@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&family=Zilla+Slab:ital,wght@0,400;1,300;1,400;1,600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


#error_message_date {
    color: #ca0000;
    font-weight: 500;
    margin-top: 20px;
    font-size: 110%;
}

#montant_no_tva {
    padding-top: 19px;
    line-height: 19px;
    text-align: center;
}


div#warning_facture_vat {
    text-align: center;
    padding-top: 30px;
    font-weight: 600;
    font-size: 110%;
    max-width: 330px;
    margin: auto;
    color: #ca0000;
    display: none;
}


span.data_devis_acceptes_concept {
    color: #adb3c3;
    font-weight: 500;
}


span.data_devis_acceptes_data {
    font-weight: 500;
}

.flex-account-recettes button.btn.dropdown-toggle.btn-default,
.flex-account-tva button.btn.dropdown-toggle.btn-default {
    padding-right: 30px;
}

div#send-document-container-fileInput2 {
    margin-bottom: 30px;
}

#display_autre_activite,
#display_autre_activite2 {
    display: none;
}

.account_type {
    font-family: "Jost", sans-serif;
    color: #c1c7bf;
    font-size: 90%;
    margin-top: -4px;
}

.option_by_defaut {
    display: inline-block;
    background-color: #edf6f4;
    padding: 0px 7px;
    font-style: italic;
    font-weight: 500;
    margin-left: 10px;
}

.invoice_sections {
    border: 4px solid #f1f2f8;
    padding: 0px 30px 15px 30px;
    margin-top: 30px;
}

.invoice_section_titles {
    font-size: 100%;
    text-align: center;
    padding-bottom: 10px;
    color: #868b9b;
}

.step-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    position: relative;
    margin: 10px auto 40px auto;
}

.step-selector {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.editing {
    background-color: #e9d9d9;
}

#inactivatedBTNOnboarding {
  opacity: 0.3;
  cursor: default;
}

#insert_ecritures .col-actions {
    max-width: 30px !important;
    min-width: 30px !important;
    width: 30px;
}

div#error_checkbox_form {
    display: none;
    color: #ca0000;
    font-weight: 600;
    font-size: 110%;
    text-align: center;
    max-width: 70%;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.date_creation_form {
    margin-top: 5px;
    padding-right: 7.5px !important;
}

#invoice-closed {
    color: #b3b5be;
    font-weight: 500;
    font-family: 'Roboto';
}

.circle-steps {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #f6f7fb;
    color: #acafc2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    position: relative;
}

.invoice #invoice-header-option {
    position: relative;
    height: 30px;
    text-align: center;
}


.add-employeur-wrapper {
    margin: 10px 0;
}

#table-repertoire-clients .cursor-pointer {
    cursor: pointer;
}

.copy_data_icon {
    display: none;
    position: absolute;
    left: 10px;
    cursor: pointer;
}

#input_services_to_add {
    display: none;
}

#insert_diplomas {
    margin-top: 10px;
    margin-bottom: 10px;
}

#step2-ri,
#step3-ri,
#step4-ri {
    max-width: 500px;
    margin: 30px auto 20px auto;
}

.step.active .circle-steps {
    background-color: #151b23;
    color: #fff;
}

.line-steps {
    height: 5px;
    width: 100px;
    background-color: #eaebec;
    margin: 0 10px;
}

.content-steps {
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}


#form-no-ri,
#step1-no-ri,
#step2-no-ri,
#step3-no-ri,
#step2-ri,
#step3-ri,
#step4-ri,
.rappels-content, 
.submit_file_containers {
    display: none;
}

.rappels {
    font-weight: 600;
    font-family: "Jost", sans-serif;
    font-size: 120%;
    cursor: pointer;
    z-index: 4;
    position: relative;
}

#step1-ri {
    max-width: 500px;
    margin: auto;
}

.rappels-wrapper {
    position: relative;
}

.rappels-content {
    padding-bottom: 15px;
}

.rappel-title {
    text-align: center;
    font-weight: 600;
    font-size: 130%;
    font-family: "Jost", sans-serif;
    padding-bottom: 15px;
}

.rappels-chevron svg {
    transition: transform 0.3s ease;
}

.rotate {
    transform: rotate(180deg);
}

.rappels-wrapper-general {
    background-color: #dae6e3;
    padding: 30px;
    max-width: 470px;
    margin: auto;
}

.rappels-chevron {
    position: absolute;
    top: 5px;
    right: 0px;
}

.rappels-wrapper {
    position: relative;
}

.send-document-container .dragndrop {
    margin-top: 3px !important;
}

textarea#but_entreprise,
textarea#but_entreprise2 {
    height: 100px;
}

i.smallest {
    font-size: 80%;
    color: #a7acbe;
}

#form_creation_ri .col-2,
#form_creation_ri .col-5,
#form_creation_ri .col-6,
#form_creation_ri .col-12,
#form_creation_ri .col-4,
#form_ri_deja_cree .col-2,
#form_ri_deja_cree .col-5,
#form_ri_deja_cree .col-6,
#form_ri_deja_cree .col-12,
#form_ri_deja_cree .col-4 {
    padding: 0 7.5px;
}

.add-employeur-form-wrapper,
.add-diploma-form-wrapper {
    padding-right: 50px;
}

.two-lines-question {
    margin-top: 0px !important;
}

.add-employeur-btn,
.add-diploma-btn {
    position: absolute;
    top: 0;
    right: 7.5px;
}

.toggles-wrapper .add-employeur-btn, 
.toggles-wrapper .add-diploma-btn {
    position: absolute;
    top: 12px;
    right: 0px;
}

.add-diploma-wrapper,
.add-employeur-wrapper {
    position: relative;
}

.toggles-wrapper .add-diploma-btn .flex-add, 
.toggles-wrapper .add-employeur-btn .flex-add {
    padding-top: 3px !important;
}

.add-diploma-btn .flex-add,
.add-employeur-btn .flex-add {
    padding-top: 6px;
    line-height: 1;
}

.send_files_dropzone {
    min-height: 38px !important;
    margin: 0px !important;
    border-radius: 0px;
    border: 1px dashed #e1e3e9 !important;
    margin-top: 0px;
    position: relative;
    padding: 4px 0 !important;
    margin-bottom: 20px;
}

.send-document-container .dragndrop {
    box-sizing: inherit;
    font-family: 'Roboto';
    color: #b6b8c3;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
}

.champs-obligatoires {
    font-size: 80%;
    text-align: right;
    margin-bottom: 8px;
    color: #a7acbe;
}

.mandatory-field {
    position: absolute;
    right: 14px;
    top: 3px;
    color: #b6b8c3;
    z-index: 11;
}

.send-document-container label.dropzone-simul {
    height: 35px;
}

.title-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

#insert-employeurs .row {
    border-bottom: 1px solid #f0f2f7;
}

div#insert-employeurs {
    margin-bottom: 15px;
    margin-top: 5px;
}

.country-employeur,
.name-employeur {
    color: #595b68;
}

.title {
    margin: 0 15px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #b6b8c3;
}

.year-employer-section {
    text-align: right;
    font-weight: 600;
    color: #595b68;
}

.line-title {
    flex-grow: 1;
    height: 2px;
    background-color: #b6b8c3;
}

#onboarding-container #dashboard {
    padding: 40px;
    background-color: #fff;
}

div#form_creation_ri {
    max-width: 500px;
    margin: 30px auto 20px auto;
}

.inline-checkbox-form .question-form {
    height: 51px;
    padding-top: 10px;
}

.checkbox-wrapper {
    display: flex;
    align-items: center;
    max-width: 150px;
    margin: auto;
    font-weight: 800;
    color: #b6b8c3;
    text-transform: uppercase;
    font-family: "Jost", sans-serif;
}

#account-validation-message {
    padding: 30px;
    font-weight: 200;
    font-family: Jost;
    max-width: 610px;
    font-size: 110%;
    margin: 50px auto;
}

#edit_profile2 .flex-date {
    flex: 0 0 100px;
    text-align: left;
    padding: 0 10px;
}

#account-validation-message-wrapper {
    background-color: #fff;
    width: 100%;
    text-align: center;
}

#account-validation-image {
    padding-bottom: 20px;
}

#status_document_validation_row,
#status_document_validation_row2 {
    padding-top: 15px;
}

.checkbox-wrapper.absolute-checkbox {
    position: absolute;
    right: 10px;
    top: 0;
}

.checkbox-wrapper label {
    margin: 0 10px;
}

.left-label {
    margin-top: 6px;
    margin-right: auto;
}

.right-label {
    margin-top: 6px;
    margin-left: auto;
}

.flex-move {
    min-width: 130px;
}

.flex-charges {
    min-width: 120px;
}

.flex-entree_sortie {
    min-width: 60px;
}

.pagination-dash {
    display: inline-block;
}

.pagination-dash a, .pagination-dash span {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    margin: 0 4px;
    border: 1px solid #eff0f6;
}

.pagination-dash span.current {
    background-color: #151b23;
    color: white;
    border: 1px solid #151b23;
}

.pagination-dash a:hover {
    background-color: #F6F7FB;
}

.pagination-wrapper {
    text-align: center;
    width: 100%;
    padding-top: 30px;
}

.clickable-value-tab {
    cursor: pointer;
}

.next-prev-icon-pagination {
    display: inline-block;
    top: 3px;
    position: relative;
}

.table {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.table-header,
.table-row {
    display: table-row;
    border-bottom: 1px solid #f5f6fb;
    font-size: 90%;
}

.table-row .table-row-single {
    height: 55px;
}

.table-header .table-row-single,
.table-row .table-row-single {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.table-header {
    color: #ced1e2 !important;
    font-size: 80%;
    text-transform: uppercase;
    font-weight: 700;
}

.table-row .table-row-single {
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.col-actions {
    max-width: 70px !important;
    min-width: 66px !important;
    width: 70px;
    text-align: right !important;
}

.col-actions .actions-absolute {
    text-align: right !important;
}

.table-row-single.invoice-number {
    text-align: left !important;
    width: 70px;
}

.table-header .table-row-single {
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom;
}


.table-header .table-row-single:nth-child(1), .table-row .table-row-single:nth-child(1) {
    min-width: 30px;
    text-align: center;
}

.table-header .table-row-single:nth-child(2),
.table-row .table-row-single:nth-child(2) {
    min-width: 150px;
}

.table-header .table-row-single:nth-child(6),
.table-row .table-row-single:nth-child(6) {
    min-width: 120px;
}

.email_table {
    color: #9497a6;
}

.table-header .table-row-single:nth-child(7),
.table-row .table-row-single:nth-child(7) {
    min-width: 100px;
}

@media (max-width: 768px) {
    .table {
        display: block;
    }

    .table-header {
        display: none;
    }

    .table-row {
        display: block;
        margin-bottom: 15px;
        border: 1px solid #ddd;
    }

    .table-row .table-row-single {
        display: flex;
        justify-content: space-between;
        padding: 10px;
    }

    .table-row .table-row-single::before {
        content: attr(data-label);
        font-weight: bold;
        margin-right: 10px;
    }

    .table-row .table-row-single {
        white-space: normal;
    }
}


.site-footer .footer-bottom {
    position: relative;
    z-index: 1;
    padding-left: 30px;
    padding-right: 30px;
}

.table_transactions, .table_transactions_saisie {
    font-family: 'Roboto';
    font-size: 90%;
    position: relative;
}

.annee-de-saisie {
    font-size: 140%;
    text-transform: uppercase;
    font-weight: 800;
    position: absolute;
    right: 40px;
    top: 20px;
    font-family: "Jost", sans-serif;
}

.table_transactions {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-collapse: collapse;
}

.btn-icon {
    position: absolute;
    top: 10px;
}

.btn-text {
    margin-left: 28px;
    font-size: 75%;
    font-family: "Jost", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

.print-btn .btn.btn-outline-secondary {
    position: absolute;
    display: inline-block;
    right: 40px;
}

.flex-row {
    display: flex;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.header-data {
    font-weight: bold;
    text-align: left;
}

.toggles_top_wrapper {
    position: absolute;
    top: 35px;
    right: 40px;
}

#display_helper_text,
#display_del_ecritures_text {
    display: inline-block;
    margin-right: 10px;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 80%;
    color: #9ea1b5;
    top: -5px;
    position: relative;
}

#display_del_ecritures_wrapper {
    padding-right: 20px;
}

.display_helper_btn,
#display_del_ecritures_text,
#display_helper_text,
#display_del_ecritures_wrapper,
#display_helper_wrapper {
    display: inline-block;
}

.small-toggle input.toggles-btn + label {
    height: 20px;
    width: 40px;
}

.small-toggle input.toggles-btn + label:after {
    height: 20px;
    width: 20px;
}

.small-toggle input.toggles-btn + label:before {
    height: 20px;
    width: 20px;
}

.small-toggle input.toggles-btn:checked + label:before {
    width: 40px;
}

#invoice-logo-txt {
    font-size: 90%;
}

#invoice-logo-wrapper .slim-result img {
    border-radius: 0px;
}

#invoice-logo-wrapper .slim .slim-file-hopper {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#invoice-logo-wrapper .content-uploader-profile .slim {
    border-radius: 0px;
}

.flex-invoice-number,
.flex-client_name,
.flex-date-time_added,
.flex-date-paid_on,
.flex-amount,
.flex-debit,
.flex-credit,
.flex-status,
.actions-absolute,
.flex-title_invoice,
.flex-account_name,
.flex-quantity_invoice,
.flex-unit_price_invoice,
.flex-amount_invoice,{
    padding: 8px 12px;
    flex: 1;
    text-align: left;
}

.flex-service_name {
    padding-right: 4.5px;
    flex: 1;
    text-align: left;
}

.flex-invoice-number {
    flex: 0.8;
    padding-left: 0;
    flex: 0 0 85px;
}

.back-to-invoices-icon {
    position: absolute;
}

.back-to-invoices-text {
    margin-left: 18px;
    color: #a7adbd;
    font-size: 85%;
}

.status-badge.draft-invoice {
    background-color: #f1f2f8;
    color: #151b23;
    font-weight: 500;
    padding: 0 8px;
    display: inline-block;
}

.status-badge.open-invoice {
    background-color: #ffaa002b;
    color: #fa0;
    font-weight: 500;
    padding: 0 8px;
    display: inline-block;
}

.status-badge.awaiting-invoice {
    background-color: #ffaa002b;
    color: #fa0;
    font-weight: 500;
    padding: 0 8px;
    display: inline-block;
}

.status-badge.closed-invoice {
    background-color: #4ca83f;
    color: #fff;
    font-weight: 500;
    padding: 0 8px;
    display: inline-block;
}

.status-badge.canceled-invoice {
    background-color: #ca00002b;
    color: #ca0000;
    font-weight: 500;
    padding: 0 8px;
    display: inline-block;
}

.big-input {
    height: 58px !important;
}

.form-control.big-input {
    padding: 0 17px !important;
}

.magnified_glass_icon_wrapper {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 58px;
    height: 58px;
    cursor: pointer;
}

.magnified_glass_icon {
    margin-top: 18px;
    text-align: right;
    margin-right: 18px;
}

.invoice_number_wrapper {
    background-color: #f1f2f86e;
    padding: 0 10px;
}

.flex-client_name {
    flex: 2;
}

.flex-date-time_added,
.flex-date-paid_on,
.flex-status {
    flex: 1.2;
}

.flex-amount {
    align-items: center;
}

.amount-value {
    margin-right: 5px;
}

.invoice .add_new_ecriture {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    position: relative;
}

.table_transactions_saisie .form-control {
    font-size: 100%;
    font-style: normal;
    border: none;
    background-color: #f5faf9;
    height: 36px;
    padding: 0 8px;
}

.table_transactions_saisie .form-group{
    margin: 0 5px;
}

.carousel-container {
    margin: 0 auto;
    font-family: 'Roboto';
}

.slide-prestations-wrapper {
    position: relative;
}

.slide-prestations-value {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 600;
}

.chart-container {
    width: 100%;
    height: 250px;
}

canvas {
    max-height: 250px;
}

.slide-prestations {
    text-align: left;
    font-size: 85%;
}

.data-top-icon {
    position: absolute;
    right: 20px;
    top: 18px;
}

.col-elements-top {
    padding: 0 7.5px !important;
}


.data-top-value-wrapper {
    position: relative;
    display: inline-block;
    line-height: 1.7;
}

.data-top-value {
    font-family: "Jost", sans-serif;
    font-size: 140%;
    font-weight: 800;
    position: relative;
}

.currency {
    font-family: "Jost", sans-serif;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 70%;
    font-weight: 600;
    transform: translate(50%, -50%);
}


.col-elements-top:first-child {
    padding-left: 0px !important;
}

.col-elements-top:last-child {
    padding-right: 0px !important;
}

.currency {
    font-family: "Jost", sans-serif;
    position: absolute;
    top: 17px;
    right: -13px;
    font-size: 70%;
    font-weight: 600;
    transform: translate(50%, -50%);
}

hr.seperator-dashboard {
    border-top: 3px solid #cdd0e12e;
    margin-top: 50px;
    margin-bottom: 60px;
}

.data-top-concept {
    font-family: "Jost", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 80%;
    color: #c1c7be;
    background-color: #fcfdff;
}

.data-top-value {
    font-family: "Jost", sans-serif;
    font-size: 140%;
    font-weight: 800;
}

.data-top-wrapper {
    position: relative;
    border: 1px solid #dfe7db;
    padding: 10px 16px;
}

.month-card h3 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 15px;
}

.slide-prestations.total-produits.text-bold {
    background-color: #e6eae4;
    padding: 3px 22px;
    margin: 10px -22px;
}

.month-card {
    padding: 0px 22px;
    border: 1px solid #fcfdff;
    margin: 40px 0px;
}

.slick-center.month-card {
    border: 1px solid #151b23;
    background-color: #fefeff;
}

.month-card h3 {
    padding-top: 15px;
    text-align: center;
}

.month-card p {
    font-size: 18px;
    color: #666;
}

.slick-list::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    z-index: 2;
    pointer-events: none;
}

.slick-list::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40%; 
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    z-index: 2;
    pointer-events: none;
}

.slick-next:before, .slick-prev:before {
    color: #151b23 !important;
    opacity: 1 !important;
}

.slick-next:before, .slick-prev:before {
    font-size: 40px !important;
}

.slick-next, .slick-prev {
    top: 50% !important;
}


.slick-slide {
    opacity: 0.92;
    transform: scale(0.9);
    transition: all 0.3s ease;
}


.slick-center {
    opacity: 1;
    transform: scale(1);
    z-index: 1;
}

.site-footer .footer-bottom .copyright-text {
    color: #a9aeb5;
    font-size: 15px;
    font-weight: 400;
    font-style: oblique;
}

.flex-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 0;
    border-collapse: collapse;
}

h2.month-header {
    font-weight: bolder;
    font-size: 130%;
    margin-top: 0;
}

.show_transactions_up {
    display: none;
}

.header-add {
    position: relative;
}

.month-block {
    margin-bottom: 40px;
}

.header-add.closed {
    margin-top: 10px;
}

/*
.header-add:first-child {
    margin-top: 0px;
}
*/

.month-block.closed {
    margin-bottom: 0px;
}

.month-closed {
    display: none;
    margin-bottom: 40px;
}


.show_transactions {
    display: inline-block;
    margin-left: 4px;
    cursor: pointer;
}

.open-month {
    cursor: pointer;
}

.flex-row {
    display: flex;
    justify-content: space-between; 
    padding: 7px 0;
    border-bottom: 1px solid #f8f8f9;
}

.flex-row.header-data {
    font-size: 80%;
    text-transform: uppercase;
    font-weight: 700;
    color: #ced1e2 !important;
}

.header-data-saisie-form-visible .flex-row,
.header-data-saisie-form .flex-row {
    font-size: 80%;
    font-weight: 700;
    border: none;
}

button.btn.dropdown-toggle.btn-default[data-id="account_number-add"],
button.btn.dropdown-toggle.btn-default[data-id^="account_number-add_"] {
    width: 116px;
    margin-right: 4px;
}

button.btn.dropdown-toggle.btn-default[data-id^="invoice_to_sold"] {
    width: 133px;
}

.flex-account-add {
    display: none;
}

button.btn.dropdown-toggle.btn-default[data-id="day_picker_ecritures"] {
    width: 50px;
}

button.btn.dropdown-toggle.btn-default[data-id="month_picker_ecritures"] {
    width: 90px;
}

button.btn.dropdown-toggle.btn-default[data-id="year_picker_ecritures"] {
    width: 65px;
}

button.btn.dropdown-toggle.btn-default[data-id^="entree_sortie_"] {
    width: 71px;
}

.invoices-settings button.btn.dropdown-toggle.btn-default[data-id="status"] {
    width: 75px;
}

.amount-value.green,
.chf.green {
    color: #4ca83f;
}

.amount-value.grey {
    color: #9fa2b0;
}

.flex-title {
    position: relative;
}

.credit-debit-icon {
    position: absolute;
    top: 3px;
}

.account-credit-debit-left-icon {
    padding-left: 20px;
}

#solde_caisse_wrapper,
#solde_banque_wrapper {
    position: relative;
}

.text-center.title-saisie {
    border-bottom: 2px solid #eff0f4;
    font-family: "Jost", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #878b9a;
}

.header-data-saisie-form-visible {
    border-bottom: 2px solid #eff0f4;
}


.header-data-saisie-form-visible .flex-add {
    padding-top: 0px;
}

.header-data-saisie-form {
    display: none;
}

#dashboard-invoice .bootstrap-select > .dropdown-toggle,
.header-data-saisie-form-visible .bootstrap-select > .dropdown-toggle,
.header-data-saisie-form .bootstrap-select > .dropdown-toggle,
.compact-select .bootstrap-select > .dropdown-toggle {
    width: 100%;
    padding-right: 12px;
    padding-left: 7px;
    z-index: 1;
    font-size: 100%;
    line-height: 13px;
    border-bottom: none;
    background-color: #f5faf9;
    height: 36px;
}

.header-data-saisie-form .flex-date,
.header-data-saisie-form-visible .flex-date,
.header-data-saisie-form .flex-title,
.header-data-saisie-form-visible .flex-title,
.header-data-saisie-form .flex-invoice,
.header-data-saisie-form-visible .flex-invoice,
.header-data-saisie-form .flex-amount,
.header-data-saisie-form-visible .flex-amount,
.header-data-saisie-form .flex-charges,
.header-data-saisie-form-visible .flex-charges,
.header-data-saisie-form .flex-move,
.header-data-saisie-form-visible .flex-move,
.header-data-saisie-form .flex-entree_sortie,
.header-data-saisie-form-visible .flex-entree_sortie,
.header-data-saisie-form .flex-taux_tva,
.header-data-saisie-form-visible .flex-taux_tva,
.header-data-saisie-form .flex-account,
.header-data-saisie-form-visible .flex-account,
.header-data-saisie-form .title_invoice,
.header-data-saisie-form .quantity_invoice,
.header-data-saisie-form .unit_price_invoice,
.header-data-saisie-form .amount_invoice{
    padding-left: 0px;
    padding-right: 4.5px;
}

.flex-add {
    background-color: #151b23;
    color: #fff;
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 171%;
    padding-top: 3px;
    cursor: pointer;
}

.invoice .add_ecriture_icon {
    position: absolute;
    top: 2px;
}

.add_ecriture_icon {
    position: absolute;
    top: 2px;
}

.add_new_ecriture {
    position: absolute;
    right: 0;
    top: 3px;
    cursor: pointer;
}

.regular_form input,
.regular_form textarea {
    background-color: #f6f7fb;
    border-bottom: 0;
    padding: 0 10px;
}

.regular_form input.select2-search__field {
    background-color: #ffffff;
}

.add_ecriture_text {
    padding-left: 20px;
}

.flex-row.header-data-saisie-form .bootstrap-select .dropdown-menu a[aria-selected="true"],
.flex-row.header-data-saisie-form-visible .bootstrap-select .dropdown-menu a[aria-selected="true"] {
    font-family: 'Roboto';
}

.header-data-saisie-form .bootstrap-select .dropdown-menu li a,
.header-data-saisie-form-visible .bootstrap-select .dropdown-menu li a {
    line-height: 2em;
    display: block;
    width: 100%;
    color: #151b23;
    font-size: 80%;
    padding: 3px 10px;
}

.header-data-saisie-form .flex-amount,
.header-data-saisie-form-visible .flex-amount {
    max-width: 63px;
}

.header-data-saisie-form .flex-amount_invoice {
    max-width: 63px;
}

.flex-rabais_invoice {
    max-width: 63px;
    margin-right: 6px;
}

.flex-tva_invoice {
    max-width: 80px;
    margin-right: 6px;
}

.flex-invoice {
    min-width: 50px;
}

.flex-title_invoice {
    flex: 1;
    margin-right: 1%;
}

.flex-account_name {
    flex: 1;
    margin-right: 1%;
}

.flex-quantity_invoice {
    width: 7%;
    margin-right: 1%;
}

.flex-unit_price_invoice {
    width: 11%;
    margin-right: 1%;
}

.flex-amount_invoice {
    width: 11%;
    margin-right: 1%;
}

.no-data-added {
    font-weight: 400;
    color: #ced1e2;
}


.enter-data-invoice .flex-add,
.enter-data-invoice .flex-action {
    position: absolute;
    bottom: 16px;
    right: 0;
}

div#data_entered_invoice {
    padding-top: 10px;
}


.labels-section div {
    color: #ced1e2;
    text-align: center;
    font-size: 80%;
    text-transform: uppercase;
    font-weight: 700;
}

div.enter-data-invoice label {
    font-size: 80%;
    line-height: 0.5;
}

.enter-data-invoice .flex-add,
.enter-data-invoice .flex-action {
    padding-top: 0px;
    line-height: 1.5;
}

.enter-data-invoice .flex-action {
    position: absolute;
    bottom: 5px;
    right: 0;
    cursor: pointer;
}

.row-invoice {
    position: relative;
    border-bottom: 1px solid #f8f8f9;
    margin-bottom: 6px;
    padding-bottom: 6px;
}

.line-btn-outside {
    max-width: calc(100% - 36px) !important;
}

#total-inside-value-bold {
    display: inline-block;
    position: absolute;
    right: 0;
    text-align: right;
    font-weight: 600;
}

#total-inside-value {
    display: inline-block;
    position: absolute;
    right: 0;
    text-align: right;
}

#total-inside-title-bold {
    display: inline-block;
    font-weight: 600;
}

#total-inside-title {
    display: inline-block;
}

#total-wrapper {
    position: absolute;
    right: 40px;
    width: 240px;
    padding-top: 20px;
}

#total-wrapper-outside {
    height: 120px;
}

#conditions_paiement_table .table-row,
#services_table .table-row {
    height: 40px;
}

#conditions_paiement_table .flex-client_name,
#services_table .flex-client_name {
    padding-top: 8px;
}

#soldes_ecritures_wrapper {
    width: 100%;
    text-align: right;
    position: absolute;
    right: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5px;
}

#solde_caisse-title, #solde_banque-title {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    color: #838698 !important;
    font-size: 90%;
    padding-right: 130px;
}

#solde_caisse-value,
#solde_banque-value {
    display: inline-block;
    position: absolute;
    right: 0;
    text-align: right;
    font-weight: 600;
    padding-right: 19px;
}

.close-option {
    display: none;
}

.chf.total-montants {
    top: 0px;
}

.aide_specifique {
    display: none;
}

[id^=general-helper] {
    background-color: #4ca83f2e;
    padding: 6px 10px;
    position: relative;
    margin-top: 5px;
    margin-bottom: 20px;
    display: none;
}

.general-helper-icon {
    position: absolute;
    top: 12px;
}

.general-helper-text {
    color: #4ca83f;
    padding-left: 25px;
    margin-top: 3px;
}

#totals-section {
    height: 90px;
    background-color: #f5faf9;
    margin-top: 50px;
}

.btn-small {
    cursor: pointer;
}

.flex-taux_tva {
    min-width: 74px;
    display: none;
}


[id^=submit_ecriture_] .taux_tva_mixte {
    margin-top: 10px;
    padding-left: 4px;
}

#total-wrapper-outside .chf {
    font-size: 60%;
    color: #9fa2b0;
    position: absolute;
    right: -21px;
    top: 4px;
}

.taux_tva_mixte {
    display: none;
    min-width: 59px;
    margin-top: 9px;
    color: #4ca83f;
    cursor: pointer;
}

.flex-taux_tva_popup {
    min-width: 20px;
    display: none;
    cursor: pointer;
    margin-top: 11px;
}

#totals-section.two-banks-totals {
    height: 116px;
}

.flex-debit, .flex-credit, .flex-invoice {
    min-width: 60px;
}

.flex-row.header-data .flex-account,
.flex-row.header-data .flex-date {
    color: #ced1e2 !important;
}

.flex-amount, flex-icon {
    flex: 0 0 100px; 
    text-align: left;
    padding: 0 10px;
}

.chf {
    font-size: 60%;
    color: #9fa2b0;
    position: absolute;
    right: 0;
    top: 14px;
}

.table_transactions .chf {
    top: 0px;
}

.flex-date {
    flex: 0 0 46px; 
    text-align: left;
    padding: 0 10px;
}

.flex-title {
    flex: 1;
    text-align: left;
    padding: 0 10px;
}

.flex-name {
    flex: 2;
    text-align: left;
    padding: 0 10px;
}

.flex-address {
    flex: 3;
    text-align: left;
    padding: 0 10px;
}

.flex-phone {
    margin-top: 11px;
    margin-right: 8px;
}

.user-concat-wrapper {
    background-color: #151b23;
    color: #fff;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    font-weight: 600;
    padding-top: 5px;
}

.user-concat-wrapper-empty {
    height: 30px;
    width: 30px;
}

.flex-concat {
    margin-top: 4px;
}

.flex-company_name {
    margin-right: 10px;
    margin-top: 11px;
}


.add_data {
    color: #9a9cab;
    line-height: 1;
}

.flex-account {
    flex: 1;
    text-align: left;
    padding: 0 10px;
    color: #9497a6;
}

.flex-amount {
    text-align: right;
    font-weight: 700;
    position: relative;
}

.flex-compte_contrepartie {
    flex: 0 0 50px;
    text-align: left;
    padding: 0 10px;
    font-weight: 600;
    color: #b9bdce;
}

.amount-value {
    margin-right: 17px;
}

.table_transactions .amount-value {
    margin-right: 7px;
}

.account-name-list {
    font-style: italic;
    opacity: 0.4;
}

.flex-date {
    font-weight: 600;
    padding-left: 0;
    padding-right: 0;
    color: #b9bdce;
}

#connection_wrapper {
    max-width: 470px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#connection_wrapper_recup {
    max-width: 570px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

span.copyright-text {
    font-size: 90%;
    color: #fff;
    opacity: 0.8;
}

.site-footer {
    color: #444444;
    background-position: center;
    overflow: hidden;
    background-color: transparent;
    background-blend-mode: luminosity;
    position: absolute;
    bottom: 0;
    width: 100%;
}

footer .footer-bottom {
    padding: 20px 0;
}

.site-footer .footer-bottom .copyright-text a {
    color: #141f37;
    font-weight: 600;
}

.footer-link {
    margin: 0px -15px;
    text-align: end;
}

.footer-link li {
    display: inline-block;
    position: relative;
    padding: 0px 15px;
}

li {
    list-style: none;
}

#background-pattern {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

#background-pattern::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../../assets/images/background-login.png");
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.3;
    z-index: -1;
}


.login-account .login-form .login-head .title {
    font-size: 240%;
    font-family: 'Jost', sans-serif;
    font-weight: 600;
}

.login-account .login-form .login-head {
    text-align: center;
    margin-bottom: 2rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: 'Zilla Slab', serif;
    font-style: oblique;
    font-size: 130%;
    color: #7a7d82;
}

.load-templates {
    cursor: pointer;
}

.time-picker-wrapper {
    padding-left: 6px;
    padding-right: 6px;
}

.event-image,
.service-image,
.event-image img,
.service-image img {
    height: 50px;
    width: 50px;
}

#insert_prices_created,
#insert_services_created,
#insert_images_created,
#insert_testimonials_created {
    width: 100%;
}

.my-prices-list .price-amount,
.my-services-list .price-amount,
.my-events-list .price-amount {
    padding-right: 20px;
}

.my-prices-list,
.my-services-list,
.my-events-list,
.my-images-list,
.my-testimonials-list {
    cursor: pointer;
}

#gallery-modal .modal-dialog {
    max-width: 400px;
}

#gallery-modal .modal-content {
    min-width: 400px;
}

.ni-star:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="%23151b23" class="bi bi-star" viewBox="0 0 16 16"><path fill="%2323151b23" d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.5.5 0 0 0-.461 0z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}



i.icon.ni.ni-star-fill {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%234ca83f" class="bi bi-star-fill" viewBox="0 0 16 16"><path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

.rating.js-wc-star-rating {
    line-height: 0;
    padding-bottom: 20px;
}


#service-modal .modal-dialog {
    min-width: 1070px;
}

.disabledBTN {
    pointer-events: none;
    filter: grayscale(30%);
    opacity: 0.3 !important;
}

#header-wrapper-invite-buyers {
    background: url(../img/background-city-invite-buyer.svg) no-repeat center center fixed;
    background-size: cover;
}

section#invite-buyers-freelancers-section {
    background-color: #2a2a31;
}

#invite-buyers-freelancers-section .user-section-freelancers, .user-section {
    border-bottom: none;
}

h2#freelancers-title-browse {
    color: #fff;
    padding-bottom: 20px;
    margin-top: 0;
}

#coupon-wrapper {
    margin: auto;
    padding-top: 130px;
    width: 100%;
}

#lateral-text {
    transform: rotate(270deg);
    transform-origin: right bottom;
    color: #fff;
    font-family: 'Jost';
    font-size: 65%;
    right: 8px;
    position: absolute;
    top: -8px;
}

#launching-discount {
    font-family: 'artiistaBlack';
    text-align: left;
    line-height: 1.2;
    position: absolute;
    top: 35px;
    left: 32px;
    font-size: 108%;
}

#gift-voucher {
    font-family: 'artiistaBlack';
    text-align: left;
    line-height: 1;
    position: absolute;
    top: 139px;
    font-size: 108%;
    left: 32px;
    background: #7B00E8;
    background: -webkit-linear-gradient(to bottom right, #7B00E8 0%, #4ca83f 100%);
    background: -moz-linear-gradient(to bottom right, #7B00E8 0%, #4ca83f 100%);
    background: linear-gradient(to bottom right, #7B00E8 0%, #4ca83f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#coupon-amount {
    position: absolute;
    font-family: 'artiistaBlack';
    font-size: 250%;
    top: 85px;
    left: 32px;
    background: #7B00E8;
    background: -webkit-linear-gradient(to bottom right, #7B00E8 0%, #4ca83f 100%);
    background: -moz-linear-gradient(to bottom right, #7B00E8 0%, #4ca83f 100%);
    background: linear-gradient(to bottom right, #7B00E8 0%, #4ca83f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#row-invite-buyers #title {
    text-align: center;
    margin: auto;
}

#second-line-title h2 .discount {
    font-size: 85%;
    color: #fff;
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    border-radius: 13px;
    padding: 2px 6px;
}

#second-line-title h2 {
    margin-top: -30px;
    font-size: 120%;
}

#title-wrapper {
    text-align: center;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 180px;
}

#title-second-part-wrapper {
    margin: auto;
    text-align: center;
    margin: auto;
    display: inline-block;
}

h1 #category-title {
    background: #7B00E8;
    background: -webkit-linear-gradient(to bottom right, #7B00E8 0%, #4ca83f 100%);
    background: -moz-linear-gradient(to bottom right, #7B00E8 0%, #4ca83f 100%);
    background: linear-gradient(to bottom right, #7B00E8 0%, #4ca83f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 170%;
    line-height: 1.1;
    float: left;
}

#question-mark-title {
    float: left;
    font-size: 170%;
    line-height: 1;
    margin-top: 3px;
}

#offer-conditions {
    font-size: 80%;
    opacity: 0.8;
    text-align: center;
    padding-bottom: 20px;
}

#freelancers-container .widget-content.row {
    padding-left: 0;
}

#invite-buyers-freelancers-section .user-section-freelancers .picture-img img {
     padding: 0px; 
}

#need-title {
    font-size: 70%;
    line-height: 0.3;
}

#coupon-inside {
    position: relative;
    display: inline-block;
}


#header-wrapper-invite-buyers-wrapper {
    background-color: #d7dae2;
    position: relative;
}

#guitarist-rock {
    width: 700px;
    position: absolute;
    bottom: -35px;
    left: -120px;
}

#guitarist-rock svg {
    width: 700px;
    height: 333px;
}

#rocks-right {
    width: 300px;
    position: absolute;
    bottom: -25px;
    right: 0px;
}

#rocks-right svg {
    width: 300px;
    height: 72px;
}

#row-invite-buyers {
    position: relative;
    padding-bottom: 50px;
}

.not_selling .picture-img {
    filter: grayscale(100%);
    filter: sepia(70%) hue-rotate(190deg) saturate(60%);
    opacity: 0.5;
}

.widget-bg.sellers-wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 22px;
    border-radius: 20px;
}

.sellers-wrapper .online-status {
    border-radius: 50%;
    height: 7px;
    width: 7px;
    position: absolute;
    margin-top: -15px;
    margin-left: 4px;
}

.user-section-freelancers .picture-img img {
    width: 130px;
    height: 130px;
    border-radius: 80px;
    padding: 7px;
    margin: auto;
}

#freelancers-category{
    margin: auto;
    display: inline-block;
    text-align: center;
    width: 100%;
}

#options_freelancers .sellers-wrapper .btn.btn-primary {
    background: #fff;
    color: #151b23;
    border: 1px solid #e2ebf7;
    transition: all 0.3s ease-in-out;
}

#options_freelancers .sellers-wrapper:hover .btn.btn-primary {
    color: #fff;
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
}


#options_freelancers .sellers-wrapper {
    transition: all 0.3s ease-in-out;
}

#options_freelancers .sellers-wrapper:hover {
    background-color: #f7f7fd91;
    border-color: #f1f1f7;
    box-shadow: none;
}


body.main-wrapper.error-page {
    background-position: center;
    background-size: cover;
}

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.row.container-min-full-height {
    height: 100%;
}

.error-wrapper .btn.text-uppercase {
    display: inline;
}

.text-bold {
    font-weight: 600 !important;
}

div#changeEmailSection {
    cursor: pointer;
}

/**
 * placeholder-loading v0.2.6
 * Author: Zalog (https://www.zalog.ro/)
 * License: MIT
 **/
.ph-item{direction:ltr;position:relative;display:flex;flex-wrap:wrap;padding:30px 15px 15px;overflow:hidden;margin-bottom:30px;border-radius:2px}.ph-item,.ph-item *,.ph-item :after,.ph-item :before{box-sizing:border-box}.ph-item:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:50%;z-index:1;width:500%;margin-left:-250%;-webkit-animation:phAnimation 1.7s linear infinite;animation:phAnimation 1.7s linear infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0) 46%,hsla(0,0%,100%,.35) 50%,hsla(0,0%,100%,0) 54%) 50% 50%}.ph-item>*{flex:1 1 auto;display:flex;flex-flow:column;padding-right:15px;padding-left:15px}.ph-row{display:flex;flex-wrap:wrap;margin-bottom:7.5px}.ph-row div{height:10px;margin-bottom:7.5px;background-color:#dfe2ea}.ph-row .big,.ph-row.big div{height:20px;margin-bottom:15px;border-radius:7px}.ph-row .empty{background-color:hsla(0,0%,100%,0)}.ph-col-2{flex:0 0 16.66667%}.ph-col-4{flex:0 0 33.33333%}.ph-col-6{flex:0 0 50%}.ph-col-8{flex:0 0 66.66667%}.ph-col-10{flex:0 0 83.33333%}.ph-col-12{flex:0 0 100%}.ph-avatar{position:relative;width:100%;min-width:60px;background-color:#dfe2ea;margin-bottom:15px;border-radius:50%;overflow:hidden}.ph-avatar:before{content:" ";display:block;padding-top:100%}.ph-picture{width:100%;height:120px;background-color:#dfe2ea;margin-bottom:15px}@-webkit-keyframes phAnimation{0%{transform:translate3d(-30%,0,0)}to{transform:translate3d(30%,0,0)}}@keyframes phAnimation{0%{transform:translate3d(-30%,0,0)}to{transform:translate3d(30%,0,0)}}

.ecommerce-products .ph-row {
    margin-top: 15px;
    margin-bottom: -3px;
}

@media (min-width: 1200px) {
    .slider-selector .ph-col-2-4 {
        flex: 0 0 calc( 20% - 10px );
    }
}

@media screen and (min-width: 551px) and (max-width: 1199px) {
    .slider-selector .ph-col-2-4 {
        flex: 0 0 calc( 25% - 10px );
    }
    
    .slider-selector .ph-col-2-4.element-4 {
        display: none;
    }
}

@media (max-width: 550px) {
    .slider-selector .ph-col-2-4 {
        flex: 0 0 calc( 33.33334% - 10px );
    }
    
    .slider-selector .ph-col-2-4.element-4,
    .slider-selector .ph-col-2-4.element-5 {
        display: none;
    }
}

section.press-kit {
    margin-top: 140px;
    margin-bottom: 50px;
}

.ph-item.col-12.pd-0.microjob-slider.loader {
    margin-bottom: 0;
}

.microjob-slider .ph-col-2-4 {
    margin: -5px 5px 8px 5px;
    border-radius: 14px;
    opacity: 0;
}

.ph-row.slider-selector {
    padding: 0px 5px 0 5px;
}

.ph-item.loader {
    padding: 0;
}
.ph-item .microjob-image-wrapper:after {
    display: none;
}

.job-cards.loader .ph-picture {
    padding-top: 56.25%;
    margin-bottom: 9px;
    border-radius: 20px;
    margin-bottom: 0;
}

.microjob-slider.loader .ph-picture {
    padding-top: 56.25%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-bottom: 14px;
}

#form_submit_signup input:-webkit-autofill,
#form_submit_signup input:-webkit-autofill:hover,
#form_submit_signup input:-webkit-autofill:focus,
#form_submit_signup input:-webkit-autofill:active,
#form_submit_signup select:-webkit-autofill,
#form_submit_signup select:-webkit-autofill:hover,
#form_submit_signup select:-webkit-autofill:focus,
#form_submit_signup select:-webkit-autofill:active {
    -webkit-transition-delay: 99999s !important;
    font-family: Zilla Slab;
    -webkit-text-fill-color: #151b23 !important;
    caret-color: #ffffff !important;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    -webkit-transition-delay: 99999s !important;
    font-family: Zilla Slab;
    -webkit-text-fill-color: #151b23 !important;
    caret-color: #151b23;
}

.header-data-saisie-form input:-webkit-autofill,
.header-data-saisie-form input:-webkit-autofill:hover,
.header-data-saisie-form input:-webkit-autofill:focus,
.header-data-saisie-form input:-webkit-autofill:active,
.header-data-saisie-form textarea:-webkit-autofill,
.header-data-saisie-form textarea:-webkit-autofill:hover,
.header-data-saisie-form textarea:-webkit-autofill:focus,
.header-data-saisie-form textarea:-webkit-autofill:active,
.header-data-saisie-form select:-webkit-autofill,
.header-data-saisie-form select:-webkit-autofill:hover,
.header-data-saisie-form select:-webkit-autofill:focus,
.header-data-saisie-form select:-webkit-autofill:active,
.header-data-saisie-form-visible input:-webkit-autofill,
.header-data-saisie-form-visible input:-webkit-autofill:hover,
.header-data-saisie-form-visible input:-webkit-autofill:focus,
.header-data-saisie-form-visible input:-webkit-autofill:active,
.header-data-saisie-form-visible textarea:-webkit-autofill,
.header-data-saisie-form-visible textarea:-webkit-autofill:hover,
.header-data-saisie-form-visible textarea:-webkit-autofill:focus,
.header-data-saisie-form-visible textarea:-webkit-autofill:active,
.header-data-saisie-form-visible select:-webkit-autofill,
.header-data-saisie-form-visible select:-webkit-autofill:hover,
.header-data-saisie-form-visible select:-webkit-autofill:focus,
.header-data-saisie-form-visible select:-webkit-autofill:active {
    -webkit-transition-delay: 99999s !important;
    font-family: "Roboto";
    -webkit-text-fill-color: #151b23 !important;
    caret-color: #151b23;
}


.modal-content input:-webkit-autofill,
.modal-content input:-webkit-autofill:hover,
.modal-content input:-webkit-autofill:focus textarea:-webkit-autofill,
.modal-content textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.modal-content select:-webkit-autofill,
.modal-content select:-webkit-autofill:hover,
.modal-content select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  }


#contact_join_us input:-webkit-autofill,
#contact_join_us input:-webkit-autofill:hover,
#contact_join_us input:-webkit-autofill:focus,
#contact_join_us input:-webkit-autofill:active,
#contact_join_us textarea:-webkit-autofill,
#contact_join_us textarea:-webkit-autofill:hover,
#contact_join_us textarea:-webkit-autofill:focus,
#contact_join_us textarea:-webkit-autofill:active,
#contact_join_us select:-webkit-autofill,
#contact_join_us select:-webkit-autofill:hover,
#contact_join_us select:-webkit-autofill:focus,
#contact_join_us select:-webkit-autofill:active {
    -webkit-transition-delay: 99999s !important;
    font-family: Zilla Slab;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff;
}


.grecaptcha-badge {
    visibility: hidden;
}


.index-page .row.container-min-full-height:before,
.join-us-page .row.container-min-full-height:before {
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(to top right, #450b7c, #563cc9, #4ca83f);
    position: absolute;
    opacity: 0.08;
}

.second-block-search .dropdown-menu.open.show {
    margin-top: 8px;
    border: none;
}

.second-block-search .bootstrap-select.btn-group .dropdown-menu.inner {
    max-height: 203px !important;
}


.index-description {
    padding-top: 20px;
}

#search-index {
    padding-top: 50px;
}

.join-us-page .row.container-min-full-height:before {
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(to top right, #450b7c, #563cc9, #4ca83f);
    position: absolute;
    opacity: 0.04;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.body-bg-full.profile-page.index-page {
    background-color: #131223;
}

a.ui-datepicker-prev.ui-corner-all,
a.ui-datepicker-next.ui-corner-all {
    display: none;
}


.flag-spam-icon[data-balloon]:after {
    background-color: #ca0000 !important;
}

.flag-spam-icon {
    float: left;
    padding-right: 10px;
}

.flag-spam-icon {
    padding-top: 6px;
}

.title-my-jobs .flag-spam-icon {
    padding-top: 7px;
    padding-left: 10px;
    position: absolute;
}

.spam-detected .title-my-jobs-txt {
    padding-left: 20px;
}

.error-wrapper h5.mr-b-5.color-white.permanent {
    padding-bottom: 50px;
    margin-top: 0;
}

#banned_until {
    font-size: 150%;
    color: #fff;
    margin-bottom: 50px;
}

.ui-datepicker-calendar thead th {
    text-align: center;
}

table.ui-datepicker-calendar {
    margin-top: 10px;
}

#ui-datepicker-div {
    -webkit-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
}

table.ui-datepicker-calendar td {
    padding: 3px 7px;
    text-align: center;
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.float_val {
    font-size: 50%;
    margin-top: 7px;
    margin-left: -4px;
}

.card-footer .float_val {
    margin-top: 5px;
    margin-left: -3px;
}

.int_val,
.float_val {
    display: inline-block;
    border-right: none !important;
}

.my-payments {
    white-space: nowrap;
}

.card-footer .requests-data-numb-inside {
    height: 24px;
}

.spam-detected .row {
    border-color: #ca0000;
}

.currency-symb.left,
.currency-symb.right {
    display: inline-block;
}

.amount-with-comission .currency-symb.right {
    margin-top: 4px;
}

.requests-data-numb-inside {
    display: inline-block;
    line-height: 1;
}

.currency-symb {
    font-size: 50%;
    margin-top: 7px;
}

.single-line-tab .currency-symb {
    margin-left: -4px;
    margin-right: -4px;
}

.card-footer .currency-symb {
    margin-top: 5px;
}

.btn-block .requests-data-numb-inside {
    display: inline-block;
    font-size: 120%;
    margin-top: 21px;
}

.btn-order-prev {
    float: left;
    margin-right: 4px;
    font-size: 105%;
}


.btn-block .int_val {
    font-size: 120%;
    line-height: 1;
    margin-top: -4px;
}

span.currency-symb.left {
    padding-left: 5px;
    margin-right: -3px;
}

.btn-block .float_val {
    margin-top: 1px;
}

.btn-block .currency-symb {
    margin-top: 2px;
    margin-right: 1px;
}

.amount-sales .requests-data-numb-inside {
    display: inline-block;
    line-height: 1;
    height: 21px;
    margin-top: 0px;
}

.amount-with-comission .float_val {
    margin-top: 4px;
}

.amount-sales .float_val {
    margin-left: -2px;
}

.amount-sales span.currency-symb.left {
    margin-right: 2px;
}

select.ui-datepicker-year,
select.ui-datepicker-month {
    width: 48%;
    height: 30px;
    color: #4e566d;
}

select.ui-datepicker-year {
    margin-left: 2%;
    border: 1px solid #e3ebf7;
}

select.ui-datepicker-month {
    margin-right: 2%;
    border: 1px solid #e3ebf7;
}

table.ui-datepicker-calendar td:hover {
    background-color: #4ca83f;
}

table.ui-datepicker-calendar td:hover a {
    color: #fff;
}

ul.slick-dots.no-style {
    display: none;
}

#search-page #job-cards-content {
    padding-left: 0;
    position: relative;
}

.login-popup .form-group {
    padding-left: 0;
}

.form-login-wrapper.login-left.login-popup:before {
    background: white;
}

.logo-responsive {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 22px;
}

ul.children-inside li {
    border-bottom: 0;
}

#cbp-spmenu-s1 {
    display: none;
}

form {
    margin-bottom: 0;
}

.bold {
    font-family: Jost;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

@media print {

    *,
    *::before,
    *::after {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " ("attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #6a719091;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .badge,
    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table td,
    .table th {
        background-color: #fff !important;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #cdd0e161 !important;
    }
}

#form_submit_signup .form-control {
    background-clip: initial;
}

h1#signup-title {
    color: #fff !important;
}

#lang_selector_signup {
    position: absolute;
    top: 9px;
    left: 150px;
    display: block !important;
}

#main-category-helper {
    position: absolute;
    z-index: 1;
    width: 100%;
    margin-top: 5px;
}

.category_wrappers img {
    border-radius: 20px;
}

#select-main-category {
    padding-left: 30px;
}

#main-category-helper img{
    filter: brightness(0) invert(1);
}

.checkboxes-signup.checkbox .label-text {
    padding-left: 35px;
}


#signup-form-wrapper {
    min-width: 460px;
    z-index: 2;
}

.signup-page #error-message {
    font-family: Jost;
    background-color: #ca0000;
    display: inline-block;
    padding: 0 15px;
    margin-bottom: 20px;
    border-radius: 30px;
    color: #fff;
    font-size: 90%;
}

a.cgu-link {
    color: #4ca83f;
}

.navbar.dark-nav-fixed,
.navbar.dark-nav {
    background-color: #151b23;
}

#create_new_microjob {
    display: none;
}

.columns4jobs.results-loop.row {
    padding-bottom: 50px;
}

h4.text-center.related-gigs-title {
    padding-bottom: 20px;
}

#no-content svg {
    max-width: 500px;
    max-height: 161px;
}

label.dropzone-simul {
    background-color: transparent;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 122px;
    color: transparent;
    cursor: pointer;
}

.js .inputfile,
.js .inputfile-5 {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label,
.inputfile-5 + label {
    max-width: 80%;
    font-size: 1.25rem;
}

.no-js .inputfile + label,
.no-js .inputfile-5 + label {
    display: none;
}

.inputfile:focus + label,
.inputfile-5:focus + label,
.inputfile.has-focus + label,
.inputfile-5.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label svg,
.inputfile-5 + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}

.inputfile-3 + label {
    color: #d3394c;
}

.inputfile-3:focus + label,
.inputfile-3.has-focus + label,
.inputfile-3 + label:hover {
    color: #722040;
}

button.btn.dropdown-toggle.btn-default:focus,
button.btn.dropdown-toggle.btn-default:active,
span.select2-selection:focus {
    outline: none !important;
}

#header-select-wrapper {
    max-width: 250px;
}


.my-gigs.no-results .page_options_top {
    padding-top: 60px;
}

li.dropdown.inbox-notifications,
li.dropdown.notifications {
    width: 70px;
}

#include_notifications li.clearfix.notif-line {
    border-bottom: 1px solid #f7f7fd;
    height: 82px;
}

.notification-push-wrapper {
    position: fixed;
    z-index: 1000;
    top: 100px;
    cursor: pointer;
}

.notification-push {
    background-color: #2a2a31;
    width: 320px;
    height: 95px;
    position: relative;
    margin-bottom: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.16);
}

.dark .notification-push.red {
    border: 1px solid #ca0000;
}

.dark .notification-push.orange {
    border: 1px solid #ffaa00;
}

.dark .notification-push.blue {
    border: 1px solid #4ca83f;
}

.notification-push-wrapper.hidden-push {
    right: -320px;
    transition: right 0.5s ease-in-out;
}

.notification-push-wrapper.visible-push {
    transition: right 0.5s ease-in-out;
    right: 20px;
}

.push-icon {
    position: absolute;
    top: 27px;
    left: 20px;
}

.push-text-wrapper {
    position: absolute;
    padding-left: 80px;
    padding-right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.push-title {
    font-family: Jost;
    font-size: 95%;
}

.blue .push-title {
    color: #4ca83f;
}

.orange .push-title {
    color: #ffaa00;
}

.red .push-title {
    color: #ca0000;
}

.push-text {
    font-size: 85%;
    color: #b5b5ca;
    line-height: 1.6;
    margin-top: 2px;
}

li.include_question {
    padding: 15px !important;
}

.include_question_received {
    padding-left: 10px;
}

.include_question_received {
    padding-bottom: 15px;
    text-align: left;
}

.response_sent {
    opacity: 0.6;
    margin-top: 6px;
}

.card-body .wrapper-li {
    white-space: nowrap;
}

li.include_question {
    text-align: center;
    display: none;
}


textarea.quick-response {
    padding: 10px 15px !important;
    margin-bottom: 15px;
    border-radius: 12px;
}

#notifications-page span.media-body {
    padding-left: 15px;
    font-size: 90%;
}


#notifications-page a.media {
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
}

.widget-latest-transactions a.media {
    padding: 20px 0;
}

.media-content {
    line-height: 1.2;
}

.se-pre-con {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(255, 255, 255, 0.85);
}

.st0 {
    fill: #2A2A31;
}

.dark .st0 {
    fill: #ffffff;
}

.st1 {
    fill: #4ca83f;
}

.ajax-loader {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 165px;
    left: calc(50% - 17px);
}


li.clearfix.notif-line {
    border-bottom: 1px solid #f7f7fd;
}

span.country {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 16px;
    height: 12px;
}

#float {
    position: absolute;
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    top: 0px;
    right: 0px;
}

ul.no-style {
    list-style: none;
    background-color: transparent;
    border: 0px;
    padding: 0px;
    border-radius: 0;
    margin: 0;
}

.wrapper-general-web {
    overflow: hidden;
    min-height: 100%;
}

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Zilla Slab';
    font-size: 16px;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    color: #4e566d;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #ecedf3;
}

.redborder {
    border-color: #ca0000 !important;
}

.btn-right {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.spacer15 {
    padding-bottom: 15px;
}

.spacer30 {
    padding-bottom: 30px;
}

.spacer40 {
    padding-bottom: 40px;
}

.center .btn-primary {
    margin: auto;
}

.trash-icon.inactive,
.power-icon.inactive {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
    cursor: pointer;
    transition: all 0.2s ease-out;
}

.trash-icon.inactive:hover,
.power-icon.inactive:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

@-ms-viewport {
    width: device-width;
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    margin: 0;
    font-family: 'Zilla Slab', serif;
    line-height: 1.71429;
    color: #151b23;
    background-color: #f1f8f7;
    overflow-x: hidden !important;
    position: relative;
    height: 100%;
}

#registered {
    padding-top: 11px;
    font-size: 80%;
    font-weight: bold;
    width: 100%;
}

.page-wraper {
    height: 100%;
}

.light-text {
    color: #868e96;
}

#forgot-password {
    padding-bottom: 30px;
    font-style: oblique;
    font-weight: bold;
}

ul.footer-link a {
    color: #a9aeb5;
}

.devMode {
    border: 2px solid #4ca83f;
}

.videoPlayerWrap {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.dark {
    color: #ebefffbf;
}

[tabindex="-1"]:focus {
    outline: none !important;
}

.section__separate {
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid #cdd0e161;
}


hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}

h2.section_title:after {
    display: block;
    height: 2px;
    width: 120px;
    background-color: #4ca83f;
    margin: auto;
    content: " ";
    margin-top: 15px;
}

h2.section_title {
    font-size: 200%;
    font-family: artiistaLight;
    color: #151b23;
    text-align: center;
    margin-bottom: 50px;
    letter-spacing: 1px;
}

h2.section_title.left-align {
    text-align: left;
    font-size: 140%;
    margin-bottom: 30px;
}

h2.section_title.left-align:after {
    margin: inherit;
    height: 1px;
    width: 80px;
    margin-top: 15px;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    color: #151b23;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    text-decoration: none;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.57143em;
    padding-bottom: 0.57143em;
    color: #bbb;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: left;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-family: "Jost", sans-serif;
    color: #151b23;
    font-weight: initial;
}

.job_heading h1 {
    line-height: 1.1;
}

h1,
.h1 {
    font-size: 2.625rem;
}

h2,
.h2 {
    font-size: 2.25rem;
}

h3,
.h3 {
    font-size: 1.875rem;
}

h4,
.h4 {
    font-size: 1.5rem;
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1.125rem;
}

.lead {
    font-size: 1.25rem;
}

.display-1 {
    font-size: 6rem;
    line-height: 1.1;
}

.display-2 {
    font-size: 5.5rem;
    line-height: 1.1;
}

.display-3 {
    font-size: 4.5rem;
    line-height: 1.1;
}

.display-4 {
    font-size: 3.5rem;
    line-height: 1.1;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #cdd0e161;
}

.dark hr {
    border-top: 1px solid #393844;
}

small,
.small {
    font-size: 80%;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #ffed00;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-right: 5px;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.125rem;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #868e96;
}

.blockquote-footer::before {
    content: "\2014 \00A0";
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #f5f7fa;
    border: 1px solid #cdd0e161;
    border-radius: 0.25rem;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 90%;
    color: #868e96;
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

code {
    padding: 0.2rem 0.4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #f8f9fa;
    border-radius: 0.25rem;
}

a > code {
    padding: 0;
    color: inherit;
    background-color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 90%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
    -webkit-box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 90%;
    color: #212529;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}


@media (min-width: 1200px) {
    .container {
        max-width: 1240px;
    }

    #search-page .container,
    .jobs-finder-home .container.filter-results {
        max-width: 1450px;
    }

    .container.ecommerce-products-list {
        max-width: 1400px;
    }
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 3px;
    padding-left: 3px;
    width: 100%;
}

.row,
.custom-fullcalendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
}

.slider-nav button {
    display: none !important;
}

.media-actions {
    position: absolute;
    top: 15px;
    opacity: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    transition: opacity 0.3s ease-in-out;
}

.dark .select2-container .select2-search--inline .select2-search__field {
    color: #b4b6c5;
}

.job-pictures-result:hover .media-actions {
    opacity: 1;
}

.video-edit-job:hover .media-actions {
    opacity: 1;
}

.blockJOBS_favorites span.dropdown-inline-icon {
    filter: invert(0.7);
}

.media-actions li {
    float: left;
    color: #fff;
    background-color: rgb(199 199 213);
    border-radius: 50px;
    height: 30px;
    width: 30px;
    padding: 7px;
    line-height: 4px;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    margin: 0 4px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.custom-fullcalendar .fc-toolbar,
.col,
.col-auto,
.col-sm-1,
.col-sm-5,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-15,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.custom-fullcalendar .fc-view-container,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-15,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-15,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.col-12,
.custom-fullcalendar .fc-toolbar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}




.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.table th,
.table td {
    padding: 0.57143em;
    border-top: 1px solid white;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid white;
}

.table tbody + tbody {
    border-top: 2px solid white;
}

.table .table {
    background-color: #f5f7fa;
}

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid white;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid white;
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #dfdff0;
}

td.title {
    padding-left: 0;
}

tr.bg-color-scheme-contrast th:first-child {
    padding-left: 0;
}

tr.bg-color-scheme-contrast {
    text-transform: uppercase;
}

tr.bg-color-scheme-contrast th:last-child {
    padding-right: 0;
}

td.year {
    padding-right: 0;
    text-align: right;
}

.table-color-scheme,
.table-color-scheme > th,
.table-color-scheme > td {
    background-color: #d2d2ea;
}

.table-hover .table-color-scheme:hover {
    background-color: #c1c1e2;
}

.table-hover .table-color-scheme:hover > td,
.table-hover .table-color-scheme:hover > th {
    background-color: #c1c1e2;
}

.table-color-scheme-dark,
.table-color-scheme-dark > th,
.table-color-scheme-dark > td {
    background-color: #d2d2ea;
}

.table-hover .table-color-scheme-dark:hover {
    background-color: #c1c1e2;
}

.table-hover .table-color-scheme-dark:hover > td,
.table-hover .table-color-scheme-dark:hover > th {
    background-color: #c1c1e2;
}

.table-content-color,
.table-content-color > th,
.table-content-color > td {
    background-color: #e2e2e2;
}

.table-hover .table-content-color:hover {
    background-color: #d5d5d5;
}

.table-hover .table-content-color:hover > td,
.table-hover .table-content-color:hover > th {
    background-color: #d5d5d5;
}

.table-content,
.table-content > th,
.table-content > td {
    background-color: #e2e2e2;
}

.table-hover .table-content:hover {
    background-color: #d5d5d5;
}

.table-hover .table-content:hover > td,
.table-hover .table-content:hover > th {
    background-color: #d5d5d5;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #fff8cc;
}

.table-hover .table-primary:hover {
    background-color: #fff5b3;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #fff5b3;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #cdd0e161fe2;
}

.table-hover .table-secondary:hover {
    background-color: #cfd2d6;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #cfd2d6;
}

.table-success,
.table-success > th,
.table-success > td {
    background-color: #c7f3da;
}

.table-hover .table-success:hover {
    background-color: #b2efcc;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #b2efcc;
}

.table-info,
.table-info > th,
.table-info > td {
    background-color: #b8e7fc;
}

.table-hover .table-info:hover {
    background-color: #a0dffb;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #a0dffb;
}

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #fff1b8;
}

.table-hover .table-warning:hover {
    background-color: #ffec9f;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
    background-color: #ffec9f;
}

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #f8d3ce;
}

.table-hover .table-danger:hover {
    background-color: #f5bfb8;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: #f5bfb8;
}

.table-light,
.table-light > th,
.table-light > td {
    background-color: #fdfdfe;
}

.table-hover .table-light:hover {
    background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
    background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
    background-color: #b9bbbe;
}

.table-gray-100,
.table-gray-100 > th,
.table-gray-100 > td {
    background-color: #fdfdfe;
}

.table-hover .table-gray-100:hover {
    background-color: #ececf6;
}

.table-hover .table-gray-100:hover > td,
.table-hover .table-gray-100:hover > th {
    background-color: #ececf6;
}

.table-gray-200,
.table-gray-200 > th,
.table-gray-200 > td {
    background-color: whitesmoke;
}

.table-hover .table-gray-200:hover {
    background-color: #e8e8e8;
}

.table-hover .table-gray-200:hover > td,
.table-hover .table-gray-200:hover > th {
    background-color: #e8e8e8;
}

.table-gray-300,
.table-gray-300 > th,
.table-gray-300 > td {
    background-color: #ececec;
}

.table-hover .table-gray-300:hover {
    background-color: #dfdfdf;
}

.table-hover .table-gray-300:hover > td,
.table-hover .table-gray-300:hover > th {
    background-color: #dfdfdf;
}

.table-gray-400,
.table-gray-400 > th,
.table-gray-400 > td {
    background-color: #e7e7e7;
}

.table-hover .table-gray-400:hover {
    background-color: #dadada;
}

.table-hover .table-gray-400:hover > td,
.table-hover .table-gray-400:hover > th {
    background-color: #dadada;
}

.table-gray-500,
.table-gray-500 > th,
.table-gray-500 > td {
    background-color: #e2e2e2;
}

.table-hover .table-gray-500:hover {
    background-color: #d5d5d5;
}

.table-hover .table-gray-500:hover > td,
.table-hover .table-gray-500:hover > th {
    background-color: #d5d5d5;
}

.table-gray-600,
.table-gray-600 > th,
.table-gray-600 > td {
    background-color: #cdd0e161fe2;
}

.table-hover .table-gray-600:hover {
    background-color: #cfd2d6;
}

.table-hover .table-gray-600:hover > td,
.table-hover .table-gray-600:hover > th {
    background-color: #cfd2d6;
}

.table-gray-700,
.table-gray-700 > th,
.table-gray-700 > td {
    background-color: #ccced0;
}

.table-hover .table-gray-700:hover {
    background-color: #bfc1c4;
}

.table-hover .table-gray-700:hover > td,
.table-hover .table-gray-700:hover > th {
    background-color: #bfc1c4;
}

.table-gray-800,
.table-gray-800 > th,
.table-gray-800 > td {
    background-color: #c6c8ca;
}

.table-hover .table-gray-800:hover {
    background-color: #b9bbbe;
}

.table-hover .table-gray-800:hover > td,
.table-hover .table-gray-800:hover > th {
    background-color: #b9bbbe;
}

.table-gray-900,
.table-gray-900 > th,
.table-gray-900 > td {
    background-color: #c1c2c3;
}

.table-hover .table-gray-900:hover {
    background-color: #b4b5b6;
}

.table-hover .table-gray-900:hover > td,
.table-hover .table-gray-900:hover > th {
    background-color: #b4b5b6;
}

.table-active,
.table-active > th,
.table-active > td {
    background-color: #d5d5eb;
}

.table-hover .table-active:hover {
    background-color: #c3c4e3;
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
    background-color: #c3c4e3;
}

.thead-inverse th {
    color: #151b23;
    background-color: #212529;
}

.thead-default th {
    color: white;
    background-color: #cdd0e161;
}

.table-inverse {
    color: #f5f7fa;
    background-color: #212529;
}

.table-inverse th,
.table-inverse td,
.table-inverse thead th {
    border-color: rgba(255, 255, 255, 0.1);
}

.table-inverse.table-bordered {
    border: 0;
}

.table-inverse.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

.table-inverse.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 991px) {
    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .table-responsive.table-bordered {
        border: 0;
    }
}

textarea {
    padding: 20px 30px !important;
    line-height: 1.8 !important;
}


/*INPUTS MAUCERI STYLE*/
.form-control {
    padding: 0;
    font-style: oblique;
    height: 48px;
    line-height: 1.2;
    padding-bottom: 10px;
    font-size: 18px;
    border: none;
    border-radius: 0;
    color: #151b23;
    font-weight: 500;
    border-bottom: 1px solid #151F37;
    background-color: transparent;
    width: 100%;
}

.textarea-formcontrol {
    height: 200px;
}

.login-form .form-control {
    font-size: 24px;
}



/*
.form-control {
    display: block;
    width: 100%;
    padding: 7px 20px;
    line-height: 1.57143;
    color: #151b23;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #cdd0e161;
    border-radius: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    font-size: 100%;
}
*/

.dark .form-control,
.dark .btn-default {
    color: #fff;
    background-color: #34343e;
    border: 1px solid #34343e;
}

.dark #pagefooter .btn-default {
    border-color: #7f7f90;
}

footer .menu li {
    cursor: pointer;
}

footer .menu li a {
    color: #8f8f9e;
}

.navigate-menu {
    padding-top: 30px;
}

.dark textarea#decline_cancel_comment,
.dark textarea#dispute-explanations {
    border: 1px solid #53525f;
}

.dark .form-control:disabled,
.dark .form-control[readonly] {
    background-color: #34343e;
    opacity: 1;
}

.dark .select2-container--default .select2-selection--multiple {
    background-color: #34343e;
    border: 1px solid #34343e;
}

.dark label {
    color: #fff;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark .h1,
.dark .h2,
.dark .h3,
.dark .h4,
.dark .h5,
.dark .h6 {
    color: #fff;
}

.dark #qr_code_profile img {
    background: rgba(255, 255, 255, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 87%, rgba(255,255,255,0) 100%); */
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
    /* background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 87%, rgba(255,255,255,0) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.digits,
.digits-modal {
    width: 43px;
    display: inline-block;
    border-radius: 0;
    border: none !important;
    border-bottom: 4px solid #e3ebf7 !important;
    font-size: 220%;
    font-family: 'Jost';
    padding: 0;
    text-align: center;
    margin-right: 5px;
}

.dark .digits, 
.dark .digits-modal {
    border-bottom: 4px solid #535261 !important;
}

.dark .digits:hover, 
.dark .digits:focus, 
.dark .digits-modal:hover,
.dark .digits-modal:focus {
    border-bottom: 4px solid #c1c1cc !important;
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.form-control-digits-wrapper {
    display: inline-block;
}

.digits:focus,
.digits.has-value,
.digits-modal:focus,
.digits-modal.has-value {
    border-bottom: 4px solid #151b23 !important;
}

#digit4 {
    margin-right: 40px;
}

.hidden-elements #email,
.hidden-elements #passwordEmail,
.hidden-elements #pin_code,
.hidden-elements #btnChangeEmail {
    display: none;
}

.hidden-elements #passwordEmail,
.hidden-elements #btnChangeEmail,
.hidden-elements #pin_code,
.hidden-elements #email {
    margin-bottom: 20px;
}


.dark .custom-offer-bought {
    background-color: #34343e;
}

.dark #qr_code_profile img {
    border-radius: 17px;
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:focus {
    background-color: transparent;
    border-bottom: 2px solid #141f37;
    outline: none;
    -webkit-box-shadow: none, 0 0 0 3px rgba(95, 96, 179, 0.2);
    box-shadow: none, 0 0 0 3px rgba(95, 96, 179, 0.2);
}

.form-control::-webkit-input-placeholder {
    color: #6a719091;
    opacity: 1;
}

.form-control::-webkit-input-placeholder {
    color: #6a719091;
    opacity: 1;
}

input#search-tags::-webkit-input-placeholder {
    color: #ffffff !important;
    opacity: 0.5;
}

.form-control::placeholder {
    color: #6a719091;
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #dae6e3;
    opacity: 1;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.5rem + 2px);
}

select.form-control:focus::-ms-value {
    color: #74708d;
    background-color: #fff;
}

.form-control-file,
.form-control-range {
    display: block;
}

.col-form-label {
    padding-top: calc(0.5625rem - 1px * 2);
    padding-bottom: calc(0.5625rem - 1px * 2);
    margin-bottom: 0;
}

.col-form-label-lg {
    padding-top: calc(0.3125rem - 1px * 2);
    padding-bottom: calc(0.3125rem - 1px * 2);
    font-size: 1rem;
}

.col-form-label-sm {
    padding-top: calc(0.1875rem - 1px * 2);
    padding-bottom: calc(0.1875rem - 1px * 2);
    font-size: 0.75rem;
}

.col-form-legend {
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
    margin-bottom: 0;
    font-size: 0.875rem;
}

.form-control-plaintext {
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
    margin-bottom: 0;
    line-height: 1.57143;
    border: solid transparent;
    border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .form-control-plaintext.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-plaintext.btn,
.form-control-plaintext.form-control-lg,
.input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .form-control-plaintext.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-plaintext.btn {
    padding-right: 0;
    padding-left: 0;
}

.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    padding: 0.1875rem 0.5rem;
    font-size: 0.75rem;
    line-height: 2;
    border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]),
.input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
    height: calc(1.875rem + 2px);
}

.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    padding: 0.3125rem 1.5rem;
    font-size: 1rem;
    line-height: 3;
    border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]),
.input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
    height: calc(2.875rem + 2px);
}

.form-group {
    margin-bottom: 1.5625rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.form-check {
    position: relative;
    display: block;
    margin-bottom: 0.5rem;
}

.form-check.disabled .form-check-label {
    color: #bbb;
}

.form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0;
}

.form-check-input {
    position: absolute;
    margin-top: 0.25rem;
    margin-left: -1.25rem;
}

.form-check-input:only-child {
    position: static;
}

.form-check-inline {
    display: inline-block;
}

.form-check-inline .form-check-label {
    vertical-align: middle;
}

.form-check-inline + .form-check-inline {
    margin-left: 0.75rem;
}

.invalid-feedback {
    display: none;
    margin-top: .25rem;
    font-size: .875rem;
    color: #ca0000;
}

.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(230, 97, 79, 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: #38d57a;
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(56, 213, 122, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(56, 213, 122, 0.25);
}

.was-validated .form-control:valid ~ .invalid-feedback,
.was-validated .form-control:valid ~ .invalid-tooltip,
.form-control.is-valid ~ .invalid-feedback,
.form-control.is-valid ~ .invalid-tooltip,
.was-validated .custom-select:valid ~ .invalid-feedback,
.was-validated .custom-select:valid ~ .invalid-tooltip,
.custom-select.is-valid ~ .invalid-feedback,
.custom-select.is-valid ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-check-input:valid + .form-check-label,
.form-check-input.is-valid + .form-check-label {
    color: #38d57a;
}

.was-validated .custom-control-input:valid ~ .custom-control-indicator,
.custom-control-input.is-valid ~ .custom-control-indicator {
    background-color: rgba(56, 213, 122, 0.25);
}

.was-validated .custom-control-input:valid ~ .custom-control-description,
.custom-control-input.is-valid ~ .custom-control-description {
    color: #38d57a;
}

.was-validated .custom-file-input:valid ~ .custom-file-control,
.custom-file-input.is-valid ~ .custom-file-control {
    border-color: #38d57a;
}

.was-validated .custom-file-input:valid ~ .custom-file-control::before,
.custom-file-input.is-valid ~ .custom-file-control::before {
    border-color: inherit;
}

.was-validated .custom-file-input:valid:focus,
.custom-file-input.is-valid:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(56, 213, 122, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(56, 213, 122, 0.25);
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: #ca0000;
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(230, 97, 79, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(230, 97, 79, 0.25);
}

.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: #ca0000;
}

.was-validated .custom-control-input:invalid ~ .custom-control-indicator,
.custom-control-input.is-invalid ~ .custom-control-indicator {
    background-color: rgba(230, 97, 79, 0.25);
}

.was-validated .custom-control-input:invalid ~ .custom-control-description,
.custom-control-input.is-invalid ~ .custom-control-description {
    color: #ca0000;
}

.was-validated .custom-file-input:invalid ~ .custom-file-control,
.custom-file-input.is-invalid ~ .custom-file-control {
    border-color: #ca0000;
}

.was-validated .custom-file-input:invalid ~ .custom-file-control::before,
.custom-file-input.is-invalid ~ .custom-file-control::before {
    border-color: inherit;
}

.was-validated .custom-file-input:invalid:focus,
.custom-file-input.is-invalid:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(230, 97, 79, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(230, 97, 79, 0.25);
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-inline .form-check {
    width: 100%;
}

@media (min-width: 576px) {
    .form-inline label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-plaintext {
        display: inline-block;
    }

    .form-inline .input-group {
        width: auto;
    }

    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-check {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        margin-top: 0;
        margin-bottom: 0;
    }

    .form-inline .form-check-label {
        padding-left: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }

    .form-inline .custom-control {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
    }

    .form-inline .custom-control-indicator {
        position: static;
        display: inline-block;
        margin-right: 0.25rem;
        vertical-align: text-bottom;
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

#login-main-btn {
    color: #fff !important;
}

/* BTN MAUCERI STYLE*/
.btn {
    padding: 12px 24px;
    border-radius: 0px;
    font-size: 19px;
    font-weight: 500;
    position: relative;
    line-height: 1.5;
    align-items: center;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    color: #ffffff;
    border: none;
}

/*
.btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 8px 15px;
    font-size: 0.875rem;
    line-height: 1.57143;
    border-radius: 20px;
    cursor: pointer;
    align-items: center;
}
*/

.btn:focus,
.btn:hover {
    text-decoration: none;
}

.btn:focus,
.btn.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.125);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn:disabled {
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none;
}


a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-color-scheme {
    color: #fff;
    background-color: #4ca83f;
    border-color: #4ca83f;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-color-scheme:hover {
    color: #fff;
    background-color: #4c4da0;
    border-color: #484997;
}

.btn-color-scheme:focus,
.btn-color-scheme.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(95, 96, 179, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(95, 96, 179, 0.5);
}

.btn-color-scheme.disabled,
.btn-color-scheme:disabled {
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.btn-color-scheme:active,
.btn-color-scheme.active,
.show > .btn-color-scheme.dropdown-toggle {
    background-color: #4c4da0;
    background-image: none;
    border-color: #484997;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-color-scheme-dark {
    color: #fff;
    background-color: #4ca83f;
    border-color: #4ca83f;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-color-scheme-dark:hover {
    color: #fff;
    background-color: #4c4da0;
    border-color: #484997;
}

.btn-color-scheme-dark:focus,
.btn-color-scheme-dark.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(95, 96, 179, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(95, 96, 179, 0.5);
}

.btn-color-scheme-dark.disabled,
.btn-color-scheme-dark:disabled {
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.btn-color-scheme-dark:active,
.btn-color-scheme-dark.active,
.show > .btn-color-scheme-dark.dropdown-toggle {
    background-color: #4c4da0;
    background-image: none;
    border-color: #484997;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.dropdown-menu::-webkit-scrollbar,
.select2-dropdown ::-webkit-scrollbar {
    width: 14px;
    height: 18px;
}

.dropdown-menu::-webkit-scrollbar-thumb,
.select2-dropdown ::-webkit-scrollbar-thumb {
    min-height: 50px;
    border: 3.5px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}

.dropdown-menu::-webkit-scrollbar-button,
.select2-dropdown ::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

.dropdown-menu::-webkit-scrollbar-corner,
.select2-dropdown ::-webkit-scrollbar-corner {
    background-color: transparent;
}

.btn-content-color {
    color: #111;
    background-color: #6a719091;
    border-color: #6a719091;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-content-color:hover {
    color: #111;
    background-color: #868686;
    border-color: gray;
}

.btn-content-color:focus,
.btn-content-color.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5);
}

.btn-content-color.disabled,
.btn-content-color:disabled {
    background-color: #6a719091;
    border-color: #6a719091;
}

.btn-content-color:active,
.btn-content-color.active,
.show > .btn-content-color.dropdown-toggle {
    background-color: #868686;
    background-image: none;
    border-color: gray;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-content {
    color: #111;
    background-color: #6a719091;
    border-color: #6a719091;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-content:hover {
    color: #111;
    background-color: #868686;
    border-color: gray;
}

.btn-content:focus,
.btn-content.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5);
}

.btn-content.disabled,
.btn-content:disabled {
    background-color: #6a719091;
    border-color: #6a719091;
}

.btn-content:active,
.btn-content.active,
.show > .btn-content.dropdown-toggle {
    background-color: #868686;
    background-image: none;
    border-color: gray;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-primary:focus,
.btn-primary.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 229, 72, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 229, 72, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #4ca83f;
    border-color: #4ca83f;
}


.show > .btn-primary.dropdown-toggle {
    background-color: transparent;
    background-image: none;
    border-color: #4ca83f;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-secondary {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-small {
    padding: 2px 15px !important;
    font-size: 80%;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #727b84;
    border-color: #6c757d;
}

.btn-secondary:focus,
.btn-secondary.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #868e96;
    border-color: #868e96;
}

.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
    background-color: #727b84;
    background-image: none;
    border-color: #6c757d;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-success {
    color: #111;
    background-color: #38d57a;
    border-color: #38d57a;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-success:hover {
    color: #111;
    background-color: #28bf67;
    border-color: #26b462;
}

.btn-success:focus,
.btn-success.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(56, 213, 122, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(56, 213, 122, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #38d57a;
    border-color: #38d57a;
}

.btn-success:active,
.btn-success.active,
.show > .btn-success.dropdown-toggle {
    background-color: #28bf67;
    background-image: none;
    border-color: #26b462;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-info {
    color: #fff;
    background-color: #4ca83f;
    border-color: #4ca83f;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-info:hover {
    color: #fff;
    background-color: #038fcd;
    border-color: #0286c1;
}

.btn-info:focus,
.btn-info.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.btn-info:active,
.btn-info.active,
.show > .btn-info.dropdown-toggle {
    background-color: #038fcd;
    background-image: none;
    border-color: #0286c1;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-warning {
    color: #111;
    background-color: #ffcc02;
    border-color: #ffcc02;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-warning:hover {
    color: #111;
    background-color: #dbaf00;
    border-color: #cea400;
}

.btn-warning:focus,
.btn-warning.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 204, 2, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 204, 2, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #ffcc02;
    border-color: #ffcc02;
}

.btn-warning:active,
.btn-warning.active,
.show > .btn-warning.dropdown-toggle {
    background-color: #dbaf00;
    background-image: none;
    border-color: #cea400;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-danger {
    color: #fff;
    background-color: #ca0000;
    border-color: #ca0000;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-danger:hover {
    color: #fff;
    background-color: #980000;
    border-color: #980000;
}

.btn-danger:focus,
.btn-danger.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(230, 97, 79, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(230, 97, 79, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
    background-color: #ca0000;
    border-color: #ca0000;
}

.btn-danger:active,
.btn-danger.active,
.show > .btn-danger.dropdown-toggle {
    background-color: #980000;
    background-image: none;
    border-color: #980000;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-light {
    color: #111;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-light:hover {
    color: #111;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-light:focus,
.btn-light.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:active,
.btn-light.active,
.show > .btn-light.dropdown-toggle {
    background-color: #e2e6ea;
    background-image: none;
    border-color: #dae0e5;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.btn-dark:focus,
.btn-dark.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:active,
.btn-dark.active,
.show > .btn-dark.dropdown-toggle {
    background-color: #23272b;
    background-image: none;
    border-color: #1d2124;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-100 {
    color: #111;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-gray-100:hover {
    color: #111;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-gray-100:focus,
.btn-gray-100.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5);
}

.btn-gray-100.disabled,
.btn-gray-100:disabled {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-gray-100:active,
.btn-gray-100.active,
.show > .btn-gray-100.dropdown-toggle {
    background-color: #e2e6ea;
    background-image: none;
    border-color: #dae0e5;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-200 {
    color: #111;
    background-color: #cdd0e161;
    border-color: #cdd0e161;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-gray-200:hover {
    color: #111;
    background-color: #cacaca;
    border-color: #c4c4c4;
}

.btn-gray-200:focus,
.btn-gray-200.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(221, 221, 221, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(221, 221, 221, 0.5);
}

.btn-gray-200.disabled,
.btn-gray-200:disabled {
    background-color: #cdd0e161;
    border-color: #cdd0e161;
}

.btn-gray-200:active,
.btn-gray-200.active,
.show > .btn-gray-200.dropdown-toggle {
    background-color: #cacaca;
    background-image: none;
    border-color: #c4c4c4;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-300 {
    color: #111;
    background-color: #bbb;
    border-color: #bbb;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-gray-300:hover {
    color: #111;
    background-color: #a8a8a8;
    border-color: #a2a2a2;
}

.btn-gray-300:focus,
.btn-gray-300.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(187, 187, 187, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(187, 187, 187, 0.5);
}

.btn-gray-300.disabled,
.btn-gray-300:disabled {
    background-color: #bbb;
    border-color: #bbb;
}

.btn-gray-300:active,
.btn-gray-300.active,
.show > .btn-gray-300.dropdown-toggle {
    background-color: #a8a8a8;
    background-image: none;
    border-color: #a2a2a2;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-400 {
    color: #111;
    background-color: #aaa;
    border-color: #aaa;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-gray-400:hover {
    color: #111;
    background-color: #979797;
    border-color: #919191;
}

.btn-gray-400:focus,
.btn-gray-400.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(170, 170, 170, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(170, 170, 170, 0.5);
}

.btn-gray-400.disabled,
.btn-gray-400:disabled {
    background-color: #aaa;
    border-color: #aaa;
}

.btn-gray-400:active,
.btn-gray-400.active,
.show > .btn-gray-400.dropdown-toggle {
    background-color: #979797;
    background-image: none;
    border-color: #919191;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-500 {
    color: #111;
    background-color: #6a719091;
    border-color: #6a719091;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-gray-500:hover {
    color: #111;
    background-color: #868686;
    border-color: gray;
}

.btn-gray-500:focus,
.btn-gray-500.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5);
}

.btn-gray-500.disabled,
.btn-gray-500:disabled {
    background-color: #6a719091;
    border-color: #6a719091;
}

.btn-gray-500:active,
.btn-gray-500.active,
.show > .btn-gray-500.dropdown-toggle {
    background-color: #868686;
    background-image: none;
    border-color: gray;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-600 {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-gray-600:hover {
    color: #fff;
    background-color: #727b84;
    border-color: #6c757d;
}

.btn-gray-600:focus,
.btn-gray-600.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5);
}

.btn-gray-600.disabled,
.btn-gray-600:disabled {
    background-color: #868e96;
    border-color: #868e96;
}

.btn-gray-600:active,
.btn-gray-600.active,
.show > .btn-gray-600.dropdown-toggle {
    background-color: #727b84;
    background-image: none;
    border-color: #6c757d;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-700 {
    color: #fff;
    background-color: #495057;
    border-color: #495057;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-gray-700:hover {
    color: #fff;
    background-color: #383d42;
    border-color: #32373b;
}

.btn-gray-700:focus,
.btn-gray-700.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(73, 80, 87, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(73, 80, 87, 0.5);
}

.btn-gray-700.disabled,
.btn-gray-700:disabled {
    background-color: #495057;
    border-color: #495057;
}

.btn-gray-700:active,
.btn-gray-700.active,
.show > .btn-gray-700.dropdown-toggle {
    background-color: #383d42;
    background-image: none;
    border-color: #32373b;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-800 {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-gray-800:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.btn-gray-800:focus,
.btn-gray-800.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5);
}

.btn-gray-800.disabled,
.btn-gray-800:disabled {
    background-color: #343a40;
    border-color: #343a40;
}

.btn-gray-800:active,
.btn-gray-800.active,
.show > .btn-gray-800.dropdown-toggle {
    background-color: #23272b;
    background-image: none;
    border-color: #1d2124;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-900 {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-gray-900:hover {
    color: #fff;
    background-color: #101214;
    border-color: #0a0c0d;
}

.btn-gray-900:focus,
.btn-gray-900.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(33, 37, 41, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(33, 37, 41, 0.5);
}

.btn-gray-900.disabled,
.btn-gray-900:disabled {
    background-color: #212529;
    border-color: #212529;
}

.btn-gray-900:active,
.btn-gray-900.active,
.show > .btn-gray-900.dropdown-toggle {
    background-color: #101214;
    background-image: none;
    border-color: #0a0c0d;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

#view-job-page button.slick-arrow {
    width: 40px;
    height: 40px;
}

#job-slider-content .slider-for button {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

/* DISABLE HOVER ON MOBILE */
@media (hover: hover) and (pointer: fine) {
      #job-slider-content .slider-for button {
        opacity: 0;
    }
}

#job-slider-content .slider-for:hover button {
    opacity: 1;
}

#view-job-page svg#prev-btn, #view-job-page svg#next-btn {
    width: 30px;
    padding: 8px 0;
}

.btn-outline-color-scheme {
    color: #4ca83f;
    background-color: transparent;
    background-image: none;
    border-color: #4ca83f;
}

.btn-outline-color-scheme:hover {
    color: #fff;
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.btn-outline-color-scheme:focus,
.btn-outline-color-scheme.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(95, 96, 179, 0.5);
    box-shadow: 0 0 0 3px rgba(95, 96, 179, 0.5);
}

.btn-outline-color-scheme.disabled,
.btn-outline-color-scheme:disabled {
    color: #4ca83f;
    background-color: transparent;
}

.btn-outline-color-scheme:active,
.btn-outline-color-scheme.active,
.show > .btn-outline-color-scheme.dropdown-toggle {
    color: #fff;
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.btn-outline-color-scheme-dark {
    color: #4ca83f;
    background-color: transparent;
    background-image: none;
    border-color: #4ca83f;
}

.btn-outline-color-scheme-dark:hover {
    color: #fff;
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.btn-outline-color-scheme-dark:focus,
.btn-outline-color-scheme-dark.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(95, 96, 179, 0.5);
    box-shadow: 0 0 0 3px rgba(95, 96, 179, 0.5);
}

.btn-outline-color-scheme-dark.disabled,
.btn-outline-color-scheme-dark:disabled {
    color: #4ca83f;
    background-color: transparent;
}

.btn-outline-color-scheme-dark:active,
.btn-outline-color-scheme-dark.active,
.show > .btn-outline-color-scheme-dark.dropdown-toggle {
    color: #fff;
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.btn-outline-content-color {
    color: #6a719091;
    background-color: transparent;
    background-image: none;
    border-color: #6a719091;
}

.btn-outline-content-color:hover {
    color: #fff;
    background-color: #6a719091;
    border-color: #6a719091;
}

.btn-outline-content-color:focus,
.btn-outline-content-color.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(153, 153, 153, 0.5);
    box-shadow: 0 0 0 3px rgba(153, 153, 153, 0.5);
}

.btn-outline-content-color.disabled,
.btn-outline-content-color:disabled {
    color: #6a719091;
    background-color: transparent;
}

.btn-outline-content-color:active,
.btn-outline-content-color.active,
.show > .btn-outline-content-color.dropdown-toggle {
    color: #fff;
    background-color: #6a719091;
    border-color: #6a719091;
}

.btn-outline-content {
    color: #6a719091;
    background-color: transparent;
    background-image: none;
    border-color: #6a719091;
}

.btn-outline-content:hover {
    color: #fff;
    background-color: #6a719091;
    border-color: #6a719091;
}

.btn-outline-content:focus,
.btn-outline-content.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(153, 153, 153, 0.5);
    box-shadow: 0 0 0 3px rgba(153, 153, 153, 0.5);
}

.btn-outline-content.disabled,
.btn-outline-content:disabled {
    color: #6a719091;
    background-color: transparent;
}

.btn-outline-content:active,
.btn-outline-content.active,
.show > .btn-outline-content.dropdown-toggle {
    color: #fff;
    background-color: #6a719091;
    border-color: #6a719091;
}

.btn-outline-primary {
    color: #4767E9;
    text-align: center;
    box-sizing: border-box;
    border: 2px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    border-radius: 50px;
    padding: 7px 10px;
}

.dark .btn-outline-primary {
    background-image: linear-gradient(#34343e, #34343e), linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
}

.dark .btns-publish-wrapper .btn-outline-primary {
    background-image: linear-gradient(#1f1f25, #1f1f25), linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
}

.btn-outline-primary:hover {
    opacity: 0.8;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(255, 229, 72, 0.5);
    box-shadow: 0 0 0 3px rgba(255, 229, 72, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #4ca83f;
    background-color: transparent;
}

.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.btn-outline-secondary {
    color: #4e566d;
    background-color: transparent;
    background-image: none;
    border-color: #e3ebf7;
    padding: 8px 15px;
    border: 1px solid #f1f2f8 !important;
}

.years-detail {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.dark .btn-outline-secondary {
    color: #e3ebf730;
    border-color: #e3ebf730;
    transition: all 0.3s ease-in-out;
}

.dark #changeEmailSection {
    color: #e3ebf785;
    border-color: #e3ebf785;
}

.dark .btn-outline-secondary:hover {
    color: #fff;
    border-color: #fff;
}

.navbar .btn-outline-secondary:hover {
    color: #fff;
    background-color: #ffffff38;
    border-color: #fff;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5);
    box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #868e96;
    background-color: transparent;
}

.btn-outline-secondary:active,
.btn-outline-secondary.active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
}

.btn-outline-success {
    color: #38d57a;
    background-color: transparent;
    background-image: none;
    border-color: #38d57a;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #38d57a;
    border-color: #38d57a;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(56, 213, 122, 0.5);
    box-shadow: 0 0 0 3px rgba(56, 213, 122, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #38d57a;
    background-color: transparent;
}

.btn-outline-success:active,
.btn-outline-success.active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #38d57a;
    border-color: #38d57a;
}

.btn-outline-info {
    color: #4ca83f;
    background-color: transparent;
    background-image: none;
    border-color: #4ca83f;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(3, 169, 243, 0.5);
    box-shadow: 0 0 0 3px rgba(3, 169, 243, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #4ca83f;
    background-color: transparent;
}

.btn-outline-info:active,
.btn-outline-info.active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.btn-outline-warning {
    color: #ffcc02;
    background-color: transparent;
    background-image: none;
    border-color: #ffcc02;
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #ffcc02;
    border-color: #ffcc02;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(255, 204, 2, 0.5);
    box-shadow: 0 0 0 3px rgba(255, 204, 2, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffcc02;
    background-color: transparent;
}

.btn-outline-warning:active,
.btn-outline-warning.active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #ffcc02;
    border-color: #ffcc02;
}

.btn-outline-danger {
    color: #ca0000;
    background-color: transparent;
    background-image: none;
    border-color: #ca0000 !important;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #ca0000;
    border-color: #ca0000;
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(230, 97, 79, 0.5);
    box-shadow: 0 0 0 3px rgba(230, 97, 79, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #ca0000;
    background-color: transparent;
}

.btn-outline-danger:active,
.btn-outline-danger.active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #ca0000;
    border-color: #ca0000;
}

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}

.btn-outline-light:hover {
    color: #fff;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}

.btn-outline-light:active,
.btn-outline-light.active,
.show > .btn-outline-light.dropdown-toggle {
    color: #fff;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
}

.btn-outline-dark:active,
.btn-outline-dark.active,
.show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-gray-100 {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}

.btn-outline-gray-100:hover {
    color: #fff;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-gray-100:focus,
.btn-outline-gray-100.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
}

.btn-outline-gray-100.disabled,
.btn-outline-gray-100:disabled {
    color: #f8f9fa;
    background-color: transparent;
}

.btn-outline-gray-100:active,
.btn-outline-gray-100.active,
.show > .btn-outline-gray-100.dropdown-toggle {
    color: #fff;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-gray-200 {
    color: #cdd0e161;
    background-color: transparent;
    background-image: none;
    border-color: #cdd0e161;
}

.btn-outline-gray-200:hover {
    color: #fff;
    background-color: #cdd0e161;
    border-color: #cdd0e161;
}

.btn-outline-gray-200:focus,
.btn-outline-gray-200.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(221, 221, 221, 0.5);
    box-shadow: 0 0 0 3px rgba(221, 221, 221, 0.5);
}

.btn-outline-gray-200.disabled,
.btn-outline-gray-200:disabled {
    color: #cdd0e161;
    background-color: transparent;
}

.btn-outline-gray-200:active,
.btn-outline-gray-200.active,
.show > .btn-outline-gray-200.dropdown-toggle {
    color: #fff;
    background-color: #cdd0e161;
    border-color: #cdd0e161;
}

.btn-outline-gray-300 {
    color: #bbb;
    background-color: transparent;
    background-image: none;
    border-color: #bbb;
}

.btn-outline-gray-300:hover {
    color: #fff;
    background-color: #bbb;
    border-color: #bbb;
}

.btn-outline-gray-300:focus,
.btn-outline-gray-300.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(187, 187, 187, 0.5);
    box-shadow: 0 0 0 3px rgba(187, 187, 187, 0.5);
}

.btn-outline-gray-300.disabled,
.btn-outline-gray-300:disabled {
    color: #bbb;
    background-color: transparent;
}

.btn-outline-gray-300:active,
.btn-outline-gray-300.active,
.show > .btn-outline-gray-300.dropdown-toggle {
    color: #fff;
    background-color: #bbb;
    border-color: #bbb;
}

.btn-outline-gray-400 {
    color: #aaa;
    background-color: transparent;
    background-image: none;
    border-color: #aaa;
}

.btn-outline-gray-400:hover {
    color: #fff;
    background-color: #aaa;
    border-color: #aaa;
}

.btn-outline-gray-400:focus,
.btn-outline-gray-400.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(170, 170, 170, 0.5);
    box-shadow: 0 0 0 3px rgba(170, 170, 170, 0.5);
}

.btn-outline-gray-400.disabled,
.btn-outline-gray-400:disabled {
    color: #aaa;
    background-color: transparent;
}

.btn-outline-gray-400:active,
.btn-outline-gray-400.active,
.show > .btn-outline-gray-400.dropdown-toggle {
    color: #fff;
    background-color: #aaa;
    border-color: #aaa;
}

.btn-outline-gray-500 {
    color: #6a719091;
    background-color: transparent;
    background-image: none;
    border-color: #6a719091;
}

.btn-outline-gray-500:hover {
    color: #fff;
    background-color: #6a719091;
    border-color: #6a719091;
}

.btn-outline-gray-500:focus,
.btn-outline-gray-500.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(153, 153, 153, 0.5);
    box-shadow: 0 0 0 3px rgba(153, 153, 153, 0.5);
}

.btn-outline-gray-500.disabled,
.btn-outline-gray-500:disabled {
    color: #6a719091;
    background-color: transparent;
}

.btn-outline-gray-500:active,
.btn-outline-gray-500.active,
.show > .btn-outline-gray-500.dropdown-toggle {
    color: #fff;
    background-color: #6a719091;
    border-color: #6a719091;
}

.btn-outline-gray-600 {
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
}

.btn-outline-gray-600:hover {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
}

.btn-outline-gray-600:focus,
.btn-outline-gray-600.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5);
    box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5);
}

.btn-outline-gray-600.disabled,
.btn-outline-gray-600:disabled {
    color: #868e96;
    background-color: transparent;
}

.btn-outline-gray-600:active,
.btn-outline-gray-600.active,
.show > .btn-outline-gray-600.dropdown-toggle {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
}

.btn-outline-gray-700 {
    color: #495057;
    background-color: transparent;
    background-image: none;
    border-color: #495057;
}

.btn-outline-gray-700:hover {
    color: #fff;
    background-color: #495057;
    border-color: #495057;
}

.btn-outline-gray-700:focus,
.btn-outline-gray-700.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(73, 80, 87, 0.5);
    box-shadow: 0 0 0 3px rgba(73, 80, 87, 0.5);
}

.btn-outline-gray-700.disabled,
.btn-outline-gray-700:disabled {
    color: #495057;
    background-color: transparent;
}

.btn-outline-gray-700:active,
.btn-outline-gray-700.active,
.show > .btn-outline-gray-700.dropdown-toggle {
    color: #fff;
    background-color: #495057;
    border-color: #495057;
}

.btn-outline-gray-800 {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}

.btn-outline-gray-800:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-gray-800:focus,
.btn-outline-gray-800.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5);
}

.btn-outline-gray-800.disabled,
.btn-outline-gray-800:disabled {
    color: #343a40;
    background-color: transparent;
}

.btn-outline-gray-800:active,
.btn-outline-gray-800.active,
.show > .btn-outline-gray-800.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-gray-900 {
    color: #212529;
    background-color: transparent;
    background-image: none;
    border-color: #212529;
}

.btn-outline-gray-900:hover {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}

.btn-outline-gray-900:focus,
.btn-outline-gray-900.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5);
    box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5);
}

.btn-outline-gray-900.disabled,
.btn-outline-gray-900:disabled {
    color: #212529;
    background-color: transparent;
}

.btn-outline-gray-900:active,
.btn-outline-gray-900.active,
.show > .btn-outline-gray-900.dropdown-toggle {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}

.btn-link {
    color: #4ca83f;
    border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link:disabled {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link:hover {
    border-color: transparent;
}

.btn-link:focus,
.btn-link:hover {
    color: #4c4c96;
    text-decoration: none;
    background-color: transparent;
}

.btn-link:disabled {
    color: #868e96;
}

.btn-link:disabled:focus,
.btn-link:disabled:hover {
    text-decoration: none;
}

.btn-lg,
.btn-group-lg > .btn {
    padding: 0.3125rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 0.1875rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.fade.show {
    -webkit-transition: opacity 0.15s ease-in;
    -moz-transition: opacity 0.15s ease-in;
    -o-transition: opacity 0.15s ease-in;
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.show {
    display: block;
}

tr.collapse.show {
    display: table-row;
}

tbody.collapse.show {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropup .dropdown-menu {
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
    border-top: 0;
    border-bottom: 0.3em solid;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    margin: 0.125rem 0 0;
    font-size: 0.875rem;
    color: #6a719091;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
}

.dark .dropdown-menu {
    color: #e8e8f9;
    background-color: #484754;
    border: 1px solid #484754;
}

.dark .nav .dropdown-menu {
    background-color: #202025;
}

.dark .dropdown-menu.dropdown-left.dropdown-card.animated.flipInX.show {
    background-color: #2a2a31;
}

.dark .dropdown-list-group li a .media-heading {
    color: #d6d6e0;
}

.dark li.new-notif-line {
    background: rgba(28, 28, 31, 0.5) !important;
    border-bottom: 1px solid #cdd0e161 !important;
}

.dark .dropdown-card .card-header {
    border-bottom: 1px solid #454452;
    color: #fff;
}

.dark a {
    color: #afafc5;
}

.dark .card li {
    color: #d6d6e8;
}


.dark li.clearfix.notif-line {
    border-bottom: 1px solid #2f2e38 !important;
}

.dark .inbox-notifications li.unread {
    border-bottom: 1px solid #2f2e38 !important;
    background-color: #212128 !important;
}

.dark .bootstrap-select .dropdown-menu li a {
    color: #e8e8f9;
}

.dark .bootstrap-select .dropdown-menu li a:hover,
.dark .bootstrap-select .dropdown-menu li a:focus,
.dark .bootstrap-select .dropdown-menu a[aria-selected="true"] {
    background: #40404c;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #cdd0e161;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.42857em;
    clear: both;
    color: #151b23;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #7b7b7b;
    text-decoration: none;
    background-color: rgba(95, 96, 179, 0.03);
}

.dropdown-item.active,
.dropdown-item:active {
    color: #7b7b7b;
    text-decoration: none;
    background-color: rgba(95, 96, 179, 0.03);
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #868e96;
    background-color: transparent;
}

.show > a {
    outline: 0;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.42857em;
    margin-bottom: 0;
    font-size: 0.75rem;
    color: #868e96;
    white-space: nowrap;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-bottom: 0;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
    z-index: 2;
}

.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
    z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.btn-toolbar .input-group {
    width: auto;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 50%;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius: 50%;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn + .dropdown-toggle-split {
    padding-right: 0.9em;
    padding-left: 0.9em;
}

.btn + .dropdown-toggle-split::after {
    margin-left: 0;
}

.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 1.125rem;
    padding-left: 1.125rem;
}

.btn-group.show .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-group-vertical {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
    width: 100%;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.input-group .form-control:focus,
.input-group .form-control:active,
.input-group .form-control:hover {
    z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-addon,
.input-group-btn {
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 0.5625rem 1.2em;
    margin-bottom: 0;
    font-size: 0.875rem;
    line-height: 1.57143;
    color: #151b23;
    text-align: center;
    background-color: #f7f7fd;
    border: 1px solid #e3ebf7;
    border-radius: 25px;
}

.dark .input-group-addon {
    background-color: #34333e;
    color: #ebefffbf;
    border: 1px solid #34333e !important;
}


.input-group-addon.form-control-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 0.1875rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 0.2rem;
}

.input-group-addon.form-control-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 0.3125rem 1.5rem;
    font-size: 1rem;
    border-radius: 0.3rem;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0;
}

.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child),
.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group > .btn,
.input-group-btn:not(:last-child) > .dropdown-toggle,
.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-addon:not(:last-child) {
    border-right: 0;
}

.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group > .btn,
.input-group-btn:not(:first-child) > .dropdown-toggle,
.input-group-btn:not(:last-child) > .btn:not(:first-child),
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.form-control + .input-group-addon:not(:first-child) {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    white-space: nowrap;
}

.currency_to_withdraw_wrapper .pull-left {
    text-align: center !important;
}

.input-group-btn > .btn {
    position: relative;
    cursor: pointer;
}

.input-group-btn > .btn + .btn {
    margin-left: -1px;
}

.input-group-btn > .btn:focus,
.input-group-btn > .btn:active,
.input-group-btn > .btn:hover {
    z-index: 3;
}

.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group {
    margin-right: -1px;
}

.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group {
    z-index: 2;
    margin-left: -1px;
}

.input-group-btn:not(:first-child) > .btn:focus,
.input-group-btn:not(:first-child) > .btn:active,
.input-group-btn:not(:first-child) > .btn:hover,
.input-group-btn:not(:first-child) > .btn-group:focus,
.input-group-btn:not(:first-child) > .btn-group:active,
.input-group-btn:not(:first-child) > .btn-group:hover {
    z-index: 3;
}

.custom-control {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 1.71429rem;
    padding-left: 1.5rem;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-control-input:checked ~ .custom-control-indicator {
    color: #fff;
    background-color: #4ca83f;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom-control-input:focus ~ .custom-control-indicator {
    -webkit-box-shadow: 0 0 0 1px #f5f7fa, 0 0 0 3px #4ca83f;
    box-shadow: 0 0 0 1px #f5f7fa, 0 0 0 3px #4ca83f;
}

.custom-control-input:active ~ .custom-control-indicator {
    color: #fff;
    background-color: #fffefb;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom-control-input:disabled ~ .custom-control-indicator {
    background-color: #cdd0e161;
}

.custom-control-input:disabled ~ .custom-control-description {
    color: #868e96;
}

.custom-control-indicator {
    position: absolute;
    top: 0.35714rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #cdd0e161;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    -webkit-box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}

.custom-checkbox .custom-control-indicator {
    border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
    background-color: #4ca83f;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom-radio .custom-control-indicator {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-controls-stacked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.custom-controls-stacked .custom-control {
    margin-bottom: 0.25rem;
}

.custom-controls-stacked .custom-control + .custom-control {
    margin-left: 0;
}

.custom-select {
    display: inline-block;
    max-width: 100%;
    height: calc(2.5rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    line-height: 1.57143;
    color: #74708d;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    border: 1px solid #e3ebf7;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-select:focus {
    border-color: #fff7c8;
    outline: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(255, 247, 200, 0.5);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(255, 247, 200, 0.5);
}

.custom-select:focus::-ms-value {
    color: #74708d;
    background-color: #fff;
}

.custom-select:disabled {
    color: #868e96;
    background-color: #cdd0e161;
}

.custom-select::-ms-expand {
    opacity: 0;
}

.custom-select-sm {
    height: calc(1.875rem + 2px);
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 75%;
}

.custom-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 2.5rem;
    margin-bottom: 0;
}

.custom-file-input {
    min-width: 14rem;
    max-width: 100%;
    height: 2.5rem;
    margin: 0;
    opacity: 0;
}

.custom-file-input:focus ~ .custom-file-control {
    -webkit-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #4ca83f;
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #4ca83f;
}

.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    color: #495057;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #e3ebf7;
    border-radius: 0.25rem;
    -webkit-box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
}

.custom-file-control:lang(en):empty::after {
    content: "Choose file...";
}

.custom-file-control::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #cdd0e161;
    border: 1px solid #e3ebf7;
    border-radius: 0 0.25rem 0.25rem 0;
}

.custom-file-control:lang(en)::before {
    content: "Browse";
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none;
}

.nav-link.disabled {
    color: #868e96;
}

.nav-tabs {
    border-bottom: 1px solid #cdd0e161;
}

.dark .nav-tabs {
    border-bottom: 1px solid #4e4c54;
}

.dark .nav-tabs li.active a,
.dark .nav-tabs li.active a:focus,
.dark .nav-tabs li.active a:hover {
    color: #4ca83f;
    border-color: #4e4c54 #4e4c54 #2a2a31;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.dark .my-requests-artiista,
.dark .my-projects-artiista {
    border: 1px solid #53525f;
    background-color: #34343e;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #cdd0e161 #cdd0e161 #cdd0e161;
}

.nav-tabs .nav-link.disabled {
    color: #868e96;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #f5f7fa;
    border-color: #cdd0e161 #cdd0e161 #f5f7fa;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-pills .nav-link {
    border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.show > .nav-pills .nav-link {
    color: #fff;
    background-color: #4ca83f;
}

.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.39286rem;
    padding-bottom: 0.39286rem;
    margin-right: 1rem;
    font-size: 1rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none;
}

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1rem;
    line-height: 1;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575px) {

    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-sm .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
}

@media (max-width: 767px) {

    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-md .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}

@media (max-width: 991px) {

    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}

@media (max-width: 1199px) {

    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-xl .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}

.navbar-expand {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.navbar-expand .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}

.navbar-expand .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.navbar-expand .navbar-toggler {
    display: none;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-dark .navbar-brand {
    color: white;
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: white;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: white;
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 25px;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px 0px 10px 3px;
    line-height: 1.5;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid #f7f7fd;
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

@media (min-width: 576px) {
    .card-deck {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -3px;
        margin-left: -3px;
    }

    .card-deck .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 3px;
        margin-left: 3px;
    }
}

@media (min-width: 576px) {
    .card-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .card-group .card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }

    .card-group .card + .card {
        margin-left: 0;
        border-left: 0;
    }

    .card-group .card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .card-group .card:first-child .card-img-top {
        border-top-right-radius: 0;
    }

    .card-group .card:first-child .card-img-bottom {
        border-bottom-right-radius: 0;
    }

    .card-group .card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .card-group .card:last-child .card-img-top {
        border-top-left-radius: 0;
    }

    .card-group .card:last-child .card-img-bottom {
        border-bottom-left-radius: 0;
    }

    .card-group .card:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .card-group .card:not(:first-child):not(:last-child) .card-img-top,
    .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
        border-radius: 0;
    }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }

    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}

.breadcrumb {
    margin-bottom: 1rem;
    list-style: none;
}

.breadcrumb::after {
    display: block;
    clear: both;
    content: "";
}

.breadcrumb-item {
    float: left;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #868e96;
    content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #868e96;
}

.pagination {
    display: inline-flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item button.btn.dropdown-toggle.btn-default {
    background-color: #e9eaf0;
    height: 36px;
    max-width: 120px;
    padding-top: 8px;
    font-family: 'Jost';
    color: #757d84;
    font-size: 96%;
}

.page-item .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 120px;
}

.page-item .dropdown-menu {
    border: 1px solid #e9eaf0;
    background-color: #e9eaf0;
}

.page-item .bootstrap-select .dropdown-menu a[aria-selected="true"],
.page-item .bootstrap-select .dropdown-menu li a:hover, 
.page-item .bootstrap-select .dropdown-menu li a:focus {
    color: #151b23 !important;
    font-family: Jost;
    background: #e9eaf0;
}

#pagination-wrapper {
    padding-bottom: 60px;
}

.page-item .dropdown-menu li {
    margin-bottom: 0px;
}

.page-item .btn-default:focus, 
.page-item .btn-default:hover, 
.page-item .btn-default:active, 
.page-item .btn-default:active:focus, 
.page-item .btn-default:active:hover, 
.page-item .show > .btn-default.dropdown-toggle, 
.page-item .show > .btn-default.dropdown-toggle:hover, 
.page-item .show > .btn-default.dropdown-toggle:focus {
    border-color: #e9eaf0;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #151b23;
    border-color: #151b23;
}

.page-item.disabled .page-link {
    opacity: 0.5;
    pointer-events: none;
}

.page-link {
    position: relative;
    display: block;
    padding: 7px;
    height: 36px;
    min-width: 36px;
    margin-left: -1px;
    text-align: center;
    line-height: 1.25;
    color: #757d84;
    border: 1px solid #cdd0e161;
    font-family: 'Jost';
}

.chevron-nav-pag {
    display: inline;
    font-size: 80%;
    margin: 0 3px;
}

li.page-item {
    margin: 0 5px;
}

a.page-link.controls {
    width: 36px;
    height: 36px;
    border: 1px solid #e9eaf0;
    line-height: 1.6;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 9px;
    margin: 0 4px;
    background-color: #e9eaf0;
    border-radius: 0px !important;
}

.invoices .flex-client_name {
    padding-top: 8px;
}

#freelancers-container a.page-link.controls,
.blog-page-widget a.page-link.controls {
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
}

.blog-post-content .btn.btn-primary a {
    color: #fff !important;
}

.page-item.dots .page-link:focus,
.page-item.dots .page-link:hover {
    border-color: transparent;
}

li.page-item.dots {
    opacity: 0.5;
}

#pagination-slider-wrapper {
    background-color: #e9eaf0;
    width: 247px;
    height: 4px;
    border-radius: 5px;
    margin: auto;
}

#pagination-slider {
    height: 4px;
    background-color: #a3a4ae;
    border-radius: 5px;
    opacity: 0
}

.page-link:focus,
.page-link:hover {
    color: #757d84;
    text-decoration: none;
    border-color: #e9eaf0;
    background-color: #e9eaf0;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.badge,
.label {
    display: inline-block;
    padding: 0.4em 0.4em;
    font-size: 90%;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge:empty,
.label:empty {
    display: none;
}

.btn .badge,
.btn .label {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-color-scheme {
    color: #fff;
    background-color: #4ca83f;
}

.badge-color-scheme[href]:focus,
.badge-color-scheme[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #484997;
}

.badge-color-scheme-dark {
    color: #fff;
    background-color: #4ca83f;
}

.badge-color-scheme-dark[href]:focus,
.badge-color-scheme-dark[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #484997;
}

.badge-content-color {
    color: #111;
    background-color: #6a719091;
}

.badge-content-color[href]:focus,
.badge-content-color[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: gray;
}

.badge-content {
    color: #111;
    background-color: #6a719091;
}

.badge-content[href]:focus,
.badge-content[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: gray;
}

.badge-primary {
    color: #111;
    background-color: #4ca83f;
}

.badge-primary[href]:focus,
.badge-primary[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #4ca83f;
}

.badge-secondary {
    color: #fff;
    background-color: #868e96;
}

.badge-secondary[href]:focus,
.badge-secondary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #6c757d;
}

.badge-success {
    color: #111;
    background-color: #38d57a;
}

.badge-success[href]:focus,
.badge-success[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #26b462;
}

.badge-info {
    color: #fff;
    background-color: #4ca83f;
}

.badge-info[href]:focus,
.badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0286c1;
}

.badge-warning {
    color: #111;
    background-color: #ffcc02;
}

.badge-warning[href]:focus,
.badge-warning[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #cea400;
}

.badge-danger {
    color: #fff;
    background-color: #ca0000;
}

.badge-danger[href]:focus,
.badge-danger[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #980000;
}

.badge-light {
    color: #111;
    background-color: #f8f9fa;
}

.badge-light[href]:focus,
.badge-light[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #dae0e5;
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

.badge-dark[href]:focus,
.badge-dark[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124;
}

.badge-gray-100 {
    color: #111;
    background-color: #f8f9fa;
}

.badge-gray-100[href]:focus,
.badge-gray-100[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #dae0e5;
}

.badge-gray-200 {
    color: #111;
    background-color: #cdd0e161;
}

.badge-gray-200[href]:focus,
.badge-gray-200[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #c4c4c4;
}

.badge-gray-300 {
    color: #111;
    background-color: #bbb;
}

.badge-gray-300[href]:focus,
.badge-gray-300[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #a2a2a2;
}

.badge-gray-400 {
    color: #111;
    background-color: #aaa;
}

.badge-gray-400[href]:focus,
.badge-gray-400[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #919191;
}

.badge-gray-500 {
    color: #111;
    background-color: #6a719091;
}

.badge-gray-500[href]:focus,
.badge-gray-500[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: gray;
}

.badge-gray-600 {
    color: #fff;
    background-color: #868e96;
}

.badge-gray-600[href]:focus,
.badge-gray-600[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #6c757d;
}

.badge-gray-700 {
    color: #fff;
    background-color: #495057;
}

.badge-gray-700[href]:focus,
.badge-gray-700[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #32373b;
}

.badge-gray-800 {
    color: #fff;
    background-color: #343a40;
}

.badge-gray-800[href]:focus,
.badge-gray-800[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124;
}

.badge-gray-900 {
    color: #fff;
    background-color: #212529;
}

.badge-gray-900[href]:focus,
.badge-gray-900[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0a0c0d;
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #cdd0e161;
    border-radius: 0.3rem;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.alert {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-dismissible .close {
    position: relative;
    top: -0.75rem;
    right: -1.25rem;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-color-scheme {
    color: #31325d;
    background-color: #dfdff0;
    border-color: #d2d2ea;
}

.alert-color-scheme hr {
    border-top-color: #c1c1e2;
}

.alert-color-scheme .alert-link {
    color: #1f203c;
}

.alert-color-scheme-dark {
    color: #31325d;
    background-color: #dfdff0;
    border-color: #d2d2ea;
}

.alert-color-scheme-dark hr {
    border-top-color: #c1c1e2;
}

.alert-color-scheme-dark .alert-link {
    color: #1f203c;
}

.alert-content-color {
    color: #505050;
    background-color: #ebebeb;
    border-color: #e2e2e2;
}

.alert-content-color hr {
    border-top-color: #d5d5d5;
}

.alert-content-color .alert-link {
    color: #373737;
}

.alert-content {
    color: #505050;
    background-color: #ebebeb;
    border-color: #e2e2e2;
}

.alert-content hr {
    border-top-color: #d5d5d5;
}

.alert-content .alert-link {
    color: #373737;
}

.alert-primary {
    color: #857725;
    background-color: #fffada;
    border-color: #fff8cc;
}

.alert-primary hr {
    border-top-color: #fff5b3;
}

.alert-primary .alert-link {
    color: #5d531a;
}

.alert-secondary {
    color: #464a4e;
    background-color: #e7e8ea;
    border-color: #cdd0e161fe2;
}

.alert-secondary hr {
    border-top-color: #cfd2d6;
}

.alert-secondary .alert-link {
    color: #2e3133;
}

.alert-success {
    color: #1d6f3f;
    background-color: #d7f7e4;
    border-color: #c7f3da;
}

.alert-success hr {
    border-top-color: #b2efcc;
}

.alert-success .alert-link {
    color: #124728;
}

.alert-info {
    color: #02587e;
    background-color: #cdeefd;
    border-color: #b8e7fc;
}

.alert-info hr {
    border-top-color: #a0dffb;
}

.alert-info .alert-link {
    color: #01354c;
}

.alert-warning {
    color: #856a01;
    background-color: #fff5cc;
    border-color: #fff1b8;
}

.alert-warning hr {
    border-top-color: #ffec9f;
}

.alert-warning .alert-link {
    color: #524201;
}

.alert-danger {
    color: #783229;
    background-color: #fadfdc;
    border-color: #f8d3ce;
}

.alert-danger hr {
    border-top-color: #f5bfb8;
}

.alert-danger .alert-link {
    color: #52221c;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-light hr {
    border-top-color: #ececf6;
}

.alert-light .alert-link {
    color: #686868;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert-dark hr {
    border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
    color: #040505;
}

.alert-gray-100 {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-gray-100 hr {
    border-top-color: #ececf6;
}

.alert-gray-100 .alert-link {
    color: #686868;
}

.alert-gray-200 {
    color: #737373;
    background-color: #f8f8f8;
    border-color: whitesmoke;
}

.alert-gray-200 hr {
    border-top-color: #e8e8e8;
}

.alert-gray-200 .alert-link {
    color: #5a5a5a;
}

.alert-gray-300 {
    color: #616161;
    background-color: #f1f1f1;
    border-color: #ececec;
}

.alert-gray-300 hr {
    border-top-color: #dfdfdf;
}

.alert-gray-300 .alert-link {
    color: #484848;
}

.alert-gray-400 {
    color: #585858;
    background-color: #f7f7fdeee;
    border-color: #e7e7e7;
}

.alert-gray-400 hr {
    border-top-color: #dadada;
}

.alert-gray-400 .alert-link {
    color: #3f3f3f;
}

.alert-gray-500 {
    color: #505050;
    background-color: #ebebeb;
    border-color: #e2e2e2;
}

.alert-gray-500 hr {
    border-top-color: #d5d5d5;
}

.alert-gray-500 .alert-link {
    color: #373737;
}

.alert-gray-600 {
    color: #464a4e;
    background-color: #e7e8ea;
    border-color: #cdd0e161fe2;
}

.alert-gray-600 hr {
    border-top-color: #cfd2d6;
}

.alert-gray-600 .alert-link {
    color: #2e3133;
}

.alert-gray-700 {
    color: #262a2d;
    background-color: #dbdcdd;
    border-color: #ccced0;
}

.alert-gray-700 hr {
    border-top-color: #bfc1c4;
}

.alert-gray-700 .alert-link {
    color: #0f1011;
}

.alert-gray-800 {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert-gray-800 hr {
    border-top-color: #b9bbbe;
}

.alert-gray-800 .alert-link {
    color: #040505;
}

.alert-gray-900 {
    color: #111315;
    background-color: #d3d3d4;
    border-color: #c1c2c3;
}

.alert-gray-900 hr {
    border-top-color: #b4b5b6;
}

.alert-gray-900 .alert-link {
    color: black;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.job-reviews:first-child {
    padding-top: 30px;
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 30px;
}

.mail-single .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 20px 30px;
    padding-bottom: 20px;
    border-bottom: 4px solid #f7f7fd;
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}

.list-group-item-action:active {
    color: #6a719091;
    background-color: #cdd0e161;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.list-group-item:focus,
.list-group-item:hover {
    text-decoration: none;
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #868e96;
    background-color: #fff;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0;
}

.list-group-item-color-scheme {
    color: #31325d;
    background-color: #d2d2ea;
}

a.list-group-item-color-scheme,
button.list-group-item-color-scheme {
    color: #31325d;
}

a.list-group-item-color-scheme:focus,
a.list-group-item-color-scheme:hover,
button.list-group-item-color-scheme:focus,
button.list-group-item-color-scheme:hover {
    color: #31325d;
    background-color: #c1c1e2;
}

a.list-group-item-color-scheme.active,
button.list-group-item-color-scheme.active {
    color: #fff;
    background-color: #31325d;
    border-color: #31325d;
}

.list-group-item-color-scheme-dark {
    color: #31325d;
    background-color: #d2d2ea;
}

a.list-group-item-color-scheme-dark,
button.list-group-item-color-scheme-dark {
    color: #31325d;
}

a.list-group-item-color-scheme-dark:focus,
a.list-group-item-color-scheme-dark:hover,
button.list-group-item-color-scheme-dark:focus,
button.list-group-item-color-scheme-dark:hover {
    color: #31325d;
    background-color: #c1c1e2;
}

a.list-group-item-color-scheme-dark.active,
button.list-group-item-color-scheme-dark.active {
    color: #fff;
    background-color: #31325d;
    border-color: #31325d;
}

.list-group-item-content-color {
    color: #505050;
    background-color: #e2e2e2;
}

a.list-group-item-content-color,
button.list-group-item-content-color {
    color: #505050;
}

a.list-group-item-content-color:focus,
a.list-group-item-content-color:hover,
button.list-group-item-content-color:focus,
button.list-group-item-content-color:hover {
    color: #505050;
    background-color: #d5d5d5;
}

a.list-group-item-content-color.active,
button.list-group-item-content-color.active {
    color: #fff;
    background-color: #505050;
    border-color: #505050;
}

.list-group-item-content {
    color: #505050;
    background-color: #e2e2e2;
}

a.list-group-item-content,
button.list-group-item-content {
    color: #505050;
}

a.list-group-item-content:focus,
a.list-group-item-content:hover,
button.list-group-item-content:focus,
button.list-group-item-content:hover {
    color: #505050;
    background-color: #d5d5d5;
}

a.list-group-item-content.active,
button.list-group-item-content.active {
    color: #fff;
    background-color: #505050;
    border-color: #505050;
}

.list-group-item-primary {
    color: #857725;
    background-color: #fff8cc;
}

a.list-group-item-primary,
button.list-group-item-primary {
    color: #857725;
}

a.list-group-item-primary:focus,
a.list-group-item-primary:hover,
button.list-group-item-primary:focus,
button.list-group-item-primary:hover {
    color: #857725;
    background-color: #fff5b3;
}

a.list-group-item-primary.active,
button.list-group-item-primary.active {
    color: #fff;
    background-color: #857725;
    border-color: #857725;
}

.list-group-item-secondary {
    color: #464a4e;
    background-color: #cdd0e161fe2;
}

a.list-group-item-secondary,
button.list-group-item-secondary {
    color: #464a4e;
}

a.list-group-item-secondary:focus,
a.list-group-item-secondary:hover,
button.list-group-item-secondary:focus,
button.list-group-item-secondary:hover {
    color: #464a4e;
    background-color: #cfd2d6;
}

a.list-group-item-secondary.active,
button.list-group-item-secondary.active {
    color: #fff;
    background-color: #464a4e;
    border-color: #464a4e;
}

.list-group-item-success {
    color: #1d6f3f;
    background-color: #c7f3da;
}

a.list-group-item-success,
button.list-group-item-success {
    color: #1d6f3f;
}

a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
    color: #1d6f3f;
    background-color: #b2efcc;
}

a.list-group-item-success.active,
button.list-group-item-success.active {
    color: #fff;
    background-color: #1d6f3f;
    border-color: #1d6f3f;
}

.list-group-item-info {
    color: #02587e;
    background-color: #b8e7fc;
}

a.list-group-item-info,
button.list-group-item-info {
    color: #02587e;
}

a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
    color: #02587e;
    background-color: #a0dffb;
}

a.list-group-item-info.active,
button.list-group-item-info.active {
    color: #fff;
    background-color: #02587e;
    border-color: #02587e;
}

.list-group-item-warning {
    color: #856a01;
    background-color: #fff1b8;
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #856a01;
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
    color: #856a01;
    background-color: #ffec9f;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active {
    color: #fff;
    background-color: #856a01;
    border-color: #856a01;
}

.list-group-item-danger {
    color: #783229;
    background-color: #f8d3ce;
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #783229;
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
    color: #783229;
    background-color: #f5bfb8;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active {
    color: #fff;
    background-color: #783229;
    border-color: #783229;
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}

a.list-group-item-light,
button.list-group-item-light {
    color: #818182;
}

a.list-group-item-light:focus,
a.list-group-item-light:hover,
button.list-group-item-light:focus,
button.list-group-item-light:hover {
    color: #818182;
    background-color: #ececf6;
}

a.list-group-item-light.active,
button.list-group-item-light.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

a.list-group-item-dark,
button.list-group-item-dark {
    color: #1b1e21;
}

a.list-group-item-dark:focus,
a.list-group-item-dark:hover,
button.list-group-item-dark:focus,
button.list-group-item-dark:hover {
    color: #1b1e21;
    background-color: #b9bbbe;
}

a.list-group-item-dark.active,
button.list-group-item-dark.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}

.list-group-item-gray-100 {
    color: #818182;
    background-color: #fdfdfe;
}

a.list-group-item-gray-100,
button.list-group-item-gray-100 {
    color: #818182;
}

a.list-group-item-gray-100:focus,
a.list-group-item-gray-100:hover,
button.list-group-item-gray-100:focus,
button.list-group-item-gray-100:hover {
    color: #818182;
    background-color: #ececf6;
}

a.list-group-item-gray-100.active,
button.list-group-item-gray-100.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
}

.list-group-item-gray-200 {
    color: #737373;
    background-color: whitesmoke;
}

a.list-group-item-gray-200,
button.list-group-item-gray-200 {
    color: #737373;
}

a.list-group-item-gray-200:focus,
a.list-group-item-gray-200:hover,
button.list-group-item-gray-200:focus,
button.list-group-item-gray-200:hover {
    color: #737373;
    background-color: #e8e8e8;
}

a.list-group-item-gray-200.active,
button.list-group-item-gray-200.active {
    color: #fff;
    background-color: #737373;
    border-color: #737373;
}

.list-group-item-gray-300 {
    color: #616161;
    background-color: #ececec;
}

a.list-group-item-gray-300,
button.list-group-item-gray-300 {
    color: #616161;
}

a.list-group-item-gray-300:focus,
a.list-group-item-gray-300:hover,
button.list-group-item-gray-300:focus,
button.list-group-item-gray-300:hover {
    color: #616161;
    background-color: #dfdfdf;
}

a.list-group-item-gray-300.active,
button.list-group-item-gray-300.active {
    color: #fff;
    background-color: #616161;
    border-color: #616161;
}

.list-group-item-gray-400 {
    color: #585858;
    background-color: #e7e7e7;
}

a.list-group-item-gray-400,
button.list-group-item-gray-400 {
    color: #585858;
}

a.list-group-item-gray-400:focus,
a.list-group-item-gray-400:hover,
button.list-group-item-gray-400:focus,
button.list-group-item-gray-400:hover {
    color: #585858;
    background-color: #dadada;
}

a.list-group-item-gray-400.active,
button.list-group-item-gray-400.active {
    color: #fff;
    background-color: #585858;
    border-color: #585858;
}

.list-group-item-gray-500 {
    color: #505050;
    background-color: #e2e2e2;
}

a.list-group-item-gray-500,
button.list-group-item-gray-500 {
    color: #505050;
}

a.list-group-item-gray-500:focus,
a.list-group-item-gray-500:hover,
button.list-group-item-gray-500:focus,
button.list-group-item-gray-500:hover {
    color: #505050;
    background-color: #d5d5d5;
}

a.list-group-item-gray-500.active,
button.list-group-item-gray-500.active {
    color: #fff;
    background-color: #505050;
    border-color: #505050;
}

.list-group-item-gray-600 {
    color: #464a4e;
    background-color: #cdd0e161fe2;
}

a.list-group-item-gray-600,
button.list-group-item-gray-600 {
    color: #464a4e;
}

a.list-group-item-gray-600:focus,
a.list-group-item-gray-600:hover,
button.list-group-item-gray-600:focus,
button.list-group-item-gray-600:hover {
    color: #464a4e;
    background-color: #cfd2d6;
}

a.list-group-item-gray-600.active,
button.list-group-item-gray-600.active {
    color: #fff;
    background-color: #464a4e;
    border-color: #464a4e;
}

.list-group-item-gray-700 {
    color: #262a2d;
    background-color: #ccced0;
}

a.list-group-item-gray-700,
button.list-group-item-gray-700 {
    color: #262a2d;
}

a.list-group-item-gray-700:focus,
a.list-group-item-gray-700:hover,
button.list-group-item-gray-700:focus,
button.list-group-item-gray-700:hover {
    color: #262a2d;
    background-color: #bfc1c4;
}

a.list-group-item-gray-700.active,
button.list-group-item-gray-700.active {
    color: #fff;
    background-color: #262a2d;
    border-color: #262a2d;
}

.list-group-item-gray-800 {
    color: #1b1e21;
    background-color: #c6c8ca;
}

a.list-group-item-gray-800,
button.list-group-item-gray-800 {
    color: #1b1e21;
}

a.list-group-item-gray-800:focus,
a.list-group-item-gray-800:hover,
button.list-group-item-gray-800:focus,
button.list-group-item-gray-800:hover {
    color: #1b1e21;
    background-color: #b9bbbe;
}

a.list-group-item-gray-800.active,
button.list-group-item-gray-800.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}

.list-group-item-gray-900 {
    color: #111315;
    background-color: #c1c2c3;
}

a.list-group-item-gray-900,
button.list-group-item-gray-900 {
    color: #111315;
}

a.list-group-item-gray-900:focus,
a.list-group-item-gray-900:hover,
button.list-group-item-gray-900:focus,
button.list-group-item-gray-900:hover {
    color: #111315;
    background-color: #b4b5b6;
}

a.list-group-item-gray-900.active,
button.list-group-item-gray-900.active {
    color: #fff;
    background-color: #111315;
    border-color: #111315;
}

.close {
    float: right;
    font-size: 1.3125rem;
    line-height: 1;
    color: #000;
    opacity: .5;
}

.dark .close {
    color: #fff;
}

.close:focus,
.close:hover {
    color: #151b23;
    text-decoration: none;
    opacity: .75;
}

.dark .close:focus,
.dark .close:hover {
    color: #ebefffbf;
}

button.close {
    padding: 0;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    cursor: pointer;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    max-height: 100vh;
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0.3rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    z-index: 10;
}

.dark .modal-content {
    background-color: #1F1F25;
}

#done-add-files {
    margin-top: 20px;
}

.modal-backdrop-menu,
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
}

.modal-backdrop-menu {
    z-index: 10;
}

.module-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    z-index: 12;
}

.pro-ind-filter .bootstrap-select > .dropdown-toggle,
.categories-filter .bootstrap-select > .dropdown-toggle {
    line-height: 17px;
    height: 40px;
}

.pro-ind-filter {
    padding-bottom: 19px;
}

.pro-ind-filter .bootstrap-select .btn-default, 
.pro-ind-filter .bootstrap-select > .dropdown-toggle.bs-placeholder, 
.pro-ind-filter .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, 
.pro-ind-filter .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, 
.pro-ind-filter .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    background-color: #f7f8fb;
    color: #4e566d;
    font-family: Jost;
    border: none;
}

.modal-backdrop.fade,
.modal-backdrop-menu.fade,
.module-backdrop.fade {
    opacity: 0;
}

.dark .modal-backdrop.show,
.dark .modal-backdrop-menu.show,
.dark .module-backdrop.show {
    opacity: 0.6;
}

.modal-backdrop.show,
.modal-backdrop-menu.show,
.module-backdrop.show {
    display: block;
    -webkit-transition: opacity 0.15s ease-in;
    -moz-transition: opacity 0.15s ease-in;
    -o-transition: opacity 0.15s ease-in;
    opacity: 0.5;
}

#billing-module {
    z-index: 10;
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.71429;
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

/*
.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 25px;
}
*/

.modal-footer > :not(:first-child) {
    margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
    margin-right: .25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {

    #send-files .modal-dialog,
    #job-delivery .modal-dialog,
    #send_files_conversation .modal-dialog,
    #add-more-files-delivery .modal-dialog,
    #modal-send-req .modal-dialog {
        width: 560px;
        min-width: 560px;
        margin: auto;
    }

    #login-modal .modal-dialog {
        max-width: 570px;
        margin: auto;
    }

    .modal-dialog {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }

    #video-signup-modal .modal-dialog {
        max-width: 1000px;
        margin: auto;
    }

    #video-signup-modal .modal-content {
        background-color: transparent;
        line-height: 0;
    }

    #job-issue .modal-dialog {
        max-width: 600px;
    }

    .modal-content {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    line-height: 1.71429;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.75rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 5px;
    height: 5px;
}

.tooltip.bs-tooltip-top,
.tooltip.bs-tooltip-auto[x-placement^="top"] {
    padding: 5px 0;
}

.tooltip.bs-tooltip-top .arrow,
.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0;
}

.tooltip.bs-tooltip-top .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.bs-tooltip-right,
.tooltip.bs-tooltip-auto[x-placement^="right"] {
    padding: 0 5px;
}

.tooltip.bs-tooltip-right .arrow,
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
}

.tooltip.bs-tooltip-right .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.bs-tooltip-bottom,
.tooltip.bs-tooltip-auto[x-placement^="bottom"] {
    padding: 5px 0;
}

.tooltip.bs-tooltip-bottom .arrow,
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0;
}

.tooltip.bs-tooltip-bottom .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bs-tooltip-left,
.tooltip.bs-tooltip-auto[x-placement^="left"] {
    padding: 0 5px;
}

.tooltip.bs-tooltip-left .arrow,
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
}

.tooltip.bs-tooltip-left .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip .arrow::before {
    position: absolute;
    border-color: transparent;
    border-style: solid;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    padding: 1px;
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    line-height: 1.71429;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.75rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 10px;
    height: 5px;
}

.popover .arrow::before,
.popover .arrow::after {
    position: absolute;
    display: block;
    border-color: transparent;
    border-style: solid;
}

.popover .arrow::before {
    content: "";
    border-width: 11px;
}

.popover .arrow::after {
    content: "";
    border-width: 11px;
}

.popover.bs-popover-top,
.popover.bs-popover-auto[x-placement^="top"] {
    margin-bottom: 10px;
}

.popover.bs-popover-top .arrow,
.popover.bs-popover-auto[x-placement^="top"] .arrow {
    bottom: 0;
}

.popover.bs-popover-top .arrow::before,
.popover.bs-popover-auto[x-placement^="top"] .arrow::before,
.popover.bs-popover-top .arrow::after,
.popover.bs-popover-auto[x-placement^="top"] .arrow::after {
    border-bottom-width: 0;
}

.popover.bs-popover-top .arrow::before,
.popover.bs-popover-auto[x-placement^="top"] .arrow::before {
    bottom: -11px;
    margin-left: -6px;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-top .arrow::after,
.popover.bs-popover-auto[x-placement^="top"] .arrow::after {
    bottom: -10px;
    margin-left: -6px;
    border-top-color: #fff;
}

.popover.bs-popover-right,
.popover.bs-popover-auto[x-placement^="right"] {
    margin-left: 10px;
}

.popover.bs-popover-right .arrow,
.popover.bs-popover-auto[x-placement^="right"] .arrow {
    left: 0;
}

.popover.bs-popover-right .arrow::before,
.popover.bs-popover-auto[x-placement^="right"] .arrow::before,
.popover.bs-popover-right .arrow::after,
.popover.bs-popover-auto[x-placement^="right"] .arrow::after {
    margin-top: -8px;
    border-left-width: 0;
}

.popover.bs-popover-right .arrow::before,
.popover.bs-popover-auto[x-placement^="right"] .arrow::before {
    left: -11px;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-right .arrow::after,
.popover.bs-popover-auto[x-placement^="right"] .arrow::after {
    left: -10px;
    border-right-color: #fff;
}

.popover.bs-popover-bottom,
.popover.bs-popover-auto[x-placement^="bottom"] {
    margin-top: 10px;
}

.popover.bs-popover-bottom .arrow,
.popover.bs-popover-auto[x-placement^="bottom"] .arrow {
    top: 0;
}

.popover.bs-popover-bottom .arrow::before,
.popover.bs-popover-auto[x-placement^="bottom"] .arrow::before,
.popover.bs-popover-bottom .arrow::after,
.popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
    margin-left: -7px;
    border-top-width: 0;
}

.popover.bs-popover-bottom .arrow::before,
.popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {
    top: -11px;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-bottom .arrow::after,
.popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
    top: -10px;
    border-bottom-color: #fff;
}

.popover.bs-popover-bottom .popover-header::before,
.popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 20px;
    margin-left: -10px;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}

.popover.bs-popover-left,
.popover.bs-popover-auto[x-placement^="left"] {
    margin-right: 10px;
}

.popover.bs-popover-left .arrow,
.popover.bs-popover-auto[x-placement^="left"] .arrow {
    right: 0;
}

.popover.bs-popover-left .arrow::before,
.popover.bs-popover-auto[x-placement^="left"] .arrow::before,
.popover.bs-popover-left .arrow::after,
.popover.bs-popover-auto[x-placement^="left"] .arrow::after {
    margin-top: -8px;
    border-right-width: 0;
}

.popover.bs-popover-left .arrow::before,
.popover.bs-popover-auto[x-placement^="left"] .arrow::before {
    right: -11px;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-left .arrow::after,
.popover.bs-popover-auto[x-placement^="left"] .arrow::after {
    right: -10px;
    border-left-color: #fff;
}

.popover-header {
    padding: 8px 14px;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #151b23;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
    display: none;
}

.popover-body {
    padding: 9px 14px;
    color: #6a719091;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {

    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-item-next,
.active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {

    .carousel-item-next,
    .active.carousel-item-right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.carousel-item-prev,
.active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {

    .carousel-item-prev,
    .active.carousel-item-left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

.carousel-control-prev:focus,
.carousel-control-prev:hover,
.carousel-control-next:focus,
.carousel-control-next:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators .active {
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.bg-color-scheme {
    background-color: #4ca83f !important;
}

a.bg-color-scheme:focus,
a.bg-color-scheme:hover {
    background-color: #484997 !important;
}

.bg-color-scheme-dark {
    background-color: #4ca83f !important;
}

a.bg-color-scheme-dark:focus,
a.bg-color-scheme-dark:hover {
    background-color: #484997 !important;
}

.bg-content-color {
    background-color: #6a719091 !important;
}

a.bg-content-color:focus,
a.bg-content-color:hover {
    background-color: gray !important;
}

.bg-content {
    background-color: #6a719091 !important;
}

a.bg-content:focus,
a.bg-content:hover {
    background-color: gray !important;
}

.bg-primary {
    background-color: #4ca83f !important;
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #4ca83f !important;
}

.bg-secondary {
    background-color: #868e96 !important;
}

a.bg-secondary:focus,
a.bg-secondary:hover {
    background-color: #6c757d !important;
}

.bg-success {
    background-color: #38d57a !important;
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #26b462 !important;
}

.bg-info {
    background-color: #4ca83f !important;
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #0286c1 !important;
}

.bg-warning {
    background-color: #ffcc02 !important;
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #cea400 !important;
}

.bg-danger {
    background-color: #ca0000 !important;
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #980000 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

a.bg-light:focus,
a.bg-light:hover {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:focus,
a.bg-dark:hover {
    background-color: #1d2124 !important;
}

.bg-gray-100 {
    background-color: #f8f9fa !important;
}

a.bg-gray-100:focus,
a.bg-gray-100:hover {
    background-color: #dae0e5 !important;
}

.bg-gray-200 {
    background-color: #cdd0e161 !important;
}

a.bg-gray-200:focus,
a.bg-gray-200:hover {
    background-color: #c4c4c4 !important;
}

.bg-gray-300 {
    background-color: #bbb !important;
}

a.bg-gray-300:focus,
a.bg-gray-300:hover {
    background-color: #a2a2a2 !important;
}

.bg-gray-400 {
    background-color: #aaa !important;
}

a.bg-gray-400:focus,
a.bg-gray-400:hover {
    background-color: #919191 !important;
}

.bg-gray-500 {
    background-color: #6a719091 !important;
}

a.bg-gray-500:focus,
a.bg-gray-500:hover {
    background-color: gray !important;
}

.bg-gray-600 {
    background-color: #868e96 !important;
}

a.bg-gray-600:focus,
a.bg-gray-600:hover {
    background-color: #6c757d !important;
}

.bg-gray-700 {
    background-color: #495057 !important;
}

a.bg-gray-700:focus,
a.bg-gray-700:hover {
    background-color: #32373b !important;
}

.bg-gray-800 {
    background-color: #343a40 !important;
}

a.bg-gray-800:focus,
a.bg-gray-800:hover {
    background-color: #1d2124 !important;
}

.bg-gray-900 {
    background-color: #212529 !important;
}

a.bg-gray-900:focus,
a.bg-gray-900:hover {
    background-color: #0a0c0d !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.border {
    border: 1px solid #cdd0e161 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-color-scheme {
    border-color: #4ca83f !important;
}

.border-color-scheme-dark {
    border-color: #4ca83f !important;
}

.border-content-color {
    border-color: #6a719091 !important;
}

.border-content {
    border-color: #6a719091 !important;
}

.border-primary {
    border-color: #4ca83f !important;
}

.border-secondary {
    border-color: #868e96 !important;
}

.border-success {
    border-color: #38d57a !important;
}

.border-info {
    border-color: #4ca83f !important;
}

.border-warning {
    border-color: #ffcc02 !important;
}

.border-danger {
    border-color: #ca0000 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-gray-100 {
    border-color: #f8f9fa !important;
}

.border-gray-200 {
    border-color: #cdd0e161 !important;
}

.border-gray-300 {
    border-color: #bbb !important;
}

.border-gray-400 {
    border-color: #aaa !important;
}

.border-gray-500 {
    border-color: #6a719091 !important;
}

.border-gray-600 {
    border-color: #868e96 !important;
}

.border-gray-700 {
    border-color: #495057 !important;
}

.border-gray-800 {
    border-color: #343a40 !important;
}

.border-gray-900 {
    border-color: #212529 !important;
}

.border-white {
    border-color: #fff !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle {
    border-radius: 50%;
}

.rounded-0 {
    border-radius: 0;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.d-sm-none.always-visible,
.d-md-none.always-visible {
    display: block !important;
}


.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.d-print-block {
    display: none !important;
}

@media print {
    .d-print-block {
        display: block !important;
    }
}

.d-print-inline {
    display: none !important;
}

@media print {
    .d-print-inline {
        display: inline !important;
    }
}

.d-print-inline-block {
    display: none !important;
}

@media print {
    .d-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}


.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-43 {
    width: 43%;
}

.w-75 {
    width: 75%;
}

.w-100 {
    width: 100% !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.mx-4 {
    margin-right: 30px !important;
    margin-left: 30px !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pr-2 {
    padding-right: 0.5rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.py-4 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0 {
        margin-left: 0 !important;
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1 {
        margin-left: 0.25rem !important;
    }

    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2 {
        margin-left: 0.5rem !important;
    }

    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3 {
        margin-left: 1rem !important;
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4 {
        margin-left: 1.5rem !important;
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5 {
        margin-left: 3rem !important;
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0 {
        padding-left: 0 !important;
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1 {
        padding-left: 0.25rem !important;
    }

    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2 {
        padding-left: 0.5rem !important;
    }

    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3 {
        padding-left: 1rem !important;
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4 {
        padding-left: 1.5rem !important;
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5 {
        padding-left: 3rem !important;
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto {
        margin-left: auto !important;
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0 {
        margin-left: 0 !important;
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1 {
        margin-left: 0.25rem !important;
    }

    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2 {
        margin-left: 0.5rem !important;
    }

    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3 {
        margin-left: 1rem !important;
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4 {
        margin-left: 1.5rem !important;
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5 {
        margin-left: 3rem !important;
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0 {
        padding-left: 0 !important;
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1 {
        padding-left: 0.25rem !important;
    }

    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2 {
        padding-left: 0.5rem !important;
    }

    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3 {
        padding-left: 1rem !important;
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4 {
        padding-left: 1.5rem !important;
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5 {
        padding-left: 3rem !important;
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto {
        margin-left: auto !important;
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0 {
        margin-left: 0 !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1 {
        margin-left: 0.25rem !important;
    }

    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2 {
        margin-left: 0.5rem !important;
    }

    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3 {
        margin-left: 1rem !important;
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4 {
        margin-left: 1.5rem !important;
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5 {
        margin-left: 3rem !important;
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0 {
        padding-left: 0 !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1 {
        padding-left: 0.25rem !important;
    }

    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2 {
        padding-left: 0.5rem !important;
    }

    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3 {
        padding-left: 1rem !important;
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4 {
        padding-left: 1.5rem !important;
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5 {
        padding-left: 3rem !important;
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto {
        margin-left: auto !important;
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0 {
        margin-left: 0 !important;
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1 {
        margin-left: 0.25rem !important;
    }

    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2 {
        margin-left: 0.5rem !important;
    }

    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3 {
        margin-left: 1rem !important;
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4 {
        margin-left: 1.5rem !important;
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5 {
        margin-left: 3rem !important;
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0 {
        padding-left: 0 !important;
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1 {
        padding-left: 0.25rem !important;
    }

    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2 {
        padding-left: 0.5rem !important;
    }

    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3 {
        padding-left: 1rem !important;
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4 {
        padding-left: 1.5rem !important;
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5 {
        padding-left: 3rem !important;
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto {
        margin-left: auto !important;
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

.text-justify {
    text-align: justify !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-italic {
    font-style: italic;
}

.text-white {
    color: #fff !important;
}

.text-color-scheme {
    color: #4ca83f !important;
}

a.text-color-scheme:focus,
a.text-color-scheme:hover {
    color: #484997 !important;
}

.text-color-scheme-dark {
    color: #4ca83f !important;
}

a.text-color-scheme-dark:focus,
a.text-color-scheme-dark:hover {
    color: #484997 !important;
}

.text-content-color {
    color: #6a719091 !important;
}

a.text-content-color:focus,
a.text-content-color:hover {
    color: gray !important;
}

.text-content {
    color: #6a719091 !important;
}

a.text-content:focus,
a.text-content:hover {
    color: gray !important;
}

.text-primary {
    color: #4ca83f !important;
}

a.text-primary:focus,
a.text-primary:hover {
    color: #4ca83f !important;
}

.text-secondary {
    color: #868e96 !important;
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #6c757d !important;
}

.text-success {
    color: #38d57a !important;
}

a.text-success:focus,
a.text-success:hover {
    color: #26b462 !important;
}

.text-info {
    color: #4ca83f !important;
}

a.text-info:focus,
a.text-info:hover {
    color: #0286c1 !important;
}

.text-warning {
    color: #ffcc02 !important;
}

a.text-warning:focus,
a.text-warning:hover {
    color: #cea400 !important;
}

.text-danger {
    color: #ca0000 !important;
}

a.text-danger:focus,
a.text-danger:hover {
    color: #980000 !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:focus,
a.text-light:hover {
    color: #dae0e5 !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:focus,
a.text-dark:hover {
    color: #1d2124 !important;
}

.text-gray-100 {
    color: #f8f9fa !important;
}

a.text-gray-100:focus,
a.text-gray-100:hover {
    color: #dae0e5 !important;
}

.text-gray-200 {
    color: #cdd0e161 !important;
}

a.text-gray-200:focus,
a.text-gray-200:hover {
    color: #c4c4c4 !important;
}

.text-gray-300 {
    color: #bbb !important;
}

a.text-gray-300:focus,
a.text-gray-300:hover {
    color: #a2a2a2 !important;
}

.text-gray-400 {
    color: #aaa !important;
}

a.text-gray-400:focus,
a.text-gray-400:hover {
    color: #919191 !important;
}

.text-gray-500 {
    color: #6a719091 !important;
}

a.text-gray-500:focus,
a.text-gray-500:hover {
    color: gray !important;
}

.text-gray-600 {
    color: #868e96 !important;
}

a.text-gray-600:focus,
a.text-gray-600:hover {
    color: #6c757d !important;
}

.text-gray-700 {
    color: #495057 !important;
}

a.text-gray-700:focus,
a.text-gray-700:hover {
    color: #32373b !important;
}

.text-gray-800 {
    color: #343a40 !important;
}

a.text-gray-800:focus,
a.text-gray-800:hover {
    color: #1d2124 !important;
}

.text-gray-900 {
    color: #212529 !important;
}

a.text-gray-900:focus,
a.text-gray-900:hover {
    color: #0a0c0d !important;
}

.text-muted {
    color: #c1c0d4a8 !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.visible {
    visibility: visible !important;
    display: inline-block;
}

.invisible {
    visibility: hidden !important;
}

/*
* Name:        Admin Html
* Written by:   Unifato - (http://unifato.com)
* Version:      2.0
*/

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {

    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {

    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {

    from,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

@keyframes jello {

    from,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

/********************************
 *********************************
 BASE
 *********************************
 *********************************/

html {
    height: 100%;
}

body.rtl {
    direction: rtl;
}

body.rtl ol,
body.rtl ul {
    padding-right: 2.1875rem;
}

body.rtl .text-right-rtl {
    text-align: left !important;
}

body.rtl .text-left-rtl {
    text-align: left !important;
}

body.rtl .btn-group {
    direction: ltr;
}

body.rtl .pagination,
body.rtl .pager {
    padding-right: 0;
}

.ltr {
    direction: ltr !important;
}

body.rtl .ltr {
    text-align: right;
}

.badge,
.label {
    letter-spacing: 1px;
    font-family: "artiistaLight", sans-serif;
}

a.badge:hover,
a.label:hover {
    color: #fff;
}

hr.border-0 {
    border: 0;
}

hr.tiny-hr {
    border: 0;
    position: relative;
}

hr.tiny-hr:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 40px;
    height: 1px;
    background: #cdd0e161;
}

canvas {
    max-width: 100%;
}

canvas#my-orders-graph,
canvas#my-orders-graph-shadow {
    position: absolute;
}

canvas#my-orders-graph {
    z-index: 1;
}


canvas#my-orders-graph-shadow {
    -webkit-filter: blur(10px);
    -moz-filter: blur(7px);
    -o-filter: blur(7px);
    -ms-filter: blur(7px);
    filter: blur(16px);
    opacity: 0.25;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');
    z-index: 0;
}

.material-icons {
    font-size: 1.5rem;
}

.small,
small {
    color: #cfcedc;
    font-size: 85%;
}


.small.list-icon {
    font-size: 18px;
}

.icon-muted {
    color: #4ca83f;
}

a:focus,
a:hover {
    outline: none;
}

iframe {
    border: 0;
}

input:focus,
select:focus,
textarea:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none;
}

input,
textarea {
    letter-spacing: 0;
}

img {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 1.25rem 0 0.625rem;
}

h1 .material-icons,
h2 .material-icons,
h3 .material-icons,
h4 .material-icons,
h5 .material-icons,
h6 .material-icons,
.h1 .material-icons,
.h2 .material-icons,
.h3 .material-icons,
.h4 .material-icons,
.h5 .material-icons,
.h6 .material-icons {
    position: relative;
    top: -2px;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
    font-size: 0.75em;
}

h5.switch-left {
    font-weight: 600;
    text-transform: uppercase;
    display: inline;
    padding-left: 20px;
    vertical-align: text-bottom;
    line-height: 1.7;
}

p {
    margin-bottom: 1.42857em;
}

a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.blockquote,
blockquote {
    padding: 10px 20px;
    border: 1px solid #f7f7fd;
    border-left: 5px solid #4ca83f;
    color: #151b23;
    letter-spacing: -0.05em;
    font-family: "Montserrat", sans-serif;
    font-size: 1.125rem;
}

.blockquote small,
blockquote small {
    font-size: 75%;
}

.blockquote small:before,
.blockquote footer:before,
.blockquote small:before,
blockquote small:before,
blockquote footer:before,
blockquote small:before {
    content: '\2014 \00A0';
}

.blockquote.blockquote-reverse,
blockquote.blockquote-reverse {
    border: 1px solid #f7f7fd;
    border-right: 5px solid #4ca83f;
}

body.rtl .blockquote,
body.rtl blockquote {
    border-right: 5px solid #4ca83f;
    border-left: 0;
}

body.rtl .blockquote.blockquote-reverse,
body.rtl blockquote.blockquote-reverse {
    text-align: left;
    border-left: 5px solid #4ca83f;
    border-right: 0;
}

dd {
    margin-bottom: 5px;
}

.show-grid {
    margin: 15px 0;
}

.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid rgba(120, 130, 140, 0.13);
    background-color: #f7fafc;
}

.fancy-list li {
    padding-top: 0;
    padding-bottom: 1em;
}

.fancy-list .list-icon {
    font-size: 1.28571em;
    vertical-align: middle;
}

.list-icon {
    font-size: 1.125rem;
}

.row.columns-border-bw [class*="col-"]:first-child,
.columns-border-bw.custom-fullcalendar [class*="col-"] {
    border-right: 2px solid #afaec3f7;
}

.columns-border-bw.custom-fullcalendar [class*="col-"] {
    height: 35px;
}

.row.columns-border-bw {
    padding-top: 20px;
}

.headings-font-family,
.heading-font-family {
    font-family: Jost;
}

.content-font-family {
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
}

.content-font-size {
    font-size: 0.875rem;
}

.headings-color {
    color: #151b23 !important;
}

.dark .headings-color {
    color: #ffffff !important;
}

.headings-letter-spacing {
    letter-spacing: -0.05em !important;
}

.wrapper {
    position: relative;
}

.content-wrapper {
    position: relative;
}

@media (min-width: 961px) {

    .sidebar-expand .content-wrapper,
    .sidebar-collapse .content-wrapper {
        padding-top: 5rem;
    }
}

/*
.text-inverse,
.text-inverse h1,
.text-inverse h2,
.text-inverse h3,
.text-inverse h4,
.text-inverse h5,
.text-inverse h6,
.text-inverse .h1,
.text-inverse .h2,
.text-inverse .h3,
.text-inverse .h4,
.text-inverse .h5,
.text-inverse .h6,
.text-inverse .list-icon,
.text-inverse small,
.text-inverse a:not(.btn),
.text-inverse a:not(.btn):hover {
    color: white !important;
}
*/

.text-inverse .text-muted {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Material Icons
========================*/

.material-icons {
    position: relative;
}

.material-icons.md-18 {
    font-size: 1.125rem;
}

.material-icons.md-24 {
    font-size: 1.5rem;
}

.material-icons.md-36 {
    font-size: 2.25rem;
}

.material-icons.md-48 {
    font-size: 3rem;
}

.user-char-image {
    border-radius: 100px;
    display: inline-block;
    text-align: center;
    position: relative;
}

.user-char-image i {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%);
    font-style: normal;
    color: #fff;
}

/* Main Content Area
========================*/

.main-wrapper {
    overflow: hidden;
    padding: 0 30px 7.5rem;
    background: #f5f7fa;
}

.sidebar-expand .main-wrapper {
    margin-left: 14.0625rem;
}

body.rtl.sidebar-expand .main-wrapper {
    margin-left: auto;
    margin-right: 14.0625rem;
}

.sidebar-collapse .main-wrapper {
    margin-left: 3.75rem;
}

body.rtl.sidebar-collapse .main-wrapper {
    margin-left: auto;
    margin-right: 3.75rem;
}

.neg-wrapper-padding {
    margin-left: -30px;
    margin-right: -30px;
}

/* Site Footer
========================*/

#footer-bottom-start {
    margin-top: 120px;
}

.footer {
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 20px 30px;
    position: absolute;
    right: 0;
    background: #4ca83f;
    border-top: 1px solid #cdd0e161;
}

.sidebar-expand .footer {
    margin-left: 14.0625rem;
}

.sidebar-collapse .footer {
    margin-left: 3.75rem;
}

body.rtl.sidebar-expand .footer {
    margin-left: 0;
    margin-right: 14.0625rem;
}

body.rtl.sidebar-collapse .footer {
    margin-left: 0;
    margin-right: 3.75rem;
}

@media (max-width: 960px) {

    .content-wrapper .main-wrapper,
    body .wrapper .footer {
        margin-left: 0;
        margin-right: 0;
    }

    body.rtl.sidebar-expand .main-wrapper {
        width: 100%;
        margin-right: 0;
    }

    body.rtl.sidebar-collapse .main-wrapper {
        width: 100%;
        margin-right: 0;
    }

    body.rtl.sidebar-collapse .footer,
    body.rtl.sidebar-expand .footer {
        margin-right: 0;
    }
}

@media (min-width: 961px) {
    .sidebar-horizontal .fix-top .main-wrapper {
        padding-top: 70px;
    }
}

/* Thumbnail Image Sizes
=======================*/

[class*="thumb"] {
    display: inline-block;
}

.thumb-xxs img,
.thumb-xxs .user-char-image {
    height: 35px;
    width: 35px;
}

.thumb-xs img,
.thumb-xs .user-char-image {
    height: 40px;
    width: 40px;
}

.thumb-xs2 img,
.thumb-xs2 .user-char-image {
    height: 50px;
    width: 50px;
}

.thumb-sm img,
.thumb-sm .user-char-image {
    height: 60px;
    width: 60px;
}

.thumb-sm2 img,
.thumb-sm2 .user-char-image {
    height: 70px;
    width: 70px;
}

.thumb-md img,
.thumb-md .user-char-image {
    height: 118px;
    width: 118px;
}

.thumb-md2 img,
.thumb-md2 .user-char-image {
    height: 120px;
    width: 120px;
}

.thumb-lg img,
.thumb-lg .user-char-image {
    height: 180px;
    width: 180px;
}

.thumb-xs img,
.thumb-sm img,
.thumb-md img,
.thumb-lg img {
    height: auto;
    max-width: 999px;
}

/* User Status
========================*/

[class*="user--"] {
    position: relative;
}

[class*="user--"]::after {
    height: 0.64286em;
    width: 0.64286em;
    display: block;
    position: absolute;
    top: 0;
    right: 10%;
    border-radius: 100px;
    content: "";
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
}

[class*="user--"][class*="thumb-xs"]::after {
    right: 0.25rem;
}

[class*="user--"][class*="thumb-xs2"]::after {
    right: 0.375rem;
}

[class*="user--"][class*="thumb-sm"]::after {
    right: 0.5rem;
}

[class*="user--"][class*="thumb-md"]::after {
    right: 0.75rem;
    top: 0.75rem;
}

[class*="user--"][class*="thumb-lg"]::after {
    right: 1.25rem;
}

.user--offline:after {
    background: #bbb;
}

.user--online:after {
    background: #38d57a;
}

.user--away:after {
    background: #ffcc02;
}

.user--busy:after {
    background: #ca0000;
}

/* Waves Effect on Click
========================*/

.ripple {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.ripple::after {
    content: "";
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transform: scale(10, 10);
    transform: scale(10, 10);
    opacity: 0;
    -webkit-transition: opacity 1s, -webkit-transform .5s;
    transition: opacity 1s, -webkit-transform .5s;
    transition: transform .5s, opacity 1s;
    transition: transform .5s, opacity 1s, -webkit-transform .5s;
}

.ripple:active::after {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: .1;
    -webkit-transition: 0s;
    transition: 0s;
}

/* Pulse Effect
========================*/

.pulse-status {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #4ca83f;
    cursor: pointer;
    -webkit-box-shadow: 0 0 0 rgba(204, 169, 44, 0.6);
    box-shadow: 0 0 0 rgba(204, 169, 44, 0.6);
    -webkit-animation: pulse-status 1s infinite;
    animation: pulse-status 1s infinite;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -rem(10);
    margin-right: 0.625rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pulse-status:hover {
    -webkit-animation: none;
    animation: none;
}

@-webkit-keyframes pulse-status {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.6);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.6);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes pulse-status {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.6);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.6);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

/* Dropdown
========================*/

.dropdown-toggle li a {
    line-height: 1.71429;
}

.open > .dropdown-menu,
.show > .dropdown-menu {
    display: block;
}

.dropdown-menu.dropdown-left {
    left: auto;
    right: -6px;
}

body.rtl .dropdown-menu {
    text-align: right;
}

.dropdown-menu > .selected > a,
.dropdown-menu > .selected > a:hover,
.dropdown-menu > .selected > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background: #4ca83f;
    color: #fff;
    outline: none;
}

.dropdown-item {
    padding-top: 0.35714em;
    padding-bottom: 0.35714em;
}

/* User Avatar List
========================*/

.user-avatar-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: right;
}

.user-avatar-list a {
    position: relative;
    display: inline-block;
    margin-left: -5%;
}

.user-avatar-list a img {
    border: 1px solid #fff;
}

.user-avatar-list a.more-link {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 100px;
    color: #151b23;
    font-family: "Montserrat", sans-serif;
    font-size: 0.85714em;
}

/* Main Content Area
========================*/

.img-thumbnail {
    padding: .125em;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

/* Hover Helper 
========================*/

.hover-item {
    display: none;
}

@media (max-width: 767px) {
    .hover-item {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .hover-item {
        display: block;
    }
}

.hover-parent:hover .hover-item {
    display: block;
}

/* Title Seperator 
========================*/

.title-seperator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2.14286em;
    margin-bottom: 2.14286em;
}

.title-seperator span {
    margin-top: 0;
    margin-bottom: 0;
}

.title-seperator:before,
.title-seperator:after {
    content: '';
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1px;
    border-top: 1px solid #cdd0e161;
    display: block;
}

/* Icons 
========================*/

[class*='size-icon'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.size-icon-20 {
    height: 1.25rem;
    width: 1.25rem;
}

.size-icon-30 {
    height: 1.875rem;
    width: 1.875rem;
}

.size-icon-40 {
    height: 2.5rem;
    width: 2.5rem;
}

.size-icon-50 {
    height: 3.125rem;
    width: 3.125rem;
}

.size-icon-60 {
    height: 3.75rem;
    width: 3.75rem;
}

.size-icon-70 {
    height: 4.375rem;
    width: 4.375rem;
}

.size-icon-80 {
    height: 5rem;
    width: 5rem;
}

.size-icon-90 {
    height: 5.625rem;
    width: 5.625rem;
}

/* Star Ratings 
========================*/

.star-ratings {
    position: relative;
    height: 1em;
    line-height: 1;
    vertical-align: middle;
}

.star-ratings span::before,
.star-ratings:before {
    content: '\e9bf\e9bf\e9bf\e9bf\e9bf';
    color: #4ca83f;
}

.star-ratings:before {
    opacity: 0.5;
}

.star-ratings span {
    overflow: hidden;
    height: 1em;
    position: absolute;
    top: 0;
    left: 0;
}

.star-ratings.style-2 {
    letter-spacing: -0.14286em;
    display: inline-block;
}

.star-ratings.style-2:before,
.star-ratings.style-2 span::before {
    letter-spacing: inherit;
    font-family: 'Material Icons';
    content: 'star star star star star';
    vertical-align: baseline;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
}

.star-ratings.style-2:before {
    color: #bbb;
}

.star-ratings.style-2 span::before {
    color: #ffcc02;
}

/* Featured Figure Tag 
========================*/

figure {
    position: relative;
}

figure .featured {
    position: absolute;
    top: 1em;
    left: -0.5em;
}

/* Scrollbar Styling for RTL 
========================*/

body.rtl .scrollbar-enabled {
    direction: ltr;
}

body.rtl .scrollbar-enabled > * {
    direction: rtl;
}

/********************************
*********************************
HELPER CLASSES
*********************************
*********************************/

/* Colors
========================*/

.progress-bar-color-scheme,
.bg-color-scheme {
    background-color: #4ca83f !important;
    border-color: #4ca83f !important;
    color: #fff;
}

.bg-color-scheme-dark {
    background-color: #484997;
    border-color: #484997;
}

.bg-color-scheme-light {
    background-color: #9394cc;
    border-color: #9394cc;
}

.bg-color-scheme-contrast,
.custom-fullcalendar .fc-toolbar .fc-button.fc-state-active {
    color: #151b23;
    border-bottom: 4px solid #cdd0e161;
    font-size: 85%;
}

a.bg-color-scheme-contrast:hover,
.custom-fullcalendar .fc-toolbar a.fc-button.fc-state-active:hover {
    background: #4ca83f;
}

tr.bg-color-scheme-contrast th:last-child {
    text-align: right;
}


.color-color-scheme,
.color-hover-color-scheme:hover,
.text-color-scheme {
    color: #151b23 !important;
}

.border-color-color-scheme {
    border-color: #4ca83f !important;
}

.progress-bar-color-scheme-dark,
.bg-color-scheme-dark {
    background-color: #4ca83f !important;
    border-color: #4ca83f !important;
    color: #fff;
}

.bg-color-scheme-dark-dark {
    background-color: #484997;
    border-color: #484997;
}

.bg-color-scheme-dark-light {
    background-color: #9394cc;
    border-color: #9394cc;
}

.bg-color-scheme-dark-contrast {
    background-color: rgba(95, 96, 179, 0.1);
    color: #4ca83f;
}

a.bg-color-scheme-dark-contrast:hover {
    background: #4ca83f;
}


.color-color-scheme-dark,
.color-hover-color-scheme-dark:hover,
.text-color-scheme-dark {
    color: #4ca83f !important;
}

.border-color-color-scheme-dark {
    border-color: #4ca83f !important;
}

.progress-bar-content-color,
.bg-content-color {
    background-color: #6a719091 !important;
    border-color: #6a719091 !important;
    color: #fff;
}

.bg-content-color-dark {
    background-color: gray;
    border-color: gray;
}

.bg-content-color-light {
    background-color: #bfbfbf;
    border-color: #bfbfbf;
}

.bg-content-color-contrast {
    background-color: rgba(153, 153, 153, 0.1);
    color: #6a719091;
}

a.bg-content-color-contrast:hover {
    background: #6a719091;
}


.color-content-color,
.color-hover-content-color:hover,
.text-content-color {
    color: #6a719091 !important;
}

.border-color-content-color {
    border-color: #6a719091 !important;
}

.progress-bar-content,
.bg-content {
    background-color: #6a719091 !important;
    border-color: #6a719091 !important;
    color: #fff;
}

.bg-content-dark {
    background-color: gray;
    border-color: gray;
}

.bg-content-light {
    background-color: #bfbfbf;
    border-color: #bfbfbf;
}

.bg-content-contrast {
    background-color: rgba(153, 153, 153, 0.1);
    color: #6a719091;
}

a.bg-content-contrast:hover {
    background: #6a719091;
}


.color-content,
.color-hover-content:hover,
.text-content {
    color: #6a719091 !important;
}

.border-color-content {
    border-color: #6a719091 !important;
}

.progress-bar-primary {
    background-color: #4ca83f !important;
    border-color: #4ca83f !important;
    color: #fff;
}

.bg-primary-dark {
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.bg-primary-light {
    background-color: #fff095;
    border-color: #fff095;
}

.bg-primary-contrast {
    background-color: rgba(255, 229, 72, 0.1);
    color: #4ca83f;
}

a.bg-primary-contrast:hover {
    background: #4ca83f;
}

.year-header {
    padding-top: 30px;
}

.exercice-cloture {
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 10px;
    text-transform: uppercase;
    font-style: italic;
    font-size: 80%;
    color: #ced1e2;
}

.general_year_title_calendar {
    text-align: center;
    font-size: 350%;
    font-weight: 900;
    color: #e8e8e8;
}

.header-add.starting_year_data {
    margin-top: 0px;
}

.color-primary,
.color-hover-primary:hover,
.text-primary {
    color: #4ca83f !important;
}

.border-color-primary {
    border-color: #4ca83f !important;
}

.progress-bar-secondary,
.bg-secondary {
    background-color: #868e96 !important;
    border-color: #868e96 !important;
    color: #fff;
}

.bg-secondary-dark {
    background-color: #6c757d;
    border-color: #6c757d;
}

.bg-secondary-light {
    background-color: #afb4ba;
    border-color: #afb4ba;
}

.bg-secondary-contrast {
    background-color: rgba(134, 142, 150, 0.1);
    color: #868e96;
}

a.bg-secondary-contrast:hover {
    background: #868e96;
}


.color-secondary,
.color-hover-secondary:hover,
.text-secondary {
    color: #151b23 !important
}

.border-color-secondary {
    border-color: #868e96 !important;
}

.bg-success {
    background-color: #38d57a !important;
    border-color: #38d57a !important;
    color: #fff;
}

.bg-success-dark {
    background-color: #26b462;
    border-color: #26b462;
}

.bg-success-light {
    background-color: #77e2a4;
    border-color: #77e2a4;
}

.bg-success-contrast {
    background-color: rgba(56, 213, 122, 0.1);
    color: #38d57a;
}

a.bg-success-contrast:hover {
    background: #38d57a;
}


.color-success,
.color-hover-success:hover,
.text-success {
    color: #38d57a !important;
}

.border-color-success {
    border-color: #38d57a !important;
}

.progress-bar-info,
.bg-info {
    background-color: #4ca83f !important;
    border-color: #4ca83f !important;
    color: #fff;
}

.bg-info-dark {
    background-color: #0286c1;
    border-color: #0286c1;
}

.bg-info-light {
    background-color: #46c4fd;
    border-color: #46c4fd;
}

.bg-info-contrast {
    background-color: rgba(3, 169, 243, 0.1);
    color: #4ca83f;
}

a.bg-info-contrast:hover {
    background: #4ca83f;
}


.color-info,
.color-hover-info:hover,
.text-info {
    color: #4ca83f !important;
}

.border-color-info {
    border-color: #4ca83f !important;
}

.progress-bar-warning,
.bg-warning {
    background-color: #ffcc02 !important;
    border-color: #ffcc02 !important;
    color: #fff;
}

.bg-warning-dark {
    background-color: #cea400;
    border-color: #cea400;
}

.bg-warning-light {
    background-color: #ffdb4f;
    border-color: #ffdb4f;
}

.bg-warning-contrast {
    background-color: rgba(255, 204, 2, 0.1);
    color: #ffcc02;
}

a.bg-warning-contrast:hover {
    background: #ffcc02;
}


.color-warning,
.color-hover-warning:hover,
.text-warning {
    color: #ffcc02 !important;
}

.border-color-warning {
    border-color: #ffcc02 !important;
}

.progress-bar-danger,
.bg-danger {
    background-color: #ca0000 !important;
    border-color: #ca0000 !important;
    color: #fff;
}

.bg-danger-dark {
    background-color: #980000;
    border-color: #980000;
}

.bg-danger-light {
    background-color: #f09d92;
    border-color: #f09d92;
}

.bg-danger-contrast {
    background-color: rgba(230, 97, 79, 0.1);
    color: #ca0000;
}

a.bg-danger-contrast:hover {
    background: #ca0000;
}


.color-danger,
.color-hover-danger:hover,
.text-danger {
    color: #ca0000 !important;
}

.border-color-danger {
    border-color: #ca0000 !important;
}

.progress-bar-light,
.bg-light {
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
    color: #fff;
}

.bg-light-dark {
    background-color: #dae0e5;
    border-color: #dae0e5;
}

.bg-light-light {
    background-color: white;
    border-color: white;
}

.bg-light-contrast {
    background-color: rgba(248, 249, 250, 0.1);
    color: #f8f9fa;
}

a.bg-light-contrast:hover {
    background: #f8f9fa;
}


.color-light,
.color-hover-light:hover,
.text-light {
    color: #f8f9fa !important;
}

.border-color-light {
    border-color: #f8f9fa !important;
}

.progress-bar-dark,
.bg-dark {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
    color: #fff;
}

.bg-dark-dark {
    background-color: #1d2124;
    border-color: #1d2124;
}

.bg-dark-light {
    background-color: #56606a;
    border-color: #56606a;
}

.bg-dark-contrast {
    background-color: rgba(52, 58, 64, 0.1);
    color: #343a40;
}

a.bg-dark-contrast:hover {
    background: #343a40;
}


.color-dark,
.color-hover-dark:hover,
.text-dark {
    color: #343a40 !important;
}

.border-color-dark {
    border-color: #343a40 !important;
}

.progress-bar-gray-100,
.bg-gray-100 {
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
    color: #fff;
}

.bg-gray-100-dark {
    background-color: #dae0e5;
    border-color: #dae0e5;
}

.bg-gray-100-light {
    background-color: white;
    border-color: white;
}

.bg-gray-100-contrast {
    background-color: rgba(248, 249, 250, 0.1);
    color: #f8f9fa;
}

a.bg-gray-100-contrast:hover {
    background: #f8f9fa;
}


.color-gray-100,
.color-hover-gray-100:hover,
.text-gray-100 {
    color: #f8f9fa !important;
}

.border-color-gray-100 {
    border-color: #f8f9fa !important;
}

.progress-bar-gray-200,
.bg-gray-200 {
    background-color: #cdd0e161 !important;
    border-color: #cdd0e161 !important;
    color: #fff;
}

.bg-gray-200-dark {
    background-color: #c4c4c4;
    border-color: #c4c4c4;
}

.bg-gray-200-light {
    background-color: white;
    border-color: white;
}

.bg-gray-200-contrast {
    background-color: rgba(221, 221, 221, 0.1);
    color: #cdd0e161;
}

a.bg-gray-200-contrast:hover {
    background: #cdd0e161;
}


.color-gray-200,
.color-hover-gray-200:hover,
.text-gray-200 {
    color: #cdd0e161 !important;
}

.border-color-gray-200 {
    border-color: #cdd0e161 !important;
}

.progress-bar-gray-300,
.bg-gray-300 {
    background-color: #bbb !important;
    border-color: #bbb !important;
    color: #fff;
}

.bg-gray-300-dark {
    background-color: #a2a2a2;
    border-color: #a2a2a2;
}

.bg-gray-300-light {
    background-color: #e1e1e1;
    border-color: #e1e1e1;
}

.bg-gray-300-contrast {
    background-color: rgba(187, 187, 187, 0.1);
    color: #bbb;
}

a.bg-gray-300-contrast:hover {
    background: #bbb;
}


.color-gray-300,
.color-hover-gray-300:hover,
.text-gray-300 {
    color: #bbb !important;
}

.border-color-gray-300 {
    border-color: #bbb !important;
}

.progress-bar-gray-400,
.bg-gray-400 {
    background-color: #aaa !important;
    border-color: #aaa !important;
    color: #fff;
}

.bg-gray-400-dark {
    background-color: #919191;
    border-color: #919191;
}

.bg-gray-400-light {
    background-color: #d0d0d0;
    border-color: #d0d0d0;
}

.bg-gray-400-contrast {
    background-color: rgba(170, 170, 170, 0.1);
    color: #aaa;
}

a.bg-gray-400-contrast:hover {
    background: #aaa;
}


.color-gray-400,
.color-hover-gray-400:hover,
.text-gray-400 {
    color: #aaa !important;
}

.border-color-gray-400 {
    border-color: #aaa !important;
}

.progress-bar-gray-500,
.bg-gray-500 {
    background-color: #6a719091 !important;
    border-color: #6a719091 !important;
    color: #fff;
}

.bg-gray-500-dark {
    background-color: gray;
    border-color: gray;
}

.bg-gray-500-light {
    background-color: #bfbfbf;
    border-color: #bfbfbf;
}

.bg-gray-500-contrast {
    background-color: rgba(153, 153, 153, 0.1);
    color: #6a719091;
}

a.bg-gray-500-contrast:hover {
    background: #6a719091;
}


.color-gray-500,
.color-hover-gray-500:hover,
.text-gray-500 {
    color: #6a719091 !important;
}

.border-color-gray-500 {
    border-color: #6a719091 !important;
}

.progress-bar-gray-600,
.bg-gray-600 {
    background-color: #868e96 !important;
    border-color: #868e96 !important;
    color: #fff;
}

.bg-gray-600-dark {
    background-color: #6c757d;
    border-color: #6c757d;
}

.bg-gray-600-light {
    background-color: #afb4ba;
    border-color: #afb4ba;
}

.bg-gray-600-contrast {
    background-color: rgba(134, 142, 150, 0.1);
    color: #868e96;
}

a.bg-gray-600-contrast:hover {
    background: #868e96;
}


.color-gray-600,
.color-hover-gray-600:hover,
.text-gray-600 {
    color: #868e96 !important;
}

.border-color-gray-600 {
    border-color: #868e96 !important;
}

.progress-bar-gray-700,
.bg-gray-700 {
    background-color: #495057 !important;
    border-color: #495057 !important;
    color: #fff;
}

.bg-gray-700-dark {
    background-color: #32373b;
    border-color: #32373b;
}

.bg-gray-700-light {
    background-color: #6c7681;
    border-color: #6c7681;
}

.bg-gray-700-contrast {
    background-color: rgba(73, 80, 87, 0.1);
    color: #495057;
}

a.bg-gray-700-contrast:hover {
    background: #495057;
}


.color-gray-700,
.color-hover-gray-700:hover,
.text-gray-700 {
    color: #495057 !important;
}

.border-color-gray-700 {
    border-color: #495057 !important;
}

.progress-bar-gray-800,
.bg-gray-800 {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
    color: #fff;
}

.bg-gray-800-dark {
    background-color: #1d2124;
    border-color: #1d2124;
}

.bg-gray-800-light {
    background-color: #56606a;
    border-color: #56606a;
}

.bg-gray-800-contrast {
    background-color: rgba(52, 58, 64, 0.1);
    color: #343a40;
}

a.bg-gray-800-contrast:hover {
    background: #343a40;
}


.color-gray-800,
.color-hover-gray-800:hover,
.text-gray-800 {
    color: #343a40 !important;
}

.border-color-gray-800 {
    border-color: #343a40 !important;
}

.progress-bar-gray-900,
.bg-gray-900 {
    background-color: #212529 !important;
    border-color: #212529 !important;
    color: #fff;
}

.bg-gray-900-dark {
    background-color: #0a0c0d;
    border-color: #0a0c0d;
}

.bg-gray-900-light {
    background-color: #434b53;
    border-color: #434b53;
}

.bg-gray-900-contrast {
    background-color: rgba(33, 37, 41, 0.1);
    color: #212529;
}

a.bg-gray-900-contrast:hover {
    background: #212529;
}


.color-gray-900,
.color-hover-gray-900:hover,
.text-gray-900 {
    color: #212529 !important;
}

.border-color-gray-900 {
    border-color: #212529 !important;
}

.badge-blue,
.progress-bar-blue,
.bg-blue {
    background-color: #0275d8 !important;
    border-color: #0275d8;
}

.bg-blue-dark {
    background-color: #025aa5;
    border-color: #025aa5;
}

.bg-blue-light {
    background-color: #299bfd;
    border-color: #299bfd;
}

.color-blue,
.color-hover-blue:hover,
.text-blue {
    color: #0275d8 !important;
}

.color-blue h1,
.color-blue h2,
.color-blue h3,
.color-blue h4,
.color-blue h5,
.color-blue h6,
.color-hover-blue:hover h1,
.color-hover-blue:hover h2,
.color-hover-blue:hover h3,
.color-hover-blue:hover h4,
.color-hover-blue:hover h5,
.color-hover-blue:hover h6,
.text-blue h1,
.text-blue h2,
.text-blue h3,
.text-blue h4,
.text-blue h5,
.text-blue h6 {
    color: #0275d8 !important;
}

.border-color-blue {
    border-color: #0275d8 !important;
}

.badge-persian-blue,
.progress-bar-persian-blue,
.bg-persian-blue {
    background-color: #4786ff !important;
    border-color: #4786ff;
}

.bg-persian-blue-dark {
    background-color: #1464ff;
    border-color: #1464ff;
}

.bg-persian-blue-light {
    background-color: #94b8ff;
    border-color: #94b8ff;
}

.color-persian-blue,
.color-hover-persian-blue:hover,
.text-persian-blue {
    color: #4786ff !important;
}

.color-persian-blue h1,
.color-persian-blue h2,
.color-persian-blue h3,
.color-persian-blue h4,
.color-persian-blue h5,
.color-persian-blue h6,
.color-hover-persian-blue:hover h1,
.color-hover-persian-blue:hover h2,
.color-hover-persian-blue:hover h3,
.color-hover-persian-blue:hover h4,
.color-hover-persian-blue:hover h5,
.color-hover-persian-blue:hover h6,
.text-persian-blue h1,
.text-persian-blue h2,
.text-persian-blue h3,
.text-persian-blue h4,
.text-persian-blue h5,
.text-persian-blue h6 {
    color: #4786ff !important;
}

.border-color-persian-blue {
    border-color: #4786ff !important;
}

.badge-indigo,
.progress-bar-indigo,
.bg-indigo {
    background-color: #6610f2 !important;
    border-color: #6610f2;
}

.bg-indigo-dark {
    background-color: #510bc4;
    border-color: #510bc4;
}

.bg-indigo-light {
    background-color: #9459f6;
    border-color: #9459f6;
}

.color-indigo,
.color-hover-indigo:hover,
.text-indigo {
    color: #6610f2 !important;
}

.color-indigo h1,
.color-indigo h2,
.color-indigo h3,
.color-indigo h4,
.color-indigo h5,
.color-indigo h6,
.color-hover-indigo:hover h1,
.color-hover-indigo:hover h2,
.color-hover-indigo:hover h3,
.color-hover-indigo:hover h4,
.color-hover-indigo:hover h5,
.color-hover-indigo:hover h6,
.text-indigo h1,
.text-indigo h2,
.text-indigo h3,
.text-indigo h4,
.text-indigo h5,
.text-indigo h6 {
    color: #6610f2 !important;
}

.border-color-indigo {
    border-color: #6610f2 !important;
}

.badge-purple,
.progress-bar-purple,
.bg-purple {
    background-color: #9c77ef !important;
    border-color: #9c77ef;
}

.bg-purple-dark {
    background-color: #7b49ea;
    border-color: #7b49ea;
}

.bg-purple-light {
    background-color: #cebbf7;
    border-color: #cebbf7;
}

.color-purple,
.color-hover-purple:hover,
.text-purple {
    color: #9c77ef !important;
}

.color-purple h1,
.color-purple h2,
.color-purple h3,
.color-purple h4,
.color-purple h5,
.color-purple h6,
.color-hover-purple:hover h1,
.color-hover-purple:hover h2,
.color-hover-purple:hover h3,
.color-hover-purple:hover h4,
.color-hover-purple:hover h5,
.color-hover-purple:hover h6,
.text-purple h1,
.text-purple h2,
.text-purple h3,
.text-purple h4,
.text-purple h5,
.text-purple h6 {
    color: #9c77ef !important;
}

.border-color-purple {
    border-color: #9c77ef !important;
}

.badge-pink,
.progress-bar-pink,
.bg-pink {
    background-color: #e83e8c !important;
    border-color: #e83e8c;
}

.bg-pink-dark {
    background-color: #d91a72;
    border-color: #d91a72;
}

.bg-pink-light {
    background-color: #f082b5;
    border-color: #f082b5;
}

.color-pink,
.color-hover-pink:hover,
.text-pink {
    color: #e83e8c !important;
}

.color-pink h1,
.color-pink h2,
.color-pink h3,
.color-pink h4,
.color-pink h5,
.color-pink h6,
.color-hover-pink:hover h1,
.color-hover-pink:hover h2,
.color-hover-pink:hover h3,
.color-hover-pink:hover h4,
.color-hover-pink:hover h5,
.color-hover-pink:hover h6,
.text-pink h1,
.text-pink h2,
.text-pink h3,
.text-pink h4,
.text-pink h5,
.text-pink h6 {
    color: #e83e8c !important;
}

.border-color-pink {
    border-color: #e83e8c !important;
}

.badge-red,
.progress-bar-red,
.bg-red {
    background-color: #ca0000 !important;
    border-color: #ca0000;
}

.bg-red-dark {
    background-color: #980000;
    border-color: #980000;
}

.bg-red-light {
    background-color: #f09d92;
    border-color: #f09d92;
}

.color-red,
.color-hover-red:hover,
.text-red {
    color: #ca0000 !important;
}

.color-red h1,
.color-red h2,
.color-red h3,
.color-red h4,
.color-red h5,
.color-red h6,
.color-hover-red:hover h1,
.color-hover-red:hover h2,
.color-hover-red:hover h3,
.color-hover-red:hover h4,
.color-hover-red:hover h5,
.color-hover-red:hover h6,
.text-red h1,
.text-red h2,
.text-red h3,
.text-red h4,
.text-red h5,
.text-red h6 {
    color: #ca0000 !important;
}

.border-color-red {
    border-color: #ca0000 !important;
}

.badge-cerize-red,
.progress-bar-cerize-red,
.bg-cerize-red {
    background-color: #fa607e !important;
    border-color: #fa607e;
}

.bg-cerize-red-dark {
    background-color: #f82f56;
    border-color: #f82f56;
}

.bg-cerize-red-light {
    background-color: #fcaaba;
    border-color: #fcaaba;
}

.color-cerize-red,
.color-hover-cerize-red:hover,
.text-cerize-red {
    color: #fa607e !important;
}

.color-cerize-red h1,
.color-cerize-red h2,
.color-cerize-red h3,
.color-cerize-red h4,
.color-cerize-red h5,
.color-cerize-red h6,
.color-hover-cerize-red:hover h1,
.color-hover-cerize-red:hover h2,
.color-hover-cerize-red:hover h3,
.color-hover-cerize-red:hover h4,
.color-hover-cerize-red:hover h5,
.color-hover-cerize-red:hover h6,
.text-cerize-red h1,
.text-cerize-red h2,
.text-cerize-red h3,
.text-cerize-red h4,
.text-cerize-red h5,
.text-cerize-red h6 {
    color: #fa607e !important;
}

.border-color-cerize-red {
    border-color: #fa607e !important;
}

.badge-orange,
.progress-bar-orange,
.bg-orange {
    background-color: #fb9678 !important;
    border-color: #fb9678;
}

.bg-orange-dark {
    background-color: #fa6f46;
    border-color: #fa6f46;
}

.bg-orange-light {
    background-color: #fdd0c2;
    border-color: #fdd0c2;
}

.color-orange,
.color-hover-orange:hover,
.text-orange {
    color: #ffaa00 !important;
}

.color-orange h1,
.color-orange h2,
.color-orange h3,
.color-orange h4,
.color-orange h5,
.color-orange h6,
.color-hover-orange:hover h1,
.color-hover-orange:hover h2,
.color-hover-orange:hover h3,
.color-hover-orange:hover h4,
.color-hover-orange:hover h5,
.color-hover-orange:hover h6,
.text-orange h1,
.text-orange h2,
.text-orange h3,
.text-orange h4,
.text-orange h5,
.text-orange h6 {
    color: #fb9678 !important;
}

.border-color-orange {
    border-color: #fb9678 !important;
}

.badge-yellow,
.progress-bar-yellow,
.bg-yellow {
    background-color: #ffcc02 !important;
    border-color: #ffcc02;
}

.bg-yellow-dark {
    background-color: #cea400;
    border-color: #cea400;
}

.bg-yellow-light {
    background-color: #ffdb4f;
    border-color: #ffdb4f;
}

.color-yellow,
.color-hover-yellow:hover,
.text-yellow {
    color: #ffcc02 !important;
}

.color-yellow h1,
.color-yellow h2,
.color-yellow h3,
.color-yellow h4,
.color-yellow h5,
.color-yellow h6,
.color-hover-yellow:hover h1,
.color-hover-yellow:hover h2,
.color-hover-yellow:hover h3,
.color-hover-yellow:hover h4,
.color-hover-yellow:hover h5,
.color-hover-yellow:hover h6,
.text-yellow h1,
.text-yellow h2,
.text-yellow h3,
.text-yellow h4,
.text-yellow h5,
.text-yellow h6 {
    color: #ffcc02 !important;
}

.border-color-yellow {
    border-color: #ffcc02 !important;
}

.badge-mustard,
.progress-bar-mustard,
.bg-mustard {
    background-color: #fdb44d !important;
    border-color: #fdb44d;
}

.bg-mustard-dark {
    background-color: #fc9f1b;
    border-color: #fc9f1b;
}

.bg-mustard-light {
    background-color: #fed499;
    border-color: #fed499;
}

.color-mustard,
.color-hover-mustard:hover,
.text-mustard {
    color: #fdb44d !important;
}

.color-mustard h1,
.color-mustard h2,
.color-mustard h3,
.color-mustard h4,
.color-mustard h5,
.color-mustard h6,
.color-hover-mustard:hover h1,
.color-hover-mustard:hover h2,
.color-hover-mustard:hover h3,
.color-hover-mustard:hover h4,
.color-hover-mustard:hover h5,
.color-hover-mustard:hover h6,
.text-mustard h1,
.text-mustard h2,
.text-mustard h3,
.text-mustard h4,
.text-mustard h5,
.text-mustard h6 {
    color: #fdb44d !important;
}

.border-color-mustard {
    border-color: #fdb44d !important;
}

.badge-green,
.progress-bar-green,
.bg-green {
    background-color: #38d57a !important;
    border-color: #38d57a;
}

.bg-green-dark {
    background-color: #26b462;
    border-color: #26b462;
}

.bg-green-light {
    background-color: #77e2a4;
    border-color: #77e2a4;
}

.color-green,
.color-hover-green:hover,
.text-green {
    color: #38d57a !important;
}

.color-green h1,
.color-green h2,
.color-green h3,
.color-green h4,
.color-green h5,
.color-green h6,
.color-hover-green:hover h1,
.color-hover-green:hover h2,
.color-hover-green:hover h3,
.color-hover-green:hover h4,
.color-hover-green:hover h5,
.color-hover-green:hover h6,
.text-green h1,
.text-green h2,
.text-green h3,
.text-green h4,
.text-green h5,
.text-green h6 {
    color: #38d57a !important;
}

.border-color-green {
    border-color: #38d57a !important;
}

.badge-teal,
.progress-bar-teal,
.bg-teal {
    background-color: #20c997 !important;
    border-color: #20c997;
}

.bg-teal-dark {
    background-color: #199d76;
    border-color: #199d76;
}

.bg-teal-light {
    background-color: #52e3b8;
    border-color: #52e3b8;
}

.color-teal,
.color-hover-teal:hover,
.text-teal {
    color: #20c997 !important;
}

.color-teal h1,
.color-teal h2,
.color-teal h3,
.color-teal h4,
.color-teal h5,
.color-teal h6,
.color-hover-teal:hover h1,
.color-hover-teal:hover h2,
.color-hover-teal:hover h3,
.color-hover-teal:hover h4,
.color-hover-teal:hover h5,
.color-hover-teal:hover h6,
.text-teal h1,
.text-teal h2,
.text-teal h3,
.text-teal h4,
.text-teal h5,
.text-teal h6 {
    color: #20c997 !important;
}

.border-color-teal {
    border-color: #20c997 !important;
}

.badge-cyan,
.progress-bar-cyan,
.bg-cyan {
    background-color: #4ca83f !important;
    border-color: #4ca83f;
}

.bg-cyan-dark {
    background-color: #0286c1;
    border-color: #0286c1;
}

.bg-cyan-light {
    background-color: #46c4fd;
    border-color: #46c4fd;
}

.color-cyan,
.color-hover-cyan:hover,
.text-cyan {
    color: #4ca83f !important;
}

.color-cyan h1,
.color-cyan h2,
.color-cyan h3,
.color-cyan h4,
.color-cyan h5,
.color-cyan h6,
.color-hover-cyan:hover h1,
.color-hover-cyan:hover h2,
.color-hover-cyan:hover h3,
.color-hover-cyan:hover h4,
.color-hover-cyan:hover h5,
.color-hover-cyan:hover h6,
.text-cyan h1,
.text-cyan h2,
.text-cyan h3,
.text-cyan h4,
.text-cyan h5,
.text-cyan h6 {
    color: #4ca83f !important;
}

.border-color-cyan {
    border-color: #4ca83f !important;
}

.badge-white,
.progress-bar-white,
.bg-white {
    background-color: #fff !important;
    border-color: #fff;
}

.bg-white-dark {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

.bg-white-light {
    background-color: white;
    border-color: white;
}

.color-white,
.color-hover-white:hover,
.text-white {
    color: #fff !important;
}

.color-white h1,
.color-white h2,
.color-white h3,
.color-white h4,
.color-white h5,
.color-white h6,
.color-hover-white:hover h1,
.color-hover-white:hover h2,
.color-hover-white:hover h3,
.color-hover-white:hover h4,
.color-hover-white:hover h5,
.color-hover-white:hover h6,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6 {
    color: #fff !important;
}

.border-color-white {
    border-color: #fff !important;
}

.badge-gray-light,
.progress-bar-gray-light,
.bg-gray-light {
    background-color: #cdd0e161 !important;
    border-color: #cdd0e161;
}

.bg-gray-light-dark {
    background-color: #c4c4c4;
    border-color: #c4c4c4;
}

.bg-gray-light-light {
    background-color: white;
    border-color: white;
}

.color-gray-light,
.color-hover-gray-light:hover,
.text-gray-light {
    color: #cdd0e161 !important;
}

.color-gray-light h1,
.color-gray-light h2,
.color-gray-light h3,
.color-gray-light h4,
.color-gray-light h5,
.color-gray-light h6,
.color-hover-gray-light:hover h1,
.color-hover-gray-light:hover h2,
.color-hover-gray-light:hover h3,
.color-hover-gray-light:hover h4,
.color-hover-gray-light:hover h5,
.color-hover-gray-light:hover h6,
.text-gray-light h1,
.text-gray-light h2,
.text-gray-light h3,
.text-gray-light h4,
.text-gray-light h5,
.text-gray-light h6 {
    color: #cdd0e161 !important;
}

.border-color-gray-light {
    border-color: #cdd0e161 !important;
}

.badge-gray,
.progress-bar-gray,
.bg-gray {
    background-color: #868e96 !important;
    border-color: #868e96;
}

.bg-gray-dark {
    background-color: #6c757d;
    border-color: #6c757d;
}

.bg-gray-light {
    background-color: #afb4ba;
    border-color: #afb4ba;
}

.color-gray,
.color-hover-gray:hover,
.text-gray {
    color: #ffffffc7;
}

.color-gray h1,
.color-gray h2,
.color-gray h3,
.color-gray h4,
.color-gray h5,
.color-gray h6,
.color-hover-gray:hover h1,
.color-hover-gray:hover h2,
.color-hover-gray:hover h3,
.color-hover-gray:hover h4,
.color-hover-gray:hover h5,
.color-hover-gray:hover h6,
.text-gray h1,
.text-gray h2,
.text-gray h3,
.text-gray h4,
.text-gray h5,
.text-gray h6 {
    color: #868e96 !important;
}

.border-color-gray {
    border-color: #868e96 !important;
}

.badge-gray-dark,
.progress-bar-gray-dark,
.bg-gray-dark {
    background-color: #343a40 !important;
    border-color: #343a40;
}

.bg-gray-dark-dark {
    background-color: #1d2124;
    border-color: #1d2124;
}

.bg-gray-dark-light {
    background-color: #56606a;
    border-color: #56606a;
}

.color-gray-dark,
.color-hover-gray-dark:hover,
.text-gray-dark {
    color: #343a40 !important;
}

.color-gray-dark h1,
.color-gray-dark h2,
.color-gray-dark h3,
.color-gray-dark h4,
.color-gray-dark h5,
.color-gray-dark h6,
.color-hover-gray-dark:hover h1,
.color-hover-gray-dark:hover h2,
.color-hover-gray-dark:hover h3,
.color-hover-gray-dark:hover h4,
.color-hover-gray-dark:hover h5,
.color-hover-gray-dark:hover h6,
.text-gray-dark h1,
.text-gray-dark h2,
.text-gray-dark h3,
.text-gray-dark h4,
.text-gray-dark h5,
.text-gray-dark h6 {
    color: #343a40 !important;
}

.border-color-gray-dark {
    border-color: #343a40 !important;
}

.badge-violet,
.progress-bar-violet,
.bg-violet {
    background-color: #9c27b0 !important;
    border-color: #9c27b0;
}

.bg-violet-dark {
    background-color: #771e86;
    border-color: #771e86;
}

.bg-violet-light {
    background-color: #c34cd7;
    border-color: #c34cd7;
}

.color-violet,
.color-hover-violet:hover,
.text-violet {
    color: #9c27b0 !important;
}

.color-violet h1,
.color-violet h2,
.color-violet h3,
.color-violet h4,
.color-violet h5,
.color-violet h6,
.color-hover-violet:hover h1,
.color-hover-violet:hover h2,
.color-hover-violet:hover h3,
.color-hover-violet:hover h4,
.color-hover-violet:hover h5,
.color-hover-violet:hover h6,
.text-violet h1,
.text-violet h2,
.text-violet h3,
.text-violet h4,
.text-violet h5,
.text-violet h6 {
    color: #9c27b0 !important;
}

.border-color-violet {
    border-color: #9c27b0 !important;
}

.badge-brown,
.progress-bar-brown,
.bg-brown {
    background-color: #795548 !important;
    border-color: #795548;
}

.bg-brown-dark {
    background-color: #593f35;
    border-color: #593f35;
}

.bg-brown-light {
    background-color: #a57868;
    border-color: #a57868;
}

.color-brown,
.color-hover-brown:hover,
.text-brown {
    color: #795548 !important;
}

.color-brown h1,
.color-brown h2,
.color-brown h3,
.color-brown h4,
.color-brown h5,
.color-brown h6,
.color-hover-brown:hover h1,
.color-hover-brown:hover h2,
.color-hover-brown:hover h3,
.color-hover-brown:hover h4,
.color-hover-brown:hover h5,
.color-hover-brown:hover h6,
.text-brown h1,
.text-brown h2,
.text-brown h3,
.text-brown h4,
.text-brown h5,
.text-brown h6 {
    color: #795548 !important;
}

.border-color-brown {
    border-color: #795548 !important;
}

.badge-light-gray,
.progress-bar-light-gray,
.bg-light-gray {
    background-color: #f9f9f9 !important;
    border-color: #f9f9f9;
}

.bg-light-gray-dark {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
}

.bg-light-gray-light {
    background-color: white;
    border-color: white;
}

.color-light-gray,
.color-hover-light-gray:hover,
.text-light-gray {
    color: #f9f9f9 !important;
}

.color-light-gray h1,
.color-light-gray h2,
.color-light-gray h3,
.color-light-gray h4,
.color-light-gray h5,
.color-light-gray h6,
.color-hover-light-gray:hover h1,
.color-hover-light-gray:hover h2,
.color-hover-light-gray:hover h3,
.color-hover-light-gray:hover h4,
.color-hover-light-gray:hover h5,
.color-hover-light-gray:hover h6,
.text-light-gray h1,
.text-light-gray h2,
.text-light-gray h3,
.text-light-gray h4,
.text-light-gray h5,
.text-light-gray h6 {
    color: #f9f9f9 !important;
}

.border-color-light-gray {
    border-color: #f9f9f9 !important;
}

.badge-slate,
.progress-bar-slate,
.bg-slate {
    background-color: #607d8b !important;
    border-color: #607d8b;
}

.bg-slate-dark {
    background-color: #4b626d;
    border-color: #4b626d;
}

.bg-slate-light {
    background-color: #8aa2ae;
    border-color: #8aa2ae;
}

.color-slate,
.color-hover-slate:hover,
.text-slate {
    color: #607d8b !important;
}

.color-slate h1,
.color-slate h2,
.color-slate h3,
.color-slate h4,
.color-slate h5,
.color-slate h6,
.color-hover-slate:hover h1,
.color-hover-slate:hover h2,
.color-hover-slate:hover h3,
.color-hover-slate:hover h4,
.color-hover-slate:hover h5,
.color-hover-slate:hover h6,
.text-slate h1,
.text-slate h2,
.text-slate h3,
.text-slate h4,
.text-slate h5,
.text-slate h6 {
    color: #607d8b !important;
}

.border-color-slate {
    border-color: #607d8b !important;
}

.badge-facebook,
.progress-bar-facebook,
.bg-facebook {
    background-color: #4b64a6 !important;
    border-color: #4b64a6;
}

.bg-facebook-dark {
    background-color: #3b4f83;
    border-color: #3b4f83;
}

.bg-facebook-light {
    background-color: #7a8ec3;
    border-color: #7a8ec3;
}

.color-facebook,
.color-hover-facebook:hover,
.text-facebook {
    color: #4b64a6 !important;
}

.color-facebook h1,
.color-facebook h2,
.color-facebook h3,
.color-facebook h4,
.color-facebook h5,
.color-facebook h6,
.color-hover-facebook:hover h1,
.color-hover-facebook:hover h2,
.color-hover-facebook:hover h3,
.color-hover-facebook:hover h4,
.color-hover-facebook:hover h5,
.color-hover-facebook:hover h6,
.text-facebook h1,
.text-facebook h2,
.text-facebook h3,
.text-facebook h4,
.text-facebook h5,
.text-facebook h6 {
    color: #4b64a6 !important;
}

.border-color-facebook {
    border-color: #4b64a6 !important;
}

.badge-twitter,
.progress-bar-twitter,
.bg-twitter {
    background-color: #0dace3 !important;
    border-color: #0dace3;
}

.bg-twitter-dark {
    background-color: #0a87b3;
    border-color: #0a87b3;
}

.bg-twitter-light {
    background-color: #48c8f5;
    border-color: #48c8f5;
}

.color-twitter,
.color-hover-twitter:hover,
.text-twitter {
    color: #0dace3 !important;
}

.color-twitter h1,
.color-twitter h2,
.color-twitter h3,
.color-twitter h4,
.color-twitter h5,
.color-twitter h6,
.color-hover-twitter:hover h1,
.color-hover-twitter:hover h2,
.color-hover-twitter:hover h3,
.color-hover-twitter:hover h4,
.color-hover-twitter:hover h5,
.color-hover-twitter:hover h6,
.text-twitter h1,
.text-twitter h2,
.text-twitter h3,
.text-twitter h4,
.text-twitter h5,
.text-twitter h6 {
    color: #0dace3 !important;
}

.border-color-twitter {
    border-color: #0dace3 !important;
}

.badge-googleplus,
.progress-bar-googleplus,
.bg-googleplus {
    background-color: #dd4b39 !important;
    border-color: #dd4b39;
}

.bg-googleplus-dark {
    background-color: #c23321;
    border-color: #c23321;
}

.bg-googleplus-light {
    background-color: #e8867a;
    border-color: #e8867a;
}

.color-googleplus,
.color-hover-googleplus:hover,
.text-googleplus {
    color: #dd4b39 !important;
}

.color-googleplus h1,
.color-googleplus h2,
.color-googleplus h3,
.color-googleplus h4,
.color-googleplus h5,
.color-googleplus h6,
.color-hover-googleplus:hover h1,
.color-hover-googleplus:hover h2,
.color-hover-googleplus:hover h3,
.color-hover-googleplus:hover h4,
.color-hover-googleplus:hover h5,
.color-hover-googleplus:hover h6,
.text-googleplus h1,
.text-googleplus h2,
.text-googleplus h3,
.text-googleplus h4,
.text-googleplus h5,
.text-googleplus h6 {
    color: #dd4b39 !important;
}

.border-color-googleplus {
    border-color: #dd4b39 !important;
}

.badge-linkedin,
.progress-bar-linkedin,
.bg-linkedin {
    background-color: #007bb6 !important;
    border-color: #007bb6;
}

.bg-linkedin-dark {
    background-color: #005983;
    border-color: #005983;
}

.bg-linkedin-light {
    background-color: #04adff;
    border-color: #04adff;
}

.color-linkedin,
.color-hover-linkedin:hover,
.text-linkedin {
    color: #007bb6 !important;
}

.color-linkedin h1,
.color-linkedin h2,
.color-linkedin h3,
.color-linkedin h4,
.color-linkedin h5,
.color-linkedin h6,
.color-hover-linkedin:hover h1,
.color-hover-linkedin:hover h2,
.color-hover-linkedin:hover h3,
.color-hover-linkedin:hover h4,
.color-hover-linkedin:hover h5,
.color-hover-linkedin:hover h6,
.text-linkedin h1,
.text-linkedin h2,
.text-linkedin h3,
.text-linkedin h4,
.text-linkedin h5,
.text-linkedin h6 {
    color: #007bb6 !important;
}

.border-color-linkedin {
    border-color: #007bb6 !important;
}

.badge-instagram,
.progress-bar-instagram,
.bg-instagram {
    background-color: #3f729b !important;
    border-color: #3f729b;
}

.bg-instagram-dark {
    background-color: #305777;
    border-color: #305777;
}

.bg-instagram-light {
    background-color: #6698c1;
    border-color: #6698c1;
}

.color-instagram,
.color-hover-instagram:hover,
.text-instagram {
    color: #3f729b !important;
}

.color-instagram h1,
.color-instagram h2,
.color-instagram h3,
.color-instagram h4,
.color-instagram h5,
.color-instagram h6,
.color-hover-instagram:hover h1,
.color-hover-instagram:hover h2,
.color-hover-instagram:hover h3,
.color-hover-instagram:hover h4,
.color-hover-instagram:hover h5,
.color-hover-instagram:hover h6,
.text-instagram h1,
.text-instagram h2,
.text-instagram h3,
.text-instagram h4,
.text-instagram h5,
.text-instagram h6 {
    color: #3f729b !important;
}

.border-color-instagram {
    border-color: #3f729b !important;
}

.badge-pinterest,
.progress-bar-pinterest,
.bg-pinterest {
    background-color: #cb2027 !important;
    border-color: #cb2027;
}

.bg-pinterest-dark {
    background-color: #9f191f;
    border-color: #9f191f;
}

.bg-pinterest-light {
    background-color: #e45459;
    border-color: #e45459;
}

.color-pinterest,
.color-hover-pinterest:hover,
.text-pinterest {
    color: #cb2027 !important;
}

.color-pinterest h1,
.color-pinterest h2,
.color-pinterest h3,
.color-pinterest h4,
.color-pinterest h5,
.color-pinterest h6,
.color-hover-pinterest:hover h1,
.color-hover-pinterest:hover h2,
.color-hover-pinterest:hover h3,
.color-hover-pinterest:hover h4,
.color-hover-pinterest:hover h5,
.color-hover-pinterest:hover h6,
.text-pinterest h1,
.text-pinterest h2,
.text-pinterest h3,
.text-pinterest h4,
.text-pinterest h5,
.text-pinterest h6 {
    color: #cb2027 !important;
}

.border-color-pinterest {
    border-color: #cb2027 !important;
}

.badge-dribbble,
.progress-bar-dribbble,
.bg-dribbble {
    background-color: #ea4c89 !important;
    border-color: #ea4c89;
}

.bg-dribbble-dark {
    background-color: #e51e6b;
    border-color: #e51e6b;
}

.bg-dribbble-light {
    background-color: #f290b6;
    border-color: #f290b6;
}

.color-dribbble,
.color-hover-dribbble:hover,
.text-dribbble {
    color: #ea4c89 !important;
}

.color-dribbble h1,
.color-dribbble h2,
.color-dribbble h3,
.color-dribbble h4,
.color-dribbble h5,
.color-dribbble h6,
.color-hover-dribbble:hover h1,
.color-hover-dribbble:hover h2,
.color-hover-dribbble:hover h3,
.color-hover-dribbble:hover h4,
.color-hover-dribbble:hover h5,
.color-hover-dribbble:hover h6,
.text-dribbble h1,
.text-dribbble h2,
.text-dribbble h3,
.text-dribbble h4,
.text-dribbble h5,
.text-dribbble h6 {
    color: #ea4c89 !important;
}

.border-color-dribbble {
    border-color: #ea4c89 !important;
}

.badge-youtube,
.progress-bar-youtube,
.bg-youtube {
    background-color: #b00 !important;
    border-color: #b00;
}

.bg-youtube-dark {
    background-color: #880000;
    border-color: #880000;
}

.bg-youtube-light {
    background-color: #ff0909;
    border-color: #ff0909;
}

.color-youtube,
.color-hover-youtube:hover,
.text-youtube {
    color: #b00 !important;
}

.color-youtube h1,
.color-youtube h2,
.color-youtube h3,
.color-youtube h4,
.color-youtube h5,
.color-youtube h6,
.color-hover-youtube:hover h1,
.color-hover-youtube:hover h2,
.color-hover-youtube:hover h3,
.color-hover-youtube:hover h4,
.color-hover-youtube:hover h5,
.color-hover-youtube:hover h6,
.text-youtube h1,
.text-youtube h2,
.text-youtube h3,
.text-youtube h4,
.text-youtube h5,
.text-youtube h6 {
    color: #b00 !important;
}

.border-color-youtube {
    border-color: #b00 !important;
}

.bg-none {
    background: none !important;
}

/* Basic
========================*/

.block {
    display: block;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-scroll {
    overflow: scroll;
}

.overflow-auto {
    overflow: auto;
}

.pre {
    white-space: pre;
}

.nowrap {
    white-space: nowrap;
}

.resize-none {
    resize: none;
}

.resize-vertical {
    resize: vertical;
}

.resize-horizontal {
    resize: horizontal;
}

.cursor-pointer {
    cursor: pointer !important;
}

.no-pointer-events {
    pointer-events: none;
}

.border-0 {
    border: 0;
}

.vertical-middle {
    vertical-align: middle !important;
}


.disabled {
    cursor: not-allowed;
    pointer-events: none;
}


.fullscreen {
    min-height: 100vh;
    min-width: 100%;
}


.scroll-horizontal {
    overflow-x: scroll;
    overflow-y: hidden;
}


.scroll-vertical {
    overflow-x: hidden;
    overflow-y: scroll;
}

.no-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

/* Position
========================*/

.pos-static {
    position: static;
}

.pos-fixed {
    position: fixed;
}

.pos-relative {
    position: relative;
}

.pos-absolute,
.pos-0 {
    position: absolute;
}

.pos-top,
.pos-0 {
    top: 0;
}

.pos-right,
.pos-0 {
    right: 0;
}

.pos-left,
.pos-0 {
    left: 0;
}

.pos-bottom,
.pos-0 {
    bottom: 0;
}

.pos-left,
.pos-0 {
    left: 0;
}


.horizontal-center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}


.vertical-center {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* Opacity
=========================*/

.opacity-0-hover:hover,
.opacity-0 {
    opacity: 0;
}

.opacity-01-hover:hover,
.opacity-01 {
    opacity: 0.1;
}

.opacity-02-hover:hover,
.opacity-02 {
    opacity: 0.2;
}

.opacity-03-hover:hover,
.opacity-03 {
    opacity: 0.3;
}

.opacity-04-hover:hover,
.opacity-04 {
    opacity: 0.4;
}

.opacity-05-hover:hover,
.opacity-05 {
    opacity: 0.5;
}

.opacity-06-hover:hover,
.opacity-06 {
    opacity: 0.6;
}

.opacity-07-hover:hover,
.opacity-07 {
    opacity: 0.7;
}

.opacity-08-hover:hover,
.opacity-08 {
    opacity: 0.8;
}

.opacity-09-hover:hover,
.opacity-09 {
    opacity: 0.9;
}

.opacity-1-hover:hover,
.opacity-1 {
    opacity: 1;
}

/* Width
=========================*/

.width-100 {
    width: 100%;
}

.width-80 {
    width: 80%;
}

.width-75 {
    width: 75%;
}

.width-67 {
    width: 66.66666666666667%;
}

.width-50 {
    width: 50%;
}

.width-33 {
    width: 33.33333333333333%;
}

.width-25 {
    width: 25%;
}

.width-20 {
    width: 20%;
}

/* Font Weight
========================*/

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


.flex-2 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


.flex-3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


.flex-4 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


.flex-5 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


.flex-6 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


.flex-7 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


.flex-8 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


.flex-9 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/* Font Weight
========================*/

.bold {
    font-family: Jost;
}

.text-indent-full {
    text-indent: -9999px;
}

/* Z Index
========================*/

.zi-1 {
    z-index: 1 !important;
}


.zi-2 {
    z-index: 2 !important;
}


.zi-3 {
    z-index: 3 !important;
}


.zi-4 {
    z-index: 4 !important;
}


.zi-5 {
    z-index: 5 !important;
}


.zi-6 {
    z-index: 6 !important;
}


.zi-7 {
    z-index: 7 !important;
}


.zi-8 {
    z-index: 8 !important;
}


.zi-9 {
    z-index: 9 !important;
}

.zi-n-1 {
    z-index: -1 !important;
}

/* Font Size
========================*/

.fs-10 {
    font-size: 0.625rem !important;
}


.fs-11 {
    font-size: 0.6875rem !important;
}


.fs-12 {
    font-size: 0.75rem !important;
}


.fs-13 {
    font-size: 0.8125rem !important;
}


.fs-14 {
    font-size: 0.875rem !important;
}


.fs-15 {
    font-size: 0.9375rem !important;
}


.fs-16 {
    font-size: 1rem !important;
}


.fs-18 {
    font-size: 1.125rem !important;
}


.fs-20 {
    font-size: 1.25rem !important;
}


.fs-22 {
    font-size: 1.375rem !important;
}


.fs-24 {
    font-size: 1.5rem !important;
}


.fs-26 {
    font-size: 1.625rem !important;
}


.fs-28 {
    font-size: 1.75rem !important;
}


.fs-30 {
    font-size: 1.875rem !important;
}


.fs-32 {
    font-size: 2rem !important;
}


.fs-34 {
    font-size: 2.125rem !important;
}


.fs-36 {
    font-size: 2.25rem !important;
}


.fs-38 {
    font-size: 2.375rem !important;
}


.fs-40 {
    font-size: 2.5rem !important;
}


.fs-42 {
    font-size: 2.625rem !important;
}


.fs-44 {
    font-size: 2.75rem !important;
}


.fs-46 {
    font-size: 2.875rem !important;
}


.fs-48 {
    font-size: 3rem !important;
}


.fs-50 {
    font-size: 3.125rem !important;
}


.fs-52 {
    font-size: 3.25rem !important;
}


.fs-54 {
    font-size: 3.375rem !important;
}


.fs-56 {
    font-size: 3.5rem !important;
}


.fs-58 {
    font-size: 3.625rem !important;
}


.fs-60 {
    font-size: 3.75rem !important;
}

.fs-base {
    font-size: 0.875rem !important;
}

/* Letter Spacing
========================*/

.letter-spacing-minus {
    letter-spacing: -0.05em;
}

.letter-spacing-plus {
    letter-spacing: 0.05em;
}

/* Text Helpers 
========================*/

.text-underline {
    text-decoration: underline;
}

/* Line Height
========================*/

.lh-10 {
    line-height: 1em;
}


.lh-11 {
    line-height: 1.1em;
}


.lh-12 {
    line-height: 1.2em;
}


.lh-13 {
    line-height: 1.3em;
}


.lh-14 {
    line-height: 1.4em;
}


.lh-15 {
    line-height: 1.5em;
}


.lh-16 {
    line-height: 1.6em;
}


.lh-17 {
    line-height: 1.7em;
}


.lh-18 {
    line-height: 1.8em;
}


.lh-19 {
    line-height: 1.9em;
}


.lh-20 {
    line-height: 2em;
}


.lh-21 {
    line-height: 2.1em;
}


.lh-22 {
    line-height: 2.2em;
}


.lh-23 {
    line-height: 2.3em;
}


.lh-24 {
    line-height: 2.4em;
}


.lh-25 {
    line-height: 2.5em;
}


.lh-26 {
    line-height: 2.6em;
}


.lh-27 {
    line-height: 2.7em;
}


.lh-28 {
    line-height: 2.8em;
}


.lh-29 {
    line-height: 2.9em;
}


.lh-30 {
    line-height: 3em;
}

/* Border Helpers
=========================*/

.border-left,
.border-all {
    border-left: 1px solid #cdd0e161;
}

.border-top,
.border-all {
    border-top: 1px solid #cdd0e161;
}

.border-right,
.border-all {
    border-right: 1px solid #cdd0e161;
}

.chatbox-header,
.border-bottom,
.border-all {
    border-bottom: 1px solid #cdd0e161;
}

body.rtl .border-left-rtl {
    border-left: 1px solid #cdd0e161;
}

body.rtl .border-top-rtl {
    border-top: 1px solid #cdd0e161;
}

body.rtl .border-right-rtl {
    border-right: 1px solid #cdd0e161;
}

body.rtl .border-bottom-rtl {
    border-bottom: 1px solid #cdd0e161;
}

.border-left-dotted,
.border-x-dotted,
.border-dotted {
    border-left-style: dotted;
}

.border-left-dashed,
.border-x-dashed,
.border-dashed {
    border-left-style: dashed;
}

.border-left-solid,
.border-x-solid,
.border-solid {
    border-left-style: solid;
}

.border-left-double,
.border-x-double,
.border-double {
    border-left-style: double;
}

.border-left-groove,
.border-x-groove,
.border-groove {
    border-left-style: groove;
}

.border-left-ridge,
.border-x-ridge,
.border-ridge {
    border-left-style: ridge;
}

.border-left-inset,
.border-x-inset,
.border-inset {
    border-left-style: ridge;
}

.border-left-outset,
.border-x-outset,
.border-outset {
    border-left-style: outset;
}

.border-left-none,
.border-x-none,
.border-none {
    border-left-style: none;
}

.border-left-hidden,
.border-x-hidden,
.border-hidden {
    border-left-style: hidden;
}

.border-right-dotted,
.border-x-dotted,
.border-dotted {
    border-right-style: dotted;
}

.border-right-dashed,
.border-x-dashed,
.border-dashed {
    border-right-style: dashed;
}

.border-right-solid,
.border-x-solid,
.border-solid {
    border-right-style: solid;
}

.border-right-double,
.border-x-double,
.border-double {
    border-right-style: double;
}

.border-right-groove,
.border-x-groove,
.border-groove {
    border-right-style: groove;
}

.border-right-ridge,
.border-x-ridge,
.border-ridge {
    border-right-style: ridge;
}

.border-right-inset,
.border-x-inset,
.border-inset {
    border-right-style: ridge;
}

.border-right-outset,
.border-x-outset,
.border-outset {
    border-right-style: outset;
}

.border-right-none,
.border-x-none,
.border-none {
    border-right-style: none;
}

.border-right-hidden,
.border-x-hidden,
.border-hidden {
    border-right-style: hidden;
}

.border-top-dotted,
.border-y-dotted,
.border-dotted {
    border-top-style: dotted;
}

.border-top-dashed,
.border-y-dashed,
.border-dashed {
    border-top-style: dashed;
}

.border-top-solid,
.border-y-solid,
.border-solid {
    border-top-style: solid;
}

.border-top-double,
.border-y-double,
.border-double {
    border-top-style: double;
}

.border-top-groove,
.border-y-groove,
.border-groove {
    border-top-style: groove;
}

.border-top-ridge,
.border-y-ridge,
.border-ridge {
    border-top-style: ridge;
}

.border-top-inset,
.border-y-inset,
.border-inset {
    border-top-style: ridge;
}

.border-top-outset,
.border-y-outset,
.border-outset {
    border-top-style: outset;
}

.border-top-none,
.border-y-none,
.border-none {
    border-top-style: none;
}

.border-top-hidden,
.border-y-hidden,
.border-hidden {
    border-top-style: hidden;
}

.border-bottom-dotted,
.border-y-dotted,
.border-dotted {
    border-bottom-style: dotted;
}

.border-bottom-dashed,
.border-y-dashed,
.border-dashed {
    border-bottom-style: dashed;
}

.border-bottom-solid,
.border-y-solid,
.border-solid {
    border-bottom-style: solid;
}

.border-bottom-double,
.border-y-double,
.border-double {
    border-bottom-style: double;
}

.border-bottom-groove,
.border-y-groove,
.border-groove {
    border-bottom-style: groove;
}

.border-bottom-ridge,
.border-y-ridge,
.border-ridge {
    border-bottom-style: ridge;
}

.border-bottom-inset,
.border-y-inset,
.border-inset {
    border-bottom-style: ridge;
}

.border-bottom-outset,
.border-y-outset,
.border-outset {
    border-bottom-style: outset;
}

.border-bottom-none,
.border-y-none,
.border-none {
    border-bottom-style: none;
}

.border-bottom-hidden,
.border-y-hidden,
.border-hidden {
    border-bottom-style: hidden;
}

/* Border Width
=========================*/

.bw-y-0,
body.rtl .bw-0-rtl,
.bw-0,
.bw-t-0,
body.rtl .bw-y-0-rtl,
body.rtl .bw-t-0-rtl {
    border-top-width: 0px !important;
}


.bw-y-0,
body.rtl .bw-0-rtl,
.bw-0,
.bw-b-0,
body.rtl .bw-y-0-rtl,
body.rtl .bw-b-0-rtl {
    border-bottom-width: 0px !important;
}


.bw-x-0,
body.rtl .bw-0-rtl,
.bw-0,
.bw-r-0,
body.rtl .bw-x-0-rtl,
body.rtl .bw-r-0-rtl {
    border-right-width: 0px !important;
}


.bw-y-0,
body.rtl .bw-0-rtl,
.bw-0,
.bw-l-0,
body.rtl .bw-y-0-rtl,
body.rtl .bw-l-0-rtl {
    border-left-width: 0px !important;
}


.bw-y-1,
body.rtl .bw-1-rtl,
.bw-1,
.bw-t-1,
body.rtl .bw-y-1-rtl,
body.rtl .bw-t-1-rtl {
    border-top-width: 1px !important;
}


.bw-y-1,
body.rtl .bw-1-rtl,
.bw-1,
.bw-b-1,
body.rtl .bw-y-1-rtl,
body.rtl .bw-b-1-rtl {
    border-bottom-width: 1px !important;
}


.bw-x-1,
body.rtl .bw-1-rtl,
.bw-1,
.bw-r-1,
body.rtl .bw-x-1-rtl,
body.rtl .bw-r-1-rtl {
    border-right-width: 1px !important;
}


.bw-y-1,
body.rtl .bw-1-rtl,
.bw-1,
.bw-l-1,
body.rtl .bw-y-1-rtl,
body.rtl .bw-l-1-rtl {
    border-left-width: 1px !important;
}


.bw-y-2,
body.rtl .bw-2-rtl,
.bw-2,
.bw-t-2,
body.rtl .bw-y-2-rtl,
body.rtl .bw-t-2-rtl {
    border-top-width: 2px !important;
}


.bw-y-2,
body.rtl .bw-2-rtl,
.bw-2,
.bw-b-2,
body.rtl .bw-y-2-rtl,
body.rtl .bw-b-2-rtl {
    border-bottom-width: 2px !important;
}


.bw-x-2,
body.rtl .bw-2-rtl,
.bw-2,
.bw-r-2,
body.rtl .bw-x-2-rtl,
body.rtl .bw-r-2-rtl {
    border-right-width: 2px !important;
}


.bw-y-2,
body.rtl .bw-2-rtl,
.bw-2,
.bw-l-2,
body.rtl .bw-y-2-rtl,
body.rtl .bw-l-2-rtl {
    border-left-width: 2px !important;
}


.bw-y-3,
body.rtl .bw-3-rtl,
.bw-3,
.bw-t-3,
body.rtl .bw-y-3-rtl,
body.rtl .bw-t-3-rtl {
    border-top-width: 3px !important;
}


.bw-y-3,
body.rtl .bw-3-rtl,
.bw-3,
.bw-b-3,
body.rtl .bw-y-3-rtl,
body.rtl .bw-b-3-rtl {
    border-bottom-width: 3px !important;
}


.bw-x-3,
body.rtl .bw-3-rtl,
.bw-3,
.bw-r-3,
body.rtl .bw-x-3-rtl,
body.rtl .bw-r-3-rtl {
    border-right-width: 3px !important;
}


.bw-y-3,
body.rtl .bw-3-rtl,
.bw-3,
.bw-l-3,
body.rtl .bw-y-3-rtl,
body.rtl .bw-l-3-rtl {
    border-left-width: 3px !important;
}


.bw-y-4,
body.rtl .bw-4-rtl,
.bw-4,
.bw-t-4,
body.rtl .bw-y-4-rtl,
body.rtl .bw-t-4-rtl {
    border-top-width: 4px !important;
}


.bw-y-4,
body.rtl .bw-4-rtl,
.bw-4,
.bw-b-4,
body.rtl .bw-y-4-rtl,
body.rtl .bw-b-4-rtl {
    border-bottom-width: 4px !important;
}


.bw-x-4,
body.rtl .bw-4-rtl,
.bw-4,
.bw-r-4,
body.rtl .bw-x-4-rtl,
body.rtl .bw-r-4-rtl {
    border-right-width: 4px !important;
}


.bw-y-4,
body.rtl .bw-4-rtl,
.bw-4,
.bw-l-4,
body.rtl .bw-y-4-rtl,
body.rtl .bw-l-4-rtl {
    border-left-width: 4px !important;
}


.bw-y-5,
body.rtl .bw-5-rtl,
.bw-5,
.bw-t-5,
body.rtl .bw-y-5-rtl,
body.rtl .bw-t-5-rtl {
    border-top-width: 5px !important;
}


.bw-y-5,
body.rtl .bw-5-rtl,
.bw-5,
.bw-b-5,
body.rtl .bw-y-5-rtl,
body.rtl .bw-b-5-rtl {
    border-bottom-width: 5px !important;
}


.bw-x-5,
body.rtl .bw-5-rtl,
.bw-5,
.bw-r-5,
body.rtl .bw-x-5-rtl,
body.rtl .bw-r-5-rtl {
    border-right-width: 5px !important;
}


.bw-y-5,
body.rtl .bw-5-rtl,
.bw-5,
.bw-l-5,
body.rtl .bw-y-5-rtl,
body.rtl .bw-l-5-rtl {
    border-left-width: 5px !important;
}


.bw-y-6,
body.rtl .bw-6-rtl,
.bw-6,
.bw-t-6,
body.rtl .bw-y-6-rtl,
body.rtl .bw-t-6-rtl {
    border-top-width: 6px !important;
}


.bw-y-6,
body.rtl .bw-6-rtl,
.bw-6,
.bw-b-6,
body.rtl .bw-y-6-rtl,
body.rtl .bw-b-6-rtl {
    border-bottom-width: 6px !important;
}


.bw-x-6,
body.rtl .bw-6-rtl,
.bw-6,
.bw-r-6,
body.rtl .bw-x-6-rtl,
body.rtl .bw-r-6-rtl {
    border-right-width: 6px !important;
}


.bw-y-6,
body.rtl .bw-6-rtl,
.bw-6,
.bw-l-6,
body.rtl .bw-y-6-rtl,
body.rtl .bw-l-6-rtl {
    border-left-width: 6px !important;
}


.bw-y-7,
body.rtl .bw-7-rtl,
.bw-7,
.bw-t-7,
body.rtl .bw-y-7-rtl,
body.rtl .bw-t-7-rtl {
    border-top-width: 7px !important;
}


.bw-y-7,
body.rtl .bw-7-rtl,
.bw-7,
.bw-b-7,
body.rtl .bw-y-7-rtl,
body.rtl .bw-b-7-rtl {
    border-bottom-width: 7px !important;
}


.bw-x-7,
body.rtl .bw-7-rtl,
.bw-7,
.bw-r-7,
body.rtl .bw-x-7-rtl,
body.rtl .bw-r-7-rtl {
    border-right-width: 7px !important;
}


.bw-y-7,
body.rtl .bw-7-rtl,
.bw-7,
.bw-l-7,
body.rtl .bw-y-7-rtl,
body.rtl .bw-l-7-rtl {
    border-left-width: 7px !important;
}


.bw-y-8,
body.rtl .bw-8-rtl,
.bw-8,
.bw-t-8,
body.rtl .bw-y-8-rtl,
body.rtl .bw-t-8-rtl {
    border-top-width: 8px !important;
}


.bw-y-8,
body.rtl .bw-8-rtl,
.bw-8,
.bw-b-8,
body.rtl .bw-y-8-rtl,
body.rtl .bw-b-8-rtl {
    border-bottom-width: 8px !important;
}


.bw-x-8,
body.rtl .bw-8-rtl,
.bw-8,
.bw-r-8,
body.rtl .bw-x-8-rtl,
body.rtl .bw-r-8-rtl {
    border-right-width: 8px !important;
}


.bw-y-8,
body.rtl .bw-8-rtl,
.bw-8,
.bw-l-8,
body.rtl .bw-y-8-rtl,
body.rtl .bw-l-8-rtl {
    border-left-width: 8px !important;
}


.bw-y-9,
body.rtl .bw-9-rtl,
.bw-9,
.bw-t-9,
body.rtl .bw-y-9-rtl,
body.rtl .bw-t-9-rtl {
    border-top-width: 9px !important;
}


.bw-y-9,
body.rtl .bw-9-rtl,
.bw-9,
.bw-b-9,
body.rtl .bw-y-9-rtl,
body.rtl .bw-b-9-rtl {
    border-bottom-width: 9px !important;
}


.bw-x-9,
body.rtl .bw-9-rtl,
.bw-9,
.bw-r-9,
body.rtl .bw-x-9-rtl,
body.rtl .bw-r-9-rtl {
    border-right-width: 9px !important;
}


.bw-y-9,
body.rtl .bw-9-rtl,
.bw-9,
.bw-l-9,
body.rtl .bw-y-9-rtl,
body.rtl .bw-l-9-rtl {
    border-left-width: 9px !important;
}


.bw-y-10,
body.rtl .bw-10-rtl,
.bw-10,
.bw-t-10,
body.rtl .bw-y-10-rtl,
body.rtl .bw-t-10-rtl {
    border-top-width: 10px !important;
}


.bw-y-10,
body.rtl .bw-10-rtl,
.bw-10,
.bw-b-10,
body.rtl .bw-y-10-rtl,
body.rtl .bw-b-10-rtl {
    border-bottom-width: 10px !important;
}


.bw-x-10,
body.rtl .bw-10-rtl,
.bw-10,
.bw-r-10,
body.rtl .bw-x-10-rtl,
body.rtl .bw-r-10-rtl {
    border-right-width: 10px !important;
}


.bw-y-10,
body.rtl .bw-10-rtl,
.bw-10,
.bw-l-10,
body.rtl .bw-y-10-rtl,
body.rtl .bw-l-10-rtl {
    border-left-width: 10px !important;
}

/* Border Radius
=========================*/

.radius-0 {
    border-radius: 0;
}

.radius-full {
    border-radius: 100%;
}

.radius-2 {
    border-radius: 2px !important;
    overflow: hidden;
}

.radius-3 {
    border-radius: 3px !important;
    overflow: hidden;
}

.radius-4 {
    border-radius: 4px !important;
    overflow: hidden;
}

.radius-5 {
    border-radius: 5px !important;
    overflow: hidden;
}

.radius-6 {
    border-radius: 6px !important;
    overflow: hidden;
}

.radius-7 {
    border-radius: 7px !important;
    overflow: hidden;
}

.radius-8 {
    border-radius: 8px !important;
    overflow: hidden;
}

.radius-9 {
    border-radius: 9px !important;
    overflow: hidden;
}

.radius-10 {
    border-radius: 10px !important;
    overflow: hidden;
}

.radius-11 {
    border-radius: 11px !important;
    overflow: hidden;
}

.radius-12 {
    border-radius: 12px !important;
    overflow: hidden;
}

.radius-13 {
    border-radius: 13px !important;
    overflow: hidden;
}

.radius-14 {
    border-radius: 14px !important;
    overflow: hidden;
}

.radius-15 {
    border-radius: 15px !important;
    overflow: hidden;
}

.radius-16 {
    border-radius: 16px !important;
    overflow: hidden;
}

.radius-17 {
    border-radius: 17px !important;
    overflow: hidden;
}

.radius-18 {
    border-radius: 18px !important;
    overflow: hidden;
}

.radius-19 {
    border-radius: 19px !important;
    overflow: hidden;
}

.radius-20 {
    border-radius: 20px !important;
    overflow: hidden;
}

/* Padding & Margin
=========================*/

.padded-reverse {
    margin: 0 -20px;
}

.mr-lr-auto {
    margin-left: auto;
    margin-right: auto;
}

body.rtl .pd-t-0-rtl,
body.rtl .pd-tb-0-rtl,
.pd-t-0,
.pd-tb-0 {
    padding-top: 0rem !important;
}

.mg-b-0 {
    margin-bottom: 0;
}

.mg-t-0 {
    margin-top: 0;
}

body.rtl .pd-b-0-rtl,
body.rtl .pd-tb-0-rtl,
.pd-b-0,
.pd-tb-0 {
    padding-bottom: 0 !important;
}

body.rtl .pd-0-rtl,
.pd-0 {
    padding: 0rem !important;
}

body.rtl .mr-t-0-rtl,
body.rtl .mr-tb-0-rtl,
.mr-t-0,
.mr-tb-0 {
    margin-top: 0rem !important;
}

body.rtl .mr-b-0-rtl,
body.rtl .mr-tb-0-rtl,
.mr-b-0,
.mr-tb-0 {
    margin-bottom: 0rem !important;
}

body.rtl .mr-0-rtl,
body.rtl .mx-0-rtl,
body.rtl .m-0-rtl,
.mr-0 {
    margin: 0rem !important;
}

body.rtl .pd-t-5-rtl,
body.rtl .pd-tb-5-rtl,
.pd-t-5,
.pd-tb-5 {
    padding-top: 0.3125rem !important;
}

body.rtl .pd-b-5-rtl,
body.rtl .pd-tb-5-rtl,
.pd-b-5,
.pd-tb-5 {
    padding-bottom: 0.3125rem !important;
}

body.rtl .pd-5-rtl,
.pd-5 {
    padding: 0.3125rem !important;
}

body.rtl .mr-t-5-rtl,
body.rtl .mr-tb-5-rtl,
.mr-t-5,
.mr-tb-5 {
    margin-top: 0.3125rem !important;
}

body.rtl .mr-b-5-rtl,
body.rtl .mr-tb-5-rtl,
.mr-b-5,
.mr-tb-5 {
    margin-bottom: 0.3125rem !important;
}

body.rtl .mr-5-rtl,
body.rtl .mx-5-rtl,
body.rtl .m-5-rtl,
.mr-5 {
    margin: 0.3125rem !important;
}

body.rtl .pd-t-10-rtl,
body.rtl .pd-tb-10-rtl,
.pd-t-10,
.pd-tb-10 {
    padding-top: 0.625rem !important;
}

body.rtl .pd-b-10-rtl,
body.rtl .pd-tb-10-rtl,
.pd-b-10,
.pd-tb-10 {
    padding-bottom: 0.625rem !important;
}

body.rtl .pd-10-rtl,
.pd-10 {
    padding: 0.625rem !important;
}

body.rtl .mr-t-10-rtl,
body.rtl .mr-tb-10-rtl,
.mr-t-10,
.mr-tb-10 {
    margin-top: 0.625rem !important;
}

body.rtl .mr-t-15-rtl,
body.rtl .mr-tb-15-rtl,
.mr-t-15,
.mr-tb-15 {
    margin-top: 15px !important;
}

body.rtl .mr-b-10-rtl,
body.rtl .mr-tb-10-rtl,
.mr-b-10,
.mr-tb-10 {
    margin-bottom: 0.625rem !important;
}

body.rtl .mr-10-rtl,
.mr-10 {
    margin: 0.625rem !important;
}

body.rtl .pd-t-20-rtl,
body.rtl .pd-tb-20-rtl,
.pd-t-20,
.pd-tb-20 {
    padding-top: 1.25rem !important;
}

body.rtl .pd-b-20-rtl,
body.rtl .pd-tb-20-rtl,
.pd-b-20,
.pd-tb-20 {
    padding-bottom: 1.25rem !important;
}

body.rtl .pd-20-rtl,
.pd-20 {
    padding: 1.25rem !important;
}

body.rtl .mr-t-20-rtl,
body.rtl .mr-tb-20-rtl,
.mr-t-20,
.mr-tb-20 {
    margin-top: 1.25rem !important;
}

body.rtl .mr-b-20-rtl,
body.rtl .mr-tb-20-rtl,
.mr-b-20,
.mr-tb-20 {
    margin-bottom: 1.25rem !important;
}

body.rtl .mr-20-rtl,
.mr-20 {
    margin: 1.25rem !important;
}

body.rtl .pd-t-30-rtl,
body.rtl .pd-tb-30-rtl,
.pd-t-30,
.pd-tb-30 {
    padding-top: 30px !important;
}

.pd-t-45 {
    padding-top: 45px !important;
}

body.rtl .pd-b-30-rtl,
body.rtl .pd-tb-30-rtl,
.pd-b-30,
.pd-tb-30 {
    padding-bottom: 1.875rem !important;
}

body.rtl .pd-30-rtl,
.pd-30 {
    padding: 1.875rem !important;
}

body.rtl .mr-t-30-rtl,
body.rtl .mr-tb-30-rtl,
.mr-t-30,
.mr-tb-30 {
    margin-top: 1.875rem !important;
}

body.rtl .mr-b-30-rtl,
body.rtl .mr-tb-30-rtl,
.mr-b-30,
.mr-tb-30 {
    margin-bottom: 1.875rem !important;
}

body.rtl .mr-30-rtl,
.mr-30 {
    margin: 1.875rem !important;
}

body.rtl .pd-t-40-rtl,
body.rtl .pd-tb-40-rtl,
.pd-t-40,
.pd-tb-40 {
    padding-top: 2.5rem !important;
}

body.rtl .pd-b-40-rtl,
body.rtl .pd-tb-40-rtl,
.pd-b-40,
.pd-tb-40 {
    padding-bottom: 2.5rem !important;
}

body.rtl .pd-40-rtl,
.pd-40 {
    padding: 2.5rem !important;
}

body.rtl .mr-t-40-rtl,
body.rtl .mr-tb-40-rtl,
.mr-t-40,
.mr-tb-40 {
    margin-top: 2.5rem !important;
}

body.rtl .mr-b-40-rtl,
body.rtl .mr-tb-40-rtl,
.mr-b-40,
.mr-tb-40 {
    margin-bottom: 2.5rem !important;
}

body.rtl .mr-40-rtl,
.mr-40 {
    margin: 2.5rem !important;
}

body.rtl .pd-t-50-rtl,
body.rtl .pd-tb-50-rtl,
.pd-t-50,
.pd-tb-50 {
    padding-top: 3.125rem !important;
}

body.rtl .pd-b-50-rtl,
body.rtl .pd-tb-50-rtl,
.pd-b-50,
.pd-tb-50 {
    padding-bottom: 3.125rem !important;
}

body.rtl .pd-50-rtl,
.pd-50 {
    padding: 3.125rem !important;
}

body.rtl .mr-t-50-rtl,
body.rtl .mr-tb-50-rtl,
.mr-t-50,
.mr-tb-50 {
    margin-top: 3.125rem !important;
}

body.rtl .mr-b-50-rtl,
body.rtl .mr-tb-50-rtl,
.mr-b-50,
.mr-tb-50 {
    margin-bottom: 3.125rem !important;
}

body.rtl .mr-50-rtl,
.mr-50 {
    margin: 3.125rem !important;
}

body.rtl .pd-t-60-rtl,
body.rtl .pd-tb-60-rtl,
.pd-t-60,
.pd-tb-60 {
    padding-top: 3.75rem !important;
}

body.rtl .pd-b-60-rtl,
body.rtl .pd-tb-60-rtl,
.pd-b-60,
.pd-tb-60 {
    padding-bottom: 3.75rem !important;
}

body.rtl .pd-60-rtl,
.pd-60 {
    padding: 3.75rem !important;
}

body.rtl .mr-t-60-rtl,
body.rtl .mr-tb-60-rtl,
.mr-t-60,
.mr-tb-60 {
    margin-top: 3.75rem !important;
}

body.rtl .mr-b-60-rtl,
body.rtl .mr-tb-60-rtl,
.mr-b-60,
.mr-tb-60 {
    margin-bottom: 3.75rem !important;
}

body.rtl .mr-60-rtl,
.mr-60 {
    margin: 3.75rem !important;
}

body.rtl .pd-t-70-rtl,
body.rtl .pd-tb-70-rtl,
.pd-t-70,
.pd-tb-70 {
    padding-top: 4.375rem !important;
}

body.rtl .pd-b-70-rtl,
body.rtl .pd-tb-70-rtl,
.pd-b-70,
.pd-tb-70 {
    padding-bottom: 4.375rem !important;
}

body.rtl .pd-70-rtl,
.pd-70 {
    padding: 4.375rem !important;
}

body.rtl .mr-t-70-rtl,
body.rtl .mr-tb-70-rtl,
.mr-t-70,
.mr-tb-70 {
    margin-top: 4.375rem !important;
}

body.rtl .mr-b-70-rtl,
body.rtl .mr-tb-70-rtl,
.mr-b-70,
.mr-tb-70 {
    margin-bottom: 4.375rem !important;
}

body.rtl .mr-70-rtl,
.mr-70 {
    margin: 4.375rem !important;
}

body.rtl .pd-t-80-rtl,
body.rtl .pd-tb-80-rtl,
.pd-t-80,
.pd-tb-80 {
    padding-top: 5rem !important;
}

body.rtl .pd-b-80-rtl,
body.rtl .pd-tb-80-rtl,
.pd-b-80,
.pd-tb-80 {
    padding-bottom: 5rem !important;
}

body.rtl .pd-80-rtl,
.pd-80 {
    padding: 5rem !important;
}

body.rtl .mr-t-80-rtl,
body.rtl .mr-tb-80-rtl,
.mr-t-80,
.mr-tb-80 {
    margin-top: 5rem !important;
}

body.rtl .mr-b-80-rtl,
body.rtl .mr-tb-80-rtl,
.mr-b-80,
.mr-tb-80 {
    margin-bottom: 5rem !important;
}

body.rtl .mr-80-rtl,
.mr-80 {
    margin: 5rem !important;
}

body.rtl .pd-t-90-rtl,
body.rtl .pd-tb-90-rtl,
.pd-t-90,
.pd-tb-90 {
    padding-top: 5.625rem !important;
}

body.rtl .pd-b-90-rtl,
body.rtl .pd-tb-90-rtl,
.pd-b-90,
.pd-tb-90 {
    padding-bottom: 5.625rem !important;
}

body.rtl .pd-90-rtl,
.pd-90 {
    padding: 5.625rem !important;
}

body.rtl .mr-t-90-rtl,
body.rtl .mr-tb-90-rtl,
.mr-t-90,
.mr-tb-90 {
    margin-top: 5.625rem !important;
}

body.rtl .mr-b-90-rtl,
body.rtl .mr-tb-90-rtl,
.mr-b-90,
.mr-tb-90 {
    margin-bottom: 5.625rem !important;
}

body.rtl .mr-90-rtl,
.mr-90 {
    margin: 5.625rem !important;
}

body.rtl .pd-t-100-rtl,
body.rtl .pd-tb-100-rtl,
.pd-t-100,
.pd-tb-100 {
    padding-top: 6.25rem !important;
}

body.rtl .pd-b-100-rtl,
body.rtl .pd-tb-100-rtl,
.pd-b-100,
.pd-tb-100 {
    padding-bottom: 6.25rem !important;
}

body.rtl .pd-100-rtl,
.pd-100 {
    padding: 6.25rem !important;
}

body.rtl .mr-t-100-rtl,
body.rtl .mr-tb-100-rtl,
.mr-t-100,
.mr-tb-100 {
    margin-top: 6.25rem !important;
}

body.rtl .mr-b-100-rtl,
body.rtl .mr-tb-100-rtl,
.mr-b-100,
.mr-tb-100 {
    margin-bottom: 6.25rem !important;
}

body.rtl .mr-100-rtl,
.mr-100 {
    margin: 6.25rem !important;
}

body.rtl .pd-t-150-rtl,
body.rtl .pd-tb-150-rtl,
.pd-t-150,
.pd-tb-150 {
    padding-top: 9.375rem !important;
}

body.rtl .pd-b-150-rtl,
body.rtl .pd-tb-150-rtl,
.pd-b-150,
.pd-tb-150 {
    padding-bottom: 9.375rem !important;
}

body.rtl .pd-150-rtl,
.pd-150 {
    padding: 9.375rem !important;
}

body.rtl .mr-t-150-rtl,
body.rtl .mr-tb-150-rtl,
.mr-t-150,
.mr-tb-150 {
    margin-top: 9.375rem !important;
}

body.rtl .mr-b-150-rtl,
body.rtl .mr-tb-150-rtl,
.mr-b-150,
.mr-tb-150 {
    margin-bottom: 9.375rem !important;
}

body.rtl .mr-150-rtl,
.mr-150 {
    margin: 9.375rem !important;
}

body.rtl .pd-t-200-rtl,
body.rtl .pd-tb-200-rtl,
.pd-t-200,
.pd-tb-200 {
    padding-top: 12.5rem !important;
}

body.rtl .pd-b-200-rtl,
body.rtl .pd-tb-200-rtl,
.pd-b-200,
.pd-tb-200 {
    padding-bottom: 12.5rem !important;
}

body.rtl .pd-200-rtl,
.pd-200 {
    padding: 12.5rem !important;
}

body.rtl .mr-t-200-rtl,
body.rtl .mr-tb-200-rtl,
.mr-t-200,
.mr-tb-200 {
    margin-top: 12.5rem !important;
}

body.rtl .mr-b-200-rtl,
body.rtl .mr-tb-200-rtl,
.mr-b-200,
.mr-tb-200 {
    margin-bottom: 12.5rem !important;
}

body.rtl .mr-200-rtl,
.mr-200 {
    margin: 12.5rem !important;
}

body.rtl .pd-l-0-rtl,
body.rtl .pd-lr-0-rtl,
.pd-l-0,
.pd-lr-0 {
    padding-left: 0rem !important;
}

body.rtl .pd-r-0-rtl,
body.rtl .pd-lr-0-rtl,
.pd-r-0,
.pd-lr-0 {
    padding-right: 0rem !important;
}

body.rtl .mr-l-0-rtl,
body.rtl .mr-lr-0-rtl,
.mr-l-0,
.mr-lr-0 {
    margin-left: 0rem !important;
}

body.rtl .mr-r-0-rtl,
body.rtl .mr-lr-0-rtl,
.mr-r-0,
.mr-lr-0 {
    margin-right: 0rem !important;
}

body.rtl .pd-l-5-rtl,
body.rtl .pd-lr-5-rtl,
.pd-l-5,
.pd-lr-5 {
    padding-left: 0.3125rem !important;
}

body.rtl .pd-r-5-rtl,
body.rtl .pd-lr-5-rtl,
.pd-r-5,
.pd-lr-5 {
    padding-right: 0.3125rem !important;
}

body.rtl .mr-l-5-rtl,
body.rtl .mr-lr-5-rtl,
.mr-l-5,
.mr-lr-5 {
    margin-left: 0.3125rem !important;
}

body.rtl .mr-r-5-rtl,
body.rtl .mr-lr-5-rtl,
.mr-r-5,
.mr-lr-5 {
    margin-right: 0.3125rem !important;
}

body.rtl .pd-l-10-rtl,
body.rtl .pd-lr-10-rtl,
.pd-l-10,
.pd-lr-10 {
    padding-left: 0.625rem !important;
}

body.rtl .pd-r-10-rtl,
body.rtl .pd-lr-10-rtl,
.pd-r-10,
.pd-lr-10 {
    padding-right: 0.625rem !important;
}

body.rtl .mr-l-10-rtl,
body.rtl .mr-lr-10-rtl,
.mr-l-10,
.mr-lr-10 {
    margin-left: 0.625rem !important;
}

body.rtl .mr-r-10-rtl,
body.rtl .mr-lr-10-rtl,
.mr-r-10,
.mr-lr-10 {
    margin-right: 0.625rem !important;
}

body.rtl .pd-l-15-rtl,
body.rtl .pd-lr-15-rtl,
.pd-l-15,
.pd-lr-15 {
    padding-left: 0.9375rem !important;
}

body.rtl .pd-r-15-rtl,
body.rtl .pd-lr-15-rtl,
.pd-r-15,
.pd-lr-15 {
    padding-right: 0.9375rem !important;
}

body.rtl .mr-l-15-rtl,
body.rtl .mr-lr-15-rtl,
.mr-l-15,
.mr-lr-15 {
    margin-left: 0.9375rem !important;
}

body.rtl .mr-r-15-rtl,
body.rtl .mr-lr-15-rtl,
.mr-r-15,
.mr-lr-15 {
    margin-right: 0.9375rem !important;
}

body.rtl .pd-l-20-rtl,
body.rtl .pd-lr-20-rtl,
.pd-l-20,
.pd-lr-20 {
    padding-left: 1.25rem !important;
}

body.rtl .pd-r-20-rtl,
body.rtl .pd-lr-20-rtl,
.pd-r-20,
.pd-lr-20 {
    padding-right: 1.25rem !important;
}

body.rtl .mr-l-20-rtl,
body.rtl .mr-lr-20-rtl,
.mr-l-20,
.mr-lr-20 {
    margin-left: 1.25rem !important;
}

body.rtl .mr-r-20-rtl,
body.rtl .mr-lr-20-rtl,
.mr-r-20,
.mr-lr-20 {
    margin-right: 1.25rem !important;
}

body.rtl .pd-l-30-rtl,
body.rtl .pd-lr-30-rtl,
.pd-l-30,
.pd-lr-30 {
    padding-left: 1.875rem !important;
}

body.rtl .pd-r-30-rtl,
body.rtl .pd-lr-30-rtl,
.pd-r-30,
.pd-lr-30 {
    padding-right: 1.875rem !important;
}

body.rtl .mr-l-30-rtl,
body.rtl .mr-lr-30-rtl,
.mr-l-30,
.mr-lr-30 {
    margin-left: 1.875rem !important;
}

body.rtl .mr-r-30-rtl,
body.rtl .mr-lr-30-rtl,
.mr-r-30,
.mr-lr-30 {
    margin-right: 1.875rem !important;
}

body.rtl .pd-l-40-rtl,
body.rtl .pd-lr-40-rtl,
.pd-l-40,
.pd-lr-40 {
    padding-left: 2.5rem !important;
}

body.rtl .pd-r-40-rtl,
body.rtl .pd-lr-40-rtl,
.pd-r-40,
.pd-lr-40 {
    padding-right: 2.5rem !important;
}

body.rtl .mr-l-40-rtl,
body.rtl .mr-lr-40-rtl,
.mr-l-40,
.mr-lr-40 {
    margin-left: 2.5rem !important;
}

body.rtl .mr-r-40-rtl,
body.rtl .mr-lr-40-rtl,
.mr-r-40,
.mr-lr-40 {
    margin-right: 2.5rem !important;
}

body.rtl .pd-l-50-rtl,
body.rtl .pd-lr-50-rtl,
.pd-l-50,
.pd-lr-50 {
    padding-left: 3.125rem !important;
}

body.rtl .pd-r-50-rtl,
body.rtl .pd-lr-50-rtl,
.pd-r-50,
.pd-lr-50 {
    padding-right: 3.125rem !important;
}

body.rtl .mr-l-50-rtl,
body.rtl .mr-lr-50-rtl,
.mr-l-50,
.mr-lr-50 {
    margin-left: 3.125rem !important;
}

body.rtl .mr-r-50-rtl,
body.rtl .mr-lr-50-rtl,
.mr-r-50,
.mr-lr-50 {
    margin-right: 3.125rem !important;
}

body.rtl .pd-l-60-rtl,
body.rtl .pd-lr-60-rtl,
.pd-l-60,
.pd-lr-60 {
    padding-left: 3.75rem !important;
}

body.rtl .pd-r-60-rtl,
body.rtl .pd-lr-60-rtl,
.pd-r-60,
.pd-lr-60 {
    padding-right: 3.75rem !important;
}

body.rtl .mr-l-60-rtl,
body.rtl .mr-lr-60-rtl,
.mr-l-60,
.mr-lr-60 {
    margin-left: 3.75rem !important;
}

body.rtl .mr-r-60-rtl,
body.rtl .mr-lr-60-rtl,
.mr-r-60,
.mr-lr-60 {
    margin-right: 3.75rem !important;
}

body.rtl .pd-l-70-rtl,
body.rtl .pd-lr-70-rtl,
.pd-l-70,
.pd-lr-70 {
    padding-left: 4.375rem !important;
}

body.rtl .pd-r-70-rtl,
body.rtl .pd-lr-70-rtl,
.pd-r-70,
.pd-lr-70 {
    padding-right: 4.375rem !important;
}

body.rtl .mr-l-70-rtl,
body.rtl .mr-lr-70-rtl,
.mr-l-70,
.mr-lr-70 {
    margin-left: 4.375rem !important;
}

body.rtl .mr-r-70-rtl,
body.rtl .mr-lr-70-rtl,
.mr-r-70,
.mr-lr-70 {
    margin-right: 4.375rem !important;
}

body.rtl .pd-l-80-rtl,
body.rtl .pd-lr-80-rtl,
.pd-l-80,
.pd-lr-80 {
    padding-left: 5rem !important;
}

body.rtl .pd-r-80-rtl,
body.rtl .pd-lr-80-rtl,
.pd-r-80,
.pd-lr-80 {
    padding-right: 5rem !important;
}

body.rtl .mr-l-80-rtl,
body.rtl .mr-lr-80-rtl,
.mr-l-80,
.mr-lr-80 {
    margin-left: 5rem !important;
}

body.rtl .mr-r-80-rtl,
body.rtl .mr-lr-80-rtl,
.mr-r-80,
.mr-lr-80 {
    margin-right: 5rem !important;
}

body.rtl .pd-l-90-rtl,
body.rtl .pd-lr-90-rtl,
.pd-l-90,
.pd-lr-90 {
    padding-left: 5.625rem !important;
}

body.rtl .pd-r-90-rtl,
body.rtl .pd-lr-90-rtl,
.pd-r-90,
.pd-lr-90 {
    padding-right: 5.625rem !important;
}

body.rtl .mr-l-90-rtl,
body.rtl .mr-lr-90-rtl,
.mr-l-90,
.mr-lr-90 {
    margin-left: 5.625rem !important;
}

body.rtl .mr-r-90-rtl,
body.rtl .mr-lr-90-rtl,
.mr-r-90,
.mr-lr-90 {
    margin-right: 5.625rem !important;
}

/* RTL Margin Helpers 
=========================*/

body.rtl .ml-0-rtl,
body.rtl .mx-0-rtl,
body.rtl .m-0-rtl {
    margin-left: 0 !important;
}

body.rtl .mr-0-rtl,
body.rtl .mx-0-rtl,
body.rtl .m-0-rtl {
    margin-right: 0 !important;
}

body.rtl .mt-0-rtl,
body.rtl .my-0-rtl,
body.rtl .m-0-rtl {
    margin-top: 0 !important;
}

body.rtl .mb-0-rtl,
body.rtl .my-0-rtl,
body.rtl .m-0-rtl {
    margin-bottom: 0 !important;
}

body.rtl .ml-1-rtl,
body.rtl .mx-1-rtl,
body.rtl .m-1-rtl {
    margin-left: 0.25rem !important;
}

body.rtl .mr-1-rtl,
body.rtl .mx-1-rtl,
body.rtl .m-1-rtl {
    margin-right: 0.25rem !important;
}

body.rtl .mt-1-rtl,
body.rtl .my-1-rtl,
body.rtl .m-1-rtl {
    margin-top: 0.25rem !important;
}

body.rtl .mb-1-rtl,
body.rtl .my-1-rtl,
body.rtl .m-1-rtl {
    margin-bottom: 0.25rem !important;
}

body.rtl .ml-2-rtl,
body.rtl .mx-2-rtl,
body.rtl .m-2-rtl {
    margin-left: 0.5rem !important;
}

body.rtl .mr-2-rtl,
body.rtl .mx-2-rtl,
body.rtl .m-2-rtl {
    margin-right: 0.5rem !important;
}

body.rtl .mt-2-rtl,
body.rtl .my-2-rtl,
body.rtl .m-2-rtl {
    margin-top: 0.5rem !important;
}

body.rtl .mb-2-rtl,
body.rtl .my-2-rtl,
body.rtl .m-2-rtl {
    margin-bottom: 0.5rem !important;
}

body.rtl .ml-3-rtl,
body.rtl .mx-3-rtl,
body.rtl .m-3-rtl {
    margin-left: 1rem !important;
}

body.rtl .mr-3-rtl,
body.rtl .mx-3-rtl,
body.rtl .m-3-rtl {
    margin-right: 1rem !important;
}

body.rtl .mt-3-rtl,
body.rtl .my-3-rtl,
body.rtl .m-3-rtl {
    margin-top: 1rem !important;
}

body.rtl .mb-3-rtl,
body.rtl .my-3-rtl,
body.rtl .m-3-rtl {
    margin-bottom: 1rem !important;
}

body.rtl .ml-4-rtl,
body.rtl .mx-4-rtl,
body.rtl .m-4-rtl {
    margin-left: 1.5rem !important;
}

body.rtl .mr-4-rtl,
body.rtl .mx-4-rtl,
body.rtl .m-4-rtl {
    margin-right: 1.5rem !important;
}

body.rtl .mt-4-rtl,
body.rtl .my-4-rtl,
body.rtl .m-4-rtl {
    margin-top: 1.5rem !important;
}

body.rtl .mb-4-rtl,
body.rtl .my-4-rtl,
body.rtl .m-4-rtl {
    margin-bottom: 1.5rem !important;
}

body.rtl .ml-5-rtl,
body.rtl .mx-5-rtl,
body.rtl .m-5-rtl {
    margin-left: 3rem !important;
}

body.rtl .mr-5-rtl,
body.rtl .mx-5-rtl,
body.rtl .m-5-rtl {
    margin-right: 3rem !important;
}

body.rtl .mt-5-rtl,
body.rtl .my-5-rtl,
body.rtl .m-5-rtl {
    margin-top: 3rem !important;
}

body.rtl .mb-5-rtl,
body.rtl .my-5-rtl,
body.rtl .m-5-rtl {
    margin-bottom: 3rem !important;
}

body.rtl .mr-auto-rtl,
body.rtl .mx-auto-rtl,
body.rtl .m-auto-rtl,
body.rtl .my-auto-rtl {
    margin-right: auto !important;
}

body.rtl .ml-auto-rtl,
body.rtl .mx-auto-rtl,
body.rtl .m-auto-rtl,
body.rtl .my-auto-rtl {
    margin-left: auto !important;
}

body.rtl .mt-auto-rtl {
    margin-top: auto !important;
}

body.rtl .mb-auto-rtl {
    margin-bottom: auto !important;
}

/* RTL Padding Helpers 
=========================*/

body.rtl .pl-0-rtl,
body.rtl .px-0-rtl,
body.rtl .p-0-rtl {
    padding-left: 0 !important;
}

body.rtl .pr-0-rtl,
body.rtl .px-0-rtl,
body.rtl .p-0-rtl {
    padding-right: 0 !important;
}

body.rtl .pt-0-rtl,
body.rtl .py-0-rtl,
body.rtl .p-0-rtl {
    padding-top: 0 !important;
}

body.rtl .pb-0-rtl,
body.rtl .py-0-rtl,
body.rtl .p-0-rtl {
    padding-bottom: 0 !important;
}

body.rtl .pl-1-rtl,
body.rtl .px-1-rtl,
body.rtl .p-1-rtl {
    padding-left: 0.25rem !important;
}

body.rtl .pr-1-rtl,
body.rtl .px-1-rtl,
body.rtl .p-1-rtl {
    padding-right: 0.25rem !important;
}

body.rtl .pt-1-rtl,
body.rtl .py-1-rtl,
body.rtl .p-1-rtl {
    padding-top: 0.25rem !important;
}

body.rtl .pb-1-rtl,
body.rtl .py-1-rtl,
body.rtl .p-1-rtl {
    padding-bottom: 0.25rem !important;
}

body.rtl .pl-2-rtl,
body.rtl .px-2-rtl,
body.rtl .p-2-rtl {
    padding-left: 0.5rem !important;
}

body.rtl .pr-2-rtl,
body.rtl .px-2-rtl,
body.rtl .p-2-rtl {
    padding-right: 0.5rem !important;
}

body.rtl .pt-2-rtl,
body.rtl .py-2-rtl,
body.rtl .p-2-rtl {
    padding-top: 0.5rem !important;
}

body.rtl .pb-2-rtl,
body.rtl .py-2-rtl,
body.rtl .p-2-rtl {
    padding-bottom: 0.5rem !important;
}

body.rtl .pl-3-rtl,
body.rtl .px-3-rtl,
body.rtl .p-3-rtl {
    padding-left: 1rem !important;
}

body.rtl .pr-3-rtl,
body.rtl .px-3-rtl,
body.rtl .p-3-rtl {
    padding-right: 1rem !important;
}

body.rtl .pt-3-rtl,
body.rtl .py-3-rtl,
body.rtl .p-3-rtl {
    padding-top: 1rem !important;
}

body.rtl .pb-3-rtl,
body.rtl .py-3-rtl,
body.rtl .p-3-rtl {
    padding-bottom: 1rem !important;
}

body.rtl .pl-4-rtl,
body.rtl .px-4-rtl,
body.rtl .p-4-rtl {
    padding-left: 1.5rem !important;
}

body.rtl .pr-4-rtl,
body.rtl .px-4-rtl,
body.rtl .p-4-rtl {
    padding-right: 1.5rem !important;
}

body.rtl .pt-4-rtl,
body.rtl .py-4-rtl,
body.rtl .p-4-rtl {
    padding-top: 1.5rem !important;
}

body.rtl .pb-4-rtl,
body.rtl .py-4-rtl,
body.rtl .p-4-rtl {
    padding-bottom: 1.5rem !important;
}

body.rtl .pl-5-rtl,
body.rtl .px-5-rtl,
body.rtl .p-5-rtl {
    padding-left: 3rem !important;
}

body.rtl .pr-5-rtl,
body.rtl .px-5-rtl,
body.rtl .p-5-rtl {
    padding-right: 3rem !important;
}

body.rtl .pt-5-rtl,
body.rtl .py-5-rtl,
body.rtl .p-5-rtl {
    padding-top: 3rem !important;
}

body.rtl .pb-5-rtl,
body.rtl .py-5-rtl,
body.rtl .p-5-rtl {
    padding-bottom: 3rem !important;
}

/* Float RTL Helpers 
=========================*/

body.rtl .float-right-rtl {
    float: right !important;
}

body.rtl .float-left-rtl {
    float: left !important;
}

body.rtl .float-none-rtl {
    float: none !important;
}

body.rtl .float-xs-right-rtl {
    float: right !important;
}

body.rtl .float-xs-left-rtl {
    float: left !important;
}

body.rtl .float-sm-right-rtl {
    float: right !important;
}

body.rtl .float-sm-left-rtl {
    float: left !important;
}

body.rtl .float-md-right-rtl {
    float: right !important;
}

body.rtl .float-md-left-rtl {
    float: left !important;
}

body.rtl .float-lg-right-rtl {
    float: right !important;
}

body.rtl .float-lg-left-rtl {
    float: left !important;
}

body.rtl .float-xl-right-rtl {
    float: right !important;
}

body.rtl .float-xl-left-rtl {
    float: left !important;
}

/* Width Helpers 
=========================*/

.w-10 {
    width: 10% !important;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-40 {
    width: 40% !important;
}

.w-50 {
    width: 50% !important;
}

.w-60 {
    width: 60% !important;
}

.w-70 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}

.w-90 {
    width: 90% !important;
}

.w-100 {
    width: 100% !important;
}

/********************************
*********************************
POPUP NOTICE
*********************************
*********************************/

.c-mask {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s ease-out;
}

.modal-processing-is-active {
    display: block;
    position: fixed;
    left: 50%;
    top: 30%;
    width: 480px !important;
    margin-left: -240px !important;
    background: rgba(255, 255, 255, 1) !important;
    padding: 30px !important;
    box-sizing: border-box;
    border-radius: 0px;
    z-index: 101;
    -webkit-box-shadow: 0px 0px 86px 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 86px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 86px 6px rgba(0, 0, 0, 0.25);
}

.dark .modal-processing-is-active {
    background: #1F1F25 !important;
    border: 1px solid #4ca83f;
}

.c-mask.is-active {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.c-mask.is-active-search {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

#pre-loader-modal {
    display: none;
    opacity: 1;
}

.bold-blue {
    color: #4ca83f;
    font-family: 'Jost';
}

.bold-orange {
    color: #fa0;
    font-family: 'Jost';
}

.bold-red {
    color: #ca0000;
    font-family: 'Jost';
    text-transform: uppercase;
    font-weight: 600;
}

#textProcessing {
    font-style: oblique;
}


#modal-processing {
    background: rgba(255, 255, 255, 0);
    width: 0;
    padding: 0;
    margin: 0;
    transition: background 0.5s ease-out;
}

#icon-wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -300px;
    width: 600px;
    z-index: 3;
    text-align: center;
}

#notice-sms,
#notice-sms-ajax-valid,
#notice-sms-ajax-error {
    color: #fff;
    font-size: 240%;
    font-family: "Jost";
}

#loader-modal-processing,
#loader-modal-processing-issue,
#loader-modal-processing-rating,
#loader-modal-processing-revisions,
#loader-modal-processing-delivery1,
#loader-modal-processing-delivery2,
#loader-modal-processing-delivery3,
#loader-modal-processing-modal,
#loader-modal-processing-modal-preloader,
#action-completed-processing,
#action-completed-processing-modal,
#action-completed-processing-modal-revisions,
#action-completed-processing-modal-rating,
#action-completed-processing-modal-delivery,
#action-completed-processing-modal-delivery1,
#action-completed-processing-modal-delivery2,
#action-completed-processing-modal-delivery3,
#action-error-processing,
#action-error-processing-modal,
#action-error-processing-modal-rating,
#action-error-processing-modal-revisions,
#action-error-processing-modal-delivery,
#action-error-processing-modal-delivery1,
#action-error-processing-modal-delivery2,
#action-error-processing-modal-delivery3,
#confirm-action-icon {
    position: absolute;
    margin-top: 10px;
}

#btn-confirm-container {
    text-align: center;
}

#action-completed-processing,
#action-completed-processing-modal,
#action-completed-processing-modal-rating,
#action-completed-processing-modal-delivery,
#action-completed-processing-modal-delivery1,
#action-completed-processing-modal-delivery2,
#action-completed-processing-modal-delivery3,
#action-completed-processing-modal-revisions,
#action-error-processing,
#action-error-processing-modal,
#action-error-processing-modal-rating,
#action-error-processing-modal-delivery,
#action-error-processing-modal-delivery1,
#action-error-processing-modal-delivery2,
#action-error-processing-modal-delivery3,
#action-error-processing-modal-revisions,
#loader-modal-processing-modal {
    display: none;
}

#select-microjob button.btn.dropdown-toggle.btn-default span {
    text-align: left !important;
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #4ca83f;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

#confirm-action-icon {
    width: 36px;
    height: 36px;
    background-image: url(../img/svg/question-mark-confirm-action-icon.svg);
}

.checkmark__circle__error {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #ca0000;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    stroke-width: 3;
    stroke: #fff;
    stroke-miterlimit: 10;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__error {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    stroke-width: 3;
    stroke: #fff;
    stroke-miterlimit: 10;
    animation: fillerror .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #4ca83f;
    }
}

@keyframes fillerror {
    100% {
        box-shadow: inset 0px 0px 0px 30px #ca0000;
    }
}

#action-completed,
#action-completed-pics,
#action-completed-videos {
    float: left;
    display: none;
}

#loader-modal-processing-txt,
#loader-modal-processing-txt-modal,
#loader-modal-processing-txt-modal-rating,
#loader-modal-processing-txt-modal-revisions,
#loader-modal-processing-txt-modal-delivery1,
#loader-modal-processing-txt-modal-delivery2,
#loader-modal-processing-txt-modal-delivery3,
#loader-modal-processing-txt-modal-preloader,
#before-processing {
    margin-left: 55px;
    font-size: 110%;
}

#notice-wrapper,
#notice-wrapper-ajax-valid,
#notice-wrapper-ajax-error,
#notice-wrapper-ajax-processing {
    height: 100vh;
    width: 100%;
    position: absolute;
    opacity: 1;
    z-index: 999999;
    display: none;
}

#notice-wrapper,
#notice-wrapper-ajax-valid,
#notice-wrapper-ajax-error,
#notice-wrapper-ajax-processing {
    height: 100vh;
    width: 100%;
    position: absolute;
    opacity: 1;
    z-index: 999999;
    display: none;
}



/********************************
*********************************
JOIN US PAGE
*********************************
*********************************/

#form-contact-wrapper button.btn.dropdown-toggle.btn-default {
    border-bottom: 2px solid #e3ebf7;
    border-radius: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
    height: 44px;
    color: #151b23;
    padding-left: 0;
}

.section_contact_join_us_wrapper #form-contact-wrapper button.btn.dropdown-toggle.btn-default {
    color: #fff;
}

#form-contact-wrapper .bootstrap-select.btn-group .dropdown-toggle .bs-caret .caret {
    filter: brightness(0) invert(1);
}

.grecaptcha-badge {
    z-index: 9999;
}

button#cta_join_us {
    width: 200px;
    margin: auto;
}

.cta-wrapper {
    height: 90px;
    text-align: center;
}

.cta-wrapper {
    height: 90px;
    text-align: center;
    background: linear-gradient(0deg, #f5f6fa 0%, #f1f2f8 100%);
}

.cta-wrapper-invite-buyers {
    height: 90px;
    text-align: center;
}

.h2-title-invite-buyers {
    font-size: 170%;
    font-weight: initial;
}

.h2-title-category-name {
    font-size: 300%;
    font-family: 'Jost';
    line-height: 1;
    padding-bottom: 50px;
}

.slider-image1,
.slider-image2 {
    width: 620px;
    margin: auto;
}

.banner_jobs_categories_wrapper button {
    display: none;
}

.col-lg-4.security-center-col .services__wrapper {
    margin-top: 70px;
}

.security-center-col .txt-details {
    margin-top: -47px;
}

.security-current h4.text-uppercase,
.security-current p.text-gray {
    color: #151b23d1;
}

.security-center-col .icon-details {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.inline-wrap-security-left .icon-details {
    position: absolute;
    left: 20px;
    top: 18px;
}


.inline-wrap-security-right .icon-details {
    position: absolute;
    right: 20px;
    top: 18px;
}

.inline-wrap-security-left .txt-details {
    padding-left: 115px;
}

.inline-wrap-security-right .txt-details {
    padding-right: 115px;
}

.txt-details h4 {
    font-family: artiistaLight;
    color: #fff;
    font-size: 130%;
}

.join-us-page .pd-0.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
    bottom: 50px;
    position: absolute;
    left: 0;
}

.transparent-dashboard {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#next_delivery_text {
    font-size: 90%;
    margin-top: 10px;
    color: #bfbed0;
}

#next_delivery_time {
    font-family: 'Jost';
    font-size: 130%;
    margin-top: 2px;
    line-height: 1;
}

canvas#deadline {
    max-width: 100px;
    max-height: 100px;
    min-width: 100px;
    min-height: 100px;
    margin: auto;
}

.time-legend {
    font-size: 40%;
    color: #898da6;
}

.txt-panel-dashboard {
    font-family: 'Jost';
    padding-left: 25px;
}

.task-explaination {
    background-color: #f8f8ff;
    margin-left: 30px;
    padding: 5px 15px;
    border-radius: 12px;
    font-size: 90%;
    margin-top: 10px;
}

.dark .task-explaination {
    background-color: #34343e;
}

.task-items.task-completed span.label-text-item {
    text-decoration: line-through;
    font-family: Jost;
    color: #c1c0d4a8;
    padding-left: 30px;
}

.task-items span.label-text-item {
    font-family: Jost;
    padding-left: 30px;
}

.task-items {
    border-bottom: 1px solid #f7f7fd;
    padding: 5px 0;
    cursor: pointer;
}

.dark .task-items {
    border-bottom: 1px solid #34333e7a;
}

.go_to_task {
    position: absolute;
    right: 0;
    padding-top: 35px;
    margin-top: 0px;
}

span.quote-author {
    font-style: italic;
    font-size: 80%;
}

.task-completed .go_to_task {
    position: absolute;
    right: 0;
    padding-top: 0px;
    margin-top: -4px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
    filter: sepia(100%) hue-rotate(190deg) saturate(100%);
}

.task-item-label-icon {
    position: absolute;
    top: 11px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: sepia(100%) hue-rotate(190deg) saturate(100%);
    opacity: 0.2;
}


.task-item-label-icon.done {
    position: absolute;
    top: 11px;
    filter: none;
    opacity: 1;
}


.task-items span.label-text {
    text-decoration: initial;
    font-family: Jost;
}

.tasks-separator {
    position: absolute;
    top: 9px;
    opacity: 0.3;
}

.task-item-label {
    margin-left: 30px;
    margin-right: 60px;
}

.panel-selector-dashboard {
    cursor: pointer;
    display: inline-block;
    padding: 4px 15px;
    border-radius: 7px;
    transition: all 0.2s ease-in-out;
}

#deadline-wrapper {
    min-height: 190px;
}

.panel-selector-dashboard:hover,
.panel-selector-dashboard.selected {
    background-color: #f8f8ff;
    color: #4ca83f;
}

.dark .panel-selector-dashboard:hover, 
.dark .panel-selector-dashboard.selected {
    background-color: #ffffff05;
}

.icon-panel-dashboard {
    position: absolute;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: sepia(100%) hue-rotate(190deg) saturate(100%);
    padding-top: 2px;
}

.panel-selector-dashboard:hover .icon-panel-dashboard,
.panel-selector-dashboard.selected .icon-panel-dashboard {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
}

.my-dashboard .dash-stats {
    background-color: #fff;
    border-radius: 12px;
    min-height: 200px;
}


#deadline-wrapper-inside {
    position: absolute;
    width: 100%;
    margin-top: 20px;
}

.my-dashboard .dash-stats-col {
    margin-bottom: 0px;
    position: absolute;
    bottom: 10px;
}

.icon-stats-dashboard {
    padding-top: 15px;
}

.my-dashboard .dash-stats {
    cursor: pointer;
}

#invit-users-page #dashboard {
    display: block;
}

.slider-image2 {
    padding-bottom: 60px;
}

.slider-image2 img{
    width: 85%;
    height: 85%;
    margin: auto;
}

.slide1_join .slider-txt.text-center,
.slide2_join .slider-txt.text-center {
    margin-top: -66px;
}

.levels-horizontal:hover > .before {
    opacity: 1;
}

.levels-horizontal:hover {
    border-radius: 10px;
    margin: 0 8px;
    box-shadow: 0 6px 25px rgba(0, 0, 0, .32);
    z-index: 1;
}

#levels_signup {
    max-width: 900px;
    margin: auto;
}

#menu_signup {
    z-index: 2;
    position: absolute;
    bottom: 20px;
}

#menu_signup .list-inline-item:not(:last-child) {
    margin-right: 20px;
    white-space: nowrap;
}

.flip__back {
    font-size: 95%;
    opacity: 0.9;
}

.levels-horizontal {
    margin: 0 15px;
    position: relative;
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: hidden;
}

.base-box-shadow,
.box-shadow-base {
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
}

article {
    display: block;
}

.levels-horizontal > .before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.base-bg-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(40, 37, 57, 0.94)), to(rgba(59, 54, 87, 0.94)));
    background-image: linear-gradient(to top, rgba(40, 37, 57, 0.94) 0%, rgba(59, 54, 87, 0.94) 100%);
}

.levels-horizontal__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 160px;
    background-color: transparent;
    position: relative;
    z-index: 2;
}


.levels-horizontal__viewed {
    -webkit-align-self: stretch;
    align-self: stretch;
    width: 48px;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
}

.levels-horizontal__viewed > * {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #6a719091;
    margin: auto;
    font-size: 100%;
}

.levels-horizontal__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.levels-horizontal__img-icon {
    position: relative;
    margin-right: 50px;
    width: 188px;
    text-align: center;
}

.levels-horizontal__price {
    position: relative;
    padding-left: 18px;
    padding-right: 75px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #282b35;
}

.img-icon {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.levels-horizontal__price .sign {
    font-size: 0.75rem;
    position: absolute;
    top: 2px;
    left: 0;
}

span.options-include .bold {
    display: inline-block;
    margin-right: 3px;
    font-size: 120%;
}

.levels-horizontal__list-options {
    -webkit-column-gap: 88px;
    column-gap: 88px;
    -webkit-column-count: 2;
    column-count: 2;
    max-width: 520px;
}

.levels-horizontal__container .btn {
    margin-right: 40px;
}

.section_contact_join_us_wrapper #form-contact-wrapper .checkbox-color-scheme a {
    color: #fff;
    font-family: Jost;
}

.contact-page .checkbox.checkbox-color-scheme a {
    color: #4ca83f;
}

.container.contact-page {
    padding-top: 150px;
}

.container.faqs-page {
    padding-top: 100px;
}

#contact-form textarea#message {
    padding-left: 0 !important;
}

.no-gutters #error-message {
    padding-bottom: 0;
}

#form-contact-wrapper .btn-white:hover {
    color: #151b23;
}

.levels-horizontal__list-options .options-active,
.levels-horizontal__list-options .options-active i {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.levels-horizontal__list-options span {
    display: block;
    text-align: left;
}

.levels-horizontal__list-options .options-deactive,
.levels-horizontal__list-options .options-deactive i {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #7d7d7d;
}

.levels-horizontal__list-options span {
    display: block;
    text-align: left;
}

.levels-horizontal:hover .levels-horizontal__viewed {
    background-color: #363152;
}

.levels-horizontal__viewed h3 {
    white-space: nowrap;
}

#levels_signup .level-picture {
    min-width: 88px;
}

.levels-horizontal:hover .options-include {
    color: #fff;
}


.flip-box {
    position: relative;
    width: 100%;
    max-width: 400px;
    display: inline-block;
    margin-bottom: 8px;
    -webkit-perspective: 600px;
    perspective: 600px;
}

.flip {
    -webkit-transition: \transform 0.6s;
    transition: \transform 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    width: 100%;
}

.flip-box__strict {
    height: 176px;
}

.flip__front {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    padding-top: 28px;
    position: relative;
}

.flip-box__strict-item h4 {
    margin-top: 9px;
}


.flip__back,
.flip__front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flip__back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    position: absolute;
}

.flip__back {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    background-color: #f5f6fa;
}

.flip-box__strict-number {
    font-size: 110px;
    line-height: 106px;
    margin-left: 0px;
    text-align: center;
}

.brk-base-font-color {
    color: #4ca83f;
}

.flip-box__strict-item {
    padding-top: 17px;
    padding-bottom: 10px;
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    background-color: #F1F2F9;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}


.flip-box__strict-title {
    position: absolute;
    background-color: #F1F2F9;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 44px;
    padding-top: 7px;
    text-align: center;
    font-family: artiistaLight;
    text-transform: uppercase;
    font-size: 160%;
    line-height: 1.4;
    margin-top: 36px;
    letter-spacing: 10px;
}

.number01 {
    margin-left: 16px;
}

.number02 {
    margin-left: 6px;
}

.flip_title_front {
    margin-right: -10px !important;
}

.flip-box:hover .flip_horizontal {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    z-index: 9;
}

.join_artiista_wrapper .btn {
    margin-top: 40px;
    width: 120%;
}


.section_plans .container {
    z-index: 2;
    position: relative;
    color: #fff !important;
}

.agree_marketing_wrapper {
    margin-left: 3px;
}

.section_contact_join_us_wrapper #contact-form .form-control {
    color: #fff;
}

.form-group.no-gutters.input-has-value input.redborder {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ca0000), to(#ca0000)), -webkit-gradient(linear, left top, left bottom, from(#ca0000), to(#ca0000));
    background-image: linear-gradient(#ca0000, #ca0000), linear-gradient(#ca0000, #ca0000);
}


#contact_join_us #valid-message {
    color: #fff;
}

.section_plans {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 80px 0;
}

.btn-outline-secondary.btn-white {
    color: #fff;
    background-color: transparent;
}

#submit_contact_form.btn-outline-secondary.btn-white {
    border: 1px solid #fff;
}

section.section_plans h2 {
    color: #fff;
    font-family: artiistaLight;
}

.fa-trophy:before {
    content: "\f091";
}

.services__wrapper-element .services__wrapper.security-current .divide:after,
.services__wrapper-element .services__wrapper:hover .divide:after,
.services__wrapper-pedestal .services__wrapper.security-current:after,
.services__wrapper-pedestal .services__wrapper:hover:after {
    opacity: 1;
}

.services__wrapper-pedestal .services__wrapper:hover .btn {
    display: inline-block;
    opacity: 1;
}

.services__wrapper-pedestal .services__wrapper:not(:hover) .btn {
    opacity: 0;
}

.security-current .btn {
    opacity: 1;
}

.section_plans {
    min-height: 630px;
}


.abs-bg-overlay,
.abs-img,
.abs-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.security-left-col .btn,
.security-right-col .btn {
    opacity: 0;
}

.security-current .btn {
    opacity: 1 !important;
}

.brk-base-bg-gradient-brown {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(40, 37, 57, 0.94)), to(rgba(59, 54, 87, 0.94)));
    background-image: linear-gradient(to top, rgba(40, 37, 57, 0.94) 0%, rgba(59, 54, 87, 0.94) 100%);
}

.services__wrapper-pedestal .services__wrapper {
    position: relative;
    z-index: 1;
    padding: 20px;
    max-width: 600px;
    margin: 0 auto;
    border-radius: 30px;
}

.services__wrapper-pedestal .services__wrapper.center {
    padding: 0 30px 30px;
}

.services__wrapper-pedestal .services__wrapper:after {
    top: -20px;
    left: -10px;
    right: -10px;
    bottom: -20px;
}

.services__wrapper-pedestal .services__wrapper {
    position: relative;
    z-index: 1;
    padding: 20px;
    max-width: 600px;
    margin: 0 auto;
}

.services__wrapper-pedestal .services__wrapper.center .icon__btn {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
}

.services__wrapper-pedestal .services__wrapper:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: -1;
    opacity: 0;
}


section#video_signup_wrapper,
section#video_signup_wrapper_mobile {
    background-color: #212125;
    text-align: center;
}

section#video_signup_wrapper_mobile {
    display: none;
}

.section_contact_join_us_wrapper h5 {
    color: #fff;
}

#contact_join_us label {
    color: #fff;
}

.svg-pattern-container-15-top {
    height: 240px;
}

.section_contact_join_us_wrapper {
    position: relative;
}

#contact_join_us {
    padding-top: 240px;
    margin-top: -13px;
    padding-bottom: 30px;
    z-index: 2 !important;
    color: #fff;
}

.svg-pattern-container_top {
    top: -2px;
}

.svg-pattern-container {
    position: absolute;
    width: 101%;
    overflow: hidden;
    z-index: 3;
    left: 0;
}


.counter__wrapper-airport .counter {
    display: inline-block;
    font-family: Jost;
    font-size: 30px;
    line-height: 1;
    color: #fff;
    position: relative;
    z-index: 1;
    word-wrap: normal;
    white-space: nowrap;
}

.counter__wrapper-airport.blue .counter {
    background: linear-gradient(80deg, #4ca83f, #7b00e8);
    box-shadow: 0 6px 30px 0 rgba(34, 103, 226, 0.6);
}

.counter__wrapper-airport.orange .counter {
    background: linear-gradient(80deg, #fa0, #ca8804);
    box-shadow: 0 6px 30px 0 rgba(255, 170, 0, 0.6);
}

.counter__wrapper-airport .counter:before {
    content: '';
    position: absolute;
    bottom: -webkit-calc(50% - 4px);
    bottom: calc(50% - 4px);
    left: 0;
    right: 0;
    height: 50%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.3)), to(transparent));
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), transparent);
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.counter__wrapper-airport .counter span {
    display: inline-block;
    width: 40px;
    text-align: center;
    padding: 10px 0;
    border-left: 2px solid #fff;
}

.counter__wrapper-airport .counter span:first-child {
    border-left: none;
}

.title_sales {
    color: #89899e63;
    font-size: 140%;
    font-family: Jost;
    width: 90%;
    margin: 30px 5% 0 5%;
}

#options_3_cols .icon__wrapper svg {
    width: 90px;
    height: 90px;
}

#options_3_cols h4 {
    font-family: artiistaLight;
    line-height: 1.4;
    font-size: 130%;
    margin-top: 15px;
}

section#options_freelancers {
    background-color: #fff;
    margin: 50px 0;
    padding: 40px 0;
}

section#index_counters {
    padding: 30px 0;
}

.base-bg-gradient-90deg {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(116, 0, 186, 0.9)), to(rgba(15, 90, 224, 0.9)));
    background-image: linear-gradient(90deg, rgba(116, 0, 186, 0.9)), to(rgba(15, 90, 224, 0.9));
}

.abs-bg-overlay,
.abs-img,
.abs-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.advantages-desc {
    max-width: 260px;
    margin: auto;
}

.advantages-cols {
    padding-bottom: 50px;
}

#section_3_cols-col-1 {
    height: 100%;
}

#section_3_cols-col-3 {
    height: 100%;
}

.btn.btn-primary.like-btn,
.btn.btn-outline-secondary.like-btn {
    height: 43px;
    width: 43px;
    padding: 0 11px;
}

.private-profile {
    margin-top: 110px;
    margin-bottom: 200px;
}




/********************************
*********************************
BUTTONS
*********************************
*********************************/

.cancel-edit,
#stop-reorder-extras,
#reorder-extras {
    position: absolute;
    right: 65px;
    top: 14px;
    height: 25px;
    color: #c1c0d4a8;
    border-color: #c1c0d4a8;
    opacity: 0;
    line-height: 7px;
}

#stop-reorder-videos,
#reorder-videos {
    position: relative;
    margin-bottom: 15px;
    float: right;
    right: 0px;
    top: 14px;
    height: 25px;
    color: #c1c0d4a8;
    border-color: #c1c0d4a8;
    opacity: 0;
    line-height: 7px;
}


#reorder-images,
#stop-reorder-images,
#reorder-mp3s,
#stop-reorder-mp3s {
    position: relative;
    margin-bottom: 0px;
    float: right;
    right: 0px;
    top: 14px;
    height: 25px;
    color: #c1c0d4a8;
    border-color: #c1c0d4a8;
    opacity: 0;
    line-height: 7px;
}

.limit_section-show {
    display: none;
    width: 100%;
    padding-bottom: 10px;
}

.limit_section-fixed {
    width: 100%;
    padding-bottom: 10px;
}

.extra_option_limit {
    display: none;
}

span.info-bubble-title.timeline {
    font-family: Jost;
    color: #151b23;
}

#requirements-sent--js,
#sellerStartOrder-sent--js {
    display: none;
}

.supplement_added_user {
    border-top: 4px solid #f7f7fd;
    padding: 15px 0;
    font-family: Jost;
    margin-top: 15px;
}

.dark .supplement_added_user,
.dark .options-icluded-details-wrapper {
    border-top: 4px solid #53525f;
}

.dark .extras_added_timeline {
    background-color: #53525f;
}

.dark .options-icluded-details.timeline {
    border-bottom: 1px solid #53525f;
}

.dark span.info-bubble-title.timeline {
    color: #ebefffbf;
}


.delivery_expected_buyer {
    border-top: 4px solid #f7f7fd;
    padding-top: 40px;
}

.dark .delivery_expected_buyer {
    border-top: 4px solid #53525f;
}

.supplement_added_user_value {
    float: right;
    font-size: 150%;
    color: #4ca83f;
    margin-top: -7px;
}

span.info-bubble-title.timeline.delivery24 {
    color: #fa0;
}

.timeline-single.red.order_cancelled:after {
    display: none;
}

#download-license,
#feedback-left {
    border-color: #4ca83f;
}

.info-bubble-description.timeline {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 90%;
}

.extras_added_timeline {
    display: inline-block;
    float: right;
    background-color: #f7f7fd;
    padding: 3px 10px;
    border-radius: 20px;
    line-height: 1.1;
    font-family: Jost;
    font-size: 90%;
    margin-top: 20px;
}

.progress-bar-orders {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 5px;
    border-radius: 12px;
}

.bg-progress-blue {
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    -webkit-box-shadow: none;
}

.bg-progress-red {
    background: #ca0000;
}

.bg-progress-orange {
    background: #fa0;
}

.dropdown-inline-icon.mobile-only {
    display: none;
}

.mobile-only .progress-order-right {
    width: 120px;
    margin-top: 20px;
    margin-right: 0px;
    height: 5px;
    position: relative;
}

.mobile-only .download-invoice {
    margin-top: 7px;
}


.progress-order-right {
    width: 120px;
    margin-top: -20px;
    margin-right: 30px;
    height: 50px;
    position: relative;
}

.timeline-page .progress-order-right {
    width: 120px;
    margin-top: -20px;
    height: 50px;
    position: absolute;
    right: 30px;
}

.progress-percent {
    position: absolute;
    bottom: 51px;
    font-family: 'Jost';
    font-size: 80%;
    color: #c7cbd8;
}

.progress {
    background-color: #d1d5e49c;
    border-radius: 12px;
}

.dark .progress {
    background-color: #d1d5e414;
}

span.extras_multi_added {
    font-family: Jost;
    color: #c1c0d4a8;
    font-size: 95%;
    padding-left: 5px;
}

span.extras_multi_added.multi {
    color: #4ca83f;
}


.options-icluded-details.timeline {
    padding-bottom: 10px;
    border-bottom: 1px solid #f7f7fd;
}

.options-icluded-details-wrapper {
    border-top: 4px solid #f7f7fd;
    padding-top: 15px;
}

.options-icluded-details.timeline:last-child {
    margin-bottom: 0;
    padding: 0;
    border-bottom: 0;
}

.extra_option_limit_job .job-option-limit {
    padding-top: 9px;
}

.user-section-wrapper.widget-bg {
    padding: 30px;
}

.user-section-send-sms {
    display: none;
}

.user-section-info-wrapper.row .col-md-5:first-child {
    padding-left: 0;
}

.user-section-info-wrapper.row .col-md-7:last-child {
    padding-right: 0;
}

.form-padding-top {
    padding-top: 30px;
}

.limit_section-show .col-md-3,
.limit_section-show .col-md-9 {
    float: left;
}

.enable-limit-title {
    font-family: Jost;
}

#voice-recording-language {
    font-size: 90%;
    font-family: 'Jost';
    background-color: #f1f2f8;
    border-radius: 12px;
    padding: 10px 20px;
}

.dark #voice-recording-language {
    background-color: #34343e;
}

#extra-section-edit-wrapper label.checkbox-list__item {
    border-bottom: 0;
    padding-top: 0px;
}

.limit-section .enable_limit_extras {
    padding-bottom: 10px;
}

li#delete-option-action.no-delete {
    opacity: 0.3;
    font-style: italic;
}

.extra_action-media-wrapper.dropdown-select-actions,
.selector.dropdown-select-actions {
    top: 14px;
}

.extra_action-requests-wrapper.dropdown-select-actions {
    top: 28px;
    right: 70px;
}

.questions-actions-wrapper.dropdown-select-actions {
    bottom: 18px;
    top: auto;
    right: 10px;
}

.questions-actions-wrapper .btn-legend,
.extra_action-requests-wrapper .btn-legend {
    padding-left: 10px;
}

.requests-data-numb-inside .currency-symb.right {
    margin-left: -4px;
}

.audio-block-wrapper .extra_action-media-wrapper.dropdown-select-actions {
    top: 14px;
    margin-top: 7px;
    right: 17px;
    z-index: 5;
}

.my_jobs_container .microjob-status {
    position: absolute;
    color: #fff;
    font-size: 80%;
    padding: 3px 10px;
    line-height: 1;
    border-radius: 12px;
    font-family: 'Jost';
    white-space: nowrap;
}

.delivery24-lengend {
    position: absolute;
    bottom: 0px;
    right: 30px;
    color: #fa0;
    font-family: 'Jost';
    font-size: 110%;
}

.my_jobs_container .microjob-status.orange {
    background-color: #fa0;
}

.my_jobs_container .microjob-status.red {
    background-color: #ca0000;
}

.my_jobs_container .microjob-status.blue {
    background-color: #4ca83f;
}

.my_jobs_container .microjob-status.grey {
    background-color: #c7c9d6;
}

.dark .my_jobs_container .microjob-status.grey {
    background-color: #2a2a31;
}

#job-option-preview {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #c1c0d4a8;
    color: #fff;
    padding: 2px 5px;
    line-height: 1;
}

#add-new-extra-form .form-group.col-md-6.row {
    padding: 0;
}

.form-group.col-md-6.row.last-col .col-md-6 {
    padding-right: 0;
}


.btn.border-thick {
    border-width: 2px;
}

.btn.border-thicker {
    border-width: 3px;
}

.btn.text-uppercase {
    letter-spacing: 0.1em;
}

.btn .list-icon {
    font-size: 1.125rem;
    vertical-align: middle;
    position: relative;
    top: -0.0625rem;
}

.btn .social-icons {
    font-size: 1.5625rem;
}

.btn.btn-lg .list-icon,
.btn-group-lg > .btn .list-icon {
    font-size: 1.5rem;
}

.btn.btn-lg .social-icons,
.btn-group-lg > .btn .social-icons {
    font-size: 2.5rem;
}

.btn .caret {
    margin-left: 0.3125rem;
}

.btn.disabled,
.btn:disabled {
    cursor: not-allowed;
}

.btn[class*="bg"][class*="contrast"]:hover {
    color: #fff;
}

.btn-lg,
.btn-group-lg > .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.3125rem 1.5rem;
    font-size: 100%;
    line-height: 3;
    border-radius: 0px;
    text-transform: uppercase;
}

.btn-lg:not(.btn-circle),
.btn-group-lg > .btn:not(.btn-circle) {
    min-width: 8.75rem;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 0.1875rem 0.5rem;
    font-size: 0.75rem;
    line-height: 2;
    border-radius: 20px;
}

.btn-xs {
    padding: 0 10px;
    font-size: 0.75rem;
    line-height: 2;
    border-radius: 40px;
}

.btn-rounded {
    border-radius: 6.25rem;
}

.btn-circle {
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 !important;
    border: 2px solid;
}

.btn-circle.btn-lg,
.btn-group-lg > .btn-circle.btn {
    height: 4.375rem;
    width: 4.375rem;
}

.btn-circle.btn-sm,
.btn-group-sm > .btn-circle.btn {
    height: 1.875rem;
    width: 1.875rem;
}

.btn-block {
    display: block;
    width: 100%;
}

/* Button Colors
========================*/

.btn-default {
    color: #151b23;
    background-color: #fdfdff;
    border-color: #cdd0e161;
}

.btn-default:focus,
.btn-default:hover,
.btn-default:active,
.btn-default:active:focus,
.btn-default:active:hover,
.show > .btn-default.dropdown-toggle,
.show > .btn-default.dropdown-toggle:hover,
.show > .btn-default.dropdown-toggle:focus {
    color: #151b23;
    background-color: #fff;
    border-bottom: 2px solid #151b23
}

.dark .form-control:focus,
.dark .form-control:active,
.dark .form-control:hover,
.dark .btn-default:focus,
.dark .btn-default:hover,
.dark .btn-default:active,
.dark .btn-default:active:focus,
.dark .btn-default:active:hover,
.dark .show > .btn-default.dropdown-toggle,
.dark .show > .btn-default.dropdown-toggle:hover,
.dark .show > .btn-default.dropdown-toggle:focus {
    color: #c1c1cc;
    background-color: #484854;
    border-color: #484854;
    transition: background-color 0.2s ease-in-out;
}

.dark .form-control.job-title {
    border-left: 3px solid #282831 !important;
}


.btn-default:focus,
.btn-default:active,
.btn-default:active:focus,
.show > .btn-default.dropdown-toggle:focus {
    outline: 0 0 0 2px rgba(228, 231, 234, 0.3);
}

.btn-outline-default {
    color: #151b23;
    background: transparent;
    border-color: #e4e7ea;
}

.dark .btn-outline-default {
    color: #e4e7ea;
}

.btn-outline-default:focus,
.btn-outline-default:hover,
.btn-outline-default:active,
.btn-outline-default:active:focus,
.btn-outline-default:active:hover,
.show > .btn-outline-default.dropdown-toggle,
.show > .btn-outline-default.dropdown-toggle:hover,
.show > .btn-outline-default.dropdown-toggle:focus {
    color: #151b23;
    background-color: #e4e7ea;
}

.btn:focus {
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover {
    background: #4ca83f;
    border-color: #4ca83f;
}

.btn-color-scheme {
    color: #fff;
    background-color: #4ca83f;
    border-color: #4ca83f;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-color-scheme:hover {
    color: #fff;
    background-color: #4c4da0;
    border-color: #484997;
}

.btn-color-scheme:focus,
.btn-color-scheme.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(95, 96, 179, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(95, 96, 179, 0.5);
}

.btn-color-scheme.disabled,
.btn-color-scheme:disabled {
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.btn-color-scheme:active,
.btn-color-scheme.active,
.show > .btn-color-scheme.dropdown-toggle {
    background-color: #4c4da0;
    background-image: none;
    border-color: #484997;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-color-scheme-dark {
    color: #fff;
    background-color: #4ca83f;
    border-color: #4ca83f;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-color-scheme-dark:hover {
    color: #fff;
    background-color: #4c4da0;
    border-color: #484997;
}

.btn-color-scheme-dark:focus,
.btn-color-scheme-dark.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(95, 96, 179, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(95, 96, 179, 0.5);
}

.btn-color-scheme-dark.disabled,
.btn-color-scheme-dark:disabled {
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.btn-color-scheme-dark:active,
.btn-color-scheme-dark.active,
.show > .btn-color-scheme-dark.dropdown-toggle {
    background-color: #4c4da0;
    background-image: none;
    border-color: #484997;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-content-color {
    color: #fff;
    background-color: #6a719091;
    border-color: #6a719091;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-content-color:hover {
    color: #fff;
    background-color: #868686;
    border-color: gray;
}

.btn-content-color:focus,
.btn-content-color.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5);
}

.btn-content-color.disabled,
.btn-content-color:disabled {
    background-color: #6a719091;
    border-color: #6a719091;
}

.btn-content-color:active,
.btn-content-color.active,
.show > .btn-content-color.dropdown-toggle {
    background-color: #868686;
    background-image: none;
    border-color: gray;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-content {
    color: #fff;
    background-color: #6a719091;
    border-color: #6a719091;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-content:hover {
    color: #fff;
    background-color: #868686;
    border-color: gray;
}

.btn-content:focus,
.btn-content.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5);
}

.btn-content.disabled,
.btn-content:disabled {
    background-color: #6a719091;
    border-color: #6a719091;
}

.btn-content:active,
.btn-content.active,
.show > .btn-content.dropdown-toggle {
    background-color: #868686;
    background-image: none;
    border-color: gray;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-primary {
    opacity: 1;
    color: #fff;
    background-color: #151b23;
    font-family: Jost;
    border: none;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}


.btn-primary:hover {
    background-color: #808285;
    color: #fff;
    text-align: center;
    border: none;
}

.btn-primary:focus,
.btn-primary.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 229, 72, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 229, 72, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #4ca83f;
    border-color: #4ca83f;
}


.show > .btn-primary.dropdown-toggle {
    background-image: none;
    border-color: #4ca83f;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-secondary {
    border-color: #151b23;
    background-color: #151b23;
    color: #fff;
    font-family: 'Jost', sans-serif;
    cursor: pointer;
}

.btn-secondary:hover {
    border-color: #808285;
    background-color: #808285;
}

.btn-secondary:focus,
.btn-secondary.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #868e96;
    border-color: #868e96;
}

.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
    background-color: #727b84;
    background-image: none;
    border-color: #6c757d;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-success {
    color: #fff;
    background-color: #38d57a;
    border-color: #38d57a;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-success:hover {
    color: #fff;
    background-color: #28bf67;
    border-color: #26b462;
}

.btn-success:focus,
.btn-success.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(56, 213, 122, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(56, 213, 122, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #38d57a;
    border-color: #38d57a;
}

.btn-success:active,
.btn-success.active,
.show > .btn-success.dropdown-toggle {
    background-color: #28bf67;
    background-image: none;
    border-color: #26b462;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-info {
    color: #fff;
    background-color: #4ca83f;
    border-color: #4ca83f;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-info:hover {
    color: #fff;
    background-color: #038fcd;
    border-color: #0286c1;
}

.btn-info:focus,
.btn-info.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.btn-info:active,
.btn-info.active,
.show > .btn-info.dropdown-toggle {
    background-color: #038fcd;
    background-image: none;
    border-color: #0286c1;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-warning {
    color: #fff;
    background: #f37932;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #f37932 0%, #fa0 88%);
    background: linear-gradient(135deg, #f37932 0%, #fa0 88%);
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: Jost;
}

.btn-warning:hover {
    color: #fff;
    background-color: #e69a00;
    border-color: #e69a00;
}


button.confirm.btn.btn-primary,
button.cancel.btn.btn-default {
    margin: 0 5px;
}

.btn-warning:focus,
.btn-warning.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 204, 2, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 204, 2, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #ffcc02;
    border-color: #ffcc02;
}

.btn-warning:active,
.btn-warning.active,
.show > .btn-warning.dropdown-toggle {
    background-color: #dbaf00;
    background-image: none;
    border-color: #cea400;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-danger {
    color: #fff;
    background-color: #ca0000;
    border-color: #ca0000;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-danger:hover {
    color: #fff;
    background-color: #980000;
    border-color: #980000;
}

.btn-danger:focus,
.btn-danger.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(230, 97, 79, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(230, 97, 79, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
    background-color: #ca0000;
    border-color: #ca0000;
}

.btn-danger:active,
.btn-danger.active,
.show > .btn-danger.dropdown-toggle {
    background-color: #980000;
    background-image: none;
    border-color: #980000;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-light {
    color: #fff;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-light:hover {
    color: #fff;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-light:focus,
.btn-light.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:active,
.btn-light.active,
.show > .btn-light.dropdown-toggle {
    background-color: #e2e6ea;
    background-image: none;
    border-color: #dae0e5;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.btn-dark:focus,
.btn-dark.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:active,
.btn-dark.active,
.show > .btn-dark.dropdown-toggle {
    background-color: #23272b;
    background-image: none;
    border-color: #1d2124;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-100 {
    color: #fff;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-gray-100:hover {
    color: #fff;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-gray-100:focus,
.btn-gray-100.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(248, 249, 250, 0.5);
}

.btn-gray-100.disabled,
.btn-gray-100:disabled {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-gray-100:active,
.btn-gray-100.active,
.show > .btn-gray-100.dropdown-toggle {
    background-color: #e2e6ea;
    background-image: none;
    border-color: #dae0e5;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-200 {
    color: #fff;
    background-color: #cdd0e161;
    border-color: #cdd0e161;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-gray-200:hover {
    color: #fff;
    background-color: #cacaca;
    border-color: #c4c4c4;
}

.btn-gray-200:focus,
.btn-gray-200.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(221, 221, 221, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(221, 221, 221, 0.5);
}

.btn-gray-200.disabled,
.btn-gray-200:disabled {
    background-color: #cdd0e161;
    border-color: #cdd0e161;
}

.btn-gray-200:active,
.btn-gray-200.active,
.show > .btn-gray-200.dropdown-toggle {
    background-color: #cacaca;
    background-image: none;
    border-color: #c4c4c4;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-300 {
    color: #fff;
    background-color: #bbb;
    border-color: #bbb;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-gray-300:hover {
    color: #fff;
    background-color: #a8a8a8;
    border-color: #a2a2a2;
}

.btn-gray-300:focus,
.btn-gray-300.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(187, 187, 187, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(187, 187, 187, 0.5);
}

.btn-gray-300.disabled,
.btn-gray-300:disabled {
    background-color: #bbb;
    border-color: #bbb;
}

.btn-gray-300:active,
.btn-gray-300.active,
.show > .btn-gray-300.dropdown-toggle {
    background-color: #a8a8a8;
    background-image: none;
    border-color: #a2a2a2;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-400 {
    color: #fff;
    background-color: #aaa;
    border-color: #aaa;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-gray-400:hover {
    color: #fff;
    background-color: #979797;
    border-color: #919191;
}

.btn-gray-400:focus,
.btn-gray-400.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(170, 170, 170, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(170, 170, 170, 0.5);
}

.btn-gray-400.disabled,
.btn-gray-400:disabled {
    background-color: #aaa;
    border-color: #aaa;
}

.btn-gray-400:active,
.btn-gray-400.active,
.show > .btn-gray-400.dropdown-toggle {
    background-color: #979797;
    background-image: none;
    border-color: #919191;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-500 {
    color: #fff;
    background-color: #6a719091;
    border-color: #6a719091;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-gray-500:hover {
    color: #fff;
    background-color: #868686;
    border-color: gray;
}

.btn-gray-500:focus,
.btn-gray-500.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(153, 153, 153, 0.5);
}

.btn-gray-500.disabled,
.btn-gray-500:disabled {
    background-color: #6a719091;
    border-color: #6a719091;
}

.btn-gray-500:active,
.btn-gray-500.active,
.show > .btn-gray-500.dropdown-toggle {
    background-color: #868686;
    background-image: none;
    border-color: gray;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-600 {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-gray-600:hover {
    color: #fff;
    background-color: #727b84;
    border-color: #6c757d;
}

.btn-gray-600:focus,
.btn-gray-600.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5);
}

.btn-gray-600.disabled,
.btn-gray-600:disabled {
    background-color: #868e96;
    border-color: #868e96;
}

.btn-gray-600:active,
.btn-gray-600.active,
.show > .btn-gray-600.dropdown-toggle {
    background-color: #727b84;
    background-image: none;
    border-color: #6c757d;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-700 {
    color: #fff;
    background-color: #495057;
    border-color: #495057;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-gray-700:hover {
    color: #fff;
    background-color: #383d42;
    border-color: #32373b;
}

.btn-gray-700:focus,
.btn-gray-700.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(73, 80, 87, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(73, 80, 87, 0.5);
}

.btn-gray-700.disabled,
.btn-gray-700:disabled {
    background-color: #495057;
    border-color: #495057;
}

.btn-gray-700:active,
.btn-gray-700.active,
.show > .btn-gray-700.dropdown-toggle {
    background-color: #383d42;
    background-image: none;
    border-color: #32373b;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-800 {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-gray-800:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.btn-gray-800:focus,
.btn-gray-800.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5);
}

.btn-gray-800.disabled,
.btn-gray-800:disabled {
    background-color: #343a40;
    border-color: #343a40;
}

.btn-gray-800:active,
.btn-gray-800.active,
.show > .btn-gray-800.dropdown-toggle {
    background-color: #23272b;
    background-image: none;
    border-color: #1d2124;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-900 {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-gray-900:hover {
    color: #fff;
    background-color: #101214;
    border-color: #0a0c0d;
}

.btn-gray-900:focus,
.btn-gray-900.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(33, 37, 41, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(33, 37, 41, 0.5);
}

.btn-gray-900.disabled,
.btn-gray-900:disabled {
    background-color: #212529;
    border-color: #212529;
}

.btn-gray-900:active,
.btn-gray-900.active,
.show > .btn-gray-900.dropdown-toggle {
    background-color: #101214;
    background-image: none;
    border-color: #0a0c0d;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-blue {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-blue:hover {
    color: #fff;
    background-color: #0260b2;
    border-color: #025aa5;
}

.btn-blue:focus,
.btn-blue.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(2, 117, 216, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(2, 117, 216, 0.5);
}

.btn-blue.disabled,
.btn-blue:disabled {
    background-color: #0275d8;
    border-color: #0275d8;
}

.btn-blue:active,
.btn-blue.active,
.show > .btn-blue.dropdown-toggle {
    background-color: #0260b2;
    background-image: none;
    border-color: #025aa5;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-persian-blue {
    color: #fff;
    background-color: #4786ff;
    border-color: #4786ff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-persian-blue:hover {
    color: #fff;
    background-color: #216dff;
    border-color: #1464ff;
}

.btn-persian-blue:focus,
.btn-persian-blue.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(71, 134, 255, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(71, 134, 255, 0.5);
}

.btn-persian-blue.disabled,
.btn-persian-blue:disabled {
    background-color: #4786ff;
    border-color: #4786ff;
}

.btn-persian-blue:active,
.btn-persian-blue.active,
.show > .btn-persian-blue.dropdown-toggle {
    background-color: #216dff;
    background-image: none;
    border-color: #1464ff;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-indigo {
    color: #fff;
    background-color: #6610f2;
    border-color: #6610f2;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-indigo:hover {
    color: #fff;
    background-color: #560bd0;
    border-color: #510bc4;
}

.btn-indigo:focus,
.btn-indigo.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(102, 16, 242, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(102, 16, 242, 0.5);
}

.btn-indigo.disabled,
.btn-indigo:disabled {
    background-color: #6610f2;
    border-color: #6610f2;
}

.btn-indigo:active,
.btn-indigo.active,
.show > .btn-indigo.dropdown-toggle {
    background-color: #560bd0;
    background-image: none;
    border-color: #510bc4;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-purple {
    color: #fff;
    background-color: #9c77ef;
    border-color: #9c77ef;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-purple:hover {
    color: #fff;
    background-color: #8355eb;
    border-color: #7b49ea;
}

.btn-purple:focus,
.btn-purple.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(156, 119, 239, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(156, 119, 239, 0.5);
}

.btn-purple.disabled,
.btn-purple:disabled {
    background-color: #9c77ef;
    border-color: #9c77ef;
}

.btn-purple:active,
.btn-purple.active,
.show > .btn-purple.dropdown-toggle {
    background-color: #8355eb;
    background-image: none;
    border-color: #7b49ea;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-pink {
    color: #fff;
    background-color: #e83e8c;
    border-color: #e83e8c;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-pink:hover {
    color: #fff;
    background-color: #e41c78;
    border-color: #d91a72;
}

.btn-pink:focus,
.btn-pink.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(232, 62, 140, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(232, 62, 140, 0.5);
}

.btn-pink.disabled,
.btn-pink:disabled {
    background-color: #e83e8c;
    border-color: #e83e8c;
}

.btn-pink:active,
.btn-pink.active,
.show > .btn-pink.dropdown-toggle {
    background-color: #e41c78;
    background-image: none;
    border-color: #d91a72;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-red {
    color: #fff;
    background-color: #ca0000;
    border-color: #ca0000;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-red:hover {
    color: #fff;
    background-color: #980000;
    border-color: #980000;
}

.btn-red:focus,
.btn-red.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(230, 97, 79, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(230, 97, 79, 0.5);
}

.btn-red.disabled,
.btn-red:disabled {
    background-color: #ca0000;
    border-color: #ca0000;
}

.btn-red:active,
.btn-red.active,
.show > .btn-red.dropdown-toggle {
    background-color: #980000;
    background-image: none;
    border-color: #980000;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-cerize-red {
    color: #fff;
    background-color: #fa607e;
    border-color: #fa607e;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-cerize-red:hover {
    color: #fff;
    background-color: #f93b60;
    border-color: #f82f56;
}

.btn-cerize-red:focus,
.btn-cerize-red.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(250, 96, 126, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(250, 96, 126, 0.5);
}

.btn-cerize-red.disabled,
.btn-cerize-red:disabled {
    background-color: #fa607e;
    border-color: #fa607e;
}

.btn-cerize-red:active,
.btn-cerize-red.active,
.show > .btn-cerize-red.dropdown-toggle {
    background-color: #f93b60;
    background-image: none;
    border-color: #f82f56;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-orange {
    color: #fff;
    background-color: #fa0;
    border-color: #fa0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-orange:hover {
    color: #fff;
    background-color: #fa7953;
    border-color: #fa6f46;
}

.btn-orange:focus,
.btn-orange.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(251, 150, 120, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(251, 150, 120, 0.5);
}

.download-invoice-link {
    font-family: 'Jost';
    color: #fa0;
    margin-top: 5px;
    cursor: pointer;
}

.btn-orange.disabled,
.btn-orange:disabled {
    background-color: #fb9678;
    border-color: #fb9678;
}

.btn-orange:active,
.btn-orange.active,
.show > .btn-orange.dropdown-toggle {
    background-color: #fa7953;
    background-image: none;
    border-color: #fa6f46;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-yellow {
    color: #fff;
    background-color: #ffcc02;
    border-color: #ffcc02;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-yellow:hover {
    color: #fff;
    background-color: #dbaf00;
    border-color: #cea400;
}

.btn-yellow:focus,
.btn-yellow.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 204, 2, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 204, 2, 0.5);
}

.btn-yellow.disabled,
.btn-yellow:disabled {
    background-color: #ffcc02;
    border-color: #ffcc02;
}

.btn-yellow:active,
.btn-yellow.active,
.show > .btn-yellow.dropdown-toggle {
    background-color: #dbaf00;
    background-image: none;
    border-color: #cea400;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-mustard {
    color: #fff;
    background-color: #fdb44d;
    border-color: #fdb44d;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-mustard:hover {
    color: #fff;
    background-color: #fda427;
    border-color: #fc9f1b;
}

.btn-mustard:focus,
.btn-mustard.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(253, 180, 77, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(253, 180, 77, 0.5);
}

.btn-mustard.disabled,
.btn-mustard:disabled {
    background-color: #fdb44d;
    border-color: #fdb44d;
}

.btn-mustard:active,
.btn-mustard.active,
.show > .btn-mustard.dropdown-toggle {
    background-color: #fda427;
    background-image: none;
    border-color: #fc9f1b;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-green {
    color: #fff;
    background-color: #38d57a;
    border-color: #38d57a;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-green:hover {
    color: #fff;
    background-color: #28bf67;
    border-color: #26b462;
}

.btn-green:focus,
.btn-green.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(56, 213, 122, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(56, 213, 122, 0.5);
}

.btn-green.disabled,
.btn-green:disabled {
    background-color: #38d57a;
    border-color: #38d57a;
}

.btn-green:active,
.btn-green.active,
.show > .btn-green.dropdown-toggle {
    background-color: #28bf67;
    background-image: none;
    border-color: #26b462;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-teal {
    color: #fff;
    background-color: #20c997;
    border-color: #20c997;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-teal:hover {
    color: #fff;
    background-color: #1ba87e;
    border-color: #199d76;
}

.btn-teal:focus,
.btn-teal.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(32, 201, 151, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(32, 201, 151, 0.5);
}

.btn-teal.disabled,
.btn-teal:disabled {
    background-color: #20c997;
    border-color: #20c997;
}

.btn-teal:active,
.btn-teal.active,
.show > .btn-teal.dropdown-toggle {
    background-color: #1ba87e;
    background-image: none;
    border-color: #199d76;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-cyan {
    color: #fff;
    background-color: #4ca83f;
    border-color: #4ca83f;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-cyan:hover {
    color: #fff;
    background-color: #038fcd;
    border-color: #0286c1;
}

.btn-cyan:focus,
.btn-cyan.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(3, 169, 243, 0.5);
}

.btn-cyan.disabled,
.btn-cyan:disabled {
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.btn-cyan:active,
.btn-cyan.active,
.show > .btn-cyan.dropdown-toggle {
    background-color: #038fcd;
    background-image: none;
    border-color: #0286c1;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-white {
    background-color: #fff;
    border-color: #fff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-white:hover {
    background-color: #ececec;
    border-color: #e6e6e6;
}

.btn-white:focus,
.btn-white.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.btn-white.disabled,
.btn-white:disabled {
    background-color: #fff;
    border-color: #fff;
}

.btn-white:active,
.btn-white.active,
.show > .btn-white.dropdown-toggle {
    background-color: #ececec;
    background-image: none;
    border-color: #e6e6e6;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-light {
    color: #fff;
    background-color: #cdd0e161;
    border-color: #cdd0e161;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-gray-light:hover {
    color: #fff;
    background-color: #cacaca;
    border-color: #c4c4c4;
}

.btn-gray-light:focus,
.btn-gray-light.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(221, 221, 221, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(221, 221, 221, 0.5);
}

.btn-gray-light.disabled,
.btn-gray-light:disabled {
    background-color: #cdd0e161;
    border-color: #cdd0e161;
}

.btn-gray-light:active,
.btn-gray-light.active,
.show > .btn-gray-light.dropdown-toggle {
    background-color: #cacaca;
    background-image: none;
    border-color: #c4c4c4;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-gray:hover {
    color: #fff;
    background-color: #727b84;
    border-color: #6c757d;
}

.btn-gray:focus,
.btn-gray.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(134, 142, 150, 0.5);
}

.btn-gray.disabled,
.btn-gray:disabled {
    background-color: #868e96;
    border-color: #868e96;
}

.btn-gray:active,
.btn-gray.active,
.show > .btn-gray.dropdown-toggle {
    background-color: #727b84;
    background-image: none;
    border-color: #6c757d;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-gray-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-gray-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.btn-gray-dark:focus,
.btn-gray-dark.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(52, 58, 64, 0.5);
}

.btn-gray-dark.disabled,
.btn-gray-dark:disabled {
    background-color: #343a40;
    border-color: #343a40;
}

.btn-gray-dark:active,
.btn-gray-dark.active,
.show > .btn-gray-dark.dropdown-toggle {
    background-color: #23272b;
    background-image: none;
    border-color: #1d2124;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-violet {
    color: #fff;
    background-color: #9c27b0;
    border-color: #9c27b0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-violet:hover {
    color: #fff;
    background-color: #802091;
    border-color: #771e86;
}

.btn-violet:focus,
.btn-violet.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(156, 39, 176, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(156, 39, 176, 0.5);
}

.btn-violet.disabled,
.btn-violet:disabled {
    background-color: #9c27b0;
    border-color: #9c27b0;
}

.btn-violet:active,
.btn-violet.active,
.show > .btn-violet.dropdown-toggle {
    background-color: #802091;
    background-image: none;
    border-color: #771e86;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-brown {
    color: #fff;
    background-color: #795548;
    border-color: #795548;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-brown:hover {
    color: #fff;
    background-color: #61443a;
    border-color: #593f35;
}

.btn-brown:focus,
.btn-brown.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(121, 85, 72, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(121, 85, 72, 0.5);
}

.btn-brown.disabled,
.btn-brown:disabled {
    background-color: #795548;
    border-color: #795548;
}

.btn-brown:active,
.btn-brown.active,
.show > .btn-brown.dropdown-toggle {
    background-color: #61443a;
    background-image: none;
    border-color: #593f35;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-light-gray {
    color: #fff;
    background-color: #f9f9f9;
    border-color: #f9f9f9;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-light-gray:hover {
    color: #fff;
    background-color: #e6e6e6;
    border-color: #e0e0e0;
}

.btn-light-gray:focus,
.btn-light-gray.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(249, 249, 249, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(249, 249, 249, 0.5);
}

.btn-light-gray.disabled,
.btn-light-gray:disabled {
    background-color: #f9f9f9;
    border-color: #f9f9f9;
}

.btn-light-gray:active,
.btn-light-gray.active,
.show > .btn-light-gray.dropdown-toggle {
    background-color: #e6e6e6;
    background-image: none;
    border-color: #e0e0e0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-slate {
    color: #fff;
    background-color: #607d8b;
    border-color: #607d8b;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-slate:hover {
    color: #fff;
    background-color: #506974;
    border-color: #4b626d;
}

.btn-slate:focus,
.btn-slate.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(96, 125, 139, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(96, 125, 139, 0.5);
}

.btn-slate.disabled,
.btn-slate:disabled {
    background-color: #607d8b;
    border-color: #607d8b;
}

.btn-slate:active,
.btn-slate.active,
.show > .btn-slate.dropdown-toggle {
    background-color: #506974;
    background-image: none;
    border-color: #4b626d;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-facebook {
    color: #fff;
    background-color: #4b64a6;
    border-color: #4b64a6;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-facebook:hover {
    color: #fff;
    background-color: #3f548c;
    border-color: #3b4f83;
}

.btn-facebook:focus,
.btn-facebook.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(75, 100, 166, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(75, 100, 166, 0.5);
}

.btn-facebook.disabled,
.btn-facebook:disabled {
    background-color: #4b64a6;
    border-color: #4b64a6;
}

.btn-facebook:active,
.btn-facebook.active,
.show > .btn-facebook.dropdown-toggle {
    background-color: #3f548c;
    background-image: none;
    border-color: #3b4f83;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-twitter {
    color: #fff;
    background-color: #0dace3;
    border-color: #0dace3;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-twitter:hover {
    color: #fff;
    background-color: #0b91bf;
    border-color: #0a87b3;
}

.btn-twitter:focus,
.btn-twitter.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(13, 172, 227, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(13, 172, 227, 0.5);
}

.btn-twitter.disabled,
.btn-twitter:disabled {
    background-color: #0dace3;
    border-color: #0dace3;
}

.btn-twitter:active,
.btn-twitter.active,
.show > .btn-twitter.dropdown-toggle {
    background-color: #0b91bf;
    background-image: none;
    border-color: #0a87b3;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-googleplus {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-googleplus:hover {
    color: #fff;
    background-color: #cd3623;
    border-color: #c23321;
}

.btn-googleplus:focus,
.btn-googleplus.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(221, 75, 57, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(221, 75, 57, 0.5);
}

.btn-googleplus.disabled,
.btn-googleplus:disabled {
    background-color: #dd4b39;
    border-color: #dd4b39;
}

.btn-googleplus:active,
.btn-googleplus.active,
.show > .btn-googleplus.dropdown-toggle {
    background-color: #cd3623;
    background-image: none;
    border-color: #c23321;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-linkedin {
    color: #fff;
    background-color: #007bb6;
    border-color: #007bb6;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-linkedin:hover {
    color: #fff;
    background-color: #006190;
    border-color: #005983;
}

.btn-linkedin:focus,
.btn-linkedin.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 123, 182, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 123, 182, 0.5);
}

.btn-linkedin.disabled,
.btn-linkedin:disabled {
    background-color: #007bb6;
    border-color: #007bb6;
}

.btn-linkedin:active,
.btn-linkedin.active,
.show > .btn-linkedin.dropdown-toggle {
    background-color: #006190;
    background-image: none;
    border-color: #005983;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-instagram {
    color: #fff;
    background-color: #3f729b;
    border-color: #3f729b;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-instagram:hover {
    color: #fff;
    background-color: #345e80;
    border-color: #305777;
}

.btn-instagram:focus,
.btn-instagram.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(63, 114, 155, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(63, 114, 155, 0.5);
}

.btn-instagram.disabled,
.btn-instagram:disabled {
    background-color: #3f729b;
    border-color: #3f729b;
}

.btn-instagram:active,
.btn-instagram.active,
.show > .btn-instagram.dropdown-toggle {
    background-color: #345e80;
    background-image: none;
    border-color: #305777;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-pinterest {
    color: #fff;
    background-color: #cb2027;
    border-color: #cb2027;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-pinterest:hover {
    color: #fff;
    background-color: #aa1b21;
    border-color: #9f191f;
}

.btn-pinterest:focus,
.btn-pinterest.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(203, 32, 39, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(203, 32, 39, 0.5);
}

.btn-pinterest.disabled,
.btn-pinterest:disabled {
    background-color: #cb2027;
    border-color: #cb2027;
}

.btn-pinterest:active,
.btn-pinterest.active,
.show > .btn-pinterest.dropdown-toggle {
    background-color: #aa1b21;
    background-image: none;
    border-color: #9f191f;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-dribbble {
    color: #fff;
    background-color: #ea4c89;
    border-color: #ea4c89;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-dribbble:hover {
    color: #fff;
    background-color: #e62a72;
    border-color: #e51e6b;
}

.btn-dribbble:focus,
.btn-dribbble.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(234, 76, 137, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(234, 76, 137, 0.5);
}

.btn-dribbble.disabled,
.btn-dribbble:disabled {
    background-color: #ea4c89;
    border-color: #ea4c89;
}

.btn-dribbble:active,
.btn-dribbble.active,
.show > .btn-dribbble.dropdown-toggle {
    background-color: #e62a72;
    background-image: none;
    border-color: #e51e6b;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-youtube {
    color: #fff;
    background-color: #b00;
    border-color: #b00;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-youtube:hover {
    color: #fff;
    background-color: #950000;
    border-color: #880000;
}

.btn-youtube:focus,
.btn-youtube.focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(187, 0, 0, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(187, 0, 0, 0.5);
}

.btn-youtube.disabled,
.btn-youtube:disabled {
    background-color: #b00;
    border-color: #b00;
}

.btn-youtube:active,
.btn-youtube.active,
.show > .btn-youtube.dropdown-toggle {
    background-color: #950000;
    background-image: none;
    border-color: #880000;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-outline-blue {
    color: #0275d8;
    background-color: transparent;
    background-image: none;
    border-color: #0275d8;
}

.btn-outline-blue:hover {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8;
}

.btn-outline-blue:focus,
.btn-outline-blue.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(2, 117, 216, 0.5);
    box-shadow: 0 0 0 3px rgba(2, 117, 216, 0.5);
}

.btn-outline-blue.disabled,
.btn-outline-blue:disabled {
    color: #0275d8;
    background-color: transparent;
}

.btn-outline-blue:active,
.btn-outline-blue.active,
.show > .btn-outline-blue.dropdown-toggle {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8;
}

.btn-outline-persian-blue {
    color: #4786ff;
    background-color: transparent;
    background-image: none;
    border-color: #4786ff;
}

.btn-outline-persian-blue:hover {
    color: #fff;
    background-color: #4786ff;
    border-color: #4786ff;
}

.btn-outline-persian-blue:focus,
.btn-outline-persian-blue.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(71, 134, 255, 0.5);
    box-shadow: 0 0 0 3px rgba(71, 134, 255, 0.5);
}

.btn-outline-persian-blue.disabled,
.btn-outline-persian-blue:disabled {
    color: #4786ff;
    background-color: transparent;
}

.btn-outline-persian-blue:active,
.btn-outline-persian-blue.active,
.show > .btn-outline-persian-blue.dropdown-toggle {
    color: #fff;
    background-color: #4786ff;
    border-color: #4786ff;
}

.btn-outline-indigo {
    color: #6610f2;
    background-color: transparent;
    background-image: none;
    border-color: #6610f2;
}

.btn-outline-indigo:hover {
    color: #fff;
    background-color: #6610f2;
    border-color: #6610f2;
}

.btn-outline-indigo:focus,
.btn-outline-indigo.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(102, 16, 242, 0.5);
    box-shadow: 0 0 0 3px rgba(102, 16, 242, 0.5);
}

.btn-outline-indigo.disabled,
.btn-outline-indigo:disabled {
    color: #6610f2;
    background-color: transparent;
}

.btn-outline-indigo:active,
.btn-outline-indigo.active,
.show > .btn-outline-indigo.dropdown-toggle {
    color: #fff;
    background-color: #6610f2;
    border-color: #6610f2;
}

.btn-outline-purple {
    color: #9c77ef;
    background-color: transparent;
    background-image: none;
    border-color: #9c77ef;
}

.btn-outline-purple:hover {
    color: #fff;
    background-color: #9c77ef;
    border-color: #9c77ef;
}

.btn-outline-purple:focus,
.btn-outline-purple.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(156, 119, 239, 0.5);
    box-shadow: 0 0 0 3px rgba(156, 119, 239, 0.5);
}

.btn-outline-purple.disabled,
.btn-outline-purple:disabled {
    color: #9c77ef;
    background-color: transparent;
}

.btn-outline-purple:active,
.btn-outline-purple.active,
.show > .btn-outline-purple.dropdown-toggle {
    color: #fff;
    background-color: #9c77ef;
    border-color: #9c77ef;
}

.btn-outline-pink {
    color: #e83e8c;
    background-color: transparent;
    background-image: none;
    border-color: #e83e8c;
}

.btn-outline-pink:hover {
    color: #fff;
    background-color: #e83e8c;
    border-color: #e83e8c;
}

.btn-outline-pink:focus,
.btn-outline-pink.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(232, 62, 140, 0.5);
    box-shadow: 0 0 0 3px rgba(232, 62, 140, 0.5);
}

.btn-outline-pink.disabled,
.btn-outline-pink:disabled {
    color: #e83e8c;
    background-color: transparent;
}

.btn-outline-pink:active,
.btn-outline-pink.active,
.show > .btn-outline-pink.dropdown-toggle {
    color: #fff;
    background-color: #e83e8c;
    border-color: #e83e8c;
}

.btn-outline-red {
    color: #ca0000;
    background-color: transparent;
    background-image: none;
    border-color: #ca0000;
}

.btn-outline-red:hover {
    color: #fff;
    background-color: #ca0000;
    border-color: #ca0000;
}

.btn-outline-red:focus,
.btn-outline-red.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(230, 97, 79, 0.5);
    box-shadow: 0 0 0 3px rgba(230, 97, 79, 0.5);
}

.btn-outline-red.disabled,
.btn-outline-red:disabled {
    color: #ca0000;
    background-color: transparent;
}

.btn-outline-red:active,
.btn-outline-red.active,
.show > .btn-outline-red.dropdown-toggle {
    color: #fff;
    background-color: #ca0000;
    border-color: #ca0000;
}

.btn-outline-cerize-red {
    color: #fa607e;
    background-color: transparent;
    background-image: none;
    border-color: #fa607e;
}

.btn-outline-cerize-red:hover {
    color: #fff;
    background-color: #fa607e;
    border-color: #fa607e;
}

.btn-outline-cerize-red:focus,
.btn-outline-cerize-red.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(250, 96, 126, 0.5);
    box-shadow: 0 0 0 3px rgba(250, 96, 126, 0.5);
}

.btn-outline-cerize-red.disabled,
.btn-outline-cerize-red:disabled {
    color: #fa607e;
    background-color: transparent;
}

.btn-outline-cerize-red:active,
.btn-outline-cerize-red.active,
.show > .btn-outline-cerize-red.dropdown-toggle {
    color: #fff;
    background-color: #fa607e;
    border-color: #fa607e;
}

.btn-outline-orange {
    color: #fb9678;
    background-color: transparent;
    background-image: none;
    border-color: #fb9678;
}

.btn-outline-orange:hover {
    color: #fff;
    background-color: #fb9678;
    border-color: #fb9678;
}

.btn-outline-orange:focus,
.btn-outline-orange.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(251, 150, 120, 0.5);
    box-shadow: 0 0 0 3px rgba(251, 150, 120, 0.5);
}

.btn-outline-orange.disabled,
.btn-outline-orange:disabled {
    color: #fb9678;
    background-color: transparent;
}

.btn-outline-orange:active,
.btn-outline-orange.active,
.show > .btn-outline-orange.dropdown-toggle {
    color: #fff;
    background-color: #fb9678;
    border-color: #fb9678;
}

.btn-outline-yellow {
    color: #ffcc02;
    background-color: transparent;
    background-image: none;
    border-color: #ffcc02;
}

.btn-outline-yellow:hover {
    color: #fff;
    background-color: #ffcc02;
    border-color: #ffcc02;
}

.btn-outline-yellow:focus,
.btn-outline-yellow.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(255, 204, 2, 0.5);
    box-shadow: 0 0 0 3px rgba(255, 204, 2, 0.5);
}

.btn-outline-yellow.disabled,
.btn-outline-yellow:disabled {
    color: #ffcc02;
    background-color: transparent;
}

.btn-outline-yellow:active,
.btn-outline-yellow.active,
.show > .btn-outline-yellow.dropdown-toggle {
    color: #fff;
    background-color: #ffcc02;
    border-color: #ffcc02;
}

.btn-outline-mustard {
    color: #fdb44d;
    background-color: transparent;
    background-image: none;
    border-color: #fdb44d;
}

.btn-outline-mustard:hover {
    color: #fff;
    background-color: #fdb44d;
    border-color: #fdb44d;
}

.btn-outline-mustard:focus,
.btn-outline-mustard.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(253, 180, 77, 0.5);
    box-shadow: 0 0 0 3px rgba(253, 180, 77, 0.5);
}

.btn-outline-mustard.disabled,
.btn-outline-mustard:disabled {
    color: #fdb44d;
    background-color: transparent;
}

.btn-outline-mustard:active,
.btn-outline-mustard.active,
.show > .btn-outline-mustard.dropdown-toggle {
    color: #fff;
    background-color: #fdb44d;
    border-color: #fdb44d;
}

.btn-outline-green {
    color: #38d57a;
    background-color: transparent;
    background-image: none;
    border-color: #38d57a;
}

.btn-outline-green:hover {
    color: #fff;
    background-color: #38d57a;
    border-color: #38d57a;
}

.btn-outline-green:focus,
.btn-outline-green.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(56, 213, 122, 0.5);
    box-shadow: 0 0 0 3px rgba(56, 213, 122, 0.5);
}

.btn-outline-green.disabled,
.btn-outline-green:disabled {
    color: #38d57a;
    background-color: transparent;
}

.btn-outline-green:active,
.btn-outline-green.active,
.show > .btn-outline-green.dropdown-toggle {
    color: #fff;
    background-color: #38d57a;
    border-color: #38d57a;
}

.btn-outline-teal {
    color: #20c997;
    background-color: transparent;
    background-image: none;
    border-color: #20c997;
}

.btn-outline-teal:hover {
    color: #fff;
    background-color: #20c997;
    border-color: #20c997;
}

.btn-outline-teal:focus,
.btn-outline-teal.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(32, 201, 151, 0.5);
    box-shadow: 0 0 0 3px rgba(32, 201, 151, 0.5);
}

.btn-outline-teal.disabled,
.btn-outline-teal:disabled {
    color: #20c997;
    background-color: transparent;
}

.btn-outline-teal:active,
.btn-outline-teal.active,
.show > .btn-outline-teal.dropdown-toggle {
    color: #fff;
    background-color: #20c997;
    border-color: #20c997;
}

.btn-outline-cyan {
    color: #4ca83f;
    background-color: transparent;
    background-image: none;
    border-color: #4ca83f;
}

.btn-outline-cyan:hover {
    color: #fff;
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.btn-outline-cyan:focus,
.btn-outline-cyan.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(3, 169, 243, 0.5);
    box-shadow: 0 0 0 3px rgba(3, 169, 243, 0.5);
}

.btn-outline-cyan.disabled,
.btn-outline-cyan:disabled {
    color: #4ca83f;
    background-color: transparent;
}

.btn-outline-cyan:active,
.btn-outline-cyan.active,
.show > .btn-outline-cyan.dropdown-toggle {
    color: #fff;
    background-color: #4ca83f;
    border-color: #4ca83f;
}

.btn-outline-white {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: #fff;
}

.btn-outline-white:hover {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

.btn-outline-white:focus,
.btn-outline-white.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.btn-outline-white.disabled,
.btn-outline-white:disabled {
    color: #fff;
    background-color: transparent;
}

.btn-outline-white:active,
.btn-outline-white.active,
.show > .btn-outline-white.dropdown-toggle {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

.btn-outline-gray-light {
    color: #cdd0e161;
    background-color: transparent;
    background-image: none;
    border-color: #cdd0e161;
}

.btn-outline-gray-light:hover {
    color: #fff;
    background-color: #cdd0e161;
    border-color: #cdd0e161;
}

.btn-outline-gray-light:focus,
.btn-outline-gray-light.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(221, 221, 221, 0.5);
    box-shadow: 0 0 0 3px rgba(221, 221, 221, 0.5);
}

.btn-outline-gray-light.disabled,
.btn-outline-gray-light:disabled {
    color: #cdd0e161;
    background-color: transparent;
}

.btn-outline-gray-light:active,
.btn-outline-gray-light.active,
.show > .btn-outline-gray-light.dropdown-toggle {
    color: #fff;
    background-color: #cdd0e161;
    border-color: #cdd0e161;
}

.btn-outline-gray {
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
}

.btn-outline-gray:hover {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
}

.btn-outline-gray:focus,
.btn-outline-gray.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5);
    box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5);
}

.btn-outline-gray.disabled,
.btn-outline-gray:disabled {
    color: #868e96;
    background-color: transparent;
}

.btn-outline-gray:active,
.btn-outline-gray.active,
.show > .btn-outline-gray.dropdown-toggle {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
}

.btn-outline-gray-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}

.btn-outline-gray-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-gray-dark:focus,
.btn-outline-gray-dark.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5);
}

.btn-outline-gray-dark.disabled,
.btn-outline-gray-dark:disabled {
    color: #343a40;
    background-color: transparent;
}

.btn-outline-gray-dark:active,
.btn-outline-gray-dark.active,
.show > .btn-outline-gray-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-violet {
    color: #9c27b0;
    background-color: transparent;
    background-image: none;
    border-color: #9c27b0;
}

.btn-outline-violet:hover {
    color: #fff;
    background-color: #9c27b0;
    border-color: #9c27b0;
}

.btn-outline-violet:focus,
.btn-outline-violet.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(156, 39, 176, 0.5);
    box-shadow: 0 0 0 3px rgba(156, 39, 176, 0.5);
}

.btn-outline-violet.disabled,
.btn-outline-violet:disabled {
    color: #9c27b0;
    background-color: transparent;
}

.btn-outline-violet:active,
.btn-outline-violet.active,
.show > .btn-outline-violet.dropdown-toggle {
    color: #fff;
    background-color: #9c27b0;
    border-color: #9c27b0;
}

.btn-outline-brown {
    color: #795548;
    background-color: transparent;
    background-image: none;
    border-color: #795548;
}

.btn-outline-brown:hover {
    color: #fff;
    background-color: #795548;
    border-color: #795548;
}

.btn-outline-brown:focus,
.btn-outline-brown.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(121, 85, 72, 0.5);
    box-shadow: 0 0 0 3px rgba(121, 85, 72, 0.5);
}

.btn-outline-brown.disabled,
.btn-outline-brown:disabled {
    color: #795548;
    background-color: transparent;
}

.btn-outline-brown:active,
.btn-outline-brown.active,
.show > .btn-outline-brown.dropdown-toggle {
    color: #fff;
    background-color: #795548;
    border-color: #795548;
}

.btn-outline-light-gray {
    color: #f9f9f9;
    background-color: transparent;
    background-image: none;
    border-color: #f9f9f9;
}

.btn-outline-light-gray:hover {
    color: #fff;
    background-color: #f9f9f9;
    border-color: #f9f9f9;
}

.btn-outline-light-gray:focus,
.btn-outline-light-gray.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(249, 249, 249, 0.5);
    box-shadow: 0 0 0 3px rgba(249, 249, 249, 0.5);
}

.btn-outline-light-gray.disabled,
.btn-outline-light-gray:disabled {
    color: #f9f9f9;
    background-color: transparent;
}

.btn-outline-light-gray:active,
.btn-outline-light-gray.active,
.show > .btn-outline-light-gray.dropdown-toggle {
    color: #fff;
    background-color: #f9f9f9;
    border-color: #f9f9f9;
}

.btn-outline-slate {
    color: #607d8b;
    background-color: transparent;
    background-image: none;
    border-color: #607d8b;
}

.btn-outline-slate:hover {
    color: #fff;
    background-color: #607d8b;
    border-color: #607d8b;
}

.btn-outline-slate:focus,
.btn-outline-slate.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(96, 125, 139, 0.5);
    box-shadow: 0 0 0 3px rgba(96, 125, 139, 0.5);
}

.btn-outline-slate.disabled,
.btn-outline-slate:disabled {
    color: #607d8b;
    background-color: transparent;
}

.btn-outline-slate:active,
.btn-outline-slate.active,
.show > .btn-outline-slate.dropdown-toggle {
    color: #fff;
    background-color: #607d8b;
    border-color: #607d8b;
}

.btn-outline-facebook {
    color: #4b64a6;
    background-color: transparent;
    background-image: none;
    border-color: #4b64a6;
}

.btn-outline-facebook:hover {
    color: #fff;
    background-color: #4b64a6;
    border-color: #4b64a6;
}

.btn-outline-facebook:focus,
.btn-outline-facebook.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(75, 100, 166, 0.5);
    box-shadow: 0 0 0 3px rgba(75, 100, 166, 0.5);
}

.btn-outline-facebook.disabled,
.btn-outline-facebook:disabled {
    color: #4b64a6;
    background-color: transparent;
}

.btn-outline-facebook:active,
.btn-outline-facebook.active,
.show > .btn-outline-facebook.dropdown-toggle {
    color: #fff;
    background-color: #4b64a6;
    border-color: #4b64a6;
}

.btn-outline-twitter {
    color: #0dace3;
    background-color: transparent;
    background-image: none;
    border-color: #0dace3;
}

.btn-outline-twitter:hover {
    color: #fff;
    background-color: #0dace3;
    border-color: #0dace3;
}

.btn-outline-twitter:focus,
.btn-outline-twitter.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(13, 172, 227, 0.5);
    box-shadow: 0 0 0 3px rgba(13, 172, 227, 0.5);
}

.btn-outline-twitter.disabled,
.btn-outline-twitter:disabled {
    color: #0dace3;
    background-color: transparent;
}

.btn-outline-twitter:active,
.btn-outline-twitter.active,
.show > .btn-outline-twitter.dropdown-toggle {
    color: #fff;
    background-color: #0dace3;
    border-color: #0dace3;
}

.btn-outline-googleplus {
    color: #dd4b39;
    background-color: transparent;
    background-image: none;
    border-color: #dd4b39;
}

.btn-outline-googleplus:hover {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39;
}

.btn-outline-googleplus:focus,
.btn-outline-googleplus.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(221, 75, 57, 0.5);
    box-shadow: 0 0 0 3px rgba(221, 75, 57, 0.5);
}

.btn-outline-googleplus.disabled,
.btn-outline-googleplus:disabled {
    color: #dd4b39;
    background-color: transparent;
}

.btn-outline-googleplus:active,
.btn-outline-googleplus.active,
.show > .btn-outline-googleplus.dropdown-toggle {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39;
}

.btn-outline-linkedin {
    color: #007bb6;
    background-color: transparent;
    background-image: none;
    border-color: #007bb6;
}

.btn-outline-linkedin:hover {
    color: #fff;
    background-color: #007bb6;
    border-color: #007bb6;
}

.btn-outline-linkedin:focus,
.btn-outline-linkedin.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(0, 123, 182, 0.5);
    box-shadow: 0 0 0 3px rgba(0, 123, 182, 0.5);
}

.btn-outline-linkedin.disabled,
.btn-outline-linkedin:disabled {
    color: #007bb6;
    background-color: transparent;
}

.btn-outline-linkedin:active,
.btn-outline-linkedin.active,
.show > .btn-outline-linkedin.dropdown-toggle {
    color: #fff;
    background-color: #007bb6;
    border-color: #007bb6;
}

.btn-outline-instagram {
    color: #3f729b;
    background-color: transparent;
    background-image: none;
    border-color: #3f729b;
}

.btn-outline-instagram:hover {
    color: #fff;
    background-color: #3f729b;
    border-color: #3f729b;
}

.btn-outline-instagram:focus,
.btn-outline-instagram.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(63, 114, 155, 0.5);
    box-shadow: 0 0 0 3px rgba(63, 114, 155, 0.5);
}

.btn-outline-instagram.disabled,
.btn-outline-instagram:disabled {
    color: #3f729b;
    background-color: transparent;
}

.btn-outline-instagram:active,
.btn-outline-instagram.active,
.show > .btn-outline-instagram.dropdown-toggle {
    color: #fff;
    background-color: #3f729b;
    border-color: #3f729b;
}

.btn-outline-pinterest {
    color: #cb2027;
    background-color: transparent;
    background-image: none;
    border-color: #cb2027;
}

.btn-outline-pinterest:hover {
    color: #fff;
    background-color: #cb2027;
    border-color: #cb2027;
}

.btn-outline-pinterest:focus,
.btn-outline-pinterest.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(203, 32, 39, 0.5);
    box-shadow: 0 0 0 3px rgba(203, 32, 39, 0.5);
}

.btn-outline-pinterest.disabled,
.btn-outline-pinterest:disabled {
    color: #cb2027;
    background-color: transparent;
}

.btn-outline-pinterest:active,
.btn-outline-pinterest.active,
.show > .btn-outline-pinterest.dropdown-toggle {
    color: #fff;
    background-color: #cb2027;
    border-color: #cb2027;
}

.btn-outline-dribbble {
    color: #ea4c89;
    background-color: transparent;
    background-image: none;
    border-color: #ea4c89;
}

.btn-outline-dribbble:hover {
    color: #fff;
    background-color: #ea4c89;
    border-color: #ea4c89;
}

.btn-outline-dribbble:focus,
.btn-outline-dribbble.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(234, 76, 137, 0.5);
    box-shadow: 0 0 0 3px rgba(234, 76, 137, 0.5);
}

.btn-outline-dribbble.disabled,
.btn-outline-dribbble:disabled {
    color: #ea4c89;
    background-color: transparent;
}

.btn-outline-dribbble:active,
.btn-outline-dribbble.active,
.show > .btn-outline-dribbble.dropdown-toggle {
    color: #fff;
    background-color: #ea4c89;
    border-color: #ea4c89;
}

.btn-outline-youtube {
    color: #b00;
    background-color: transparent;
    background-image: none;
    border-color: #b00;
}

.btn-outline-youtube:hover {
    color: #fff;
    background-color: #b00;
    border-color: #b00;
}

.btn-outline-youtube:focus,
.btn-outline-youtube.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(187, 0, 0, 0.5);
    box-shadow: 0 0 0 3px rgba(187, 0, 0, 0.5);
}

.btn-outline-youtube.disabled,
.btn-outline-youtube:disabled {
    color: #b00;
    background-color: transparent;
}

.btn-outline-youtube:active,
.btn-outline-youtube.active,
.show > .btn-outline-youtube.dropdown-toggle {
    color: #fff;
    background-color: #b00;
    border-color: #b00;
}

.btn-outline-white:hover {
    color: #4ca83f;
}

.btn-outline-inverse {
    color: #fff;
    border: 2px solid #fff;
    background: transparent;
}

.btn-outline-inverse:hover {
    color: #4ca83f !important;
    background-color: #fff;
}

/* Justified button groups
========================*/

.btn-group-justified {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.btn-group-justified .btn,
.btn-group-justified .btn-group {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.btn-group-justified .btn .btn,
.btn-group-justified .btn-group .btn {
    width: 100%;
}

.btn-group-justified .btn .dropdown-menu,
.btn-group-justified .btn-group .dropdown-menu {
    left: auto;
}

/********************************
 *********************************
Progress
 *********************************
 *********************************/

.progress.progress-xsm {
    height: 1.25rem;
    margin: 0.5em 0;
}

.progress.progress-sm {
    height: 0.625rem;
    margin: 0.35714em 0;
}

.progress.inverse {
    background: rgba(255, 255, 255, 0.3);
}

.progress-lg .progress-bar {
    height: 100%;
}

/********************************
 *********************************
Tables
 *********************************
 *********************************/

.table thead tr.thead-inverse th {
    background: inherit;
}

.table.table-inverse thead th {
    border-width: 0;
}

.table > tbody > tr:first-child > td {
    border-top: none;
}

.table.table-borderless td,
.table.table-borderless th {
    border: none;
}

.table > tbody > tr[class*="bg-"] > td {
    color: #fff;
}

.table > thead > tr > th {
    border-bottom-width: 1px;
    border-top-width: 0px;
}

.table.color-table > thead > tr > th {
    border: 0;
}

.table .progress {
    margin: 0;
    margin-bottom: 0 !important;
    position: relative;
    top: 0.66667em;
}

td.footable-sortable > span.fooicon,
th.footable-sortable > span.fooicon {
    top: 1.08333em;
    font-size: 0.85714em;
}

.table,
.table > tbody > tr > td,
.table > thead > tr > th,
.table > tbody > tr > th,
.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th {
    border-color: #cdd0e161;
}


.dark .table,
.dark .table > tbody > tr > td,
.dark .table > thead > tr > th,
.dark .table > tbody > tr > th,
.dark .table-bordered,
.dark .table-bordered > tbody > tr > td,
.dark .table-bordered > thead > tr > th,
.dark .table-bordered > tbody > tr > th {
    border-color: #41404b;
}

/* DataTables
========================*/

.dataTables_wrapper .dataTables_filter input {
    padding: 0.35714em 0.71429em;
    border: 0.0625rem solid #f7f7fd;
    border-radius: 0.125rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dataTables_wrapper .dataTables_filter input:focus {
    border-color: #4ca83f;
}

.dataTables_wrapper .dataTables_length {
    margin: 1.07143em auto;
}

.dataTables_wrapper .dataTables_length select {
    padding: 0.21429em 0.5em;
}

.dataTables_wrapper table.dataTable {
    border: 0.0625rem solid #f7f7fd;
    margin-top: 1.42857em;
}

.dataTables_wrapper table.dataTable thead th {
    border-color: #cdd0e161;
}

.dataTables_wrapper table.dataTable th,
.dataTables_wrapper table.dataTable td {
    padding: 1.07143em 1.42857em;
}

.dataTables_wrapper table.dataTable tfoot th {
    border-top: 0.0625rem solid #f7f7fd;
}

.dataTables_wrapper table.dataTable thead th {
    border-top: 0;
}

.dataTables_wrapper table.dataTable thead .sorting,
.dataTables_wrapper table.dataTable thead .sorting_asc,
.dataTables_wrapper table.dataTable thead .sorting_desc {
    background: none;
    position: relative;
}

.dataTables_wrapper table.dataTable thead .sorting:before,
.dataTables_wrapper table.dataTable thead .sorting_asc:before,
.dataTables_wrapper table.dataTable thead .sorting_desc:before {
    position: absolute;
    top: 50%;
    right: 0.71429em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Material Icons";
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    font-size: 1.28571em;
}

.dataTables_wrapper table.dataTable thead .sorting_asc::before {
    content: 'expand_less';
}

.dataTables_wrapper table.dataTable thead .sorting_desc::before {
    content: 'expand_more';
}

.dataTables_wrapper table.dataTable thead .sorting::before {
    content: 'sort';
    opacity: 0.1;
}

.dataTables_wrapper .dataTables_info {
    margin-top: 1.42857em;
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 2.14286em;
    padding: 0;
    border: 0.0625rem solid #f7f7fd;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none;
    border: 0;
    color: #6a719091 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #4ca83f;
    border: 0;
    border-radius: 0;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #4ca83f;
    border: 0;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    border: 0;
}

/* Bootstrap Tables
========================*/

.bootstrap-table {
    position: relative;
}

.bootstrap-table .btn {
    cursor: pointer;
}

.bootstrap-table .btn i:before {
    font-family: "Material Icons";
    display: block;
    line-height: 1;
    font-style: normal;
    font-size: 1.33333em;
}

.bootstrap-table .btn[name="refresh"] i:before {
    content: "refresh";
}

.bootstrap-table .btn[name="toggle"] i:before {
    content: "dehaze";
}

.bootstrap-table .btn i.glyphicon-th:before {
    content: "apps";
    display: inline;
    vertical-align: middle;
}

.fixed-table-toolbar {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 0;
    right: 1.07143em;
    z-index: 1;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    margin-top: -0.71429em;
}

.fixed-table-toolbar .search {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.fixed-table-toolbar .btn-group,
.fixed-table-toolbar .btn-group > .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fixed-table-toolbar .btn-group .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.fixed-table-toolbar .search,
.fixed-table-toolbar .columns {
    margin-top: 0;
    margin-bottom: 0;
}

.fixed-table-toolbar .search .btn,
.fixed-table-toolbar .columns .btn {
    padding: 0 0.71429em;
}

.fixed-table-toolbar .search .dropdown-menu input,
.fixed-table-toolbar .columns .dropdown-menu input {
    display: none;
}

.fixed-table-toolbar .search .dropdown-menu label,
.fixed-table-toolbar .columns .dropdown-menu label {
    cursor: pointer;
}

.fixed-table-toolbar .search .dropdown-menu label:before,
.fixed-table-toolbar .columns .dropdown-menu label:before {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    text-align: center;
    height: 1.42857em;
    width: 1.42857em;
    content: "";
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    background: none;
    border: 0.125rem solid #f7f7fd;
    margin-right: 0.71429em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff;
}

.fixed-table-toolbar .search .dropdown-menu label.checkbox-checked::before,
.fixed-table-toolbar .columns .dropdown-menu label.checkbox-checked::before {
    content: "\e925";
    background: #4ca83f;
    color: #fff;
    border-color: #4ca83f;
}

@media (max-width: 767px) {
    .fixed-table-toolbar {
        display: none;
    }
}

body.rtl .fixed-table-toolbar {
    left: 0;
    right: auto;
}

.fixed-table-container {
    border: 0;
    border-bottom: 0.0625rem solid #f7f7fd;
}

.fixed-table-container thead th .both {
    background: none;
    position: relative;
}

.fixed-table-container thead th .both:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0.71429em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Material Icons";
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    font-size: 1.28571em;
}

.fixed-table-container thead th .both.asc::before {
    content: 'expand_less';
    opacity: 1;
}

.fixed-table-container thead th .both.desc::before {
    content: 'expand_more';
    opacity: 1;
}

.fixed-table-container thead th .both::before {
    content: 'sort';
    opacity: 0.1;
}

.bootstrap-table .table {
    border: 0.0625rem solid #f7f7fd;
}

.bootstrap-table .table > thead > tr > th {
    border-bottom: 0.0625rem solid #f7f7fd;
}

/* Responsive Tables
========================*/

.responsive-utilities .is-hidden {
    color: #c1c0d4a8;
    background-color: #f9f9f9 !important;
}

.responsive-utilities .is-visible {
    color: #468847;
    background-color: #dff0d8 !important;
}

.tablesaw .tablesaw-sortable-head:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0.71429em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Material Icons";
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    font-size: 1.28571em;
}

.tablesaw .tablesaw-sortable-ascending:before {
    content: 'expand_less';
}

.tablesaw .tablesaw-sortable-descending:before {
    content: 'expand_more';
}

.tablesaw-bar .tablesaw-columntoggle-popup .btn-group {
    display: inline-block;
    margin: 0.71429em 0 0.35714em 0;
}

.tablesaw-bar .tablesaw-columntoggle-popup .btn-group label {
    height: auto;
    line-height: 2rem;
}

.tablesaw-bar .tablesaw-columntoggle-popup .btn-group label input {
    height: auto;
    position: relative;
    top: 0.14286em;
}

.tablesaw-bar .tablesaw-bar-section .btn-select {
    padding: 0.40816em 0.81633em;
    padding-right: 4.08163em;
    position: relative;
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
    background: #f7f7fd;
    text-transform: none;
}

.tablesaw-bar .tablesaw-bar-section .btn-select span {
    line-height: 1.63265em;
    height: 1.63265em;
    display: block;
}

.tablesaw-bar .tablesaw-bar-section .btn-select select {
    cursor: pointer;
}

.tablesaw-bar .tablesaw-bar-section .btn-select:after {
    display: none;
}

.tablesaw-bar .tablesaw-bar-section .btn-select:before {
    content: 'expand_more';
    font-family: "Material Icons";
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    font-size: 1.46939em;
    text-transform: lowercase;
    position: absolute;
    top: 50%;
    right: 0.81633em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
}

.tablesaw-sortable-arrow {
    display: none;
}

.tablesaw-swipe .tablesaw-cell-persist {
    border-right: 0.0625rem solid #f7f7fd;
}

/* Editable
========================*/

.table-editable .tabledit-toolbar,
.table-editable-inline .tabledit-toolbar {
    display: inline !important;
}

.table-editable .tabledit-toolbar .tabledit-save-button,
.table-editable .tabledit-toolbar .tabledit-confirm-button,
.table-editable .tabledit-toolbar .tabledit-restore-button,
.table-editable-inline .tabledit-toolbar .tabledit-save-button,
.table-editable-inline .tabledit-toolbar .tabledit-confirm-button,
.table-editable-inline .tabledit-toolbar .tabledit-restore-button {
    margin-left: 0.66667em;
}

.table-editable .tabledit-toolbar .btn-group .btn,
.table-editable-inline .tabledit-toolbar .btn-group .btn {
    cursor: pointer;
}

.table-editable .tabledit-toolbar .btn-group .btn span.glyphicon::before,
.table-editable-inline .tabledit-toolbar .btn-group .btn span.glyphicon::before {
    display: inline-block;
    line-height: 1;
    font-style: normal;
    font-size: 1.33333em;
    position: relative;
    top: 3px;
}

.table-editable .tabledit-toolbar .btn-group .btn .glyphicon-pencil::before,
.table-editable-inline .tabledit-toolbar .btn-group .btn .glyphicon-pencil::before {
    content: "\e950";
}

.table-editable .tabledit-toolbar .btn-group .btn .glyphicon-trash::before,
.table-editable-inline .tabledit-toolbar .btn-group .btn .glyphicon-trash::before {
    content: "\e9cd";
}

.table-editable tr.tabledit-deleted-row,
.table-editable-inline tr.tabledit-deleted-row {
    display: none;
}

/* Footable
========================*/

.footable .footable-sortable .fooicon {
    display: none;
}

.footable .footable-sortable:before {
    content: 'sort';
    opacity: 0;
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    position: absolute;
    top: 50%;
    right: 0.71429em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.28571em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.footable .footable-sortable:hover::before {
    opacity: 1;
}

.footable .footable-sortable.footable-asc::before {
    content: 'expand_more';
    opacity: 1;
}

.footable .footable-sortable.footable-desc::before {
    content: 'expand_less';
    opacity: 1;
}

.footable .footable-filtering th {
    border-top: none;
}

.footable .footable-filtering form.form-inline {
    margin-top: 0;
    margin-bottom: 1.07143em;
    float: right;
}

.footable .checkbox input[type="checkbox"] {
    opacity: 1;
}

.footable .footable-first-visible span::before {
    display: none;
}

.footable .footable-first-visible span::after {
    font-family: "FontAwesome";
    display: block;
    font-style: normal;
    font-size: 1.28571em;
}

.footable .footable-first-visible .fooicon-plus::after {
    content: "\f067";
}

.footable .footable-first-visible .fooicon-minus::after {
    content: "\f068";
}

.footable .input-group-btn {
    display: inline-block;
}

.footable .input-group-btn .btn span.fooicon::before {
    display: none;
}

.footable .input-group-btn .btn span.fooicon::after {
    font-family: "FontAwesome";
    display: block;
    font-style: normal;
    font-size: 1.06667em;
}

.footable .input-group-btn .btn .fooicon-search::after {
    content: "\f002";
}

.footable .footable-paging span.label {
    font-size: 0.78571em;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}

.footable .footable-paging .pagination {
    margin: auto;
    display: inline-block;
}

.footable .footable-paging .pagination > li.active > a {
    background: #51d2b7;
    border-color: #51d2b7;
    color: #fff;
}

.footable .footable-paging .pagination li a {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -0.07143em;
    line-height: 1.25;
    color: #51d2b7;
    background-color: #fff;
    border: 0.0625rem solid #cdd0e161;
}

.footable .footable-paging .pagination li a:hover {
    background: #51d2b7;
    border-color: #51d2b7;
    color: #fff;
}

.footable .footable-paging .pagination li.footable-page-nav[data-page="first"] a {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.footable .footable-paging .pagination li.footable-page-nav[data-page="last"] a {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox input[type="checkbox"] {
    line-height: 1em;
    height: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.footable-filtering .footable-filtering-search .dropdown-menu li a {
    display: block;
    width: 100%;
    padding: 0.21429em 1.42857em;
    padding-top: 0.35714em;
    padding-bottom: 0.35714em;
    clear: both;
    color: #9C9CB0;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0;
}

.footable-filtering .footable-filtering-search .dropdown-menu li a:hover {
    color: #151b23;
    text-decoration: none;
    background-color: #f7fafc;
}

.footable-filtering .footable-filtering-search .dropdown-menu li a label {
    cursor: pointer;
}

/********************************
*********************************
Card
*********************************
*********************************/

.card[class*='bg']:not([class*='card-inverse']) .card-header {
    background: inherit;
}

.card-blue {
    background: #0275d8;
}

.card-persian-blue {
    background: #4786ff;
}

.card-indigo {
    background: #6610f2;
}

.card-purple {
    background: #9c77ef;
}

.card-pink {
    background: #e83e8c;
}

.card-red {
    background: #ca0000;
}

.card-cerize-red {
    background: #fa607e;
}

.card-orange {
    background: #fb9678;
}

.card-yellow {
    background: #ffcc02;
}

.card-mustard {
    background: #fdb44d;
}

.card-green {
    background: #38d57a;
}

.card-teal {
    background: #20c997;
}

.card-cyan {
    background: #4ca83f;
}

.card-white {
    background: #fff;
}

.card-gray-light {
    background: #cdd0e161;
}

.card-gray {
    background: #868e96;
}

.card-gray-dark {
    background: #343a40;
}

.card-violet {
    background: #9c27b0;
}

.card-brown {
    background: #795548;
}

.card-light-gray {
    background: #f9f9f9;
}

.card-slate {
    background: #607d8b;
}

.card-facebook {
    background: #4b64a6;
}

.card-twitter {
    background: #0dace3;
}

.card-googleplus {
    background: #dd4b39;
}

.card-linkedin {
    background: #007bb6;
}

.card-instagram {
    background: #3f729b;
}

.card-pinterest {
    background: #cb2027;
}

.card-dribbble {
    background: #ea4c89;
}

.card-youtube {
    background: #b00;
}

.card-title {
    margin-top: 0;
}

.card-header .list-icon {
    position: absolute;
    right: 0.625rem;
    top: 0.625rem;
    width: 3.125rem;
    height: 3.125rem;
    text-align: center;
    line-height: 3.125rem;
    border-radius: 100%;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.card-action {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    padding: 1.25rem;
}

.text-inverse .card-link:hover,
.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1em;
}

.card-expandable .card-body,
.card-expandable .card-action {
    display: none;
}

.card-expandable.card-expanded .card-body,
.card-expandable.card-expanded .card-action {
    display: block;
}

.card-expandable.card-expanded .list-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.card-expandable .card-header {
    cursor: pointer;
}

.card-outline-color-scheme {
    border-color: #4ca83f;
}

.card-outline-color-scheme .card-footer,
.card-outline-color-scheme .card-header {
    background: #4ca83f;
}

.card-outline-color-scheme-dark {
    border-color: #4ca83f;
}

.card-outline-color-scheme-dark .card-footer,
.card-outline-color-scheme-dark .card-header {
    background: #4ca83f;
}

.card-outline-content-color {
    border-color: #6a719091;
}

.card-outline-content-color .card-footer,
.card-outline-content-color .card-header {
    background: #6a719091;
}

.card-outline-content {
    border-color: #6a719091;
}

.card-outline-content .card-footer,
.card-outline-content .card-header {
    background: #6a719091;
}

.card-outline-primary {
    border-color: #4ca83f;
}

.card-outline-primary .card-footer,
.card-outline-primary .card-header {
    background: #4ca83f;
}

.card-outline-secondary {
    border-color: #868e96;
}

.card-outline-secondary .card-footer,
.card-outline-secondary .card-header {
    background: #868e96;
}

.card-outline-success {
    border-color: #38d57a;
}

.card-outline-success .card-footer,
.card-outline-success .card-header {
    background: #38d57a;
}

.card-outline-info {
    border-color: #4ca83f;
}

.card-outline-info .card-footer,
.card-outline-info .card-header {
    background: #4ca83f;
}

.card-outline-warning {
    border-color: #ffcc02;
}

.card-outline-warning .card-footer,
.card-outline-warning .card-header {
    background: #ffcc02;
}

.card-outline-danger {
    border-color: #ca0000;
}

.card-outline-danger .card-footer,
.card-outline-danger .card-header {
    background: #ca0000;
}

.card-outline-light {
    border-color: #f8f9fa;
}

.card-outline-light .card-footer,
.card-outline-light .card-header {
    background: #f8f9fa;
}

.card-outline-dark {
    border-color: #343a40;
}

.card-outline-dark .card-footer,
.card-outline-dark .card-header {
    background: #343a40;
}

.card-outline-gray-100 {
    border-color: #f8f9fa;
}

.card-outline-gray-100 .card-footer,
.card-outline-gray-100 .card-header {
    background: #f8f9fa;
}

.card-outline-gray-200 {
    border-color: #cdd0e161;
}

.card-outline-gray-200 .card-footer,
.card-outline-gray-200 .card-header {
    background: #cdd0e161;
}

.card-outline-gray-300 {
    border-color: #bbb;
}

.card-outline-gray-300 .card-footer,
.card-outline-gray-300 .card-header {
    background: #bbb;
}

.card-outline-gray-400 {
    border-color: #aaa;
}

.card-outline-gray-400 .card-footer,
.card-outline-gray-400 .card-header {
    background: #aaa;
}

.card-outline-gray-500 {
    border-color: #6a719091;
}

.card-outline-gray-500 .card-footer,
.card-outline-gray-500 .card-header {
    background: #6a719091;
}

.card-outline-gray-600 {
    border-color: #868e96;
}

.card-outline-gray-600 .card-footer,
.card-outline-gray-600 .card-header {
    background: #868e96;
}

.card-outline-gray-700 {
    border-color: #495057;
}

.card-outline-gray-700 .card-footer,
.card-outline-gray-700 .card-header {
    background: #495057;
}

.card-outline-gray-800 {
    border-color: #343a40;
}

.card-outline-gray-800 .card-footer,
.card-outline-gray-800 .card-header {
    background: #343a40;
}

.card-outline-gray-900 {
    border-color: #212529;
}

.card-outline-gray-900 .card-footer,
.card-outline-gray-900 .card-header {
    background: #212529;
}

.card-outline-blue {
    border-color: #0275d8;
}

.card-outline-blue .card-footer,
.card-outline-blue .card-header {
    background: #0275d8;
}

.card-outline-persian-blue {
    border-color: #4786ff;
}

.card-outline-persian-blue .card-footer,
.card-outline-persian-blue .card-header {
    background: #4786ff;
}

.card-outline-indigo {
    border-color: #6610f2;
}

.card-outline-indigo .card-footer,
.card-outline-indigo .card-header {
    background: #6610f2;
}

.card-outline-purple {
    border-color: #9c77ef;
}

.card-outline-purple .card-footer,
.card-outline-purple .card-header {
    background: #9c77ef;
}

.card-outline-pink {
    border-color: #e83e8c;
}

.card-outline-pink .card-footer,
.card-outline-pink .card-header {
    background: #e83e8c;
}

.card-outline-red {
    border-color: #ca0000;
}

.card-outline-red .card-footer,
.card-outline-red .card-header {
    background: #ca0000;
}

.card-outline-cerize-red {
    border-color: #fa607e;
}

.card-outline-cerize-red .card-footer,
.card-outline-cerize-red .card-header {
    background: #fa607e;
}

.card-outline-orange {
    border-color: #fb9678;
}

.card-outline-orange .card-footer,
.card-outline-orange .card-header {
    background: #fb9678;
}

.card-outline-yellow {
    border-color: #ffcc02;
}

.card-outline-yellow .card-footer,
.card-outline-yellow .card-header {
    background: #ffcc02;
}

.card-outline-mustard {
    border-color: #fdb44d;
}

.card-outline-mustard .card-footer,
.card-outline-mustard .card-header {
    background: #fdb44d;
}

.card-outline-green {
    border-color: #38d57a;
}

.card-outline-green .card-footer,
.card-outline-green .card-header {
    background: #38d57a;
}

.card-outline-teal {
    border-color: #20c997;
}

.card-outline-teal .card-footer,
.card-outline-teal .card-header {
    background: #20c997;
}

.card-outline-cyan {
    border-color: #4ca83f;
}

.card-outline-cyan .card-footer,
.card-outline-cyan .card-header {
    background: #4ca83f;
}

.card-outline-white {
    border-color: #fff;
}

.card-outline-white .card-footer,
.card-outline-white .card-header {
    background: #fff;
}

.card-outline-gray-light {
    border-color: #cdd0e161;
}

.card-outline-gray-light .card-footer,
.card-outline-gray-light .card-header {
    background: #cdd0e161;
}

.card-outline-gray {
    border-color: #868e96;
}

.card-outline-gray .card-footer,
.card-outline-gray .card-header {
    background: #868e96;
}

.card-outline-gray-dark {
    border-color: #343a40;
}

.card-outline-gray-dark .card-footer,
.card-outline-gray-dark .card-header {
    background: #343a40;
}

.card-outline-violet {
    border-color: #9c27b0;
}

.card-outline-violet .card-footer,
.card-outline-violet .card-header {
    background: #9c27b0;
}

.card-outline-brown {
    border-color: #795548;
}

.card-outline-brown .card-footer,
.card-outline-brown .card-header {
    background: #795548;
}

.card-outline-light-gray {
    border-color: #f9f9f9;
}

.card-outline-light-gray .card-footer,
.card-outline-light-gray .card-header {
    background: #f9f9f9;
}

.card-outline-slate {
    border-color: #607d8b;
}

.card-outline-slate .card-footer,
.card-outline-slate .card-header {
    background: #607d8b;
}

.card-outline-facebook {
    border-color: #4b64a6;
}

.card-outline-facebook .card-footer,
.card-outline-facebook .card-header {
    background: #4b64a6;
}

.card-outline-twitter {
    border-color: #0dace3;
}

.card-outline-twitter .card-footer,
.card-outline-twitter .card-header {
    background: #0dace3;
}

.card-outline-googleplus {
    border-color: #dd4b39;
}

.card-outline-googleplus .card-footer,
.card-outline-googleplus .card-header {
    background: #dd4b39;
}

.card-outline-linkedin {
    border-color: #007bb6;
}

.card-outline-linkedin .card-footer,
.card-outline-linkedin .card-header {
    background: #007bb6;
}

.card-outline-instagram {
    border-color: #3f729b;
}

.card-outline-instagram .card-footer,
.card-outline-instagram .card-header {
    background: #3f729b;
}

.card-outline-pinterest {
    border-color: #cb2027;
}

.card-outline-pinterest .card-footer,
.card-outline-pinterest .card-header {
    background: #cb2027;
}

.card-outline-dribbble {
    border-color: #ea4c89;
}

.card-outline-dribbble .card-footer,
.card-outline-dribbble .card-header {
    background: #ea4c89;
}

.card-outline-youtube {
    border-color: #b00;
}

.card-outline-youtube .card-footer,
.card-outline-youtube .card-header {
    background: #b00;
}

[class*='card-outline'] .card-block {
    background: #fff;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

[class*='card-outline'] .card-footer,
[class*='card-outline'] .card-header {
    color: #fff;
}

[class*='card-outline'] .card-footer h1,
[class*='card-outline'] .card-footer h2,
[class*='card-outline'] .card-footer h3,
[class*='card-outline'] .card-footer h4,
[class*='card-outline'] .card-footer h5,
[class*='card-outline'] .card-footer h6,
[class*='card-outline'] .card-header h1,
[class*='card-outline'] .card-header h2,
[class*='card-outline'] .card-header h3,
[class*='card-outline'] .card-header h4,
[class*='card-outline'] .card-header h5,
[class*='card-outline'] .card-header h6 {
    color: inherit;
}

.card-body {
    z-index: 1;
}

.blog-post-new .card-header {
    position: relative;
    z-index: 1;
}

#blog-page h2.category-title {
    padding-left: 70px;
    font-size: 160%;
    padding-bottom: 20px;
}

.blog-post-new .card-header::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 7.14286em;
    -webkit-transform: skewY(-4deg) translateY(70%);
    transform: skewY(-4deg) translateY(70%);
    background: #fff;
    z-index: 0;
}

.blog-post-new .card-header .user-image {
    position: absolute;
    right: 2.85714em;
    bottom: -0.35714em;
}

.blog-post-new .card-header .badge,
.blog-post-new .card-header .label {
    position: absolute;
    padding: 0.57143em 1.14286em;
    top: 1.42857em;
    left: 1.42857em;
}

.blog-post-new .card-header .badge::before,
.blog-post-new .card-header .label::before {
    content: "";
    position: absolute;
    right: -1em;
    top: 0;
    border-style: solid;
    border-width: 0px 0 15.5px 14px;
    border-color: transparent transparent transparent #ca0000;
}

.blog-post-new .card-header .badge::after,
.blog-post-new .card-header .label::after {
    content: "";
    position: absolute;
    right: -1em;
    bottom: 0;
    border-style: solid;
    border-width: 15.5px 0 0 14px;
    border-color: transparent transparent transparent #ca0000;
}

.blog-post-new .card-body {
    padding-left: 2.14286em;
    padding-right: 2.14286em;
}

.blog-post-new .card-body p {
    font-size: 0.92857em;
    line-height: 1.78571em;
}

.blog-post-new .card-action a {
    font-size: 0.92857em;
}

.blog-post-new .card-action a i {
    font-size: 1.14286em;
}

body.rtl .blog-post-new .card-header .user-image {
    right: auto;
    left: 2.85714em;
}

.listing-card {
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 6px;
    width: 100%;
}

.listing-card header,
.listing-card .card-info,
.listing-card footer {
    padding-left: 15px;
    padding-right: 15px;
}

.listing-card h4 {
    font-size: 1.6em;
}

.listing-card figure {
    position: relative;
}

.listing-card figure a:not(.add-to-favourites) {
    display: block;
}

.listing-card figure img {
    width: 100%;
    height: auto;
}

.listing-card .add-to-favourites {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 10px;
    border-radius: 3px;
    background: #000;
    opacity: .6;
    color: #fff;
    line-height: 1;
}

.listing-card .add-to-favourites:hover {
    opacity: .8;
}

.images-round-corner .media-actions {
    top: 5px;
    right: 0px;
    left: auto;
    transform: initial;
    width: auto;
    padding-right: 0px;
}

.favourites_list.gigs .images-round-corner .media-actions {
    right: 8px;
}


.my-favourites-artiista .images-round-corner {
    width: 100%;
}

.favourite-user-wrapper:hover .media-actions,
.my-favourites-artiista:hover .media-actions {
    opacity: 1;
}

.listing-card .add-to-favourites i {
    font-size: 1.06667em;
    line-height: 1;
}

.listing-card .card-info {
    font-family: "Montserrat", sans-serif;
    font-size: 0.93333em;
    color: #bbb;
    margin-top: 1.78571em;
    letter-spacing: -1px;
}

.listing-card .card-info strong {
    color: #666;
}

.listing-card svg {
    width: 36px;
    height: 36px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.listing-card .card-info-baths svg {
    top: -6px;
}

.listing-card .card-info path,
.listing-card .card-info line,
.listing-card .card-info g {
    stroke: #bbb;
}

.listing-card header {
    color: #666;
    margin-top: 1.875rem;
}

.listing-card footer {
    padding-top: 15px;
    padding-bottom: 20px;
    border-top: 1px solid #cdd0e161;
}

.listing-card footer .float-left {
    font-family: "Montserrat", sans-serif;
    font-size: 0.86667em;
    padding-top: 5px;
}

.listing-card footer .float-left i {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.listing-card .btn {
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 0.73333em;
}

/********************************
*********************************
CONTACT PAGE
*********************************
*********************************/

#attach-file-error {
    margin-top: 5px;
}

#attach-file {
    display: none;
}

#attach-file-label {
    position: relative;
    top: initial;
    pointer-events: initial;
    opacity: 1;
    transform: initial;
    float: left;
    margin-right: 20px;
}

#selected_file {
    float: left;
    color: #c1c0d4;
    font-size: 93%;
    margin-top: 5px;
}

.social-networks-contact-page.clearfix {
    bottom: 15px;
    position: absolute;
}

.contact-left a {
    color: #fff;
}

.contact-solution {
    font-size: 160%;
    font-family: artiistaLight;

}

.contact-acclaration {
    font-family: Jost;
    font-size: 90%;
    line-height: 1.6;
    padding-top: 30px;
    opacity: 0.7;
}

.contact-left {
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    -webkit-box-shadow: none;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    color: #fff;
    padding: 40px;
    min-height: 520px;
}

.col-md-4.contact-left h6 {
    color: #fff;
    font-size: 160%;
    margin-top: 0;
    margin-bottom: 30px;
}

.contact-right {
    padding: 40px;
}

#send-email-header {
    float: left;
}

#send-email-header h6 {
    margin-bottom: 5px;
}

#send-email-header-wrapper {
    padding-bottom: 20px;
}

#sender-registered-user {
    float: left;
    margin-top: 20px;
    margin-right: 15px;
}

#form-sent-result {
    text-align: center;
}

#form-sent-result,
.valid-message,
.error-message {
    display: none;
}

#form_recover_password #done-message {
    padding-bottom: 20px;
}

#form_reset_password input {
    margin-top: 10px;
    margin-bottom: 30px;
}

.btn-group.bootstrap-select.form-control {
    background: none;
}

/********************************
*********************************
CUSTOM OFFERS PAGE
*********************************
*********************************/

.delivery-custom-offer {
    color: #cfcedc;
    line-height: 1;
}

.content-wrapper-custom-offer .media-body {
    line-height: 1.4;
    padding-top: 3px;
}

.custom-offer-message-received {
    max-height: 200px;
    overflow: scroll;
}

.requests-description .clearfix.pd-b-30 {
    margin-top: 20px;
}

.rejected-offer {
    background: #cfcedc;
    border-radius: 12px;
    line-height: 1.4;
    font-size: 80%;
    padding: 1px 7px;
    margin-left: 10px;
}

.price-job.custom-offer-price {
    padding-top: 20px;
}

.widget-latest-transactions.custom-offers td.user-image {
    width: 57px;
    padding-right: 0;
}

#offers_sent td.user-image {
    padding-right: 15px;
}

.widget-latest-transactions.custom-offers td.user-image img {
    height: 40px;
    width: 40px;
}

.date_added.custom-date-added {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 86%;
    color: #a4a3b1;
    opacity: 0.8;
}

#content-wrapper-offer-content-sent {
    padding-top: 10px;
}

.content-wrapper-custom-offer {
    padding-top: 20px;
}

#content-wrapper-custom-offer-content {
    padding-top: 30px;
}

.custom-offer-price-wrapper {
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 4px solid #f7f7fd;
    margin-bottom: 30px;
}

.dark .custom-offer-price-wrapper {
    border-bottom: 4px solid #47455a7a;
}

#post-custom-offer .media {
    padding-bottom: 15px;
}

#custom-offer-modal .modal-content {
    min-width: 560px;
}

.custom-offers-received .price-wrapper {
    display: inline-block;
    color: #151b23;
    font-size: 160%;
    font-family: Jost;
    line-height: 1;
}


/********************************
*********************************
Blog Post
*********************************
*********************************/

.blog-page-widget .widget-bg {
    border-radius: 40px;
}

#blog-page form#send_sms_form .reply-message {
    padding-left: 0;
}

form#send_sms_form .reply-message {
    padding-left: 0;
}

.blog-post-content,
section.post-comments-section {
    width: 100%;
}

#send-message-wrapper-error,
#send-message-wrapper-confirm {
    display: none;
}

#post-comment {
    border-top: 1px solid #e7e7f3;
    padding-top: 50px;
    margin-top: 20px;
    padding-left: 150px;
}

#send-message-wrapper {
    width: 100%;
}

.media-body.reply-message-wrapper {
    background-color: #fff;
    padding: 15px 30px 0 30px;
    margin-left: 30px;
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
}

#post-comment .media-body {
    margin-left: 30px;
    padding-left: 10px;
}

.post-comments .message.reply.media {
    padding-left: 30px;
}

.blog-post-content .media-body {
    padding: 15px 30px 0 30px;
    margin-left: 30px;
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
}

.widget_categories li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px dashed rgba(153, 153, 153, 0.3);
    margin-bottom: .5em;
    padding-bottom: .5em;
    padding-bottom: .5em;
    font-family: "Montserrat", sans-serif;
    color: #151b23;
    font-size: 90%;
}


.widget_recent_posts li {
    border-bottom: 1px dashed rgba(153, 153, 153, 0.3);
    margin-bottom: .5em;
    padding-bottom: .5em;
    padding-bottom: .5em;
    font-family: "Montserrat", sans-serif;
    color: #151b23;
    font-size: 90%;
}

.last_post_picture {
    float: left;
}

.last_post_title {
    line-height: 1.5;
    min-height: 37px;
    font-size: 100%;
    font-family: Zilla Slab;
    text-align: left;
}

.widget_recent_posts li {
    margin-bottom: 10px;
    padding-bottom: 11px;
    cursor: pointer;
}


.last_post_picture img {
    width: 70px;
    margin-right: 10px;
    border-radius: 6px;
}

.blog-post-single,
.blog-post {
    display: inline-block;
}

.blog-post-single figure,
.blog-post figure {
    margin-bottom: 0;
}

.blog-post-single p:last-child,
.blog-post p:last-child {
    margin-bottom: 0;
}

.blog-post-card {
    background: #fff;
    overflow: hidden;
    border-radius: 30px;
    border: 0.0625rem solid #cdd0e161;
    display: block;
    margin-bottom: 1.875rem;
}

.widget-holder.col-md-8.blog-page-widget {
    max-width: 825px;
}

.blog-post-card .blog-post-content,
.blog-post-card footer,
.blog-post-card header {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
}

.blog-post-card > figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.blog-post-card > figure a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.blog-post-content p {
    color: #151b23;
}

.blog-post-card > figure img {
    width: 100%;
    max-height: 100% !important;
    height: 100% !important;
}

.blog-post-card header {
    padding-top: 1.78571em;
}

.blog-post-card .blog-post-share-links {
    position: absolute;
    top: 0;
    left: 2.85714em;
    padding-left: 2.85714em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    max-width: 0;
    height: 2.85714em;
}

.blog-post-card .blog-post-share-links > li {
    padding: 0;
    padding-left: 0.71429em;
    margin-right: 0;
    height: 2.85714em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.blog-post-card .blog-post-share-links > li:first-child {
    padding-left: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.blog-post-card .blog-post-share-links > li:not(:first-child) {
    opacity: 0;
    -webkit-transform: translateX(-1.25rem) rotate(0deg);
    transform: translateX(-1.25rem) rotate(0deg);
}

.blog-post-card .blog-post-share-links.active,
.blog-post-card .blog-post-share-links:hover {
    max-width: 56.25rem;
}

.blog-post-card .blog-post-share-links.active > li:not(:first-child),
.blog-post-card .blog-post-share-links:hover > li:not(:first-child) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.blog-post-card .blog-post-share-links.active li:first-child,
.blog-post-card .blog-post-share-links:hover li:first-child {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.blog-post-card .blog-post-share-links.active li:nth-child(1),
.blog-post-card .blog-post-share-links:hover li:nth-child(1) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.blog-post-card .blog-post-share-links.active li:nth-child(2),
.blog-post-card .blog-post-share-links:hover li:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.blog-post-card .blog-post-share-links.active li:nth-child(3),
.blog-post-card .blog-post-share-links:hover li:nth-child(3) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.blog-post-card .blog-post-share-links.active li:nth-child(4),
.blog-post-card .blog-post-share-links:hover li:nth-child(4) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.blog-post-card .blog-post-share-links.active li:nth-child(5),
.blog-post-card .blog-post-share-links:hover li:nth-child(5) {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.blog-post-card .blog-post-share-links.active li:nth-child(6),
.blog-post-card .blog-post-share-links:hover li:nth-child(6) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.blog-post-card .blog-post-share-links.active li:nth-child(7),
.blog-post-card .blog-post-share-links:hover li:nth-child(7) {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

.blog-post-card .blog-post-share-links.active li:nth-child(8),
.blog-post-card .blog-post-share-links:hover li:nth-child(8) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.blog-post-card .blog-post-share-links.active li:nth-child(9),
.blog-post-card .blog-post-share-links:hover li:nth-child(9) {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

.blog-post-card .blog-post-share-links.active li:nth-child(10),
.blog-post-card .blog-post-share-links:hover li:nth-child(10) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

li.list-inline-item svg {
    margin-top: 9px;
}

.blog-post-card .blog-post-share-links .link-to-share {
    display: inline-block;
    color: #fff;
    height: 2.85714em;
    width: 2.85714em;
    text-align: center;
    border-radius: 6.25rem;
    border: 3px solid #fff;
}

.blog-post-card .blog-post-share-links a i {
    line-height: 1.1;
    font-size: 2.14286em;
}

.blog-post-card .blog-post-title {
    text-align: left;
}

.blog-post-card .blog-post-title a:focus,
.blog-post-card .blog-post-title a:hover {
    color: #4ca83f;
}

.blog-post-card .blog-post-tags {
    font-size: 0.9em;
}

.blog-post-card .blog-post-tags ul {
    margin-left: 0;
}

.blog-post-card .blog-post-tags ul > li {
    padding: 0;
}

.blog-post-card .blog-post-tags ul > li:after {
    content: ',';
}

.blog-post-card .blog-post-tags ul > li:last-child:after {
    content: '';
}

.blog-post-card .blog-post-content {
    margin-top: 15px;
    text-align: left;
}

.blog-post-card footer {
    padding-bottom: 2.85714em;
}

.blog-post-card.blog-post-single header {
    padding-top: 3.57143em;
}

.blog-post-card.blog-post-single .blog-post-content {
    margin-bottom: 2.85714em;
}

/********************************
*********************************
Comments
*********************************
*********************************/

.blog-post-comments .comment {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.blog-post-comments .comment > figure {
    margin-right: 1.875rem;
}

.blog-post-comments .comment-body {
    background: #fff;
    padding: 20px 20px;
}

.blog-post-comments .comment-body p:last-child {
    margin-bottom: 0;
}

.blog-post-comments .replies {
    margin-top: 1.875rem;
    padding-left: 5.625rem;
    width: 100%;
}

.rtl .blog-post-comments .comment > figure {
    margin-left: 1.875rem;
    margin-right: 0;
}

.rtl .blog-post-comments .replies {
    padding-left: 0;
    padding-right: 5.625rem;
}

/********************************
*********************************
Sidebar
*********************************
*********************************/

.blog-page-sidebar .widget {
    margin-bottom: 40px;
    margin-top: 30px;
}

.widget_search a.btn.btn-primary {
    height: 41px;
}

.blog-page-sidebar .widget-title {
    margin-top: 0;
    font-size: 1.25rem;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 1.25rem;
}

.blog-page-sidebar .widget-title:after {
    content: '';
    width: 2.5rem;
    height: 1px;
    background: #4ca83f;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}


.rtl .blog-page-sidebar .widget-title::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: auto;
}

.blog-page-sidebar .widget_tag_cloud .tagcloud a {
    font-family: "Montserrat", sans-serif;
    line-height: 1.3;
}

.blog-page-sidebar .widget_archives ul {
    list-style: none;
    padding: 0;
    font-size: 90%;
}

.blog-page-sidebar .widget_archives li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px dashed rgba(153, 153, 153, 0.3);
    margin-bottom: .5em;
    padding-bottom: .5em;
    padding-bottom: .5em;
    font-family: "Montserrat", sans-serif;
    color: #bbb;
}

.blog-page-sidebar .widget_archives a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/********************************
*********************************
Carousel
*********************************
*********************************/

.carousel.slick-slider .slick-slide img {
    width: 100%;
    height: auto;
}

.carousel.slick-slider.slick-dotted.slick-slider {
    margin-bottom: 4.28571em;
}

.carousel.slick-slider .slick-slide {
    max-width: 100%;
    height: auto;
}

.carousel.slick-slider .slick-arrow:before {
    font-size: 2.25rem;
    display: block;
}

.carousel.slick-slider .slick-next,
.carousel.slick-slider .slick-prev {
    height: 3.75rem;
    width: 3.75rem;
    z-index: 3;
}

.carousel.slick-slider .slick-next {
    right: 1.5625rem;
}

.carousel.slick-slider .slick-next:before {
    content: "keyboard_arrow_right";
    font-family: "Material Icons";
}

.carousel.slick-slider .slick-prev {
    left: 1.5625rem;
}

.carousel.slick-slider .slick-prev:before {
    content: "keyboard_arrow_left";
    font-family: "Material Icons";
}

.carousel.slick-slider .slick-dots {
    bottom: -3.4375rem;
}

.carousel.slick-slider .slick-dots li {
    padding: 0 0.3125rem;
}

.carousel.slick-slider .slick-dots li.slick-active button:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.68, 0, 0.265, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.68, 0, 0.265, 1);
    transition: transform 0.3s cubic-bezier(0.68, 0, 0.265, 1);
    transition: transform 0.3s cubic-bezier(0.68, 0, 0.265, 1), -webkit-transform 0.3s cubic-bezier(0.68, 0, 0.265, 1);
}

.carousel.slick-slider .slick-dots li button:before {
    height: 0.625rem;
    width: 0.625rem;
    content: "";
    display: block;
    background: #4ca83f;
    border-radius: 100px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0.2;
}

.carousel.slick-slider .single-item-caption {
    background: #fff;
    text-shadow: none;
    bottom: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.carousel.slick-slider .single-item-caption .single-item-caption-inside {
    border: 6px solid #e0f0ed;
    margin: 0 1.42857em 0 1.42857em;
    padding-bottom: 1.42857em;
}

.carousel.slick-slider .single-item-caption .single-item-caption-inside p {
    color: #000;
}

.carousel.slick-slider .carousel-caption {
    width: 50%;
    left: 50%;
    right: auto;
}

body.rtl .carousel.slick-slider {
    direction: ltr;
}

.multi-slide-carousel {
    /* the parent */
}

.multi-slide-carousel .slick-slide {
    margin-left: 0.125rem;
}

.multi-slide-carousel .slick-list {
    margin-left: -0.125rem;
}

.multi-slide-carousel .item-image {
    position: relative;
}

.multi-slide-carousel .item-image .img-shadow .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 0 -100px 70px -30px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 -100px 70px -30px rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
}

.multi-slide-carousel .item-image .header-caption {
    position: absolute;
    top: 0;
    padding: 1.42857em;
}

.goToUrl {
    cursor: pointer;
}

.multi-slide-carousel .item-image .header-caption a {
    position: relative;
    font-family: "Roboto", sans-serif;
    font-size: 0.85714em;
    color: #fff;
    padding: 0.41667em 0.66667em;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    display: inline-block;
}

.multi-slide-carousel .item-image .header-caption a .triangle-top-left {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0 0;
    border-color: #38d57a transparent transparent transparent;
}

.multi-slide-carousel .item-image .content-caption {
    cursor: pointer;
    position: absolute;
    bottom: -4.64286em;
    padding: 0 1.42857em;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .multi-slide-carousel .item-image .content-caption {
        -webkit-transition: none;
        transition: none;
        bottom: 0;
    }

    .multi-slide-carousel .item-image .content-caption .item-desc {
        display: none;
    }
}

@media (max-width: 767px) {
    .multi-slide-carousel .item-image .content-caption {
        -webkit-transition: none;
        transition: none;
        bottom: 0;
    }

    .multi-slide-carousel .item-image .content-caption .item-desc {
        display: none;
    }
}

.multi-slide-carousel .item-image .content-caption .item-title {
    text-decoration: none;
    margin-bottom: 0.71429em;
}

.multi-slide-carousel .item-image .content-caption .item-title h3 {
    font-family: "Roboto", sans-serif;
}

.multi-slide-carousel .item-image:hover .content-caption {
    bottom: 0;
}

body.rtl .multi-slide-carousel .item-image .content-caption {
    direction: rtl;
}

/********************************
*********************************
Tabs
*********************************
*********************************/

.nav-tabs a,
.nav-pills a {
    color: #151b23;
}

.nav-tabs {
    position: relative;
}

.nav-tabs li a {
    color: #151b23;
}

.nav-tabs li a:hover {
    background: rgba(0, 0, 0, 0.03);
}

.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover {
    color: #4ca83f;
    border-color: #cdd0e161 #cdd0e161 #fff;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border-color: #cdd0e161 #cdd0e161 #fff;
    background: none;
}

.dark .nav-tabs .nav-link.active,
.dark .nav-tabs .nav-item.show .nav-link {
    border-color: #4e4c54 #4e4c54 #34343e;
    background: none;
}

.nav-tabs .list-icon {
    font-size: 1.125rem;
    vertical-align: middle;
    position: relative;
    top: -0.0625rem;
}

.tab-content {
    padding: 20px 0;
    background: #fff;
}

.dark .tab-content {
    padding: 20px 0;
    background: #2a2a31;
}

.dark #submitEditExtraForm .tab-content {
    padding: 20px 0;
    background: #34343e;
}

.dark #submitEditExtraForm .limit-section {
    background-color: #34343e;
}

.dark #submitEditExtraForm .nav-tabs li.active a,
.dark #submitEditExtraForm .nav-tabs li.active a:focus,
.dark #submitEditExtraForm .nav-tabs li.active a:hover {
    border-color: #4e4c54 #4e4c54 #34343e;
}

.dark #submitEditExtraForm .form-control,
.dark #submitEditExtraForm .btn-default {
    color: #ebefffbf;
    background-color: #393946;
    border: 1px solid #393946;
}

.dark #submitEditExtraForm .input-group-addon {
    background-color: #393946;
    border: 1px solid #393946 !important;
}

/* Vertical Tabs
========================*/

.tabs-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tabs-vertical .nav-tabs {
    -ms-flex-preferred-size: 10.71429em;
    flex-basis: 10.71429em;
    border: 0;
}

.tabs-vertical .nav-tabs li a {
    border: 0;
    border-radius: 2px;
}

.tabs-vertical .nav-tabs li.active a,
.tabs-vertical .nav-tabs li.active a:focus,
.tabs-vertical .nav-tabs li.active a:hover,
.tabs-vertical .nav-tabs .nav-link.active,
.tabs-vertical .nav-tabs .nav-item.show .nav-link {
    color: #fff !important;
    background: #4ca83f;
    border: 0;
}

.tabs-vertical .tab-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 0 0 1.42857em;
}

body.rtl .tabs-vertical .tab-content {
    padding: 0 1.42857em 0 0;
}

.tabs-vertical-right .nav-tabs {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.tabs-vertical-right .tab-content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0 0 1.42857em 0;
}

.tabs-vertical-icons .nav-tabs {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    text-align: center;
}

/* Tabs Bordered
========================*/

.tabs-bordered .nav-tabs {
    border: 0;
}

.tabs-bordered .nav-tabs li {
    z-index: 1;
}

.tabs-bordered .nav-tabs li + li {
    margin-left: 0.71429em;
}

.tabs-bordered .nav-tabs a {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 0;
    border: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tabs-bordered .nav-tabs a:hover,
.tabs-bordered .nav-tabs a:focus {
    color: #4ca83f;
    background: transparent;
}

.tabs-bordered .nav-tabs li.active a,
.tabs-bordered .nav-tabs li.active a:focus,
.tabs-bordered .nav-tabs li.active a:hover,
.tabs-bordered .nav-tabs .nav-link.active,
.tabs-bordered .nav-tabs .nav-item.show .nav-link {
    color: #fff !important;
    border: 0;
    background: #4ca83f;
}

.tabs-bordered .nav-tabs a::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #d2d8d6;
    content: '';
    -webkit-transition: all 0.3s, -webkit-transform 0.3s;
    transition: all 0.3s, -webkit-transform 0.3s;
    transition: all 0.3s, transform 0.3s;
    transition: all 0.3s, transform 0.3s, -webkit-transform 0.3s;
    -webkit-transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
    transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
}

.tabs-bordered .nav-tabs .nav-link.active::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.tabs-bordered .nav-tabs .nav-link.active::before,
.tabs-bordered .nav-tabs li a:hover::before,
.tabs-bordered .nav-tabs li a:focus::before {
    background: #4ca83f;
}

body.rtl .tabs-bordered li:first-child {
    margin-left: 0.71429em;
}

/* Page Tabs
========================*/

.tabs-page .nav-tabs {
    border-bottom: 0;
}

.tabs-page .nav-tabs .nav-link {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0;
    font-family: "Montserrat", sans-serif;
    color: rgba(255, 255, 255, 0.5);
    padding: 1rem 3rem;
}

.tabs-page .nav-tabs .nav-link.active {
    background: #f5f7fa;
    color: #4ca83f;
    -webkit-box-shadow: 0px -4px 0 0 #4ca83f;
    box-shadow: 0px -4px 0 0 #4ca83f;
}

.tabs-page .nav-tabs li {
    margin-left: 0.35714em;
    margin-right: 0.35714em;
}

/********************************
*********************************
Accordions
*********************************
*********************************/

.accordion .card {
    margin-bottom: 0.35714em;
}

.accordion .card .card-header {
    padding: 0;
}

.accordion .card .card-header a {
    display: block;
    padding: 5px 20px 5px 45px;
    background-color: #f7f7fd;
    position: relative;
    border-radius: 20px;
    font-size: 95%;
}

.accordion.accordion-minimal .card-collapse {
    padding-left: 45px;
}

.questions-counter {
    background-color: #fff;
    position: absolute;
    width: 30px;
    text-align: center;
    border-radius: 20px;
    left: 6px;
}

.accordion.accordion-minimal .card-header {
    border-bottom: none;
}

.accordion-minimal .card-title a:after {
    content: ' ... ';
    color: transparent;
    background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='12' height='12' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='grey'/></g></svg>") no-repeat;
    position: absolute;
    right: 15px;
    top: 14px;
}


.accordion .card .card-title {
    font-size: 1.07143em;
    margin-bottom: 0;
}

.accordion [class*="card-outline-"] .card-header a,
.accordion .card-inverse .card-header a {
    color: #fff;
}

body.rtl .accordion .card .card-header a:after {
    right: auto;
    left: 0.9375rem;
}

.accordion-minimal .card {
    border: none;
}

.accordion-minimal .card-header {
    background: #fff;
}

.accordion-minimal .card-title a {
    font-family: Zilla Slab;
}

.accordion-minimal .card-title a:hover,
.accordion-minimal .card-title a:focus {
    color: #4ca83f;
}

.accordion-minimal .card-block {
    padding: 1.78571em;
}

/********************************
 *********************************
 NOTIFICATIONS  
 *********************************
 *********************************/

.notifications-artiista .job_no_image img {
    width: 80px;
    height: 45px;
}

.notifications-artiista .manage_job_img .job_no_image {
    height: 45px;
}

.notifications-artiista .job_no_image-logo-wrapper {
    top: 27px;
}

.notifications-artiista .manage_job_img {
    position: relative;
}

#include_notifications {
    max-height: 327px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#include_notifications_responsive {
    max-height: 293px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.dropdown-list-group.inbox {
    max-height: 332px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#loader-notifications,
#loader-inbox,
#loader-notifications_responsive,
#loader-inbox_responsive {
    text-align: center;
    padding-top: 20px;
    display: none;
}

.icon-notifications {
    text-align: center;
}

.order-image-notif.icon {
    width: 50px;
}

.notifications-number {
    background-color: #4ca83f;
    text-align: center;
    position: absolute;
    min-width: 21px;
    max-width: 28px;
    top: 19px;
    left: 30px;
    font-size: 69%;
    padding: 4px;
    line-height: 1.1;
    border-radius: 50px;
    font-family: Jost;
    color: #fff;
}

span.media-body.read {
    opacity: 0.6;
}

li.new-notif-line {
    background: rgb(241 248 247) !important;
    border-bottom: 1px solid #cdd0e161 !important;
}

li.new-notif-line.red {
    background: rgba(255, 6, 6, 0.04) !important;
    border-bottom: 1px solid #ca0000 !important;
}

.red .unread-notification {
    background-color: #ca0000 !important;
}

.red .heading-font-family.media-heading {
    color: #ca0000 !important;
}

.orange .unread-notification {
    background-color: #fa0 !important;
}

.orange .heading-font-family.media-heading {
    color: #fa0 !important;
}

.message-received-on.unread {
    color: #6a719091;
}

li.notif-line {
    border: 0;
}

.boldblue {
    font-family: Jost;
    color: #4ca83f !important;
}

a.blue {
    color: #4ca83f;
}

.boldred {
    font-weight: bold;
    color: #ca0000;
}

.text-oblique {
    font-style: oblique;
}

.boldorange {
    font-family: Jost;
    color: #fa0;
}

.unread-notification {
    height: 15px;
    background-color: #4ca83f;
    border-radius: 4px;
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    line-height: 1.1;
    padding: 2px 5px;
    font-size: 75%;
    float: right;
    margin-top: 10px;
}

#notifications-page .unread-notification {
    line-height: 0.8;
    margin-right: 15px;
    margin-top: 15px;
}

#notifications-page .email-data-inbox-notifications .message-received-on {
    top: 13px;
}

.flag-spam-icon-user {
    position: absolute !important;
    right: 0;
    top: -15px;
    cursor: pointer;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: sepia(90%) hue-rotate(190deg) saturate(100%);
    opacity: 0.3;
    transition: all 0.3s ease-in-out;
}

.flag-spam-icon-user:hover,
.flag-spam-icon-user.user-flagged {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    opacity: 0.9;
}

.flagged {
    position: absolute;
    right: 20px;
    top: -13px;
    font-size: 83%;
    color: #ca0000;
    opacity: 0.8;
}

.mail-list .unread-notification {
    margin-top: 0px;
    font-size: 70%;
}

.inbox-container .col-md-8.col-12.h-100.d-flex.flex-column {
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
}

.add-message-to-file {
    display: inline-block;
}

.sender-preview {
    padding-left: 61px;
    padding-top: 10px;
    line-height: 1.3;
    padding-bottom: 6px;
}

.mail-list-item figure.thumb-xs2.mr-3.mr-0-rtl.ml-3-rtl {
    position: absolute;
    padding-top: 5px;
}

.email-data {
    position: absolute;
    right: 8px;
    top: 16px;
}

.date-received {
    float: left;
    margin-right: 7px;
    margin-top: 1px;
}

.mail-list-item .headings-font-family {
    padding-top: 15px;
}

.mail-select-checkbox label {
    padding-top: 20px;
}

.new-notif-line .order-image-notif {
    opacity: 1;
}

.message-received-on {
    position: absolute;
    right: 10px;
    top: 3px;
    font-size: 83%;
    color: #c1c0d4a8;
}

.dropdown-menu.dropdown-left.dropdown-card.animated.flipInX .media {
    padding-bottom: 0px;
}

.order-image-notif img {
    border-radius: 5px;
}

.order-image-notif {
    width: 80px;
    opacity: 0.7;
}

.notif-line {
    position: relative;
}

.notifications-number.none {
    opacity: 0;
}

/********************************
 *********************************
 LISTS
 *********************************
 *********************************/

.list-group .list-icon {
    font-size: 1.28571em;
    position: relative;
}

.list-group .badge,
.list-group .label {
    margin-top: 0.14286em;
}

/* Sortable Lists
========================*/

.list-group.sortable .list-group-item {
    border-radius: 0.14286em;
    margin-bottom: 0.35714em;
    padding-top: 1.07143em;
    padding-bottom: 1.07143em;
}

.list-group.sortable .list-group-item::after {
    clear: both;
    content: "";
    display: block;
}

.list-group.sortable .list-icon {
    font-size: 1.28571em;
    position: relative;
    top: -0.11111em;
}

.list-group.sortable a .list-icon {
    color: #4ca83f;
}

.list-group.sortable a:hover .list-icon {
    color: #4ca83f;
}

.list-group.sortable .ui-sortable-placeholder {
    height: 3.78571em;
    border: 0.125rem dashed #4ca83f !important;
    background: none !important;
    margin-bottom: 0.35714em;
    list-style: none;
    visibility: visible !important;
}

/* Nestable Sortable List
========================*/

.dd-dragel,
.dd {
    display: block;
    width: 100%;
    max-width: none;
}

.dd-dragel .dd-item,
.dd .dd-item {
    position: relative;
}

.dd-dragel .dd-item .dd-list,
.dd .dd-item .dd-list {
    padding-left: 2.85714em;
}

.dd-dragel .dd-item .dd-handle,
.dd .dd-item .dd-handle {
    cursor: move;
}

.dd-dragel .dd-item > div,
.dd-dragel .dd-item .dd-handle,
.dd .dd-item > div,
.dd .dd-item .dd-handle {
    font-size: 0.875rem;
    color: #6a719091;
    border: 0.0625rem solid #cdd0e161;
    padding: 0.71429em 1.42857em;
    height: 2.85714em;
    background: #fff;
    margin: 0.71429em 0;
}

.dd-dragel .dd-item > button.dd-expand,
.dd-dragel .dd-item > button.dd-collapse,
.dd .dd-item > button.dd-expand,
.dd .dd-item > button.dd-collapse {
    line-height: 1;
    font-size: 1.23077em;
    text-align: center;
    opacity: 0.2;
    height: 2.5em;
    width: 2.5em;
    margin: 0;
}

.dd-dragel .dd-item > button.dd-expand:before,
.dd-dragel .dd-item > button.dd-collapse:before,
.dd .dd-item > button.dd-expand:before,
.dd .dd-item > button.dd-collapse:before {
    font-family: 'Material Icons';
}

.dd-dragel .dd-item > button.dd-collapse::before,
.dd .dd-item > button.dd-collapse::before {
    content: 'remove';
}

.dd-dragel .dd-item > button.dd-expand::before,
.dd .dd-item > button.dd-expand::before {
    content: 'add';
}

.dd-dragel .dd-item.dd3-item,
.dd .dd-item.dd3-item {
    padding-left: 2.92308em;
}

.dd-dragel .dd-item.dd3-item .dd-list,
.dd .dd-item.dd3-item .dd-list {
    padding-left: 0;
}

.dd-dragel .dd-item .dd3-handle,
.dd .dd-item .dd3-handle {
    background: #f7f7fd;
    height: 2.85714em;
    width: 2.85714em;
    line-height: 2.85714em;
    text-align: center;
    display: inline-block;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.dd-dragel .dd-item .dd3-handle:before,
.dd .dd-item .dd3-handle:before {
    content: "open_with";
    font-family: 'Material Icons';
    text-indent: 0;
}

/********************************
*********************************
Counters
*********************************
*********************************/

.counter-gradient {
    text-align: center;
}

.amount-sales .amount-net-to-seller {
    font-size: 160% !important;
    margin-top: 7px;
}

.amount-orders .amount-net-to-seller {
    font-size: 160% !important;
    margin-top: 2px;
}

.amount-withdrawals .amount-net-to-seller {
    font-size: 160% !important;
    margin-top: 8px;
}

.results_tab_wrapper.status_wrapper.hide-on-mobile {
    height: 40px;
}

.dash-stats-col .requests-data-numb-inside {
    height: 26px;
}

.my_jobs_container .float_val {
    font-size: 50%;
    margin-top: 4px;
    margin-left: -2px;
}

.my_jobs_container .currency-symb {
    margin-top: 4px;
    margin-right: 1px;
}

.amount-with-comission {
    color: #cfcedc;
    font-family: Jost;
    margin-top: 0px;
    line-height: 1;
}

.my-payments.including-fees .amount-sales .amount-net-to-seller {
    margin-top: -1px;
}

td.price-amount {
    text-align: right;
}

.counter-gradient .counter {
    color: #4ca83f;
    background: -webkit-linear-gradient(#4ca83f, #484997);
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.counter-w-info {
    margin-bottom: 10px;
}

.counter-w-info .counter {
    font-size: 2.625rem;
    margin: 0 0.15em;
}

.counter-w-info .counter-title {
    font-size: 1.5rem;
    font-family: "Montserrat", sans-serif;
    text-align: center;
    line-height: 1.2;
    letter-spacing: -0.05em;
    color: #151b23;
}

.counter-w-info .counter-info {
    text-align: center;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.06em;
    font-size: 0.92857em;
    margin-top: 0.38462em;
    color: #bbb;
}

.counter-w-info .counter-info .badge,
.counter-w-info .counter-info .label {
    font-size: inherit;
}

/* Modals
========================*/

#video-play-modal .modal-content {
    min-width: 780px;
}

.modal-content {
    padding: 40px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 86px 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 86px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 86px 6px rgba(0, 0, 0, 0.25);
    min-width: 600px;
}

#profile-page #video-play-modal-aws .modal-content {
    background-color: transparent;
}

.modal-profile-header-picture h5.modal-title,
.modal-profile-big-picture h5.modal-title {
    margin: auto;
}


.modal-content .close {
    font-size: 35px;
    top: 0;
    position: absolute;
    right: 0;
    opacity: 1;
    height: 55px;
    width: 55px;
    text-shadow: none;
    color: #cdd0e161;
    text-align: center;
    line-height: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.helper .close {
    font-size: 39px;
    color: #c8cbd8;
}

.helper .close:hover {
    color: #c8cbd8;
}

.dark .modal-content .close {
    color: #cdd0e1615c;
}

.modal-content .close:hover {
    color: #151b23;
}

body.rtl .modal-content .close {
    right: auto;
    left: -0.85714em;
}

.modal-footer,
.modal-body {
    padding-left: 0;
    padding-right: 0;
}

.modal-header {
    border-top-left-radius: 0.21429em;
    border-top-right-radius: 0.21429em;
}

.modal-title {
    margin-top: 0;
}

#new-custom-offer .modal-dialog {
    max-width: 600px;
}

#new-custom-offer .input-group-addon {
    min-width: 85px;
    text-align: center;
}

#new-custom-offer .checkbox-list__item {
    border-bottom: none;
}

#new-custom-offer .limit-section {
    padding-top: 0px;
}

#new-custom-offer #sendNewCustomOfferBtn,
#new-custom-offer #step2-custom-offer,
#new-custom-offer #step1 {
    display: none;
}

.modal-img {
    cursor: pointer;
}

.modal-color-scheme .modal-content .modal-header {
    background: #4ca83f;
    border: 0;
}

.modal-color-scheme-dark .modal-content .modal-header {
    background: #4ca83f;
    border: 0;
}

.modal-content-color .modal-content .modal-header {
    background: #6a719091;
    border: 0;
}

.modal-content .modal-content .modal-header {
    background: #6a719091;
    border: 0;
}

.modal-primary .modal-content .modal-header {
    background: #4ca83f;
    border: 0;
}

.modal-secondary .modal-content .modal-header {
    background: #868e96;
    border: 0;
}

.modal-success .modal-content .modal-header {
    background: #38d57a;
    border: 0;
}

.modal-info .modal-content .modal-header {
    background: #4ca83f;
    border: 0;
}

.modal-warning .modal-content .modal-header {
    background: #ffcc02;
    border: 0;
}

.modal-danger .modal-content .modal-header {
    background: #ca0000;
    border: 0;
}

.modal-light .modal-content .modal-header {
    background: #f8f9fa;
    border: 0;
}

.modal-dark .modal-content .modal-header {
    background: #343a40;
    border: 0;
}

.modal-gray-100 .modal-content .modal-header {
    background: #f8f9fa;
    border: 0;
}

.modal-gray-200 .modal-content .modal-header {
    background: #cdd0e161;
    border: 0;
}

.modal-gray-300 .modal-content .modal-header {
    background: #bbb;
    border: 0;
}

.modal-gray-400 .modal-content .modal-header {
    background: #aaa;
    border: 0;
}

.modal-gray-500 .modal-content .modal-header {
    background: #6a719091;
    border: 0;
}

.modal-gray-600 .modal-content .modal-header {
    background: #868e96;
    border: 0;
}

.modal-gray-700 .modal-content .modal-header {
    background: #495057;
    border: 0;
}

.modal-gray-800 .modal-content .modal-header {
    background: #343a40;
    border: 0;
}

.modal-gray-900 .modal-content .modal-header {
    background: #212529;
    border: 0;
}

.modal-blue .modal-content .modal-header {
    background: #0275d8;
    border: 0;
}

.modal-persian-blue .modal-content .modal-header {
    background: #4786ff;
    border: 0;
}

.modal-indigo .modal-content .modal-header {
    background: #6610f2;
    border: 0;
}

.modal-purple .modal-content .modal-header {
    background: #9c77ef;
    border: 0;
}

.modal-pink .modal-content .modal-header {
    background: #e83e8c;
    border: 0;
}

.modal-red .modal-content .modal-header {
    background: #ca0000;
    border: 0;
}

.modal-cerize-red .modal-content .modal-header {
    background: #fa607e;
    border: 0;
}

.modal-orange .modal-content .modal-header {
    background: #fb9678;
    border: 0;
}

.modal-yellow .modal-content .modal-header {
    background: #ffcc02;
    border: 0;
}

.modal-mustard .modal-content .modal-header {
    background: #fdb44d;
    border: 0;
}

.modal-green .modal-content .modal-header {
    background: #38d57a;
    border: 0;
}

.modal-teal .modal-content .modal-header {
    background: #20c997;
    border: 0;
}

.modal-cyan .modal-content .modal-header {
    background: #4ca83f;
    border: 0;
}

.modal-white .modal-content .modal-header {
    background: #fff;
    border: 0;
}

.modal-gray-light .modal-content .modal-header {
    background: #cdd0e161;
    border: 0;
}

.modal-gray .modal-content .modal-header {
    background: #868e96;
    border: 0;
}

.modal-gray-dark .modal-content .modal-header {
    background: #343a40;
    border: 0;
}

.modal-violet .modal-content .modal-header {
    background: #9c27b0;
    border: 0;
}

.modal-brown .modal-content .modal-header {
    background: #795548;
    border: 0;
}

.modal-light-gray .modal-content .modal-header {
    background: #f9f9f9;
    border: 0;
}

.modal-slate .modal-content .modal-header {
    background: #607d8b;
    border: 0;
}

.modal-facebook .modal-content .modal-header {
    background: #4b64a6;
    border: 0;
}

.modal-twitter .modal-content .modal-header {
    background: #0dace3;
    border: 0;
}

.modal-googleplus .modal-content .modal-header {
    background: #dd4b39;
    border: 0;
}

.modal-linkedin .modal-content .modal-header {
    background: #007bb6;
    border: 0;
}

.modal-instagram .modal-content .modal-header {
    background: #3f729b;
    border: 0;
}

.modal-pinterest .modal-content .modal-header {
    background: #cb2027;
    border: 0;
}

.modal-dribbble .modal-content .modal-header {
    background: #ea4c89;
    border: 0;
}

.modal-youtube .modal-content .modal-header {
    background: #b00;
    border: 0;
}

.modal-content .modal-header {
    background: none;
}

/********************************
 *********************************
 BASIC
 *********************************
 *********************************/

/* Basic Form
========================*/

select,
button,
textarea,
input {
    font-family: inherit;
}

select::-webkit-input-placeholder,
button::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: #c7c7d4;
    opacity: 1;
}

.input-focused .search-query::-webkit-input-placeholder,
.input-focused .search-query::-webkit-input-placeholder,
.input-focused .search-query::-webkit-input-placeholder,
.input-focused .search-query::-webkit-input-placeholder {
    color: #777 !important;
    opacity: 1;
}

select:-moz-placeholder,
button:-moz-placeholder,
textarea:-moz-placeholder,
input:-moz-placeholder {
    color: #bbb;
    opacity: 1;
}

select::-moz-placeholder,
button::-moz-placeholder,
textarea::-moz-placeholder,
input::-moz-placeholder {
    color: #bbb;
    opacity: 1;
}

select:-ms-input-placeholder,
button:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
    color: #bbb;
    opacity: 1;
}

.form-group {
    position: relative;
}

.form-group.row.no-bottom-margin {
    margin-bottom: 0px;
}

.form-text {
    color: #8d9ea7;
}

label {
    color: #4e566d;
    font-size: 16px;
    font-style: oblique;
    font-family: "Zilla Slab", sans-serif;
}

.radiobox label,
.checkbox label {
    text-transform: none;
}

.col-form-label {
    padding-top: 5px;
}

.input-group-addon {
    border: 1px solid #cdd0e161;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group-addon i {
    font-size: 1.125rem;
}

.checkbox {
    position: relative;
    padding: 0.5625rem 0;
    border-width: 1px;
}

.checkbox,
.checkbox label,
.checkbox span.label-text {
    border: 3px solid #c1c0d4a8;
    border-color: transparent;
}

#dynamic-parent-category {
    display: none;
}

.search-filtering .checkbox,
.search-filtering .checkbox label,
.search-filtering .checkbox span.label-text {
    border: 2px solid #c1c0d4a8;
    border-color: transparent;
    padding-bottom: 0;
}

.toggles-wrapper .checkbox,
.toggles-wrapper-tags .checkbox {
    margin-left: -10px;
    margin-right: -5px;
}

#microjob_services .services-list {
    margin-left: 0px;
}

.checkbox + .checkbox {
    padding-top: 0;
}

.checkbox input[type="radio"],
.checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

.checkbox input[type="checkbox"]:disabled + label {
    cursor: not-allowed;
}

.checkbox label {
    padding-left: 0;
    cursor: pointer;
    margin-bottom: 0;
    border-width: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}

.checkbox .label-text {
    position: relative;
    display: inline-block;
    padding-left: 2.14286em;
    border-width: inherit;
    font-weight: inherit;
    color: inherit;
}

.checkbox.checkbox-circle span.label-text::after {
    border-radius: 100%;
}

.checkbox.checkbox-rounded span.label-text::after {
    border-radius: 5px;
}

.checkbox.checkbox-full-bg {
    margin-bottom: 0.71429em;
}

.checkbox.checkbox-full-bg span.label-text {
    font-size: 1em;
    letter-spacing: -.05em;
}

.checkbox.checkbox-full-bg span.label-text::after {
    background: #f9f9f9;
    border-radius: 3px;
    font-size: 0.75rem;
}

.checkbox.checkbox-lg span.label-text {
    padding-left: 2.85714em;
}

.checkbox.checkbox-lg span.label-text::after {
    height: 2.71429em;
    width: 2.71429em;
}

.checkbox.checkbox-md span.label-text {
    margin-left: 2.35714em;
}

.checkbox.checkbox-md span.label-text,
.checkbox.checkbox-md span.label-text::after {
    height: 2em;
    width: 2em;
}

.checkbox input[type=checkbox]:checked + .label-text:after,
.checkbox input[type=radio]:checked + .label-text:after {
    content: " ";
    border-color: #4ca83f;
    color: #6a719091;
}

.col-filtering .checkbox input[type=checkbox]:checked + .label-text:after, 
.col-filtering .checkbox input[type=radio]:checked + .label-text:after {
    content: " ";
    border: none;
    color: #6a719091;
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #5750ea 0%, #4ca83f 100%);
    background: -webkit-linear-gradient(135deg, #5750ea 0%, #4ca83f 100%);
    background: linear-gradient(135deg, #5750ea 00%, #4ca83f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5750ea', endColorstr='#4ca83f', GradientType=1);
    border-radius: 50px;
}

.search-filtering.hidden-elements .empty {
    display: none;
}

.checkbox input[type=checkbox]:disabled + .label-text:after {
    opacity: 0.5;
    cursor: not-allowed;
}

.checkbox.checkbox-star .label-text:after {
    height: 1em;
    width: 1em;
    content: '\e9bf';
    color: #bbb;
    border: 0;
    font-size: inherit;
}

.checkbox.checkbox-star input[type=checkbox]:checked + .label-text:after {
    content: '\e9bf';
    color: #ffcc02;
    background: none;
}

.checkbox.checkbox-color-scheme input[type=checkbox]:checked + span.label-text::after {
    background-color: #151b23;
    border-color: #151b23;
    color: #fff;
    border: none;
}

.checkbox.checkbox-full-bg.checkbox-color-scheme input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-color-scheme-dark input[type=checkbox]:checked + span.label-text::after {
    background: #4ca83f;
    border-color: #4ca83f;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-color-scheme-dark input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-content-color input[type=checkbox]:checked + span.label-text::after {
    background: #6a719091;
    border-color: #6a719091;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-content-color input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-content input[type=checkbox]:checked + span.label-text::after {
    background: #6a719091;
    border-color: #6a719091;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-content input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-primary input[type=checkbox]:checked + span.label-text::after {
    background: #4ca83f;
    border-color: #4ca83f;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-primary input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-secondary input[type=checkbox]:checked + span.label-text::after {
    background: #868e96;
    border-color: #868e96;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-secondary input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-success input[type=checkbox]:checked + span.label-text::after {
    background: #38d57a;
    border-color: #38d57a;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-success input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-info input[type=checkbox]:checked + span.label-text::after {
    background: #4ca83f;
    border-color: #4ca83f;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-info input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-warning input[type=checkbox]:checked + span.label-text::after {
    background: #ffcc02;
    border-color: #ffcc02;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-warning input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-danger input[type=checkbox]:checked + span.label-text::after {
    background: #ca0000;
    border-color: #ca0000;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-danger input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-light input[type=checkbox]:checked + span.label-text::after {
    background: #f8f9fa;
    border-color: #f8f9fa;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-light input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-dark input[type=checkbox]:checked + span.label-text::after {
    background: #343a40;
    border-color: #343a40;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-dark input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-gray-100 input[type=checkbox]:checked + span.label-text::after {
    background: #f8f9fa;
    border-color: #f8f9fa;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-gray-100 input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-gray-200 input[type=checkbox]:checked + span.label-text::after {
    background: #cdd0e161;
    border-color: #cdd0e161;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-gray-200 input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-gray-300 input[type=checkbox]:checked + span.label-text::after {
    background: #bbb;
    border-color: #bbb;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-gray-300 input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-gray-400 input[type=checkbox]:checked + span.label-text::after {
    background: #aaa;
    border-color: #aaa;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-gray-400 input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-gray-500 input[type=checkbox]:checked + span.label-text::after {
    background: #6a719091;
    border-color: #6a719091;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-gray-500 input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-gray-600 input[type=checkbox]:checked + span.label-text::after {
    background: #868e96;
    border-color: #868e96;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-gray-600 input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-gray-700 input[type=checkbox]:checked + span.label-text::after {
    background: #495057;
    border-color: #495057;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-gray-700 input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-gray-800 input[type=checkbox]:checked + span.label-text::after {
    background: #343a40;
    border-color: #343a40;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-gray-800 input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-gray-900 input[type=checkbox]:checked + span.label-text::after {
    background: #212529;
    border-color: #212529;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-gray-900 input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-blue input[type=checkbox]:checked + span.label-text::after {
    background: #0275d8;
    border-color: #0275d8;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-blue input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-persian-blue input[type=checkbox]:checked + span.label-text::after {
    background: #4786ff;
    border-color: #4786ff;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-persian-blue input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-indigo input[type=checkbox]:checked + span.label-text::after {
    background: #6610f2;
    border-color: #6610f2;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-indigo input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-purple input[type=checkbox]:checked + span.label-text::after {
    background: #9c77ef;
    border-color: #9c77ef;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-purple input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

input[type="checkbox"]:checked ~ .checkbox-list__check {
    background-color: #4ca83f;
    border-color: #4ca83f;
    color: #fff;
    border: none;
}

.my_jobs_container input[type="checkbox"]:checked ~ .checkbox-list__check {
    border-color: #696979;
    background-color: #4ca83f;
}

.checkbox.checkbox-pink input[type=checkbox]:checked + span.label-text::after {
    background: #e83e8c;
    border-color: #e83e8c;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-pink input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-red input[type=checkbox]:checked + span.label-text::after {
    background: #ca0000;
    border-color: #ca0000;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-red input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-cerize-red input[type=checkbox]:checked + span.label-text::after {
    background: #fa607e;
    border-color: #fa607e;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-cerize-red input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-orange input[type=checkbox]:checked + span.label-text::after {
    background: #fb9678;
    border-color: #fb9678;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-orange input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-yellow input[type=checkbox]:checked + span.label-text::after {
    background: #ffcc02;
    border-color: #ffcc02;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-yellow input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-mustard input[type=checkbox]:checked + span.label-text::after {
    background: #fdb44d;
    border-color: #fdb44d;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-mustard input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-green input[type=checkbox]:checked + span.label-text::after {
    background: #38d57a;
    border-color: #38d57a;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-green input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-teal input[type=checkbox]:checked + span.label-text::after {
    background: #20c997;
    border-color: #20c997;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-teal input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-cyan input[type=checkbox]:checked + span.label-text::after {
    background: #4ca83f;
    border-color: #4ca83f;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-cyan input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-white input[type=checkbox]:checked + span.label-text::after {
    background: #fff;
    border-color: #fff;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-white input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-gray-light input[type=checkbox]:checked + span.label-text::after {
    background: #cdd0e161;
    border-color: #cdd0e161;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-gray-light input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-gray input[type=checkbox]:checked + span.label-text::after {
    background: #868e96;
    border-color: #868e96;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-gray input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-gray-dark input[type=checkbox]:checked + span.label-text::after {
    background: #343a40;
    border-color: #343a40;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-gray-dark input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-violet input[type=checkbox]:checked + span.label-text::after {
    background: #9c27b0;
    border-color: #9c27b0;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-violet input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-brown input[type=checkbox]:checked + span.label-text::after {
    background: #795548;
    border-color: #795548;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-brown input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-light-gray input[type=checkbox]:checked + span.label-text::after {
    background: #f9f9f9;
    border-color: #f9f9f9;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-light-gray input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-slate input[type=checkbox]:checked + span.label-text::after {
    background: #607d8b;
    border-color: #607d8b;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-slate input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-facebook input[type=checkbox]:checked + span.label-text::after {
    background: #4b64a6;
    border-color: #4b64a6;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-facebook input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-twitter input[type=checkbox]:checked + span.label-text::after {
    background: #0dace3;
    border-color: #0dace3;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-twitter input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-googleplus input[type=checkbox]:checked + span.label-text::after {
    background: #dd4b39;
    border-color: #dd4b39;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-googleplus input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-linkedin input[type=checkbox]:checked + span.label-text::after {
    background: #007bb6;
    border-color: #007bb6;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-linkedin input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-instagram input[type=checkbox]:checked + span.label-text::after {
    background: #3f729b;
    border-color: #3f729b;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-instagram input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-pinterest input[type=checkbox]:checked + span.label-text::after {
    background: #cb2027;
    border-color: #cb2027;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-pinterest input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-dribbble input[type=checkbox]:checked + span.label-text::after {
    background: #ea4c89;
    border-color: #ea4c89;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-dribbble input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

.checkbox.checkbox-youtube input[type=checkbox]:checked + span.label-text::after {
    background: #b00;
    border-color: #b00;
    color: #fff;
}

.checkbox.checkbox-full-bg.checkbox-youtube input[type="checkbox"]:checked + span.label-text::after {
    color: #fff;
}

body.rtl .checkbox .label-text {
    padding-left: 0;
    padding-right: 2.14286em;
}

body.rtl .checkbox .label-text:after {
    left: auto;
    right: 0;
}

.radiobox {
    padding: 0.5625rem 0;
}

.radiobox + .radiobox {
    padding-top: 0;
}

.radiobox input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.select-card.radiobox input[type="radio"] {
    position: relative;
}

.radiobox input[type="radio"]:disabled + label {
    cursor: not-allowed;
}

.radiobox label {
    cursor: pointer;
    margin-bottom: 0;
    border-width: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}

.radiobox span.label-text {
    position: relative;
    padding-left: 2.14286em;
    border-width: inherit;
    font-weight: inherit;
    color: inherit;
}

.radiobox span.label-text:before {
    content: "";
    height: 18px;
    width: 18px;
    display: inline-block;
    background: none;
    border: 3px solid #cdd0e161;
    border-radius: 100%;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.radiobox span.label-text:after {
    content: "";
    height: 14px;
    width: 14px;
    display: inline-block;
    border-radius: 100%;
    background: #4ca83f;
    position: absolute;
    top: 50%;
    left: -1px;
    -webkit-transform: translateY(-50%) translateX(5px);
    transform: translateY(-50%) translateX(5px);
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

#auto-generate-invoicing-selector .radiobox span.label-text:after {
    left: -41px;
}

#auto-generate-invoicing-selector .radiobox span.label-text:before {
    left: -38px;
}

#auto-generate-invoicing-selector .label-text {
    padding-left: 0;
}

#auto-generate-invoicing-selector label {
    font-family: Jost;
    color: #b9b9bf;
}

#auto-generate-invoicing-selector label:hover,
#auto-generate-invoicing-selector .selected-invoice {
    font-family: Jost;
    color: #4e566d;
    transition: color 0.2s ease-in-out;
}

.dark #auto-generate-invoicing-selector label:hover,
.dark #auto-generate-invoicing-selector .selected-invoice {
    color: #fff;
}

.dark #auto-generate-invoicing-selector label {
    color: #84849a;
}

.dark .checkbox .label-text:after {
    border-color: #f7f7fd5c;
}


.dark input.toggles-btn + label:before {
    background: #ffffff24;
}


.checkbox .label-text:after {
    position: absolute;
    border-radius: 0%;
    top: 50%;
    left: 0;
    content: "";
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    font-size: 0.875rem;
    border-color: #151b23;
    border-style: solid;
    border-width: inherit;
    height: 23px;
    width: 23px;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.radiobox.radiobox-lg span.label-text {
    padding-left: 2.85714em;
}

.radiobox.radiobox-lg span.label-text::after {
    height: 2.71429em;
    width: 2.71429em;
}

.radiobox.radiobox-md span.label-text {
    margin-left: 2.35714em;
}

.radiobox.radiobox-md span.label-text,
.radiobox.radiobox-md span.label-text::after {
    height: 2em;
    width: 2em;
}

.radiobox input[type="radio"]:checked + span.label-text:after {
    -webkit-transform: translateY(-50%) translateX(5px) scale(1);
    transform: translateY(-50%) translateX(5px) scale(1);
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.radiobox input[type="radio"]:checked + span.label-text:before {
    border-color: transparent;
}

.radiobox input[type="radio"]:disabled + span.label-text:after,
.radiobox input[type="radio"]:disabled + span.label-text:before {
    opacity: 0.5;
}

.radiobox.radio-blue input[type=radio]:checked + span.label-text::after {
    background: #0275d8;
}

.radiobox.radio-blue input[type=radio]:checked + span.label-text::before {
    border-color: #0275d8;
}

.radiobox.radio-persian-blue input[type=radio]:checked + span.label-text::after {
    background: #4786ff;
}

.radiobox.radio-persian-blue input[type=radio]:checked + span.label-text::before {
    border-color: #4786ff;
}

.radiobox.radio-indigo input[type=radio]:checked + span.label-text::after {
    background: #6610f2;
}

.radiobox.radio-indigo input[type=radio]:checked + span.label-text::before {
    border-color: #6610f2;
}

.radiobox.radio-purple input[type=radio]:checked + span.label-text::after {
    background: #9c77ef;
}

.radiobox.radio-purple input[type=radio]:checked + span.label-text::before {
    border-color: #9c77ef;
}

.radiobox.radio-pink input[type=radio]:checked + span.label-text::after {
    background: #e83e8c;
}

.radiobox.radio-pink input[type=radio]:checked + span.label-text::before {
    border-color: #e83e8c;
}

.radiobox.radio-red input[type=radio]:checked + span.label-text::after {
    background: #ca0000;
}

.radiobox.radio-red input[type=radio]:checked + span.label-text::before {
    border-color: #ca0000;
}

.radiobox.radio-cerize-red input[type=radio]:checked + span.label-text::after {
    background: #fa607e;
}

.radiobox.radio-cerize-red input[type=radio]:checked + span.label-text::before {
    border-color: #fa607e;
}

.radiobox.radio-orange input[type=radio]:checked + span.label-text::after {
    background: #fb9678;
}

.radiobox.radio-orange input[type=radio]:checked + span.label-text::before {
    border-color: #fb9678;
}

.radiobox.radio-yellow input[type=radio]:checked + span.label-text::after {
    background: #ffcc02;
}

.radiobox.radio-yellow input[type=radio]:checked + span.label-text::before {
    border-color: #ffcc02;
}

.radiobox.radio-mustard input[type=radio]:checked + span.label-text::after {
    background: #fdb44d;
}

.radiobox.radio-mustard input[type=radio]:checked + span.label-text::before {
    border-color: #fdb44d;
}

.radiobox.radio-green input[type=radio]:checked + span.label-text::after {
    background: #38d57a;
}

.radiobox.radio-green input[type=radio]:checked + span.label-text::before {
    border-color: #38d57a;
}

.radiobox.radio-teal input[type=radio]:checked + span.label-text::after {
    background: #20c997;
}

.radiobox.radio-teal input[type=radio]:checked + span.label-text::before {
    border-color: #20c997;
}

.radiobox.radio-cyan input[type=radio]:checked + span.label-text::after {
    background: #4ca83f;
}

.radiobox.radio-cyan input[type=radio]:checked + span.label-text::before {
    border-color: #4ca83f;
}

.radiobox.radio-white input[type=radio]:checked + span.label-text::after {
    background: #fff;
}

.radiobox.radio-white input[type=radio]:checked + span.label-text::before {
    border-color: #fff;
}

.radiobox.radio-gray-light input[type=radio]:checked + span.label-text::after {
    background: #cdd0e161;
}

.radiobox.radio-gray-light input[type=radio]:checked + span.label-text::before {
    border-color: #cdd0e161;
}

.radiobox.radio-gray input[type=radio]:checked + span.label-text::after {
    background: #868e96;
}

.radiobox.radio-gray input[type=radio]:checked + span.label-text::before {
    border-color: #868e96;
}

.radiobox.radio-gray-dark input[type=radio]:checked + span.label-text::after {
    background: #343a40;
}

.radiobox.radio-gray-dark input[type=radio]:checked + span.label-text::before {
    border-color: #343a40;
}

.radiobox.radio-violet input[type=radio]:checked + span.label-text::after {
    background: #9c27b0;
}

.radiobox.radio-violet input[type=radio]:checked + span.label-text::before {
    border-color: #9c27b0;
}

.radiobox.radio-brown input[type=radio]:checked + span.label-text::after {
    background: #795548;
}

.radiobox.radio-brown input[type=radio]:checked + span.label-text::before {
    border-color: #795548;
}

.radiobox.radio-light-gray input[type=radio]:checked + span.label-text::after {
    background: #f9f9f9;
}

.radiobox.radio-light-gray input[type=radio]:checked + span.label-text::before {
    border-color: #f9f9f9;
}

.radiobox.radio-slate input[type=radio]:checked + span.label-text::after {
    background: #607d8b;
}

.radiobox.radio-slate input[type=radio]:checked + span.label-text::before {
    border-color: #607d8b;
}

.radiobox.radio-facebook input[type=radio]:checked + span.label-text::after {
    background: #4b64a6;
}

.radiobox.radio-facebook input[type=radio]:checked + span.label-text::before {
    border-color: #4b64a6;
}

.radiobox.radio-twitter input[type=radio]:checked + span.label-text::after {
    background: #0dace3;
}

.radiobox.radio-twitter input[type=radio]:checked + span.label-text::before {
    border-color: #0dace3;
}

.radiobox.radio-googleplus input[type=radio]:checked + span.label-text::after {
    background: #dd4b39;
}

.radiobox.radio-googleplus input[type=radio]:checked + span.label-text::before {
    border-color: #dd4b39;
}

.radiobox.radio-linkedin input[type=radio]:checked + span.label-text::after {
    background: #007bb6;
}

.radiobox.radio-linkedin input[type=radio]:checked + span.label-text::before {
    border-color: #007bb6;
}

.radiobox.radio-instagram input[type=radio]:checked + span.label-text::after {
    background: #3f729b;
}

.radiobox.radio-instagram input[type=radio]:checked + span.label-text::before {
    border-color: #3f729b;
}

.radiobox.radio-pinterest input[type=radio]:checked + span.label-text::after {
    background: #cb2027;
}

.radiobox.radio-pinterest input[type=radio]:checked + span.label-text::before {
    border-color: #cb2027;
}

.radiobox.radio-dribbble input[type=radio]:checked + span.label-text::after {
    background: #ea4c89;
}

.radiobox.radio-dribbble input[type=radio]:checked + span.label-text::before {
    border-color: #ea4c89;
}

.radiobox.radio-youtube input[type=radio]:checked + span.label-text::after {
    background: #b00;
}

.radiobox.radio-youtube input[type=radio]:checked + span.label-text::before {
    border-color: #b00;
}

.radiobox.radio-color-scheme input[type=radio]:checked + span.label-text::after {
    background: #4ca83f;
}

.radiobox.radio-color-scheme input[type=radio]:checked + span.label-text::before {
    border-color: #4ca83f;
}

.radiobox.radio-color-scheme-dark input[type=radio]:checked + span.label-text::after {
    background: #4ca83f;
}

.radiobox.radio-color-scheme-dark input[type=radio]:checked + span.label-text::before {
    border-color: #4ca83f;
}

.radiobox.radio-content-color input[type=radio]:checked + span.label-text::after {
    background: #6a719091;
}

.radiobox.radio-content-color input[type=radio]:checked + span.label-text::before {
    border-color: #6a719091;
}

.radiobox.radio-content input[type=radio]:checked + span.label-text::after {
    background: #6a719091;
}

.radiobox.radio-content input[type=radio]:checked + span.label-text::before {
    border-color: #6a719091;
}

.radiobox.radio-primary input[type=radio]:checked + span.label-text::after {
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #5750ea 0%, #4ca83f 100%);
    background: -webkit-linear-gradient(135deg, #5750ea 0%, #4ca83f 100%);
    background: linear-gradient(135deg, #5750ea 00%, #4ca83f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5750ea', endColorstr='#4ca83f', GradientType=1);
}

.radiobox.radio-primary input[type=radio]:checked + span.label-text::before {
    border-color: transparent;
}

.radiobox.radio-secondary input[type=radio]:checked + span.label-text::after {
    background: #868e96;
}

.radiobox.radio-secondary input[type=radio]:checked + span.label-text::before {
    border-color: #868e96;
}

.radiobox.radio-success input[type=radio]:checked + span.label-text::after {
    background: #38d57a;
}

.radiobox.radio-success input[type=radio]:checked + span.label-text::before {
    border-color: #38d57a;
}

.radiobox.radio-info input[type=radio]:checked + span.label-text::after {
    background: #4ca83f;
}

.radiobox.radio-info input[type=radio]:checked + span.label-text::before {
    border-color: #4ca83f;
}

.radiobox.radio-warning input[type=radio]:checked + span.label-text::after {
    background: #ffcc02;
}

.radiobox.radio-warning input[type=radio]:checked + span.label-text::before {
    border-color: #ffcc02;
}

.radiobox.radio-danger input[type=radio]:checked + span.label-text::after {
    background: #ca0000;
}

.radiobox.radio-danger input[type=radio]:checked + span.label-text::before {
    border-color: #ca0000;
}

.radiobox.radio-light input[type=radio]:checked + span.label-text::after {
    background: #f8f9fa;
}

.radiobox.radio-light input[type=radio]:checked + span.label-text::before {
    border-color: #f8f9fa;
}

.radiobox.radio-dark input[type=radio]:checked + span.label-text::after {
    background: #343a40;
}

.radiobox.radio-dark input[type=radio]:checked + span.label-text::before {
    border-color: #343a40;
}

.radiobox.radio-gray-100 input[type=radio]:checked + span.label-text::after {
    background: #f8f9fa;
}

.radiobox.radio-gray-100 input[type=radio]:checked + span.label-text::before {
    border-color: #f8f9fa;
}

.radiobox.radio-gray-200 input[type=radio]:checked + span.label-text::after {
    background: #cdd0e161;
}

.radiobox.radio-gray-200 input[type=radio]:checked + span.label-text::before {
    border-color: #cdd0e161;
}

.radiobox.radio-gray-300 input[type=radio]:checked + span.label-text::after {
    background: #bbb;
}

.radiobox.radio-gray-300 input[type=radio]:checked + span.label-text::before {
    border-color: #bbb;
}

.radiobox.radio-gray-400 input[type=radio]:checked + span.label-text::after {
    background: #aaa;
}

.radiobox.radio-gray-400 input[type=radio]:checked + span.label-text::before {
    border-color: #aaa;
}

.radiobox.radio-gray-500 input[type=radio]:checked + span.label-text::after {
    background: #6a719091;
}

.radiobox.radio-gray-500 input[type=radio]:checked + span.label-text::before {
    border-color: #6a719091;
}

.radiobox.radio-gray-600 input[type=radio]:checked + span.label-text::after {
    background: #868e96;
}

.radiobox.radio-gray-600 input[type=radio]:checked + span.label-text::before {
    border-color: #868e96;
}

.radiobox.radio-gray-700 input[type=radio]:checked + span.label-text::after {
    background: #495057;
}

.radiobox.radio-gray-700 input[type=radio]:checked + span.label-text::before {
    border-color: #495057;
}

.radiobox.radio-gray-800 input[type=radio]:checked + span.label-text::after {
    background: #343a40;
}

.radiobox.radio-gray-800 input[type=radio]:checked + span.label-text::before {
    border-color: #343a40;
}

.radiobox.radio-gray-900 input[type=radio]:checked + span.label-text::after {
    background: #212529;
}

.radiobox.radio-gray-900 input[type=radio]:checked + span.label-text::before {
    border-color: #212529;
}

body.rtl .radiobox .label-text {
    padding-left: 0;
    padding-right: 2.14286em;
}

body.rtl .radiobox .label-text:before,
body.rtl .radiobox .label-text:after {
    left: auto;
    right: 0;
}

body.rtl .radiobox .label-text:after {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
    transform: translateY(-50%) translateX(-50%) scale(0);
}

body.rtl .radiobox input[type="radio"]:checked + span.label-text:after {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1);
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
}

.form-input-icon {
    position: relative;
}

.form-input-icon > i {
    position: absolute;
    top: 50%;
    left: 0.625rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
    z-index: 3;
    text-align: center;
    color: #b8beca;
}

.form-input-icon .form-control {
    padding-left: 24px;
}

.form-control#username:disabled,
.form-control#username[readonly] {
    padding-left: 44px;
}

.form-input-icon-right > i {
    left: auto;
    right: 0.625rem;
}

.form-input-icon-right .form-control {
    padding-left: 1rem;
    padding-right: 2.5rem;
}

.form-control-rounded {
    border-radius: 500px;
}

.form-material .form-control:disabled,
.form-material .form-control.disabled {
    cursor: not-allowed;
    color: rgba(153, 153, 153, 0.5);
}

.form-material input,
.form-material input:focus,
.form-material textarea,
.form-material textarea:focus,
.form-material select,
.form-material select:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-material input::-webkit-input-placeholder,
.form-material textarea::-webkit-input-placeholder,
.form-material select::-webkit-input-placeholder {
    opacity: 0;
}

.form-material input:-moz-placeholder,
.form-material textarea:-moz-placeholder,
.form-material select:-moz-placeholder {
    opacity: 0;
}

.form-material input::-moz-placeholder,
.form-material textarea::-moz-placeholder,
.form-material select::-moz-placeholder {
    opacity: 0;
}

.form-material input:-ms-input-placeholder,
.form-material textarea:-ms-input-placeholder,
.form-material select:-ms-input-placeholder {
    opacity: 0;
}

.form-material .form-group {
    position: relative;
}

.login-popup .form-group.col-6.col-sm-12 {
    padding-right: 0;
}

.login-popup .form-control-icon {
    width: 90%;
    z-index: 2;
}

.form-material .form-group > label {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    pointer-events: none;
    opacity: 0.7;
}

.form-material .input-focused input::-webkit-input-placeholder,
.form-material .input-has-value input::-webkit-input-placeholder {
    opacity: 1;
}

.form-material .input-focused input:-moz-placeholder,
.form-material .input-has-value input:-moz-placeholder {
    opacity: 1;
}

.form-material .input-focused input::-moz-placeholder,
.form-material .input-has-value input::-moz-placeholder {
    opacity: 1;
}

.form-material .input-focused input:-ms-input-placeholder,
.form-material .input-has-value input:-ms-input-placeholder {
    opacity: 1;
}

.form-material .form-group > input[type="file"] {
    padding-top: 1em;
}

.form-material .form-group > textarea + label {
    top: calc(0.5625rem * 2);
}

.form-material .form-group > input[type="file"] + label,
.form-material .form-group > select + label,
.form-material .form-group.input-has-value label,
.form-material .form-group.input-focused label {
    font-size: .75em;
    top:0;
    opacity: 1;
}

.form-material .form-control {
    border-radius: 0;
    border: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    background-position: center bottom, center calc(99%);
    background-repeat: no-repeat;
    background-size: 0 2px, 100% 1px;
    -webkit-transition: background 0s ease-out 0s;
    transition: background 0s ease-out 0s;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4ca83f), to(#4ca83f)), -webkit-gradient(linear, left top, left bottom, from(#e3ebf7), to(#e3ebf7));
    background-image: linear-gradient(#4ca83f, #4ca83f), linear-gradient(#e3ebf7, #e3ebf7);
    padding: calc(0.5625rem) 0;
}

.form-material .form-control-icon .input-group > i {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.form-material .form-control-icon.input-has-value label,
.form-material .form-control-icon.input-focused label {
    padding-left: 0;
}

.form-material .form-control-icon.form-control-icon-right label,
.form-material .form-control-icon.form-control-icon-right .form-control {
    padding-left: 0;
    padding-right: 2.1875rem;
}

.form-material .form-control-icon.form-control-icon-right .input-group > i {
    left: auto;
    right: 0;
}

.form-material .form-control:focus {
    background-size: 100% 2px, 100% 1px;
    outline: 0 none;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border: 0 !important;
}

body.rtl .form-material .form-group > label {
    left: auto;
    right: 0;
}

.form-bordered .form-group {
    padding-bottom: 1.5625rem;
    border-bottom: 1px solid #f7f7fd;
}

.form-bordered .form-group:first-child {
    padding-top: 1.5625rem;
}

.form-bordered .form-group:last-child {
    border-bottom: 0;
}

.has-feedback label ~ .form-control-feedback {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.07143em;
}

/* File Dropzone
========================*/

.dropzone .dz-message {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.upload-banner-wrapper.row {
    margin-top: 20px;
}

.upload-banner-wrapper .dz-remove {
    display: none !important;
}

.upload-banner-wrapper .dz-progress {
    width: 100% !important;
    margin: 0% !important;
}

.dropzone .dz-message span {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%);
}

.dropzone .dz-preview .dz-progress {
    margin-top: 0;
}

.dropzone .dz-preview .dz-details {
    height: 100%;
    width: 100%;
}

.dropzone .dz-preview .dz-success-mark {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%);
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
    height: 3.375rem;
    width: 3.375rem;
}

.dropzone .dz-preview.dz-error .dz-image {
    background: #ca0000;
}

.dropzone .dz-preview.dz-error .dz-details .dz-filename,
.dropzone .dz-preview.dz-error .dz-details .dz-size {
    opacity: 0.5;
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    -webkit-animation: none;
    animation: none;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.dropzone .dz-preview.dz-error .dz-error-message {
    color: #fff;
    background: #ca0000;
}

.dropzone .dz-preview.dz-error .dz-error-message:after {
    border-bottom-color: #ca0000;
}

.dropzone .dz-preview .dz-remove {
    padding: 0.55556em;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: block;
    background: #4ca83f;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 0.64286em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: none;
}

/* Spectrum Color Picker
========================*/

.colorpicker .input-group-addon {
    cursor: pointer;
    position: relative;
}

.colorpicker .input-group-addon i {
    width: 1em;
    display: block;
}

.colorpicker .input-group-addon i:after {
    content: '';
    background: inherit;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}

.sp-container {
    background: #f9f9f9;
    border: 1px solid #cdd0e161;
}

.sp-input {
    border: 1px solid #cdd0e161;
}

.sp-input:focus {
    border-color: #c1c0d4a8;
}

/* Date Range Picker
========================*/

.daterangepicker.single .calendar,
.daterangepicker.single .ranges,
.ranges {
    float: none
}

.chevron-right.list-icon {
    height: 20px;
    width: 11px;
    background-repeat: no-repeat;
    float: right;
}

.chevron-left.list-icon {
    height: 20px;
    width: 11px;
    background-repeat: no-repeat;
    transform: scaleX(-1);
    float: left;
}

.daterangepicker .chevron-left.list-icon {
    height: 20px;
    width: 11px;
    background-repeat: no-repeat;
    transform: scaleX(-1);
    float: left;
    opacity: 0.3;
    transition: opacity 0.2s ease-in-out;
}

.daterangepicker .chevron-right.list-icon {
    height: 20px;
    width: 11px;
    background-repeat: no-repeat;
    float: right;
    opacity: 0.3;
    transition: opacity 0.2s ease-in-out;
}

.dark .daterangepicker .chevron-right.list-icon,
.dark .daterangepicker .chevron-left.list-icon {
    filter: brightness(0) invert(1);
}


.daterangepicker .chevron-left.list-icon:hover,
.daterangepicker .chevron-right.list-icon:hover {
    opacity: 1;
}


.daterangepicker:after,
.daterangepicker:before {
    position: absolute;
    display: inline-block;
    content: ''
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent
}

.daterangepicker.opensleft:before {
    right: 9px
}

.daterangepicker.opensleft:after {
    right: 10px
}

.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}

.daterangepicker.opensright:before {
    left: 9px
}

.daterangepicker.opensright:after {
    left: 10px
}

.daterangepicker.dropup {
    margin-top: -5px
}

.daterangepicker.dropup:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc
}

.daterangepicker.dropup:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff
}

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001
}

.daterangepicker.show-calendar .calendar {
    display: block
}

.daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px
}

.daterangepicker .calendar.single .calendar-table {
    border: none
}

.daterangepicker .calendar td,
.daterangepicker .calendar th {
    white-space: nowrap;
    text-align: center;
    min-width: 32px
}

.daterangepicker .calendar-table {
    padding: 4px;
    border-radius: 4px;
}

.daterangepicker table {
    width: 100%;
    margin: 0
}

.daterangepicker td,
.daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    background-color: #fff;
    border-color: transparent;
    color: #999
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff
}

.daterangepicker th.month {
    width: auto
}

.daterangepicker option.disabled,
.daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    width: 50px;
    margin-bottom: 0
}

.daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #151b23;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px;
    padding: 0 6px 0 28px;
    width: 100%
}

.daterangepicker .input-mini.active {
    border: 1px solid #08c;
    border-radius: 4px
}

.daterangepicker .daterangepicker_input {
    position: relative
}

.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 8px;
    top: 8px
}

.daterangepicker.rtl .input-mini {
    padding-right: 28px;
    padding-left: 6px
}

.daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.ranges {
    font-size: 11px;
    margin: 4px;
    text-align: left
}

.ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.ranges li {
    font-size: 13px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer
}

.ranges li.active,
.ranges li:hover {
    background-color: #08c;
    border: 1px solid #08c;
    color: #fff
}

@media (min-width:564px) {

    .daterangepicker.ltr .calendar.right .calendar-table,
    .daterangepicker.rtl .calendar.left .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .daterangepicker.ltr .calendar.left .calendar-table,
    .daterangepicker.rtl .calendar.right .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .daterangepicker {
        width: auto
    }

    .daterangepicker .ranges ul {
        width: 160px
    }

    .daterangepicker.single .ranges ul {
        width: 100%
    }

    .daterangepicker.single .calendar.left {
        clear: none
    }

    .daterangepicker.single.ltr .calendar,
    .daterangepicker.single.ltr .ranges {
        float: left
    }

    .daterangepicker.single.rtl .calendar,
    .daterangepicker.single.rtl .ranges {
        float: right
    }

    .daterangepicker.ltr {
        direction: ltr;
        text-align: left
    }

    .daterangepicker.ltr .calendar.left {
        clear: left;
        margin-right: 0
    }

    .daterangepicker.ltr .calendar.right {
        margin-left: 0
    }

    .daterangepicker.ltr .calendar.left .calendar-table,
    .daterangepicker.ltr .left .daterangepicker_input {
        padding-right: 12px
    }

    .daterangepicker.ltr .calendar,
    .daterangepicker.ltr .ranges {
        float: left
    }

    .daterangepicker.rtl {
        direction: rtl;
        text-align: right
    }

    .daterangepicker.rtl .calendar.left {
        clear: right;
        margin-left: 0
    }

    .daterangepicker.rtl .calendar.right {
        margin-right: 0
    }

    .daterangepicker.rtl .calendar.left .calendar-table,
    .daterangepicker.rtl .left .daterangepicker_input {
        padding-left: 12px
    }

    .daterangepicker.rtl .calendar,
    .daterangepicker.rtl .ranges {
        text-align: right;
        float: right
    }
}

@media (min-width:730px) {
    .daterangepicker .ranges {
        width: auto
    }

    .daterangepicker.ltr .ranges {
        float: left
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .calendar.left {
        clear: none !important
    }
}

.datepicker {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 40px;
    direction: ltr;
    padding: 7px 20px;
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    margin: 6px 0 0;
    font-size: 0.875rem;
    color: #6a719091;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 20px !important;
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e3ebf7;
    border-top: 0;
    position: absolute
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 56px;
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 57px;
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #e3ebf7;
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    border: none
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #999
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
    background-color: #fdf59a
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover:active {
    background-color: #fbf069\9
}

.datepicker table tr td.today:hover:hover {
    color: #000
}

.datepicker table tr td.today.active:hover {
    color: #fff
}

.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
    background: #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today[disabled] {
    background-color: #f3e97a
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover:active {
    background-color: #efe24b\9
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(to bottom, #b3b3b3, grey);
    background-image: -ms-linear-gradient(to bottom, #b3b3b3, grey);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(grey));
    background-image: -webkit-linear-gradient(to bottom, #b3b3b3, grey);
    background-image: -o-linear-gradient(to bottom, #b3b3b3, grey);
    background-image: linear-gradient(to bottom, #b3b3b3, grey);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: grey grey #595959;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
}


.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background: #eee
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #08c, #04c);
    background-image: -ms-linear-gradient(to bottom, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
    background-image: -o-linear-gradient(to bottom, #08c, #04c);
    background-image: linear-gradient(to bottom, #08c, #04c);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
}


.datepicker table tr td span.new,
.datepicker table tr td span.old {
    color: #999
}

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
    cursor: pointer
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background: #eee
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.input-append.date .add-on,
.input-prepend.date .add-on {
    cursor: pointer
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    margin-top: 3px
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px
}


.predefinedRanges {
    display: inline-block;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #4ca83f;
}

.daterangepicker .input-mini.active {
    border-color: #4ca83f;
}

body.rtl .daterangepicker .ranges ul {
    padding-right: 0;
}

#ind_birthday,
#pro_birthday {
    cursor: pointer;
}

.daterangepicker.dropdown-menu {
    -webkit-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1);
    width: auto;
    padding: 10px;
    z-index: 10;
}

.daterangepicker.dropdown-menu.show-calendar {
    padding-top: 10px;
    margin-top: 20px;
}

.daterangepicker.dropdown-menu .calendar-table {
    border-left: 0;
}

.daterangepicker.dropdown-menu .calendar-table tbody {
    color: #666;
}

input#pick-date {
    cursor: pointer;
}

.dark input#pick-date {
    background-color: transparent;
}

.ranges {
    width: 11.25rem;
    padding: 0;
}

.container.my-sales {
    max-width: 1200px;
}

.helper-balance-funds {
    position: absolute !important;
    right: 20px;
    top: -11px;
    background-color: #f7f7fd;
    width: 26px;
    height: 25px;
    line-height: 1.4;
    text-align: center;
    border-radius: 20px;
}

.dark .helper-balance-funds {
    background-color: #232327;
}


.dark #helper-balance-funds-inside img {
    filter: brightness(0) invert(1);
}

#helper-balance-funds-inside {
    z-index: 1;
    cursor: pointer;
}

#export-to-csv {
    position: absolute;
    right: 60px;
    font-size: 80%;
    opacity: 0.6;
    transition: all 0.3s ease-in-out;
    display: none;
}

.dark #export-to-csv svg {
    filter: brightness(0) invert(1);
}

#subscribe-newsletter-btn {
    max-width: 250px;
}

#export-to-csv button{
    padding: 5px 13px;
}

span.btn-label {
    padding-left: 3px;
    font-family: 'Jost';
}

.my_sales_sidebar .right-sidebar-wrapper {
    max-width: 100%;
}

.dash-stat-value.earnings {
    opacity: 0.9;
    white-space: nowrap;
}

.promo_applied {
    background-color: #fa0;
    display: inline-block;
    line-height: 1;
    color: #fff;
    font-size: 70%;
    font-family: Jost;
    padding: 1px 3px;
    border-radius: 3px;
    float: right;
    margin-top: 1px;
}

.ranges ul {
    margin-bottom: 0.71429em;
}

.ranges li {
    margin: 0;
    padding: 0.35714em 1.42857em;
    color: #151b23;
    background: transparent;
    border-radius: 0;
    border: 0;
}

.ranges li:hover {
    color: #4ca83f;
    background-color: transparent;
    border: 0;
}

.ranges li.active {
    background: #4ca83f;
    border: 0;
}

.ranges li.active:hover {
    color: #fff;
}

/* Date Picker
========================*/

.datepicker {
    margin: 0 auto;
}

.datepicker.dropdown-menu {
    width: auto;
    padding: 1.07143em 1.78571em;
    -webkit-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.datepicker tbody {
    color: #666;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker td .month.active {
    background: #4ca83f !important;
}

.datepicker td.active,
.datepicker td.selected {
    background: #4ca83f !important;
}

/* Select2 Select Dropdown
========================*/

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    background: none;
    line-height: calc(2.5rem + 2px) !important;
    margin-bottom: -0.125rem;
    padding-left: 1em;
}

.select2-container--default {
    max-width: 100%;
}

.select2-container--default.select2 {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #c1c0d4a8;
    padding-right: 0.625rem;
    height: calc(2.5rem + 2px) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.9375rem;
}

.select2-container--default .select2-selection--multiple {
    min-height: calc(2.5rem + 2px) !important;
    height: auto;
    line-height: 1;
    border: 1px solid #c1c0d4a8;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    display: flex-item;
    margin: 10px 4px;
    border-radius: 20px;
    font-size: 0.75rem;
    line-height: 2em;
    padding-right: 10px;
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #5750ea 0%, #4ca83f 100%);
    background: -webkit-linear-gradient(135deg, #5750ea 0%, #4ca83f 100%);
    background: linear-gradient(135deg, #5750ea 00%, #4ca83f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5750ea', endColorstr='#4ca83f', GradientType=1);
    color: #fff;
    border: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:first-child {
    margin-left: 0;
}

.select2-container--default .select2-selection--multiple .select2-search__field {
    margin-top: 0;
    margin-bottom: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    width: 0.9375rem;
    text-align: center;
    color: #fff;
    opacity: 0.4;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    opacity: 1;
    color: #fff;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #4ca83f;
}

.select2-container--default .select2-seach--inline {
    line-height: 1.3 !important;
}

.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #4ca83f;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    display: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #4ca83f;
}

body.rtl .select2-results__options {
    padding-right: 0;
}

/* SelectPicker Select Dropdown
========================*/

.bootstrap-select.btn-group .dropdown-toggle .bs-caret {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.jobs-finder-search .filter-results .bs-caret {
    top: -2px !important;
}

.bootstrap-select.btn-group .dropdown-toggle .bs-caret .caret {
    background: url('../user/svg/chevron-down-icon.svg') no-repeat center;
    width: 11px;
    height: 11px;
    background-size: 11px 11px;
    background-repeat: no-repeat;
    display: block;
    content: ' ';
    position: absolute;
    top: 19px;
    right: 13px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
    margin: 0;
    opacity: 0.5;
    filter: sepia(120%) hue-rotate(190deg) saturate(70%);
}


.translate-in-options .bootstrap-select.btn-group .dropdown-toggle .bs-caret .caret {
    top: 16px;
}


.slide_limit span.caret {
    top: 33px !important;
}

#invite-friend-page-title,
#categories-page-title {
    font-size: 190%;
    margin-top: 50px;
}

#refer-to-a-friend-header img {
    border-radius: 20px;
    margin-bottom: 30px;
    margin-top: 15px;
}

.all-category-picture {
    margin: 38% auto 0 auto;
}

#invited-users-wrapper {
    max-width: 750px;
    margin: auto;
}

.single-user-details.email {
    padding-top: 13px;
}

.categories-wrapper {
    background-color: #000;
    border-radius: 20px;
    color: #fff;
    padding: 0px;
    font-family: 'Jost';
    font-size: 180%;
    line-height: 33px;
    flex: 0 0 22%;
    max-width: 22%;
    margin: 1.5%;
}

.categories-wrapper-all {
    color: #151b23;
    border: 3px dashed #e3e5f1;
    border-radius: 20px;
    padding-left: 0px;
    font-family: 'Jost';
    font-size: 180%;
    line-height: 33px;
    padding-top: 0px;
    flex: 0 0 22%;
    max-width: 22%;
    margin: 1.5%;
}

.category-name,
.all-category-name {
    position: absolute;
}

.categories-wrapper-all {
    padding-right: 0;
}

.category-picture img {
    opacity: 0.5;
    border-radius: 20px;
    transition: opacity 0.3s ease-in-out;
    cursor: pointer;
    width: 100%;
}

.categories-wrapper-all {
    cursor: pointer;
}

.category-picture img:hover {
    opacity: 0.8;
}

.all-category-picture img {
    cursor: pointer;
}

.category-name {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    color: #fff;
    position: absolute;
    z-index: 1;
    top: 0;
}

.all-category-name {
    padding-left: 30px;
    padding-top: 20px;
    color: #4e566d;
    top: 0px;
}

#all-categories-index {
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    bottom: 3px;
}

#all-categories-index a{
    opacity: 0.4;
    transition: opacity 0.3s ease-in-out;
    color: #fff;
    font-size: 90%;
}

#all-categories-index a:hover {
    opacity: 1;
}

.second-block-search .bootstrap-select.btn-group .dropdown-toggle .bs-caret .caret {
    top: 30px;
}

.select_signup .bootstrap-select.btn-group .dropdown-toggle .bs-caret .caret {
    opacity: 1;
    filter: invert(100%) !important;
    filter: sepia(120%) hue-rotate(190deg) saturate(70%);
}

h2.discover {
    line-height: 1.2;
    font-size: 130%;
}

.dark .bootstrap-select.btn-group .dropdown-toggle .bs-caret .caret {
    filter: sepia(70%) hue-rotate(190deg) saturate(70%);
    opacity: 1;
}

span.search-icon-inline {
    position: absolute;
    right: 15px;
    top: 9px;
    cursor: pointer;
}


.bootstrap-select.open .dropdown-menu {
    display: none;
}

.bootstrap-select.open.show .dropdown-menu {
    display: block;
}

.bootstrap-select .dropdown-menu li a {
    line-height: 2em;
    display: block;
    width: 100%;
    color: #151b23;
    font-size: 110%;
    padding: 0.35714em 1.42857em;
}

.bootstrap-select .dropdown-menu li.active a {
    color: #fff;
}

#select_language .bootstrap-select .dropdown-menu li a {
    color: #7f7e90;
}

.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li a:focus {
    color: #151b23;
    font-weight: 600;
    background: #f7f7fd;
}

.bootstrap-select .dropdown-menu li a span::before {
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    font-size: 1.125rem;
}

.bootstrap-select .dropdown-menu li a .glyphicon-ok::before {
    content: "\e925";
}

.bootstrap-select .dropdown-menu[aria-expanded="true"] {
    display: block;
}

.bootstrap-select .dropdown-menu a[aria-selected="true"] {
    color: #151b23 !important;
    font-family: Jost;
    background: #f7f7fd;
}

.artiista-options .bootstrap-select .dropdown-menu a[aria-selected="true"] {
    color: #fff !important;
}

.artiista-options .bootstrap-select .dropdown-menu li a {
    color: #ffffff73;
}

.artiista-options #select_currency .bootstrap-select.btn-group .dropdown-menu.inner {
    margin: 0px 0;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
}

/* Tags Input
========================*/

.bootstrap-tagsinput {
    width: 100%;
    border: 1px solid #cdd0e161;
    border-radius: 20px;
    padding: 15px 15px 17px 15px;
    color: #151b23;
    min-height: 100px;
}

.bootstrap-tagsinput .tag {
    background: #fdfdff;
    color: #151b23;
    padding: 0px 12px 3px 12px;
    margin: 4px;
    border: 1px solid #cdd0e161;
    border-radius: 12px;
    font: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: all .1s ease;
    float: left;
    letter-spacing: initial;
}

.dark .bootstrap-tagsinput .tag {
    background: #34343e;
    color: #fff;
}

.dark .bootstrap-tagsinput input[type="text"] {
    background: #2a2a31;
    color: #fff;
}

.bootstrap-tagsinput .tag [data-role="remove"]::after {
    content: "×";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    line-height: 1;
    vertical-align: middle;
    padding: 0;
    margin-left: 7px;
}

.bootstrap-tagsinput input[type="text"] {
    min-width: 9.375rem;
    line-height: 2;
    border: none;
    padding-left: 5px;
    padding-top: 2px;
    color: #151b23;
}

.input-group .bootstrap-tagsinput:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group .bootstrap-tagsinput:not(:first-child):not(:nth-last-child(2)) {
    border-radius: 0;
}

.input-group .bootstrap-tagsinput:nth-last-child(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Switchery
=======================*/

input.toggles-btn {
    display: none;
}

input.toggles-btn + label {
    display: inline-block;
    position: relative;
    box-shadow: inset 0 0 0px 1px #cfcedc;
    text-indent: -5000px;
    height: 30px;
    width: 50px;
    border-radius: 15px;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 6px;
}

.dark .small input.toggles-btn + label {
    box-shadow: none;
}

.small input.toggles-btn + label {
    height: 22px;
    width: 42px !important;
    margin-top: 12px;
}

.small input.toggles-btn + label:before {
    height: 22px !important;
    width: 42px !important;
}

.small input.toggles-btn + label:after {
    height: 22px;
    width: 22px;
}

.small input.toggles-btn:checked + label:before {
    background-color: #a3a3b5;
    background: #a3a3b5;
}

.dark .small input.toggles-btn:checked + label:before {
    background-color: #3d3d46;
}

.small input.toggles-btn:checked + label:after {
    box-shadow: inset 0 0 0 1px #a3a3b5, 0 2px 4px rgba(0, 0, 0, .2);
}

figure.thumb-xs2 svg {
    border-radius: 50px;
}

input.toggles-btn + label:before {
    content: "";
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    top: 0;
    left: 0;
    border-radius: 15px;
    background: rgba(19, 191, 17, 0);
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

input.toggles-btn + label:after {
    content: "";
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    top: 0;
    left: 0px;
    border-radius: 15px;
    background: white;
    box-shadow: inset 0 0 0 1px rgb(207 206 220), 0 2px 4px rgb(207 206 220);
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.dark input.toggles-btn + label:after {
    box-shadow: none;
}

input.toggles-btn:checked + label:before {
    width: 50px;
    background-color: #151b23;
}

input#vacationtoggle:checked + label:before {
    width: 50px;
    background-color: #fa0;
}

.status-tab.vac-mode.not-linked {
    background-color: transparent;
    border: none;
    color: #fa0;
    line-height: 1.15;
}

input.toggles-btn:checked + label:after {
    left: 20px;
    box-shadow: inset 0 0 0 1px #151b23, 0 2px 4px rgba(0, 0, 0, .2);
}

input#vacationtoggle:checked + label:after {
    left: 20px;
    box-shadow: inset 0 0 0 1px #fa0, 0 2px 4px rgba(0, 0, 0, .2);
}

input.toggles-btn + label:hover {
    cursor: pointer;
}


/* Touchspin
=======================*/

.bootstrap-touchspin .input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 8px 10px;
    margin-left: -1px;
    position: relative;
}


.bootstrap-touchspin .input-group-btn-vertical i {
    position: absolute;
    top: 3px;
    left: 5px;
    font-size: 9px;
}

.bootstrap-touchspin .input-group-btn-vertical {
    min-width: 65px;
    height: 30px;
    width: 60px;
    display: inline-block;
    flex: none;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down i,
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    font-size: 20px;
    line-height: 1;
    font-style: normal;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up i::before {
    content: "+";
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    top: calc(50%);
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down i:before {
    content: "-";
}

/* MultiSelect
========================*/

.ms-container {
    width: 100%;
}

.ms-container .ms-list {
    border-radius: 0;
}

.ms-container .ms-list.ms-focus {
    border-color: #4ca83f;
    -webkit-box-shadow: 0 0 7px -2px #4ca83f;
    box-shadow: 0 0 7px -2px #4ca83f;
}

.ms-container .ms-selection li,
.ms-container .ms-selectable li {
    line-height: 2;
}

.ms-container .ms-selection li.ms-hover,
.ms-container .ms-selectable li.ms-hover {
    background: #4ca83f;
}

body.rtl .ms-container .ms-optgroup {
    padding-right: 0;
}

body.rtl .ms-container .ms-optgroup-label {
    padding-right: 5px;
}

.multi-step-process-order .multi-step-form fieldset {
    text-align: center;
    display: none;
}

.multi-step-process-order .multi-step-form fieldset.active {
    display: block;
}

.multi-step-process-order .multi-step-form fieldset textarea {
    resize: none;
}

.multi-step-process-order .multi-step-form fieldset input[type=number]::-webkit-inner-spin-button,
.multi-step-process-order .multi-step-form fieldset input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.multi-step-process-order .steps-tab li {
    padding: 0 50px;
    position: relative;
    height: 30px;
    width: 190px;
}


.multi-step-process-order .steps-tab a {
    line-height: 1.8;
    font-size: 80%;
    color: #c1c0d4a8;
    font-family: Jost;
}

.steps-txt {
    margin-top: 5px;
}

.steps-tab ul {
    height: 30px;
}

.order-imposible {
    padding-top: 20px;
    color: #4e566d78;
}

.order-error {
    color: #ca0000;
}

.multi-step-process-order .steps-tab .step {
    display: block;
    margin-left: 34%;
    width: 30px;
    height: 30px;
    line-height: 24px;
    color: #4ca83f;
    background-color: #F5F7FA;
    border: 3px solid #4ca83f;
    font-size: 13px;
    border-radius: 50%;
    z-index: 1;
    font-family: Jost;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 768px) {
    .multi-step-process-order .steps-tab li {
        padding: 0 20px;
    }
}

.multi-step-process-order .steps-tab li::before {
    content: "";
    top: 13px;
    width: 100%;
    height: 3px;
    z-index: -1;
    display: block;
    position: absolute;
    left: -50%;
    background-color: #4ca83f;
    opacity: .7;
}

.multi-step-process-order {
    display: inline-block;
    margin: auto;
}

.multi-step-process-order .steps-tab li:first-child::before {
    display: none;
}

.multi-step-process-order .steps-tab li:last-child::after {
    display: none;
}

.multi-step-process-order .steps-tab ul li.done .step {
    background-color: #4ca83f;
    border-color: #4ca83f;
    color: #FFF;
}

.multi-step-process-order .steps-tab ul li.done::before {
    background-color: #4ca83f;
    opacity: 1;
}

.multi-step-process-order .steps-tab ul li.pending .step {
    background-color: #fff;
    border-color: #efefffe8;
    color: #efefffe8;
}

.multi-step-process-order .steps-tab ul li.pending::before {
    background-color: #efefffe8;
    opacity: 1;
}

.multi-step-process-order .steps-tab ul li.active .step {
    border-color: #4ca83f;
    background-color: #FFF;
    color: #4ca83f;
}

.multi-step-process-order .steps-tab ul li.active::before {
    background-color: #4ca83f;
    opacity: 1;
}

body.rtl .multi-step-process-order .steps-tab li::before {
    left: auto;
    right: calc(-50% - 10px);
}

/* Bootstrap Wysiwyg
========================*/

.wysihtml5-sandbox {
    width: 100% !important;
    border: 1px solid #f7f7fd !important;
    padding: 20px !important;
}

ul.wysihtml5-toolbar {
    border: 1px solid #f7f7fd;
    border-bottom: 0;
}

ul.wysihtml5-toolbar > li {
    margin: 0;
}

ul.wysihtml5-toolbar > li .btn {
    background: none;
    border: 0;
}

ul.wysihtml5-toolbar > li .btn .glyphicon {
    margin-right: 1em;
}

ul.wysihtml5-toolbar > li .btn:active,
ul.wysihtml5-toolbar > li .btn:focus {
    background: none;
}

body.rtl ul.wysihtml5-toolbar > li .btn .glyphicon {
    margin-right: 0;
    margin-left: 1em;
}

ul.wysihtml5-toolbar > li .modal .btn {
    background: #4ca83f;
    color: #fff;
}

ul.wysihtml5-toolbar > li .modal .checkbox label {
    padding-left: 30px;
    position: relative;
}

ul.wysihtml5-toolbar > li .modal .checkbox label:before {
    content: '';
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    border: 1px solid #cdd0e161;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

ul.wysihtml5-toolbar > li .modal .checkbox label.checkbox-checked:before {
    background: #4ca83f;
    border-color: #4ca83f;
    content: 'check';
}

body.rtl .input-group .input-group-btn-vertical:first-child:last-child .btn,
body.rtl .input-group .input-group-btn-vertical .btn,
body.rtl .input-group .input-group-btn:first-child:last-child .btn,
body.rtl .input-group .input-group-btn .btn,
body.rtl .input-group .input-group-addon:first-child:last-child,
body.rtl .input-group .input-group-addon {
    border-radius: 0.25rem;
}

body.rtl .input-group .input-group-btn-vertical:first-child .btn,
body.rtl .input-group .input-group-btn:first-child .btn,
body.rtl .input-group .input-group-addon:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-right: 1px solid #cdd0e161;
    border-left: 0;
}

body.rtl .input-group .input-group-btn-vertical:last-child .btn,
body.rtl .input-group .input-group-btn:last-child .btn,
body.rtl .input-group .input-group-addon:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-left: 1px solid #cdd0e161;
    border-right: 0;
}

body.rtl .input-group .input-group-btn-vertical:not(:first-child):not(:last-child) .btn,
body.rtl .input-group .input-group-btn:not(:first-child):not(:last-child) .btn,
body.rtl .input-group .input-group-addon:not(:first-child):not(:last-child) {
    border-radius: 0;
}

body.rtl .input-group .form-control:first-child:last-child,
body.rtl .input-group .form-control {
    border-radius: 0.25rem;
}

body.rtl .input-group .form-control:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

body.rtl .input-group .form-control:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body.rtl .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

input[data-plugin="knob"] {
    right: 50% !important;
    -webkit-transform: translateX(50%) !important;
    transform: translateX(50%) !important;
}

/********************************
 *********************************
BALLOON
 *********************************
 *********************************/

button[data-balloon] {
    overflow: visible;
}

.sel_job_wrapper [data-balloon]:after {
    width: 90px;
    top: 11px;
    background: transparent;
    cursor: pointer;
}

.sel_job_wrapper [data-balloon]:before {
    display: none;
}


[data-balloon] {
    position: relative;
}

[data-balloon]:before,
[data-balloon]:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.18s ease-out 0.18s;
    transition: all 0.18s ease-out 0.18s;
    bottom: 100%;
    left: 50%;
    position: absolute;
    z-index: 10;
    -webkit-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}


.job-attributes [data-balloon]:before,
.job-attributes [data-balloon]:after {
    z-index: 2222 !important;
}


[data-balloon]:after {
    background: #2a2a31;
    border-radius: 10px;
    color: #fff;
    content: attr(data-balloon);
    font-size: 14px;
    padding: 7px 15px;
    margin-bottom: 11px;
    line-height: 1.15;
    text-align: center;
    font-family: "Zilla Slab";
}

[data-balloon]:before {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="#333" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
    background-size: 100% auto;
    height: 6px;
    width: 18px;
    content: "";
    margin-bottom: 5px;
}

.error-notifications[data-balloon]:before {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="#ca0000" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
    background-size: 100% auto;
    height: 6px;
    width: 18px;
    content: "";
    margin-bottom: 5px;
}

.profile-sidebar .content-uploader-profile #error-single-image.error-notifications[data-balloon][data-balloon-visible]:after {
    border-radius: 12px;
    padding: 13px 15px;
    width: 233px !important;
    left: 50%;
    right: 0;
    transform: translate(-50%, -10px);
    margin-bottom: 20px;
}

.profile-sidebar .container-uploader h5 {
    white-space: nowrap;
}


[data-balloon]:hover:before,
[data-balloon][data-balloon-visible]:before,
[data-balloon]:hover:after,
[data-balloon][data-balloon-visible]:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 0.92;
    -moz-opacity: 0.92;
    opacity: 0.92;
    pointer-events: auto;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.error-notifications[data-balloon][data-balloon-visible]:after {
    background: #ca0000;
    margin-bottom: 0px;
    border-radius: 0;
    padding: 5px 15px;
}

.helper.fadein-left .close {
    margin-top: -22px;
    margin-right: -10px;
    opacity: 0.6;
    transition: opacity 0.5s ease-in-out;
}

.helper.fadein-left .close:hover {
    opacity: 0.7;
    cursor: pointer;
}

[data-balloon][data-balloon-break]:after {
    white-space: normal;
}

[data-balloon-pos="down"]:before,
[data-balloon-pos="down"]:after {
    bottom: auto;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
}

[data-balloon-pos="down"]:after {
    margin-top: 11px;
}

[data-balloon-pos="down"]:before {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(42, 42, 49, 0.9)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
    background-size: 100% auto;
    height: 6px;
    width: 18px;
    margin-top: 5px;
    margin-bottom: 0;
}


.dark [data-balloon-pos="down"]:before {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(41, 41, 48, 0.9)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
    background-size: 100% auto;
    height: 6px;
    width: 18px;
    margin-top: 5px;
    margin-bottom: 0;
}


[data-balloon-pos="down"]:hover:before,
[data-balloon-pos="down"][data-balloon-visible]:before,
[data-balloon-pos="down"]:hover:after,
[data-balloon-pos="down"][data-balloon-visible]:after {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

[data-balloon-pos="left"]:before,
[data-balloon-pos="left"]:after {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(10px, -50%);
    -ms-transform: translate(10px, -50%);
    transform: translate(10px, -50%);
}

[data-balloon-pos="left"]:after {
    margin-right: 11px;
}

[data-balloon-pos="left"]:before {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(42, 42, 49, 1)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
    background-size: 100% auto;
    height: 18px;
    width: 6px;
    margin-right: 5px;
    margin-bottom: 0;
}

[data-balloon-pos="left"]:hover:before,
[data-balloon-pos="left"][data-balloon-visible]:before,
[data-balloon-pos="left"]:hover:after,
[data-balloon-pos="left"][data-balloon-visible]:after {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

[data-balloon-pos="right"]:before,
[data-balloon-pos="right"]:after {
    bottom: auto;
    left: 100%;
    top: 50%;
    -webkit-transform: translate(-10px, -50%);
    -ms-transform: translate(-10px, -50%);
    transform: translate(-10px, -50%);
}

[data-balloon-pos="right"]:after {
    margin-left: 11px;
}

[data-balloon-pos="right"]:before {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(90 6 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
    background-size: 100% auto;
    height: 18px;
    width: 6px;
    margin-bottom: 0;
    margin-left: 5px;
}

[data-balloon-pos="right"]:hover:before,
[data-balloon-pos="right"][data-balloon-visible]:before,
[data-balloon-pos="right"]:hover:after,
[data-balloon-pos="right"][data-balloon-visible]:after {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

[data-balloon-length]:after {
    white-space: normal;
}

[data-balloon-length="small"]:after {
    width: 80px;
}

[data-balloon-length="medium"]:after {
    width: 150px;
}

[data-balloon-length="large"]:after {
    width: 260px;
}

[data-balloon-length="xlarge"]:after {
    width: 90vw;
}

@media screen and (min-width: 768px) {
    [data-balloon-length="xlarge"]:after {
        width: 380px;
    }
}

[data-balloon-length="fit"]:after {
    width: 100%;
}

/********************************
 *********************************
TAGS LIST
 *********************************
 *********************************/

.tags-input {
    padding: 12px 12px;
    border: 1px solid #e3ebf7;
    border-radius: 20px;
}

.dark .tags-input {
    padding: 12px 12px;
    border: 1px solid #525261;
    border-radius: 20px;
}

.tags-input .tag {
    display: inline-block;
    background: #fdfdff;
    color: #151b23;
    padding: 0 12px;
    margin: 4px;
    border: 1px solid #e3ebf7;
    border-radius: 12px;
    font: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: all .1s ease;
    float: left;
}


.tags-input .tag.selected {
    background-color: #2a2a31;
    border-color: #4ca83f;
    color: #fff;
}

.tags-input .tag.dupe {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
    background-color: #FCC;
    border-color: #700
}

.tags-input input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    display: inline-block !important;
    background: 0 0 !important;
    box-shadow: none !important;
    font: inherit !important;
    font-size: 100% !important;
    outline: 0 !important;
    float: left;
    width: 100% !important;
    padding: 6px 5px;
    color: #151b23;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: 1px solid #e2ebf7;
    padding-top: 14px;
    margin-top: 13px;
}

.select2-dropdown--above span.select2-search.select2-search--dropdown input {
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    height: 45px;
}

.dark .tags-input input {
    color: #fff;
}

.tags-input .selected ~ input {
    opacity: .3
}


/********************************
 *********************************
MY ORDERS
 *********************************
 *********************************/

.ending-soon-timer {
    position: absolute;
    top: -11px;
    background-color: #fa0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 6px;
    line-height: 1;
    padding: 3px 8px 3px 4px;
    white-space: nowrap;
}

.my-orders-artiista .manage_job_img {
    width: 80px;
    height: 45px;
    position: relative;
}

.my-orders h6.title-dash,
.my-withdrawals h6.title-dash {
    padding-left: 30px;
}

.widget-latest-transactions .job-image {
    position: relative;
}

.my-orders-artiista .no-image-txt {
    font-size: 60%;
    margin-top: -21px;
}

.download-invoice {
    float: left;
    margin-left: 10px;
    cursor: pointer;
    margin-top: -1px;
}

.download-invoice svg {
    opacity: 0.4;
    transition: opacity 0.3s ease-in-out;
}

.dark .download-invoice svg {
    opacity: 0.5;
}

.single-line-tab:hover .download-invoice svg {
    opacity: 0.9;
}

.dark .single-line-tab:hover .download-invoice svg {
    opacity: 1;
}

.dark .widget-holder .single-user-name,
.dark .widget-holder .single-job-title,
.dark .widget-latest-comments .single-user-name,
.dark .widget-todo .single-user-name,
.dark .widget-latest-transactions .single-user-name,
.dark .widget-user-activities .single-user-name {
    opacity: 0.9;
    color: #edebfd;
}

.order_id {
    float: left;
}

.dark .select-datepicker {
    background-color: #34333e;
    border-color: #34333e;
}

.my-withdrawals .dash-stats-wrapper.row,
.my-orders .dash-stats-wrapper.row {
    padding-bottom: 30px;
}

.select-language .bootstrap-select.btn-group .dropdown-toggle .bs-caret .caret,
.select-currency .bootstrap-select.btn-group .dropdown-toggle .bs-caret .caret {
    top: 12px !important;
}

.subtitle-gradient {
    margin-top: 10px;
}

.my-orders .offers-requests {
    margin-bottom: 30px;
}

#edit-offer-actions .btn {
    font-family: Jost;
}

.col-md-6.offers-requests.clearfix.row {
    height: 119px;
}

.select-datepicker {
    margin-bottom: 20px;
    width: 220px;
    padding-left: 15px;
    background-color: rgb(255, 255, 255);
    position: relative;
    display: block;
    height: 40px;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: none;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #cdd0e161;
    border-image: initial;
    border-radius: 50px;
    color: #151b23;
    padding: 8px 15px;
}

.single-line-tab.my-orders-artiista:hover {
    cursor: pointer;
}

.single-job-title {
    padding-bottom: 7px;
}

.my-orders .dash-stats,
.my-withdrawals .dash-stats {
    background-color: #fff;
}

.job-image img {
    border-radius: 6px;
}

td.job-image {
    width: 121px;
}

.single-line-tab .single-user-details,
#job_list .single-user-details {
    display: table-cell;
    margin-left: 10px;
    flex-grow: 1;
    line-height: 1;
}

.withdrawals-artiista .single-user-details div {
    padding-top: 13px;
}

span.leave-feedback {
    font-size: 85%;
    padding-left: 5px;
    color: #fa0;
}

#feedback-moderated-timeline {
    padding-top: 20px;
    font-size: 90%;
}

.dark .timeline-page .widget-holder {
    margin-bottom: 0px;
}

#comment_send_delivery-wrapper .detect-lang {
    margin-top: -30px;
}

#comment_send_delivery-wrapper textarea#comment_send_delivery {
    margin-bottom: 30px;
}

#rating-comment-wrapper .detect-lang {
    margin-top: -20px;
}

#submit_feedback_timeline {
    padding-top: 20px;
}

.info-file-uploaded {
    color: #fa0;
    display: none;
}

#rating_timeline_uploaded {
    display: none;
}

#text-feed-back-indications {
    font-family: Jost;
    padding-bottom: 15px;
}


#job_list .dash-stat-value {
    font-size: 180%;
}

.widget-latest-transactions .date_added {
    padding-bottom: 4px;
    font-size: 90%;
    white-space: nowrap;
    overflow: hidden;
}

table.widget-latest-transactions .user-image {
    max-width: 70px;
}

img.rounded-circle {
    width: 50px;
}

.job-reviews img.rounded-circle {
    width: 40px;
    height: 40px;
}

.single-line-tab {
    border-radius: 20px;
    background-color: #fdfdff8a;
    margin: 25px 0;
    border: 1px solid #f7f7fd;
    padding: 20px;
    position: relative;
    min-height: 87px;
    display: flex;
}

#job_list .single-job-title,
#job_list .price-amount,
#job_list small {
    cursor: pointer;
}

.my-sales-artiista.payment_failed .single-job-title,
.my-sales-artiista.payment_failed .price-amount,
.my-sales-artiista.payment_failed small,
.my-sales-artiista.payment_failed .job-image,
.my-orders-artiista.payment_failed .single-job-title,
.my-orders-artiista.payment_failed .price-amount,
.my-orders-artiista.payment_failed small,
.my-orders-artiista.payment_failed .job-image {
    pointer-events: none;
}

.single-line-tab.my-custom-offers-artiista_sent {
    cursor: pointer;
}

.dark .single-line-tab {
    background-color: #34343e;
    border: 1px solid #53525f;
}

.dark .widget-latest-transactions td:first-child,
.dark .widget-latest-transactions td,
.dark .widget-latest-transactions td:last-child {
    border-color: #53525f;
}

.widget-latest-transactions {
    margin-top: 50px;
}

#post-data_offers_sent {
    margin-top: 0px;
}

#post-data_offers_sent .user-image img {
    width: 40px;
    height: 40px;
    margin-top: 4px;
}

#post-data_offers_received img.rounded-circle {
    width: 40px;
    height: 40px;
}

.widget-latest-transactions .job-image,
.widget-latest-transactions .job-image img {
    width: 80px;
    max-width: 80px;
}

.widget-latest-transactions .user-image,
.widget-latest-transactions .single-user-details,
.widget-latest-transactions .job-image {
    display: table-cell;
}

#send-new-question-wrapper #lang_detected_include .detect-lang {
    right: 20%;
}

/********************************
 *********************************
REQUESTS  
 *********************************
 *********************************/

#apply-request-wrapper .col-sm-3 {
    padding-left: 0;
}

#apply-request-wrapper .col-sm-9 {
    padding-right: 0;
}

#view-all-requests {
    margin: auto;
    margin-bottom: 30px;
    font-family: 'Jost';
}

.order-status-1 {
    border: 1px solid #4ca83f !important;
}

.order-status-3 {
    max-height: 157px;
    overflow: hidden;
    opacity: 0.5;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.order-status-3:hover {
    opacity: 1;
    max-height: 100%;
}

.dash-stats-line .col-md-6.dash-stats {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 44%;
    max-width: 44%;
    margin: 0px 3%;
}

.requests-section .dash-stats-line .col-md-6.dash-stats {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 48%;
    max-width: 48%;
    margin: 0px 2%;
}

.users-from-req .dash-stat-concept {
    margin-top: -8px;
}

.descriptions-requests {
    padding-top: 30px;
}

.dash-stats-line .dash-stats {
    border: 3px solid #f7f7fd;
    border-radius: 12px;
    text-align: center;
    padding: 10px 10px 3px 10px;
}

.dark .requests-section .dash-stats-line .dash-stats {
    border: 4px solid #34343e;
    background-color: #34343e;
}

.dark .translate-inline-icon {
    color: #fff;
}

.profile-picture-request-wrapper {
    float: left;
}

.user-request-wrapper {
    float: left;
}

.images-round-corner.image-request-wrapper img {
    width: 80%;
}

.action-btns {
    position: absolute;
    top: 30px;
    right: 30px;
    filter: sepia(120%) hue-rotate(190deg) saturate(70%);
}

.requests-section .action-btns {
    top: 39px;
    right: 90px;
}

.request-status {
    position: absolute;
    right: 25px;
    top: 20px;
}

.dark .action-btns svg {
    filter: brightness(0) invert(1);
}

#post-request-offer {
    color: #151b23;
}

.col-filtering .checkbox .label-text:after,
.col-filtering .radiobox span.label-text:before {
    border-color: transparent;
    background-color: #ecedf3;
    height: 13px;
    width: 13px;
    margin-top: 1px;
    margin-right: -7px;
}

.reset-price {
    color: #c1c0d4d9;
    font-size: 80%;
}

.request-wrapper figure {
    padding-top: 15px;
    padding-right: 5px;
}

.requests-wrapper-data {
    width: 100%;
    padding-left: 15px;
}

#job-cards-content .requests-data-numb {
    font-size: 180%;
    line-height: 1;
    color: #6a7190;
    font-family: 'Jost';
}

.requests-data-numb {
    white-space: nowrap;
}

.request-wrapper {
    width: 100%;
    margin-bottom: 30px;
    border: 0;
}

.request-wrapper .media {
    padding-bottom: 15px;
}

#load-requests .request-description {
    padding: 30px;
}

.request-sent {
    padding-bottom: 50px;
    border-radius: 0;
    border-bottom: 2px solid #e1e1eb7d;
}

.requests-wrapper-data .text-muted {
    color: #a3a4ab !important;
}

.view-more-icon {
    text-align: center;
}

.no-more-requests-to-show {
    color: #151b23;
    margin: auto;
    font-size: 105%;
}

.requests-slider-wrapper button.slick-next.slick-arrow,
.requests-slider-wrapper button.slick-prev.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.requests-slider-wrapper button.slick-next.slick-arrow {
    right: 0px !important;
}

.requests-slider-wrapper button.slick-prev.slick-arrow {
    left: 0px !important;
}

#load_results_requests_data svg#prev-btn, 
#load_results_requests_data svg#next-btn {
    height: 60px;
}

.translate-in-options button.btn.dropdown-toggle.btn-default {
    padding: 5px 30px 5px 15px;
}

.translate-in-wrapper .btn-translate {
    padding: 4px 15px;
}

.translate-in-apply {
    float: left;
    margin-left: 15px;
    margin-top: -2px;
}

.translate-in {
    margin-right: 15px;
}

.translate-in-wrapper-parent {
    text-align: center;
    border-top: 1px dashed #e6e6fd;
    padding-top: 20px;
    display: none;
}

.dark .translate-in-wrapper-parent {
    border-top: 1px dashed #53525f;
}

.translate-in-wrapper {
    display: inline-block;
    padding-bottom: 15px;
}

.translate-in,
.translate-in-options {
    float: left;
    font-family: Jost;
}

.translate-inline-icon {
    font-size: 90%;
    color: #222944;
    font-family: Jost;
    float: left;
    opacity: 0.6;
}

.translator {
    float: left;
    line-height: 1;
}

.translator-option {
    border: 1px solid #61617780;
    border-radius: 20px;
    padding: 3px 10px;
    cursor: pointer;
    display: inline-block;
    float: right;
    margin-bottom: 10px;
    opacity: 0.4;
    transition: opacity 0.3s ease-in-out;
    filter: sepia(200%) hue-rotate(190deg) saturate(200%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

.message-translated {
    background-color: #f1f2f8;
    padding: 15px 20px;
    border-radius: 12px;
    margin-top: 15px;
    display: none;
    text-align: left;
}

.translate-in-options.single-entry {
    margin-left: -10px;
    margin-top: 0px;
}

.message-translated.active_trans,
.translate-in-wrapper-parent.active_trans {
    display: block;
}

.already_translated {
    font-family: Jost;
    font-size: 85%;
    text-align: left;
    color: #cfcedc;
    margin-bottom: -10px;
    margin-left: 10px;
}

.translated-into-wrapper {
    display: none;
}

.translator-option:hover {
    opacity: 0.7;
}

.requests-slider-wrapper button.slick-next.slick-arrow {
    top: 50%;
}

.requests-categories-item-count {
    margin-left: 6px;
    font-family: 'Jost';
    font-size: 90%;
}

.requests-background {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: -2;
}

.requests-background,
.requests-background-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.requests-background-overlay {
    z-index: -1;
}

.requests-gradient-background {
    background: #151b23;
    background: -moz-linear-gradient(135deg, #18181b 0%, #474aa0 300%);
    background: -webkit-linear-gradient(135deg, #18181b 0%, #474aa0 300%);
    background: linear-gradient(135deg, #18181b 0%, #474aa0 300%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#18181b', endColorstr='#474aa0', GradientType=1);
    -webkit-box-shadow: none;
    opacity: 0.9;
}

.requests-element {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.requests-element .requests-title,
.requests-element .requests-slider {
    position: relative;
}

.requests-categories {
    list-style: none;
    text-align: center;
    padding-bottom: 30px;
}

.requests-categories-item {
    padding: 2px 12px;
    background-color: #ffffff17;
    color: #fff;
    border-radius: 12px;
    cursor: pointer;
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 12px;
}

a.sel-down,
a.sel-up {
    padding-left: 55px !important;
}

a.sel-down:before,
a.sel-up:before {
    margin-left: -30px !important;
}

.requests-element .requests-slider__nav {
    position: absolute;
    right: 7px;
    top: -92px;
}

.requests-element .requests-slider__nav-next,
.requests-element .requests-slider__nav-prev {
    background-color: transparent;
    cursor: pointer;
}

.requests-element .requests-slider .slick-list,
.requests-element .slick-list {
    margin-left: -15px;
    margin-right: -15px;
}

.requests-element .flip-box,
.requests-element .flip-box-fixed {
    max-width: 420px;
}

.requests-element .flip-box {
    min-width: 320px;
    margin: auto;
}


.requests-element .flip-box-fixed {
    min-width: auto;
    margin: auto;
}

.flip-request {
    height: 217px;
    display: block !important;
}

.flip-request .flip {
    height: 100%;
    min-height: 217px;
}

.flip-request__front {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.request-flip-back-wrapper,
.flip-request__front {
    border-radius: 20px;
    background-color: #fff;
}

.flip__front {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    position: relative;
}

.flip__front-no-flip {
    z-index: 2;
    position: relative;
}

.flip__back,
.flip__front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slider-requests-element.no-more-results {
    cursor: pointer;
}


.flip__front-no-flip {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flip-request__col {
    padding: 0px 30px 0 30px;
    color: #151b23;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    justify-content: space-between !important;
}


.flip-request__cat,
.flip-request__stick {
    display: block;
    height: 16px;
    text-transform: uppercase;
    font-size: 0.6875rem;
    line-height: 16px;
    padding: 0 5px;
    letter-spacing: -0.04em;
    margin: 1px 3px 1px 0;
}

.flip-request__stick {
    padding: 0 8px;
    margin: 1px 0;
    background-color: #4ca83f;
    color: #4ca83f;
}

.flip-request__old-price {
    font-size: 0.875rem;
    line-height: 16px;
    text-decoration: line-through;
    margin-bottom: 3px;
    color: #4ca83f;
}

.flip-request__price {
    font-size: 1.3125rem;
    line-height: 24px;
}

.flip-request__thumb {
    width: 41%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 15px;
    text-align: center;
    padding-top: 35px;
}

.flip-request__thumb img,
.flip-request__thumb-back img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.flip_vertical .flip__back {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.request-flip-back-wrapper:before {
    z-index: 2;
}

.flip-box:hover .flip_vertical {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    z-index: 9;
}

.request-flip-back {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 3;
    margin: auto;
    width: 100%;
    padding-left: calc(5% - 7.5px);
    padding-right: calc(5% - 7.5px);
    padding-top: 30px;
    padding-bottom: 15px;
}

.requests-section .requests-data-txt,
.request-flip-back .requests-data-txt {
    font-family: 'Jost';
    line-height: 1;
    font-size: 80%;
    color: #fff;
}

.requests-section .requests-data-inside,
.request-flip-back .requests-data-inside {
    background-color: #ffffff1c;
    border-radius: 15px;
    padding: 10px 10px 3px 10px;
    text-align: left;
}

.dark .requests-section .requests-data-inside, 
.dark .request-flip-back .requests-data-inside {
    background-color: #34343e;
}

.requests-section .flip-request__title,
.request-flip-back-wrapper .flip-request__title {
    margin-bottom: 0;
    color: #fff;
}

.send-offer-request-btn {
    display: inline-block;
}

.flip-request__description {
    font-size: 0.875rem;
    line-height: 24px;
    position: relative;
    z-index: 3;
    padding: 0 39px;
    margin-top: 10px;
    margin-bottom: 30px;
    color: #fff;
}

.flip-request__thumb-back {
    position: absolute;
    top: 0;
    right: 15px;
    width: 41%;
    height: 100%;
    z-index: -1;
    text-align: center;
    padding-top: 35px;
}

#load_results_requests_data .cls-1 {
    stroke: #151b23;
}

.requests-slider-wrapper .media {
    padding-bottom: 0px;
}

.requests-data-inside {
    background-color: #fff;
    border-radius: 15px;
    margin-right: 15px;
    color: #151b23;
    padding: 5px 10px;
    height: 100%;
}

.flip .requests-data-inside {
    margin-right: 7.5px;
    margin-left: 7.5px;
}

.request-description {
    font-size: 95%;
}

.requests-offers-list .requests-data-numb {
    font-family: Jost;
}

.flip-request__col figure.thumb-xs2.mr-3.mr-0-rtl.ml-3-rtl {
    margin-bottom: 0px;
}

.request-sent .media-body {
    line-height: 1.2;
    margin-top: 2px;
    padding-left: 0px;
}

.filter-text {
    float: right;
    margin-top: 4px;
    margin-left: 10px;
}

#filters-mobile-left .btn-outline-secondary {
    padding: 8px 15px;
    line-height: 1;
    background-color: #fff;
}

.requests-section .requests-data-numb,
.request-flip-back .requests-data-numb {
    font-size: 180%;
    color: #fff;
    line-height: 1.3;
}

.request-flip-back .requests-data-numb-inside {
    line-height: 1.3;
}

.requests-section .requests-data-numb {
    font-family: Jost;
}

.slider-requests-element .flip__back {
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    -webkit-box-shadow: none;
}

.requests-data-txt {
    font-family: 'Jost';
    line-height: 1.5;
    font-size: 80%;
    color: #6a7190;
}

#slider-requests .media {
    padding-bottom: 0;
}

.requests-slider-wrapper {
    padding-bottom: 50px;
}

button.slick-next.slick-arrow {
    padding-left: 9px;
}

button.slick-prev.slick-arrow {
    padding-left: 5px;
}

.section-requests h2 {
    color: #fff;
    padding-top: 50px;
}

.requests-title {
    color: #fff;
}

section.section-requests {
    position: relative;
    color: #fff;
    margin-top: 50px;
}

.images-round-corner.image-request-wrapper {
    position: absolute;
    right: 0px;
}

#project-title {
    font-family: Jost;
    color: #666;
    padding-bottom: 10px;
}

#inside-modal-processing {
    padding-bottom: 30px;
}

.blocks-requests,
.blocks-projects {
    width: 100%;
}

.flip__back #view-offers-btn-req {
    text-align: center;
    margin-top: 30px;
}

#view-offers-btn-req {
    text-align: center;
    margin-top: 10px;
}

.request-wrapper:hover .btn-send-offer {
    opacity: 1;
    filter: none;
}

.btn-send-offer {
    filter: sepia(200%) hue-rotate(190deg) saturate(200%);
    opacity: 0.3;
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient( 135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient( 135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    color: #fff;
    text-align: center;
    border-radius: 15px;
    font-size: 150%;
    width: 40px;
    height: 40px;
    transition: opacity 0.3s ease-in-out;
    cursor: pointer;
    margin-left: auto;
}

.rejected {
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.3s ease-in-out;
}

.rejected:hover {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

#view-offers-btn-req .btn {
    font-family: 'Jost';
}

.view-offers-received {
    padding-bottom: 20px;
}

.no-offers .view-offers-big-btn {
    opacity: 0.15;
    filter: sepia(200%) hue-rotate(190deg) saturate(200%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}


.dark .no-offers .view-offers-big-btn {
    opacity: 0.2;
    filter: sepia(200%) hue-rotate(190deg) saturate(50%);
}

.dark .icon-view-offers-count {
    filter: brightness(0) invert(1);
    opacity: 0.8;
}

.mini-icons-roles-offers {
    width: 100px;
    border: 3px solid #f7f7fd;
    border-radius: 12px;
    padding: 20px;
    height: 100px;
    float: left;
    margin: 0px 20px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.all-roles {
    text-align: center;
    margin-top: 12px;
    font-family: Jost;
    color: #c1c0d4a8;
    transition: all 0.3s ease-in-out;
}

.mini-icons-roles-offers:hover .all-roles {
    color: #4ca83f;
}

.mini-icons-roles-offers:hover {
    border: 3px solid #4ca83f;
}

.mini-icons-roles-offers_wrapper {
    padding-top: 30px;
    margin: auto;
}

.my-requests-artiista,
.my-projects-artiista {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
    border: 1px solid #e3ebf7;
    border-radius: 20px;
    padding: 30px;
    width: 100%;
    background-color: #fdfdff8a;
}

.d-none.d-md-inline-flex.justify-center.align-items-center .btn {
    margin-left: 10px;
}

#description-request {
    font-size: 95%;
    padding-bottom: 30px;
    margin-bottom: 10px;
    border-bottom: 4px solid #f7f7fd;
    margin-top: 30px;
}

.profile-picture-request-wrapper figure {
    padding-left: 0;
}

.my-requests-offers h6.title-dash {
    padding-bottom: 10px;
    margin-left: 30px;
}

.my-req-general.row #description-request {
    border: none;
}

.my-req-general.row.clearfix {
    border-bottom: 4px solid #f7f7fd;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.view-offers-txt {
    font-family: Jost;
    line-height: 1;
}

.dark .action-btns span {
    opacity: 0.3;
}

.dark .modal-content {
    border: 1px solid #444452;
}

.action-btns span {
    opacity: 0.06;
    padding: 0 5px;
    cursor: pointer;
    transition: opacity 0.3s ease-in-out;
}

.requests-section:hover .action-btns span {
    opacity: 0.4;
}

.action-btns span:hover {
    opacity: 0.4;
}

.dark .view-offers-btn-req-wrapper.no-offers {
    border: 3px solid #3c3c46;
}

.view-offers-btn-req-wrapper {
    border: 3px solid #efeff9;
    border-radius: 20px;
    cursor: pointer;
}

.dark .view-offers-btn-req-wrapper {
    border: 3px solid #53525f;
}

.view-offers-btn-req-wrapper.no-offers {
    cursor: initial;
}

.selected {
    background-color: #fdfdff;
}

.dark .extra-options-wrapper.lines,
.dark #job_options .selected,
.dark #job_extras .selected {
    background-color: #34343e;
}

.new-offer-received {
    position: absolute;
    background-color: #4ca83f;
    color: #fff;
    font-family: Jost;
    font-size: 80%;
    padding: 3px 7px;
    line-height: 1;
    border-radius: 20px;
    top: 8px;
    left: 8px;
}

.tinytable-cols.col-sm-4,
.tinytable-cols.col-sm-6 {
    border-right: 1px solid #f7f7fd;
}

.tinytable-cols.col-sm-4:last-child,
.tinytable-cols.col-sm-6:last-child {
    border-right: none;
}

.no-image-txt {
    text-align: center;
    font-family: Jost;
    color: #fff;
    opacity: 0.8;
    font-size: 77%;
    margin-top: -7px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

svg.no-image-holder {
    margin-top: 7px;
}

svg.upload-new-profile-picture {
    margin-top: calc(50% - 25px);
    opacity: 0.5;
}


.job_no_image-logo-wrapper {
    position: absolute;
    max-width: 100%;
    top: 53px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.widget-latest-transactions td.job-image {
    width: 80px;
}

.job_no_image {
    position: relative;
}

.order_request_offer_wrapper {
    position: absolute;
    width: 100%;
    border: 0;
}

.order_request_offer {
    text-align: center;
    margin-top: -22px;
}

.image-request-wrapper {
    position: relative;
}


/********************************
 *********************************
FAQS PAGE
 *********************************
 *********************************/

.card-block ul {
    padding-left: 20px;
}

.card-block a {
    color: #4ca83f;
}

.faqs-page ul.col-md-4,
.faqs-page ul.col-md-8 {
    padding: 0;
}

li.list-faqs-categories {
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
    border-bottom: 1px solid #f7f7fd;
}

.accordion-minimal {
    padding: 0 0 30px 20px;
}

h5.mt-0.mb-0.fs-22.fw-400.sub-heading-font-family {
    margin-top: -10px !important;
}

.accordion-minimal .card-block {
    padding: 20px 0;
    font-size: 95%;
}

.start-selling-CTA {
    background: #f37932;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #f37932 0%, #fa0 88%);
    background: linear-gradient(135deg, #f37932 0%, #fa0 88%);
}

.start-selling-CTA-wrapper {
    padding-top: 20px;
    padding-right: 10px;
}

/********************************
 *********************************
BLOG  
 *********************************
 *********************************/

#search-btn-blog button.input-group-btn.btn.btn-primary {
    padding: 12px 15px 12px 12px;
}

.blog-post-card ul#section-tags {
    float: right;
    margin-top: -83px;
}

#blog-page {
    padding-top: 160px;
}

.blog-post-attributes {
    text-align: left;
    padding-right: 60px;
    padding-top: 15px;
    padding-bottom: 40px;
    font-size: 85%;
    color: #cfcedc;
    float: right;
}

.blog-category-tag {
    position: absolute;
    right: 30px;
    top: 20px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #151b23;
    border-radius: 6px;
    padding: 2px 15px;
}

a.continue-reading {
    color: #4ca83f;
    font-size: 90%;
    margin-left: 10px;
}

/********************************
 *********************************
LEGAL PAGE
 *********************************
 *********************************/

.table-container-cookies tr,
.table-container-cookies td {
    border: 1px solid #151b23;
}

.table-container-cookies {
    font-size: 90%;
}

.table-container-cookies td {
    padding: 15px;
}

.container.legal-pages {
    padding-top: 120px;
    padding-bottom: 50px;
}

.legal-pages p {
    text-align: justify;
    text-justify: inter-word;
}

.definitions {
    text-align: justify;
    text-justify: inter-word;
}

.document-translation {
    opacity: 0.4;
    margin-top: 20px;
}

h3.review-section {
    font-size: 180%;
    padding-top: 30px;
}

h4.review-section-sub {
    font-size: 130%;
}

#workflow-right-column a {
    color: #4ca83f;
}

.container.legal-pages.cgu {
    font-size: 90%;
}


/********************************
 *********************************
FOOTER
 *********************************
 *********************************/

.logo-artiista-white {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
    padding-top: 30px;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    padding-bottom: 15px;
}

.logo-artiista-white:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.artiista-slogan {
    font-family: Jost;
    color: #fff;
    letter-spacing: 0.5px;
}

.description-artiista p {
    color: #fff;
    opacity: 0.8;
    font-size: 92%;
}

#price_conversion {
    margin-top: -10px;
    margin-left: 30px;
    color: #c1c0d4a8;
}

.result_conversion {
    font-family: Jost;
}



.select-language .btn-group,
.select-currency .btn-group {
    width: auto !important;
}

span.currency.right {
    font-size: 70%;
    margin-left: -4px;
}

span.currency.left {
    font-size: 70%;
    margin-right: -6px;
}

.payment-fees-fixed span.currency.right,
.payment-fees span.currency.right,
.payment-fees-fixed span.currency.left,
.payment-fees span.currency.left {
    font-size: 70%;
    margin-right: 0px;
}

.list_of_extras .currency.left,
.job-base-price .currency.left,
button .currency.left {
    margin-right: -3px;
}

span.express-delivery-icon {
    padding-left: 7px;
}

.microjob-card-price-wrapper.delivery24h {
    padding-right: 27px;
}

.delivery24h-wrapper {
    position: absolute;
    right: -3px;
    top: 3px;
    cursor: pointer;
}

.container-uploader.red {
    border-color: #ca0000 !important;
}

.container-uploader.orange {
    border-color: #fa0 !important;
}

#custom_offers_received .amount-sales .requests-data-numb-inside,
#custom_offers_sent .amount-sales .amount-net-to-seller {
    width: 1%;
    white-space: nowrap;
}

.form-group.row.select-options-parameters {
    margin-bottom: 0;
}

.extra_price .currency.left {
    margin-right: -0px;
}

.payment-next-step .currency.right,
.list_of_extras .currency.right,
.job-base-price .currency.right,
button .currency.right {
    margin-left: -1px;
}

.select-language,
.select-currency {
    display: inline-block;
    float: right;
    margin-right: 15px;
    margin-top: 30px;
}

#select_language_header .dropdown-menu.open.show {
    min-width: 150px;
    top: 51px;
}

#select_currency_header .dropdown-menu.open.show {
    top: 51px;
}

#select_currency_header .bootstrap-select > .dropdown-toggle {
    font-size: 90%;
    margin-top: -5px;
}

#select_currency_header .bootstrap-select .dropdown-menu li a {
    color: #fff;
    font-size: 100%;
    padding: 5px 17px;
}

#select_currency_header .bootstrap-select.btn-group .dropdown-toggle .bs-caret {
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 0;
    left: 0;
}

#select_language_header button .country {
    margin-left: 0px;
}

#select_currency_header .bootstrap-select .dropdown-menu a[aria-selected="true"] {
    color: #fff !important;
}

.select-language.header-selector,
.select-currency.header-selector {
    display: inline-block;
    float: right;
    margin-right: 5px;
    margin-top: 26px;
}

#select_language_header {
    margin-top: -3px;
}

.select-currency.header-selector {
    padding-left: 20px;
}

.light .select-language .dropdown-menu.open, 
.light .select-currency .dropdown-menu.open {
    background-color: #ffffff17;
    border: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    width: auto;
}

.select-language.header-selector .dropdown-menu.inner .country {
    top: 13px;
    left: 17px;
}

.light.dark-nav .select-language .dropdown-menu.open, 
.light.dark-nav .select-currency .dropdown-menu.open {
    background-color: #2a2a31;
}

.light .select-language .dropdown-menu.inner, 
.light .select-currency .dropdown-menu.inner {
    background-color: transparent;
}

.select-currency.header-selector .bootstrap-select.btn-group .dropdown-menu.inner,
.select-language.header-selector .bootstrap-select.btn-group .dropdown-menu.inner {
    margin: 0px 0 7px 0;
}

#select-language-header .bootstrap-select .dropdown-menu a[aria-selected="true"] {
    color: #fff !important;
    font-family: 'Jost';
    background: transparent !important;
}

#select_language_header .selected {
    background-color: transparent;
}

.dark-nav .select-language .dropdown-menu, 
.dark-nav .select-currency .dropdown-menu {
    background-color: #2a2a31;
    border: 1px solid #151b23;
    border-radius: 6px;
    width: auto;
}


#select_currency_header button,
#select_language_header button {
    border: 0;
}

#select_currency_header .btn-default {
    color: #ffffffa6;
}

.footer-blog-icon {
    opacity: 0.7;
    transition: opacity 0.3s ease-in-out;
}

.footer-blog-icon:hover {
    opacity: 1;
}

.select-language .dropdown-menu,
.select-currency .dropdown-menu {
    background-color: #2a2a31;
    border: 1px solid #151b23;
    border-radius: 6px;
    width: auto;
}

.select-currency .show > .btn-default.dropdown-toggle,
.select-language .show > .btn-default.dropdown-toggle,
.select-language button:hover,
.select-currency button:hover {
    border-color: #cfcfd2 !important;
    transition: all 0.3s ease-in-out;
}

.select-currency .btn-default:focus,
.select-currency .btn-default:hover,
.select-currency .btn-default:active,
.select-currency .btn-default:active:focus,
.select-currency .btn-default:active:hover,
.select-currency .show > .btn-default.dropdown-toggle,
.select-currency .show > .btn-default.dropdown-toggle:hover,
.select-currency .show > .btn-default.dropdown-toggle:focus {
    color: #cfcfd2;
    transition: all 0.3s ease-in-out;
}

.dark .withdrawn-icons-wrapper {
    border: 2px solid #f7f7fd;
}

.select-language button {
    border-color: #686875;
    width: 60px !important;
}

.select-currency button {
    border-color: #7f7f90;
    width: 140px !important;
}

.legal-separators {
    margin: 0 6px;
}

footer .btn-default {
    color: #686875;
}

span.symbol_currency_list {
    padding-right: 8px;
}

#select_currency .btn.dropdown-toggle.btn-default span.filter-option.pull-left {
    font-size: 13px;
    margin-left: 10px;
    line-height: 11px;
}

.select-language button .language-name {
    display: none;
}

.select-language .dropdown-menu li a:hover,
.select-language .dropdown-menu li a:focus,
.select-language .dropdown-menu li a:active,
.select-currency .dropdown-menu li a:hover,
.select-currency .dropdown-menu li a:focus,
.select-currency .dropdown-menu li a:active {
    color: #fff;
    background: #151b23 !important;
}

.select-language .btn-default:focus,
.select-currency .btn-default:focus {
    border-color: #fff;
}

.select-language a[aria-selected="true"],
.select-currency a[aria-selected="true"] {
    background: #151b23 !important;
}

.select-language.header-selector .dropdown-menu li a, 
.select-currency.header-selector .dropdown-menu li a {
    padding: 4px 10px;
}

.select-language .dropdown-menu li a {
    padding: 0 10px;
    min-width: 100px;
}

.select-currency .dropdown-menu li a {
    padding: 3px 10px;
    min-width: 100px;
}

.newsletter-wrapper {
    transform: translateZ(0px);
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 75px -1px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 75px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 75px -1px rgba(0, 0, 0, 0.06);
}

.dark .newsletter-wrapper {
    background-color: #1f1f24;
}

.newsletter-form-processing.redbold {
    color: #ca0000;
}

#gdpr-nwsletter-wrapper {
    display: none;
}

#modify_data_icon-small {
    position: absolute;
    padding-top: 1px;
}

.unsubscribed-gdpr {
    font-style: italic;
    opacity: 0.5;
    margin-bottom: 10px;
    padding-left: 25px;
    color: #9090a5;
}

.subscribed-gdpr {
    margin-bottom: 10px;
    font-family: Jost;
    padding-left: 25px;
}

#newsletter_gdpr {
    padding-top: 10px;
    padding-bottom: 10px;
}

#gdpr-action-2 {
    margin-top: 20px;
    margin-left: 70px;
}

#modify_data_icon {
    position: absolute;
    line-height: 0;
    margin-top: 3px;
}

#modify_data_concept {
    margin-left: 40px;
}

#modify_data_wrapper {
    border: 1px solid #f7f7fd;
    margin-right: 20px;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 20px;
}

.newsletter-form-processing {
    font-family: Jost;
    color: #4ca83f;
    margin: auto;
    padding: 20px 0;
    display: none;
}


.newsletter-form {
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: auto;
}

#newsletter-email {
    margin: 0 15px;
    width: 300px;
}

.newsletter-gdpr {
    width: 60%;
    margin: auto;
    padding-top: 15px;
}

.socials-footer {
    float: left;
    padding-right: 5px;
    padding-top: 10px;
    opacity: 0.2;
    transition: all 0.3s ease-in-out;
}

.social-networks-contact-page .socials-footer {
    opacity: 0.5;
}

.artiista-socials-slogan-wrapper {
    float: left;
    padding-right: 50px;
    padding-top: 15px;
}

.socials-footer:hover {
    opacity: 0.8;
}

.address-artiista {
    float: left;
    font-family: Jost;
    font-size: 95%;
    margin-top: -15px;
    padding: 15px 20px;
    border-radius: 20px;
    color: #d4d4d7;
}

.artiista-country {
    margin-left: 10px;
}

form#select_language .dropdown-menu.open {
    width: auto !important;
}

footer .recent-posts p {
    font-size: 90%;
    font-family: Zilla Slab;
    color: #fff;
    opacity: 0.8;
    line-height: 1.32;
    transition: all 0.3s ease-in-out;
}

footer .recent-posts p:hover {
    opacity: 0.8;
}

footer #pageFooterInside {
    background-color: #2a2a31;
    transform: translateZ(0px);
    background-size: cover;
    position: relative;
    z-index: 2;
}

.opener-sidebar .chevron-header-wrapper {
    top: 38px;
    left: 51px;
    transform: rotate(-90deg);
}

.container.footer-links {
    padding: 20px 0 40px 0;
}

#including-pending-withdrawal {
    text-align: center;
    font-size: 80%;
    color: #fa0;
    margin-top: 10px;
}

#back-to-top {
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 0;
    background-color: #a9a5bc;
    border-radius: 50%;
    padding: 6px;
    font-size: 90%;
    opacity: 0;
    color: #fff;
    cursor: pointer;
    transition: opacity 0.5s ease-in-out;
}

#back-to-top:hover {
    opacity: 1;
}

footer .menu {
    font-size: 90%;
}

.select-language button,
.select-currency button {
    background-color: transparent !important;
    border-radius: 6px;
    padding: 3px;
}

.header-selector .select-language button, .header-selector .select-currency button {
    padding: 0 3px;
}

.header-selector .bootstrap-select > .dropdown-toggle {
    line-height: auto;
}

.select-language .caret {
    right: 7px !important;
}

.legal-links-wrapper {
    margin: auto;
    font-size: 85%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.select-language button .country {
    margin-left: 10px;
    width: 16px;
}

.select-language.header-selector .language-name {
    padding-left: 19px;
    font-family: Zilla Slab;
    font-size: 100% !important;
    color: #fff;
}

.select-language .language-name {
    padding-left: 10px;
    font-family: Zilla Slab;
    font-size: 80%;
}

.select-language .language-name {
    margin-left: 20px;
}

.select-language .country {
    position: absolute;
    top: 5px;
}

.select-language .dropdown-menu.inner .country {
    top: 8px;
}

.skills-section-left-side {
    padding: 0 40px;
}

.navigate-menu h6 {
    border-bottom: 1px solid #151b234f;
    padding-bottom: 10px;
}

footer .col-md-3 h5 {
    transition: all 0.3s ease-in-out;
}

footer .col-md-3:hover h5 {
    color: #fff;
}

footer h6 {
    font-size: 100%;
    font-style: italic;
}

footer h5 {
    margin-top: 10px;
    margin-bottom: 20px;
}

#copyright .col-md-4:last-child {
    text-align: right;
}

.navigate-menu h5,
.navigate-menu h6 {
    color: #9393a0;
    margin-top: 0;
}

.payment-methods-footer {
    float: right;
    margin-right: 10px;
    opacity: 0.4;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    z-index: 11;
}

.powered-by-mangopay image {
    filter: brightness(0) invert(1) !important;
    opacity: 0.4;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.powered-by-mangopay svg {
    filter: brightness(0) invert(1)!important;
}

.powered-by-mangopay image:hover {
    opacity: 0.9;
}

.powered-by-mangopay {
    width: 120px;
}

.payment-methods-footer:first-child {
    margin-right: 0px;
}

#copyright .col-md-4:last-child {
    margin-top: -5px;
}

.payment-methods-footer:hover {
    opacity: 0.92;
}

#copyright {
    font-size: 90%;
}

.menu-legal li {
    float: left;
    font-size: 85%;
    line-height: 2.1;
    font-family: Jost;
    padding: 0 5px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.menu-legal li:hover {
    opacity: 0.5;
}

footer .col-md-3 {
    padding-top: 30px;
}

#copyright {
    background-color: #18181b;
    padding: 22px 0px 9px 0px;
}

.col-md-3.navigate-menu .col-md-6:first-child {
    padding-left: 0;
    padding-right: 0px;
}

.col-md-3.navigate-menu.pd-r-0 {
    padding-left: 0;
}

.col-md-3.navigate-menu .col-md-6:last-child {
    padding-right: 0;
}

footer .list-icon {
    font-size: 13px;
    margin-left: -13px;
    padding-right: 0px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

footer .menu li:hover .list-icon {
    opacity: 1;
    margin-left: 0px;
    padding-right: 4px;
    color: #fff;
    filter: brightness(0) invert(1);
}

footer .menu li {
    color: #8f8f9e;
    transition: all 0.3s ease-in-out;
}

footer .menu li:hover {
    color: #fff;
}

/********************************
 *********************************
USER PROFILE
 *********************************
 *********************************/

.videoWrapperProfile.iframe {
    padding-top: 56.25%;
}

.playerMain .carouselImage img {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.playerMain {
    width: 100%;
    border-radius: 20px;
}

.slick-track #playerMain {
    border-radius: 20px;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.user-info-mobile {
    display: none;
}

#region-select,
#us_accounts_types,
#ca_accounts_types,
#gb_accounts_types {
    display: none;
}

.rating-stars div:last-child {
    margin-right: 0px;
}

.view-profile .rating-stars-wrapper {
    text-align: center;
}

.profile-country {
    font-size: 90%;
    color: #afaec3f7;
    text-align: center;
    line-height: 1.4;
}

a.profile-pics {
    margin-bottom: 15px;
}

.view-profile .col-md-7 {
    padding: 0;
}

.video-list .videoWrapper img,
.video-list .profile-pics img {
    opacity: 0;
    -webkit-transition: opacity 0.8s ease-in;
    -moz-transition: opacity 0.8s ease-in;
    -o-transition: opacity 0.8s ease-in;
    -ms-transition: opacity 0.8s ease-in;
    transition: opacity 0.8s ease-in;
}

.view-profile .first.col-md-3,
.view-profile .first.col-md-2 {
    padding: 0;
    margin-top: 30px;
}

#skills-section-wrapper {
    padding-left: 15px;
}


#releases-tab-bordered-1 table {
    margin-bottom: 0px;
}

.profile-pics-wrapper {
    width: 100%;
    margin-top: 30px;
    border-top: 4px solid #f7f7fd;
}

.skills-section .irs .irs-line {
    background-color: transparent;
}

.profile-username {
    font-family: Jost;
    font-size: 130%;
    text-align: center;
}

.profile-user-picture {
    height: 118px;
    width: 118px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 20px;
}

.videoWrapper.profile-user {
    margin-bottom: 20px;
}

.img-job-wrapper .unpublished-media,
.img-job-wrapper .moderated-media,
.videoWrapper .unpublished-media,
.videoWrapper .moderated-media {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.artist-wrapper {
    position: absolute;
}

.artist-wrapper.center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
}

.artist-wrapper.left,
.artist-wrapper.right {
    width: 70%;
    top: 50%;
    transform: translateY(-50%) !important;
}

.artist-wrapper.right {
    right: 0;
}

.section-profile .playerMain {
    padding-bottom: 30px;
}


#profile-bio h6 {
    margin-top: 0px;
}

h2.profile-short-description {
    font-size: 160%;
    margin-top: 0;
    transition: all 1s ease-in-out;
}

h3.profile-short-description {
    font-size: 120%;
    transition: all 1s ease-in-out;
    margin-top: 15px;
}

.artist-genres {
    display: inline-block;
    border: 1px solid #151b23;
    padding: 0px 10px;
    border-radius: 20px;
    background-color: #5555551c;
    margin-right: 7px;
    margin-top: 5px;
    transition: all 0.3s ease-in-out;
}

.artist-genres:last-child {
    margin-right: 0;
}

.profile-music-genres {
    transition: all 0.3s ease-in-out;
}

.white-popup-block {
    background: #ccc;
    padding: 20px;
    max-width: 300px;
    margin: 0 auto;

    animation: open 1s;
}

.mfp-removing {
    animation: close 1s;
}

@keyframes open {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes close {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


.static-sliders-wrapper {
    min-height: 40px;
    margin: 0 10px;
    text-align: left;
}

.skills-section {
    padding: 20px 0px;
}

.section-profile-content .static-sliders-wrapper {
    margin: 0;
    margin-bottom: 10px;
}

.profile-pics.col-md-3 img {
    border-radius: 12px;
}

.title-tabs-content {
    display: none;
}

.profile-credits {
    background-color: #ecedf3;
    border-radius: 20px;
    padding: 5px 15px 5px 15px;
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 10px;
    min-height: 35px;
    font-size: 90%;
}

.profile-picture-hover-zoom-icon {
    opacity: 0.9;
    width: 35px;
    margin: auto;
    margin-top: 0%;
    height: 35px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

#videos-tab-bordered-1 {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -15px;
}

.view-profile .video-list {
    padding-bottom: 30px;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

#tab-pictures {
    display: block !important;
}

h6#tab-videos {
    margin-left: 15px;
}

h6#tab-audios {
    margin-left: 13px;
}

.profile-picture-hover {
    position: absolute;
    background: -moz-radial-gradient(#000000bd 0%, #00000075 80%);
    background: -webkit-radial-gradient(#000000bd 0%, #00000075 80%);
    background: radial-gradient(#000000bd 0%, #00000075 80%)
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    -webkit-box-shadow: none;
    height: 100%;
    width: calc(100% - 15px);
    border-radius: 12px;
    border: 1px dashed #151b23;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.profile-picture-hover:hover {
    opacity: 1;
}

.static-sliders-activity {
    font-family: Jost;
    color: #afaec3f7;
    margin-left: 2px;
    font-size: 85%;
}

.static-sliders .irs .irs-bar-edge {
    display: none;
}

span.irs {
    margin-top: 14px;
    margin-right: 3px;
}

.static-sliders .irs .irs-shadow.shadow-from,
.irs .irs-shadow.shadow-to,
.irs .irs-line,
.irs .irs-bar {
    border: none !important;
    margin-left: -11px;
}

.section-icon-profile {
    padding-top: 14px;
}

.static-sliders {
    margin-top: -10px;
}

.icon-section-profile-wrapper {
    border-right: 4px solid #f7f7fdefb;
    padding: 20px 0;
}

.section-profile-content p {
    color: #6a7190918ab;
}

span.country {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 16px;
    height: 12px;
}

.full-color-header {
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    -webkit-box-shadow: none;
    margin: -20px -40px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    left: 0 !important;
    padding: 20px 30px 0px 30px;
}

.profile-user-description.mb-4 {
    color: #fff;
}

small.tip {
    font-family: Jost;
    color: #afaec3f7;
    margin-top: 2px;
    text-transform: uppercase;
}

span.counter {
    font-size: 90%;
    font-family: Jost;
    color: #afaec3f7;
}

.label-profile {
    font-family: Jost;
    color: #777;
}

.first-row.section-profile.row {
    padding-top: 30px;
}

.liked-profile-icon {
    display: inline-block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-left: 10px;
}

.liked-profile-number {
    display: inline-block;
    font-size: 150%;
    font-family: Jost;
    color: #bbb;
}

.liked-profile {
    padding: 7px 0;
    border-bottom: 1px solid #f7f7fd;
}

.widget-bg.full-bg {
    padding: 0;
    margin-top: 80px;
}

.main-wall-img {
    position: absolute;
}

.content-card-profile.text-center {
    width: 100%;
}

#main-categories button {
    display: none !important;
}

.content-card {
    padding: 50px 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

#profile-container {
    position: absolute;
    top: 120px;
}

.col-md-4.text-center.no-padding {
    padding: 0;
}

.main-wall-img img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

/********************************
 *********************************
MY GIGS
 *********************************
 *********************************/

.page_options_top {
    padding-top: 30px;
    padding-bottom: 20px;
}

.job-status-manage {
    position: absolute;
    right: 0px;
    margin-top: -5px;
}

span.price-currency {
    font-size: 80%;
}

.my-jobs-artiista .price-job.absolute-right {
    padding-right: 53px;
    padding-top: 6px;
}

.my-jobs-artiista .col-sm-3 {
    text-align: center;
}

.price-job.my-jobs {
    right: 0px;
    font-size: 160%;
    top: 70px;
    position: absolute;
}

.table-data {
    font-size: 100%;
    margin: auto;
    margin-top: 2px;
    padding-top: 4px;
    line-height: initial;
    font-family: Jost;
    color: #6a719091;
}

.col-sm-5.widthdrawn-wrapper {
    border: 3px solid #f7f7fd;
    border-radius: 12px;
}

.price-job {
    display: inline-block;
    color: #151b23;
    font-size: 240%;
    font-family: Jost;
    line-height: 1;
}

.results_tab_wrapper.status_wrapper.mobile-only {
    float: left;
    margin-right: 7px;
    height: 25px;
}

.my_jobs_container {
    padding-left: 15px;
}

.row.my-jobs-artiista .col-sm-3 {
    padding: 0;
}

.absolute-right {
    position: absolute;
    right: 0;
}

.manage_job_img img {
    width: 100%;
}

.row.my-jobs-artiista .label-checkbox-jobs {
    display: block;
    position: absolute;
    z-index: 1;
    margin-top: 10px;
    margin-left: 10px;
}

#published-by-container {
    padding-right: 80px;
}

.col-md-9.pd-l-0.requests-section {
    max-width: 480px;
}

.my-jobs-artiista .checkbox-list__check {
    background-color: #ffffff57;
}

.checkbox-list__item {
    position: relative;
    padding: 14px 0;
    display: block;
    cursor: pointer;
    margin: 0 0 0 34px;
    border-bottom: 1px solid #b4bcc2;
}

.list_of_extras .checkbox-list__item {
    top: 2px;
}

.payment-next-step .label-checkbox-jobs,
.list_of_extras .label-checkbox-jobs {
    display: block;
    position: absolute;
}

.checkbox-list__check {
    width: 18px;
    height: 18px;
    border: 2px solid #c1c0d4a8;
    position: absolute;
    left: -34px;
    top: 50%;
    margin-top: -12px;
    transition: border .3s ease, background-color .3s ease;
    border-radius: 50px;
}

.my-jobs-artiista {
    border: 1px solid #e3ebf7;
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 30px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.my-jobs-artiista.selected,
.my-jobs-artiista:hover {
    border: 1px solid #4ca83f;
    background-color: #f8f8ff;
}

.my-jobs-artiista.selected .dash-stats-col,
.my-jobs-artiista:hover .dash-stats-col {
    background-color: #fff !important;
}

.dark .my-jobs-artiista .dash-stats-col {
    background-color: #2a2a31 !important;
}

.title-my-jobs-txt {
    font-size: 110%;
    padding-bottom: 7px;
    font-family: Jost;
}

.title-my-jobs a {
    color: #151b23;
    padding-left: 10px;
    float: left;
}

.tinytable-cols.col-sm-3 {
    border-right: 1px solid #c1c0d4a8;
}

.tinytable-cols.col-sm-3.last-tinytable-cols:last-child {
    border: none;
}

.biggdescr {
    border-bottom: 4px solid #f7f7fd;
}

.grey .tinytable-icons {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.2;
}

.tinytable-icons {
    width: 40px;
    height: 40px;
    margin: 0 auto;
}

.offers-requests {
    border: 1px solid #c1c0d4a8;
    padding: 11px 0px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    margin-left: auto;
    background-color: #fff;
}

h6.modal-title-heading.mr-0.mr-r-5 {
    text-align: center;
    padding-bottom: 20px;
}

#request-modal .modal-dialog,
#project-modal .modal-dialog {
    max-width: 600px;
    min-width: 560px;
}

.members_added_numb {
    float: right;
    background-color: #4ca83f;
    color: #fff;
    font-family: Jost;
    width: 17px;
    margin-left: 5px;
    margin-right: 8px;
    height: 17px;
    line-height: 1.4;
    text-align: center;
    border-radius: 50px;
    font-size: 13px;
}

#post-data_member {
    margin-bottom: 30px;
    text-align: center;
}

#save-changes-btn,
.add-members-section {
    display: none;
}

.delete_member {
    float: left;
    height: 14px;
    width: 14px;
    margin-top: 6px;
    margin-right: 8px;
    opacity: 0.15;
    transition: all 0.3s ease-in-out;
}

.delete_member:hover {
    opacity: 0.7;
}

.members_added_wrapper {
    border: 1px solid #fdfdff;
    padding: 3px 0px 3px 10px;
    border-radius: 30px;
    cursor: pointer;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

.members_added_wrapper:hover {
    border: 1px solid #e3ebf7;
}

.members_added {
    color: #151b23;
    font-family: Jost;
    float: left;
}


textarea#request_description {
    height: 130px;
}

.images-round-corner img {
    border-radius: 12px;
}

#no-content {
    text-align: center;
}

.artiista-loader-infinite {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
    opacity: 0;
    height: 0px;
}

.artiista-loader-infinite-inside {
    margin: auto;
    height: 34px;
    width: 34px;
}

#no-content-wrapper {
    padding-top: 60px;
    padding-bottom: 30px;
}

span.get-started {
    font-family: Jost;
    color: #4ca83f;
}

#no-content-text {
    font-size: 210%;
    font-family: Jost;
    color: #e7e6ed;
    width: 70%;
    line-height: 1;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
}

.microjob-image-wrapper {
    height: 100%;
}

.dark #no-content-text {
    color: #46464f;
}

#no-content-text-get-started {
    padding-top: 20px;
    text-align: center;
}

#post-data-end-dynamic-selection,
#post-data-end,
#post-data-end_sent,
#post-data-end_received,
#post-data-end_users {
    text-align: center;
    font-family: Jost;
    color: #c1c0d4a8;
    padding-top: 15px;
    padding-bottom: 5px;
    display: none;
}

.account_amount {
    font-family: Jost;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
    padding-bottom: 30px;
}

.no-results,
.show-info-text {
    font-family: Jost;
}

.artiista-loader-wrapper {
    display: inline-block;
}

.login-to-reply-wrapper {
    display: inherit;
}

.unlogged-in#post-comment {
    padding-left: 0px;
    padding-bottom: 30px;
    text-align: center;
}

.login-to-reply {
    padding: 0 3px;
    cursor: pointer;
}

.show-info-text.confirm {
    color: #151b23;
}

.amount_available_account {
    color: #4ca83f;
    font-size: 120%;
}

.show-info-text.error {
    color: #ca0000;
}

#btn-sel-ind,
#btn-sel-pro {
    padding-bottom: 30px;
}


#send-message-wrapper-confirm,
#send-message-wrapper-error {
    margin: auto;
}

section#blog-page .no-results {
    padding-bottom: 50px;
    padding-top: 100px;
}

.widget-header-no-padding {
    border-bottom: 4px solid #f7f7fd;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: -40px;
    margin-right: -40px;
}

.btn-circle-orange {
    border-color: #fa0;
}

.btn-circle-blue {
    border-color: #4ca83f;
}

.btn-circle-red {
    border-color: #ca0000;
}

.btn-circle-greyed-hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
    transition: all 0.5s ease-in-out;
    filter: sepia(100%) hue-rotate(190deg) saturate(70%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

.btn.btn-circle {
    margin: 0 3px !important;
}

.btn-circle-greyed-hover:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

#circle-btn-active-job {
    padding-top: 10px;
    padding-left: 3px;
}

#circle-btn-delete-job {
    padding-top: 14px;
    padding-left: 9px;
}

div#circle-btn-suspend-job {
    padding-top: 5px;
}


/********************************
 *********************************

LOGIN / SIGNUP FORMS

 *********************************
 *********************************/

#video-mobile-signup {
    margin-top: 20px;
    margin-bottom: 30px;
    position: relative;
}

#video-mobile-signup .btn {
    height: 30px;
    color: #fff;
    line-height: 1;
    font-size: 75%;
}

form#form_submit_signup .icon-input {
    right: 0;
    left: initial;
    margin-top: 3px;
}

a.btn.btn-block.btn-outline-secondary.ripple {
    color: #fff;
}

.signup-done {
    color: #fff;
    text-align: center;
    display: none;
    max-width: 540px;
}

.signup-form-text {
    font-family: Jost;
    color: #fff;
    text-align: center;
    font-size: 120%;
}

#step2-signup {
    display: none;
    position: relative;
}

#step2-signup .label-text a {
    color: #4ca83f;
    font-family: Jost;
}

#login-modal .modal-content {
    min-width: 570px;
}

#login-modal.modal {
    z-index: 10000;
}

#cookie-modal .modal-dialog {
    position: fixed;
    top: initial;
    bottom: 50px;
    right: 50px;
    margin: 0px;
}

#gdpr-cookie-message {
    position: fixed;
    top: initial;
    bottom: 50px;
    right: 50px;
    margin: 0px;
    background-color: #fff;
    padding: 30px;
    width: 500px;
    border-radius: 0px;
    z-index: 1050;
    -webkit-box-shadow: 0px 0px 86px 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 86px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 86px 6px rgba(0, 0, 0, 0.25);
}

#gdpr-cookie-message h4 {
    color: #151b23;
}

#gdpr-cookie-message .btn-outline-secondary {
    color: #4e566d;
    border-color: #e3ebf7;
}

.cookies-details {
    color: #8a899cb0;
    font-size: 85%;
    padding-bottom: 10px;
    font-family: Zilla Slab;
}

#gdpr-cookie-types .checkbox-list__item {
    position: relative;
    padding: 0px 0 7px;
    display: block;
    cursor: pointer;
    margin: 0 0 0 34px;
    border-bottom: none;
    font-size: 95%;
}

#gdpr-cookie-types h5 {
    border-top: 4px solid #f7f7fd;
    padding-top: 30px;
    margin-top: 30px;
    text-align: center;
}

#gdpr-action-3.pending-orders {
    font-family: Jost;
    padding: 40px 20px !important;
}

#gdpr-action-3.pending-orders a {
    color: #4ca83f;
}

#gdpr-cookie-types .checkbox-list__check {
    top: 18px;
}

.cookie_mention {
    color: #bab9cc;
    font-size: 88%;
    text-align: center;
}

#cookie-modal .modal-content {
    padding: 30px;
}

#gdpr-cookie-message p {
    color: #8a899c;
    font-size: 90%;
    padding-top: 10px;
}

ul.cookies-options {
    padding-left: 20px;
    padding-top: 10px;
}

.form-group.form-control-icon.repeat-password {
    margin-bottom: 3px;
}

.form-login-wrapper input.form-control.form-control-line {
    border-radius: 0;
}

.signup-page a.btn.btn-lg.btn-default.ripple {
    min-height: 40px;
    height: 60px;
    font-size: 95%;
    color: #4ca83f;
}

.signup-page .discover {
    padding-bottom: 0px !important;
}

.signup-page li.list-inline-item a {
    color: #fff;
}

.signup-page .list-icon,
.login-popup .list-icon {
    font-size: 35px !important;
    position: absolute;
    top: 43%;
    color: #fff;
    opacity: 0.5;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

h5.registered-title {
    margin-right: 30px;
    font-size: 100%;
    color: #fff;
    margin-top: 11px;
}

.signup-page .registered-wrapper {
    position: absolute;
    top: 30px;
    right: 30px;
}

.signup-page .registered {
    float: left;
}

.btn-login {
    float: left;
}

.logo-signup {
    position: absolute;
    left: 25px;
    top: 30px;
    z-index: 1;
}

.form-group.sel_user_type .radio-primary {
    display: inline-block;
    padding: 0 13px;
}

.form-group.sel_user_type {
    padding-top: 20px;
    text-align: center;
}


.login-content {
    z-index: 3;
}

.signup-page .login-left input[type="text"],
.signup-page .login-left input[type="email"],
.signup-page .login-left input[type="password"] {
    color: #fff;
}

#login-modal .login-left input[type="text"],
#login-modal .login-left input[type="email"],
#login-modal .login-left input[type="password"] {
    color: #151b23 !important;
}


.signup-page span.filter-option.pull-left {
    text-align: center !important;
}

.signup-page h2.mb-4.text-center {
    color: #fff;
    padding-bottom: 30px;
    margin-top: 0;
}

.select_signup .btn-group.bootstrap-select.form-control.show {
    background-color: transparent;
}

.select_signup button.btn.dropdown-toggle.btn-default {
    background-color: transparent !important;
    border: 0;
    border-bottom: 2px solid #fff;
    border-radius: 0;
}

.signup-page span.caret {
    color: #fff;
}

.signup-page .dropdown-menu {
    border: 0;
}

.signup-page .form-control {
    border-radius: 0;
}

.signup-page .btn-group.bootstrap-select.form-control {
    background-color: transparent;
}

.text-muted.notif {
    border-top: 1px solid #151b23;
    border-bottom: 1px solid #151b23;
    padding: 30px 0;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #9d9cb1f7 !important;
}

#instructions-message .thanks-title {
    color: #151b23;
}

.blue-fl {
    background-color: #0153A1;
    height: 3px;
}

.white-fl {
    background-color: #ffffff;
    height: 3px;
}

.red-fl {
    background-color: #CF0721;
    height: 3px;
}

.artiista-flag.row {
    margin-top: 10px;
    width: 50%;
    max-width: 120px;
}

#resend_confirmation {
    cursor: pointer;
}

#error-message {
    padding-bottom: 20px;
}

.col-10.ml-sm-auto.col-sm-6.col-md-4.ml-md-auto.login-center.login-center-mini.mx-auto {
    max-width: 500px;
}

#login-dropdown {
    padding: 20px 40px;
    width: 300px;
}

.login-options-wrapper {
    padding-left: 30px;
    padding-bottom: 20px;
    text-align: left;
}

.login-options-wrapper.hide-on-mobile.disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;
    filter: sepia(80%) hue-rotate(190deg) saturate(80%);
    font-style: italic;
}

.text-center.btn-login-form {
    border-top: 4px solid #f7f7fd;
    margin-top: 5px;
}

.btn-login-form span.label-text {
    color: #c1c0d4a8;
    font-family: Jost;
}

#login-form {
    margin-bottom: 0;
}

.form-login-wrapper.login-left {
    background-color: transparent;
}

.form-login-wrapper .list-icon {
    color: #151b23;
}

.form-login-wrapper input.form-control.form-control-line {
    font-size: 100%;
    padding-bottom: 7px;
    padding-top: 6px;
}

.form-login-wrapper input.form-control.form-control-line {
    color: #151b23 !important;
}

.form-login-wrapper i.material-icons.list-icon {
    font-size: 25px !important;
}

/***************************************************************** CATEGORIES PAGE ******************************************************************/

.categories-tree-icons {
    border: 1px solid #4ca83f;
    padding: 10px;
    border-radius: 12px;
    width: 140px;
    height: 140px;
    text-align: center;
}


/***************************************************************** VIEW JOB ******************************************************************/

.mini-votes-required {
    font-size: 85%;
    color: #b6b5c3;
    padding-bottom: 30px;
}

.chart-widget.col-md-5.inactive {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.2;
}

#on-vacation-explanation {
    font-size: 85%;
    color: #fa0;
    padding: 20px 20px 0 20px;
    text-align: center;
}

.on-vacation-icon {
    float: left;
    line-height: 1;
    padding-top: 7px;
}

button.btn-block.btn-lg.btn.btn-primary.vacation-mode {
    border: 1px solid #fa0;
    background-color: #fa0 !important;
    background: none;
    color: #fff;
    transition: all 0.2s ease-in-out;
}

button.btn-block.btn-lg.btn.btn-primary.vacation-mode:hover {
    background-color: #f7f7fd;
}

.user-section-info-wrapper ul.no-style.options-title {
    text-align: left;
}

#view-job-page .rating-stars-wrapper .rating-stars .user_rate_full,
#view-job-page .rating-stars-wrapper .rating-stars .user_rate_half,
#view-job-page .rating-stars-wrapper .rating-stars .user_rate_blank,
#profile-page .rating-stars-wrapper .rating-stars .user_rate_full,
#profile-page .rating-stars-wrapper .rating-stars .user_rate_half,
#profile-page .rating-stars-wrapper .rating-stars .user_rate_blank,
.rating-stars.timeline .user_rate_full,
.rating-stars.timeline .user_rate_half,
.rating-stars.timeline .user_rate_blank {
    width: 23px;
    height: 23px;
}

.timeline-page .widget-bg {
    padding: 40px;
}

#view-job-page .ecommerce-products.list-unstyled.container {
    max-width: 1260px;
}


#seller-header-data .rating-stars-wrapper {
    padding-top: 1px;
    padding-left: 15px;
    float: left;
}

.complete-order-extras .add-to-order {
    margin-bottom: 20px !important;
}

#view-checkout-page .by-seller {
    float: left;
}

#silver-icon-profile {
    margin-top: -26px;
    padding-left: 0;
}

#order_job button.btn-block.btn-lg.btn.btn-primary {
    width: 92%;
    text-align: center;
    margin: auto;
    height: 70px;
}

.job-options li:nth-last-child(2) {
    border-color: #c1c0d4a8;
}

.job-options li:last-child {
    border: none;
}

.contact-seller-btn {
    margin: auto;
    border-top: 4px solid #f7f7fd;
    margin: 20px auto 0 auto;
    width: 100%;
    padding-top: 30px;
}

#send-quick-message-wrapper {
    display: none;
}

li.cloudTags {
    display: inline-block;
    padding-right: 9px;
    line-height: 1.3;
    font-family: artiistaLight;
    background-color: #f7f7fd;
    padding: 2px 10px;
    border-radius: 6px;
    border: 1px solid #e3ebf7;
    margin: 3px 4px;
    cursor: pointer;
    font-size: 90%;
}

ul#tags_cloud--JS {
    margin-left: -4px;
}

.section-tags li,
#section-tags li {
    display: inline-block;
    background-color: #f7f7fd;
    padding: 2px 10px;
    border-radius: 20px;
    border: 1px solid #e3ebf7;
    margin: 3px 2px;
    font-size: 85%;
}

#freelancers-category .btn {
    transition: all 0.2s ease-in-out;
}

#freelancers-category .btn.selected,
#freelancers-category .btn:hover {
    background-color: #f7f7fd;
}

.user-section-freelancers .section-tags li,
.user-section-freelancers #section-tags li {
    font-size: 80%;
    padding: 0px 7px;
}

button.btn.fs-16.p-2.btn-outline-default.text-muted.bw-1.like-btn {
    background-color: #ca0000;
    border-color: #ca0000;
}

.like-btn.unliked {
    opacity: 0.2;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.3s ease-in-out;
}

.like-btn.unliked:hover {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.share-socials {
    display: inline-block;
    padding: 3px 18px;
    cursor: pointer;
    transition: opacity 0.3s ease-in-out;
    background-color: #fff;
    border-radius: 60px;
    height: 70px;
    padding-top: 17px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
}

#sharer-gig .modal-body {
    padding: 20px;
}

#sharer-gig .modal-dialog,
#sharer-gig .modal-content {
    min-width: 515px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}

.share-socials:hover {
    opacity: 1;
}

.social-name {
    float: left;
    margin-left: 10px;
    margin-top: -2px;
}

i.social-icons.job-social-share {
    font-size: 240%;
    line-height: 0;
    margin-right: 5px;
}

#view-job-page #job-description {
    padding-bottom: 20px;
}

#job-controls {
    position: absolute;
    top: 15px;
    right: 15px;
}

#view-job-page button.btn.fs-16.p-2.btn-outline-default.text-muted.bw-1.like-btn {
    float: left;
}

#view-job-page .share-job {
    float: right;
    padding-left: 17px;
    padding-top: 14px;
    padding-right: 11px;
    cursor: pointer;
}

#microjob-options {
    display: inline-block;
    float: right;
    margin-right: -20px;
    margin-top: -5px;
}

section.job-reviews-section {
    margin-top: -30px;
}

.extras-section {
    padding-top: 20px;
}

.dash-stats.white {
    padding: 0;
}

.title-my-jobs-txt:first-letter {
    text-transform: uppercase;
}

.dash-stats.gradient {
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    -webkit-box-shadow: none;
    color: #fff;
}

.my-requests-artiista .dash-stats.gradient,
.requests-offers-list .dash-stats.gradient {
    border-radius: 20px;
}

.dash-stats {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    font-family: Jost;
    padding: 5px 20px;
}

.timeline-page .dash-stats {
    background-color: #fff;
}

.dark .dash-stats {
    background: #2a2a31;
}

.dark .requests-section .dash-stats {
    background: #2a2a31;
    padding: 10px;
    border-radius: 18px;
}

.dark .my_jobs_container .dash-stats {
    background: transparent;
}

.dark .dash-stats-col {
    color: #ffffffc2;
}

.dark .right-sidebar-wrapper {
    background-color: #232327;
}


.dark .withdrawn-icons-wrapper:hover,
.dark .withdrawn-icons-wrapper {
    border: 2px solid #2a2a31;
}

.dark .widget-bg {
    background-color: #2a2a31;
}

body.dark {
    background-color: #202025;
}

.dash-stats-line-1.row {
    border-bottom: 1px solid #f7f7fd;
}

.dash-stats-col.last-col {
    border-right: none;
}

.no-border {
    border: none !important;
}

.dash-stats-col {
    margin-top: 10px;
    margin-bottom: 10px;
}

.confirm-amount {
    font-size: 130%;
}

#job_list .dash-stats-col {
    margin-top: 28px;
    margin-bottom: 0px;
    background-color: #f1f1f9;
    border-radius: 10px;
    padding: 5px 10px !important;
    margin-right: 2%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
}

canvas#pieChart {
    height: calc(100% - 60px) !important;
    width: calc(100% - 60px) !important;
    margin-top: 30px;
}

input#date_user_formated {
    width: 65px;
}

.hidden-calcul {
    display: none !important;
}

.warning_fiduciere_icon,
.ok_fiduciere_icon {
    position: absolute;
}

.chart-operation {
    line-height: 1.3;
    font-size: 90%;
    text-align: center;
    color: #9a9dad;
    font-weight: 500;
}

#no-ecritures {
    display: none;
}

#no-ecritures {
    font-weight: 500;
    padding-top: 50px;
    text-align: center;
}

span.currency-inline {
    font-size: 55%;
    vertical-align: top;
}


.chart-operation-wrapper {
    padding-top: 9px;
    padding-bottom: 12px;
}

.warning_fiduciere_text {
    padding-left: 24px;
    top: -3px;
    position: relative;
    font-size: 90%;
    display: inline-block;
    font-weight: 700;
}

.full-width-content {
    border-bottom: 1px solid #f5f6fb;
}

.chart-title {
    color: #ced1e2 !important;
    font-size: 80%;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    margin-top: 12px;
}

#table-repertoire-clients {
    position: relative;
}

.insert_ca_client{
    position: absolute;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    margin-top: -210px;
}

.spacer-row {
    display: table-row;
    height: 210px;
    background: transparent;
    display: none;
}

.warning_fiduciere.warning_red {
    color: #ca0000;
}

.warning_fiduciere.warning_orange {
    color: #ffaa00;
}

.warning_fiduciere.warning_green {
    color: #4ca83f;
}

.warning_fiduciere {
    display: inline-block;
    margin: auto;
}

.warning_fiduciere_wrapper {
    text-align: center;
    padding-bottom: 5px;
}

.hidden-calcul {
    color: #ca0000;
}

.warning_fiduciere_wrapper,
.warning_fiduciere_icon,
.ok_fiduciere_icon {
    display: none;
}

.display_helper_btn_accounts.small-toggle {
    position: absolute;
}

.display_helper_text_accounts {
    padding-left: 52px;
}


table#calcul_de_avs td {
    padding-right: 30px;
}

table#calcul_de_avs {
    margin-top: 30px;
    margin-bottom: 30px;
}

table#display_avs td {
    padding-right: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}


.dark #job_list .dash-stats-col {
    background-color: #34343e;
}

.white .dash-stats-col {
    border-right: none;
}

.inactive .dash-stat-value,
.inactive .dash-stat-concept {
    opacity: 0.5;
}

.month-card {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.years-detail {
    cursor: pointer;
}

.dash-stats-col.last-col {
    margin-right: 0px !important;
    -ms-flex: 0 0 25% !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
}

.white .dash-stat-concept {
    font-size: 80%;
    color: #6a7190;
    opacity: 1;
    line-height: 1.5;
    text-align: left;
}

.gradient .dash-stat-concept {
    color: #fff;
}

.dash-stat-concept {
    font-size: 90%;
    opacity: 0.8;
    color: #6a7190;
}

.my-dashboard .single-line-tab {
    margin: 15px 0;
    padding: 10px 15px;
    min-height: 65px;
}

.my-dashboard .widget-latest-transactions .single-status {
    margin-top: 2px;
    margin-left: 24px;
}

.my-dashboard .single-amount,
.my-dashboard .single-user-details {
    margin-top: 13px;
}

.my-dashboard .requests-data-numb-inside {
    margin-top: 11px;
}

.dark .dash-stat-concept {
    opacity: 1;
    color: #dad8ea;
}

.col-sm-3.dash-stats {
    margin: 0 1%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 23%;
    max-width: 23%;
}

.col-sm-25.dash-stats {
    margin: 0 1%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
}

.col-sm-4.dash-stats.gradient {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 31.33333%;
    max-width: 31.33333%;
    margin: 0 1%;
}

.widget-bg.table-results-spacing {
    padding: 10px 40px;
    min-height: 78px;
}

.timeline-page .dash-stats-wrapper {
    padding-bottom: 30px;
    position: absolute;
    right: 40px;
}

h1.title-dash {
    font-size: 140%;
    margin-bottom: 20px;
    background-size: 0 0;
    font-weight: initial;
    text-transform: uppercase;
    font-weight: 800;
}

.webp .title-dash,
.webp h1.title-dash {
    background-image: url('/assets/images/background-title-mobile.webp');
}

.no-webp .title-dash,
.no-webp h1.title-dash {
    background-image: url('/assets/images/background-title-mobile.jpg');
}

h1.title-dash-light {
    color: #151b23;
    font-size: 120%;
    margin-bottom: 0;
    margin-top: 15px;
}

.helper-mobile-content,
.helper-mobile {
    display: none;
}

.helper-desktop {
    display: block;
    position: absolute;
    right: -30px;
    opacity: 0.3;
    filter: sepia(200%) hue-rotate(190deg) saturate(200%);
    transition: opacity 0.3s ease-in-out;
    cursor: pointer;
}

.dark .helper-desktop {
    opacity: 0.6;
    filter: sepia(80%) hue-rotate(190deg) saturate(80%);
}


.general-picture-top .helper-desktop {
    right: -10px;
}

.helper-desktop:hover {
    opacity: 1;
        filter: sepia(100%) hue-rotate(190deg) saturate(100%);
}

.mobile-only {
    display: none;
}

#dashboard {
    -webkit-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 65px -1px rgba(0, 0, 0, 0.09);
    border-radius: 0px;
}

.file-restriction {
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
    color: #aaacba;
}

#progress-bar,
#progress-bar1,
#progress-bar2,
#progress-bar3,
#progress-bar33,
#progress-bar4,
#progress-bar5,
#progress-bar6,
#progress-bar7,
#progress-bar8 {
    background-color: #fa0;
    border-radius: 33px;
    height: 4px;
}

#send_new_file {
    display: none;
    margin: 0px auto 30px auto;
}

#no-files-sent {
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
}

.status_document_validation {
    text-align: center;
    border: 1px solid #e1e3e9;
    height: 100%;
    cursor: pointer;
}

.validated .status_document_validation {
    border: 1px solid #151b23;
}

#services_table .table-row-single,
#conditions_paiement_table .table-row-single {
    height: auto;
}

#services_table .chf {
    top: 7px;
}

#status_document_validation_row .col-3,
#status_document_validation_row2 .col-3 {
    padding: 0 7.5px;
}

#status_document_validation_row .col-3:first-child,
#status_document_validation_row2 .col-3:first-child {
    padding-left: 0;
}

#status_document_validation_row .col-3:last-child,
#status_document_validation_row2 .col-3:last-child {
    padding-right: 0;
}

#progress-percent,
#progress-percent1,
#progress-percent2,
#progress-percent3,
#progress-percent33,
#progress-percent4,
#progress-percent5,
#progress-percent6,
#progress-percent7,
#progress-percent8 {
    font-weight: 600;
    font-size: 120%;
}

#progress-container {
    margin: 30px auto;
    text-align: center;
    max-width: 240px;
    display: none;
}

#progress-container1,
#progress-container2,
#progress-container3,
#progress-container33,
#progress-container4,
#progress-container5,
#progress-container6,
#progress-container7,
#progress-container8 {
    margin: 10px auto;
    text-align: center;
    max-width: 240px;
    display: none;
}

.col-icon-file .icon-file {
    margin-top: 2px;
}

.display_files_uploaded .name-file {
    padding-left: 28px;
    color: #656775;
}

.display_files_uploaded {
    padding-bottom: 5px;
    padding-top: 10px;
}

.display_files_uploaded .row:last-child {
    border-bottom: none;
}

.display_files_uploaded .row {
    border-bottom: 1px solid #eff0f6;
    padding-bottom: 2px;
    padding-top: 3px;
}

.display_files_uploaded .col-size-file {
    font-weight: 600;
    color: #aaacb9;
}

.col-icon-file {
    position: absolute;
}

.dark #dashboard {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.col-md-8.central-col {
    padding: 0 30px;
}

.dash-stat-value {
    font-size: 200%;
    line-height: 1;
    color: #6a7190;
    text-align: left;
}

.gradient .dash-stat-value {
    color: #fff;
}

span.share-socials {
    padding-left: 7px;
    padding-right: 10px;
}

.sales-icon-wrapper {
    float: right;
    padding-top: 15px;
    padding-right: 25px;
}

.sales-icon-wrapper svg {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: sepia(90%) hue-rotate(190deg) saturate(100%);
    opacity: 0.6;
}

.short-url-wrapper {
    float: right;
    padding-top: 7px;
    padding-left: 5px;
}

#short-url-link .modal-dialog {
    max-width: initial;
}

#short-url-link .modal-content {
    background-color: transparent;
    box-shadow: none;
    color: #fff;
    font-family: Jost;
    font-size: 260%;
    text-align: center;
}

#gig-share-options {
    right: 12px;
    padding-left: 7px;
}

#short-url-copy {
    position: absolute;
    top: 8px;
    right: 10px;
}

.url-shortener-drop {
    padding: 5px 15px;
}

#short-url-sharer {
    margin-top: -97px;
    border: none;
}

#short-url-code input {
    max-width: 77%;
    border: none;
}

.widthdrawn-wrapper {
    text-align: center;
}

.withdrawn-icons-wrapper {
    border: 2px solid #ebedf5;
    border-radius: 6px;
    max-width: 30%;
    text-align: center;
    padding: 0;
    margin: 5px auto 5px auto;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.right-sidebar-widget-wrapper.widthdrawn-wrapper h6 {
    margin-top: 5px;
    font-weight: initial;
}

.accounts_created {
    padding: 15px 15px 30px 15px !important;
}

.completing_order {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 6px;
}

.current .order-endingx svg {
    animation: shake 0.6s;
    animation-iteration-count: 10;
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-2px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(2px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-2px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(2px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

.account_holder_name {
    font-size: 85%;
    color: #bebcd0;
    margin-bottom: 7px;
}

.account_iban_number {
    font-family: Jost;
    font-size: 90%;
}

.accounts_created {
    width: 100%;
    padding: 15px;
    border-bottom: 2px solid #f7f7fd;
}

.dark .accounts_created {
    border-bottom: 2px solid #47455a7a;
}

#accounts_created_wrapper {
    display: none;
    width: 100%;
}

.static-currency {
    font-family: Jost;
}

.currency_to_withdraw_wrapper {
    display: none;
}

.accounts_created:last-child {
    border-bottom: none;
}


.withdrawn-icons {
    line-height: 1;
}

#pending_withdrawn_date {
    color: #bebcd0;
    font-size: 85%;
}

#pending_withdrawn_amount {
    font-family: Jost;
    font-size: 170%;
    line-height: 1.2;
}

#pending_payouts {
    padding-bottom: 5px;
    padding-top: 5px;
    font-family: Jost;
}

#pending_payouts_txt {
    color: #bebcd0;
    font-size: 80%;
    line-height: 1.5;
    margin-bottom: 10px;
    max-width: 320px;
    margin: auto;
}

.withdrawn-icons-pending {
    padding-top: 15px;
}

#accounts_created_wrapper {
    padding: 0 15px;
}

.withdrawn-icons-wrapper.disabled {
    opacity: 0.4;
    filter: sepia(100%) hue-rotate(190deg) saturate(200%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.withdrawn-icons-wrapper:hover {
    border: 2px solid #c8c8ca;
    opacity: 1;
    border-color: #e9e9f5;
    filter: none;
}

.disable-widthdrawall {
    text-align: center;
    font-size: 90%;
    color: #151b23;
}

div#min-withdrawal {
    color: #151b23;
    font-size: 140%;
    font-family: Jost;
    margin-top: -2px;
}

.disable-widthdrawall {
    width: 80%;
    margin: auto;
    margin-top: 30px;
    z-index: 1;
    cursor: pointer;
    transition: opacity 0.3s ease-in-out;
}

.disable-widthdrawall:hover {
    opacity: 0;
}

.extra_price {
    color: #fff;
    font-size: 92%;
    background-color: #4ca83f;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 5px;
    line-height: 1;
    float: left;
    margin-left: 30px;
    margin-right: 8px;
    margin-top: 3px;
    transition: all 0.3s ease-in-out;
    filter: sepia(0%) hue-rotate(0deg) saturate(100%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

.lines_extra_content .extra_price {
    margin-left: 10px;
}

.no-extra-added,
.order-closed {
    font-family: Jost;
    color: #c1c0d4a8;
    font-size: 90%;
    text-align: center;
    padding-bottom: 15px;
}

.extra_price.inactive {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
    filter: sepia(100%) hue-rotate(190deg) saturate(30%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}


#view-job-page .col-md-9.widget-holder {
    max-width: 72%;
}

.first-block-search.col-md-3.col-right-job {
    max-width: 30%;
    flex: 0 0 28%;
}

.col-right-job #section_restricted {
    padding-top: 10px;
    opacity: 0.6;
}

.extra_selector .extra_sel {
    max-width: 23px;
    padding: 0 5px;
    font-size: 13px;
    text-align: left;
    height: 30px;
}

.form-group.extra_selector {
    position: absolute;
    right: 0;
}

.extra_selector.greyed {
    opacity: 0.5;
    pointer-events: none;
}

.extra_selector .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down,
.extra_selector .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    margin-top: 0px;
    top: 0;
    border: 1px solid #E4E9F3;
    background-color: #fff;
    color: #151b23;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    padding: 0;
}

.extra_sel.form-control {
    position: absolute;
    border: none !important;
    right: -50px;
    width: 40px;
    background-color: transparent;
    padding: 0;
    font-family: 'Jost';
}

span.input-group-addon.bootstrap-touchspin-postfix {
    position: absolute;
    right: -41px;
    border: none;
    background-color: transparent;
    top: -5px;
    font-family: 'Jost';
}

button.btn.btn-default.bootstrap-touchspin-down {
    float: left;
    margin-right: 5px;
}

button.btn.btn-default.bootstrap-touchspin-up {
    float: right;
}

.extra_selector .input-group.bootstrap-touchspin {
    margin-top: -4px;
}

.extra_selector .bootstrap-touchspin .input-group-btn-vertical > .btn {
    padding: 6px 10px;
}

.extra_selector .bootstrap-touchspin .input-group-btn-vertical i {
    font-size: 15px !important;
}

#view-job-page {
    max-width: 1260px;
    padding-top: 120px;
}

.widget-bg.widget-job {
    padding: 40px;
}

.job-options {
    padding: 20px 0;
    text-align: left;
}

.job-option-content {
    font-size: 90%;
    line-height: 1.3;
    padding-top: 6px;
    display: none;
}

.job-option-content.visible {
    display: block;
    padding-left: 30px;
}

#delivery-express--JS {
    color: #fa0;
    font-family: Jost;
}

.permanent_extra {
    background-color: #fdfdff !important;
}

.limit-section {
    background-color: #fdfdff;
    border-radius: 12px;
    text-align: center;
    padding: 0px;
    width: 100%;
    margin-top: 20px;
}

.limit-section-microjob {
    border-radius: 12px;
    text-align: center;
}

.dark .limit-section {
    background-color: #2a2a31;
}

.dark .enable_limit_extras input[type="checkbox"]:checked ~ .checkbox-list__check {
    border-color: #696979;
    background-color: #4ca83f;
}

#publish_gig_page .limit-section {
    padding-left: 0px;
    padding-right: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
    position: relative;
}


#publish_gig_page .limit-section-microjob {
    position: relative;
    z-index: 2;
}

.slide_details_helper {
    margin-top: 20px;
    font-size: 94%;
    color: #abafc0;
}

#select_concept button.btn {
    font-size: 150%;
}


#microjob_limit_section {
    display: flex;
}

.edit_options_extra li {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

li#extra_active {
    cursor: initial !important;
}

#add-new-extra-form {
    display: none;
}

#select2-extra_title_select-results li:nth-child(2) {
    color: #4ca83f;
    background-color: #fdfdff;
    font-family: Jost;
    border-bottom: 1px solid #f7f7fd;
    padding: 10px 20px;
}

#select2-extra_title_select-results li:nth-child(2):hover {
    color: #fff;
    background-color: #4ca83f;
}

#timezone-list a.continent-selector {
    color: #4ca83f !important;
    background-color: #fdfdff;
    font-family: Jost;
    border-bottom: 1px solid #f7f7fd;
    padding: 10px 20px;
    text-transform: uppercase;
}


.dark .select2-dropdown {
    background-color: #484754 !important;
    border: 1px solid #484754 !important;
}

.select2-results__options.select2-results__options--nested li:nth-child(2) {
    color: #6a719091 !important;
    background-color: #fff !important;
    font-family: Zilla Slab !important;
    border-bottom: none !important;
    padding: 7px 12px 7px 30px !important;
}

.dark .select2-results__options.select2-results__options--nested li:nth-child(2) {
    color: #e8e8f9 !important;
    background-color: #484754 !important;
}

.dark #select2-extra_title_select-results li:nth-child(2) {
    background-color: #40404c;
    border-bottom: 1px solid #484754;
}

.dark .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #34333e;
    color: #c2c2d2;
    background-color: #34333e;
}

.dark strong.select2-results__group {
    color: #fff;
}

.select2-results__options.select2-results__options--nested li:nth-child(2):hover {
    color: #fff !important;
    background-color: #4ca83f !important;
}

.select2-results__options.select2-results__options--nested li:nth-child(2)::before {
    content: none !important;
}

.extra_options li {
    border: none !important;
}

.unsortable {
    cursor: default !important;
}

.extra_options {
    margin-top: 11px;
    float: left;
    height: 50px;
    width: 65px;
    border-right: 1px solid #f7f7fd;
}



a.dropdown-toggle.ripple.action-media {
    padding-bottom: 11px;
}

ul.extras_action-media-wrapper.dropdown-select-actions {
    color: #fff;
    margin-left: 12px;
    top: 10px;
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 50px;
    height: 40px;
    width: 40px;
    padding: 2px;
    line-height: 4px;
    text-align: center;
    cursor: pointer;
}

.card-body li {
    cursor: pointer !important;
}

.extras_action-media-wrapper.dropdown-select-actions li {
    background-color: transparent !important;
}

.extra_options li.dropdown.ui-sortable-handle {
    padding-top: 8px !important;
}

.unsortable .extra-options-wrapper {
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}

.unsortable .extra-options-wrapper:hover {
    opacity: 1;
}

.job-options li {
    padding-bottom: 7px;
    padding-top: 12px;
    border-bottom: 1px solid #f7f7fd !important;
    min-height: 50px;
    cursor: move;
}


.job-option-title {
    font-family: Jost;
    color: #151b23;
    margin-top: 7px;
    font-size: 95%;
}

.services-list {
    display: inline-block;
    padding-right: 15px;
}

#save-services-wrapper {
    border-top: 1px solid #f1f2f8;
    padding-top: 15px;
    margin-top: 2px;
    text-align: center;
}

.services-list.checkbox .label-text {
    padding-left: 28px;
}

.microjob-services-title {
    padding-top: 10px;
    border-bottom: 1px solid #f1f2f8;
}

.services-list .label-text-search {
    float: initial;
    margin-left: 4px;
    padding-right: 3px;
}

.dark .microjob-services-title {
    border-bottom: 1px solid #34333e7a;
}

.extra-options-wrapper.lines {
    border-bottom: 1px solid #f7f7fd;
    padding: 6px 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
    margin-left: 60px;
}

.dark .extra-options-wrapper.lines {
    border-bottom: 1px solid #53525f;
    background-color: #34343e;
}

.dark span.eliminate-extra svg {
    filter: brightness(0) invert(1);
}

.dark .power-icon:hover span.eliminate-extra svg {
    filter: none;
}

.dark .power-icon {
    opacity: 0.7;
}

.dark span.dropdown-inline-icon svg {
    filter: brightness(0) invert(1);
}

.dark .dropdown-card-profile:before,
.dark .dropdown-menu.dropdown-left.dropdown-card.animated.flipInX.show:before {
    background: #484654;
}

.dark .job-option-title {
    color: #ffffff;
}


.extra-options-wrapper.lines.red {
    border-color: #ca0000;
}

.red .lines_extra_content .extra_price {
    background-color: #ca0000;
}

.moderated-extra {
    color: #ca0000;
    position: absolute;
    right: 10px;
    bottom: 6px;
    font-size: 75%;
}

.tab-content.extras {
    padding-bottom: 0;
}

.lines_extra_content {
    cursor: move;
}

.job-options .job-option-title {
    margin-top: 1px;
}

.loader-wrapper-save-edit-extra {
    display: none;
    padding: 4px 8px;
}

#submitEditExtraForm .form-group.row.first-in-form-extras {
    margin-top: 40px;
}

.purchases-job {
    padding-bottom: 30px;
}

.payment-cols .disabled {
    pointer-events: none;
}

.job-statistics {
    border-bottom: 1px solid #c7c7d426;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.rating_icons-view {
    position: absolute;
    right: 20px;
    top: 20px;
}

.values-profile-user {
    display: inline-block;
}

.message.reply.media {
    position: relative;
}


.job-reviews p {
    margin-bottom: 5px;
    padding-right: 60px;
}

input.extra_sel {
    border: 1px solid #cdd0e161 !important;
}

.previous-page-crumb {
    display: none;
}

.job-reviews .media-body {
    border: 1px solid #f7f7fd;
    padding: 20px 30px;
    margin-left: 15px;
    border-radius: 20px;
    position: relative;
}

#total-of-questions {
    float: left;
    margin-left: 80px;
    font-family: Jost;
    font-size: 120%;
    padding-top: 8px;
}

#get-my-questions,
#get-all-questions {
    float: right;
    margin-left: 10px;
}

.open-question {
    font-size: 80%;
    background-color: #ffaa00;
    color: #fff;
    padding: 1px 4px;
    line-height: 1;
    border-radius: 4px;
    top: 35px;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}

#search-in-questions-wrapper {
    padding-bottom: 15px;
    padding-top: 10px;
}

.questions-actions {
    float: right;
}

.questions-actions i {
    cursor: pointer;
    padding: 0 5px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.job-reviews.my-questions:hover .questions-actions i {
    opacity: 0.5;
}

.send-responses {
    display: none;
    margin-top: 20px;
    margin-bottom: 5px;
}

.send-responses.show {
    display: block;
    border-top: 1px solid #cdd0e161;
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px 20px;
}

.send_new_question {
    background-color: #cfcedc3d;
    border-radius: 12px;
    margin: auto;
}

#login-to-send-question {
    text-align: center;
    font-family: Jost;
    color: #c1c0d4a8;
    padding-top: 15px;
    padding-bottom: 5px;
    font-size: 95%;
}

.dark-link {
    cursor: pointer;
    color: #151b23;
}

.send_new_question .send-responses.show {
    display: block;
    border-top: none;
    margin-left: 0px;
    margin-right: 0px;
    padding: 15px 20px 15px 0px;
}

textarea.new_question {
    background-color: transparent;
    float: left;
    width: 90%;
    border: none;
    resize: none;
    color: #151b23;
}

.seller_responses {
    float: left;
    width: 90%;
    border: none;
    resize: none;
    color: #151b23;
    padding: 0 !important;
}

.send-response-btn {
    display: inline-block;
    float: left;
    width: 10%;
}

.send-response-btn .reply-message-send,
.write-question-btn {
    width: 100%;
    text-align: right;
    margin-top: 15px;
    padding-right: 5px;
}

#search-in-questions {
    width: 220px;
    float: right;
    transition: all 0.3s ease-in-out;
}

#search-in-questions i {
    transition: all 0.3s ease-in-out;
}

.slider-nav {
    margin: auto;
    position: absolute;
    z-index: 1000;
    bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
}

#search-in-questions i {
    cursor: pointer;
}

#job-slider {
    position: relative;
}

.slider-nav .slick-track {
    height: 85px;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 50;
    margin-top: -12px;
}

.tags-container-view {
    margin-right: 5px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 50px;
    padding: 1px 3px 0px 3px;
    background-color: #f1f2f8;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 5px;
}

.job-attributes {
    padding-top: 40px;
}

.widget-job h1.job-title {
    margin-top: 10px !important;
}

.artiista-s-choice {
    float: left;
    margin-top: 9px;
    margin-right: 10px;
}

.accent-icon {
    margin-left: 7px;
    margin-top: 1px;
    display: block;
    float: left;
}

.sharer-top {
    border-color: #151b23 !important;
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05) !important;
}

#preview_gig {
    margin-bottom: 30px;
}


#job-slider {
    position: relative;
    margin-left: -40px;
    margin-right: -40px;
    overflow: hidden;
}

.ph-item.col-12.pd-0.microjob-slider.loader.loaded {
    opacity: 0;
}

#job-slider-content {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
}

.joblanguage-content {
    float: right;
    margin-left: 8px;
    margin-right: 15px;
    font-size: 93%;
}

.row.job-statistics {
    border-bottom: 4px solid #c7c7d426;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

section.section-tags-wrapper {
    padding-bottom: 30px;
}

.job-options {
    padding: 5px 0 0 0;
    margin-left: -15px;
    margin-right: -15px;
}

.gig-delivery {
    border-bottom: 1px solid #c7c7d426;
    margin-bottom: 20px;
    padding-bottom: 10px;
}


.counter.display-4 {
    font-size: 100%;
    font-family: Jost;
    color: #151b23;
    padding: 20px 0;
    border-top: 5px solid #f7f7fd;
    margin-top: 30px;
}


h1.job-title {
    font-size: 150%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.widget-bg.widget-job {
    padding-top: 0px;
}

.col-right-job {
    text-align: center;
    padding: 50px 15px 0 25px;
}

.username-gig-page {
    font-size: 107%;
}

#user-kyc-verified {
    display: inline-block;
    margin-left: 3px;
}

.job-view {
    padding-bottom: 20px;
}

.user-section #picture-img img {
    width: 130px;
    height: 130px;
}

.user-section-freelancers,
.user-section {
    border-bottom: 1px solid #f7f7fd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.user-section-info.row ul.options-title,
.job-statistics ul.options-title {
    text-align: left;
    font-family: Jost;
    color: #151b23;
}

.valorations-legend {
    height: 10px;
    width: 10px;
    float: left;
    border-radius: 12px;
    margin-right: 8px;
    margin-top: 9px;
}

.valorations-legend#good {
    background-color: #4ca83f;
}

.valorations-legend#bad {
    background-color: #ca0000;
}

.valorations-legend#neutral {
    background-color: #c7c7d4;
}

ul.options-text {
    text-align: left;
    color: #151b23;
    font-family: Jost;
    font-size: 94%;
    line-height: 1.8;
}

.user-section-wrapper .country {
    margin-right: 5px;
}

#jobs-data ul.options-text {
    text-align: right;
    color: #c0c3cc;
    font-size: 90%;
    line-height: 1.9;
}

.dropdown.share-job .dropdown-menu {
    width: 150px;
}

.col-right-job .purchase-btn {
    padding: 20px 0 40px 0;
}

.online-now-text {
    color: #49a979;
    margin-left: 20px;
}

.offline-text {
    color: #c1c0d4a8;
    margin-left: 20px;
}

.online-recently-text {
    color: #fa0;
    margin-left: 20px;
}

.online-recently {
    color: #fa0;
}

.online-status {
    border-radius: 50%;
    height: 10px;
    width: 10px;
    position: absolute;
    margin-top: 8px;
}

.online-status.online-now {
    background-color: #49a979;
}

.online-status.online-recently {
    background-color: #fa0;
}

.online-status.offline {
    background-color: #c1c0d4a8;
}

.level-section-wrapper {
    margin: auto;
    padding-bottom: 20px;
}

/********************************
 *********************************
THANK YOU PAGE
 *********************************
 *********************************/

.confirmation-message-single-3d-secure {
    padding: 100px 0;
}

.desgloss-orders {
    border: 3px solid #f7f7fd;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
    color: #777;
    position: relative;
    padding: 30px 20px 30px 20px;
    transition: all 0.2s ease-in-out;
    margin-bottom: 30px;
    background-color: #fff;
    cursor: pointer;
    font-family: Jost;
    transition: 0.4s ease-in-out;
}

.desgloss-orders-wrapper {
    padding-top: 30px;
}

.desgloss-orders:hover {
    border: 3px solid #4ca83f;
    color: #151b23;
}





/********************************
 *********************************
CHECKOUT PAGE
 *********************************
 *********************************/

#addCredits {
    background-color: #fff;
    border: 2px solid #f7f7fd;
    border-radius: 50px;
    padding: 1px 11px;
    line-height: 1.3;
    display: inline-block;
    font-size: 160%;
    color: #4ca83f;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
    transition: all 0.4s ease-in-out;
}

#addCredits:hover {
    background-color: #4ca83f;
    border: 2px solid #fff;
    color: #fff;
}

#submitPayUsingBalance {
    cursor: pointer;
}

#balance_available_dashboard:last-child {
    padding-bottom: 0px !important;
}

.select-user-type {
    position: absolute;
    z-index: 1;
    bottom: 7px;
    font-size: 85%;
    opacity: 0.4;
    width: 100%;
    left: 0;
    transition: opacity 0.3s ease-in-out;
}

.payment-fees-fixed,
.payment-fees {
    font-size: 85%;
    opacity: 0.4;
    width: 100%;
    transition: opacity 0.3s ease-in-out;
}


#fund-method,
#available-funds-method,
#creditcard-method {
    padding: 17px 20px;
}


.payment-method-wrapper-inside {
    font-family: 'Jost';
}

.resumen-checkout-line-total.row.total-general {
    padding-top: 15px;
    border-top: 1px solid #f7f7fd;
    margin-top: 15px;
}

.resumen-checkout-line.row.details {
    font-size: 90%;
    line-height: 1.4;
    opacity: 0.8;
}

.price-job.checkout.price-end {
    font-size: 150%;
    margin-top: -2px;
}

.resumen-checkout-line.row {
    max-width: 460px;
    text-align: right;
    margin-left: auto;
}

.resumen-checkout-line-total.row {
    max-width: 460px;
    text-align: right;
    margin-left: auto;
}

span.currency {
    font-size: 70%;
}

.resumen-checkout-line.row.details {
    font-size: 90%;
    line-height: 1.6;
}

.sections-order-page {
    color: #4ca83f;
    font-size: 80%;
    text-transform: uppercase;
}

.sections-order-page.second-section {
    padding-top: 15px
}

#view-checkout-page .widget-bg.widget-job {
    min-height: 614px;
}

.complete-order-extras li:last-child {
    border-bottom: none;
}

.price-job.checkout {
    font-size: 150%;
    text-transform: uppercase;
}

.complete-order h5.job-title {
    margin-top: 0;
    margin-bottom: 3px;
}

.price-job-wrapper {
    text-align: right;
}

.payment-next-step.wrapper {
    margin-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
}

.resumen-checkout-wrapper {
    margin-top: 20px;
}

ul.userCounterAdd {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-bottom: 10px;
}

#limit_order_reached {
    font-size: 90%;
    color: #fa0;
    padding: 10px 20px 0 20px;
    text-align: center;
    display: none;
}

.payment-next-step.col-sm-2 {
    margin-top: 9px;
    text-align: center;
}


#view-checkout-page .first-block.col-md-3.col-right-job {
    padding-top: 40px;
}


.complete-order-extras li {
    padding-bottom: 15px;
    border-bottom: 1px solid #f7f7fd;
    padding-top: 1px;
    position: relative;
}

.add-time-extra {
    position: absolute;
    top: 16px;
    font-size: 90%;
    right: 100px;
    color: #c1c0d4a8;
}

.info-delay-sup {
    font-size: 90%;
    color: #c1c0d4a8;
}

.complete-order-extras .job-option-title {
    margin-top: 0px;
}

.complete-order-extras .form-group.extra_selector {
    right: 40px;
}

.userCounterAdd .form-group.extra_selector {
    right: 15px;
}

.userCounterAdd .job-option-title.quantity {
    padding-right: 125px;
}

.complete-order {
    background-color: #f1f2f896;
    padding: 30px 30px 20px 30px;
    margin: -25px -25px 10px -25px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    max-width: none;
}

.resumen-checkout-line-total .col-xl-4, 
.resumen-checkout-line .col-xl-4 {
    padding-right: 0;
}

.payment-methods-wrapper {
    padding-top: 40px;
}

.complete-order-extras .extra_selector .input-group.bootstrap-touchspin {
    margin-top: 16px;
}

.complete-order-extras {
    padding-top: 30px;
}

#seller-header-data {
    display: inline-block;
}

#view-checkout-page {
    padding-top: 100px;
}

.payment-columns.row {
    margin-top: 30px;
}


.bill-line3 h2 {
    padding: 2px 11px;
    color: #fff !important;
    font-size: 22px !important;
    background-color: #151b23;
    display: inline-block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-top: 10px;
}

#add_credit_card {
    display: block;
    width: 100%;
}

#credit-card-payment-modal .modal-dialog {
    min-width: 690px;
}

#credit-card-payment-modal.user-registered .modal-dialog {
    min-width: 550px;
}

.payment-methods,
.sel-user {
    border: 3px solid #d4d4da;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
    color: #151b23;
    position: relative;
    padding: 17px 20px 27px 20px;
    transition: all 0.2s ease-in-out;
    margin-bottom: 15px;
    background-color: #fff;
    cursor: pointer;
}

.payment-methods.user-dashboard {
    padding: 10px 10px 6px 10px;
}

.funds-icons {
    line-height: 1;
}

.payment-cols .payment-fees-fixed,
.payment-cols .payment-fees {
    bottom: 13px;
    margin-left: -10px;
    margin-right: -10px;
    width: auto;
}

.nav_play_btn {
    display: none;
}

.slick-initialized .slick-active .nav_play_btn {
    display: block;
}

.dark .payment-methods,
.dark .sel-user {
    border: 3px solid #3c3b44;
    color: #ffffff;
    background-color: #363440;
}

.dark .payment-fees,
.dark .payment-fees-fixed,
.select-user-type {
    color: #ffffff;
}

.radiobox.select-card label {
    width: 100%;
}

#credit_cards_created #pay-btn-container {
    margin-top: 20px !important;
    height: 113px;
    width: 113px;
}

.title-summary {
    font-family: Jost;
    text-transform: uppercase;
    font-size: 85%;
    margin-top: 10px;
    color: #b1b0c3;
    line-height: 1.4;
    height: 20px;
}

#orderNow .currency-symb.left {
    margin-right: -3px;
}

.microjob-price,
.banking-commissions {
    font-size: 160%;
    font-family: Jost;
    line-height: 1.3;
}

.select_cards_wrapper span.currency.left,
#paymentForm span.currency.left {
    margin-right: -2px;
}

.banking-comission {
    border-left: 3px solid #e8e8ee;
    border-right: 3px solid #e8e8ee;
}

.pop-summary-payment {
    padding-top: 20px;
}

.pop-summary-payment2 {
    padding-bottom: 25px;
    border-top: 3px solid #f7f7fd;
    padding-top: 20px;
    margin-top: 5px;
}

.helper_top {
    float: right;
    margin-top: -1px;
    margin-left: 6px;
}

.total_to_pay_value {
    font-size: 160%;
    font-family: Jost;
    line-height: 1.3;
    color: #4ca83f;
}

.sel-user .select-user-type {
    font-family: 'Jost';
    font-size: 95%;
}

.payment-fees-fixed, .payment-fees, .select-user-type {
    color: #151b23;
    font-family: 'Zilla Slab';
    font-size: 80%;
}

#first-order-client {
    padding-top: 50px;
}

#step2-order form#create-billing-user-individual,
#step2-order form#create-billing-user-company {
    padding-top: 30px;
}


#information-required-first {
    text-align: center;
    font-size: 95%;
    padding-bottom: 30px;
    width: 80%;
    margin: auto;
}

#first-order {
    font-family: Jost;
    text-align: center;
    padding-bottom: 35px;
    margin-top: 5px;
}

.radiobox.select-user-col label {
    width: 85%;
}

.radiobox.select-user-col {
    text-align: center;
    padding: 0;
}

.regular-verification {
    display: none;
}

#comfirm_company_name_wrapper {
    display: none;
}

#verification-invoices-txt,
#why-required {
    text-align: center;
    font-family: Jost;
    color: #c1c0d4a8;
    font-size: 90%;
    cursor: pointer;
    margin: 10px auto 0px auto;
}

#verification-invoices-txt {
    text-align: left;
    margin: 0;
}

.hidden {
    display: none;
}

#mainVideo {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    border-radius: 20px;
    margin-left: 20px;
    margin-top: 15px;
    padding: 7px 15px;
    line-height: 1;
    font-family: Jost;
}

.dark #mainVideo {
    background-color: #1f1f26;
}

.payment-methods.sel-user {
    transition: 0.3s ease-in-out;
}

.payment-methods.sel-user:hover .select-user-type {
    opacity: 0.9;
}

.payment-methods.sel-user {
    padding: 20px 20px 33px 20px;
}

.payment-methods:hover svg,
.payment-methods.active svg {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: sepia(0%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

.payment-methods:hover,
.payment-methods.active,
.sel-user:hover,
.sel-user.active {
    border-color: #4ca83f;
    background-color: #fdfdff;
}

.payment-methods .label-text {
    padding-left: 0;
}

.dark .payment-methods:hover,
.dark .payment-methods.active,
.dark .sel-user:hover,
.dark .sel-user.active {
    background-color: #484754;
}

.dark .payment-fees,
.dark .payment-fees-fixed,
.dark .select-user-type {
    opacity: 0.7;
}

.dark .sel-user svg {
    filter: brightness(0) invert(1);
    opacity: 0.3;
}

.dark .sel-user:hover svg,
.dark .sel-user.active svg {
    filter: brightness(0) invert(1);
    opacity: 1;
}

.dark .bootstrap-select > .dropdown-toggle.bs-placeholder,
.dark .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.dark .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.dark .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    color: #d2d7ef91;
}

.price-offer2 {
    font-size: 150%;
    color: #fff;
    background-color: #151b23;
    padding: 0px 14px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    font-family: Jost;
}

.payment-methods-wrapper h5 {
    padding-bottom: 15px;
}

.unav-method {
    color: #ccc !important;
}

.funds-available {
    position: absolute;
    top: 8px;
    background-color: #4ca83f;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    color: #fff;
    border-radius: 50px;
    padding: 0 10px;
    left: 10px;
}

.disabled .funds-available.price2 {
    filter: sepia(100%) hue-rotate(190deg) saturate(70%);
}

.credit-card-select {
    width: 250px;
    height: 160px;
    background-image: url(/images/credit-card.png);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

.payment-cols {
    margin: auto;
    margin-bottom: -3px;
    position: relative;
}

.payment-cols-funds {
    padding: 0 20px;
    padding-top: 60px;
    text-align: center;
    box-sizing: border-box;
}

.payment-methods.inactive {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
}



/********************************
 *********************************
ABOUT US PAGE
 *********************************
 *********************************/


.team-function-wrapper-outside {
    position: absolute;
    bottom: 5px;
    z-index: 1;
}

.team-first-name,
.team-last-name {
    color: #fff;
}

.main-wrapper-about-us {
    min-height: 100vh;
}

#about-us-video-wrapper {
    position: relative;
}

#about-us-wrapper .logo {
    padding-bottom: 40px;
    width: 230px;
    height: 100px;
    margin: auto;
}

h2.our-mission {
    padding-top: 70px;
}

#about-us-our-team {
    margin-top: 90px;
}

#about-us-page h1,
#about-us-page h2 {
    font-size: 190%;
    margin-top: 0;
    padding-bottom: 15px !important;
    position: relative;
    margin-bottom: 50px;
}

#about-us-our-story {
    letter-spacing: 1px;
    font-size: 105%;
}

.team-function {
    font-size: 85%;
    color: #4ca83f;
    letter-spacing: -0.5px;
}

.team-wrapper-outside {
    padding-left: 10px;
    padding-right: 10px;
}

.team-country {
    position: absolute;
    background-color: #fff;
    border-radius: 14px;
    line-height: 1;
    font-size: 85%;
    padding: 3px 10px;
    top: 20px;
    right: 20px;
}

.team-picture:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    border-radius: 20px;
}


.team-picture {
    position: relative;
}

.team-function-wrapper {
    padding: 25px 25px 0 25px;
}

.team-name-wrapper {
    padding: 0px 25px 10px 25px;
}

.team-name-wrapper {
    font-size: 140%;
}

.team-picture img {
    border-radius: 20px;
    width: 100%;
}

section#about-us-page h2:after {
    content: '';
    width: 2.5rem;
    height: 1px;
    background: #4ca83f;
    display: block;
    position: absolute;
    bottom: 0;
}

section#about-us-page h1 {
    font-size: 230%;
}

#about-us-our-team h2:after {
    left: 50%;
    transform: translateX(-50%);
}

.artiista-first-steps-picture-bottom-line .small, small {
    color: #bfbed0;
    font-size: 90%;
}

.artiista-first-steps-picture-bottom-line.text-center {
    padding-top: 25px;
}

.team-wrapper-outside {
    padding-bottom: 30px;
}

.icon__wrapper-gradient {
    padding: 0 20px;
}

.all-light h4 {
    color: #fff;
}

.icon__wrapper-main {
    margin: 0 auto;
}

.icon__wrapper-gradient .icon__wrapper.current * {
    color: #151b23;
}


.icon__wrapper-gradient .icon__wrapper.current {
    z-index: 5;
}


.icon__wrapper-gradient [class*=col]:first-child > .icon__wrapper,
.icon__wrapper-gradient [class*=col]:first-child > .icon__wrapper > .after {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.icon__wrapper-gradient .icon__wrapper {
    position: relative;
    z-index: 1;
    overflow: visible;
}

.all-light {
    color: #fff;
}

.bg__style {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.icon__wrapper-gradient .icon__wrapper:before {
    content: '';
    background: #fff;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.12);
    border-radius: 30px;
}

.icon__wrapper-gradient .icon__wrapper:before,
.icon__wrapper-overlay .icon__wrapper .svg-wrap > .before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transition: all 0.4s ease;
    transition: all .4s ease;
    opacity: 0;
}

.icon__wrapper svg {
    width: 70px;
    height: 70px;
}

.icon__wrapper-gradient [class*=col]:first-child > .icon__wrapper,
.icon__wrapper-gradient [class*=col]:first-child > .icon__wrapper > .after {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.icon__wrapper-gradient .icon__wrapper > .after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    -webkit-box-shadow: none;
    opacity: 0.9;
    z-index: -2;
}


.icon__wrapper-gradient .icon__wrapper.current:before {
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    opacity: 1;
}


.icon__wrapper-gradient [class*=col]:last-child > .icon__wrapper,
.icon__wrapper-gradient [class*=col]:last-child > .icon__wrapper > .after {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.icon__wrapper.active__effect.all-light.bg__style {
    padding: 30px;
}

section#options_3_cols {
    padding: 120px 0;
}

.icon__wrapper-arrow .icon__wrapper svg line,
.icon__wrapper-arrow .icon__wrapper svg path,
.icon__wrapper-arrow .icon__wrapper svg polyline,
.icon__wrapper-gradient .icon__wrapper.current svg line,
.icon__wrapper-gradient .icon__wrapper.current svg path,
.icon__wrapper-gradient .icon__wrapper.current svg polyline,
.icon__wrapper-linear .icon__wrapper svg line,
.icon__wrapper-linear .icon__wrapper svg path,
.icon__wrapper-linear .icon__wrapper svg polyline,
.icon__wrapper-overlay .icon__wrapper svg line,
.icon__wrapper-overlay .icon__wrapper svg path,
.icon__wrapper-overlay .icon__wrapper svg polyline,
.icon__wrapper-triangle .icon__wrapper svg line,
.icon__wrapper-triangle .icon__wrapper svg path,
.icon__wrapper-triangle .icon__wrapper svg polyline {
    stroke: #151b23;
}

.icon__wrapper-gradient .icon__wrapper svg line,
.icon__wrapper-gradient .icon__wrapper svg path,
.icon__wrapper-gradient .icon__wrapper svg polyline {
    stroke: #fff;
}

.icon__wrapper.active__effect.all-light.bg__style p {
    margin-bottom: 0;
}

section.presentation.section-grey {
    padding: 80px 0;
}

.section-localize h2 {
    font-size: 170%;
    font-weight: initial;
}

.job_heading {
    text-align: center;
    padding-top: 80px;
}

h2.text-center.h2-title-home-page {
    font-size: 170%;
    padding-bottom: 30px;
    font-weight: initial;
    padding-top: 50px;
}

.launching-artiista.text-center {
    width: 100%;
}

.search-page-requests .launching-artiista,
.search-page-general .launching-artiista {
    padding-top: 80px;
}

.launching-text {
    font-size: 220%;
    line-height: 46px;
    font-family: 'Jost';
    color: #d3d3e1;
    text-transform: uppercase;
    margin-top: -60px;
}

input#search_term {
    height: 60px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.first-block-search:after,
.second-block-search:after {
    position: absolute;
    right: 0;
    top: 17px;
    width: 1px;
    height: 30px;
    background: #e8ecec;
    content: "";
    z-index: 1;
}

.first-block-search,
.second-block-search,
.third-block-search,
.fourth-block-search {
    padding: 0;
    height: 60px;
}

.second-block-search button.btn.dropdown-toggle.btn-default,
.third-block-search button.btn.dropdown-toggle.btn-default {
    height: 60px;
    border: none;
    border-radius: 0;
    background-color: #fff;
    line-height: 2.7;
}

.fourth-block-search #btn-search-home {
    height: 60px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    display: block;
    font-size: 115%;
    line-height: 2.3;
}

/*
.ecommerce-products.list-unstyled.container .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 25%;
    max-width: 25%;
}
*/

.tags-page .widget-body.clearfix {
    background-color: #1d1d1d;
}


#append_tags_list--JS li {
    position: relative;
}

#append_tags_list--JS::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 0;
}

#append_tags_list--JS::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

#append_tags_list--JS::-webkit-scrollbar-track {
    background-color: #f7f7fd;
}


.col-filtering-load--JS {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #f5f7fa;
    opacity: 0.85;
    z-index: 1;
    display: none;
}

.col-filtering-loader--JS {
    display: none;
    position: absolute;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 80px;
}

#artiista-loader-filtering {
    opacity: 0;
}

#append_tags_list--JS span.label-text {
    text-transform: capitalize;
}

#append_tags_list--JS {
    max-height: 260px;
    overflow: scroll;
    padding: 0;
    margin: 10px 0;
}

ul#append_tags_list--JS li {
    display: inline-block;
}

.load_job_results {
    width: 100%;
}

.parameters input {
    display: none;
}

.parameters span.label-text {
    font-size: 110%;
    padding-right: 6px;
}

.parameters label:hover {
    cursor: pointer;
}

#load_results_data,
#load_results_data_placeholders {
    width: 100%;
}

#load_results_data_placeholders {
    position: absolute;
    padding: 0;
}

#index-last-gigs #load_results_data_placeholders {
    top: 156px;
}

.job-filters.inactive {
    display: none;
}

.jobs-finder-home .play-btn-signup-label {
    display: inline-block;
    margin-left: 10px;
    color: #fff;
}

.play-btn-index {
    display: inline-block;
}

.jobs-finder-home .btn.btn-primary {
    height: 40px;
    margin: auto;
}

.loader-wrapper-infinite.tags-page {
    width: 100%;
    padding-bottom: 30px;
}

.col-12.widget-holder.widget-full-content.search-page {
    margin-top: -20px;
}

.countResults {
    display: none;
}

ul#load_results_data {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}

#col-right-microjob-inside .label-checkbox-jobs {
    margin-top: 0;
}

.international-sellers {
    text-align: center;
    background-color: #f1f2f8;
    padding: 0 10px;
    color: #d5d6e2;
    font-family: 'Jost';
}

.separator-element {
    width: 100%;
    height: 15px;
    border-bottom: 2px solid #e0e1eb;
    text-align: center;
    margin-bottom: 70px;
    margin-top: 20px;
}

.no-more-results-card {
    font-family: Jost;
    color: #4e566d;
    text-align: center;
    width: 420px;
    height: 280px;
    margin: auto;
    margin-top: 70px;
}

.no-more-results-text {
    font-family: 'Jost';
    text-align: center;
    font-size: 140%;
}

.no-more-results-text-exp {
    text-align: center;
    font-size: 100%;
    color: #adb1bd;
    max-width: 340px;
    margin: auto;
}

.ajax-pagination.top-left {
    position: absolute;
    margin-top: -60px;
}

.ajax-pagination.bottom-left {
    position: absolute;
    margin-top: -40px;
}

.ajax-pagination.top-right {
    position: absolute;
    right: 0;
    margin-top: -60px;
}

.ajax-pagination.bottom-right {
    position: absolute;
    right: 0;
    margin-top: -40px;
}

.ajax-page-nav {
    font-size: 300%;
    color: #cdd0e161;
    margin-right: 5px;
    transition: all 0.3s ease-in-out;
}

.ajax-page-nav:hover {
    color: #4ca83f;
    cursor: pointer;
}

#job-cards .container {
    position: relative;
}

.top-rated-user {
    display: inline-block;
    line-height: 1;
    vertical-align: bottom;
    margin-left: 30px;
}

.username-card.toprated {
    margin-left: 5px;
}

.top-rated-user-profile {
    display: inline-block;
    vertical-align: sub;
    margin-right: 4px;
    line-height: 1;
}

.card-body span.text-muted.sub-heading-font-family.bold {
    font-size: 110%;
}

.ecommerce-products .user-container {
    font-size: 90%;
    position: relative;
}

.filter {
    display: inline-block;
}

.filter.filter-left-icon i {
    font-size: 150%;
    color: #4ca83f;
}

.unused.filter.parameters {
    opacity: 0.3;
    transition: all 0.3s ease-in-out;
}

.unused.filter.parameters:hover {
    opacity: 1;
}

.order-by-wrapper {
    position: absolute;
    top: 0;
    right: 0;
}

.order-by-wrapper .btn-default,
.order-by-wrapper .btn-default:hover {
    color: #151b23 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    opacity: 0.8;
    min-width: 180px;
    padding-top: 8px;
}

.search-segments.selected-segment {
    background-color: #fa0 !important;
    color: #fff !important;
    opacity: 1 !important;
}

a.sel-down:before {
    width: 11px;
    height: 10px;
    background-size: 11px 10px;
    background-repeat: no-repeat;
    display: block;
    content: ' ';
    position: absolute;
    top: 15px;
}

a.sel-up:before {
    width: 11px;
    height: 10px;
    background-size: 11px 10px;
    background-repeat: no-repeat;
    display: block;
    content: ' ';
    position: absolute;
    top: 15px;
}
.order-by-wrapper span.text {
    padding-left: 22px;
}

.order-by-wrapper .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-align: right;
    padding-right: 8px;
    font-size: 90%;
}

.order-by-wrapper .dropdown-menu.open.show {
    min-width: 180px;
}

.row.jobs-finder-search .container {
    max-width: 1410px !important;
}

.filter.parameters i {
    padding-left: 10px;
}

.filter.filter-left-icon {
    padding-top: 9px;
    padding-right: 10px;
    padding-left: 13px;
    opacity: 0.4;
}

.filter.parameters {
    font-size: 120%;
    color: #151b23;
    padding: 5px 13px;
    transition: all 0.3s ease-in-out;
}

.filter.parameters:hover {
    cursor: pointer;
    color: #4ca83f;
}

.jobs-finder-search .filter.categories {
    min-width: 260px;
    margin-right: 20px;
}

.jobs-finder-home .filter.categories {
    padding-top: 20px;
    min-width: 250px;
}

.price-range-filter {
    width: 250px;
    float: right;
}

.row.jobs-finder-search .container {
    text-align: center;
}

#filters-mobile-wrapper {
    display: none;
}

section#job-cards {
    padding-top: 60px;
}

.widget-search-page.tag-big-header {
    opacity: 1.0;
    -webkit-transition: background 1.5s linear, background-position 1ms;
    -moz-transition: background 1.5s linear, background-position 1ms;
    -o-transition: background 1.5s linear, background-position 1ms;
    -ms-transition: background 1.5s linear, background-position 1ms;
    transition: background 1.5s linear, background-position 1ms;
    background-position: center;
}

.row.jobs-finder-home,
.row.jobs-finder-search {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 86px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 86px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 86px 6px rgba(0, 0, 0, 0.15);
    min-height: 38px;
}

.last-microjobs-viewed {
    padding-left: 10px;
    padding-right: 10px;
}

#recently-viewed .single-icon {
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: #18181b52;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    padding-left: 5px;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    cursor: pointer;
}

.search-filtering .recently-viewed-icon {
    margin-top: 0px;
}

#recently-viewed .microjob-image-wrapper:hover .single-icon {
    opacity: 1;
}

#recently-viewed .microjob-image-wrapper .single-icon:hover svg {
    opacity: 1;
}

#recently-viewed .single-icon svg {
    filter: brightness(0) invert(1);
    transition: opacity 0.3s ease-in-out;
    opacity: 0.6;
}

#recently-viewed .single-icon:hover {
    background-color: #18181b;
}

#recently-viewed {
    padding-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    transition: height 3s ease-in-out;
}

#recently-viewed.hidden {
    height: 0;
    overflow: hidden;
}

.recently-viewed-icon {
    float: left;
    padding-right: 7px;
    margin-top: 2px;
}

#display-viewed-microjobs,
#hide-viewed-microjobs {
    position: absolute;
    right: 50px;
    height: 30px;
    line-height: 1;
    padding-top: 6px;
    margin-top: 10px;
}

li.col-1.empty-listed-outside {
    padding-left: 10px;
    padding-right: 10px;
}


li .empty-listed-inside {
    border: 1px dashed #d3d7dd;
    border-radius: 12px;
    width: 100%;
    height: 100%;
}

.row.jobs-finder-home {
    height: 85px;
    padding: 0 30px;
}

.user-container {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.job-filters label {
    display: inline-block;
    margin-bottom: 2px;
}

.card-body h5.sub-heading-font-family.mt-0.mr-auto.mr-0-rtl.ml-auto-rtl {
    margin-bottom: 3px;
    overflow: hidden;
    line-height: 1.5;
    height: 48px;
    letter-spacing: 0;
    font-family: Zilla Slab;
}

.online-status-img {
    height: 14px;
    width: 13px;
    background-color: #47d282;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 27px;
    border: 3px solid #fff;
}

h5.sub-heading-font-family.mt-0.mr-auto.mr-0-rtl.ml-auto-rtl:first-letter {
    text-transform: capitalize;
}

.card-body .flag {
    padding-right: 5px;
    position: absolute;
    padding-top: 4px;
}

.user-picture img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.card-header img {
    border-radius: 20px;
    width: 100%;
}

.user-container span.country {
    width: 19px;
    height: 16px;
}

.h5.mt-0.sub-heading-font-family.text-color-scheme.price-job {
    border-right: none;
    font-size: 180%;
    display: block;
    padding-top: 10px;
    margin-bottom: 2px;
}

.rating-stars {
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
}

.rating-price {
    position: absolute;
    right: 3px;
    top: 0;
}

.microjob-card-price-wrapper {
    float: right;
    font-size: 180%;
    font-family: Jost;
    line-height: 1;
    margin-left: 8px;
    padding-top: 0;
    margin-top: -1px;
}

span.price-wrapper {
    white-space: nowrap;
}

.username-card {
    color: #9d9cb1f7;
    font-size: 110%;
    margin-left: 28px;
    margin-top: 1px;
    padding-right: 168px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.microjob-title-card {
    position: absolute;
    margin-left: 10px;
    margin-right: 10px;
    bottom: -3px;
}

.index-jobs.job-cards {
    padding-right: 10px;
    padding-left: 10px;
}

.card-header .user-picture img {
    border-radius: 50%;
}

.card-header .user-picture {
    position: absolute;
    border-radius: 50%;
    left: 15px;
    top: 15px;
    z-index: 1;
    background-color: #fff;
    width: 44px;
    height: 44px;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
}

span.user-picture-round svg {
    border-radius: 50px;
}

.user-picture.toprated {
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 10px 10px 5px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.3);
}

.ecommerce-products h5 a {
    font-size: 100%;
    line-height: 1.5;
    color: #fff;
    font-family: Zilla Slab !important;
    letter-spacing: 0;
}

.user_rate_blank,
.user_rate_full,
.user_rate_half {
    background-color: transparent;
}

.empty .user_rate_full {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: sepia(100%) hue-rotate(190deg) saturate(100%);
}

.label-text-search .user_rate_full {
    margin-top: 3px;
}

.user_rate_plus_symbol {
    float: left;
    font-family: 'Jost';
}

.top-rated {
    background-color: #d8a965;
    position: absolute;
    left: 0px;
    top: 29px;
    line-height: 20px;
    padding-left: 7px;
    width: 68px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
    color: #fff;
    font-size: 15px;
}

.mini_icons_cats img {
    width: 70px;
}

h3.category_name a {
    color: #fff;
    font-size: 110%;
}

.job_heading h1 span {
    color: #4ca83f;
}

.job_heading h1 {
    font-size: 56px;
    color: #ffffff;
}

.banner_heading_cont_wrapper {
    float: left;
    width: 100%;
    padding-top: 110px;
}

#error-single-image.error-notifications[data-balloon][data-balloon-visible]:after {
    width: 80% !important;
}

.header_form_wrapper {
    float: left;
    width: 64%;
    background: #ffffff12;
    padding: 8px;
    border-radius: 50px;
    margin: 0 18%;
}

.header_form_wrapper {
    opacity: 0;
}

#search-home-wrapper {
    background-color: #fff;
    border-radius: 40px;
}

.btn-list.start-selling a {
    color: #fff;
    font-family: 'Jost';
    font-size: 90%;
}

.select-language.header-selector .bootstrap-select.btn-group .dropdown-toggle .bs-caret .caret,
.select-currency.header-selector .bootstrap-select.btn-group .dropdown-toggle .bs-caret .caret {
    opacity: 1;
}

.btn-list.start-selling {
    padding-right: 30px;
}

.job_heading p {
    font-size: 20px;
    color: #ffffff;
    padding-top: 10px;
    margin-bottom: 0;
}

.job_heading_wrapper {
    padding-bottom: 50px;
}

.banner_main_jobs_wrapper {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.banner_main_jobs {
    display: inline-block;
    padding-bottom: 15px;
}

.banner_main_jobs li:first-child {
    margin-left: 0;
    color: #ffffff;
}

.banner_main_jobs li {
    float: left;
    margin-left: 7px;
}

.container-wrapper-index {
    display: flex;
    flex-direction: column;
}

.container-inside-index-1 {
    flex: 1;
    max-width: 100vw;
}

.container-inside-index-2 {
    margin-bottom: 60px;
    max-width: 100vw;
}

.banner_main_jobs li a {
    color: #ffffffcf;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.top_jobs_category_wrapper.job_cate_left_border.job_cate_left_border_bottom {
    width: 300px;
}

.banner-preview-txt {
    margin-left: 20.3%;
    text-align: left;
}

.banner_heading_cont_wrapper .container {
    height: 100%;
}

.top_jobs_category_wrapper {
    width: 16.5%;
    text-align: center;
    background: transparent;
    padding: 0px 15px;
    box-sizing: border-box;
    height: 204px;
    display: table;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

.top_jobs_category_wrapper_inside {
    background-color: #ffffff0d;
    border-radius: 50px;
    width: 100%;
    height: 100%;
    position: relative;
    border: 1px solid #ffffff00;
    transition: all 0.2s ease-in-out;
}

.top_jobs_category_wrapper_inside:hover {
    border: 1px solid #ffffff32;
    background-color: #ffffff14;
}

.top_jobs_category_wrapper-inside:hover {
    background-color: #ffffff2b;
}

.feat_cat_wrapper {
    white-space: normal;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    transition: all 0.3s ease-in-out;
    width: 73%;
}

.jp_top_jobs_category_wrapper:hover .jp_top_jobs_category i {
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.top_jobs_category {
    display: inline-block;
}

.top_jobs_category i {
    color: #4ca83f;
    font-size: 25px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.top_jobs_category h3 {
    margin-bottom: 3px;
    font-size: 16px;
    line-height: 1.1;
}

.top_jobs_category p {
    font-size: 14px;
    margin-bottom: 0;
    color: #ffffffb8;
}

.price-range-filter-wrapper {
    padding: 5px 10px 55px 10px;
}

.price-range-filter {
    width: 100%;
    padding: 2px 4px 0px 6px;
}

.price-range-filter {
    width: 100%;
    padding: 2px 0px 0px 6px;
}

.jobs-finder-home .price-range-filter {
    width: 300px;
    position: absolute;
    right: 0;
    background-color: #fff;
    padding: 2px 30px 0px 30px;
    z-index: 1;
    top: 20px;
    border-bottom: 1px solid #ecf1f9;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    min-height: 81px;
}

.categories-filter .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-family: 'Jost';
}


.container.filter-results {
    position: relative;
}


.no-more-results-requests {
    text-align: center;
    font-family: Jost;
    color: #c1c0d4a8;
    padding-top: 15px;
    padding-bottom: 5px;
}

/********************************
 *********************************
RANGE SLIDER
 *********************************
 *********************************/


.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important;
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0;
}

.irs-line-left {
    left: 0;
    width: 11%;
}

.irs-line-mid {
    left: 9%;
    width: 82%;
}

.irs-line-right {
    right: 0;
    width: 11%;
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0;
}

.irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0;
}

.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1;
}

.irs-slider.type_last {
    z-index: 2;
}

.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default;
}

.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default;
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}

.irs-with-grid .irs-grid {
    display: block;
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000;
}

.irs-grid-pol.small {
    height: 4px;
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000;
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0.0);
    z-index: 2;
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed;
}

.irs-disabled {
    opacity: 0.4;
}


.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}


/********************************
 *********************************
CUSTOM ORDERS SECTION
 *********************************
 *********************************/

section.my-custom-orders tr {
    cursor: pointer;
}


/********************************
 *********************************
INBOX SECTION
 *********************************
 *********************************/

.align-items-start .btn-group .btn-outline-default {
    line-height: 0;
}

figure.thumb-xs2.mr-3.mr-0-rtl.ml-3-rtl.spam {
    border-color: #ca0000 !important;
}

.spam-alert {
    color: #ca0000;
    font-size: 90%;
    text-align: center;
    padding-bottom: 10px;
}

.flag-spam-icon svg {
    border-radius: 0px !important;
    display: block;
}

.flag-spam-icon.float {
    position: absolute;
    top: 13px;
    right: 0px;
}

.date-received.flagged-received {
    margin-right: 20px;
}

#inbox_page .central-col {
    padding: 0px 1px 10px 8px;
}

.form-control.hidden {
    display: none !important;
}

figure.thumb-xs2.mr-3.mr-0-rtl.ml-3-rtl svg {
    border: 1px solid #c7c7d45c;
}

#messages_wrapper {
    background-color: #fff;
    border-radius: 12px;
    height: 100%;
    width: 100%;
    min-height: 620px;
    -webkit-box-shadow: 0px 0px 15px -1px rgb(0 0 0 / 6%);
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 15px -1px rgb(0 0 0 / 6%);
}

.mail-list-item svg {
    border-radius: 50%;
}

#inbox_page .col-md-12.widget-holder.widget-full-content {
    margin-bottom: 0px;
}

.inbox-container textarea#reply-message {
    color: #151b23;
    padding-left: 60px;
}

.inbox-notifications .unread-notification {
    margin-right: 10px;
    margin-top: 9px;
    right: 7px;
    height: 15px;
}

.inbox-notifications span.text-muted.fs-12 {
    position: absolute;
    right: 10px;
    bottom: 5px;
}

.notifications-artiista:hover .del-notification {
    opacity: 0.7;
}

.del-notification {
    position: absolute;
    bottom: 0px;
    right: 0px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    padding: 10px;
    line-height: 0;
    z-index: 2;
    cursor: pointer;
}

.inbox-notifications .card-body li {
    position: relative;
}

.mail-list-item .unread-notification {
    margin-right: 0;
    line-height: 1;
}

.media-heading.read,
.mail-list-item.read .mail-title {
    color: #9C9CB0;
}

.mail-attachment {
    padding: 30px;
    border-top: 4px dashed #f7f7fd;
}

h6.mail-attachment-heading.fs-12.fw-semibold {
    margin-top: 0;
}


.inbox-container {
    max-width: 1350px;
}

.more-btn {
    padding-right: 10px;
}

.mail-single-info.d-flex.align-items-start {
    padding: 23px;
    height: 80px;
    border-bottom: 1px solid #f7f7fd;
}

.mail-single-info.d-flex.align-items-start h4 {
    margin-top: 5px;
}

.mail-single-body.border-bottom.mx-4 {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    position: relative;
}

.mail-single.flex-1.scrollbar-enabled {
    padding-right: 0;
    padding-top: 1px;
    bottom: 0;
    position: relative;
}

.conversation-moderated-wrapper {
    text-align: center;
    padding-top: 50px;
}

.sel_message-list {
    width: 100%;
}

.preview-sms {
    white-space: nowrap;
    overflow: hidden;
    width: 98%;
    display: table;
    table-layout: fixed;
}

.conversation-moderated {
    display: inline-block;
    background-color: #ca0000;
    color: #fff;
    font-family: Jost;
    padding: 0 10px;
    border-radius: 50px;
}

.mail-list-item.media.current {
    margin-left: 0px;
    background-color: #f7f7fd;
}

.mail-list-item.media:hover {
    background-color: #f7f7fd;
}

.email-data-inbox-notifications {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 100%;
}

#notifications-page li.new-notif-line.clearfix.notif-line {
    padding: 0 15px;
}

.email-data-inbox-notifications .message-received-on {
    float: right;
    position: relative;
    top: 10px;
    right: 13px;
}

.message-date-delivered {
    position: absolute;
    right: 30px;
    font-size: 80%;
    color: #c1c0d4a8;
}

.inbox-notifications .dropdown-card .card-body li {
    padding: 20px 12px 12px 12px;
    overflow: hidden;
}

li.dropdown.inbox-notifications.show li {
    background-color: #fff;
}

.dark li.dropdown.inbox-notifications.show li {
    background-color: #2a2a31;
}

.inbox-notifications li.unread {
    background: rgba(95, 96, 179, 0.03) !important;
}

.dark .dropdown-list-group li {
    border-bottom: 1px solid #3d3b48;
}

.inbox-notifications li.read {
    opacity: 0.6;
}

.mail-single-body {
    margin: 20px 30px;
    position: relative;
    font-size: 95%;
}

.job-title-related {
    max-width: 100px;
    margin: 15px auto;
}

.job-title-related img {
    border-radius: 6px;
}

.related-to-wrapper {
    display: none;
    text-align: center;
}

.related-to-wrapper:first-child {
    display: block;
}

.media-body.headings-font-family a {
    padding: 0 3px;
}

.related-to-direct {
    text-align: center;
    background-color: #f7f7fd;
    display: inline-block;
    padding: 3px 20px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-top: -1px;
    font-size: 90%;
}

.related-to-direct.is_spam {
    background-color: #ca0000;
    color: #fff;
}

.media-wrapper {
    border-bottom: 1px solid #c1c0d466;
}

.btn_is_spam {
    display: inline-block;
    background-color: #ca0000;
    padding: 0 10px;
    color: #fff;
    font-family: 'Jost';
    font-size: 90%;
    border-radius: 50px;
}

button.btn.fs-16.p-2.btn-outline-default.text-muted.bw-1,
a.btn.fs-16.p-2.btn-outline-default.bw-1.text-muted.dropdown-toggle {
    margin-right: 8px;
    height: 29px;
    width: 29px;
    padding: 8px 8px !important;
}

#send-files form#send_files_dropzone_last {
    margin-bottom: 30px;
}

.accept-conditions-wrapper {
    display: none;
    margin-top: -30px;
}


.related-to-txt {
    text-align: center;
    font-size: 90%;
    color: #c1c0d4a8;
}

.related-to-job {
    text-align: center;
    font-family: Jost;
    font-size: 95%;
    padding-bottom: 10px;
    line-height: 1.2;
}

.sender-preview .media-content.files-received {
    font-size: 75%;
    opacity: 0.4;
    font-family: Jost;
}

/********************************
 *********************************
MAGNIFIC POPUP
 *********************************
 *********************************/

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.96;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #CCC;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 40px;
    font-family: Arial, Baskerville, monospace;
    left: 50%;
    transform: translate(-50%, 89px);
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
    margin-right: 20px;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 110px;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

/* Main image in popup */

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: 66vh;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    margin: 110px auto 40px;
    border-radius: 20px !important;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.4);
}

/* The shadow behind the image */

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    background: transparent;
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
    margin-left: 20px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {

    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

/********************************
 *********************************
MY FAVOURITES
 *********************************
 *********************************/

.blockJOBS_favorites {
    padding-left: 0px;
    padding-bottom: 10px;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.favourite-user-wrapper img.rounded-circle {
    margin: 0 !important;
}

.media-actions li {
    margin: 2px 8px 2px 0px;
}

.blockJOBS_favorites .media-actions li {
    background-color: #fff;
    opacity: 0.8;
}

.favourite-user-wrapper {
    border: 2px solid #f7f7fd;
    border-radius: 12px;
    padding: 15px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 15px;
}

.favourites_list gigs .media-actions li {
    background-color: rgb(255 255 255);
    opacity: 0.7;
}

.dark .favourite-user-wrapper {
    border: 2px solid #393844;
}

.my-favourites-artiista_user .images-round-corner {
    margin: auto;
    width: 100%;
}

.favourite-user-wrapper .rounded-circle {
    width: 50px;
    margin: 12px auto 10px auto;
}

.favourite-username_added {
    opacity: 0.5;
    margin: auto;
    text-align: center;
    font-size: 90%;
    font-family: Jost;
    line-height: 1.5;
}

.my-favourites-artiista ul.videos_action-media-wrapper {
    right: 27px;
}

.favourites_list {
    padding-top: 30px;
}

.no-content-txt {
    font-family: Jost;
    text-align: center;
    padding: 30px 0;
    color: #c1c0d4a8;
}

.rounded-circle img {
    border-radius: 50%;
}

.users_like_section {
    border-bottom: 4px solid #f7f7fd;
    margin-bottom: 30px;
}

.dark .users_like_section {
    border-bottom: 4px solid #34333e7a;
}

/********************************
 *********************************
PUBLISH GIG
 *********************************
 *********************************/

.unlimited-symbol {
    font-size: 160%;
    line-height: 0;
    margin-top: 7px;
    margin-bottom: 11px;
}

.long-delivery-delay {
    color: #fa0;
    text-align: center;
    font-size: 90%;
    width: 70%;
    margin: auto;
    margin-top: 20px;
    display: none;
}

.extra_price_select {
    padding-right: 10px;
}

#publish_gig_page .col-md-7.central-col.widget-holder {
    padding-top: 20px;
}

.sending_files {
    display: none;
}

.dark input#pro_prefix {
    margin: 0 3px;
}

.input-group-addon.devise,
.input-group-addon.delivery {
    min-width: 80px;
    text-align: center;
    font-family: Jost;
}

.job-translations .input-group-addon.action-title {
    background-color: #fff;
    padding-right: 5px;
    min-width: auto;
    padding-top: 8px;
}

#add_translations_wrapper.translations_visible {
    display: flex !important;
}

#add_translations_wrapper {
    display: none;
}

#add_translations {
    font-family: 'Jost';
    color: #b0b2bc;
    cursor: pointer;
}

.job-translations .input-group .job-title {
    border-left: 1px solid transparent;
    padding-left: 0px;
    transition: padding-left 0.3s ease-in-out;
}

.job-translations .input-group .job-title:focus {
    border-left: 1px solid #4ca83f;
    padding-left: 5px;
}

.dark .job-translations .input-group-addon.action-title {
    background-color: #34343e;
}

.input-group-addon.devise span {
    margin: auto;
}

.widget-body.clearfix.text-center.content-confirm-account {
    padding: 70px 0;
}

.chars-counter {
    background-color: #151b23;
    margin: 5px -20px -20px -20px;
    padding: 5px 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

span.btns-publish {
    padding: 0 10px;
}

.btns-publish-wrapper {
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }

    to {
        opacity: 1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}

@-moz-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }

    to {
        opacity: 1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }

    to {
        opacity: 1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}

.fadein-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration: 1s;
    animation-delay: 0s;
}


.helper {
    display: none;
}

.helper-description {
    font-size: 85%;
    padding-bottom: 10px;
}

.helper-title {
    font-family: Jost;
    color: #151b23;
    border-bottom: 4px solid #f7f7fd;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 500;
}

.helper-desktop.section {
    right: 40px;
    top: 30px;
}

.mr-r-40 .icon-toggles {
    right: 80px;
}

.helper.section {
    top: -8px;
    right: -222px;
}



.helper::before {
    border-right-color: #ffffff;
    border-left: 0;
    content: '';
    position: absolute;
    -webkit-box-shadow: 0px 0px 15px -1px rgb(0 0 0 / 6%);
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 15px -1px rgb(0 0 0 / 6%);
    border-right: 0;
    border-bottom: 0;
    background: #fff;
    -webkit-transform: translateX(-50%) rotate(-47deg);
    transform: translateX(-50%) rotate(-47deg);
    z-index: 0;
    right: 194px;
    top: 30px;
    width: 16px;
    height: 15px;
}

.helper.onLeftElement::before {
    border-right-color: #ffffff;
    border-left: 0;
    content: '';
    position: absolute;
    -webkit-box-shadow: 3px -3px 6px 0px rgb(0 0 0 / 0%);
    -moz-box-shadow: 3px -3px 6px 0px rgba(0, 0, 0, 0);
    box-shadow: 3px -3px 6px 0px rgb(0 0 0 / 0%);
    border-right: 0;
    border-bottom: 0;
    background: #fff;
    -webkit-transform: translateX(-50%) rotate(-47deg);
    transform: translateX(-50%) rotate(-47deg);
    z-index: 0;
    right: -16px;
    top: 30px;
    width: 16px;
    height: 15px;
}

.col-12.pd-0.col-sm-6.col-md-6.col-left {
    margin-top: 10px;
}

.helper {
    position: absolute;
    top: -22px;
    right: -261px;
    background-color: #fff;
    width: 212px;
    border-radius: 0px;
    padding: 20px 20px 5px 20px;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    z-index: 10;
    text-align: left;
}

#step1-order .helper-desktop {
    right: 0;
}

#step1-wrapper .helper-desktop {
    right: 0;
}

#step2-wrapper .helper-desktop {
    right: 0;
}

.add-pictures-global .helper-desktop {
    right: 10px;
}

.icon-toggles .helper-desktop {
    right: -15px;
    top: -2px;
}

.icon-toggles.show-helper {
    margin-right: 30px;
}

.limit_section .helper {
    top: -60px;
}

.icon-toggles.show-helper .helper-desktop {
    right: -28px;
}

.dark .helper,
.dark .helper::before {
    background-color: #36363e;
}

.dark .helper-title {
    color: #fff;
    border-bottom: 4px solid #4e4c5a7a;
}


.select-options-parameters {
    display: none;
}

.error-signal {
    float: right;
    margin-left: 15px;
    background-color: #ca0000;
    color: #fff;
    padding: 2px 10px;
    line-height: 1;
    font-size: 80%;
    font-family: Jost;
    border-radius: 20px;
    margin-top: 5px;
    display: none;
}

.extras_available,
.gig-tags-list {
    text-align: center;
    color: #cdcfd8;
    font-family: 'Jost';
}


#extras_added {
    padding-top: 50px;
    padding-bottom: 30px;
}


.col-md-8.extra_price_select {
    padding: 0;
}

strong.select2-results__group {
    color: #151b23;
    margin-left: 15px;
}

ul.select2-results__options.select2-results__options--nested li {
    padding-left: 30px !important;
}

.add-extra-days {
    display: none;
}

.btn.btn-primary.save-gig-extra {
    display: inline-block;
    border-radius: 30px;
}

.edit_options_extra .form-group {
    margin-bottom: 0;
    margin-top: 15px;
}

.edit_options_extra {
    display: none;
}

.multiple-sel-wrapper .form-group.extra_selector {
    right: 30px;
}


.job-option-limit {
    float: left;
    padding-top: 15px;
    padding-left: 30px;
    height: 35px;
}

.extra_limit_simul {
    float: left;
    font-family: Jost;
    color: #151b23;
    font-size: 90%;
    padding-top: 15px;
    padding-left: 10px;
}

.extra_limit {
    float: left;
    font-family: Zilla Slab;
    color: #151b23;
    font-size: 90%;
    padding-top: 8px;
    padding-left: 10px;
}

.input-group-addon.select-wrapper {
    padding: 0;
    background-color: transparent;
    border: none;
}

.select-wrapper .btn-group.bootstrap-select.form-control button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    min-width: 150px;
    height: 42px;
}

.enable_limit_extras,
.enable_limit {
    display: inline-block;
}

.limit-section-microjob label.checkbox-list__item {
    border-bottom: none;
}

.microjob_limit_concept {
    position: absolute;
    right: 130px;
    margin-top: 8px;
}

.microjob_limit_value {
    display: inline-block;
    float: right;
    width: 100px;
    margin-right: 15px;
}

#user_counter {
    border-radius: 7px;
    height: 45px;
    width: 100px;
}

.extras-title-big {
    font-family: 'Jost';
    float: right;
    margin-top: -67px;
    font-size: 150%;
    color: #e8e9f1;
}

.microjob_limit_wrapper {
    margin-top: 15px;
}

.slide_limit_title {
    font-family: Jost;
    padding-bottom: 15px;
    font-size: 120%;
    margin-top: -6px;
}

.slide_limit {
    background-color: #fdfdff;
    margin: auto;
    border-radius: 20px;
    padding: 20px;
    box-sizing: border-box;
    border: 2px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(#fff, #fff), linear-gradient( 135deg, #7b00e8 0%, #4ca83f 88%);
}

.dark .slide_limit {
    background-color: #34343e;
    background-image: none;
}

.next-step-arrow,
.prev-step-arrow {
    cursor: pointer;
}

.slider_content_wrapper {
    border-radius: 12px;
    padding-top: 15px;
    z-index: 1;
}

.slide_limit_input,
.slide_limit_input_select button.btn.dropdown-toggle.btn-default {
    font-family: Jost;
    font-size: 200%;
}

.slide_limit_input_select button.btn.dropdown-toggle.btn-default {
    border-radius: 12px;
    height: 68px;
    line-height: 45px;
}

.slide_limit_input_select .filter-option {
    text-align: center !important;
}

.slide_limit_content input,
.slide_limit_input button,
.slide_limit_input_select button {
    border-radius: 12px;
    border: 2px solid #dde3ec;
    font-family: 'Jost';
}

#total_limit_value::placeholder,
#limit_value::placeholder {
    color: #EBECF5;
}

.dark .slide_limit_content input,
.dark .slide_limit_input button, 
.dark .slide_limit_input_select button {
    border: 2px solid #6e6f7c !important;
    border-color: #6e6f7c !important;
}

.slide_limit_input #limit_value:focus,
.slide_limit_input #foreach_value:focus {
    border: 2px solid #4ca83f !important;
}

.concept_slide_value {
    font-size: 90%;
    color: #abafc0;
}

.notVisible {
    display: none;
}

.next-step-arrow,
.prev-step-arrow {
    text-align: center;
}

.next-step-arrow.moving {
  animation: moveZoom 1.5s linear infinite;
    -webkit-animation: moveZoom 1.5s linear infinite;
    -moz-animation: moveZoom 1.5s linear infinite;
}

@keyframes moveZoom {
    0%,
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    90% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}


.slider_limit_prev.disabled,
.slider_limit_next.disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: sepia(100%) hue-rotate(190deg) saturate(100%);
    opacity: 0.12;
}

.slider_limit_prev,
.slider_limit_next {
    margin: auto auto;
    line-height: 0;
    transition: all 0.3s ease-in-out;
}

.slide_limit_select .filter-option {
    text-align: center !important;
}

#cancel-add-extra,
#submit-add-extra {
    display: none;
}

#submit-add-extra {
    margin-right: 15px;
}

.highlight {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0.5;
    display: none;
    z-index: 3;
}

#extra-section-edit-wrapper li {
    position: relative;
}

form#order_job li {
    border-bottom: 0 !important;
}

#job_extras {
    padding-top: 15px;
    padding-bottom: 30px;
    position: relative;
}

#stop-reorder-extras,
#reorder-extras {
    position: absolute;
    right: 40px;
    top: 32px;
}

#stop-reorder-mp3s,
#stop-reorder-images,
#stop-reorder-videos,
#reorder-mp3s,
#reorder-images,
#reorder-videos {
    position: relative;
}

#job_extras li:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

li.list_of_extras.moderated,
.options-icluded-details.moderated {
    opacity: 0.3;
    font-style: italic;
}

#extra-section-edit {
    position: relative;
    z-index: 4;
    background-color: #ffff;
    border-radius: 12px;
    margin: -40px;
    padding: 40px;
}

#extra-information {
    z-index: 4;
}

.no-margin-top {
    margin-top: 0px;
}

.add-extras-wrapper {
    margin-top: 30px;
}


#job-option-content_simul {
    padding-left: 0px !important;
}

#job-option-price_simul {
    margin-left: 0;
    margin-top: 10px;
}

li.simul-add-extra {
    background-color: #fdfdff;
    margin-top: -10px;
    padding-top: 5px;
    padding: 5px 10px 20px 15px !important;
}

.max-extras {
    position: absolute;
    right: 15px;
    font-size: 90%;
    color: #c1c0d4a8;
}

.edit-extra-forms {
    display: none;
}

.nav-item.nav-item-initial {
    float: none !important;
    display: flex !important;
    width: auto !important;
}

.power-icon {
    cursor: pointer;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: sepia(200%) hue-rotate(190deg) saturate(200%);
    opacity: 0.3;
    transition: all 0.3s ease-in-out;
}

span.info-bubble-extra::after {
    width: 270px;
    color: #151b23;
    background-color: #fff !important;
    padding: 15px;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    border: 1px solid #f7f7fd;
}

.info-bubble-extra[data-balloon]:before {
    display: none;
}


.power-icon:hover {
    cursor: pointer;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

form#order_job li {
    cursor: initial;
    padding-bottom: 15px;
    position: relative;
}

.options-icluded-details {
    text-align: left;
}

.include-job-options {
    padding-top: 20px;
}

.separator-extras {
    padding-bottom: 10px;
}

.separator-extras:last-child {
    border-bottom: 4px solid #c7c7d426;
    padding-bottom: 20px;
}

.separator-extras:first-child {
    padding-top: 10px;
}

span#quantity-orders--js {
    font-size: 120%;
}

span.info-bubble-extra svg {
    margin-top: 7px;
    margin-bottom: -2px;
}

span.info-bubble-extra {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin-left: 8px;
    filter: sepia(200%) hue-rotate(190deg) saturate(200%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

span.info-bubble-check svg {
    margin-bottom: -2px;
    margin-right: 7px;
}

span.info-bubble-extra:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

#extra-section-edit-wrapper .trash-icon,
#extra-section-edit-wrapper .power-icon {
    float: left;
    width: 61px;
    height: 60px;
    padding-top: 16px;
    padding-left: 10px;
}

span.eliminate-extra:before,
span.eliminate-extra:after {
    margin-bottom: 35px;
}

#extra-section-edit-wrapper .job-option-content {
    padding-left: 0px;
    display: inline-block;
    margin-left: 10px;
}

#submitEditExtraForm .col-md-3,
#submitEditExtraForm .col-md-5 {
    padding-left: 0;
}

#submitEditExtraForm .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

#submitEditExtraForm .col-md-9 {
    padding-right: 15px;
}

.first-in-form-extras {
    padding-top: 15px;
}

#extra-options-wrapper .tabs.job-translations {
    padding-top: 0;
    width: 100%;
}

#extra-section-edit-wrapper .label-checkbox-jobs {
    margin-left: 69px;
}

#extra-section-edit {
    position: relative;
}

.sub-cat span.text {
    padding-left: 10px;
    font-size: 90%;
    opacity: 0.7;
}

a.sub-cat:before {
    content: '-';
    margin-left: 15px;
}


.carouselImage {
    position: relative !important;
    overflow: hidden !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.player-job {
    position: absolute;
    width: 100%;
    height: 100%;
}

.carouselImage img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}


.secure-payments-wrapper-general {
    text-align: center;
}

.secure-payments-wrapper {
    padding-top: 2px;
    display: inline-block;
}

.secure-payments-icon {
    float: left;
    margin-top: 1px;
}

.secure-payments {
    display: inline-block;
    margin-left: 7px;
    font-family: Jost;
    font-size: 85%;
}

.player-edit {
    width: 600px;
    height: 400px;
}

.ap-wrapper-container {
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

#a-mp3-cont {
    bottom: 0px;
    height: 100%;
}

.section-mp3-titles {
    padding: 20px 0;
}

.player-job-view {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    z-index: 1;
}


.player-profile .audioplayer.skin-wave .ap-controls .con-playpause .pausebtn:before, 
.player-profile .audioplayer.skin-wave .ap-controls .con-playpause .pausebtn:after {
    width: 3px !important;
}

.player-profile .pausebtn::before {
    margin-left: -8px !important;
}

.player-profile .pausebtn::after {
    margin-left: -2px !important;
}


/*
.player-job-view-background {
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
    z-index: 0;
}
*/

.nav_play_btn,
.play_btn {
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.5);
}

.nav_play_btn:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -5px;
    content: " ";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #ffffff;
}

.play_btn:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -8px;
    content: " ";
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 25px solid #ffffff;
}


.nav_play_btn_wrapper {
    display: block;
    left: calc( 50% - 45px / 2 );
    top: calc( 50% - 45px / 2 );
    width: 45px;
    height: 45px;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    margin: auto;
    z-index: 2;
    display: none;
}

.audioWrapper.iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


.play_btn_wrapper {
    display: block;
    left: calc( 50% - 85px / 2 );
    top: calc( 50% - 85px / 2 );
    width: 85px;
    height: 85px;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    margin: auto;
    cursor: pointer;
}

.slim-result img {
    border-radius: 12px;
}

#job_pictures li.content-uploader main .job-pictures {
    padding: 5px;
}

li.select2-results__option.select2-results__message {
    color: #c1c0d4a8;
    font-size: 90%;
}

.chars-counter.over {
    background-color: #ca0000;
}

.chars-counter.pre-over {
    background-color: #fa0;
}

.form-group.no-bottom {
    margin-bottom: 0px;
}

.form-group.row.collapsed {
    height: 0;
}

.tabs.job-translations {
    padding-top: 20px;
}

.pull-btn-right {
    text-align: right;
}

.btn-right input.btn.btn-outline-secondary {
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    height: 42px;
}


.btn-right button.btn.dropdown-toggle.btn-default {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 42px;
    border: 1px solid #e3ebf7;
}

.header_form_wrapper .form-control {
    border: none;
}

.btn-right .dropdown-menu.open.show {
    border-top-right-radius: 0px;
    margin-top: 0px;
}

.form-control.no-border {
    border: none;
    padding: 0;
}

.form-group.row.language-form-entry {
    margin-bottom: 0;
}

#submit_delivery_form_wrapper1 .dropzone .dz-preview.dz-error .dz-image,
#submit_delivery_form_wrapper2 .dropzone .dz-preview.dz-error .dz-image,
#submit_delivery_form_wrapper3 .dropzone .dz-preview.dz-error .dz-image {
    background: transparent;
}

#submit_delivery_form_wrapper1 .dropzone .dz-preview.dz-error .dz-error-mark,
#submit_delivery_form_wrapper2 .dropzone .dz-preview.dz-error .dz-error-mark,
#submit_delivery_form_wrapper3 .dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    padding-top: 5px;
}

.error-uploading-file {
    color: #ca0000;
    text-align: center;
}

.ap-wrapper-container.dzsap-sticktobottom-for-skin-wave.dzsap-sticktobottom-for-skin-wave--mode-normal.inited:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: -webkit-radial-gradient(center ellipse, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 80%);
}

.overlay-uploader-job-picture1.general-image,
.slim.job-picture1.general-image {
    width: 100%;
    height: auto;
    position: relative;
}

.content-uploader-single {
    position: absolute;
    width: 100%;
}

.dropzone.dz-clickable .dz-message * {
    padding: 16px 0
}

.dropzone,
.dropzone * {
    box-sizing: border-box
}

.dropzone.dz-clickable {
    cursor: pointer
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone.dz-drag-hover {
    border: none
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .5
}

.dropzone .dz-message {
    text-align: center;
    margin: 0
}

.dropzone .dz-preview {
    position: relative;
    vertical-align: top;
    display: inline-block;
    width: 100%
}

.dropzone .dz-progress {
    width: 90px;
}

.dz-upload {
    width: 90px;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px
}

.dropzone .dz-preview.dz-image-preview {
    background: transparent;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: block;
    top: 0;
    left: 0;
    opacity: 1;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    text-align: center;
    color: #151b23;
    line-height: 150%
}

#comment_send_delivery-wrapper,
#comment_send_conv-wrapper,
#send-file-conversation-wrapper {
    display: none;
    overflow: hidden;
}

.delivery-files img {
    width: 25px;
    margin-top: 8px;
    cursor: pointer;
}

.download-file {
    display: inline-block;
    float: left;
    width: 100%;
}

.file-delivered-wrapper {
    float: left;
    padding-top: 3px !important;
    padding-bottom: 5px !important;
    padding-left: 0;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #cdd0e161;
    border-radius: 12px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    position: relative;
    height: 53px;
}

.file-delivered-wrapper_conv {
    padding-left: 0px;
    padding-right: 0px;
}

.file-delivered-wrapper:nth-child(odd),
.download-file-icon.row.col-md-6-mr-1.col-12:nth-child(odd),
.file-delivered-wrapper_conv:nth-child(odd) {
    margin-left: 0;
}

.file-delivered-wrapper:nth-child(even),
.download-file-icon.row.col-md-6-mr-1.col-12:nth-child(even),
.file-delivered-wrapper_conv:nth-child(even) {
    margin-right: 0;
}

.file-delivered-wrapper.down {
    cursor: pointer;
}

.file-delivered-wrapper .actions-files-uploaded {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.file-delivered-wrapper.show .actions-files-uploaded,
.file-delivered-wrapper:hover .actions-files-uploaded {
    opacity: 1;
}

.file-delivered-wrapper_conv.down {
    cursor: pointer;
    width: 100%;
}

#send-invoice .file-name {
    padding-top: 10px;
}

#send-invoice .actions-files-uploaded {
    top: 15px;
}

#file_custom_invoice {
    height: 56px;
}

.file-delivered-wrapper_conv {
    float: left;
    border: 1px solid #f7f7fd;
    border-radius: 12px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    position: relative;
    padding-top: 3px !important;
    padding-bottom: 5px !important;
    margin-bottom: 8px;
    height: 53px;
}

.dark .file-delivered-wrapper_conv {
    border: 1px solid #53525f;
}


.file-delivered-wrapper:hover,
.file-delivered-wrapper_conv:hover {
    background-color: #fdfdff;
}

.send_new_file {
    display: inline-block;
    width: 100%;
    height: 53px;
    /*    margin: 5px 1%;*/
    background-color: #f7f7fd;
    border-radius: 12px;
    border: 1px solid #4ca83f;
    padding: 12px 19px;
    font-size: 16px;
    text-align: center;
    line-height: 29px;
    color: #c1c0d4a8;
    transition: all 0.3s ease-in-out;
}

.dark .send_new_file {
    background-color: #5a5966;
    color: #fff;
}

.is-dragover {
    background-color: #f7f7fd;
    cursor: copy;
}

.dark .is-dragover {
    background-color: #34313e;
    cursor: copy;
}

.actions-files-uploaded i {
    padding: 4px;
    color: #c1c0d469;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.file-delivered-wrapper:hover .actions-files-uploaded i,
.file-delivered-wrapper_conv:hover .actions-files-uploaded i {
    opacity: 1;
}

.mp3-uploader .dz-default.dz-message {
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;
}

.mp3-uploader .dropzone.dz-clickable {
    cursor: pointer;
    min-height: 125px;
}

.mp3-uploader .dz-preview {
    min-height: 65px;
}

.actions-files-uploaded i:hover {
    color: #151b23;
}

.actions-files-uploaded {
    position: absolute;
    bottom: 0px;
    right: 5px;
    height: 27px;
    min-width: 25px;
}

span.menu-icons-dropdown {
    padding: 0 2px;
    cursor: pointer;
    opacity: 0.15;
    transition: all 0.3s ease-in-out;
    z-index: 2;
}

span.menu-icons-dropdown:hover {
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}

span.menu-icons-dropdown-questions {
    padding: 0 2px;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.my-questions:hover span.menu-icons-dropdown-questions {
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}

span.dropdown-inline-icon {
    padding-right: 6px;
    cursor: pointer;
}

.align-items-start span.dropdown-inline-icon {
    padding-right: 6px;
    line-height: 0;
    cursor: pointer;
    margin-left: -1px;
    margin-top: -1px;
}

.align-items-start span.dropdown-inline-icon.garbage-icon {
    margin-top: -6px;
}

.download-file-icon {
    display: inline-block;
}

.file-delivered-wrapper.down:hover,
.file-delivered-wrapper_conv.down:hover {
    border: 1px solid #f7f7fd;
}

.details-mp3 {
    margin-left: 50px;
    margin-top: 7px;
}

#mp3-container ul#sortable_full {
    /*    margin-top: 25px;*/
}

#mp3-container ul#sortable_full li {
    padding: 0;
}

input.invisible-input {
    width: 100%;
    border: none;
    color: #151b23;
    border-radius: 15px;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
}

.invisible-input.moderated {
    color: #ca0000;
}

.audio-block-wrapper {
    float: left;
    padding: 5px 10px;
    width: 100%;
    border: 1px solid #c1c0d44d;
    border-radius: 12px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    position: relative;
    height: 70px;
    cursor: move;
    margin: 10px 0;
}

.dark .audio-block-wrapper {
    background-color: #34343e;
    border: 1px solid #53525f;
}

.dark input.invisible-input {
    color: #fff;
}


.dark .audio-block-wrapper:hover {
    border: 1px solid #34313e;
    background-color: #34313e;
}


.audio-block-wrapper:hover .actions-files-uploaded i {
    opacity: 1
}

.audio-block-wrapper:hover .mp3-player {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.audio-block-wrapper:hover {
    border: 1px solid #f7f7fd;
    background-color: #fdfdff;
}

.ap-wrapper-profile {
    width: 100%;
    overflow: hidden;
    margin: auto;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    padding-top: 22px;
}

.player-profile {
    width: 100%;
    padding-bottom: 40px;
    position: relative;
}

.download-icon {
    position: absolute;
    left: 9px;
    top: 12px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.dark .download-icon {
    opacity: 0;
}

.player-profile .audioplayer.skin-wave .ap-controls .con-playpause .playbtn:before,
.player-profile .audioplayer.skin-wave .ap-controls .con-playpause .pausebtn:before {
    border-left: 15px solid #151b23 !important;
}

.player-profile .audioplayer.skin-wave .ap-controls .con-playpause .playbtn,
.player-profile .audioplayer.skin-wave .ap-controls .con-playpause .pausebtn {
    border: 2px solid #151b23 !important;
}

.player-profile .meta-artist {
    left: 75px;
    position: absolute;
}

.player-profile .total-time,
.player-profile .curr-time {
    top: 26px !important;
}

.player-profile .audioplayer.skin-wave .volumeicon {
    background: #151b23;
}

.player-profile .audioplayer.skin-wave .volume_active {
    background-color: #151b23;
}

.player-profile .audioplayer.skin-wave .volumeicon:before {
    border-right-color: #151b23;
}

.player-profile .ap-controls-right {
    position: absolute;
    right: 0;
    top: -20px;
}

.player-profile .audioplayer.skin-wave-mode-small .audioplayer-inner {
    height: 70px;
}

.mp3-player {
    position: absolute;
    left: 15px;
    top: 14px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.1;
    transition: all 0.3s ease-in-out;
}

.dark .mp3-player {
    opacity: 0.5;
}

.dark .play-btn,
.dark .pause-btn {
    filter: brightness(0) invert(1);
}

.dark circle.border {
    stroke: #34333e;
    stroke-width: 5px;
}

circle.border {
    stroke-width: 5px;
}

.dark .video-list-title {
    opacity: 0.8;
}

.dark .main-video {
    background-color: #2a2a31;
}

.file-received-icon {
    float: left;
    margin-right: 5px;
    margin-top: -3px;
}

.file-received-icon svg {
    border-radius: 0;
}

.deleted-file {
    background-color: #c1c0d4a8;
    position: absolute;
    right: 10px;
    bottom: 7px;
    font-size: 65%;
    line-height: 1;
    padding: 2px 5px;
    border-radius: 15px;
    color: #fff;
}

.media-content.files-received {
    padding-top: 7px;
}

.file-delivered-wrapper:hover .download-icon,
.file-delivered-wrapper_conv:hover .download-icon {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.dark .download-icon svg {
    filter: brightness(0) invert(1);
    opacity: 0.9;
}

.file-name {
    float: left;
    width: 79%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 7px;
    font-family: Jost;
    color: #151b23;
    font-size: 90%;
}

.delivery-files .file-name {
    width: calc(100% - 58px);
    position: absolute;
    padding-left: 37px;
}

.no-selector .file-name {
    width: calc(100% - 16px);
}

.file-size {
    position: absolute;
    margin-left: 7px;
    font-size: 90%;
    line-height: 1.4;
    color: #c1c0d4a8;
    font-family: Jost;
    left: 36px;
    top: 28px;
}

.file-name-mp3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 7px;
    font-family: Jost;
    color: #151b23;
    font-size: 90%;
    margin-top: -5px;
    padding-right: 40px;
}

.file-size-mp3 {
    margin-left: 8px;
    font-size: 90%;
    line-height: 1.4;
    color: #c1c0d4a8;
    font-family: Jost;
    margin-top: -2px;
}

.icon-file-ext {
    float: left;
}

.send_new_file:hover {
    background-color: #4ca83f;
    color: #fff;
}

#submit_delivery_wrapper,
#submit_add-files_conv {
    display: none;
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 13px;
    padding-top: 73px;
    color: #6a719091;
}

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, .8);
    background-color: rgba(255, 255, 255, .8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent
}

/*
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, .4);
    padding: 2px 10px;
    border-radius: 30px
}
*/

.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 110px;
    height: 65px;
    position: relative;
    display: block;
    z-index: 10
}

.dropzone .dz-preview .dz-image img {
    display: block
}

.position-relative {
    position: relative;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
    -moz-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
    -ms-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
    -o-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
    animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
    padding-top: 30px
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
    -moz-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
    -ms-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
    -o-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
    animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
    padding-top: 30px
}

.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px
}

.dropzone .dz-preview .dz-error-mark svg,
.dropzone .dz-preview .dz-success-mark svg {
    display: block;
    width: 54px;
    height: 54px
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 55%;
    margin: auto 10%;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite;
    margin: auto 10%;
}

.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 4px;
    top: 59px;
    margin-top: -8px;
    max-width: 90px;
    margin-left: -40px;
    background: #fff;
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    -webkit-box-shadow: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -ms-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block
}

.me .file-delivered-wrapper:hover .icon-file-ext,
.me .file-delivered-wrapper_conv:hover .icon-file-ext {
    opacity: 1;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto;
}

.dropzone .dz-error-message {
    margin: 0;
    position: absolute;
    color: #ca0000;
    margin-top: 46px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


.mp3-uploader.clearfix {
    position: relative;
}


#edit-mp3-title:hover,
#edit-mp3-title:focus,
#edit-mp3-title:visited {
    background-color: #151b23;
    border: none;
    color: #fff;
    display: inline-block;
    float: left;
}

.edit-mp3-titles.clearfix {
    padding-bottom: 15px;
    padding-top: 20px;
}

.artist-name-edit-mp3 {
    color: #4ca83f;
    font-size: 140%;
    padding-left: 45px;
    font-family: "artiistaLight";
    line-height: 1;
}

.song-name-edit-mp3 {
    padding-right: 10px;
    box-sizing: border-box;
    position: relative;
}

.song-name-edit-mp3:before {
    content: attr(data-before);
    position: absolute;
    top: -21px;
    padding-right: 10px;
    border-right: 3px solid #151b23;
    left: 0;
    font-size: 200%;
}

#edit-mp3-title {
    background-color: transparent;
    border: none;
    margin-left: 30px;
    padding: 2px 0 2px 13px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    box-sizing: border-box;
    width: 100%;
    color: #c1c0d4a8;
}

.song-name-submit-mp3 {
    width: auto;
    top: 73px;
    right: 30px;
    height: 36px;
    position: absolute;
}

.no-play-mp3 {
    text-align: center;
    border: 2px dashed #4ca83f;
    margin: 30px 10px;
    border-radius: 20px;
    min-height: 125px;
}

.loop-counter,
.loop-counter_videos {
    opacity: 0;
    transition: opacity 0.5s ease-out;
    position: absolute;
    font-size: 580%;
    right: 13px;
    bottom: -13px;
}

.controls-btn {
    height: 40px;
    width: 40px;
    border: 0;
    background-color: transparent;
    cursor: pointer;
}

.play-btn {
    background-image: url(../img/svg/play-btn-icon.svg);
    background-repeat: no-repeat;
}

.pause-btn {
    display: none;
    background-image: url(../img/svg/pause-btn-icon.svg);
    background-repeat: no-repeat;
}

.dropzone.dz-clickable {
    cursor: pointer;
}

.dropzone .dz-message {
    text-align: center;
    margin: 0;
}

.dropzone.dz-clickable .dz-message * {
    padding: 16px 0;
}

.dz-default.dz-message {
    padding-top: 50px;
}

.edit-job-container,
.edit-profile,
.edit-settings {
    max-width: 1350px;
}

.profile-sidebar .moderate-media-wrapper {
    bottom: 50px;
}

.documents-accepted li {
    font-family: 'Jost';
}

span.accepted-documents-check {
    margin-right: 5px;
}

.documents-accepted em {
    font-size: 90%;
}

#helper-kyc-documents-wrapper {
    display: none;
}

#include_kyc_documents .balloon-null:after {
    min-width: 200px;
}

.documents-accepted ul {
    padding: 10px 0;
}

#add-new-credit-card-modal #step3-order-validation {
    padding-top: 10px;
}

.account-standing-wrapper {
    position: absolute;
    top: 2px;
}

.account-standing-wrapper-txt {
    margin-left: 30px;
}

.bargraph {
    height: 6px;
    width: 65px;
    float: left;
    margin-right: 4px;
}

.strike-reason,
.strike-action,
.next-strike {
    color: #b5b5ca;
    font-size: 90%;
    font-style: italic;
}

.strike-reason-wrapper.strike-section {
    border-top: 3px solid #eaeaf3;
    margin-top: 5px;
    padding-top: 10px;
}

.dark .strike-reason-wrapper.strike-section {
    border-top: 3px solid #53525f;
}

.strike-reason-wrapper.strike-section.no-strikes {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

#account_frozen {
    position: relative;
    margin-top: 20px;
}

#section_restricted {
    margin: auto;
}

.account-strike-wrapper {
    border: 2px solid #eaeaf3;
    padding: 10px 20px;
    border-radius: 20px;
    margin-top: 20px;
}

.dark .account-strike-wrapper {
    border: 2px solid #53525f;
}

.bargraph.full {
    background-color: #ca0000;
}

.dark .bargraph.empty {
    background-color: #53525f;
}

span.next-action {
    text-decoration: underline;
}

.strike-action {
    padding-left: 15px;
}

.strike-manual-reason-content-wrapper {
    padding-left: 15px;
    padding-bottom: 10px;
}

.next-strike {
    text-align: center;
    border-top: 1px solid #eaeaf3;
    padding-top: 10px;
    margin-top: 5px;
}

.dark .next-strike {
    border-top: 1px solid #53525f;
}


.bargraph.empty {
    background-color: #eaeaf3;
}

.strike-bargraph-wrapper {
    border-radius: 12px;
    padding-top: 10px;
    padding-bottom: 20px;
}

#create-billing-user-company,
#create-billing-user-individual {
    display: none;
}

.kyc_documents_wrapper {
    border-radius: 20px;
    background-color: #fdfdff8a;
    margin: 25px 0;
    border: 1px solid #f7f7fd;
    padding: 10px 25px;
    position: relative;
    height: 81px;
}

.dark .kyc_documents_wrapper {
    background-color: #34343e;
    border: 1px solid #53525f;
}

.kyc-verif .bootstrap-select > .dropdown-toggle {
    font-size: 90%;
}

.dark .right-sidebar-wrapper.pd-20.kyc-verif {
    background-color: #232327;
}

.right-sidebar-wrapper.pd-20.kyc-verif {
    background-color: #f7f7fd;
}

.kyc-icons-wrapper {
    border: 2px solid #ebedf5;
    border-radius: 6px;
    width: 60px;
    height: 36px;
    text-align: center;
    padding: 0;
    cursor: pointer;
    padding-top: 3px;
}

.dark .kyc-icons-wrapper {
    border: 2px solid #2a2a31;
}

.kyc-verif .kyc-title {
    position: absolute;
    top: 24px;
    left: 93px;
    font-family: 'Jost';
}


.upload-kyc .slim-label {
    color: #fff;
}

#error-kyc {
    display: none;
    background-color: #ca0000;
    border-radius: 12px;
    color: #fff;
    font-size: 90%;
    padding: 5px;
    margin: 15px 5px 0px 5px;
}

#processing_kyc {
    font-family: Zilla Slab;
    font-size: 85%;
    color: #bebcd0;
    text-align: center;
}

.kyc_documents_type_wrapper {
    float: left;
}

.kyc_documents_date_wrapper,
.kyc_documents_type_wrapper_add {
    float: left;
    margin-left: 30px;
}

.kyc_documents_creation_date {
    font-size: 85%;
    opacity: 0.7;
    margin-top: 3px;
}

.kyc_documents_status {
    position: absolute;
    right: 20px;
    top: 20px;
}

h6.concepts-list {
    text-align: center;
    font-size: 95%;
    opacity: 0.7;
}

.bank_account_documents_action {
    position: absolute;
    right: 80px;
    top: 18px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.bank_account_documents_action .btn.btn-outline-secondary {
    height: 40px;
    margin-top: 2px;
}

a.add_bank_account {
    text-align: center;
    font-family: Jost;
    color: #c1c0d4a8;
    font-size: 90%;
}

#withdrawn-earnings-btn,
#withdrawn-earnings-btn-confirm {
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
}

.amount_to_transfer {
    font-family: Jost;
}

#withdraw_confirm_general_wrapper {
    position: relative;
    padding-top: 20px;
}

small.transfer-to-account-timeline:before {
    content: "";
    border-right: 1px solid #4ca83f;
    z-index: 0;
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0.71429em;
    left: 50%;
    opacity: 0.6;
    height: 21px;
}

small.transfer-to-account-timeline:after {
    content: "";
    border-right: 1px solid #4ca83f;
    z-index: 0;
    display: block;
    position: absolute;
    top: 76px;
    bottom: 0.71429em;
    left: 50%;
    opacity: 0.6;
    height: 30px;
}

.to-account-wrapper {
    margin-top: 39px;
    padding-top: 10px;
    border-top: 2px solid #f7f7fd;
}

.dark .to-account-wrapper {
    border-top: 2px solid #4ca83f;
}

#account_number,
#account_owner {
    font-family: Jost;
}

.withdraw-steps {
    background-color: #4ca83f;
    color: #fff;
    font-family: Jost;
    padding: 4px 8px;
    line-height: 1.2;
    font-size: 80%;
    border-radius: 20px;
    display: inline-block;
    margin-top: 20px;
}

.currency_to_withdraw {
    margin-top: 10px;
    margin-bottom: 5px;
}

.select-account {
    width: 100%;
    display: block;
    margin-top: 15px;
}

.country-account .country {
    margin-left: 5px;
}

.amount_to_withdraw {
    margin-top: 10px;
    margin-bottom: 5px;
}

.amount_to_withdraw_wrapper.hidden,
.currency_to_withdraw_wrapper {
    position: relative;
}

.withdraw-steps:before {
    content: "";
    border-right: 1px solid #4ca83f;
    z-index: 0;
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0.71429em;
    left: 50%;
    opacity: 0.6;
    height: 21px;
}


.withdraw-steps:after {
    content: "";
    border-right: 1px solid #4ca83f;
    z-index: 0;
    display: block;
    position: absolute;
    top: 42px;
    bottom: 0.71429em;
    left: 50%;
    opacity: 0.6;
    height: 10px;
}

.display-none {
    display: none;
}

.kyc_documents_wrapper:hover .bank_account_documents_action {
    opacity: 1;
}

.upload-kyc .slim-label p {
    color: #c1c0d4;
}

.credit-card-logo-small-settings {
    background-color: #151b23;
    float: left;
    padding: 5px 10px;
    line-height: 0;
    border-radius: 12px;
    margin-top: 10px;
}

#no-credit-card-logo-small-settings {
    background-color: #fff;
    border: 2px dashed #e3ebf7;
    height: 40px;
    width: 60px;
}

.dark #no-credit-card-logo-small-settings {
    background-color: transparent;
    border: 2px dashed #53525f;
}

.admin-user {
    background-color: #4ca83f;
    color: #fff;
    border-radius: 6px;
    font-family: Jost;
    line-height: 1;
    padding: 1px 5px;
    position: absolute;
    top: 63px;
    font-size: 90%;
    left: 16px;
}

.admin-user-inline {
    background-color: #4ca83f;
    color: #fff;
    border-radius: 6px;
    font-family: Jost;
    line-height: 1;
    padding: 1px 5px;
    display: inline-block;
    top: 63px;
    font-size: 90%;
    left: 16px;
}

#billing-module {
    margin-top: 10px;
}

.upload-kyc .slim-file-hopper {
    border-radius: 20px !important;
}

#kyc-information h6 {
    padding-top: 20px;
}

.kyc_documents_type {
    font-family: Jost;
}

#upload-wrapper,
.upload-kyc {
    display: none;
}


.upload-kyc-confirm {
    text-align: center;
    font-family: Jost;
    color: #c1c0d4;
    padding-top: 15px;
    padding-bottom: 5px;
}


#submit_us_banks_accounts,
#submit_ca_banks_accounts,
#submit_gb_banks_accounts {
    display: none;
}


form.hidden {
    display: none;
}

#pro_intracom-wrapper {
    display: none;
}

#auto-generate-invoicing-selector {
    border-top: 4px solid #f7f7fd;
    padding-top: 20px;
    margin-top: 40px;
    padding-bottom: 30px;
}

.dark #auto-generate-invoicing-selector {
    border-top: 4px solid #393844;
}

.pro-franchise-system-wrapper .checkbox-list__item {
    border-bottom: none;
    font-size: 90%;
}

.pro-franchise-system-wrapper label {
    padding-top: 0;
}

#help-feature {
    padding: 25px 15px;
}

#discover-features {
    font-size: 100%;
    letter-spacing: 0;
    text-align: center;
    line-height: 1.35;
}

.icon-title-top-help-feature,
.txt-title-top-help-feature {
    text-align: center;
}

#profile-page #picture-img {
    text-align: center;
}

.tips-helper .content {
    display: none;
    padding: 20px 0;
    font-size: 90%;
    color: #aaa;
}

.txt-title-top-help-feature {
    border-bottom: 1px solid #4ca83f;
    margin-bottom: 20px;
}

.icon-helper {
    float: left;
    padding-right: 10px;
    padding-top: 4px;
}

.tips-helper .feat-options {
    cursor: pointer;
}

.feat-options {
    padding: 8px 0px;
}

.tips-helper .feat-options {
    cursor: pointer;
}

.home-link {
    width: 25px;
    height: 25px;
    background: no-repeat url(/images/svg/home-icon-menu-left-inactive.svg);
}

.earnings-icon-menu {
    width: 25px;
    height: 25px;
    background: no-repeat url(/images/svg/budget-menu-icon-left-inactive.svg);
}

.conversations-link {
    width: 25px;
    height: 25px;
    background: no-repeat url(/images/svg/conversations-icon-menu-left-inactive.svg);
}

.notifications-link {
    width: 25px;
    height: 25px;
    background: no-repeat url(/images/svg/bell-menu-left-icon-inactive.svg);
}

.menu-nav-bar {
    text-align: center;
}

#dashboard-container-inbox,
#dashboard-container {
    max-width: 1500px;
}

#onboarding-container {
    max-width: 800px;
}

#freelancers-container,
#categories-container {
    padding-top: 80px;
}

#categories-container .widget-content.row {
    padding-left: 0px;
}

#dashboard-container,
#onboarding-container,
#dashboard-container-settings {
    padding-top: 140px;
    padding-bottom: 80px;
}

section.my-profile {
    overflow: hidden;
}

#dashboard-container-settings {
    max-width: 1520px;
}

.mangopay_error {
    display: inline-block;
    background-color: #ca00009c;
    color: #fff;
    padding: 3px 15px;
    top: 0;
    position: absolute;
    right: 40px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.my-profile .central-col {
    padding: 0px 80px 10px 0px;
}

.central-col {
    padding: 0px 40px 10px 40px;
}

.timeline-page .central-col,
#inbox_page .central-col {
    margin-bottom: 0px;
}

#left-sidebar,
#right-sidebar {
    background-color: #fff;
}

.dark #left-sidebar,
.dark #right-sidebar {
    background-color: #2a2a31;
}

.vacation-mode-active {
    background-color: #fa0;
    color: #fff;
    margin-bottom: 10px;
    font-family: Jost;
    margin-left: -10px;
    margin-right: -10px;
}

.vacation-mode-active-sidebar-mobile {
    background-color: #fa0;
    font-size: 85%;
    color: #fff;
    position: absolute;
    border-radius: 10px;
    bottom: 20px;
    font-family: Jost;
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap;
    padding: 0px 10px;
}

.opener-sidebar-inside {
    height: 77px;
    width: 77px;
    position: absolute;
    z-index: 1;
}

.my-profile #left-sidebar {
    background-color: transparent;
}

#user-picture-profile-modal {
    display: none;
}

#left-sidebar {
    padding: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    float: left;
    width: 250px;
}

#right-sidebar {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 40px;
}

#my-orders-graph-wrapper {
    margin-bottom: 35px;
    margin-top: 15px;
    position: relative;
}

#pick-date {
    width: 240px;
    text-align: center;
    padding-left: 0;
}

.my-sales-artiista {
    cursor: pointer;
}

.my-orders .col-sm-4.dash-stats.gradient {
    margin-right: 0 !important;
}

.my-orders .col-sm-25.dash-stats:first-child {
    margin-left: 0 !important;
}

.my-orders .col-sm-4.dash-stats.gradient {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 34%;
    flex: 1 0 34%;
    max-width: 34%;
    margin: 0 1%;
}

.widget-list {
    width: 100%;
}

#left-sidebar .container-uploader {
    margin: 40px auto 10px auto;
}

.menu-nav-bar-wrapper .vacation-mode-active-icon {
    text-align: left;
    margin-left: 6px;
}

.invoicing-selectors {
    width: 70%;
    text-align: center;
    margin: auto;
}

.container-uploader .userimage svg {
    border: 1px solid #ededf7;
}

.menu-items-content {
    margin-left: 15px;
    font-size: 90%;
    font-family: Jost;
    float: left;
    margin-top: 0px;
    color: #151b23;
    letter-spacing: 0.5px;
    transition: background-color 0.3s ease-in-out;
    text-transform: uppercase;
    font-weight: 700;
}

.menu-items-nav-bar svg {
    float: left;
}

.widget-icon {
    position: absolute;
}

.widget-icon {
    margin-left: 10px;
}

.widget-content.row {
    padding-left: 55px;
}

.right-sidebar-wrapper {
    background-color: #f7f7fd;
    padding: 20px 10px;
    border-radius: 15px;
    margin-bottom: 25px;
}

.right-sidebar-concept {
    font-family: Jost;
    text-align: left;
}

.right-sidebar-concept-title {
    white-space: nowrap;
}

.right-sidebar-concept-exp {
    font-family: Zilla Slab;
    font-size: 80%;
    color: #bebcd0;
    line-height: 1;
    white-space: nowrap;
}

.right-sidebar-value {
    font-family: Jost;
    font-size: 150%;
    text-align: right;
}

.menu-items-nav-bar {
    padding: 15px 0px 15px 20px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    height: 50px;
    border-left: 3px solid #1e202800;
    transition: all 0.5s ease;
}

.menu-items-nav-bar:hover .icons-menu-dashboard svg {
    fill: #808285;
}

.menu-items-nav-bar .icons-menu-dashboard svg {
    transition: all 0.5s ease;
}

.dark .menu-items-nav-bar {
    filter: sepia(85%) hue-rotate(190deg) saturate(85%);
}

.dark .menu-items-nav-bar:hover, .dark .menu-items-nav-bar.active {
    background-color: #34343e;
    transition: background-color 0.3s ease-in-out
}

.menu-items-nav-bar:hover, 
.menu-items-nav-bar.active {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    background-color: #fff;
    border-radius: 0px;
}

.profile-sidebar .menu-items-nav-bar:hover,
.profile-sidebar .menu-items-nav-bar.active {
    border-left: 3px solid #1e2028;
}

.menu-items-nav-bar:hover .menu-items-content,
.menu-items-nav-bar.active .menu-items-content {
    color: #808285;
}

.dropdown .menu-items-nav-bar {
    padding: 15px 0px 15px 20px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: sepia(100%) hue-rotate(190deg) saturate(100%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    transition: all 0.3s ease-in-out;
    height: 54px;
}

.dark .dropdown .menu-items-nav-bar {
    filter: sepia(85%) hue-rotate(190deg) saturate(85%);
}


.dropdown .menu-items-nav-bar:hover,
.dropdown .menu-items-nav-bar.active {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
}


.menu-icons-wrapper {
    padding: 13px;
    border-bottom: 1px solid #c1c0d4a8;
}

.menu-icons-wrapper.last {
    border-bottom: none;
}

.headertop-menu {
    padding-left: 50px;
}

.headertop-menu-left {
    background-color: #fff;
    width: 50px;
    height: auto;
    position: relative;
    float: left;
    text-align: center;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topbottom: 6px;
    border-bottom-left-radius: 6px;
    -webkit-box-shadow: 1px 1px 10px -1px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 1px 1px 10px -1px rgba(0, 0, 0, 0.16);
    box-shadow: 1px 1px 10px -1px rgba(0, 0, 0, 0.16);
    border-bottom-right-radius: 20px;
}


.single-element {
    line-height: 16px;
    padding-left: 22px;
    font-size: 90%;
}

.sidebar-nav ul.list-unstyled {
    padding-bottom: 15px;
}

li#seller,
li#buyer {
    border-top: 4px solid #f7f7fd;
}

.job-no-profile-picture svg {
    border-radius: 50%;
}

a.profile-pics.col-md-3.col-6 {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.profile-pics-wrapper .grid-of-images {
    margin-left: -10px;
    margin-right: -10px;
}

li#buyer {
    margin-top: 20px;
}

.userimage img {
    border-radius: 80px;
    height: 100%;
    width: 100%;
}

.dark .helper-mobile {
    filter: brightness(0) invert(1);
}

.confirmation-modal.modal.fade.show {
    z-index: 11111;
}

.img-dashed-inside {
    border: 1px dashed #d7e0ec;
    margin: 5px;
    border-radius: 12px;
    padding-top: 50.25%;
    box-sizing: border-box;
    position: relative;
}

#job-pictures .img-dashed-inside {
    padding-top: calc( 50.25% + 6px);
}

.img-dashed-inside-video {
    border: 1px dashed #d7e0ec;
    margin: 0px;
    border-radius: 12px;
    padding-top: calc(56.25% + 3px);
    box-sizing: border-box;
    position: relative;
}

.dark .img-dashed-inside-video,
.dark .img-dashed-inside {
    border: 1px dashed #4b4e61;
}

.general-picture-top {
    position: relative;
}

ul#sortable_full li,
ul#job_pictures li {
    position: relative;
}

#job_pictures li.content-uploader.col-md-4,
#job_pictures .img-dashed-container.col-md-4 {
    padding: 0;
}

.img-job-wrapper img {
    min-width: 100%;
    height: auto;
}

#sortable_full,
#job_pictures {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.max-chars-top {
    color: #fff;
    text-align: center;
}

.job_description,
.job_instructions {
    min-height: 250px;
}

.job_description-short {
    min-height: 120px;
}

.check-accents-wrapper label {
    margin-right: 10px;
}

.check-accents-wrapper.checkbox.checkbox-color-scheme {
    padding: 0;
}

.steps-register {
    cursor: default;
}

#credit-card-wrapper label {
    color: #fff !important;
    opacity: 1;
    font-family: Jost;
    font-size: 80%;
}

#credit-card-wrapper .form-control:focus {
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
    outline: none;
}

#credit-card-chip {
    top: 40px;
    left: 30px;
    position: absolute;
}

#credit-card-wrapper input {
    caret-color: #fff;
    color: #fff;
    font-family: Jost;
}

#credit-card-wrapper .form-material .form-group.input-focused label,
#credit-card-wrapper .form-material .form-group.input-has-value label {
    font-size: 50% !important;
    margin-top: 6px;
}

#credit-card-wrapper .credit-card-number input {
    font-size: 140%;
    height: 48px;
}

div#card-holder {
    text-transform: uppercase;
    color: #fff;
    font-size: 50%;
    font-family: artiistabold;
}

#card-holder-name {
    color: #fff;
    font-size: 100%;
    font-family: artiistabold;
    overflow: hidden;
    width: 186px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#card-holder-wrapper {
    float: left;
}

#card-expires-wrapper {
    float: right;
}

#card-cvc-wrapper {
    float: right;
    width: 37px;
    margin-top: 10px;
    right: 30px;
}

#card-expires-wrapper {
    float: right;
    width: 46px;
}

.credit-card-logo-small {
    position: absolute;
    top: 23px;
    right: 30px;
    transition: all 0.3s ease-in-out;
}

.delivery-order {
    font-size: 90%;
    opacity: 0.5;
}

#credit-card-general {
    width: 320px;
    height: 200px;
    margin: auto;
}

div#cardExpirationDatePreview {
    color: #fff;
    font-family: Jost;
    margin-top: 10px;
}

#visa-card-logo-big {
    position: absolute;
    top: 100px;
    right: -30px;
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%);
    transition: all 0.3s ease-in-out;
}

.select_cards_wrapper #visa-card-logo-big {
    top: 40px;
    right: -30px;
    opacity: 0.04;
}

#mastercard-card-logo-big,
#maestro-card-logo-big {
    position: absolute;
    top: 100px;
    right: -30px;
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%);
    transition: all 0.3s ease-in-out;
}

#amex-card-logo-big {
    position: absolute;
    top: 3px;
    right: -60px;
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%);
    transition: all 0.3s ease-in-out;
}


.credit-card-cvv label {
    text-align: right;
}

#pay-button,
#pay-button-direct {
    background-color: #1d1d1d;
    height: 120px;
    margin: auto;
    border-radius: 50%;
    background: #f7f7fd;
    background: -moz-linear-gradient(135deg, #f7f7fd 0%, #f7f7fd 88%);
    background: -webkit-linear-gradient(135deg, #f7f7fd 0%, #f7f7fd 88%);
    background: linear-gradient(135deg, #f7f7fd 0%, #f7f7fd 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7fd', endColorstr='#f7f7fd', GradientType=1);
    -webkit-box-shadow: none;
    text-align: center;
    width: 120px;
    position: absolute;
    border: 9px solid #f7f7fd;
    transition: all 0.3s ease-in-out;
}

#pay-button.active,
#pay-button-direct.active {
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    cursor: pointer;
}

#pay-button svg,
#pay-button-direct svg {
    margin-top: 15px;
}

#card-details-wrapper {
    max-width: 345px;
    margin: auto;
}

#card-details-wrapper button.btn.dropdown-toggle.btn-default {
    border: 2px solid #e8e8ee;
    height: 43px;
}

label.label-credit-card {
    margin: auto;
    text-transform: uppercase;
    font-family: Jost;
    font-size: 90%;
    padding-bottom: 10px;
}

form#paymentForm {
    border: 4px solid #f7f7fd;
    border-radius: 20px;
    width: 470px;
    padding-top: 30px;
    margin: auto;
}


#step3-order-validation,
#confirmation-message-single-3d-secure {
    padding: 10px 0;
    text-align: center;
}

#step3-order-validation #loader-modal-processing-modal,
#step3-order-validation #action-completed-processing-modal,
#step3-order-validation #action-error-processing-modal {
    left: calc(50% - 17px);
    top: 0px;
}

#first-order-client #step3-order-validation #loader-modal-processing-modal,
#first-order-client #step3-order-validation #action-completed-processing-modal,
#first-order-client #step3-order-validation #action-error-processing-modal {
    left: calc(50% - 17px);
    top: 55px;
}

#confirmation-message-single-3d-secure #action-completed-processing-modal,
#confirmation-message-single-3d-secure #loader-modal-processing-modal,
#confirmation-message-single-3d-secure #action-error-processing-modal {
    left: calc(50% - 17px);
    top: 50px;
}


#step3-order-validation #loader-modal-processing-txt-modal {
    margin-left: 0;
    margin-top: 45px;
}

#confirmation-message-single-3d-secure #loader-modal-processing-txt-modal {
    margin-left: 0;
}


.seller_type {
    color: #fff;
    line-height: 1;
    border-radius: 50px;
    display: inline-block;
    padding: 3px 8px;
    font-size: 80%;
}

.seller_type.ind {
    background-color: #c1c0d4a8;
}

.seller_type.pro {
    background-color: #ffaa00;
}

#pay-now {
    color: #fff;
    font-family: Jost;
    margin-top: -3px;
}

.show_card_details {
    margin-left: 76px;
    line-height: 1.4;
}

.show_card_alias {
    font-family: Jost;
    letter-spacing: 1px;
    margin-top: 7px;
    margin-bottom: 6px;
    font-size: 94%;
}

.show_card_expires {
    font-family: Zilla Slab;
    font-size: 75%;
    opacity: 0;
}

.card_hide_char {
    border-radius: 20px;
    background-color: #151b23;
    height: 8px;
    width: 8px;
    margin-right: 3px;
    margin-left: 3px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

.card_hide_char:first-child {
    margin-left: 4px;
}

.card_hide_char:last-child {
    margin-right: 6px;
}


.list_credit_cards_wrapper {
    border-left: 2px solid #f7f7fd;
    border-top: 2px solid #f7f7fd;
    border-right: 2px solid #f7f7fd;
    padding: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    position: relative;
    margin-top: 20px;
    opacity: 0.7;
    width: 338px;
    margin: auto;
}

.credit_card_currency {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 1px 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    opacity: 0.4;
    font-size: 90%;
    font-family: Jost;
    background-color: #fff;
    color: #3a4667;
    line-height: 1.4;
}

.select_cards_wrapper .radiobox {
    padding: 0;
    margin: auto;
    line-height: 0;
}

.list_credit_cards_wrapper.selected,
.list_credit_cards_wrapper:hover {
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    opacity: 1;
    background: #3a4667;
    background: -moz-linear-gradient(135deg, #55555d 0%, #1f2125 88%);
    background: -webkit-linear-gradient(135deg, #55555d 0%, #1f2125 88%);
    background: linear-gradient(135deg, #55555d 0%, #1f2125 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a4667', endColorstr='#5a5d5f', GradientType=1);
    -webkit-box-shadow: none;
    color: #fff;
    height: 107px !important;
    width: 344px;
}


.list_credit_cards_wrapper.selected .show_card_expires,
.list_credit_cards_wrapper:hover .show_card_expires {
    opacity: 1;
}


.list_credit_cards_wrapper.selected,
.list_credit_cards_wrapper:hover {
    margin-top: -43px !important;
}

.list_credit_cards_wrapper:hover .card_hide_char,
.list_credit_cards_wrapper.selected .card_hide_char {
    background-color: #fff;
}

.list_credit_cards_wrapper:hover .btn,
.list_credit_cards_wrapper.selected .btn {
    color: #fff;
}

.list_credit_cards_wrapper:hover .show-credit-card-logo-small,
.list_credit_cards_wrapper.selected .show-credit-card-logo-small {
    filter: brightness(0) invert(1);
}

.show_remove_card.btn.btn-outline-secondary {
    padding: 6px 15px;
}

.show_remove_card {
    float: right;
}

.inactive {
    pointer-events: none;
}

.show_card_logo {
    position: absolute;
    top: 15px;
    left: 20px;
}

div#pay-btn-container {
    position: relative;
    height: 140px;
    width: 140px;
    text-align: center;
    padding: 0;
    margin-left: calc(50% - 56.5px);
}

#diners-club-card-logo-big {
    position: absolute;
    top: 89px;
    right: -230px;
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%);
    transition: all 0.3s ease-in-out;
}

.show_remove_card_select {
    top: 56px;
    right: 20px;
    position: absolute;
    z-index: 2;
}

.select-credit-card-icon {
    float: right;
    margin-right: 10px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.selected .select-credit-card-icon {
    opacity: 1;
}

.add-new-card {
    margin: auto;
    font-size: 80%;
    margin-top: 30px;
    color: #b1b0c3;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    text-align: center;
}

.select_cards_wrapper label {
    border-bottom: 2px solid #cdcdda75;
    padding: 20px 38px 0 38px;
}

.add-new-card:hover {
    color: #151b23;
}

.list_credit_cards_wrapper:hover .select-credit-card-icon {
    opacity: 1;
}

.select_cards_wrapper .list_credit_cards_wrapper {
    margin-top: 0;
    height: 64px;
    overflow: hidden;
    background-color: #fff;
}

.select_cards_wrapper {
    margin: auto;
}

.credit-card-logo-small,
.credit-card-logo-big {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

#credit-card-wrapper .form-group.no-gutters.credit-card-number {
    margin-top: 65px;
    margin-bottom: 5px;
}


#credit-card-wrapper .form-material .form-group {
    text-transform: uppercase !important;
    margin-bottom: 0;
}


.form-group.no-gutters.input-has-value input {
    background-image: none;
}

#form_submit_signup .form-group.no-gutters.input-has-value input {
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff);
    background-size: 0 2px, 100% 2px !important;
}

#video-signup-modal .videoWrapper:before {
    display: none;
}


#form_submit_signup .form-material .form-control:focus,
#form_submit_signup .form-material .form-control {
    background-size: 100% 2px, 100% 2px !important;
}

#form_submit_signup .form-material .form-control:focus {
    background-size: 100% 2px, 100% 2px !important;
}

#form_submit_signup span.filter-option.pull-left {
    color: #c1c0d4a8;
}

.dark input#cardNumberForm,
.dark input#cardExpirationDateForm,
.dark input#cardCvxForm {
    border: 2px solid #34333e;
    height: 44px;
}

.dark #card-details-wrapper button.btn.dropdown-toggle.btn-default {
    border: 2px solid #34333e;
    height: 43px;
}

input#cardExpires,
input#cardCvx {
    margin-top: 5px;
}

input#cardNumberForm,
input#cardExpirationDateForm,
input#cardCvxForm {
    text-align: center;
    border: 2px solid #e8e8ee;
}

input#cardNumberForm:focus,
input#cardExpirationDateForm:focus,
input#cardCvxForm:focus {
    border: 2px solid #4ca83f !important;
}

#flip-card {
    text-align: center;
    margin-top: 20px;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    cursor: pointer;
    position: absolute;
    background-color: #fff;
    top: 0;
    z-index: 2;
    right: -19px;
    border-radius: 50px;
    height: 40px;
    width: 40px;
    padding-top: 8px;
    border: 2px solid #5c6577;
}

.dark #flip-card {
    background-color: #fff;
}

#flip-card:hover {
    opacity: 1;
}

#credit-card-wrapper {
    background: #292b31;
    background: -moz-linear-gradient(135deg, #55555d 0%, #1f2125 88%);
    background: -webkit-linear-gradient(135deg, #55555d 0%, #1f2125 88%);
    background: linear-gradient(135deg, #55555d 0%, #1f2125 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    -webkit-box-shadow: none;
    border-radius: 12px;
    width: 350px;
    padding: 30px 30px 14px 30px;
    margin: auto;
    -webkit-box-shadow: 0px 10px 26px 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 10px 26px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 10px 26px 6px rgba(0, 0, 0, 0.25);
    position: relative;
    height: 220px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid transparent;
    background-origin: padding-box, border-box;
}

.dark #credit-card-wrapper {
    background: -moz-linear-gradient(135deg, #b1b1c1 0%, #292b31 88%);
    background: -webkit-linear-gradient(135deg, #b1b1c1 0%, #292b31 88%);
    background: linear-gradient(135deg, #b1b1c1 0%, #292b31 88%);
}

#credit-card-wrapper-back {
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #55555d 0%, #1f2125 88%);
    background: -webkit-linear-gradient(135deg, #55555d 0%, #1f2125 88%);
    background: linear-gradient(135deg, #55555d 0%, #1f2125 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    -webkit-box-shadow: none;
    border-radius: 12px;
    width: 350px;
    padding: 30px 0px 14px 0px;
    margin: auto;
    -webkit-box-shadow: 0px 10px 26px 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 10px 26px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 10px 26px 6px rgba(0, 0, 0, 0.25);
    position: relative;
    height: 220px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid transparent;
    background-origin: padding-box, border-box;
}

#magnetic-band-card {
    background-color: #000000;
    height: 46px;
    margin-left: -40px;
    margin-right: -40px;
    margin-top: 10px;
    margin-bottom: 40px;
}

#credit-card-wrapper .form-material .form-group {
    text-transform: uppercase !important;
}

#card-cvc-wrapper label {
    color: #fff;
}

input#cardCvx {
    color: #fff;
    font-family: Jost;
}

.dark input#cardCvx {
    background-color: transparent !important;
}

.activity-icon.inactive {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: sepia(100%) hue-rotate(190deg) saturate(100%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    opacity: 0.4;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.dark .activity-icon.inactive {
    opacity: 0.1;
}


.activity-icon.inactive:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.dark .activity-icon.inactive:hover {
    filter: brightness(0) invert(1);
}

.select-accents-wrapper {
    display: none;
    padding-left: 40px;
}

.check-accents-wrapper {
    width: 50%;
    float: left;
}

.card li {
    color: #151b23;
}

#checkAccents {
    border-left: 4px solid #f7f7fd;
    box-sizing: border-box;
    padding: 15px 0 0px 15px !important;
    margin-bottom: 20px;
}

.dark #checkAccents {
    border-left: 4px solid #34343e;
}


/********************************
 *********************************
SLICK SLIDER
 *********************************
 *********************************/

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%;
}

.video-helper .videoWrapper {
    margin-bottom: 15px;
}

.video-helper h5 {
    text-align: center;
    padding-bottom: 20px;
    font-weight: initial;
}

.videoWrapper iframe {
    background-color: transparent;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}

.modal-body .videoWrapper iframe {
    border-radius: 20px !important;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slider-for.slick-initialized.slick-slider {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.slider-for,
.slider-nav {
    display: none;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0 !important;
    cursor: ew-resize;
}

#microjobs-actions,
#slider-media-actions,
#actions-options,
#actions-extras,
#dropdown-mp3-element,
#actions-users,
#actions-microjobs,
#dropdown-pictures-element {
    position: absolute;
    transform: translate3d(0px, 18px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
}

.dropdown-card-profile .list-unstyled.card-body {
    padding: 10px;
    margin-bottom: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    height: 100%;
}

#job-slider .slick-track {
    padding-top: 0px;
}

.slick-track {
    min-width: 729px;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slider-nav .slick-slide img {
    display: block;
    border-radius: 13px;
}


.dark-overlay-slider {
    background-color: #000;
    border-radius: 14px;
    margin-bottom: 5px;
}

.dark-overlay-slider {
    background-color: #000;
    border-radius: 12px;
    margin-bottom: 5px;
    position: absolute;
    height: calc( 100% - 18px );
    width: calc( 100% - 10px );
    z-index: 1;
    margin: 5px;
    top: 5px;
    left: 0;
    opacity: 0.4;
    transition: opacity 0.3s ease-in-out;
}

.dark-overlay-slider:hover,
.slider-nav .carouselItem.slick-slide.slick-current .dark-overlay-slider {
    opacity: 0;
}


.slider-nav .carouselImage {
    padding: 10px 5px 8px 5px;
}


.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
    -webkit-perspective: 1000;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/********************************
 *********************************
S3 UPLOADER
 *********************************
 *********************************/

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}


.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}

.progressBarElement {
    height: 60px;
    overflow: hidden;
    background-color: #f7f7fd;
    border-radius: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    width: 100%;
}

.dark .progressBarElement {
    background-color: #34343e;
    border: 1px solid #53525f;
}

.progressBarElement svg {
    max-height: 3px;
    width: calc(100% - 24px);
}

.progress-wrapper {
    position: relative;
}

.upload-icon-process-wrapper {
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 1;
}

form#profile-image {
    height: 130px;
    border: 1px dashed #4ca83f;
    display: inline-block;
    width: 100%;
    border-radius: 20px;
}


#desktop-header-simul,
#mobile-header-simul {
    position: relative;
}

#desktop-header-simul-screen {
    width: 230px;
    height: 84px;
    position: absolute;
    left: 61px;
    top: 7px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

#mobile-header-simul-screen {
    width: 77px;
    height: 160px;
    position: absolute;
    left: 34px;
    top: 5px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 6px;
    z-index: -1;
    overflow: hidden;
}

#desktop-header-simul,
#mobile-header-simul {
    position: relative;
    float: left;
    padding: 0 30px;
}

.upload-banner-redim-wrapper-inside {
    display: inline-block;
    width: 500px;
}

.upload-banner-redim-wrapper-inside .btn {
    margin-top: 20px;
}

.upload-banner-redim-wrapper {
    text-align: center;
    margin-top: 30px;
}

.upload-banner-redim-wrapper-inside .slim.picture-banner-big {
    border-radius: 0px !important;
    margin-top: 0px !important;
}

.upload-banner-redim-wrapper-inside .slim-label {
    display: none !important;
}

.upload-banner-redim-wrapper-inside .slim .slim-btn-group {
    display: none !important;
}

.upload-banner-redim-wrapper-inside .slim .slim-area .slim-result {
    margin: 0 !important;
}

.header-picture .dz-remove {
    display: none;
}

.upload-banner-redim-wrapper-inside .slim.picture-banner-big {
    height: 100% !important
}

.upload-banner-redim-wrapper-inside .slim-result img {
    border-radius: 0px !important;
}

.file-name-uploading {
    font-family: Jost;
    font-size: 90%;
    text-align: left;
    margin-top: 12px;
    line-height: 1.3;
    max-width: 78%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#files {
    display: inline;
}


.progress-clock {
    padding-top: 10px;
    margin: 3px;
}

.progress-clock svg path {
    transition: stroke 1.5s ease;
}

.progress-clock p.progressbar-text {
    transition: color 1.5s ease;
}

.progress-clock.canceled svg path,
.progress-clock.canceled p.progressbar-text {
    stroke: #ca0000;
    color: #ca0000;
}

.progress-clock.completed svg path,
.progress-clock.completed p.progressbar-text {
    stroke: #4ca83f;
    color: #4ca83f;
}

.progress-clock.error svg path,
.progress-clock.error p.progressbar-text {
    stroke: #ca0000;
    color: #ca0000;
}

.progress-clock.warning svg path,
.progress-clock.warning p.progressbar-text {
    stroke: #fa0;
    color: #fa0;

}

.progress-clock.pausing svg path,
.progress-clock.pausing p.progressbar-text {
    stroke: #fa0;
    color: #fa0;

}

.progress-clock.paused svg path,
.progress-clock.paused p.progressbar-text {
    stroke: #fa0;
    color: #fa0;

}

.progressbar-text {
    position: absolute;
    font-family: Jost;
    font-size: 180%;
    right: 45px;
    line-height: 1.3;
    padding-top: 9px;
    color: #9c9cad3b;
}

.dark .progressbar-text {
    color: #6e6c7bad;
}

.file-upload-data-preview {
    position: absolute;
    margin-left: 15px;
    margin-top: 10px;
    z-index: 1;
}

.icon-wrapper-upload {
    position: absolute;
}

#include_error_player {
    margin-top: 10px;
}

.total-size {
    display: none;
}

.upload-icon-process {
    line-height: 1;
    margin-top: 10px;
}

.progress-number {
    font-size: 80%;
    color: #9c9cadd9;
    text-align: left;
    line-height: 1.4;
}

.icon-wrapper-upload.hidden-icon-upload {
    display: none;
}

.upload-icon-process-wrapper:hover .icon-wrapper-upload.hidden-icon-upload {
    display: block;
}

.upload-icon-process-wrapper:hover .icon-wrapper-upload.visible-icon-upload {
    display: none;
}

.icon-wrapper-upload {
    right: 0px;
    cursor: pointer;
}

.file-upload-data-wrapper {
    position: absolute;
    padding-left: 50px;
    width: 100%;
    z-index: 1;
}


.progress-bar {
    position: absolute;
    width: 0;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #f7f7fd;
    height: 60px;
    border-radius: 12px;
}


#uploadForm.is-dragover {
    background-color: #F7F7F7;
}

/* Fixes for IE < 8 */

@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}

#result {
    border: 1px solid gray;
    margin: 5px;
    padding: 10px;
}

/********************************
 *********************************
EDIT PROFILE
 *********************************
 *********************************/


.moderate-media-wrapper {
    position: relative;
}

.moderate-media-wrapper-header {
    position: absolute;
    margin-top: 130px;
    margin-left: 20px;
    z-index: 4;
}

.moderate-media-wrapper .moderated-media,
.moderate-media-wrapper .unpublished-media {
    position: relative;
    bottom: 20px;
}

#player {
    width: 100%;
/*    height: calc( 100% / ( 16 / 9 ) );*/
    text-align: center;
    font-family: Jost;
    color: #fff;
    border-radius: 15px;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
}

.jw-wrapper {
    background-color: transparent !important;
}

h1.title-dash.microjob-header {
    position: absolute;
    width: 100%;
}

#include_player {
    background-color: #2a2a31;
    position: relative;
    padding: 0;
    margin: 0;
    border-radius: 15px;
}

.player-container {
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 15px;
}


iframe.video_iframe_container_include {
    position: absolute;
    top: 0;
    left: 0;
}

.thumbnails {
    width: 32%;
    margin-right: 1%;
    margin-left: 1%;
    cursor: pointer;
}

img.thumbnails-img {
    border-radius: 12px;
}

.dark .disabled-thumbnail {
    opacity: 0.4;
    border: 1px solid #535361;
}

.dark .design-elements-txt {
    border-bottom: 1px solid #34343d;
}

img.thumbnails-img.selected {
    border: 2px solid #4ca83f;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}

.thumbnails:first-of-type {
    margin-left: 0%;
}

.thumbnails:last-child {
    margin-right: 0%;
}

#thumbnails_wrapper {
    width: 73%;
    margin-top: 15px;
    float: left;
}

.disabled-thumbnail {
    pointer-events: none;
}

#actions-wrapper-video {
    float: left;
    width: 27%;
    margin-top: 15px;
    padding-left: 15px;
}

.videos-btn-actions {
    height: 30px;
    display: block;
    line-height: 0;
    padding-top: 14px;
    padding-bottom: 14px;
    margin: 7px 2px;
}

.btn.btn-primary.videos-btn-actions.close-modal {
    margin-top: 7px;
}

#sortable_videos {
    padding-top: 20px;
}

section#video-play-modal-aws .modal-dialog {
    min-width: 800px;
}


.btn.btn-primary.videos-btn-actions {
    margin-top: 20px;
    padding-top: 15px;
}


.banner-designer-wrapper-out-mobile {
    text-align: center;
}

.text-elements-wrapper {
    display: inline-block;
}

.profile-wall-img-mobile,
.profile-wall-img-new-mobile {
    background-size: cover !important;
}

.slim.picture-banner-big {
    height: 130px;
}

textarea#description {
    min-height: 143px;
}

textarea#description.red {
    border: 1px solid #ca0000;
}

.header-picture textarea#short_desc {
    margin-top: 10px;
    padding: 20px;
}

.gradient-mobile-background-mobile {
    position: absolute;
    height: 100%;
    width: 100%;
}

img#banner-preview-image,
img#banner-preview-image-mobile {
    border-radius: 12px;
}

.banner-designer-wrapper-out {
    text-align: center;
}

.banner-designer-wrapper-in {
    display: inline-block;
}

#profile_visibility_helper {
    display: none;
}

.helper-small-text {
    line-height: 1.2;
    padding-top: 20px;
}

.main-video {
    position: absolute;
    background-color: #fff;
    padding: 1px 5px;
    line-height: 1.2;
    font-size: 80%;
    border-radius: 50px;
    top: 10px;
    left: 10px;
}

.slim.picture-banner-big {
    border-radius: 20px;
    margin-top: 5px;
}

.content-uploader-header-image {
    padding-top: 20px;
}

#insert_documents_list a {
    text-decoration: underline;
    color: #4ca83f;
    font-size: 90%;
}

#official_documents_links {
    margin-top: 10px;
    background-color: #f1f2f8;
    padding: 15px 25px;
    border-radius: 20px;
    margin-bottom: 20px;
}

#change-banner {
    position: absolute;
    top: 15px;
    right: 15px;
}

.color-picker {
    width: 26px;
    border-radius: 50%;
    border: 2px solid #fff;
    height: 26px;
}

.upload-banner-wrapper,
.upload-banner-wrapper-mobile {
    position: relative;
    text-align: center;
}

.content-uploader-header-image main {
    position: relative;
}

.prev-img-mobile,
.prev-img-desktop {
    height: 100%;
    position: absolute;
    top: 0;
    border-radius: 12px;
    overflow: hidden;
}

.prev-img-mobile img,
.prev-img-desktop img {
    height: 100%;
    width: 100%;
    -webkit-filter: blur(30px);
    -moz-filter: blur(30px);
    -o-filter: blur(30px);
    -ms-filter: blur(30px);
    filter: blur(30px);
}

.btns-modal-banner {
    text-align: right;
}

.btns-modal-banner {
    float: right;
    margin-bottom: 0;
}

.steps-modal-banner {
    float: left;
}

.step-point {
    background-color: #4ca83f;
    height: 10px;
    width: 10px;
    line-height: 0;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
    margin-top: 13px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

#step2-order,
#step3-order {
    display: none;
}

#preview-music-genres-wrapper {
    transition: all 0.3s ease-in-out;
}

.preview-music-genres {
    display: inline-block;
    border: 1px solid;
    border-radius: 2px;
    padding: 2px 3px;
    font-size: 80%;
    margin-right: 3px;
    margin-top: 4px;
    line-height: 0.7;
    font-family: Zilla Slab;
}

.artist-wrapper.wrapper {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0px 25px 25px 25px;
    border-radius: 20px;
}

.banner-preview-txt {
    position: absolute;
    top: 20%;
    font-size: 44%;
    width: 40%;
    font-family: Jost;
}

.profile-wall-img-new,
.profile-wall-img {
    transition: opacity 0.3s ease-in-out;
}

.profile-wall-img {
    background-size: contain;
}

.profile-wall-img-back {
    background-size: cover;
}

.profile-wall-img-back,
.profile-wall-img {
    opacity: 1;
}

.preview-banner-artist-short-desc {
    line-height: 1.2;
    font-size: 76%;
    margin-top: 3px;
}

.banner-preview-tabs {
    position: absolute;
    bottom: 2px;
    margin-left: 19.4%;
    font-size: 40%;
}

.preview-banner-tabs {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

.preview-banner-artist-name {
    font-size: 330%;
    line-height: 1.3;
}

#dark,
#wrapper_dark {
    background-color: #151b23;
    border-radius: 50%;
    border: 2px solid #fff;
}

#light,
#wrapper_light {
    background-color: #ecedf3b5;
    border-radius: 50%;
    border: 2px solid #fff;
}

.color-picker-wrapper {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #fff;
}


.design-elements-txt span {
    display: inline-block;
    position: relative;
}

.design-elements-txt {
    font-size: 75%;
    color: #c7c7d4;
    text-align: center;
    line-height: 0;
    margin-bottom: 10px;
}

.text-wrapper-wrapper {
    float: left;
    padding-top: 15px;
    width: 119px;
    margin-left: 30px;
}

.color-picker-wrapper,
.color-picker-wrapper-wrapper {
    display: inline-block;
    border: 2px solid #f7f7fd;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 3px;
    transition: border 0.3s ease-in-out;
}

.design-elements-txt {
    font-size: 75%;
    color: #c7c7d4;
    text-align: center;
    line-height: 2;
    margin-bottom: 10px;
    border-bottom: 1px solid #f7f7fd;
}

.color-picker-wrapper:hover,
.color-picker-wrapper.active,
.color-picker-wrapper-wrapper:hover,
.color-picker-wrapper-wrapper.active {
    border: 2px solid #4ca83f;
}

.color-designer {
    padding-top: 15px;
    float: left;
}

.text-align-wrapper {
    float: left;
    padding-top: 15px;
    margin-left: 30px;
}

.text-align-element,
.wrapper-align-element {
    line-height: 1;
    border: 2px solid #f7f7fd;
    border-radius: 50%;
    width: 31px;
    height: 31px;
    text-align: center;
    padding-top: 5px;
    float: left;
    margin-right: 7px;
    transition: border 0.3s ease-in-out;
    cursor: pointer;
}

.widget-user-profile .container-absolute {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

.artist-wrapper-container {
    position: relative;
    height: 640px;
}

.text-align-element.active,
.text-align-element:hover,
.wrapper-align-element.active,
.wrapper-align-element:hover {
    border: 2px solid #4ca83f;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
    filter: none;
    transition: all 0.3s ease-in-out;
}

.text-align-element {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;
    filter: sepia(100%) hue-rotate(190deg) saturate(200%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

.modal-profile-header-picture .modal-dialog {
    min-width: 700px;
}

#custom-colors-select {
    display: inline-block;
    margin-left: 2px;
    border-left: 3px solid #f7f7fd;
    padding-left: 7px;
    height: 34px;
}

.banner-designer-wrapper-out-mobile #custom-colors-select {
    display: inline-block;
    margin-left: 0px;
    border-left: none;
    padding-left: 0px;
    height: 34px;
}

#dark-mobile {
    background-color: #151b23;
}

#light-mobile {
    background-color: #ffffff;
}

.modal-body.header-picture {
    padding-top: 10px;
}

.step-point.inactive {
    background-color: #e3ebf7;
}

.modal-footer {
    border-top: 4px solid #f7f7fd;
    padding: 20px 30px 0 30px;
    margin: 30px -40px -20px -40px;
}

.dark .modal-footer {
    border-top: 4px solid #34333e7a;
    padding: 20px 30px 0 30px;
    margin: 30px -40px -20px -40px;
}

.step-point.inactive:hover {
    background-color: #4ca83f;
}

.btns-modal-banner .btn {
    margin: 0 5px;
}

.modal-indications.text-center {
    margin: auto;
}

#step2-wrapper,

#step3 {
    display: none;
}

.add-genres-row {
    width: 100%;
}

.separator-big {
    border-bottom: 4px solid #f7f7fd;
    margin-bottom: 25px;
}

.dark .separator-big {
    border-bottom: 4px solid #34333e7a;
}

#addGenres_wrapper {
    border-bottom: 1px solid #f7f7fd;
    padding-bottom: 30px;
}

.dark #addGenres_wrapper {
    border-bottom: 1px solid #34333e7a;
    padding-bottom: 30px;
}

.dark #wrapper-skills-general {
    border-top: 4px solid #34333e7a;
}

.dark .section__separate {
    border-top: 1px solid #34333e7a;
}

.dark .my-jobs-artiista {
    border: 1px solid #53525f;
    background-color: #34343e;
}

.dark .white .dash-stat-concept {
    color: #605d75;
}

.dark .requests-section .white .dash-stat-concept {
    color: #fff;
}

.dark .widget-bg-requests {
    background-color: #34343e;
}

.dark .rejected-offer {
    color: #292732;
}


.dark .title-my-jobs a,
.dark .dash-stat-value {
    opacity: 0.9;
    color: #edebfd;
}

.dark .checkbox-list__check {
    border: 2px solid #f7f7f7a8;
}

.dark .price-job {
    color: #c1c1cc;
}

#saveSkills,
#cancelAddSkills,
#saveGenres,
#cancelAddGenre {
    display: none;
    margin: 10px 5px 0px 5px;
}

.add-new-genre-wrapper {
    display: none;
    width: 100%
}

.add-skills-section {
    position: relative;
    padding-bottom: 5px;
}

.user-skills-wrapper.mr-t-20 {
    width: 100%;
}

.genre-wrapper {
    position: relative;
}

.release_action .trash-icon, 
.add-skills-section .trash-icon, 
.add-genres-row .trash-icon {
    margin-top: 3px;
    filter: sepia(200%) hue-rotate(190deg) saturate(200%);
    opacity: 0.3;
    cursor: pointer;
    transition: all 0.3s ease-out;
    text-align: center;
}

.new-releases-table-inside {
    display: flex;
}

.moderated-release .credits-added {
    border: 1px solid #ca0000;
}

.credits-added-wrapper .trash-icon {
    margin-top: 3px;
}

.release_action .trash-icon image {
    height: 14px;
    width: 14px;
}

.credits-added {
    background-color: #ecedf3;
    border-radius: 20px;
    padding: 5px 8px 5px 15px;
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 10px;
    height: 35px;
}

.dark .credits-added {
    background-color: #34343e;
}

.release-added-inside {
    font-size: 90%;
}

.credits-added-wrapper {
    float: left;
}

.release-added-inside,
.release_action {
    float: left;
}

.release_action {
    padding-left: 10px;
}

.releaseType-td {
    min-width: 140px;
}

.releases-cells.actions {
    min-width: 41px;
}

.release-cells-header {
    line-height: 1.3;
    padding-bottom: 10px;
    padding-left: 15px;
}

.releases-cells {
    display: table-cell;
    padding-right: 10px;
}

.releases-cells:last-child {
    padding-right: 0px;
}

.release-name-header {
    flex-grow: 1;
}

.moderated-release .release-name-header {
    color: #ca0000;
    font-family: 'Jost';
}

.moderated-release[data-balloon]:after {
    background: #ca0000 !important;
}

.moderated-release {
    cursor: pointer;
}

.releases-cells {
    display: table-cell;
}

.dark .release_action .trash-icon,
.dark .add-skills-section .trash-icon,
.dark .add-genres-row .trash-icon {
    filter: brightness(0) invert(1);
}

.release_action .trash-icon:hover,
.add-skills-section .trash-icon:hover,
.add-genres-row .trash-icon:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.dark .release_action .trash-icon:hover,
.dark .add-skills-section .trash-icon:hover,
.dark .add-genres-row .trash-icon:hover {
    filter: brightness(0) invert(1);
    opacity: 0.7;
}

.activity-icon.inactive {
    pointer-events: all !important;
}

.add-new-skill-opener {
    display: flex;
    width: 100%;
}

.add-new-skill {
    border-bottom: 1px solid #f7f7fd;
    padding-top: 20px;
    margin-bottom: 30px;
}

.skills-selector {
    padding-bottom: 15px;
}

#addSkills_wrapper {
    text-align: center;
    padding-bottom: 30px;
}


.dropdown-select-actions .card-body li {
    padding: 5px 0 !important;
}

#level-icon,
#level-icon svg {
    max-width: 70px;
    max-height: 70px;
    display: inline-block;
}

#new-user-icon {
    margin-top: -24px;
    padding-left: 0px;
}

.new-user-level {
    background-color: #fa0;
    display: inline-block;
    font-size: 85%;
    color: #fff;
    padding: 2px 10px;
    line-height: 1;
    border-radius: 20px;
    font-family: 'Jost';
}

#wrapper-skills-general {
    border-top: 4px solid #f7f7fd;
    padding-top: 30px;
}

.overlay-uploader.profile-with-level {
    text-align: center;
    max-width: 100%;
}

.profile-verified-cols {
    margin-left: 15px;
}

li.social-networks-item.js-social-network-wrapper {
    list-style: none;
    text-align: left;
    margin: 0 30px 0 40px;
}

#qr_code_profile img {
    background: rgba(255, 255, 255, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 87%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(87%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 87%, rgba(255, 255, 255, 0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 87%, rgba(255, 255, 255, 0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 87%, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 87%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

#hire-me {
    padding: 30px 0;
    cursor: pointer;
}

#copy-paste-code {
    padding: 0 30px 15px 30px;
}

#copy-paste-code-mobile {
    padding-bottom: 15px;
}

#embed-code {
    font-size: 70%;
    margin: 0 30px 0 40px;
    padding: 10px 20px;
    background-color: #ebecf2;
    border-radius: 12px;
    color: #9c9cad;
    word-wrap: break-word;
}

.dark #embed-code {
    background-color: #2a2a31;
}

#embed-code-mobile {
    font-size: 70%;
    padding: 10px 20px;
    background-color: #ebecf2;
    border-radius: 12px;
    color: #9c9cad;
    word-wrap: break-word;
}

.dark #embed-code-mobile {
    background-color: #34343e;
}

#social-networks-section {
    padding-bottom: 20px;
}

.social-networks-txt {
    margin-left: 60px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}

.jobs-add-info {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}

.social-networks-title,
.days-numbers {
    color: #151b23;
    font-family: Jost;
    font-size: 95%;
}

.lgrey-connected,
.days-numbers-txt {
    color: #9594a2;
    font: 85% 'FS Albert Pro Web', Helvetica, Arial, sans-serif;
}

.social-icons-profile {
    margin-bottom: 15px;
}


.jobs-options-icons-wrapper {
    margin-bottom: 15px;
}

.social-networks-title-grey {
    color: #9c9cad;
}

.lgrey {
    color: #9c9cad;
    font: 80% 'FS Albert Pro Web', Helvetica, Arial, sans-serif;
}

.icons-edit-profile-socials {
    position: absolute;
    margin-top: 10px;
    text-align: center;
    width: 45px;
}

.social-inactive .icons-edit-profile-socials {
    opacity: 0.3;
    filter: sepia(100%) hue-rotate(190deg) saturate(100%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

.link-short-url {
    vertical-align: text-bottom;
    margin-left: 2px;
    font-family: Jost;
    color: #4ca83f;
}

#copied-to-clip {
    color: #4ca83f;
    padding-bottom: 10px;
    display: block;
    font-size: 50%;
    margin-top: -10px;
}

#profile-level {
    border-top: 1px solid #cdd0e161;
    border-bottom: 1px solid #cdd0e161;
    padding: 0px 0px 20px 0px;
    margin: 0px 40px 0 40px;
}

.dark #profile-level {
    border-top: 1px solid #34343e;
    border-bottom: 1px solid #34343e;
}

#profile-level .profile-levels {
    margin-top: 10px;
}

#levels_signup span.options-include {
    font-size: 82%;
}

#levels_signup .bold {
    font-size: 130%;
}

article.levels-horizontal.base-box-shadow:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

article.levels-horizontal.base-box-shadow:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

#short-url-section {
    border-bottom: 1px solid #cdd0e161;
    padding-bottom: 20px;
    margin: 20px;
}

p.question {
    padding-bottom: 5px;
}

p.answer {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 4px solid #f7f7fd !important;
    padding-right: 0;
}

.question-time {
    position: absolute;
    right: 25px;
    top: 20px;
}

p.answer.no-response {
    font-size: 90%;
    font-family: Jost;
    color: #cfcedc;
}

.titles_sidebar {
    font-family: Jost;
    font-size: 130%;
    vertical-align: top;
    color: #151b23;
}

.dark .titles_sidebar {
    color: #bbb6c7;
}

.profile-levels {
    padding-left: 15px;
}

text.timer {
    fill: #c7c7d4;
    font-size: 170% !important;
    font-family: "Jost";
}

.svg-container {
    width: 100%;
    margin: 0 auto;
    overflow: visible;
}


.slim.picture-banner-big,
.slim.large_picture {
    background-color: transparent;
}

.overlay-uploader {
    float: left;
    position: relative;
    left: 0px;
    top: 0px;
    color: #FFFFFF;
}

.overlay-uploader svg,
.overlay-uploader png,
.container-uploader svg,
.container-uploader png {
    border-radius: 80px;
}

.content-uploader-profile .slim {
    border-radius: 80px;
}

.profile-sidebar .slim-file-hopper {
    border: 0 !important;
}

.slim.profile-pic-slim.hover {
    background-color: rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: inset 0px 0px 34px 0px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: inset 0px 0px 34px 0px rgba(0, 0, 0, 0.38);
    box-shadow: inset 0px 0px 34px 0px rgba(0, 0, 0, 0.38);
}

.profile-sidebar #picture-img {
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 30px;
}

.profile-sidebar .big-btn-container {
    margin-top: 70px;
    margin-bottom: 40px;
}

.view-profile-tablet .btn {
    border-radius: 11px;
}

.view-profile-tablet,
.content-uploader-profile-wrapper,
#qr_code_profile_tablet,
#profile-picture-tablet,
.moderate-media-wrapper.mobile-devices {
    display: none;
}

.profile-sidebar .big-btn-container,
.profile-sidebar .moderate-media-wrapper,
.profile-sidebar #picture-img,
.titles_sidebar,
#profile_updated,
#qr_code_profile {
    display: block;
}

#profile-level .titles_sidebar {
    padding-top: 15px;
}

.container-uploader {
    width: 134px;
    height: 134px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    margin: 0px;
    position: relative;
}

.profile-sidebar .container-uploader {
    border: 1px dashed #4ca83f;
}

.icon-input {
    position: absolute;
    left: 0px;
    margin-top: 9px;
}

.dark .icon-input {
    filter: brightness(0.5) invert(1);
}

.login-popup .icon-input {
    right: 0;
    left: initial;
    margin-top: 3px;
}

.profile-sidebar .overlay-uploader {
    float: inherit;
    left: 0px;
    top: 0px;
    color: #ffffff;
    position: absolute;
    width: 100%;
}

.header-menu .userimage {
    text-align: center;
}

#picture-img .slim-result img {
    border-radius: 43px;
    padding: 7px;
}

.content-uploader-profile .slim-btn-group {
    padding: 31px 0 26px 0;
    text-align: center;
}

.no-profile-picture svg,
.no-profile-picture png {
    border-radius: 50px;
}

.navbar-nav .no-profile-picture {
    height: 50px;
}

.notif-full-width {
    background-color: #ca0000;
    position: fixed;
    top: 80px;
    width: 100%;
    color: #fff;
    padding: 9px 0;
    text-align: center;
    font-family: Jost;
    z-index: 100;
}

.confirmation-needed {
    color: #ca0000;
    font-size: 90%;
    text-align: center;
}


.overlay-uploader-camera {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.overlay-uploader-camera img {
    margin-left: calc(50% - 21px);
    margin-right: calc(50% - 21px);
    margin-top: calc(50% - 18px);
    margin-bottom: calc(50% - 18px);
    z-index: 2;
}


div#picture-img img {
    border-radius: 80px;
    padding: 7px;
}

.profile-sidebar {
    text-align: center;
}

.edit-profile .content-uploader-profile {
    position: absolute;
    width: 118px;
}

.profile-wall-img-back,
.profile-wall-img,
.profile-wall-img-new {
    height: 630px;
    background-attachment: fixed !important;
    background-position-y: 80px !important;
}

.overlay-uploader-camera img {
    padding: 0 !important;
    opacity: 0.5;
}

.overlay-uploader-camera img:hover {
    opacity: 1;
}

img.out {
    padding: 0 !important;
}

.lines-icons input {
    max-height: 0;
    max-width: 0;
    opacity: 0;
}

.lines-icons input + label:after {
    content: "";
    position: absolute;
    display: block;
    height: 61px;
    width: 61px;
    top: 0;
    left: 0;
}

.lines-icons input + label {
    margin: auto;
    width: 61px;
    height: 61px;
    display: block;
    position: relative;
}

.skills-icons {
    float: left;
    padding-bottom: 15px;
    padding-top: 15px;
    max-width: 85px;
}

.dark .skills-icons {
    float: left;
    padding-bottom: 0;
    padding-top: 15px;
    padding-bottom: 20px;
    background-color: #34343e;
    border-radius: 52px;
    line-height: 1;
    margin: 7px;
    height: 68px;
    width: 68px;
}

.dark .irs .irs-line {
    border: 1px solid #34333e !important;
}

.activity-icon {
    height: 70px;
    cursor: pointer;
}

.dark .activity-icon {
    filter: brightness(0) invert(1);
}

td#releaseYear-td {
    width: 174px;
}

table#new-releases-table td:first-child {
    padding-left: 0;
}

td#releaseAdd-td {
    width: 40px;
    padding-right: 0;
}

td#releaseType-td {
    width: 120px;
}

.dark label#rating_value_label_1 svg,
.dark label#rating_value_label_2 svg,
.dark label#rating_value_label_3 svg {
    filter: brightness(0) invert(1);
}


.position-icon-first label {
    margin: 0 3px;
}

.content-uploader_profile.col-sm-3 {
    position: absolute;
    left: 0;
    top: 0;
}

#upload-profile-pictures {
    padding: 20px 0 0 0;
}

.slim .slim-file-hopper {
    background: rgba(0, 0, 0, .0001);
}

.slim-popover button {
    box-shadow: none !important;
}

.slim .slim-file-hopper {
    background: rgba(0, 0, 0, .0001);
    border: 1px dashed #4ca83f;
    margin: 5px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    z-index: 8;
}

#profile-picture-modal .slim .slim-file-hopper {
    background: rgba(0, 0, 0, .0001);
    border: 1px dashed #4ca83f;
    margin: 2px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 40px;
    z-index: 8;
}

.red .slim .slim-file-hopper {
    border: 1px dashed #ca0000;
}

.orange .slim .slim-file-hopper {
    border: 1px dashed #fa0;
}


#error-single-image-gallery.error-notifications[data-balloon][data-balloon-visible]:after {
    background: #ca0000;
    border-radius: 12px;
    padding: 13px 15px;
    width: 233px !important;
    left: 50%;
    right: 0;
    transform: translate(-50%, -10px);
    margin-bottom: 20px;
}

#images-profile-options {
    margin-top: 20px;
    display: inline-block;
}

#images-profile-options-profile {
    margin-top: 15px;
    margin-left: -5px;
}

#slider-profile-pictures {
    position: relative;
}

.slim.job-pictures {
    width: 100%;
    height: auto;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.slim-file-hopper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}


#btn-submit-form,
#btn-publish-gig {
    width: 200px;
    margin: 0 15px;
    font-family: Jost;
}

#btn-save-draft {
    font-size: 90%;
    cursor: pointer;
    margin-right: 30px;
    color: #b0afc3;
}

a.add-main-pictures.inactive {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.2;
}

#reorder-pics,
#reorder-pics-done {
    float: right;
    margin-top: 20px;
    margin-right: 15px;
    height: 38px;
    padding: 6px 15px;
}

.add-new-skill-opener .trash-icon {
    padding-top: 20px;
}

.add-main-pictures {
    padding: 8px 15px 6px 7px;
    margin-right: 10px;
}

.add-main-pictures.moderated.btn.btn-outline-secondary {
    border: 1px solid #ca0000;
}

.header-moderated {
    background-color: #ca0000;
    float: right;
    border-radius: 12px;
    line-height: 1.2;
    padding: 2px 8px;
    color: #fff;
    font-family: Jost;
    font-size: 75%;
    margin-left: 12px;
    margin-top: 2px;
}

.header-moderated-editor {
    background-color: #ca0000;
    position: absolute;
    border-radius: 12px;
    line-height: 1.2;
    padding: 2px 8px;
    color: #fff;
    font-family: Jost;
    font-size: 75%;
    left: 15px;
    top: 15px;
}

#dropdown-pics-banner {
    z-index: 10001;
}

.upload-banner-wrapper.moderated img {
    border: 2px solid #ca0000;
}

#reorder-pics-done {
    display: none;
}

.add-main-pictures span {
    color: #fff;
    background-color: #151b23;
    margin-right: 10px;
}

.dark .add-main-pictures span {
    background-color: #68687b;
}

.add-main-pictures span {
    padding: 3px 8px;
    line-height: 1;
    border-radius: 50px;
    font-size: 120%;
}

.job-pictures-result {
    float: left;
    padding: 0;
}

button.slick-prev.slick-arrow {
    background-color: transparent;
    border: none;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    left: 25px;
    top: 35px;
}

button.slick-next.slick-arrow {
    background-color: transparent;
    border: none;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    right: 25px;
    top: 35px;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 50;
    margin-top: -12px;
}

svg#prev-btn, svg#next-btn {
    background-color: #fff;
    padding: 9px 0px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

#levels-page svg#prev-btn, svg#next-btn {
    background-color: transparent;
}

#slider-levels svg#prev-btn,
#slider-levels svg#next-btn {
    width: 20px;
    padding: 0px 0;
}

#slider-levels {
    padding-bottom: 70px;
}


.video-play-wrapper-signup {
    top: 110px;
    right: 40px;
    width: 122px;
    z-index: 1;
}

.play-button-video-about-us,
.play-button-video-signup {
    position: absolute;
    width: 127px;
}

.video-signup-preview {
    position: relative;
}

.video-signup-preview img {
    border-radius: 12px;
    cursor: pointer;
}

#about-us-video-wrapper img {
    border-radius: 12px;
    cursor: pointer;
    width: 60%;
}

.play-button-video-about-us,
.play-button-video-signup {
    position: absolute;
    width: 127px;
    left: calc(50% - 127px / 2);
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.video-helper-wrapper-header {
    position: fixed;
    top: 110px;
    right: 40px;
    width: 122px;
    z-index: 1;
}

.video-helper-wrapper {
    display: none;
    padding: 30px 15px 15px 15px;
    position: fixed;
    top: 110px;
    right: 30px;
    background-color: #fff;
    border-radius: 12px;
    width: 250px;
    height: 84%;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
}

.video-helper-wrapper .video-list {
    width: 100%;
}

.video-list iframe {
    width: 100%;
}

.video-helper {
    padding-top: 10px;
}

.video-list.collapsed {
    display: none;
}

.video-list-title {
    padding: 5px 0;
    font-size: 95%;
    font-family: Jost;
    cursor: pointer;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
    filter: sepia(100%) hue-rotate(190deg) saturate(70%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    display: inline-block;
    width: 100%;
}

.video-list-title svg {
    float: left;
}

.need-help-wrapper {
    text-align: center;
    width: 100%;
    margin-left: -35px;
    position: absolute;
    bottom: 3px;
}

.need-help {
    bottom: 5px;
    font-size: 80%;
    opacity: 0.5;
    cursor: pointer;
    display: inline-block;
    color: #a3a2af;
}

.music-genre-wrapper,
.age-range-wrapper,
.accent-wrapper {
    display: none;
}

.video-list-title:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.video-list-title-txt {
    display: block;
    margin-left: 30px;
    margin-top: -5px;
}

.helper-video {
    display: inline-block;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    border: 1px solid #e3ebf7;
    padding: 6px 10px 2px 10px;
    border-radius: 20px;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}

.helper-video svg {
    filter: sepia(100%) hue-rotate(190deg) saturate(70%);
}

.dark .helper-video svg {
    filter: none;
}

.dark .helper-video {
    border: 1px solid #d8dcf5;
    color: #d8dcf5;
}

.helper-video-wrapper {
    text-align: center;
    margin: auto;
}

.helper-video:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}


.helper-video:hover svg {
    filter: none;
}

.helper-video-txt {
    font-size: 80%;
    display: block;
    margin-left: 8px;
    line-height: 1.8;
    margin-top: -4px;
    float: left;
}

.helper-video svg {
    float: left;
}

.callback-circle .circle {
    width: 56px;
    cursor: pointer;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    line-height: 0px;
}

.callback-circle {
    margin: auto;
    text-align: center;
    transition: all 0.3s ease-in-out;
    height: 116px;
    width: 116px;
}

.callback-circle .circle-shadow {
    filter: drop-shadow(-0px 0px 10px rgba(0, 0, 0, 0.4));
}

.hide-circle:before {
    display: none;
}

.hide-circle svg,
.hide-circle svg image {
    width: 25px;
    height: 25px;
}

.hide-circle {
    float: right;
    padding-top: 15px !important;
}

.callback-circle .circle::before {
    transform: scale(2);
    animation-name: button-anim-opacity;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.callback-circle .cbutton:before {
    content: "";
    position: absolute;
    width: 56px;
    height: 56px;
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    -webkit-box-shadow: none;
    border-radius: 50%;
    z-index: -1;
    transform-origin: center;
    transition: all 0.3s ease-in-out;
}

@keyframes button-anim-opacity {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.cls-1 {
    fill: none;
    stroke: #4ca83f;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4px;
}

.Copy_text {
    cursor: copy;
}

.add-pictures-global button.slick-prev {
    top: 118px;
    left: 18px;
}

.add-pictures-global button.slick-next,
.add-pictures-global button.slick-prev {
    top: 70px;
    right: 20px;
}

button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
    width: 30px;
    height: 50px;
}


#load_results_requests_data button.slick-next.slick-arrow,
#load_results_requests_data  button.slick-prev.slick-arrow {
    width: 30px;
    height: 60px;
    background-color: transparent;
}


#load_results_requests_data svg#prev-btn, svg#next-btn {
    background-color: transparent;
}

#load_results_requests_data svg#prev-btn, #load_results_requests_data svg#next-btn {
    width: 20px;
    padding: 7px 0;
    filter: brightness(0) invert(1);
    opacity: 0.3;
    border-radius: 0;
    transition: opacity 0.3s ease-in-out;
}

#load_results_requests_data svg#prev-btn:hover, #load_results_requests_data svg#next-btn:hover {
    opacity: 0.9;
}

#slider-profile-pictures button.slick-next,
#slider-profile-pictures button.slick-prev {
    top: auto;
    bottom: 19px;
    right: 20px;
}

#profile-page .ecommerce-products.list-unstyled.container {
    padding-bottom: 70px;    
    max-width: 1400px;
}

#slider-profile-pictures button.slick-next.slick-arrow,
#slider-profile-pictures button.slick-prev.slick-arrow {
    width: 30px;
    height: 30px;
    padding: 0;
}

#levels-page button.slick-arrow {
    background-color: transparent;
}

.loop-counter_wrapper {
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.65);
    width: 67px;
    padding-left: 10px;
    height: 100%;
}

.loop-counter,
.loop-counter_videos {
    opacity: 0;
    transition: opacity 0.5s ease-out;
    position: absolute;
    font-size: 580%;
    right: 13px;
    bottom: -13px;
}

.img-job-wrapper img {
    border-radius: 12px;
}

.img-job-wrapper {
    padding: 5px;
    cursor: move;
}

.redborder .slim-file-hopper {
    border-color: #ca0000 !important;
}

input.redborder:-webkit-autofill {
    border: 1px solid #ca0000 !important;
}

.videoWrapper.unpublished img,
.img-job-wrapper.unpublished img {
    border: 2px solid #fa0;
}

.img-job-wrapper.moderated img,
.videoWrapper.moderated img {
    border: 2px solid #ca0000;
}

.unpublished-media {
    background-color: #fa0;
    display: inline-block;
    border-radius: 12px;
    line-height: 1.2;
    padding: 2px 8px;
    color: #fff;
    font-family: Jost;
    font-size: 75%;
    position: absolute;
    bottom: 15px;
    white-space: nowrap;
    margin: auto;
}

.moderated-media {
    background-color: #ca0000;
    display: inline-block;
    border-radius: 12px;
    line-height: 1.2;
    padding: 2px 8px;
    color: #fff;
    font-family: Jost;
    font-size: 75%;
    position: absolute;
    bottom: 15px;
    white-space: nowrap;
    margin: auto;
}

.img-job-wrapper.sort {
    cursor: move;
}

/*
#upload-profile-pictures #profile-picture {
    height: 142px;
    width: 179px;
}
*/

#upload-profile-pictures #profile-picture {
    height: 100%;
    width: 100%;
}

.add-pictures-global {
    min-height: 164px;
    padding-top: 20px;
}

#job-pictures .add-pictures-global {
    padding-top: 0px;
}

.my-profile .central-col,
    padding-top: 20px;
}

#profile-picture .slim-file-hopper {
    background-color: rgba(255, 255, 255, 0);
    transition: all 0.3s ease-in-out;
}

#profile-picture .slim-file-hopper:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

#loader-container-pics {
    float: left;
    width: 36px;
    height: 36px;
    position: absolute;
    z-index: 2;
    top: 15px;
    left: 15px;
}

.content-uploader_profile.col-sm-4 {
    position: absolute;
    left: 0;
    top: 0;
}

.btn-legend {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

.btn-legend-title {
    font-family: 'Jost';
}

.btn-legend-small {
    font-size: 85%;
    color: #a3a2af;
    margin-top: -1px;
}

.dropdown-inline-icon svg {
    overflow: visible;
}

.multiple .dropdown-inline-icon svg {
    vertical-align: 8px;
}

#preview-action .dropdown-inline-icon.hide-on-mobile svg {
    padding-top: 3px;
}

.microjob-media-wrapper {
    position: absolute;
    color: #fff;
    right: 10px;
    top: 10px;
    background-color: rgba(0, 0, 0, 0.55);
    border-radius: 50px;
    height: 35px;
    width: 35px;
    padding: 7px;
    line-height: 4px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
}

.dropdown-inline-icon {
    display: inline-block;
}

.dark .dropdown-inline-icon {
    display: inline-block;
    filter: brightness(0) invert(1);
    opacity: 0.7;
}

.nav .show:before,
.nav .show:after {
    display: none;
}

.nav .dropdown-menu.dropdown-left.dropdown-card.animated.show {
    border-top-left-radius: 0px;
    border-top-right-radius: 0;
    top: 78px;
}

.menu-user .dropdown-card-profile:before {
    right: 35px;
}

.inside-card {
    padding-right: 5px;
}

.dropdown-select-actions .card-body {
    padding: 10px;
}

ul.videos_action-media-wrapper {
    list-style: none;
}

.videoWrapper img.awaiting {
    border: 2px solid #fa0;
}

.videoWrapper img.moderated {
    border: 2px solid #ca0000;
}

.img-job-wrapper.awaiting img {
    border: 2px solid #fa0;
}

.action-microjobs,
.action-media {
    color: #fff;
    font-size: 200%;
    line-height: 1px;
}

.action-regular {
    color: #151b23;
    font-size: 200%;
    line-height: 1px;
}

.audio-block-wrapper.clearfix.awaiting {
    border-color: #fa0;
}

.audio-block-wrapper.clearfix.moderated {
    border-color: #ca0000;
}

.audio-block-wrapper .unpublished-media,
.audio-block-wrapper .moderated-media {
    bottom: 14px;
    left: 110px;
}

#publish_gig_page .audio-block-wrapper .unpublished-media,
#publish_gig_page .audio-block-wrapper .moderated-media {
    left: 105px;
}

ul.files_action-media-wrapper.dropdown-select-actions {
    left: -10px;
    top: -12px;
}

.pics_action-media-wrapper,
.videos_action-media-wrapper,
.favorite_action-media-wrapper,
.files_action-media-wrapper {
    position: absolute;
    color: #fff;
    right: 15px;
    top: 15px;
    background-color: rgb(42 42 49 / 23%);
    border-radius: 50px;
    height: 25px;
    width: 25px;
    padding: 2px;
    line-height: 4px;
    text-align: center;
    cursor: pointer;
    z-index: 2;
}

.favorite_action-media-wrapper {
    top: 7px;
}

.favourite-user-wrapper .favorite_action-media-wrapper {
    right: 9px;
}

.questions-actions-wrapper,
.mp3_action-media-wrapper,
.selector-wrapper,
.extra_action-media-wrapper,
.bank-accounts-wrapper,
.actions-files-uploaded,
.extra_action-requests-wrapper {
    position: absolute;
    color: #fff;
    right: 15px;
    top: 12px;
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 50px;
    height: 25px;
    width: 25px;
    padding: 2px;
    line-height: 4px;
    text-align: center;
    cursor: pointer;
    margin-right: 8px;
    list-style: none;
}

.bank-accounts-wrapper {
    background-color: rgba(0, 0, 0, 0.15);
    right: 70px;
    top: 27px;
}


.actions-files-uploaded {
    background-color: rgba(0, 0, 0, 0.15);
    right: 0px;
}

.bs-searchbox.input-focused input {
    border-radius: 12px;
    margin-top: 4px;
    height: 45px;
}

.extra_action-requests-wrapper,
.questions-actions-wrapper {
    background-color: rgba(0, 0, 0, 0.15);
}

.inbox_action-media-wrapper {
    margin-right: 0px;
    background-color: rgba(0, 0, 0, 0.15);
    transition: all 0.5s ease-in-out;
    position: absolute;
    color: #fff;
    right: 10px;
    top: 15px;
    border-radius: 50px;
    height: 25px;
    width: 25px;
    padding: 2px;
    line-height: 4px;
    text-align: center;
    cursor: pointer;
    margin-right: 8px;
}


#sortable_full li:nth-child(even) .audio-block-wrapper {
    margin-left: 2%;
    width: 98%;
    background-color: #fff;
}

#sortable_full li:nth-child(odd) .audio-block-wrapper {
    margin-right: 2%;
    width: 98%;
    background-color: #fff;
}

.dark #sortable_full li .audio-block-wrapper {
    background-color: #393942;
}

.extra_action-media-wrapper,
.selector-wrapper {
    margin-right: 0px;
    background-color: rgb(202 202 220) !important;
    transition: all 0.5s ease-in-out;
    z-index: 1;
}

.dark .extra_action-media-wrapper, .dark .selector-wrapper {
    background-color: rgb(83 82 95) !important;
}

.extra_action-media-wrapper:hover,
.selector-wrapper:hover {
    background-color: rgba(0, 0, 0, 0.35) !important;
}

.videoWrapper img {
    width: 100%;
}


#loader-container-videos {
    float: left;
    width: 36px;
    height: 36px;
    position: absolute;
    z-index: 2;
    top: 15px;
    left: 15px;
}

.loader-wrapper {
    position: relative;
    float: left;
}

.loader-wrapper-center {
    position: relative;
    margin: auto;
}


.loader-wrapper-center img {
    margin-left: -13px;
}

.loader-wrapper-infinite.index-page {
    padding-top: 50px;
}

.artiista-loader-pics,
.artiista-loader-videos,
.artiista-loader-banner {
    background-color: #fdfdffba;
    line-height: 0;
    border-radius: 50%;
    border: 1px solid #fdfdff;
}

.artiista-loader,
.artiista-loader-pics,
.artiista-loader-videos,
.artiista-loader-banner {
    opacity: 1;
    display: none;
    position: absolute;
    width: 34px;
    height: 34px;
}

.artiista-loader-thanks {
    opacity: 1;
    display: block;
    position: relative;
    width: 34px;
    height: 34px;
    margin: auto;
    margin-top: 20px;
}

.video-edit-job {
    position: relative;
    padding: 0 5px;
    float: left;
    margin-bottom: 5px;
}

.video-edit-profile {
    position: relative;
    padding: 0 5px;
    float: left;
    margin-bottom: 5px;
}

.video-list.collapsed.videoWrapper {
    margin-bottom: 10px;
    margin-top: 5px;
}


.profile-user .yt-video-wrapper:before {
    content: '';
    z-index: 2;
    position: absolute;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 1);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 1);
    pointer-events: none;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.passion.boldblue {
    font-family: Jost;
    color: #4ca83f !important;
    padding-top: 10px;
}

.video-helper-thumbs img {
    border-radius: 12px;
}

#video_signup_wrapper .video-signup-preview img {
    border-radius: 0px;
    cursor: pointer;
}

#grecap-signup,
#grecap-signup2,
#grecap-contact {
    color: #9994b1b0;
    font-size: 90%;
}

#grecap-signup a,
#grecap-signup2 a,
#grecap-contact a{
    cursor: pointer;
    color: #9994b1;
    font-family: Jost;
}

.newsletter-gdpr a {
    color: #A9A5BC;
    cursor: pointer;
    font-family: Jost;
}

#newsletter-form-name-field,
#newsletter-form-email-field {
    display: inline-block;
}

#signup #grecap-signup,
#signup #grecap-signup2,
#signup #grecap-signup a,
#signup #grecap-signup2 a {
    color: #fff;
}

.play-btn-helper-videos {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video_add_forms {
    max-width: 450px;
    margin: auto;
}

.video-edit-job .videoWrapper {
    margin-bottom: 7px;
    cursor: move;
}

.video-edit-profile .videoWrapper {
    margin-bottom: 7px;
    cursor: pointer;
}

#sortable_videos .video_selected img {
    border: 2px solid #4ca83f;
    opacity: 1;
    -webkit-filter: none;
    filter: none;
}

.player {
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    height: 320px;
    width: 480px;
}

.video-edit-profile img,
.video-edit-job img,
#videos-tab-bordered-1 img {
    border-radius: 12px;
}

.video-edit-profile img {
    opacity: 0.6;
    transition: all 0.3s ease-in-out;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: sepia(100%) hue-rotate(190deg) saturate(70%);
    cursor: pointer;
}

.video-edit-profile .video_selected img {
    opacity: 1;
}

.video-edit-profile ul.videos_action-media-wrapper,
.video-edit-job ul.videos_action-media-wrapper {
    right: 15px;
}


.inactive .btn-primary {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.2;
    pointer-events: none;
}

.video-uploader-wrapper {
    line-height: 0;
    margin-top: 15px;
}

#youtube-information .video-uploader-wrapper {
    padding-bottom: 25px;
}

#img_job_temp img {
    width: 100%;
}

.video_add_form {
    display: none;
    text-align: center;
    align-items: center;
    margin: auto;
    justify-content: center;
    margin-bottom: 20px;
}

.loading-wrapper {
    position: absolute;
    margin-top: 21px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 70%;
    color: #fff;
    background-color: #4ca83f;
    padding: 3px 10px;
    line-height: 1;
    border-radius: 20px;
}

#mobile-header-simul-screen .loading-wrapper {
    margin-top: 31px;
}

.videos-add-limit,
.no-videos-uploaded,
.mp3s-add-limit {
    display: none;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: "Jost";
    color: #c1c0d4a8;
}

.no-videos-uploaded {
    padding-top: 20px;
    padding-bottom: 20px;
}

.title-section {
    text-align: center;
    color: #4ca83f;
    font-family: "Jost";
    padding: 10px 0 10px 0;
    border-bottom: 2px dashed rgba(0, 0, 0, .1);
    margin-bottom: 10px;
    font-size: 120%;
}

.dark .title-section {
    border-bottom: #bebcd2;
}

.dark .thead-inverse th {
    color: #ffffff;
}

.dark .videos-add {
    background-color: #34343e;
    border: 3px solid #53525f;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: sepia(100%) hue-rotate(190deg) saturate(70%);
}

.dark .icon-main-video {
    filter: brightness(0) invert(1);
}

.dark .videos-add-txt {
    color: #ffffff;
}

.player_include_options_profile .videos-btn-actions {
    height: 30px;
    display: inline-block;
    line-height: 0;
    padding-top: 14px;
    padding-bottom: 14px;
    margin: 20px auto 0 auto;
}

.icon-main-video {
    height: 44px;
}

.upload-videos-profile {
    width: 40%;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 20px;
}

.videos-add:hover {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: sepia(0%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}


/********************************
 *********************************
Range Slider
 *********************************
 *********************************/

.col-md-4.range-slider-inside {
    padding-left: 20px;
}

.irs {
    display: block;
    clear: both;
    margin: 6px 0;
}

.irs .irs-line {
    border: 1px solid #f2f2f7 !important;
    margin-left: 0px;
}

#profile-page .irs .irs-line {
    border: 1px solid #fff !important;
    background-color: #fff;
}

.irs .irs-single,
.irs .irs-from,
.irs .irs-to {
    width: 19px;
    height: 27px;
    display: block;
    line-height: 1.8;
    text-align: center;
    display: block;
    font-size: 0.71429em;
    top: -25px;
    color: #85858e;
    font-family: 'Jost';
    border-radius: 38px;
}

.irs .irs-single:after,
.irs .irs-from:after,
.irs .irs-to:after {
    border-color: #4ca83f transparent transparent transparent;
}

.irs .irs-slider {
    display: block;
    height: 17px;
    margin-left: -3px;
    width: 18px;
    background: yellow;
    top: -3px;
    border-radius: 100px;
    background: #fff;
    border: 1px solid #cdd0e161;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 3;
    font-family: Jost;
}

.filter-results .irs .irs-slider {
    display: block;
    height: 17px;
    margin-left: -3px;
    width: 18px;
    background: yellow;
    top: -3px;
    border-radius: 100px;
    background: #fff;
    border: 1px solid #cdd0e161;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 3;
    font-family: Jost;
}

.profile-pics-wrapper {
    border-top: none;
    margin-bottom: -15px;
}

.irs .irs-shadow.shadow-from,
.irs .irs-shadow.shadow-to,
.irs .irs-line,
.irs .irs-bar {
    height: 5px;
    top: 4px;
    border-radius: 100px;
    border: 1px solid #f7f7fdefb;
    cursor: pointer;
}

.irs .irs-bar {
    border: 0;
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    -webkit-box-shadow: none;
    z-index: 2;
}

.irs .irs-shadow.shadow-from,
.irs .irs-shadow.shadow-to {
    background: #bbb;
    -webkit-box-shadow: inset 1px 1px 5px 0 #bbb;
    box-shadow: inset 1px 1px 5px 0 #bbb;
    border: 1px solid #aaa;
    z-index: 1;
}

.irs .irs-grid {
    top: 27px;
    opacity: 0.2;
}

.irs .irs-max,
.irs .irs-min {
    text-align: center;
    height: 2em;
    padding: 0;
    line-height: 1;
    position: absolute;
    top: -14px;
    left: 0;
    font-size: 90%;
    border-radius: 6px;
    font-family: Jost;
    color: #c1c0d4;
}

.irs .irs-max:after,
.irs .irs-min:after {
    border-color: #cdd0e161 transparent transparent transparent;
}

.irs .irs-min {
    left: 0;
}

.irs .irs-max {
    left: auto;
    right: 0;
}

.irs .irs-bar-edge {
    height: 8px;
    top: 5px;
    left: 1px;
    width: 1.42857em;
    border: none;
    border-right: 0;
    background: #7b00e8;
    border-radius: 16px 0 0 16px;
    display: none;
}


.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important;
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0;
}

.irs-line-left {
    left: 0;
    width: 11%;
}

.irs-line-mid {
    left: 9%;
    width: 82%;
}

.irs-line-right {
    right: 0;
    width: 11%;
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0;
}

.irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0;
}

.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1;
}

.irs-slider.single {}

.irs-slider.from {}

.irs-slider.to {}

.irs-slider.type_last {
    z-index: 2;
}

.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default;
}

.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default;
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}

.irs-with-grid .irs-grid {
    display: block;
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000;
}

.irs-grid-pol.small {
    height: 4px;
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000;
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0.0);
    z-index: 2;
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed;
}

.irs-disabled {
    opacity: 0.4;
}


.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}

.static-sliders .irs-slider.single,
.static-sliders .irs-min,
.static-sliders .irs-max,
.static-sliders .irs-single {
    display: none;
}

/********************************
 *********************************
Pagination
 *********************************
 *********************************/

.pager .material-icons,
.pagination .material-icons {
    font-size: 0.75rem;
    vertical-align: middle;
}

.pager {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
}

.pager li.spacer {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

body.rtl .pagination .page-item:last-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body.rtl .pagination .page-item:first-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

/* Fullcalendar
========================*/

.custom-fullcalendar {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.custom-fullcalendar .fc-toolbar {
    height: 6.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    padding: 0 1.25rem;
    margin-bottom: 0;
    border-bottom: 1px solid #cdd0e161;
    margin-bottom: 10px;
}

#widget-pictures {
    padding: 40px;
}

.my-profile #widget-pictures {
    padding: 20px 40px 40px 40px;
}

.add-pictures-global #helper-gallery {
    bottom: -20px;
    right: -10px;
}

.custom-fullcalendar .fc-toolbar .fc-left {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.custom-fullcalendar .fc-toolbar .fc-center {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.custom-fullcalendar .fc-toolbar .fc-right {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

@media (max-width: 767px) {
    .custom-fullcalendar .fc-toolbar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        padding: 1.25rem 1.25rem;
    }

    .custom-fullcalendar .fc-toolbar .fc-center {
        margin: 1.07143em 0;
    }
}

.custom-fullcalendar .fc-toolbar h2 {
    font-size: 2.14286em;
}

.custom-fullcalendar .fc-toolbar .fc-icon {
    opacity: 0;
    visibility: hidden;
}

.custom-fullcalendar .fc-toolbar .fc-next-button::after {
    content: '\e92a';
    font-size: 1.42857em;
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
    color: #bbb;
}

.custom-fullcalendar .fc-toolbar .fc-prev-button::after {
    content: '\e929';
    font-size: 1.42857em;
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
    color: #bbb;
}

.custom-fullcalendar .fc-toolbar .fc-today-button {
    font-family: "Montserrat", sans-serif;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

.custom-fullcalendar .fc-view-container {
    border-left: 1px solid #cdd0e161;
    padding: 0;
}

.custom-fullcalendar-sidebar {
    top: 6.875rem;
    z-index: 2;
}

.custom-fullcalendar .fc-button {
    height: 1.875rem;
}

.custom-fullcalendar .fc-view > table tbody > tr > td:first-child {
    border-left: 00;
}

.custom-fullcalendar .fc-other-month {
    background-image: repeating-linear-gradient(45deg, #f9f9f9, #f9f9f9 8px, transparent 8px, transparent 16px);
}

.custom-fullcalendar td,
.custom-fullcalendar tbody {
    border-color: #cdd0e161;
}

.custom-fullcalendar .fc-week table td:first-child {
    border-left: 0;
}

.custom-fullcalendar .fc-week table td:last-child {
    border-right: 0;
}

.custom-fullcalendar .fc-view > table > thead td {
    border-top: 0;
}

.custom-fullcalendar .fc-toolbar .fc-button {
    background: transparent;
    border-color: rgba(238, 241, 242, 0.7);
    border-radius: 0;
    padding: 0.71429em 0.71429em;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
    z-index: 1;
    font-family: "Montserrat", sans-serif;
}

.custom-fullcalendar .fc-toolbar .fc-button.fc-state-active {
    color: #4ca83f;
}

.custom-fullcalendar .fc-toolbar .fc-button.fc-state-disabled {
    opacity: 0.4;
}

.custom-fullcalendar .fc-event {
    font-size: 0.75rem;
    border-radius: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0.41667em;
    text-align: center;
    color: #fff !important;
    -webkit-transition: background 0.3s ease, color 0.3s ease;
    transition: background 0.3s ease, color 0.3s ease;
    font-family: "Montserrat", sans-serif;
}

.custom-fullcalendar .fc-widget-header {
    border-left: 0;
    border-right: 0;
}

.custom-fullcalendar .fc-head .fc-axis,
.custom-fullcalendar .fc-day-header {
    font-size: 0.85714em;
    letter-spacing: 0.1em;
    opacity: 0.6;
    border: 0;
    padding: 1.66667em 0.83333em;
    text-transform: uppercase;
}

.custom-fullcalendar .fc-head .fc-axis a,
.custom-fullcalendar .fc-day-header a {
    color: #fff;
}

.custom-fullcalendar .fc-body .fc-axis {
    background: #f7f7fd;
}

.custom-fullcalendar .fc-day-top {
    font-size: 1em;
}

.custom-fullcalendar .fc-day-top a {
    color: #6a719091;
}

.fullcalendar-events .fc-event {
    background: transparent !important;
    border: 0 !important;
    color: #151b23;
    cursor: pointer;
    padding: 0.71429em 1.42857em;
    font-size: 0.875rem;
    font-family: "Montserrat", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.fullcalendar-events .fc-event:hover {
    background: rgba(95, 96, 179, 0.03) !important;
}

.fullcalendar-events .fc-event-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.fullcalendar-events i {
    height: 2.14286em;
    width: 2.14286em;
    text-align: center;
    line-height: 2.14286em;
    border-radius: 3px;
    margin-right: 1.25rem;
    background: inherit;
}

body.rtl .fullcalendar-events i {
    margin-right: 0;
    margin-left: 1.25rem;
}

/* CLNDR
========================*/

.clndr {
    padding: 1.78571em 2.14286em;
    position: relative;
}

.clndr .day-number {
    position: relative;
    z-index: 2;
}

.clndr .clndr-grid::after {
    clear: both;
    content: "";
    display: block;
}

.clndr .clndr-grid .days {
    display: block;
}

.clndr .clndr-grid .days > .day {
    display: inline-block;
    width: 14.28571%;
    float: left;
    padding: 0 0.71429em;
    line-height: 3em;
    cursor: pointer;
    position: relative;
    z-index: 0;
}

.clndr .clndr-grid .days > .day.event::before,
.clndr .clndr-grid .days > .day.today::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%);
    background: rgba(153, 153, 153, 0.1);
    z-index: 1;
    height: 2.5em;
    width: 2.5em;
    border-radius: 100px;
    display: block;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.clndr .clndr-grid .days > .day.event::before {
    background: none;
    border: 1px solid rgba(153, 153, 153, 0.3);
}

.clndr .clndr-grid .days > .day.event::before {
    opacity: 1;
}

.clndr .clndr-grid .days > .day.last-month,
.clndr .clndr-grid .days > .day.next-month {
    color: rgba(153, 153, 153, 0.2);
}

.clndr .event-listing {
    margin-right: -2.28571em;
    margin-bottom: -1.85714em;
    margin-left: -2.28571em;
    margin-top: 2.5em;
    padding: 1.42857em 0 1.42857em;
    color: #6a719091;
    background: #fff;
}

.clndr .event-listing::after {
    clear: both;
    content: "";
    display: block;
}

.clndr .event-listing .selected-date {
    position: relative;
    text-align: center;
    display: block;
}

.clndr .event-listing .selected-date .date {
    vertical-align: top;
    font-size: 2.14286em;
    line-height: 1em;
}

.clndr .event-listing .event-item {
    border-bottom: 1px solid #cdd0e161;
    padding-bottom: 0.71429em;
    margin-bottom: 0.71429em;
}

.clndr .event-listing .event-item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.clndr .event-listing .event-item-time {
    opacity: 0.5;
}

.clndr .event-listing .event-item-title {
    margin-left: 0.71429em;
}

.clndr .event-listing .event-item-icon {
    vertical-align: sub;
    float: right;
}

.clndr .clndr-previous-button,
.clndr .clndr-today-button,
.clndr .clndr-next-button {
    cursor: pointer;
    position: relative;
    top: -0.14286em;
}

.color-white .clndr,
.color-white .clndr .clndr-title,
.color-white .clndr .curront-month,
.color-white .clndr .days .day {
    color: #fff;
}

.color-white .clndr .days .day.last-month,
.color-white .clndr .days .day.next-month {
    color: rgba(255, 255, 255, 0.3);
}

.color-white .clndr .days .day.event::before {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.color-white .clndr .days .day.today {
    color: #4ca83f;
}

.color-white .clndr .days .day.today::before {
    background: white;
    opacity: 1;
    border-color: transparent;
}

/********************************
*********************************
BASIC
*********************************
*********************************/

/* Vector Maps
========================*/

.gmap {
    width: 100%;
    height: 21.42857em;
}

.gmap .overlay {
    background: #4ca83f;
    border-radius: 5px;
    color: #fff;
    padding: 1em;
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-size: 1.36364em;
    z-index: 1;
    -webkit-transform: translateY(-1.42857em);
    transform: translateY(-1.42857em);
}

.gmap .overlay:before {
    z-index: 2;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #4ca83f transparent transparent transparent;
    display: block;
    content: "";
    position: absolute;
    right: 50%;
    bottom: 0;
    -webkit-transform: translateX(50%) translateY(100%);
    transform: translateX(50%) translateY(100%);
}

/********************************
*********************************
BASIC
*********************************
*********************************/

/* Vector Maps
========================*/

.vmap {
    width: 100%;
    height: 28.57143em;
}

.vmap .jqvmap-zoomin,
.vmap .jqvmap-zoomout {
    height: 1em;
    width: 1em;
    font-size: 1.07143em;
    line-height: 0.66667em;
}


/********************************
 *********************************
Inbox
 *********************************
 *********************************/

/* Mail Inbox
========================*/

a.inbox-icons-top {
    padding: 6px 6px 0px;
    line-height: 1;
    opacity: 0.2;
    transition: all 0.3s ease-in-out;
    color: #dfdfe1;
}

a.inbox-links {
    opacity: 0.9;
    font-family: artiistabold;
    font-size: 90%;
    padding: 3px 7px;
    color: #dddddf;
}

.page-reload {
    position: absolute;
    margin-top: 3px;
}

a.inbox-links:hover {
    transition: color 0.2s ease-in-out;
    color: #151b23;
}

.mail-inbox {
    position: relative;
    margin-top: 7px;
    padding-right: 7px;
}

.col-lg-4.col-md-12.d-md-flex.flex-column.mail-sidebar.h-100 {
    overflow: hidden;
}

.table-wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

.widget-inbox {
    height: 100%;
}

#inbox_page .widget-holder.widget-full-content .widget-body,
#inbox_page .row.no-gutters {
    height: 100%;
/*    max-height: 670px;*/
    width: 100%;
}

#inbox_page .widget-holder.widget-full-content .widget-body {
    padding-bottom: 5px;
}


.table-inside {
    display:table-cell;
}

h6.title-dash-inbox {
    margin-left: 10px;
    font-size: 120%;
    margin-bottom: 20px;
    margin-top: 9px;
}

@media (max-width: 767px) {
    .mail-inbox {
        height: auto !important;
    }
}



.mail-inbox-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 5em;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    border-bottom: 1px solid #cdd0e161;
    background-color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    margin-right: 7px;
}

.mail-inbox-select-all {
    font-size: 0.85714em;
    display: inline-block;
}

.mail-inbox-select-all span.label-text {
    padding-left: 2.08333em;
}

.mail-list-item {
    position: relative;
    padding: 5px 5px 5px 10px;
    background-color: #fff;
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    min-height: 73px;
}

.mail-list-item:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.mail-list-item .checkbox {
    padding: 0;
}


.mail-list-item .checkbox .label-text {
    padding-left: 1em;
}

.mail-list-item .mail-select-checkbox .label-text {
    padding: 0 !important;
    margin-right: 20px;
}

.mail-single figure svg {
    border-radius: 100%;
}

body.rtl .mail-list-item .mail-select-checkbox .label-text {
    margin-right: 0;
    margin-left: 1.42857em;
}

/*
.current .text-muted {
    color: #151b23 !important;
}
*/

.mail-list-item::last-child {
    border-bottom: 0;
}

.mail-inbox-categories .list-inline-item {
    margin-right: 1.5em;
}

.mail-inbox-categories .list-inline-item:not(.active) a {
    color: #151b23;
}

/* Mail Single
========================*/

.mail-single > header {
    margin-left: 1.07143em;
}

.mail-single-content {
    border: 1px solid #cdd0e161;
    border-left: 0;
    border-right: 0;
    position: relative;
    top: -0.07143em;
    padding: 2.5em 3.57143em 0.71429em 3.57143em;
}

.mail-single-content > header {
    color: #151b23;
}

.mail-single-content > header a {
    color: #151b23;
}

.mail-single-content > header a:hover {
    text-decoration: underline;
}

.mail-single-reply {
    border-top: 1px solid #cdd0e161;
    position: relative;
}

.mail-single .delivery-files {
    margin: 0;
    padding: 0 20px 30px 20px;
}

.file-delivered-wrapper .icon-file-ext,
.file-delivered-wrapper_conv .icon-file-ext {
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
    margin-left: 7px;
}

.down.file-delivered-wrapper:hover .icon-file-ext,
.down.file-delivered-wrapper_conv:hover .icon-file-ext {
    opacity: 0;
}

.mail-single-reply .triangle-top {
    height: 0;
    width: 0;
    position: absolute;
    top: -1.07143em;
    left: 3.57143em;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #ccc transparent;
}

.mail-single-reply .triangle-top:after {
    content: '';
    position: absolute;
    top: 0.07143em;
    left: -1.14286em;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 0 16px 16px 16px;
    border-color: transparent transparent #fff transparent;
}

.reply-message-send.disabled {
    filter: sepia(100%) hue-rotate(190deg) saturate(100%);
    opacity: 0.3;
}

.reply-message-send {
    filter: none;
    opacity: 1;
    transition: all 0.2s ease-in-out;
}

textarea#reply-message {
    width: 100%;
    border: none;
    resize: none;
    padding: 15px 15px 0px 15px;
    background-color: transparent;
}

.reply-message {
    width: 90%;
    float: left;
    padding-left: 50px;
}

.reply-message-send {
    width: 10%;
    float: left;
}

.reply-message-send {
    width: 8%;
    margin-left: 2%;
    float: left;
    margin-top: 23px;
}

.reply-message-send-file {
    position: absolute;
    margin-top: 18px;
    margin-left: 25px;
    filter: sepia(100%) hue-rotate(190deg) saturate(100%);
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.reply-message-send-file:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.reply-message-send:hover {
    cursor: pointer;
}

.mail-list-item.media:hover {
    cursor: pointer;
}

#send_files_conversation .checkbox-list__item,
#submit_files_form_wrapper .checkbox-list__item,
#submit_delivery_form_wrapper1 .checkbox-list__item,
#submit_delivery_form_wrapper2 .checkbox-list__item,
#submit_delivery_form_wrapper3 .checkbox-list__item,
#add-more-files-delivery .checkbox-list__item {
    border-bottom: 0px;
    display: inline-block;
}

#send_files_dropzone_last {
    text-align: center;
}


/* Mail Compose
========================*/

body.rtl .mail-sidebar {
    border-right: 0;
    border-left: 1px solid #cdd0e161;
}

.mail-compose .wysihtml5-sandbox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-left: 0 !important;
    border-right: 0 !important;
}

.mail-compose .wysihtml5-toolbar {
    border-left: 0;
    border-right: 0;
}

.mail-compose .wysihtml5-toolbar {
    border-left: 0;
    border-right: 0;
}

/* Mail Attachment
========================*/

.mail-attachment .mail-attachment-heading .list-icon {
    height: 1em;
    width: 1.25rem;
    text-align: center;
    font-size: 1.125rem;
    margin-right: 0.3125rem;
}

.mail-attachment .file-list {
    margin: 0 -0.9375rem;
}

.mail-attachment .file-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-uadius: 3px;
    padding: 0.71429em 1.07143em;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    font-size: 0.85714em;
}

.mail-attachment .file-list-item i,
.mail-attachment .file-list-item img {
    height: 1.78571em;
    width: 1.78571em;
    line-height: 1.78571em;
    text-align: center;
    border-radius: 100px;
    margin-right: 0.71429em;
}

.mail-attachment .file-list-item a {
    color: #151b23;
}

.mail-attachment .file-list-item a.list-inline-item {
    font-size: 1.08333em;
    color: #bbb;
}

.mail-attachment .file-list-item:hover {
    background: #f9f9f9;
}

/********************************
*********************************
Widgets
*********************************
*********************************/

/* Widgets
========================*/

.widget-holder figure,
.widget-latest-comments figure,
.widget-todo figure,
.widget-latest-transactions figure,
.widget-user-activities figure {
    margin-bottom: 0;
}

.widget-holder .single,
.widget-latest-comments .single,
.widget-todo .single,
.widget-latest-transactions .single,
.widget-user-activities .single {
    padding: 1.07143em 0;
    border-bottom: 1px solid #cdd0e161;
}

.widget-holder .single:first-of-type,
.widget-latest-comments .single:first-of-type,
.widget-todo .single:first-of-type,
.widget-latest-transactions .single:first-of-type,
.widget-user-activities .single:first-of-type {
    padding-top: 0;
}

.widget-holder .single:last-of-type,
.widget-latest-comments .single:last-of-type,
.widget-todo .single:last-of-type,
.widget-latest-transactions .single:last-of-type,
.widget-user-activities .single:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
}

.widget-holder .single-header,
.widget-latest-comments .single-header,
.widget-todo .single-header,
.widget-latest-transactions .single-header,
.widget-user-activities .single-header {
    margin-bottom: 10px;
}

.widget-holder .single-amount,
.widget-holder .single-user-details,
.widget-latest-comments .single-amount,
.widget-latest-comments .single-user-details,
.widget-todo .single-amount,
.widget-todo .single-user-details,
.widget-latest-transactions .single-amount,
.widget-latest-transactions .single-user-details,
.widget-user-activities .single-amount,
.widget-user-activities .single-user-details {
    margin-left: 1.5em;
}

.widget-holder .single-event-icon,
.widget-holder .single-user-avatar,
.widget-latest-comments .single-event-icon,
.widget-latest-comments .single-user-avatar,
.widget-todo .single-event-icon,
.widget-todo .single-user-avatar,
.widget-latest-transactions .single-event-icon,
.widget-latest-transactions .single-user-avatar,
.widget-user-activities .single-event-icon,
.widget-user-activities .single-user-avatar {
    margin-right: 1.5em;
}

.widget-holder .single-user-details,
.widget-latest-comments .single-user-details,
.widget-todo .single-user-details,
.widget-latest-transactions .single-user-details,
.widget-user-activities .single-user-details {
    font-size: 1em;
}

.widget-holder .single-user-details small,
.widget-latest-comments .single-user-details small,
.widget-todo .single-user-details small,
.widget-latest-transactions .single-user-details small,
.widget-user-activities .single-user-details small {
    line-height: 1;
}

.widget-holder .single-user-name,
.widget-holder .single-job-title,
.widget-latest-comments .single-user-name,
.widget-todo .single-user-name,
.widget-latest-transactions .single-user-name,
.widget-user-activities .single-user-name {
    line-height: 1.3;
    font-family: Jost;
    color: #4f4e65;
    display: block;
}


body.rtl .widget-holder .single-user-avatar,
body.rtl .widget-latest-comments .single-user-avatar,
body.rtl .widget-todo .single-user-avatar,
body.rtl .widget-latest-transactions .single-user-avatar,
body.rtl .widget-user-activities .single-user-avatar {
    margin-left: 1.5em;
    margin-right: 0;
}

#load_more {
    display: none;
}

/* Latest Transactions
========================*/

.my-custom-offers-artiista_received {
    cursor: pointer !important;
}

.widget-latest-transactions .price-amount {
    padding: 0;
    display: table-cell;
    margin-left: 10px;
    margin-right: 5px;
}

.withdrawals-artiista .price-amount {
    margin-right: 10px;
}

.widget-latest-transactions figure {
    margin-bottom: 0;
}

.widget-latest-transactions .single-user-details {
    font-size: 1em;
}

.widget-latest-transactions .single-user-details small {
    line-height: 1;
}

.widget-latest-transactions .single-status,
.widget-latest-transactions .single-amount {
    font-size: 0.92857em;
}

.widget-latest-transactions .single-amount {
    color: #4f4e65;
    margin-bottom: 0;
    display: table-cell;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 1;
}

.withdrawals-artiista .single-amount {
    flex-grow: 1;
}

.custom_offers_wrapper .single-amount .date_added {
    margin-top: 16px;
}

.amount-sales.custom-offers-received {
    margin-top: 7px;
}

.single-amount .date_added {
    padding-bottom: 9px;
    line-height: 1.3;
    margin-top: 3px;
    font-size: 90%;
}

.dark .widget-latest-transactions .single-amount {
    color: #cfcedc;
    margin-right: 10px;
}

.requests-data-numb-inside .currency-symb.left {
    margin-right: -5px;
}

.widget-latest-transactions .single-status {
    vertical-align: middle;
    display: table-cell;
    margin-left: 14px;
}

.widget-latest-transactions .single-status i {
    margin-right: 0.4em;
}



/* User Activities
========================*/

.widget-user-activities {
    width: 100%;
}

.widget-user-activities .single {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.78571em 0;
}

.widget-user-activities .single-body {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-left: calc(50px + 1.5em);
}

.widget-user-activities .single-body p {
    font-size: 0.92857em;
}

.widget-user-activities .single-likes i {
    margin-right: 0.5em;
    color: #bbb;
}

.widget-user-activities .single-attachment {
    display: block;
    background: rgba(3, 169, 243, 0.05);
    border: 1px solid rgba(3, 169, 243, 0.1);
    border-radius: 3px;
    padding: 0.71429em;
    margin-top: 0.71429em;
}

.widget-user-activities .single-attachment-icon {
    background: #4ca83f;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2em;
    width: 2em;
    color: #fff;
    font-size: 1.42857em;
    border-radius: 3px;
    float: left;
    margin-right: 0.75em;
}

.widget-user-activities .single-attachment-filesize,
.widget-user-activities .single-attachment-filename {
    display: block;
    font-size: 0.85714em;
}

.widget-user-activities .single-attachment-filename {
    font-family: "Montserrat", sans-serif;
    color: #151b23;
}

.widget-user-activities .single-attachment-filesize {
    color: #bbb;
}

.widget-user-activities .single-event-icon {
    background: #4ca83f;
    color: #fff;
    border-radius: 100px;
    font-size: 1.25rem;
    height: 3.125rem;
    width: 3.125rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.widget-user-activities .single-users-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.widget-user-activities .single-users-list a {
    height: 2.1875rem;
    width: 2.1875rem;
    margin-left: -0.625rem;
}

.widget-user-activities .single-users-list a:nth-last-child(2) {
    margin-left: 0;
}

.widget-user-activities .single-users-list a img {
    border-radius: 100px;
    border: 2px solid #fff;
}

.widget-user-activities .single-users-list a.more {
    height: auto;
    width: auto;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-left: 1em;
    color: #6a719091;
}

body.rtl .widget-user-activities .single-event-icon {
    margin-right: 0;
    margin-left: 1.5em;
}

body.rtl .widget-user-activities .single-users-list a.more {
    margin-left: 0;
    margin-right: 1em;
}

/* Chat Activities
========================*/

.widget-chat-activity .message {
    margin: 0.71429em 0;
}

.widget-chat-activity .message:first-child {
    margin-top: 0;
}

.widget-chat-activity .message:last-child {
    margin-bottom: 0;
}

.widget-chat-activity .message p {
    background: #4ca83f;
    border: 1px solid #4ca83f;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: .5em 1em;
    color: #fff;
    margin-bottom: .5em;
    position: relative;
}

.widget-chat-activity .message p:first-child:before,
.widget-chat-activity .message p:first-child:after {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: 1.25rem;
    right: -7px;
    left: auto;
    border-style: solid;
    border-width: 6px 0 7px 6px;
    border-color: transparent transparent transparent #4ca83f;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.widget-chat-activity .message p:first-child:before {
    right: -7px;
    border-left-color: #4ca83f;
}

.widget-chat-activity .message .message-body {
    margin-top: .5em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: auto 1.5em;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.widget-chat-activity .message figure {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.widget-chat-activity .message.reply p {
    background: #fff;
    border: 1px solid #cdd0e161;
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #666;
}

.widget-chat-activity .message.reply p:first-child:before,
.widget-chat-activity .message.reply p:first-child:after {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    right: auto;
    left: -7px;
    border-style: solid;
    border-width: 6px 7px 6px 0;
    border-color: transparent #fff transparent transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.widget-chat-activity .message.reply p:first-child:before {
    left: -9px;
    border-right-color: #cdd0e161;
}

.widget-chat-activity .message.reply figure {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.widget-chat-activity .message.reply .message-body {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

body.rtl .widget-chat-activity .message p:first-child::before,
body.rtl .widget-chat-activity .message p:first-child::after {
    border-width: 6px 7px 6px 0;
    border-color: transparent #4ca83f transparent transparent;
}

body.rtl .widget-chat-activity .message p:first-child:after,
body.rtl .widget-chat-activity .message p:first-child:before {
    right: auto;
    left: -7px;
}

body.rtl .widget-chat-activity .message.reply p:first-child::after,
body.rtl .widget-chat-activity .message.reply p:first-child::before {
    border-width: 6px 0 6px 7px;
    border-color: transparent transparent transparent #4ca83f;
}

body.rtl .widget-chat-activity .message.reply p:first-child:after,
body.rtl .widget-chat-activity .message.reply p:first-child:before {
    left: auto;
    right: -7px;
}

body.rtl .widget-chat-activity .message.reply p:first-child:before {
    border-left-color: #cdd0e161;
    right: -8px;
}

body.rtl .widget-chat-activity .message.reply p:first-child:after {
    border-left-color: #fff;
}

/* Latest Comments
========================*/

.widget-latest-comments .single {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.widget-latest-comments .single-body {
    margin-left: 1.5em;
}

.widget-latest-comments .single-user-name {
    display: inline;
}

.widget-latest-comments .single-timestamp {
    font-size: 0.92857em;
    margin-left: 0.4em;
}

.widget-latest-comments .single:hover .single-footer ul {
    display: block;
}

.widget-latest-comments .single-footer .badge,
.widget-latest-comments .single-footer .label {
    padding-right: 1rem;
    padding-bottom: 1;
    padding-left: 1rem;
    font-family: "Montserrat", sans-serif;
}

.widget-latest-comments .single-footer ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: none;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .widget-latest-comments .single-footer ul {
        display: block;
    }
}

@media (max-width: 767px) {
    .widget-latest-comments .single-footer ul {
        display: block;
    }
}

.widget-latest-comments .single-footer ul li {
    display: inline-block;
    font-size: 1.28571em;
    line-height: 1em;
    padding-left: 0.27778em;
    padding-right: 0.27778em;
}

.widget-latest-comments .single-footer ul li a {
    color: #bbb;
}

.widget-latest-comments .single-footer ul li a:hover {
    color: #4ca83f;
}

/* Latest Posts
========================*/

.widget-latest-posts {
    position: relative;
}

.widget-latest-posts .widget-bg {
    border-radius: 5px;
    overflow: hidden;
}

.widget-latest-posts .widget-body {
    padding: 0;
}

.widget-latest-posts .box-title {
    text-transform: uppercase;
    font-size: 0.75rem;
    color: #bbb;
    letter-spacing: .1em;
}

.widget-latest-posts article {
    margin-left: 0;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.widget-latest-posts article .row,
.widget-latest-posts article .custom-fullcalendar {
    margin: 0;
}

.widget-latest-posts figure {
    margin-bottom: 0;
}

.widget-latest-posts .post-img {
    padding: 0;
}

.widget-latest-posts .post-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2.14286em 1.42857em;
}

.widget-latest-posts .post-details figure {
    height: 1.875rem;
    width: 1.875rem;
}

.widget-latest-posts .post-details .post-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.widget-latest-posts .post-details .post-links ul {
    margin-left: 1em;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.widget-latest-posts .post-details .post-links li {
    display: inline-block;
    padding: 0 0.5em;
    font-family: "Montserrat", sans-serif;
    font-size: 0.78571em;
}

.widget-latest-posts .post-details .post-links li a {
    color: #151b23;
}

.widget-latest-posts .post-details .post-links li a i {
    color: #bbb;
}

.widget-latest-posts .post-details .post-links li a:hover {
    color: #4ca83f;
}

.widget-latest-posts .post-title {
    margin-top: 0;
    margin-bottom: 1.25rem;
}

.widget-latest-posts .post-title a {
    color: #151b23;
}

.widget-latest-posts .post-title a:hover {
    color: #4ca83f;
}

.widget-latest-posts .carousel.slick-slider.slick-dotted {
    margin-bottom: 0;
}

.widget-latest-posts .carousel.slick-slider .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 42%;
    text-align: center;
}

.widget-latest-posts .carousel.slick-slider .slick-dots li {
    margin-right: 3px;
    margin-left: 3px;
}

.widget-latest-posts .carousel.slick-slider .slick-dots li button::before {
    background: none;
    border: 2px solid #fff;
    opacity: 1;
    height: 12px;
    width: 12px;
}

.widget-latest-posts .carousel.slick-slider .slick-dots .slick-active button::before {
    -webkit-transform: none;
    transform: none;
    background: #fff;
}

body.rtl .widget-latest-posts .post-details {
    direction: rtl;
}

/* User Profile
========================*/

.section-profile .row {
    padding-bottom: 15px;
}

.widget-user-profile {
    max-height: 630px;
}

.widget-search-page {
    max-height: 630px;
}

.profile-nav {
    position: absolute;
    bottom: 12px;
}

#edit-contact-profile {
    position: absolute;
    bottom: 25px;
    right: 0;
}

#edit-contact-profile a {
    color: #fff;
}


#contact-user-wrapper {
    right: 0;
}

.view-profile {
    max-width: 1280px;
}

.container.view-profile {
    min-height: 600px;
}

.container.view-profile.row .widget-bg {
    padding: 40px;
}

#profile-informations {
    padding-top: 20px;
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
}

.widget-user-profile .profile-wall-img img,
.widget-user-profile .profile-wall-img-new img {
    width: 100%;
    height: 560px;
}

.view-profile .video-list {
    padding-bottom: 15px;
}

.player-profile-wrapper:last-of-type .player-profile {
    padding-bottom: 10px;
}

.widget-user-profile .profile-body {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.widget-bg.row.no-padding {
    padding: 0;
}

.no-padding {
    padding: 0 !important;
}

.widget-user-profile .profile-user-avatar a {
    display: block;
}

.widget-user-profile .profile-user-avatar img {
    border-radius: 40px;
    background-color: #fff;
}

.widget-user-profile .profile-user-avatar:after {
    content: '';
    width: 30px;
    height: 1px;
    background: #cdd0e161;
    margin-top: 1.42857em;
}

.widget-user-profile .profile-user-name {
    font-size: 450%;
    transition: all 0.3s ease-in-out;
}

#artist-name h1 {
    line-height: 1;
}

.profile-description-mobile {
    text-align: left;
}

.widget-user-profile .profile-seperator {
    width: 30px;
    border-top-color: #cdd0e161;
    margin-top: 1.25rem;
}

.widget-user-profile .profile-user-address {
    font-size: 0.85714em;
    font-family: "Montserrat", sans-serif;
}


/* Counter Widget
========================*/

.widget-todo .single {
    padding: 1.42857em 0;
}

.widget-todo .single-icon {
    margin-right: 1.07143em;
    margin-top: 0.21429em;
    font-size: 1.42857em;
}

.widget-todo .single-title {
    margin: 0.42857em 0;
    font-size: 0.875rem;
    letter-spacing: 0;
}

.widget-todo .dropdown-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.widget-todo .dropdown-item .list-icon {
    margin-right: 0.42857em;
    font-size: 1em;
}

.widget-todo .single-tags {
    font-family: "Montserrat", sans-serif;
}

.widget-todo .single-tags li {
    display: inline-block;
    margin-right: 0.35714em;
    font-size: 0.9em;
}

.widget-todo .single-tags li a:before {
    content: '\0023';
}

.widget-todo .single.done .media-body {
    opacity: 0.4;
}

.widget-todo .dropdown > .dropdown-toggle {
    color: #6a719091;
}

.widget-todo .add-btn {
    position: absolute;
    right: 50%;
    bottom: 0;
    -webkit-transform: translateY(50%) translateX(50%);
    transform: translateY(50%) translateX(50%);
}

body.rtl .widget-todo .dropdown-item .list-icon {
    margin-right: 0;
    margin-left: 0.42857em;
}

/* Counter Widget
========================*/

.widget-counter {
    padding-left: 0.71429em;
}

.widget-counter h6 {
    text-transform: uppercase;
    margin-top: 0.71429em;
    padding-right: 2.14286em;
}

.widget-counter small {
    letter-spacing: .05em;
    display: block;
    opacity: .5;
    margin-top: 0.47619em;
    text-transform: none;
}

.widget-counter i {
    position: absolute;
    top: 1.57895em;
    right: 2.10526em;
    font-size: 1.35714em;
}

.widget-counter i::before,
.widget-counter i::after {
    content: "";
    background: #e5e5e5;
    position: absolute;
    left: -0.36842em;
}

.text-inverse .widget-counter i::before,
.text-inverse .widget-counter i::after {
    background: #fff;
    background: rgba(255, 255, 255, 0.3);
}

.widget-counter i::before {
    top: 0.31579em;
    height: 1.05263em;
    width: 0.05263em;
}

.widget-counter i::after {
    bottom: -0.42105em;
    width: 1.05263em;
    height: 0.05263em;
}

.widget-counter h3 {
    font-family: "Roboto", sans-serif;
    font-size: 2.85714em;
}

/* User List
=======================*/

ul.widget-user-list {
    padding-top: 0.71429em;
}

ul.widget-user-list .d-flex a {
    display: inline-block;
}

ul.widget-user-list li {
    padding-bottom: 0.71429em;
    padding-top: 1.07143em;
    border-bottom: 0.0625rem solid white;
}

ul.widget-user-list li:last-child {
    border: none;
}

ul.widget-user-list h5 {
    font-size: 1.07143em;
    margin-top: 0;
}

ul.widget-user-list small {
    display: block;
    font-size: 0.78571em;
}

ul.widget-user-list .media-body {
    position: relative;
}

ul.widget-user-list .media-body .btn {
    padding: 0 2.15385em;
    text-transform: uppercase;
    margin-top: 0.23077em;
    line-height: 2.46154em;
    border-radius: 0.30769em;
    font-size: 0.92857em;
    float: right;
}

ul.widget-user-list .media-body .btn-outline-secondary {
    color: #c1c0d4a8;
}

ul.widget-user-list .media-body .btn-outline-secondary:hover {
    color: #151b23;
    background-color: #e4e7ea;
}

body.rtl ul.widget-user-list {
    padding-top: 0.71429em;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

@media (max-width: 480px) {
    ul.widget-user-list .media-body .btn {
        display: none;
    }
}

ul.widget-user-list .media-heading a {
    display: inline-block;
    color: rgba(0, 0, 0, 0.7);
    margin: 0.28571em 0 0.35714em;
}

ul.widget-user-list .media-heading a:hover {
    color: #4ca83f;
}

/* Profile Add Content Widget
============================*/

.widget-profile-add-tabs {
    margin-bottom: 2.14286em;
}

.widget-profile-add-tabs .nav-pills .nav-link {
    padding: .3em 2em;
    font-size: 0.85714em;
}

.widget-profile-add-tabs .nav-pills .nav-link.active {
    background: rgba(95, 96, 179, 0.1);
    color: #4ca83f;
}

.widget-profile-add-tabs .nav-pills .nav-link.attach-file-link {
    padding-right: 0;
    padding-left: 0;
    font-size: 0.92857em;
}

.widget-profile-add-tabs .tab-content {
    border: 1px solid #cdd0e161;
    margin-top: 1.42857em;
}

.widget-profile-add-tabs textarea {
    border: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    width: 100%;
    min-height: 50px;
    font-family: "Montserrat", sans-serif;
    resize: none;
}

/* Status Table Widget
============================*/

.widget-status-table thead {
    color: #cccccc;
}

.widget-status-table span {
    text-transform: uppercase;
    letter-spacing: 0.19048em;
    border-radius: 1.42857em;
    padding: 0.47619em 1.42857em;
}

.widget-status-table i {
    letter-spacing: 0.55556em;
}

.widget-status-table i:hover {
    color: #6a719091 !important;
}

.widget-status-table tbody a {
    color: rgba(0, 0, 0, 0.7);
}

.widget-status-table tbody a:hover {
    color: #4ca83f;
}

/* User Activity Feed
====================================*/

.widget-activity-header .nav-pills .nav-link {
    border-radius: 1.66667em;
    font-family: "Roboto", sans-serif;
    font-size: 0.85714em;
    color: #6a719091;
}

.widget-activity-header .nav-pills .nav-link.active {
    color: #fff;
    background-color: #4ca83f;
}

.widget-activity-header form {
    position: relative;
}

.widget-activity-header form .form-control {
    border: 2px solid #f2f3f5;
    border-radius: 1.07143em;
    padding: 1.07143em 9.28571em 1.07143em 1.42857em;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.widget-activity-header form .form-control:focus {
    border-color: #f2f3f5;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dark .issues-title.text-center {
    color: #fff;
}

#warning-opening-dispute {
    font-size: 90%;
    color: #9c9cad;
    padding-bottom: 5px;
    padding-top: 10px;
}

#warning-opening-dispute,
.label-checkbox-issue-agree-open-dispute {
    display: none;
}

a#submit_revisions_btn {
    color: #fff;
}

.widget-activity-header form .form-control::-webkit-input-placeholder {
    color: #d0d6e0;
    font-family: "Roboto", sans-serif;
}

.widget-activity-header form .form-control:-moz-placeholder {
    color: #d0d6e0;
    font-family: "Roboto", sans-serif;
}

.dark #custom-offer-modal .logo,
.dark #job-delivery .logo svg,
.dark #add-more-files-delivery .logo svg,
.dark #send_files_conversation .logo svg,
.dark #job-valoration .logo svg,
.dark #job-issue .logo svg,
.dark #revisions-delivery .logo svg,
.dark #lang-speak .logo svg {
    filter: brightness(0) invert(1);
    opacity: 0.6;
}

.widget-activity-header form .form-control::-moz-placeholder {
    color: #d0d6e0;
    font-family: "Roboto", sans-serif;
}

.dark textarea::placeholder,
.dark input::placeholder {
    color: #797d8cbf !important;
}

.widget-activity-header form .form-control:-ms-input-placeholder {
    color: #d0d6e0;
    font-family: "Roboto", sans-serif;
}

.widget-activity-header form div {
    position: absolute;
    bottom: 1.42857em;
    right: 1.42857em;
}

.widget-activity-header form div i {
    color: #c9d2da;
}

.widget-activity-header form div button {
    border-radius: 0.85714em;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.07143em;
    background-color: #c9d2da;
}

.widget-activitys {
    padding-top: 0.71429em;
}

.widget-activitys li {
    position: relative;
    margin-top: 0;
    padding: 0.71429em 0;
}

.widget-activitys li::before {
    content: "";
    background: #e5e5e5;
    position: absolute;
    top: 0;
    left: 1.5em;
    width: 0.0625rem;
    height: 100%;
}

.widget-activitys li:first-child {
    padding-top: 0;
}

.widget-activitys li:last-child,
.widget-activitys li:last-child .media-body {
    padding-bottom: 0;
}

.widget-activitys .media-body {
    padding: 0.85714em 0;
    font-family: "Roboto", sans-serif;
}

.widget-activitys .media-heading {
    line-height: 1.5em;
    margin-top: 0;
}

.widget-activitys .media-heading strong a {
    color: #151b23;
}

.widget-activitys .media-heading strong a:hover {
    text-decoration: underline;
}

.widget-activitys .media-body-content {
    padding-top: 1.07143em;
}

.widget-activitys .widget-body-image-list figcaption {
    text-align: center;
    padding-top: 0.57143em;
    font-family: "Montserrat", sans-serif;
}

.widget-activitys .widget-body-image-list figcaption small {
    display: block;
    font-size: 70%;
}

/* Widget Social Twitter
====================================*/

.facebook-widget,
.twitter-widget {
    overflow: hidden;
    position: relative;
    padding: 2.14286em 1.42857em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 13.75rem;
}

.facebook-widget .status,
.twitter-widget .status {
    font-size: 1.07143em;
    margin-top: 2em;
}

.facebook-widget .status-container,
.twitter-widget .status-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.facebook-widget h5,
.facebook-widget h6,
.twitter-widget h5,
.twitter-widget h6 {
    color: #fff;
}

.facebook-widget .after,
.twitter-widget .after {
    font-size: 21.42857em;
    line-height: 6.25rem;
    opacity: 0.3;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.facebook-widget .user-info,
.twitter-widget .user-info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.facebook-widget .widget-icon,
.twitter-widget .widget-icon {
    font-size: 1.71429em;
}

.facebook-widget figure,
.twitter-widget figure {
    margin-bottom: 0;
}

.facebook-widget .user-name-group,
.twitter-widget .user-name-group {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.facebook-widget .user-profile-picture,
.twitter-widget .user-profile-picture {
    height: 2.14286em;
    width: 2.14286em;
    border-radius: 7.14286em;
    float: left;
    margin-right: 0.71429em;
}

.facebook-widget .user-name,
.twitter-widget .user-name {
    margin-top: 0.35714em;
    margin-bottom: 0.35714em;
    text-transform: uppercase;
    font-size: 0.85714em;
    letter-spacing: .05em;
}

.facebook-widget .user-screen-name,
.twitter-widget .user-screen-name {
    margin: 0;
    opacity: 0.7;
    font-size: 0.78571em;
    letter-spacing: 0;
}

.facebook-widget p,
.twitter-widget p {
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
}

body.rtl .facebook-widget .user-profile-picture,
body.rtl .twitter-widget .user-profile-picture {
    margin-right: 0;
    margin-left: 0.71429em;
}

/* Chart Specific Styles
====================================*/

.progress-stats-round {
    position: relative;
}

.progress-stats-round .list-icon {
    font-size: 2.14286em;
    position: absolute;
    top: 1em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.widget-social a {
    margin-top: -1.42857em;
    margin-bottom: -1.42857em;
    padding-top: 2.14286em;
    padding-bottom: 1.07143em;
}

.widget-social a:hover {
    text-decoration: none;
}

.widget-social a i {
    font-size: 2.85714em;
}

.widget-social-ft {
    margin-top: -1.42857em;
    margin-bottom: -1.42857em;
}

.widget-social-ft header {
    padding: 1.42857em 0;
}

.widget-social-ft header i {
    font-size: 2.85714em;
}

.widget-social-ft div div:last-child {
    border-left: 0.0625rem solid #cdd0e161;
}

.doughnut-widget {
    position: relative;
}

.doughnut-widget section {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.doughnut-widget section small {
    display: inline-block;
}

.doughnut-widget-details ul {
    width: 7.14286em;
    line-height: 2.14286em;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.statistic-squares [class*="col-"] {
    border-top: 0.0625rem solid #f7f7fd;
    border-left: 0.0625rem solid #f7f7fd;
    padding-top: 2.14286em;
    padding-bottom: 2.14286em;
}

.statistic-squares [class*="col-"]:first-child {
    border-left: 0;
}

.statistic-squares > .row:first-child [class*="col-"],
.statistic-squares > .custom-fullcalendar:first-child [class*="col-"] {
    border-top: 0;
}

.knob-widget section {
    position: relative;
}

.knob-widget section i {
    font-size: 4.28571em;
    color: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.knob-widget ul li {
    padding-left: 1.42857em;
    padding-right: 1.42857em;
}

.knob-widget ul li:last-child {
    border-left: 0.0625rem solid #cdd0e161;
}

.card-user-info-widget .caption-btn > a {
    margin-bottom: 0.66667em;
    letter-spacing: 0.13333em;
}

.card-user-info-widget .followers-details-list li {
    border: 0.0625rem solid #cdd0e161;
    padding: 0 2.85714em;
}

.card-user-info-widget .followers-details-list li:first-child {
    border-left: 0;
}

.card-user-info-widget .followers-details-list li:last-child {
    border-left: 0;
    border-right: 0;
}

.card-user-info-widget .email-details-list li {
    padding: 0px 2.14286em;
    line-height: 2.14286em;
}

/********************************
*********************************
Light Box Gallery
*********************************
*********************************/

.lightbox-gallery .lightbox img {
    width: 100%;
    height: auto;
}

.lightbox-gallery .lightbox a {
    overflow: hidden;
    display: block;
    position: relative;
}

.lightbox-gallery .lightbox a img {
    -webkit-transition: all 250ms;
    transition: all 250ms;
}

.lightbox-gallery .lightbox a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.promo-code-widget header h5 {
    background-color: #adc1c8;
    width: 2.85714em;
    height: 2.85714em;
    line-height: 2.85714em;
    color: #ffffff;
}

#promo-code-general {
    background-color: #fa0;
    display: inline-block;
    line-height: 1;
    color: #fff;
    font-size: 100%;
    font-family: Jost;
    padding: 3px 7px;
    border-radius: 5px;
}

#promo-code-remaining-days {
    color: #cfcedc;
    font-size: 85%;
    text-align: right;
}

#promo-code-general-detail {
    float: left;
    margin-right: 10px;
    color: #a5a4b5;
}

#promo-code-general-wrapper {
    float: right;
    padding-right: 30px;
}

#promo-code-general-wrapper-out {
    height: 70px;
}

.promo-code-widget section > a {
    display: inline-block;
    border: 1px dashed #cdd0e161;
}

.promo-code-widget section > input {
    max-width: 100%;
}

.social-icon-widget div:first-child {
    position: relative;
}

.social-icon-widget div:first-child::after {
    content: "";
    position: absolute;
    width: 0.07143em;
    height: 3.57143em;
    background-color: #dfe3e9;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.latest-widget header {
    border-bottom: 1px solid #efefef;
}

.latest-widget section .col-md-3 {
    border-right: 1px solid #efefef;
}

.latest-widget section .col-md-3:last-child {
    border-right: 0;
}

.latest-widget section .col-md-3 h5 {
    line-height: 1.57143em;
}

.latest-widget footer .btn {
    background-color: #2a2a31;
    color: #fff;
    outline: none;
}

.latest-widget footer .btn-default:active {
    background-color: #2a2a31;
    color: #fff;
}

.card-bench-widget figure {
    position: relative;
}

.card-bench-widget figure header {
    position: absolute;
    top: 1.42857em;
    right: 1.42857em;
}

.card-bench-widget figure header .btn {
    letter-spacing: 0.07143em;
    color: #fff;
    border-color: #fff;
}

.card-bench-widget figure header .btn:hover {
    background-color: #fff;
    color: #000;
}

.card-bench-widget figure section {
    position: absolute;
    bottom: 2.85714em;
    right: 1.42857em;
}

.card-bench-widget figure ul {
    position: absolute;
    bottom: 0em;
    right: 1.42857em;
}

.city-card-widget figure {
    position: relative;
}

.city-card-widget figure .city-card-status,
.city-card-widget figure .city-card-details {
    position: absolute;
    left: 1.42857em;
}

.city-card-widget figure .city-card-status {
    top: 1.42857em;
}

.city-card-widget figure .city-card-details {
    bottom: 0;
}

.city-card-widget figure .city-card-button {
    position: absolute;
    right: 1.42857em;
    bottom: 1.42857em;
}

.city-card-widget figure .city-card-button .btn {
    color: #fff;
    border-color: #fff;
}

.city-card-widget figure .city-card-button .btn:hover {
    color: #000;
    background-color: #fff;
}

.ecommerce-products-card figure {
    position: relative;
}

.ecommerce-products-card figure figcaption {
    position: absolute;
    top: 1.42857em;
    right: 1.42857em;
}

.ecommerce-products-card .ecommerce-products-card-details {
    padding: 2.14286em 2.85714em 1.78571em;
}

.ecommerce-products-card .ecommerce-products-card-details .product-title h6 {
    color: #bbc7d3;
}

.ecommerce-products-card .ecommerce-products-card-details .buy-button .btn {
    border-radius: 0;
    color: #ffffff;
    background-color: #88bf57;
    outline: none;
}

.ecommerce-products-card .ecommerce-products-card-details .buyer-button .btn {
    color: #bbc7d3;
    border-color: #bbc7d3;
}

.ecommerce-products-card .ecommerce-products-card-details .buyer-button .btn:hover,
.ecommerce-products-card .ecommerce-products-card-details .buyer-button .btn:focus {
    color: #000;
}

.ecommerce-products-card .ecommerce-products-card-details .product-ratings li a i {
    color: #f3a855;
}

/* Simple Thumnail Gallery
========================*/

.gallery-small a {
    display: inline-block;
    overflow: hidden;
    background: #000;
    position: relative;
    text-align: center;
}

.gallery-small img {
    -webkit-transition: 250ms opacity, 250ms -webkit-transform;
    transition: 250ms opacity, 250ms -webkit-transform;
    transition: 250ms transform, 250ms opacity;
    transition: 250ms transform, 250ms opacity, 250ms -webkit-transform;
    width: 100%;
    height: auto;
}

.dz-preview.dz-processing.dz-success.dz-complete.dz-image-preview {
    padding: 10px 9px 24px;
}

.dz-filename {
    background-color: #fdfdff;
    border: 1px solid #e2e2e2;
    color: #151b23;
    font-family: Jost;
    padding: 2px 10px;
    display: inline-block;
    border-radius: 20px;
    font-size: 80%;
    margin-top: 15px;
    display: none;
}

.gallery-small a:hover > img,
.gallery-small a.active > img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.gallery-small a:hover img,
.gallery-small .active img {
    opacity: .7;
}

.gallery-small a:hover span,
.gallery-small .active span {
    display: block;
    width: 100%;
    position: absolute;
    color: #fff;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.6em;
    line-height: 1;
    letter-spacing: -2px;
    font-family: "Montserrat", sans-serif;
}

.gallery-small a:hover small,
.gallery-small .active small {
    display: block;
    color: #fff;
    font-size: .8rem;
    margin-top: 5px;
    letter-spacing: 0;
}

/* Chart Widgets
============================*/

.chart-widget .card .card-header {
    padding-left: 2.14286em;
    background-color: #f9faff;
}

.chart-widget .card .card-header span {
    color: #9ca0a8;
}

.chart-widget .card .card-body {
    background-color: #f9faff;
}

.chart-widget .card .card-footer {
    background: none;
    border-color: #edf3f8;
}

.chart-widget .pie-chart {
    position: relative;
}

.chart-widget .pie-chart section {
    color: #9ca0a8;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.online-course-widget .card-header {
    background: none;
    position: relative;
}

.online-course-widget .card-header::after {
    content: "";
    position: absolute;
    height: 0.21429em;
    width: 2.85714em;
    bottom: 0;
    left: 1.42857em;
    background: #e9ecf0;
}

.online-course-widget .card-header a i {
    font-size: 1.57143em;
    background: #e9ecf0;
    padding: 0.68182em;
}

.online-course-widget .card-header a:hover i {
    background-color: #4ca83f;
}

.online-course-widget .card-header span {
    color: #6a768c;
    font-size: 0.92857em;
    padding: 1.15385em 1.53846em;
}

.online-course-widget .card-body {
    margin-bottom: 0.71429em;
}

.online-course-widget .card-body h5 a {
    line-height: 1.78571em;
    color: #6a768c;
}

.online-course-widget .card-footer {
    padding: 1.07143em 1.42857em;
    background-color: #fff;
    border-color: #cdd0e161;
}

.select-widget {
    font-family: "Roboto", sans-serif;
    margin-bottom: 2.14286em;
}

.select-widget section {
    margin-top: 2.14286em;
}

.select-widget section a div {
    margin-left: -0.71429em;
    margin-right: -0.71429em;
    border: 1px solid #cdd0e161;
    border-radius: 0.35714em;
    padding: 0 0.71429em 2.85714em 0.71429em;
}

.select-widget section i {
    font-size: 5.42857em;
    vertical-align: bottom;
}

.subscribe-widget {
    border: 0.14286em dashed #cdd0e161;
    padding: 1.42857em 1.42857em 2.85714em 1.42857em;
}

.subscribe-widget .col-md-2 {
    position: relative;
}

.subscribe-widget .col-md-2 i {
    font-size: 5.42857em;
}

.subscribe-widget .col-md-2 i::before {
    position: absolute;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    left: 40%;
    top: 20%;
}

.subscribe-widget .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tickets-table table thead {
    background: #fbfbfc;
}

.tickets-table table thead th {
    padding: 1.42857em;
    border-top: 1px solid #cdd0e161;
    border-bottom: 1px solid #cdd0e161;
}

.tickets-table table tbody tr {
    margin: 0.71429em 0;
}

.tickets-table table tbody tr:last-child td {
    border: none;
}

.tickets-table table tbody tr td {
    padding: 0.71429em 1.42857em;
    border-bottom: 1px solid #cdd0e161;
}

.tickets-table table tbody tr td i {
    font-size: 1.28571em;
}

.tickets-table table tbody tr td i::before {
    vertical-align: -webkit-baseline-middle;
}

.schedule-widget .col-md-3 {
    position: relative;
}

.schedule-widget .col-md-3::after {
    content: "";
    position: absolute;
    height: 2.85714em;
    width: 0.07143em;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #cdd0e161;
}

.schedule-widget .col-md-3:last-child::after {
    display: none;
}

.schedule-widget a i {
    position: relative;
    background: #cdd0e161;
    font-size: 1.28571em;
    height: 3.57143em;
    width: 3.57143em;
}

.schedule-widget a i::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.purpose-widget .card .card-body {
    border-bottom: 1px solid #cdd0e161;
}

.purpose-widget .card .card-body .col-md-6 {
    padding: 2.14286em;
    border-right: 1px solid #cdd0e161;
}

.purpose-widget .card .card-body .col-md-6:last-child {
    border: none;
}

.purpose-widget .card .card-body:last-child {
    border: none;
}

.status-view-widget .col-md-6 a {
    padding: 2.5em 1.78571em;
    border: 1px solid #fff;
    border-radius: 0.35714em;
    background: #f9f9f9;
}

.status-view-widget .col-md-6 a i {
    font-size: 1.42857em;
}

.status-view-widget .col-md-6 a i::before {
    vertical-align: -webkit-baseline-middle;
}

.status-view-widget .col-md-6 a h3 {
    color: #151b23;
}

.status-view-widget .col-md-6 a:hover {
    background: none;
    border-color: #38d57a;
}

.sports-card .card .card-header .list-icon {
    width: auto;
    height: auto;
    line-height: normal;
}

.sports-card .card .card-body > div > a small {
    border-bottom: 1px solid #cdd0e161;
}

/* Map Widgets
============================*/

.widget-map .gmap {
    position: relative;
}

.widget-map .gmap:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.widget-map .card {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

/* Project Index 
============================*/

.widget-project-index .card {
    border: 0;
}

.widget-project-index .card .card-header {
    background: #fff;
    border: 0;
}

.widget-project-index .card .card-header a {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

.widget-project-index .card .card-header a::after {
    display: none;
}

.widget-project-index .card .card-title {
    padding: 0;
}

.widget-project-index .card .count {
    height: 1.25rem;
    width: 1.25rem;
    line-height: 1.125rem;
    text-align: center;
    border-radius: 100%;
    border: 2px solid #cdd0e161;
    display: inline-block;
}

.widget-project-index .list-group {
    border: 0;
    background: #f5f7fa;
}

.widget-project-index .list-group .list-group-item {
    padding: 0.75em 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    background: #f5f7fa;
    border: 0;
    color: #bbb;
    font-size: 0.92857em;
}

.widget-project-index .list-group .list-group-item.active {
    color: #151b23;
    -webkit-box-shadow: inset 4px 0 0 0 #4ca83f;
    box-shadow: inset 4px 0 0 0 #4ca83f;
}

.widget-project-index .list-group small {
    margin-left: 1em;
}

.widget-project-index .list-group .list-icon {
    line-height: 2.14286em;
    margin-right: 1em;
    color: #bbb;
}

.widget-project-index .list-group .done-icon {
    display: block;
    font-size: 0.75rem;
    height: 1.66667em;
    width: 1.66667em;
    line-height: 1.66667em;
    text-align: center;
    border-radius: 100%;
    margin-top: .2em;
}

body.rtl .widget-project-index .list-group .list-group-item.active {
    -webkit-box-shadow: inset -4px 0 0 0 #4ca83f;
    box-shadow: inset -4px 0 0 0 #4ca83f;
}

body.rtl .widget-project-index .list-group .list-icon {
    margin-right: 0;
    margin-left: 1em;
}

/********************************
*********************************
Levels table
*********************************
*********************************/

.requirements-numbs {
    font-family: Jost;
    font-size: 110%;
}

.separator-advantages {
    height: 2px;
    background-color: #fff;
    width: 70%;
    margin: auto;
    margin-top: 25px;
    opacity: 0.2;
}

.advantages-numbs {
    font-size: 210%;
    line-height: 1;
}

.advantages-titles {
    line-height: 1.3;
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 90%;
    font-family: Zilla Slab;
}

.advantages-wrapper {
    margin: auto;
    margin-bottom: 10px;
}

.advantages-wrapper-general h6 {
    color: #fff;
    padding-top: 25px !important;
    font-size: 140%;
}

.advantages-wrapper-general li.d-flex {
    color: #fff !important;
    font-family: Jost;
}

.advantages-wrapper-general {
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    -webkit-box-shadow: none;
    margin: 0 -30px -33px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding-bottom: 1px;
}

#levels-page {
    max-width: 1200px;
}

#levels-page h1.title-dash.text-center {
    padding-top: 130px;
    font-size: 220%;
}

#levels-page h5.sub-heading-font-family.mb-4 {
    font-size: 180%;
}

span.requirements-numbs.no-level {
    font-size: 90%;
    font-family: Zilla Slab;
}

.text-center.requirements-table-title.greyed {
    font-style: italic;
    font-family: Zilla Slab;
    color: #b7b6c5;
}

#levels-page button.slick-prev.slick-arrow {
    margin-top: 56px;
    margin-left: 25px;
    padding: 0;
}

#levels-page button.slick-next.slick-arrow {
    margin-top: 56px;
    margin-right: 25px;
    padding: 0;
}

ul.list-unstyled.mt-3.requirements-table {
    min-height: 72px;
}

.advantages {
    float: left;
}

.advantages-wrapper {
    margin: auto;
}

.advantages-checkmark {
    margin-top: 2px;
    margin-right: 10px;
    float: left;
}

.levels-box {
    border: 0.0625rem solid #cdd0e161;
    border-radius: 12px;
    background: #fff;
    margin: 3em 0;
    padding-bottom: 1.07143em;
    padding-top: 0.71429em;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
}

.text-center.requirements-table-title {
    font-family: Jost;
    border-bottom: 2px solid #f7f7fd;
    padding-bottom: 10px;
}

[class^="col-md-"] .levels-box {
    margin-left: -0.35714em;
    margin-right: -0.35714em;
}

.levels-box .heading-basic {
    background: #d0ecfd;
    height: 5.71429em;
    width: 5.71429em;
    display: inline-block;
    line-height: 5.71429em;
    margin: auto;
}

.levels-box .heading-custom {
    background: #f1f1f1;
    height: 5.71429em;
    width: 5.71429em;
    line-height: 5.71429em;
    display: inline-block;
    margin: auto;
}

.levels-box li {
    padding: 3px 0px;
}

.levels-box hr {
    width: 80%;
}

ul.list-unstyled.mt-4.requirements-table {
    font-size: 95%;
}

.levels-box.featured-pricing-box {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0px 0px 0.64286em rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0.64286em rgba(0, 0, 0, 0.1);
}

.levels-box.featured-pricing-box .heading-featured {
    background: #d6f5d6;
    height: 2.85714em;
    width: 2.85714em;
    line-height: 2.85714em;
    display: inline-block;
    margin: 0;
}

[class^=col-md-] .levels-box.featured-pricing-box {
    margin-left: -2.14286em;
    margin-right: -2.14286em;
    margin-top: 0;
    margin-bottom: 0;
}

.levels-box.featured-pricing-box-2 h5,
.levels-box.featured-pricing-box-2 p,
.levels-box.featured-pricing-box-2 a,
.levels-box.featured-pricing-box-2 li {
    color: #fff;
}

.levels-box.featured-pricing-box-2 li {
    color: #fff !important;
}

.levels-box.featured-pricing-box-2 .btn-outline-default:hover {
    background: #fff;
    border-color: transparent;
    color: rgba(135, 206, 250, 0.7);
}

.levels-box header {
    margin-top: 2.14286em;
}

.levels-box header h5 {
    margin-bottom: 1.11111em;
}

.levels-box header span sub {
    font-size: 0.35714em;
    position: relative;
    top: 0;
}

.levels-box header .header-text {
    font-size: 1.07143em;
    margin-top: 2em;
}

.levels-box header .triangle-top-right {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 80px 80px 0;
    border-color: transparent #38d57a transparent transparent;
    position: absolute;
    top: 0.35714em;
    right: 0.35714em;
}

.levels-box header .triangle-top-right::before {
    content: "\e9bf";
    color: #fff;
    font-size: 1.42857em;
    position: absolute;
    left: 2.25em;
    top: 0.5em;
}

.levels-box ul {
    padding-right: 0;
}

.levels-box .levels-box-content li {
    border: none;
    color: #a1a0b5;
    background-color: transparent;
    text-align: center;
}

.levels-box .levels-box-content .btn {
    width: 80%;
    letter-spacing: 0.14286em;
    font-size: 0.78571em;
    margin-bottom: 1.78571em;
    text-transform: uppercase;
}


/********************************
*********************************
Timeline
*********************************
*********************************/

.custom-offer-bought {
    background-color: #cfcedc;
    color: #fff;
    font-family: Jost;
    text-align: center;
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: 40px;
}

#dispute-buyer-message {
    margin-bottom: 15px;
}

#dispute-seller-message {
    color: #ca0000;
}

.timeline-body.one-title.dispute h6 {
    color: #ca0000;
    padding-top: 15px;
    padding-bottom: 15px;
}

.dispute .dispute-subtitle {
    font-family: Jost;
    padding-bottom: 10px;
}

.dispute .dispute-subtitle.seller {
    border-top: 4px solid #f7f7fd;
    padding-top: 20px;
    margin-top: 15px;
}

.dark .dispute .dispute-subtitle.seller {
    border-top: 4px solid #4e4c5a7a;
}

.order-status-icon {
    float: left;
    margin-right: 20px;
    height: 40px;
}

.timeline-status .dash-stats-col {
    margin-top: 10px;
    margin-bottom: 10px;
}

.timeline-order-status-title {
    float: left;
    margin-top: 7px;
}

.gradient .col-sm-12.dash-stats.timeline-status {
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    -webkit-box-shadow: none;
    height: 74px;
    margin-left: 10px;
}

.col-sm-12.dash-stats.timeline-status {
    border-left: 4px solid #cdd0e161;
    border-bottom: 4px solid #cdd0e161;
    border-right: 4px solid #cdd0e161;
    color: #9c9cad;
}

.page-title-right:after {
    white-space: nowrap;
}

.page-title-right.job-ordered {
    margin-top: -19px;
    margin-right: -18px;
}

.gig-ordered.images-round-corner {
    cursor: pointer;
    text-align: center;
    margin-bottom: 30px;
}

.gig-ordered.images-round-corner img {
    max-width: 165px;
}

.gig_language_wrapper {
    float: right;
    top: 0px;
    right: 0px;
    padding: 15px 20px;
    line-height: 0;
    position: absolute;
    border-top-right-radius: 20px;
}

#include_notifications_responsive li {
    margin-top: 0px;
}

.gig_language_wrapper span.country {
    width: 20px;
    height: 15px;
}

.del-img {
    height: 25px;
    width: 25px;
    position: absolute;
    top: -79px;
    left: 0px;
    background-color: #fff;
    padding: 5px;
    border-radius: 50px;
    border: 1px solid #ca0000;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.del-img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
    cursor: pointer;
}

#submit_delivery_form_wrapper1 .dz-remove,
#submit_delivery_form_wrapper2 .dz-remove,
#submit_delivery_form_wrapper3 .dz-remove {
    background: none;
}

.send_files_dropzone .dz-preview .dz-image {
    width: 49px;
    height: 58px;
    border-radius: 0;
}

.send_files_dropzone {
    min-height: 125px;
    margin: 0px;
    border-radius: 0px;
    border: 2px dashed #e1e3e9;
    margin-top: 15px;
    position: relative;
    padding: 10px 0;
    margin-bottom: 20px;
}

.valid-elements-exp {
    color: #a9aeb5;
    font-size: 15px;
    font-weight: 400;
    font-style: oblique;
    line-height: 1.3;
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 14px;
}

.valid-elements-icon {
    padding-top: 25px;
}

.valid-elements-text {
    font-weight: 600;
    font-family: Jost;
    text-transform: uppercase;
    font-size: 85%;
    padding-bottom: 10px;
}

.unvalidated .valid-elements-text {
    color: #d0d1d3;
}

.unvalidated-hover {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #e8e9e9;
    padding: 0px 11px;
    -webkit-box-shadow: 5px 5px 36px 30px #ffffff;
    box-shadow: 5px 5px 36px 30px #ffffff;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.name-file-uploaded {
    padding-left: 30px;
}

.icon-file-uploaded {
    position: absolute;
}

.unvalidated:hover .unvalidated-hover {
    opacity: 1;
}

.unvalidated svg.bottom-aligned-svg image {
    opacity: 0.2;
}

.dragndrop {
    margin-top: 37px;
}

.dragndrop.error-file {
    color: #ca0000;
    font-family: Jost;
}

.send_files_dropzone.error-file {
    border-color: #ca0000;
}

.s3-sender-form {
    text-align: center;
}

.upload-icon-process.uploading,
.upload-icon-process.cancel-upload {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.delivery-files {
    padding-top: 15px;
}

.delivery-files.files-requirements {
    border-top: 4px solid #f7f7fd;
    padding-top: 20px;
}

#submit_revisions_form_wrapper {
    overflow: hidden;
    height: auto;
}

#revisions-comment-wrapper {
    padding-bottom: 30px;
}

#delivering-sms {
    min-height: 130px;
}

#submit_delivery_form_wrapper1,
#submit_delivery_form_wrapper2,
#submit_delivery_form_wrapper3 {
    overflow: hidden;
    text-align: center;
}

.helper-deliver-gig {
    text-align: center;
    font-size: 90%;
    color: #cfcedc;
    padding-top: 15px;
}

.heart-icon-wrapper {
    float: right;
    margin-top: 10px;
    padding-right: 7px;
}

#send_files_conversation .next-step-wrapper,
#job-delivery .next-step-wrapper,
#add-more-files-delivery .next-step-wrapper,
#comment_send_conv-wrapper .next-step-wrapper,
.send-files-conversation-modal,
#submit_mp3_form .next-step-wrapper {
    display: none;
}

.likes-counter,
.sales-counter {
    padding-left: 10px;
    font-family: Jost;
    float: right;
    color: #cbc9dc;
    opacity: 1;
    margin-top: -3px;
}

.likes-counter {
    padding-top: 5px;
}

.tablets-only {
    display: none !important;
}

.heart-icon-wrapper {
    cursor: pointer;
}

.likes-counter {
    color: #4ca83f;
}

.heart-icon-wrapper.grey svg,
.heart-icon-wrapper.grey .likes-counter,
.share-icon-wrapper svg {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.3s ease-in-out;
    filter: sepia(90%) hue-rotate(190deg) saturate(100%);
}

.heart-icon-wrapper.grey:hover .likes-counter,
.heart-icon-wrapper.grey:hover svg,
.share-icon-wrapper:hover svg {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}


.heart-icon-wrapper svg {
    margin-top: 5px;
}


.blink,
.blinkOrder {
    -webkit-transition: background 1.0s ease-in-out;
    -ms-transition: background 1.0s ease-in-out;
    transition: background 1.0s ease-in-out;
}

.over {
    background-color: #ca0000 !important;
}

.blinker {
    background-color: #c18100 !important;
}

.blinkerOrder {
    background-color: #4ca83f;
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
}


.title-my-jobs {
    overflow: hidden !important;
    padding-right: 37px;
}

#deliver-order-wrapper,
#start-order-wrapper {
    padding-bottom: 30px;
    margin-left: -40px;
    margin-right: -40px;
}

.refuse-order-option {
    font-size: 80%;
    opacity: 0.5;
    cursor: pointer;
    margin-top: 7px;
    color: #a3a2af;
}

.deadline-wrapper {
    display: inline-block;
}

#time_ended_warning_message {
    color: #ca0000;
    font-size: 90%;
}

#deliver-order {
    color: #fff;
    background-color: #fa0;
    border-color: #fa0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    padding: 0px 20px;
    border-radius: 0;
    width: 100%;
    height: 26px;
}

#view-checkout-page h5.box-title {
    border-bottom: 3px solid #f1f2f8;
    padding-left: 0 !important;
    font-size: 110%;
}

.delivery-wrapper-btn.text-center {
    padding-bottom: 30px;
}

.time-left {
    font-size: 80%;
    margin-top: 2px;
    padding-left: 4px;
    font-style: italic;
}

.btn.btn-danger.readd-order,
#btn-decline_cancellation_second {
    margin-bottom: 15px;
}

#decline-cancel-comment-wrapper .detect-lang {
    right: 60px;
}

.deadline-warning,
.time-left {
    float: left;
    color: #fff;
}

#decline-cancel-comment-wrapper {
    margin-bottom: 30px;
    display: none;
}

#btn-decline_cancellation_second {
    display: none;
}

#issue-comment-wrapper {
    display: none;
}

.timeline-body .rating-stars.timeline {
    margin: 0;
}

.expect-delivery.text-center.boldblue {
    opacity: 1;
    font-size: 85%;
}

#in-progress-issue {
    font-size: 85%;
    color: #9c9cad;
    font-family: Jost;
    padding-top: 25px;
}

.rating-wrapper {
    float: right;
    min-width: 100px;
    margin-top: 4px;
}

.valorations-general {
    overflow: hidden;
    max-height: 100%;
    height: auto;
}

#step-stars {
    overflow: hidden;
    height: auto;
    margin-top: 30px;
    margin-bottom: 15px;
    display: none;
}

.col-sm-6.cols-rates {
    display: inline-block;
    float: left;
}

.rating-wrapper-txt {
    float: left;
}

#job-valoration .modal-dialog {
    min-width: 740px;
}

#previous-step-rating {
    display: none;
}


.fullStar {
    background-position: left -63px;
}

.stars {
    overflow: hidden;
}

.tmp_es {
    background-position: left -21px;
}

.tmp_fs {
    background-position: left -42px;
}


img.stars-rating {
    height: 18px;
    width: 18px;
    cursor: pointer;
}

li.stars-rating-wrapper {
    display: inline-block;
}

.unselected-radio-label {
    opacity: 0.35;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: sepia(100%) hue-rotate(190deg) saturate(70%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

.unselected-radio-label:hover {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.btn-primary.disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: sepia(90%) hue-rotate(190deg) saturate(100%);
}

.dark .btn-primary.disabled {
    filter: sepia(100%) hue-rotate(190deg) saturate(70%) !important;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.btn-primary-white {
    background-color: #fff;
}

#rating_value_label_1,
#rating_value_label_2,
#rating_value_label_3 {
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.next-step-txt {
    color: #151b23;
    font-family: Jost;
    text-align: center;
    padding-top: 15px;
    border-top: 2px solid #f7f7fd;
}

.dark .next-step-txt {
    border-top: 2px solid #53515f;
    color: #bbbad8d6;
}

.dark .order-comment,
.modal-indications {
    color: #fff;
}

.order-comment,
.modal-indications {
    color: #151b23;
    font-family: Jost;
    padding-top: 15px;
    padding-bottom: 10px;
    display: inline-block;
}

#order-comment-explaination {
    font-size: 80%;
    margin-bottom: 15px;
    margin-top: -6px;
    color: #ca0000;
}

.detect-lang {
    display: none;
    text-transform: uppercase;
    font-family: Jost;
    font-size: 70%;
    position: absolute;
    right: 20px;
    padding-top: 5px;
    color: #c4c4d8;
}

.reply-message .detect-lang {
    padding-top: 30px;
}

.detect-lang {
    color: #c4c4d899;
}

#rating-comment-wrapper {
    text-align: center;
}

.next-step-txt2 {
    text-align: center;
    font-size: 90%;
    opacity: 0.8;
    color: #a7a6b7;
}

.job-review-wrapper.text-center {
    border-top: 4px solid #f7f7fd;
    margin-top: 30px;
    padding-top: 30px;
}

.dark .job-review-wrapper.text-center {
    border-top: 4px solid #53515f;
}


.position-icon-first {
    text-align: center;
    padding-bottom: 20px;
    margin-top: 42px;
}

#job-valoration .text-center.my-3 {
    margin-bottom: 0 !important;
}

.next-step {
    text-align: center;
}

.job-review-wrapper .btn {
    margin: 0 10px;
}

#lang_detected_include_comment_send_conv .detect-lang {
    right: 50px;
}

#comment_send_conv-wrapper #lang_detected_include_comment_send_conv {
    padding-bottom: 20px;
}

.btn.btn-outline-secondary.out-of-revisions {
    background-color: #c1c0d4a8;
    opacity: 0.3;
    font-family: Jost;
}

.dark .btn.btn-outline-secondary.out-of-revisions {
    color: #fff;
}

.issue-wrapper {
    overflow: hidden;
    transition: all 1s ease-in-out;
    max-height: 100%;
    height: auto;
}

.timeline-single.red.end:after {
    display: none;
}

.expect-delivery.text-center {
    color: #9c9cad;
    padding-bottom: 20px;
}

.expect-delivery.has_files {
    padding-bottom: 40px;
}

.loader-hidden {
    display: none;
}

.abort-cancel-wrapper .btn {
    margin: 0 10px;
}

.cancellation-delay {
    font-size: 80%;
    color: #bbbad8d6;
    ;
}

#btn-accept_cancellation,
#btn-decline_cancellation_first,
#job-valoration-btn,
#revisions-delivery-btn {
    margin-bottom: 15px;
    font-family: Jost;
}

#revisions-delivery-btn {
    height: 43px;
}

.dark .timeline .red .timeline-body,
.timeline .red .timeline-body {
    border-color: #ca0000;
}

.timeline .orange .timeline-body {
    border-color: #ffaa00;
}

.abort-cancel-wrapper {
    text-align: center;
}

.abort-cancel {
    color: #ca0000;
    font-family: Jost;
    padding-bottom: 5px;
}

.manage_job_img .job_no_image {
    max-width: 165px;
    margin: auto;
}

.job_no_image img {
    border-radius: 7px;
    margin-bottom: 30px;
}

.timeline .timeline-single.red:after {
    border-color: #ca0000;
}

.timeline .red .timeline-header i {
    background: #ca0000;
}

/*
.timeline .red .timeline-header {
    border: 7px solid #ca000021;
}
*/

.timeline .timeline-single.orange:after {
    border-color: #fa0;
}

.timeline .orange .timeline-header i {
    background: #fa0;
}


textarea#reply-message {
    color: #151b23;
}

.dark textarea#reply-message {
    color: #c6c5d2;
}

.widget-inbox textarea#reply-message {
    margin-left: 50px;
}

.timeline-single.end-timeline:after {
    display: none !important;
}

.end-timeline {
    min-height: 60px !important;
}

.timeline-single.end-timeline {
    padding-bottom: 0px;
}

.timeline-single.hidden {
    display: none;
}

#submit_delivery_form_wrapper1 .checkbox-list__check,
#submit_delivery_form_wrapper2 .checkbox-list__check,
#submit_delivery_form_wrapper3 .checkbox-list__check {
    margin-top: -9px;
}

.job-review-wrapper {
    display: none;
}

#issue-btn {
    opacity: 0.2;
    filter: sepia(200%) hue-rotate(190deg) saturate(200%);
    transition: all 0.4s ease-in-out;
    position: absolute;
    bottom: 0px;
    z-index: 2;
}

.dark #issue-btn {
    filter: brightness(0) invert(1);
    opacity: 0.5;
}

#issue-btn:hover {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.text-center.help {
    font-size: 85%;
    color: #151b23;
    padding-top: 10px;
    font-family: Jost;
    opacity: 0.6;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.dark .text-center.help {
    color: #d0d0e6;
}

.text-center.help:hover {
    opacity: 1;
}

#job-issue label.checkbox-list__item {
    border: none;
    padding-bottom: 0;
}

.label-checkbox-issue-agree-open-dispute label.checkbox-list__item {
    display: inline-block;
}

.label-checkbox-issue-agree-open-dispute .issues-title {
    margin-top: -17px;
}

.label-checkbox-issue-agree-open-dispute {
    padding-top: 10px;
}

#mp3-container label.checkbox-list__item {
    border: none;
    display: inline-block;
}

#mp3-container .next-step-wrapper {
    text-align: center;
}

.label-checkbox-issues {
    position: relative;
}

.label-checkbox-issues.disabled {
    opacity: 0.4;
}

.label-checkbox-issues .checkbox-list__check {
    top: 0;
    margin-top: 18px;
}

#job-issue .text-center.my-3 {
    margin-top: 0 !important;
}

#submit_dispute,
#submit_issue {
    margin-top: 10px;
    margin-bottom: 5px;
}

.issues-title {
    font-family: Jost;
    color: #151b23;
}

.dark .issue-wrapper .issues-title {
    color: #fff;
}

#lang_detected_include_dispute-explanations .detect-lang {
    padding-right: 40px;
}

.dispute .translate-in-wrapper {
    padding-bottom: 15px;
}

.dispute .message-translated {
    margin-bottom: 15px;
}

.dispute h6 {
    color: #ca0000 !important;
}

.issues-explanation {
    font-size: 93%;
    border-top: 1px solid #f7f7fd;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 20px;
    color: #9C9CB0;
}

#question-visibility {
    text-align: center;
    padding-bottom: 0;
    padding-top: 20px;
}

#question-visibility {
    display: none;
}

.hidden-question-label {
    float: right;
    background-color: #cdd0e161;
    color: #151b23;
    font-size: 80%;
    padding: 0px 6px;
    border-radius: 6px;
    margin-left: 10px;
    margin-top: 2px;
}

.unresponded-question-label {
    float: right;
    background-color: #4ca83f;
    color: #fff;
    font-size: 80%;
    padding: 0px 6px;
    border-radius: 6px;
    margin-left: 10px;
    margin-top: 2px;
}

.nav-link-gig {
    font-family: Jost;
    text-transform: uppercase;
    font-size: 80%;
    letter-spacing: 1px;
    padding-right: 30px;
}

.nav-link-custom_offer {
    font-family: Jost;
    text-transform: uppercase;
    font-size: 80%;
    letter-spacing: 1px;
    padding-right: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -30px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
    color: #4ca83f;
}

.slick-dots li button:before {
    font-size: 26px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #4ca83f;
}

.tabs.questions ul.nav.nav-tabs {
    margin-bottom: 15px;
    padding: 10px 20px 15px 20px;
    max-width: 100%;
}

.tabs.custom_offer ul.nav.nav-tabs {
    margin-bottom: 15px;
    padding: 10px 40px 15px 40px;
    max-width: 100%;
}

.nav-tabs a.nav-link-gig {
    color: #cfcedc;
}

.nav-tabs a.nav-link-gig:hover {
    background: transparent;
}

.nav-link-gig.active {
    color: #4ca83f !important;
}

.tabs.custom_offer ul.nav.nav-tabs {
    margin-bottom: 15px;
    padding: 10px 20px 15px 20px;
    max-width: 100%;
}

.nav-tabs a.nav-link-custom_offer {
    color: #cfcedc;
}

.nav-tabs a.nav-link-custom_offer:hover {
    background: transparent;
}

.nav-link-custom_offer.active {
    color: #4ca83f !important;
}

.visible-icon-wrapper {
    float: right;
    margin-left: 10px;
    opacity: 0.3;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.visible-icon-wrapper:hover {
    opacity: 0.7;
}

#question_sent {
    display: none;
    text-align: center;
    padding-top: 15px;
    font-family: Jost;
}

.reply-message-send,
.write-question-btn {
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.visibility-options {
    padding: 0 10px;
    display: inline-block;
}

#question-visibility .label-checkbox-jobs {
    width: auto;
    display: inline-block;
}

#question-visibility label.checkbox-list__item {
    border-bottom: none;
}

.reply-message-send.inactive,
.write-question-btn.inactive {
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: sepia(100%) hue-rotate(190deg) saturate(50%);
    opacity: 0.5;
    transition: all 0.4s ease-in-out;
}

.timeline {
    position: relative;
    margin: 1.42857em 0;
    padding-bottom: 20px;
}

.mail-single-reply.timeline.clearfix {
    margin: 0 -40px -40px -40px;
    border-top: 3px dashed #f7f7fd;
}

.dark .mail-single-reply.timeline.clearfix {
    margin: 0 -40px -40px -40px;
    border-top: 3px dashed #494856;
}

.timeline .timeline-body {
    padding: 30px 40px;
    display: inline-block;
    margin-left: 5%;
    background: #fff;
    border: 1px solid #cdd0e161;
    border-radius: 20px;
}

.dark .timeline .timeline-body {
    background: #34343e;
    border: 1px solid #53525f;
}

.dark .timeline .timeline-body header .timeline-body-title {
    color: #ffffff;
}

.dark .timeline-body header svg {
    filter: brightness(0) invert(1);
    opacity: 0.9;
}

.dark .file-name {
    color: #ffffff;
}

.dark .file-delivered-wrapper {
    border: 1px solid #53515f;
}

.dark .timeline .user {
    color: #ffffff;
}

.dark span.menu-icons-dropdown svg {
    opacity: 0.3;
    filter: brightness(0) invert(1);
}

.dark .actions-files-uploaded span.menu-icons-dropdown svg {
    opacity: 1;
    filter: brightness(0) invert(1);
}

.dark .file-delivered-wrapper:hover,
.dark .file-delivered-wrapper_conv:hover {
    background-color: #2a2a31;
}

.timeline .timeline-body header {
    padding-bottom: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 0.9em;
}

.timeline .timeline-body header .timeline-body-title {
    font-size: 19px;
    line-height: 1.5;
    margin: 0;
    color: #151b23;
}

.timeline .timeline-body header a {
    color: #fff;
    border-bottom: 1px dotted #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.timeline .timeline-body header a:hover {
    border-bottom-color: rgba(255, 255, 255, 0.5);
}

.timeline .timeline-body > *:last-child:not(header) {
    margin-bottom: 0;
}

.timeline-body.one-title header {
    padding-bottom: 0;
}

.timeline-body.one-title {
    padding: 8px 40px;
}

.timeline .timeline-body header:last-child {
    margin-bottom: 0;
    border-radius: 10px;
}

.timeline .timeline-body iframe {
    width: 100%;
}

.timeline .timeline-header {
    position: absolute;
    top: 0;
    left: 19%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    margin-top: 8px;
}

.timeline .timeline-header i {
    height: 25px;
    width: 25px;
    border-radius: 100px;
    background: #4ca83f;
    color: #fff;
    line-height: 1.5;
    font-size: 17px;
    text-align: center;
}

.timeline .timeline-title {
    position: absolute;
    top: 0;
    width: 17%;
    text-align: center !important;
}

.timeline .timeline-title img {
    border-radius: 100px;
    height: 50px;
    width: 50px;
}

.timeline-title small {
    font-size: 80%;
}

.timeline .timeline-title span,
.timeline .timeline-title small {
    display: block;
}


.timeline .timeline-single {
    padding-bottom: 30px;
    position: relative;
    min-height: 7.14286em;
    overflow: initial;
}

.language-selector-modal.text-center {
    font-size: 90%;
    font-family: Jost;
    padding-bottom: 15px;
}

.timeline .user {
    font-size: 100%;
    font-family: Jost;
    color: #151b23;
    margin-top: 5px;
}

.timeline .timeline-title small {
    margin-top: -3px;
}

.timeline .timeline-single:after {
    content: "";
    border-right: 1px solid #4ca83f;
    z-index: 0;
    display: block;
    position: absolute;
    top: 58px;
    bottom: 0.71429em;
    left: 19%;
    opacity: 0.6;
}

.timeline .timeline-single .timeline-body {
    margin-left: 26%;
    text-align: left;
    max-width: 550px;
    width: 74%;
}

.timeline .timeline-single .timeline-title {
    left: 0%;
    text-align: right;
}

body.rtl .timeline {
    direction: ltr;
}

body.rtl .timeline .timeline-single:nth-child(even) .timeline-body {
    text-align: right;
}

body.rtl .timeline .load-more-btn {
    direction: ltr;
}

@media (max-width: 768px) {
    .timeline .timeline-body {
        width: 45%;
        margin-left: 0;
    }
}

@-webkit-keyframes loadingAnimation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loadingAnimation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.timeline .load-more-btn {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.timeline .load-more-btn:after {
    content: "refresh";
    font-family: "Material Icons";
    font-size: 1.33333em;
    vertical-align: middle;
    display: none;
    -webkit-animation-name: loadingAnimation;
    animation-name: loadingAnimation;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.timeline .load-more-btn.loading span {
    display: none;
}

.timeline .load-more-btn.loading:after {
    display: block;
}

/********************************
*********************************
Icon Box
*********************************
*********************************/

.icon-box header a {
    font-size: 1.42857em;
    color: #6a719091;
}

.icon-box header img {
    height: 1.66667em;
    width: 1.66667em;
    max-width: none;
}

.icon-box section h5 {
    margin-bottom: 1.25rem;
}

.icon-box section p {
    line-height: 1.78571em;
    font-size: 1em;
}

.icon-box section p:last-child {
    margin-bottom: 0;
}

.icon-box-xs header a {
    font-size: 0.75rem;
}

.icon-box-sm header a {
    font-size: 1rem;
}

.icon-box-lg header a {
    font-size: 1.5rem;
}

.icon-box-xl header a {
    font-size: 1.75rem;
}

.icon-box-centered {
    padding: 2.85714em 1.42857em 2.14286em;
    text-align: center;
}

.icon-box-centered header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.icon-box-centered section {
    margin-top: 2.14286em;
}

.icon-box-centered h5 {
    margin-bottom: 1.66667em;
}

.icon-box-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2.14286em 0;
}

.icon-box-side header {
    margin: 0 1.42857em;
}

.icon-box-side a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.icon-box-side .icon-box-title {
    margin-top: 0;
}

.icon-box-side section {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.icon-box-circle-bg header a {
    color: #fff;
    background: #6a719091;
}

.icon-box-circle header a {
    border-radius: 100px;
    height: 2em;
    width: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.icon-box-circle.icon-box-xs header a {
    font-size: 0.625rem;
}

.icon-box-circle.icon-box-sm header a {
    font-size: 0.875rem;
}

.icon-box-circle.icon-box-lg header a {
    font-size: 1.5rem;
}

.icon-box-circle.icon-box-xl header a {
    font-size: 1.875rem;
}

.icon-box-outline header a {
    padding: 1em;
    border: 1px solid #6a719091;
}

.icon-box-outline-thick header a {
    border: 2px solid #6a719091;
}

.icon-box-outline-thicker header a {
    border: 3px solid #6a719091;
}

.icon-box-outline-thickest header a {
    border: 4px solid #6a719091;
}

.icon-box-outline.icon-box-xs header a {
    font-size: 0.625rem;
}

.icon-box-outline.icon-box-sm header a {
    font-size: 0.875rem;
}

.icon-box-outline.icon-box-lg header a {
    font-size: 1.5rem;
}

.icon-box-outline.icon-box-xl header a {
    font-size: 1.875rem;
}

.icon-box-circle-bg header a,
.icon-box-circle-bg header i,
[class^='icon-box-outline'] header a,
[class^='icon-box-outline'] header i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.icon-box-circle-bg header a,
[class^='icon-box-outline'] header a {
    font-size: 1.42857em;
    height: 2em;
    width: 2em;
    text-align: center;
    border-radius: 100%;
}

.icon-box-circle-bg header i,
[class^='icon-box-outline'] header i {
    font-size: 1em;
    line-height: 1;
}

.icon-box-circle-bg.icon-box-xs header a,
[class^='icon-box-outline'].icon-box-xs header a {
    font-size: 0.625rem;
}

.icon-box-circle-bg.icon-box-sm header a,
[class^='icon-box-outline'].icon-box-sm header a {
    font-size: 0.875rem;
}

.icon-box-circle-bg.icon-box-lg header a,
[class^='icon-box-outline'].icon-box-lg header a {
    font-size: 1.5rem;
}

.icon-box-circle-bg.icon-box-xl header a,
[class^='icon-box-outline'].icon-box-xl header a {
    font-size: 1.875rem;
}

/* Media Elements
========================*/

.mejs__container {
    max-width: 100%;
    width: 100% !important;
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
}

.mejs__container.mejs__video {
    background: none;
}

.mejs__overlay {
    width: 100% !important;
}

.mejs__mediaelement * {
    width: 100% !important;
    max-width: 100%;
}

.mejs__overlay-button {
    background: none;
    color: #fff;
    height: 3.75rem;
    width: 3.75rem;
}

.mejs__overlay-button:before {
    content: '\e99e';
    font-size: 3.75rem;
    line-height: 3.75rem;
}

.video {
    max-width: 100%;
}

.no-control-onstart.mejs__video--playing .mejs__controls {
    display: block;
}

.no-controls-onstart:not(.mejs__video--playing) .mejs__controls {
    display: none;
}

.mejs__container.style-2 .mejs__controls {
    background: #151b23;
}

.mejs__container.style-2 .mejs__time-rail {
    position: absolute;
    top: -7px;
    right: 0;
    left: 0;
    width: 100% !important;
    height: 3px;
    margin: 0;
    padding: 0;
}

.mejs__container.style-2 .mejs__time-buffering,
.mejs__container.style-2 .mejs__time-current,
.mejs__container.style-2 .mejs__time-float,
.mejs__container.style-2 .mejs__time-float-corner,
.mejs__container.style-2 .mejs__time-float-current,
.mejs__container.style-2 .mejs__time-hovered,
.mejs__container.style-2 .mejs__time-loaded,
.mejs__container.style-2 .mejs__time-marker,
.mejs__container.style-2 .mejs__time-total {
    height: 3px;
}

.mejs__container.style-2 .mejs__time-total {
    background: #fff;
}

.mejs__container.style-2 .mejs__time-loaded {
    background: rgba(95, 96, 179, 0.4);
}

.mejs__container.style-2 .mejs__time-current {
    background: #4ca83f;
}

.mejs__container.style-2 .mejs__time-hovered {
    background: #484997;
}

.mejs__container.style-2 .mejs__time-float,
.mejs__container.style-2 .mejs__time-handle {
    display: none !important;
}

.mejs__container.style-2 .mejs__volume-button > button,
.mejs__container.style-2 .mejs__playpause-button > button,
.mejs__container.style-2 .mejs__fullscreen-button > button {
    background: none;
}

.mejs__container.style-2 .mejs__volume-button > button::before,
.mejs__container.style-2 .mejs__playpause-button > button::before,
.mejs__container.style-2 .mejs__fullscreen-button > button::before {
    font-family: 'Material Icons';
    vertical-align: middle;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    font-size: 1.5rem;
    height: 1em;
    width: 1em;
    color: #fff;
}

.mejs__container.style-2 .mejs__fullscreen-button {
    float: right;
}

.mejs__container.style-2 .mejs__fullscreen-button > button::before {
    content: 'fullscreen';
}

.mejs__container.style-2 .mejs__fullscreen-button.mejs__unfullscreen > button::before {
    content: 'fullscreen_exit';
}

.mejs__container.style-2 .mejs__playpause-button.mejs__play > button::before {
    content: 'play_arrow';
}

.mejs__container.style-2 .mejs__playpause-button.mejs__pause > button::before {
    content: 'pause';
}

.mejs__container.style-2 .mejs__volume-button {
    padding-left: 0;
    padding-right: 0;
}

.mejs__container.style-2 .mejs__volume-button > button::before {
    content: 'volume_up';
}

.mejs__container.style-2 .mejs__volume-button.mejs__unmute > button::before {
    content: 'volume_off';
}

.mejs__container.style-2 .mejs__overlay-button:before {
    font-family: 'Material Icons';
    content: 'play_arrow';
}

.mejs__container.style-2 .mejs__duration-container {
    opacity: 0.5;
}

.mejs__container.style-2 .mejs__duration-container:before {
    content: '\002f ';
    margin-right: .5em;
}

/********************************
*********************************
Contacts
*********************************
*********************************/

#form-contact-wrapper textarea#my-message {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.contact-type {
    line-height: 1;
    margin-top: -1px;
}

.related-to.service {
    font-size: 90%;
    background-color: #cfcedc;
    display: inline-block;
    padding: 3px 10px;
    line-height: 1;
    color: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.contact-list {
    position: relative;
    width: 100%;
    max-height: 100%;
    margin: 15px 0;
}

.contact-list tr {
    border-bottom: 1px solid #cdd0e161;
}

.contact-list td {
    vertical-align: middle;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.05em;
    color: #151b23;
    line-height: 1.5;
    padding: 10px 0;
}

.contact-list td a {
    color: #151b23;
}

.contact-list td small {
    font-size: 0.92857em;
    color: #bbb;
}

.contact-list td small a {
    color: #bbb;
    text-decoration: underline;
}

.contact-list td figure {
    margin-bottom: 0;
}

.contact-list a {
    color: #6a719091;
}

.contact-list a:hover {
    color: #4ca83f;
}

.contact-list .list-icon {
    font-size: 1.28571em;
    color: #666;
}

.contact-list label {
    margin-bottom: 0;
}

.contact-list-user {
    position: relative;
    z-index: 12;
}

.contact-list-user input[type="checkbox"],
.contact-list-user figure {
    cursor: pointer;
    margin-bottom: 0;
    padding: 2px;
}

.contact-list-user input[type="checkbox"] {
    position: absolute;
    margin: 0;
    opacity: 0;
}

.contact-list-user figure {
    border: 2px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
}

.contact-list-user input:checked + figure {
    border-color: #ca0000;
}

.contact-list-message .badge,
.contact-list-message .label {
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 0.78571em;
    letter-spacing: 0.03571em;
}

.contact-list-badge {
    text-align: right;
}

.contact-info {
    position: relative;
    border: 1px solid rgba(238, 241, 242, 0.5);
    padding: 2.14286em 1.42857em;
    text-align: center;
}

.contact-info header.padded-reverse {
    position: relative;
    min-height: 155px;
    background-color: #4ca83f;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-info header.padded-reverse figure {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%);
}

.contact-info .social-ratings {
    margin-top: 40px;
    border-top: 1px solid #cdd0e161;
}

.contact-info .social-ratings .col-md-4 {
    padding: 15px 0;
    border-left: 1px solid #cdd0e161;
}

.contact-info .social-ratings .col-md-4:first-child {
    border: 0;
}

.contact-info-list-border {
    margin-top: 20px;
}

.contact-info-list-border .widget-body {
    border: 1px solid #cdd0e161;
}

.profile-details-tab {
    border: none;
    left: -1px;
    margin-left: -13px;
}

.bottom-after {
    background-color: transparent;
    height: 11px;
    width: 80%;
    margin: auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.profile-details-tab .nav-item a {
    margin-right: 20px;
    margin-left: 20px;
    line-height: 40px;
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease-in-out;
}

.nav-tabs.profile-details-tab .nav-item {
    margin-bottom: -2px;
}

.profile-details-tab .nav-item a:hover {
    background: transparent;
}

a.nav-link-profile.active {
    color: #fff;
    font-family: Jost;
}

.nav-tabs li a {
    color: #fff;
}

.profile-details-cell {
    border: 1px solid #cdd0e161;
    margin-bottom: 6px;
    padding: 20px 22px 18px;
    overflow: hidden;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact-details-cell small {
    padding-right: 20px;
}

.contact-details-cell span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: 1em;
    margin: 0;
    text-align: right;
}

body.rtl .contact-details-cell span {
    text-align: left;
}

.contact-details-textarea p {
    width: 80%;
    margin-left: 20%;
    text-align: left;
}

.contact-list-right .mail-list-user {
    width: 100px;
}

@media (max-width: 767px) {

    .contact-list-right .mail-list-user,
    .contact-list-right .mail-list-time {
        display: none;
    }

    .contact-list-right .mail-list-name {
        padding-left: 2em;
    }
}

.contact-list-right td {
    padding: 0.71429em 0;
    position: relative;
}

.contact-list-right td label {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.contact-list-right tr:first-child td label {
    top: calc(50% + 5px);
}

.contact-list-right .mail-list-name > a {
    display: block;
}

.contact-list-right .mail-list-name .text-muted a {
    color: #8d9ea7;
    text-decoration: underline;
}

/********************************
*********************************
Chats
*********************************
*********************************/

.chatbox {
    color: #151b23;
}

.chatbox small {
    color: #151b23;
}

.chatbox > [class*="col"] {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.chatbox-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.chatbox-header {
    height: 6.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.chatbox-user-list .user-name {
    line-height: 1;
}

.chatbox-user-list small {
    font-size: 0.71429em;
}

.chatbox-user-list .icon-box header a {
    border: 1px solid rgba(153, 153, 153, 0.2);
}

.chatbox-user-list .user-list-single {
    padding: 0 1rem;
    position: relative;
    margin-bottom: 1.5rem;
}

.chatbox-messages {
    padding: 1rem;
}

.chatbox-messages .message {
    margin-bottom: 1rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.chatbox-messages .message figure {
    margin-left: 1rem;
}

.chatbox-messages .message .media-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.chatbox-messages .message p {
    max-width: 50%;
    margin-bottom: .5em;
    padding: .5em 1em;
    background: #4ca83f;
    color: #fff;
    border-radius: 3px;
    position: relative;
}

.chatbox-messages .message p:first-child {
    margin-top: .5em;
}

.chatbox-messages .message p:first-child::after,
.chatbox-messages .message p:first-child::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -7px;
    height: 0;
    width: 0;
    display: block;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #4ca83f;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.chatbox-messages .message.reply {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.chatbox-messages .message.reply .media-body {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.chatbox-messages .message.reply figure {
    margin-left: auto;
    margin-right: 1rem;
}

.chatbox-messages .message.reply p {
    color: #6a719091;
    background: #fff;
    border: 1px solid #cdd0e161;
    border-radius: 3px;
}

.chatbox-messages .message.reply p:first-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.chatbox-messages .message.reply p:first-child::before {
    right: auto;
    left: -8px;
    border-width: 5px 7px 5px 0;
    border-color: transparent #cdd0e161 transparent transparent;
}

.chatbox-messages .message.reply p:first-child::after {
    right: auto;
    left: -7px;
    border-width: 5px 7px 5px 0;
    border-color: transparent #fff transparent transparent;
}

body.rtl .chatbox-messages .message figure {
    margin-left: 0;
    margin-right: 1rem;
}

body.rtl .chatbox-messages .message p:first-child {
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

body.rtl .chatbox-messages .message p:first-child::before,
body.rtl .chatbox-messages .message p:first-child::after {
    right: auto;
    left: -7px;
    border-width: 5px 7px 5px 0;
    border-color: transparent #4ca83f transparent transparent;
}

body.rtl .chatbox-messages .message.reply p:first-child {
    border-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

body.rtl .chatbox-messages .message.reply p:first-child::before,
body.rtl .chatbox-messages .message.reply p:first-child::after {
    left: auto;
    right: -7px;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #cdd0e161;
}

body.rtl .chatbox-messages .message.reply p:first-child::after {
    right: -6px;
    border-color: transparent transparent transparent #fff;
}

body.rtl .chatbox-messages .message.reply figure {
    margin-right: 0;
    margin-left: 1rem;
}

/***************************************************************** GDPR page ******************************************************************/


.gdpr-icon {
    position: absolute;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: sepia(100%) hue-rotate(190deg) saturate(100%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    transition: all 0.3s ease-in-out;
    padding-top: 5px;
    padding-left: 6px;
}


.gdpr-wrapper:hover .gdpr-icon {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
}

.gdpr-txt-wrapper {
    float: left;
    padding-left: 70px;
}

.gdpr-wrapper {
    padding: 20px;
    border: 4px solid #f7f7fd;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease-out;
    margin-bottom: 30px;
}

.dark .gdpr-wrapper {
    border: 4px solid #53525f33;
}

.dark .gdpr-wrapper:hover {
    border: 4px solid #53525f;
}

.gdpr-wrapper:hover {
    border: 4px solid #dedeea;
}

.dark #modify_data_wrapper {
    border: 1px solid #53525f;
}

.gdpr-txt-title {
    font-family: Jost;
}

.gdpr-txt-text {
    font-size: 95%;
}

.gdpr-action {
    display: none;
}

form#delete_account {
    text-align: left;
}

/***************************************************************** Tags page ******************************************************************/

#filters-mobile-left {
    display: none;
}

#filters-mobile-left span {
    margin-left: 10px;
}

.search-segments {
    display: inline-block;
    font-family: 'Jost';
    margin: 7px 3px;
    padding: 0px 10px;
    opacity: 0.8;
    border-radius: 8px;
    background-color: #ecedf3;
    transition: opacity 0.3s ease-in-out;
    cursor: pointer;
    font-size: 90%;
}

.search-segments.artiistaChoice {
    background-color: #2f2948;
    color: #fff;
}

.search-segments:hover {
    opacity: 1;
}

.load_job_results .job-cards,
#load_results_data .job-cards,
.columns4jobs .job-cards {
    opacity: 1;
     -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#filters-header {
    padding-bottom: 20px;
}

#filters-mobile-title {
    float: left;
    font-family: 'Jost';
    margin-top: 8px;
    padding-left: 10px;
}

#action-filters {
    right: 20px;
    float: right;
}

#related-tags {
    height: 344px;
}

.row.row-eq-height {
    min-height: 1600px;
}

.sticky-side {
    z-index: 2;
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
}

.search-job-top {
    display: inline-block;
    border-bottom: 2px solid #fff;
    margin: 17px 0;
}

#search-btn {
    float: left;
    padding: 6px 9px;
    margin-top: 20px;
    display: none;
}

input.search-query {
    text-align: center;
}

.search-wrapper {
    text-align: center;
    margin: auto;
    display: inline-block;
    float: left;
}

.search-bar-top #search-tags,
.search-bar-top .navbar-search {
    height: auto !important;
}


.checkbox.checkbox-circle div,
.radiobox.radio-primary div {
    position: relative;
}

.col-12.widget-holder.widget-full-content {
    padding: 0;
    margin: 0;
}

.ecommerce-products #post-data {
    width: 100%;
}


.widget-full-content.tags-page h1 {
    margin: 0;
    position: relative;
}

.widget-user-profile.tag-big-header {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAATklEQVQoU2NkYGAwZmBgOMuAACA+CKCIMSIpADGRNaEYgKwQ3WQUjTCF6CYhWw2WAynEpgjmIpg7jUlSiM0TWK2GWUOUZ7ApxggeogIcABHJFtftKVfJAAAAAElFTkSuQmCC
) repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 175px;
    transition: background 1s linear;
}

.pattern-img {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFklEQVQYV2NkQAOMUL4vlN6MUwCuEQA6vgIFXfPmiQAAAABJRU5ErkJggg==) repeat;
    height: 260px;
}

#profile-page .pattern-img {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFklEQVQYV2NkQAOMUL4vlN6MUwCuEQA6vgIFXfPmiQAAAABJRU5ErkJggg==) repeat;
    height: 630px;
    position: absolute;
    width: 100%;
    opacity: 0.6;
}

.cloud {
    text-align: center;
}

.requests-page h1 {
    font-size: 130%;
    color: #fff;
}

.research-tags-inside {
    background-color: #fff;
    color: #151b23;
    border-radius: 80px;
    padding: 5px 10px;
    display: inline-block;
    margin: 0px 5px 0px 5px;
    text-transform: capitalize;
}

#research-tag {
    font-size: 70%;
}

#dynamic-title {
    top: 100px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 70%;
    color: #fff;
    text-align: center;
    line-height: 38px;
    width: 80%;
}

#dynamic-title.h1 {
    font-size: 2.625rem;
}

#after_results {
    background-color: #fff;
}

#after_results h2 {
    margin: auto;
}

#after_results h3 {
    font-size: 140%;
    padding-bottom: 10px;
}

#category_page_introduction {
    font-size: 117%;
}

#before_results {
    text-align: center;
}

#before_results h1 {
    margin-left: auto;
    margin-right: auto;
}

.faqs-on-page {
    border-top: 4px solid #f6f6fc;
    padding-top: 50px;
    margin-top: 40px;
    padding-bottom: 70px;
}

#before_results .container.search-page {
    padding-top: 80px;
    padding-bottom: 40px;
}

.faqs-on-page h2 {
    padding-bottom: 20px;
}

.faqs-on-page .accordion-minimal {
    padding: 0 0 20px 20px;
}

.unverified #dynamic-title {
    display: none;
}

#preview-steps {
    background-color: #f7f7fd;
    border-radius: 12px;
    padding: 10px 20px;
    font-size: 95%;
    font-family: 'Jost';
    opacity: 0.9;
    margin-left: 15px;
}

.dark #preview-steps {
    background-color: #34343e;
}

.requests-page #dynamic-title {
    font-size: 140%;
}

.delete-tag {
    display: inline-block;
    margin-left: 7px;
    cursor: pointer;
}

.delete-tag i {
    font-size: 80%;
    opacity: 0.4;
    cursor: pointer;
    transition: opacity 0.4s ease-in-out;
}

.delete-tag i:hover {
    opacity: 0.9;
}

.col-filtering {
    margin-right: 30px;
}

.col-results {
    width: 77%;
}

.filter-counter {
    margin-left: 8px;
    font-size: 100%;
    top: 0;
    font-family: Jost;
}

.label-text-icon {
    margin-top: 3px;
    margin-left: 2px;
    float: left;
}

label.col-4.static-selector {
    padding: 0;
    border: none;
}

.checkbox.row.static-selector {
    background-color: #ecedf3;
    border-radius: 15px;
    padding: 0;
    border: 0;
    margin-left: 0px;
    margin-bottom: 3px;
}

.toggles-wrapper.gender-wrapper {
    padding-bottom: 8px;
}

.filter-counter-content {
    line-height: 12px;
    font-size: 90%;
    opacity: 0.7;
}

.filter-counter-static {
    font-family: Jost;
    font-size: 90%;
}


.label-text-search {
    float: left;
    margin-left: 8px;
}

.label-text-search-wrapper.clearfix {
    border-radius: 15px;
    padding-top: 10px;
    padding-left: 5px;
    padding-bottom: 3px;
    transition: all 0.2s ease-in-out;
}

.label-text-search-wrapper.clearfix:hover {
    background-color: #e3e4ea;
    transition: all 0.2s ease-in-out;
}

.toggles-wrapper .checkbox label,
.toggles-wrapper-tags .checkbox label {
    border: 0px !important;
}

.search-filtering span.label-text {
    font-size: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    font-family: Jost;
    padding-left: 0;
    padding-top: 1px;
    width: 100%;
}

.col-filtering {
    -webkit-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    border-radius: 28px;
    background-color: #fff;
    margin-bottom: 20px;
    border: 1px solid #f7f7fd;
    position: relative;
    padding: 10px;
    min-height: 60px;
    height: auto;
    transition: max-height 1s ease-in-out;
}

.search-filtering {
    width: 100%;
    position: relative;
    padding: 0px 10px;
    height: auto;
    transition: all 1s ease-in-out;
    background-color: #e2e4f145;
    margin-bottom: 20px;
    border-radius: 20px;
}

.toggles-wrapper label,
.toggles-wrapper-tags label {
    padding-bottom: 2px;
}

.empty span.label-text-search {
    font-style: italic;
}

label.empty {
    opacity: 0.4;
    pointer-events: none;
    cursor: initial;
}

.search-filtering .checkbox.checkbox-circle label {
    width: 100%;
}

.search-filtering.closed {
    opacity: 0.7;
    transition: all 1s;
    overflow: hidden;
}

.search-filtering.empty {
    display: none;
}

.filters-header-title {
    font-family: 'Jost';
    text-align: center;
    margin-bottom: 7px;
    padding-top: 2px;
}

#includeMicrojobGeneralFilters,
#includeMicrojobOptionsFilters {
    border-bottom: 1px solid #f3f3fb;
    padding-bottom: 5px;
    margin-bottom: 25px;
}

.categories-filter {
    padding: 6px 0px 20px 0px;
}

main.main-wrapper.error-page {
    padding: 0;
    text-align: center;
    width: 100%;
    margin-left: 0;
    height: 100vh;
    position: relative;
    background-position: center;
}

.categories-filter-title {
    font-family: 'Jost';
    padding-bottom: 6px;
    text-align: center;
}

.search-filtering.closed:hover,
.search-filtering {
    opacity: 1;
}

.search-filtering .checkbox .label-text:after {
    left: auto;
    right: 0;
}

span.label-text-search {
    background-color: #f1f2f8;
    padding: 5px 11px;
    border-radius: 9px;
    font-size: 85%;
    transition: all 0.2s ease-in-out;
}

.dark span.label-text-search {
    background-color: #34343e;
    background: #34343e;
    transition: all 0.3s ease-in-out;
}

span.label-text-search:hover {
    background-color: #e0e2ea;
}

.search-filtering .checkbox.checkbox-circle {
    padding: 0;
}

.checkbox input[type=checkbox]:checked + .label-text-search,
.checkbox input[type=radio]:checked + .label-text-search,
.checkbox input[type=checkbox]:checked + .label-text-search-wrapper,
.checkbox input[type=radio]:checked + .label-text-search-wrapper,
.dark span.label-text-search:hover {
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #5750ea 0%, #4ca83f 100%);
    background: -webkit-linear-gradient(135deg, #5750ea 0%, #4ca83f 100%);
    background: linear-gradient(135deg, #5750ea 00%, #4ca83f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5750ea', endColorstr='#4ca83f', GradientType=1);
    color: #fff;
}

.checkbox input[type=checkbox]:checked + .filter-counter,
.checkbox input[type=radio]:checked + .filter-counter {
    color: #fff;
}

.checkbox input[type=checkbox]:checked + .label-text-search-wrapper svg {
    filter: brightness(0) invert(1);
}


#job-cards-content {
    padding-left: 30px;
}

#requests-page #job-cards-content {
    padding-left: 0px;
    position: relative;
}

.ecommerce-products h5 {
    font-size: 100%;
}

.gig_has_options {
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 15px;
}

.artiista_choice_card {
    margin-bottom: 3px;
    width: 30px;
    height: 17px;
}

.gig_has_video,
.gig_has_sounds {
    float: left;
    margin: 0 3px;
}

/***************************************************************** Site Map ******************************************************************/

.categories-tree-icons .categories-wrapper {
    padding-top: 15px;
}

.menu-item-has-children.col-sm-2 {
    padding-bottom: 20px;
}

.sitemap.categories li.menu-item-has-children {
    float: left;
}

.sitemap {
    position: relative;
}

.sitemap i {
    font-size: 1.28571em;
    vertical-align: top;
    top: 2px;
}

.sitemap a {
    color: #7c8d96;
}

.sitemap a:hover {
    color: #4ca83f;
}

.sitemap ul {
    margin-left: 1.07143em;
}

.sitemap li {
    position: relative;
    padding-left: 48px;
    padding-top: 0.21429em;
}

.sitemap li.menu-item-has-children > ul {
    margin-top: 0.71429em;
    margin-left: 1.78571em;
}

.sitemap li::before {
    content: "";
    position: absolute;
    left: 0.5em;
    top: -0.85714em;
    height: 1.78571em;
    width: 2.5em;
    border-bottom: 0.0625rem solid #cdd0e161;
    border-left: 0.0625rem solid #cdd0e161;
}

body.rtl .sitemap li {
    padding-left: 0;
    padding-right: 2.85714em;
}

body.rtl .sitemap li:before {
    left: auto;
    right: 0;
    border-left: 0;
    border-right: 1px solid #cdd0e161;
}

.sitemap-default a,
.sitemap-right a {
    margin-left: 0.71429em;
}

.sitemap-right strong {
    color: #4ca83f;
    text-transform: uppercase;
    font-size: 1.07143em;
}

/********************************
*********************************
E-Commerce Products
*********************************
*********************************/

.ecommerce-products li {
    margin-bottom: 20px;
}

.ecommerce-products li:nth-child(3n + 1) {
    clear: both;
}

@media (max-width: 991px) {
    .ecommerce-products li:nth-child(3n + 1) {
        clear: none;
    }

    .ecommerce-products li:nth-child(odd) {
        clear: both;
    }
}

.user-section #picture-img svg {
    border-radius: 80px;
}

.microjob-image-wrapper:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    border-radius: 20px;
}

#recently-viewed .microjob-image-wrapper:after {
    display: none;
}

.profile-wall-img-back:after,
.profile-wall-img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    border-radius: 12px;
}

figure.profile-wall-img {
    z-index: 2;
}

figure.profile-wall-img-back {
    position: absolute;
    top: 0;
    width: 100%;
    background-size: cover;
    z-index: 1;
    filter: brightness(40%);
}

.ecommerce-products .card {
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 2;
}


.ecommerce-products .card .card-header {
    position: relative;
    background-color: transparent;
    cursor: pointer;
}

.microjob-title-card {
    padding-top: 10px;
}

.ecommerce-products .card .card-header .triangle-top-right {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 80px 80px 0;
    border-color: transparent #4ca83f transparent transparent;
}

.ecommerce-products .card .card-header .triangle-top-right::after {
    content: "\e925";
    color: #fff;
    font-size: 1.42857em;
    position: absolute;
    left: 2.25em;
    top: 0.5em;
}

.ecommerce-products .card .card-footer {
    border-color: #cdd0e161;
    background: none;
}

.ecommerce-products .card .card-footer div {
    border-right: 1px solid #cdd0e161;
}

.ecommerce-products .card .card-footer .user-picture {
    border-right: 1px solid #cdd0e161;
    margin-top: 15px;
    height: 40px;
}

.ecommerce-products .card .card-footer div:last-child {
    border: none;
}

.ecommerce-products .card .card-footer div a {
    color: #bbb;
}

.ecommerce-products .card .card-footer div:hover a {
    color: #4ca83f;
}

body.rtl .ecommerce-products .card .card-footer div {
    border-right: 0;
    border-left: 1px solid #cdd0e161;
}

body.rtl .ecommerce-products .card .card-footer div:last-child {
    border: none;
}

.invoice-sum li {
    background: rgba(0, 0, 0, 0.05);
    margin-bottom: 0.14286em;
    padding: 0.35714em 0.71429em;
}

/********************************
*********************************
Weather
*********************************
*********************************/

.weather-card-image figure {
    overflow: hidden;
    height: 20.71429em;
    position: relative;
    background-size: cover;
    background-position: center center;
    margin-bottom: 0;
}

.weather-card-image img {
    width: 100%;
}

.weather-card-image figcaption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.weather-card-image figcaption h6 {
    position: absolute;
    bottom: 0.71429em;
}

.weather-card-image figcaption span {
    position: absolute;
    right: 1em;
    bottom: 0.5em;
    font-size: 1.42857em;
}

.weather-card-image figcaption span sup {
    font-size: 0.5em;
    vertical-align: super;
}

.weather-card-image .weather-footer div {
    padding: 0 1.07143em;
    margin: 2.14286em 0 2.14286em 0;
    border-left: 0.0625rem solid #f7f7fd;
}

.weather-card-image .weather-footer div:first-child {
    border: 0;
}

.weather-card-image-dark {
    position: relative;
    height: 30.71429em;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}

.weather-card-image-dark i {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    font-size: 3.57143em;
}

/*
.widget-user-profile.tag-big-header-content {
    position: absolute;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    margin-top: 125px;
}
*/

.widget-user-profile.tag-big-header-content {
    position: absolute;
    margin-top: 125px;
    width: 100%;
}


.widget-search-page.tag-big-header-content {
    position: absolute;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    margin-top: 245px;
}


.weather-card-image-dark .weather-caption {
    position: absolute;
    bottom: 2.14286em;
    left: 1.42857em;
}

#search-tags::-webkit-input-placeholder,
#search-tags:-ms-input-placeholder,
#search-tags::-moz-placeholder,
#search-tags:-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.weather-card-image-dark .weather-date {
    padding: 0.71429em 1.07143em;
    position: absolute;
    bottom: 3.21429em;
    right: 0;
}

.weather-status {
    font-size: 2.14286em;
    margin-left: -0.33333em;
}

.weather-card-default table tr td {
    border: 0;
}

.weather-card-default li {
    padding: 0 0.9375em;
    font-size: 1.14286em;
}

.weather-card-simple i {
    font-size: 2.5em;
    margin-top: 0.28571em;
}

/********************************
*********************************
To Do App
*********************************
*********************************/

.flexbox-col {
    display: flex;
}

.fixed-col {
    flex: 0 0 330px;
}

.variable-col {
    flex: 1;
}

.todo-widget {
    padding-bottom: 1.42857em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.todo-widget .list-group {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 1.42857em;
}

.todo-widget input {
    height: 3.21429em;
}

.todo-widget .list-group-item {
    margin: 0;
    padding: 0;
    border: 0;
}

.todo-widget .list-group-item.checked .label-text {
    font-style: italic;
    text-decoration: line-through;
}

.todo-widget .list-group-item:hover {
    background: #f9f9f9;
}

.todo-widget .list-group-item:hover .edit-item,
.todo-widget .list-group-item:hover .delete-item {
    opacity: 1;
}

@media (max-width: 767px) {
    .todo-widget .list-group-item .label-text {
        padding-right: 5em;
    }

    .todo-widget .list-group-item .edit-item,
    .todo-widget .list-group-item .delete-item {
        opacity: 1;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .todo-widget {
        opacity: 1;
    }

    .todo-widget .list-group-item .label-text {
        padding-right: 3.21429em;
    }

    .todo-widget .list-group-item .delete-item,
    .todo-widget .list-group-item .edit-item {
        opacity: 1;
    }
}

.todo-widget label {
    display: block;
    position: relative;
    padding: 1.07143em;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0;
}

.todo-widget label input[type="checkbox"] {
    display: none;
}

.todo-widget label .label-text {
    display: block;
}

.todo-widget .edit-item,
.todo-widget .delete-item {
    position: absolute;
    top: 50%;
    right: 0.625em;
    color: #6a719091;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 1.14286em;
    background: #4ca83f;
    color: #fff;
    height: 1.875em;
    width: 1.875em;
    line-height: 1.875em;
    text-align: center;
    border-radius: 100px;
}

.todo-widget .edit-item {
    right: 3.125em;
}

.todo-widget .edit-field {
    position: relative;
}

.todo-widget .edit-field input {
    padding-right: 3.57143em;
}

.todo-widget .edit-field .submit-btn {
    position: absolute;
    top: 50%;
    right: 0.66667em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2em;
    width: 2em;
    line-height: 1.8em;
    font-size: 1.07143em;
    padding: 0;
    border-radius: 100px;
    text-align: center;
}

.todo-widget .edit-field .submit-btn i {
    font-size: 1.06667em;
}

#submitRelease {
    height: 40px;
}

/********************************
 *********************************
Kanban
 *********************************
 *********************************/

/* Kanban Widget 
========================*/

.kanban-widget {
    overflow-x: auto;
}

.kanban-widget .category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.kanban-widget .category-item {
    padding: 1.5em;
    background: #fff;
    margin-right: 1em;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: calc(100vh - $nav-height);
}

.kanban-widget .category-item:last-of-type {
    margin-right: 0;
}

.kanban-widget .category-item .add-new-task {
    cursor: pointer;
}

.kanban-widget .category-title {
    margin-top: 0;
    margin-bottom: 1.5em;
}

.kanban-widget .task-item {
    background: #f5f7fa;
    margin-bottom: 1.42857em;
    padding: 1em;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.kanban-widget .task-item:hover {
    background: #e4e9f2;
}

.kanban-widget .task-item .badge,
.kanban-widget .task-item .label {
    font-size: 0.875rem;
}

.kanban-widget .task-label {
    position: absolute;
    top: -2px;
    right: 10px;
    line-height: 1;
}

.kanban-widget .task-title {
    margin: 0 0 .5em;
}

.kanban-widget .task-item:hover .task-users figure {
    border-color: #e4e9f2;
}

.kanban-widget .task-users figure {
    margin-bottom: 0;
    margin-left: -20px;
    border: 5px solid #f5f7fa;
    border-radius: 100px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.kanban-widget .task-users figure:first-child {
    margin-left: 0;
}

/********************************
*********************************
Custom Scroll
*********************************
*********************************/

.custom-scroll-content {
    height: 16.42857em;
}

.left-scroll .ps.ps--active-x > .ps__scrollbar-x-rail,
.left-scroll .ps.ps--active-y > .ps__scrollbar-y-rail {
    left: 0;
}

.color-scroll .ps > .ps__scrollbar-y-rail:hover .ps__scrollbar-y {
    background: rgba(0, 0, 255, 0.7);
}

.color-scroll .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
    background: rgba(0, 0, 255, 0.7);
}

.color-scroll .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y:hover {
    background: rgba(0, 0, 255, 0.7);
}

.ps:hover > .ps__scrollbar-y-rail:hover {
    background: transparent;
}

/********************************
*********************************
Tooltips
*********************************
*********************************/

.fancy-tooltip {
    display: inline-block;
    position: relative;
}

.fancy-tooltip .list-icon {
    vertical-align: bottom;
}

.tooltip-item {
    cursor: pointer;
    display: inline-block;
}

.fancy-tooltip:not(a) .tooltip-item {
    padding: 0 0.71429em;
    background: rgba(0, 0, 0, 0.1);
}

.tooltip-content {
    border-radius: 0.3125rem;
    position: absolute;
    z-index: 99;
    width: 18.75rem;
    left: 50%;
    margin: 0 0 1.25rem -9.375rem;
    bottom: 100%;
    text-align: left;
    -webkit-box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
    box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
    background: #2b2b2b;
    color: #fff;
    opacity: 0;
    cursor: default;
    pointer-events: none;
    /* SlideInDown Effect
  ========================*/
    /* SlideInUp Effect
  ========================*/
    /* Rotate Effect
  ========================*/
    /* Spin Effect
  ========================*/
}

.tooltip-content img {
    position: relative;
    border-top-left-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
    height: 10em;
    display: block;
    float: left;
    margin-right: 1em;
}

.tooltip-content::after {
    content: '';
    top: 95%;
    left: 50%;
    border: solid transparent;
    height: 1.07143em;
    width: 1.07143em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    background: inherit;
    margin-left: -0.71429em;
}

.tooltip-effect-slideInDown .tooltip-content {
    -webkit-transform: translate3d(0, -0.71429em, 0);
    transform: translate3d(0, -0.71429em, 0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.tooltip-effect-slideInUp .tooltip-content {
    -webkit-transform-origin: 50% calc(110%);
    transform-origin: 50% calc(110%);
    -webkit-transform: perspective(71.42857em) rotate3d(1, 0, 0, 45deg);
    transform: perspective(71.42857em) rotate3d(1, 0, 0, 45deg);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
}

.tooltip-effect-rotate .tooltip-content {
    -webkit-transform-origin: 50% calc(106%);
    transform-origin: 50% calc(106%);
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.icon-tooltip.tooltip-effect-rotate .tooltip-content {
    -webkit-transform: translate3d(0, 0.71429em, 0) rotate3d(1, 1, 1, 45deg);
    transform: translate3d(0, 0.71429em, 0) rotate3d(1, 1, 1, 45deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.tooltip-effect-spin .tooltip-content {
    -webkit-transform: translate3d(0, 0.71429em, 0) rotate3d(0, 1, 0, 90deg);
    transform: translate3d(0, 0.71429em, 0) rotate3d(0, 1, 0, 90deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
}

.fancy-tooltip:hover .tooltip-content,
.fancy-tooltip:active .tooltip-content {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
}

.tooltip-text {
    display: block;
    font-size: 1.14286em;
    padding: 1.25em;
}

/* Icon Tooltips
========================*/

.icon-tooltip .tooltip-text {
    padding: 0;
}

.icon-tooltip .tooltip-content {
    padding: 0;
    text-align: center;
    border-radius: 50%;
    width: 5.71429em;
    height: 5.71429em;
    line-height: 5.71429em;
    margin-left: -2.85714em;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #4ca83f;
    color: #fff;
}

.icon-tooltip .tooltip-content .list-icon {
    line-height: 4em;
    font-size: 1.42857em;
}

.icon-tooltip .tooltip-content::after {
    top: 5.57143em;
    border-top-color: #4ca83f;
}

/********************************
*********************************
Content Area
*********************************
*********************************/

.form-helper {
    font-size: 85%;
    color: #c1c0d4a8;
    padding-right: 15px;
}

input.select-boxes {
    max-height: 0;
    max-width: 0;
    opacity: 0;
    position: absolute;
    z-index: 1;
    left: 0;
}

input.select-boxes + label {
    display: block;
    position: relative;
    box-shadow: inset 0 0 0px 2px #d5d5d5;
    height: 17px;
    width: 17px;
    border-radius: 15px;
    float: left;
    cursor: pointer;
}

.toggle-container-height {
    padding-bottom: 40px;
}

input.select-boxes + label:before {
    content: "";
    position: absolute;
    display: block;
    height: 17px;
    width: 17px;
    top: 0;
    left: 0;
    border-radius: 15px;
    background: rgba(19, 191, 17, 0);
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

input.select-boxes + label:after {
    content: "";
    position: absolute;
    display: block;
    height: 17px;
    width: 17px;
    top: 0;
    left: 0px;
    border-radius: 15px;
    background: white;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, 0);
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

input:before,
    {
    width: 17px;
    height: 17px;
    background-color: #4ca83f;
}

input.select-boxes:checked + label:after {
    left: 1px;
    top: 1px;
    height: 15px;
    width: 15px;
    background-color: #4ca83f;
    box-shadow: inset 0 0 0 1px #4ca83f, inset 0 2px 4px rgba(0, 0, 0, 0);
}

input#vacation-toggle:checked + label:before {
    background: #fa0;
    background-color: #fa0;
}

#vacation_come_back {
    color: #9a99ab;
    padding: 15px 0;
}

input#vacation-toggle:checked + label:after {
    left: 20px;
    box-shadow: inset 0 0 0 1px #fa0, 0 2px 4px rgba(0, 0, 0, .2);
}

.inactive#vacation-mode-icon-toggle {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4;
}

.notifications_section {
    padding-top: 15px;
    text-align: center;
    border-bottom: 1px solid #f7f7fd;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #c7c7d4;
    font-family: Jost;
}

.dark .notifications_section {
    border-bottom: 1px solid #393844;
}

.order-image-notif.icon {
    max-width: 35px;
}

.widget-bg {
    border: 0 !important;
}

.jqstooltip {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.dropdown-toggle::after {
    display: none;
}

ul.wysihtml5-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wysihtml5-toolbar .dropdown .dropdown-menu {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.wysihtml5-toolbar .dropdown .dropdown-menu li a {
    display: block;
    width: 100%;
    padding: 0.35714em 1.42857em;
    color: #9C9CB0;
}

.wysihtml5-toolbar .dropdown .dropdown-menu li a:hover,
.wysihtml5-toolbar .dropdown .dropdown-menu li a:focus {
    color: #514d6a;
    background: #f7fafc;
}

.wysihtml5-toolbar .btn-default:active {
    color: #151b23;
    background-color: #d6dadf;
    border-color: #d6dadf;
}

.wysihtml5-toolbar .btn {
    cursor: pointer;
}

.wysihtml5-toolbar .btn span::before,
.wysihtml5-toolbar .btn span::after {
    font-family: "FontAwesome";
    display: block;
    line-height: 1;
    font-style: normal;
    font-size: 1.2em;
    display: inline;
    vertical-align: middle;
}

.wysihtml5-toolbar .btn .glyphicon-font::before {
    content: "\f031";
    vertical-align: baseline;
}

.wysihtml5-toolbar .btn .glyphicon-quote::before {
    display: none;
}

.wysihtml5-toolbar .btn .glyphicon-quote::after {
    content: "\f10d";
}

.wysihtml5-toolbar .btn .glyphicon-list::before {
    content: "\f03a";
}

.wysihtml5-toolbar .btn .glyphicon-th-list::before {
    content: "\f00b";
}

.wysihtml5-toolbar .btn .glyphicon-indent-right::before {
    content: "\f03b";
}

.wysihtml5-toolbar .btn .glyphicon-indent-left::before {
    content: "\f03c";
}

.wysihtml5-toolbar .btn .glyphicon-share::before {
    content: "\f045";
}

.wysihtml5-toolbar .btn .glyphicon-picture::before {
    content: "\f03e";
}

.search-results .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search-results .col-md-3 h5 {
    letter-spacing: 0.2rem;
    opacity: .8;
}

/* Bootstrap UI
========================*/

.badge.up,
.up.label {
    position: absolute;
    top: 0.625rem;
    right: 0.25rem;
}

.badge-sm {
    font-size: 0.6875rem;
    padding: 0.125rem 0.3125rem;
}

.badge-border {
    background: transparent !important;
    border-width: 2px;
    border-style: solid;
    padding: 0.1875rem 0.375rem;
    border-radius: 200px;
    color: #4ca83f;
}

.badge-border.bg-color-scheme {
    color: #4ca83f;
}

.badge-border.bg-primary {
    color: #4ca83f;
}

.badge-border.bg-danger {
    color: #ca0000;
}

.badge-border.bg-warning {
    color: #ffcc02;
}

.badge-border.bg-success {
    color: #38d57a;
}

.badge-border.bg-info {
    color: #4ca83f;
}

.badge-border.bg-facebook {
    color: #4b64a6;
}

.badge-border.bg-twitter {
    color: #0dace3;
}

.badge-border.bg-googleplus {
    color: #dd4b39;
}

.badge-border.bg-linkedin {
    color: #007bb6;
}

.badge-border.bg-instagram {
    color: #3f729b;
}

.badge-border.bg-pinterest {
    color: #cb2027;
}

.badge-border.bg-dribbble {
    color: #ea4c89;
}

.badge-border.bg-youtube {
    color: #b00;
}

.badge-border.badge-border-inverted {
    color: #fff;
}

/* Basic Icons Styles
========================*/

.icons-page .main-wrapper .material-icons {
    font-size: 3.42857em;
}

.icons-page .main-wrapper .fa {
    font-size: 2.57143em;
}

.icons-page .main-wrapper [class^="feather-"],
.icons-page .main-wrapper [class*=" feather-"] {
    font-size: 2.57143em;
}

.icons-page .main-wrapper .linea {
    font-size: 2.57143em;
    vertical-align: bottom;
}

.icons-page .main-wrapper .col-md-2,
.icons-page .main-wrapper .col-md-3 {
    cursor: pointer;
    opacity: .7;
    margin: 1.42857em 0;
}

.icons-page .main-wrapper .col-md-2:hover,
.icons-page .main-wrapper .col-md-3:hover {
    opacity: 1;
}

.icons-page .main-wrapper .social-icons {
    font-size: 4.28571em;
}

.icons-page .main-wrapper .wi {
    font-size: 2.85714em;
}

.list-icon.pull-left {
    margin-right: 0.4375rem;
}

.list-icon.pull-right {
    margin-left: 0.3125rem;
}

/* Page Title Area
========================*/

.page-title {
    height: 4.42857em;
    line-height: 4.42857em;
    margin: 0 -40px;
    padding: 0 40px;
    /*    border-bottom: 1px solid #cdd0e161;*/
    position: relative;
}

.page-title .page-title-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px;
}

.row.page-title.timeline.clearfix {
    margin-top: 60px;
    margin-bottom: 10px;
}

.page-title .page-title-right .btn {
    color: #fff;
}

.header-light .page-title,
.sidebar-horizontal .page-title {
    background: transparent;
}

.page-title .page-title-description,
.page-title .page-title-heading {
    display: inline-block;
}

.dash-stat-concept.timeline-subtitle {
    opacity: 1;
    font-size: 100%;
}

.page-title .page-title-description {
    font-size: 0.875rem;
}

.page-title ol {
    line-height: 4.42857em;
    margin: 0;
    padding: 0;
    background: transparent;
    display: inline-block;
}

/* Breadcrumbs */

.breadcrumb {
    letter-spacing: -.06em;
}

.breadcrumb a {
    color: #868e96;
}

.breadcrumb a:hover {
    color: #151b23;
}

.breadcrumb > .active {
    color: #4ca83f;
}

body.rtl .breadcrumb {
    direction: ltr;
    text-align: right;
}

/* Widget Boxes
========================*/

.section-toggled {
    transition: height 0.4s ease-out;
    height: 56px;
    position: relative;
}

.icon-toggles {
    position: absolute;
    right: 40px;
    top: 30px;
}

.dark .icon-toggles {
    filter: brightness(0) invert(1);
    opacity: 0.4;
}

.page-title + .widget-list {
    margin-top: 35px;
}

.widget-list.widget-list-full-width {
    margin-right: -30px;
    margin-left: -30px;
}

.widget-holder {
    margin-bottom: 30px;
    position: relative;
}

.widget-holder.widget-full-content .widget-body {
    padding: 0;
}

.widget-holder.widget-no-padding .widget-body {
    padding: 0;
}

.widget-holder.widget-full-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.widget-holder.widget-full-height .widget-bg-transparent,
.widget-holder.widget-full-height .widget-bg {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
}

.widget-holder.widget-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.widget-holder.widget-flex .widget-bg-transparent,
.widget-holder.widget-flex .widget-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.widget-holder.widget-flex .widget-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.widget-holder.widget-sm .widget-heading {
    padding: 0.92857em 1.42857em 0.92857em 1.42857em;
    border-bottom: 1px solid #cdd0e161;
    color: #bbb;
}

.widget-holder.widget-border-radius,
.widget-holder.widget-border-radius .widget-heading {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.widget-bg {
    width: 100%;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    border-radius: 0px;
    background-color: #fff;
    margin-bottom: 30px;
    border: 1px solid #f7f7fd;
    position: relative;
    padding: 40px 25px 40px 40px;
}

.dark #left-sidebar,
.dark .widget-bg {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.widget-bg-requests {
    width: 100%;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.06);
    border-radius: 20px;
    background-color: #fff;
    margin-bottom: 40px;
    position: relative;
    padding: 40px;
}

.container-post-new-req-inside #lang_detected_include,
#step1-custom-offer #lang_detected_include_custom {
    padding-bottom: 10px;
}

.request-wrapper .media svg {
    border-radius: 50px;
}

.slim-loader {
    display: none;
}

.widget-inbox.widget-bg {
    padding: 0px;
}

.widget-bg.section-toggled {
    padding: 20px 40px !important;
    min-height: 70px;
    height: auto;
    transition: max-height 1s ease-in-out;
}

.opened .toggles-wrapper,
.opened .toggles-wrapper-tags {
    max-height: 4000px;
    overflow: hidden;
    transition: max-height 1.5s ease-in-out;
}

.closed .toggles-wrapper,
.closed .toggles-wrapper-tags {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1.5s ease-in-out;
}

#vacation-information {
    overflow: initial;
}

.form-group.row.first-in-form {
    margin-top: 30px;
}

.widget-heading + .widget-bg {
    border-top: 0;
}

.widget-body > .full-row {
    margin-left: -1.42857em;
    margin-right: -1.42857em;
}

.box-title,
.widget-heading h5,
.widget-heading .widget-title {
    font-family: 'Jost';
    line-height: 2em;
    margin: 0;
    line-height: 1.5;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.box-title small,
.widget-heading h5 small,
.widget-heading .widget-title small {
    text-transform: none;
}

.box-title {
    margin-bottom: 1.25rem;
}

.widget-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.widget-heading h5 {
    float: left;
    margin: 0;
}

.widget-bg .widget-heading {
    padding: 20px 20px 0;
}

.widget-bg .widget-heading[class*='bg-'] .widget-title {
    color: #fff;
}

.widget-heading.widget-heading-border {
    min-height: 4.6875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-right: 20px;
    margin-left: 20px;
    padding: 0 0 1.07143em;
    border-bottom: 1px solid #cdd0e161;
}

[class*=bg-] .widget-heading.widget-heading-border {
    border-color: rgba(255, 255, 255, 0.2);
}

.widget-graph-info {
    float: right;
}

.widget-graph-info .arrow-icon {
    position: relative;
}

.widget-graph-info .arrow-icon:after {
    content: '\e931';
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%);
    font-size: 1.3em;
    color: inherit;
}

.widget-heading-icon {
    float: right;
    font-size: 1.125rem;
    color: #cdd0e161;
}

.widget-bg .widget-heading[class*='bg-'] .widget-heading-icon {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}

body.rtl .widget-bg .widget-heading[class*='bg-'] .widget-heading-icon {
    right: auto;
    left: 0;
}

.widget-actions {
    margin: 0.35714em 0 0;
    float: right;
}

.widget-actions > li {
    display: inline-block;
}

.widget-actions > li > a {
    color: #2a2a31;
}

.widget-actions > li > a .list-icon {
    position: relative;
    top: -0.125rem;
}

.widget-actions .list-icon {
    vertical-align: middle;
    font-size: 1.38462em;
}

.widget-actions .dropdown-menu {
    left: auto;
    right: 0;
    padding-top: 0.71429em;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .widget-actions {
        float: left;
    }
}

/* Full Width BG Pages
========================*/

.body-bg-full {
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    overflow: hidden;
}

.body-bg-full .wrapper,
.body-bg-full #app {
    margin: 0;
    display: table;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.body-bg-full .content-wrapper {
    padding: 1.71429em;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    min-height: auto;
    width: 25rem;
}

.body-bg-full .main-wrapper {
    background: transparent;
    margin: 0 auto;
}

.error-page .page-title,
.coming-soon-page .page-title .profile-page .page-title {
    height: auto;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
}

.socials-coming-soon {
    display: inline-block;
}

.profile-page {
    overflow: visible;
}

.profile-page h2,
.signup-page h1 {
    letter-spacing: 1px;
}

.profile-page .navbar-header {
    float: none;
    width: auto;
}

.res-openmenu.active {
    opacity: 1;
    visibility: visible;
    position: absolute;
}

.res-closemenu.active {
    opacity: 1;
    visibility: visible;
    position: absolute;
}


.menu-txt-icon-selector {
    float: left;
    height: 19px;
}


.res-closemenu {
    opacity: 0;
}

#include_inbox_responsive .file-received-icon {
    margin-top: -2px !important;
}

.responsive-header {
    position: absolute;
    width: 100%;
    z-index: 99;
}

.dark .new-notif-line.notif-line {
    background: #2a2a31 !important
}

.dark .file-received-icon {
    filter: brightness(0) invert(1);
}

.dark #include_inbox_responsive,
.dark #include_notifications_responsive {
    background-color: #484754;
}

.dark .res-menu-icon-absolute {
    filter: brightness(0) invert(1);
}

.responsive-menubar {
    float: left;
    width: 100%;
    padding: 30px 0;
}

.dark .responsivemenu {
    color: #d6d6e8;
    background-color: #2a2a31;
}

.responsivemenu > ul > li.menu-item-has-children > .plus-symbol::before,
.responsivemenu > ul > li.menu-item-has-children > .plus-symbol::after {
    background: #2a2a31;
}

.res-logo {
    float: left;
}

.res-logo > a {
    float: left;
}

.menu-resaction {
    height: 80px;
    position: absolute;
    right: 45px;
    padding-top: 30px;
    opacity: 0;
    cursor: pointer;
}

.res-openmenu.active {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

/* General styles for all menus */

.cbp-spmenu {
    background: #fff;
    position: fixed;
}

.cbp-spmenu-vertical {
    width: 320px;
    padding-bottom: 20px;
    top: 0;
    z-index: 1000;
    height: 100vh;
}

.cbp-spmenu-vertical.login {
    width: 100%;
    padding-bottom: 0px;
    top: -122px;
    left: 0;
    z-index: 1000;
}

.cbp-spmenu-left {
    transform: translateX(-360px);
}

.cbp-spmenu-left.cbp-spmenu-open {
    transform: translateX(0px);
    height: 100%;
}

.cbp-spmenu-left.cbp-spmenu-open.login {
    top: 80px;
}

.cbp-spmenu-top {
    top: -150px;
}

.cbp-spmenu-bottom {
    bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
}

.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left: 240px;
}

.cbp-spmenu-push-toleft {
    left: -240px;
}

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 55.1875em) {

    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }

    .cbp-spmenu-top {
        top: -110px;
    }

    .cbp-spmenu-bottom {
        bottom: -110px;
    }

}

@media screen and (max-height: 26.375em) {

    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 190px;
    }

    .cbp-spmenu-right {
        right: -190px;
    }

    .cbp-spmenu-push-toright {
        left: 190px;
    }
}





















/*

.responsive-opensec {
    height: 100%;
    position: fixed;
    left: 0;
    top: 80px;
    background: #2a2a31;
    overflow-y: scroll;
    max-height: 100%;
}
*/

.account-btns .btn {
    color: #fff;
}

.responsive-opensec .btn-extras {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e3ebf70f;
    padding: 20px;
}

.btn-extras {
    float: right;
}


.post-job-btn i {
    float: left;
    margin-right: 6px;
    margin-top: 3px;
    font-size: 15px;
}

.account-btns {
    float: right;
    margin: 0;
    margin-top: 3px;
    margin-left: 0px;
    margin-left: 20px;
    padding: 8px 0;
}

.account-btns > li:first-child {
    margin: 0;
}

.account-btns > li {
    float: left;
    margin: 0;
    margin-left: 0px;
    margin-left: 20px;
}

.res-search {
    float: left;
    width: 100%;
    margin-top: 40px;
    background: #040e2b;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

.res-search input {
    float: left;
    width: 100%;
    margin: 0;
    background: none;
    font-size: 13px;
    color: #9299af;
    padding: 18px 30px;
    padding-right: 30px;
    padding-right: 80px;
}

.res-search button {
    position: absolute;
    right: 0;
    background: none;
    padding: 0;
    color: #62697f;
    font-size: 25px;
    padding: 11px 20px;
}

.responsivemenu {
    float: left;
    color: #535360;
    width: 100%;
    position: relative;
}

form.navbar-search-mobile {
    position: absolute;
    padding-left: 10px;
    width: calc(100% - 100px);
}

ul#list-content-menu-responsive li:first-child {
    margin-top: 10px;
}

.no-style.options-text {
    text-align: right;
}

.responsivemenu > ul {
    width: 100%;
    margin: 0;
}

.responsivemenu > ul > li {
    float: left;
    width: 230px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    margin-left: 50px !important;
}

.responsivemenu ul {
    padding-top: 15px;
    padding-left: 15px;
}

.responsivemenu > ul > li.menu-item-has-children > .plus-symbol::before {
    position: absolute;
    right: 0;
    top: 10px;
    width: 22px;
    height: 2px;
    background: #dbdfe6;
    content: "";
}

.responsivemenu > ul > li.menu-item-has-children > .plus-symbol::after {
    position: absolute;
    right: 10px;
    top: 0px;
    width: 2px;
    height: 22px;
    content: "";
    background: #dbdfe6;
}

.dark .responsivemenu > ul > li.menu-item-has-children > .plus-symbol::before,
.dark .responsivemenu > ul > li.menu-item-has-children > .plus-symbol::after {
    background: #47455ae0;
}


ul.children-inside {
    list-style: none;
}

ul.children-inside {
    list-style: none;
    margin-left: 0px;
    padding-left: 0;
}

.responsivemenu > ul > li ul > li a {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 13px;
    padding: 8px 0;
}


.btn-extras-inside {
    padding: 20px;
    height: 120px;
}

.profile-page .login-links {
    margin-top: 2.5em;
    font-size: 1.14286em;
    opacity: .8;
}

body.main-wrapper.error-page,
body.main-wrapper.coming-soon-page {
    padding: 0;
    text-align: center;
    width: 100%;
    margin-left: 0;
    height: 100vh;
    position: relative;
}

.error-wrapper {
    min-width: 300px;
    max-width: 480px;
    margin: auto;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}

.maintenance-wrapper {
    width: 625px;
    margin: auto;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}

.error-page h1,
.coming-soon-page h1 {
    font-size: 230%;
    margin: 0 0 15px;
    text-align: center;
    padding-bottom: 10px;
    line-height: 55px;
}

body.main-wrapper.coming-soon-page h2 {
    font-size: 110%;
    margin-top: 0;
    padding-bottom: 30px;
}

h2.mr-b-5.color-white.prelaunch {
    padding-bottom: 10px;
}

.coming-soon-page .logo-standalone {
    float: left;
    padding-top: 23px;
    padding-left: 20px;
}

.coming-soon-page h3 {
    font-size: 120%;
    color: #4ca83f !important;
    width: 70%;
    margin: auto;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px !important;
}

.coming-soon-page .error-wrapper {
    padding: 40px;
    background-color: #00000029;
    border-radius: 20px;
}

#maintenance_counter {
    color: #fff;
    font-family: Jost;
    font-size: 400%;
    line-height: 1.2;
}

#prelaunch_counter {
    color: #fff;
    font-family: Jost;
    font-size: 700%;
    line-height: 1.1;
    padding-bottom: 20px;
}

.prelaunch .boldblue {
    font-size: 150%;
    text-transform: uppercase;
}

#connect-invited {
    padding: 15px 30px;
    border-radius: 13px;
    text-transform: uppercase;
    max-width: 180px;
    margin: auto;
    margin-bottom: 20px;
}

#prelaunch_counter_legends {
    color: #fff;
    font-family: 'Jost';
    opacity: 0;
    margin: auto;
    font-size: 95%;
    line-height: 0;
    margin-top: 25px;
    transition: opacity 0.3s ease-in-out;
}

#more-info-banned {
    margin-top: 20px;
    font-size: 80%;
}

#more-info-banned a {
    color: #fff;
    opacity: 0.4;
    transition: opacity 0.3s ease-in-out;
}

#more-info-banned a:hover {
    opacity: 0.8;
}

.prelaunch-text {
    color: #fff;
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
}

.error-page h3 {
    letter-spacing: -0.04167em;
}

/* Search Results Page
========================*/

.search-listing > li {
    border-bottom: 1px solid #f7f7fd;
    padding: 0.71429em 0;
}

.search-listing img {
    width: 10.71429em;
}

.search-listing h5 {
    margin-bottom: 0.27778em;
}

.search-listing h5 a {
    color: #4ca83f;
}

.search-listing h5 a:hover {
    text-decoration: underline;
}

.search-listing .media-body h5 {
    margin-top: 0.27778em;
}

.search-listing p {
    margin-top: 0.35714em;
}

/* Notifications /  Alerts
========================*/

li.clearfix.notif-line.no-notif {
    padding: 30px 0;
    color: #6a719091;
    text-align: center;
    font-family: artiistaLight;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

/*
.navbar-nav li.clearfix.notif-line.no-notif {
    border: none;
}
*/

.alert {
    position: relative;
}

.alert .close {
    color: inherit;
    opacity: .7;
}

.alert .close:focus,
.alert .close:hover {
    color: #000;
    opacity: .9;
}

.alert-icon {
    padding-left: 3.57143em;
}

.alert-icon i {
    position: absolute;
    left: 5px;
    height: 2.08333em;
    width: 2.08333em;
    text-align: center;
    top: 5px;
    line-height: 2.08333em;
}

/* Jquery Toast */

.jq-toast-wrap {
    display: block;
    position: fixed;
    width: 250px;
    pointer-events: none !important;
    margin: 0;
    padding: 0;
    letter-spacing: normal;
    z-index: 9000 !important;
}

.jq-toast-wrap * {
    margin: 0;
    padding: 0;
}

.jq-toast-wrap.bottom-left {
    bottom: 20px;
    left: 20px;
}

.jq-toast-wrap.bottom-right {
    bottom: 20px;
    right: 40px;
}

.jq-toast-wrap.top-left {
    top: 20px;
    left: 20px;
}

.jq-toast-wrap.top-right {
    top: 20px;
    right: 40px;
}

.jq-toast-single {
    display: block;
    width: 100%;
    padding: 10px;
    margin: 0px 0px 5px;
    border-radius: 4px;
    font-size: 12px;
    font-family: arial, sans-serif;
    line-height: 17px;
    position: relative;
    pointer-events: all !important;
    background-color: #444444;
    color: white;
}

.jq-toast-single h2 {
    font-family: arial, sans-serif;
    font-size: 14px;
    margin: 0px 0px 7px;
    background: none;
    color: inherit;
    line-height: inherit;
    letter-spacing: normal;
}

.jq-toast-single a {
    color: #f7f7fd;
    text-decoration: none;
    border-bottom: 1px solid white;
    padding-bottom: 3px;
    font-size: 12px;
}

.jq-toast-single ul {
    margin: 0px 0px 0px 15px;
    background: none;
    padding: 0px;
}

.jq-toast-single ul li {
    list-style-type: disc !important;
    line-height: 17px;
    background: none;
    margin: 0;
    padding: 0;
    letter-spacing: normal;
}

.close-jq-toast-single {
    position: absolute;
    top: 3px;
    right: 7px;
    font-size: 14px;
    cursor: pointer;
}

.jq-toast-loader {
    display: block;
    position: absolute;
    top: -2px;
    height: 5px;
    width: 0%;
    left: 0;
    border-radius: 5px;
    background: red;
}

.jq-toast-loaded {
    width: 100%;
}

.jq-has-icon {
    padding: 10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px;
}

.jq-icon-info {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=');
    background-color: #31708f;
    color: #d9edf7;
    border-color: #bce8f1;
}

.jq-icon-warning {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=');
    background-color: #8a6d3b;
    color: #fcf8e3;
    border-color: #faebcc;
}

.jq-icon-error {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=');
    background-color: #a94442;
    color: #f2dede;
    border-color: #ebccd1;
}

.jq-icon-success {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==');
    color: #dff0d8;
    background-color: #3c763d;
    border-color: #d6e9c6;
}


/* Perfect scrollbar */

/* perfect-scrollbar v0.7.0 */

.ps {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}

.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail {
    display: block;
    background-color: transparent;
}

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
    background-color: #f7f7fd;
    opacity: 0.9;
}

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
    background-color: #6a719091;
    height: 11px;
}

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
    background-color: #f7f7fd;
    opacity: 0.9;
}

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
    background-color: #6a719091;
    width: 11px;
}

.ps > .ps__scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0px;
    /* there must be 'bottom' for ps__scrollbar-x-rail */
    height: 15px;
}

.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
    position: absolute;
    /* please don't change 'position' */
    background-color: #aaa;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    bottom: 2px;
    /* there must be 'bottom' for ps__scrollbar-x */
    height: 6px;
}

.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x,
.ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
    height: 11px;
}

.ps > .ps__scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    /* there must be 'right' for ps__scrollbar-y-rail */
    width: 15px;
}

.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
    position: absolute;
    /* please don't change 'position' */
    background-color: #aaa;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    right: 2px;
    /* there must be 'right' for ps__scrollbar-y */
    width: 6px;
}

.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y,
.ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
    width: 11px;
}

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
    background-color: #f7f7fd;
    opacity: 0.9;
}

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
    background-color: #6a719091;
    height: 11px;
}

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
    background-color: #f7f7fd;
    opacity: 0.9;
}

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
    background-color: #6a719091;
    width: 11px;
}

.ps:hover > .ps__scrollbar-x-rail,
.ps:hover > .ps__scrollbar-y-rail {
    opacity: 0.6;
}

.ps:hover > .ps__scrollbar-x-rail:hover {
    background-color: #f7f7fd;
    opacity: 0.9;
}

.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
    background-color: #6a719091;
}

.ps:hover > .ps__scrollbar-y-rail:hover {
    background-color: #f7f7fd;
    opacity: 0.9;
}

.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
    background-color: #6a719091;
}

/* Sweet Alerts */

.swal2-modal {
    padding: 40px !important;
}

.swal2-modal .swal2-title {
    font-size: 140%;
    color: #4ca83f;
}

.swal2-modal .swal2-content {
    font-size: 1.14286em;
    color: #8d9ea7;
}

.swal2-modal .btn {
    min-width: 8.33333em;
    border-radius: 30px;
    margin: 0 5px;
    border: none !important;
    padding: 8px 15px;
    display: inline;
}

.res-menu-icon-absolute {
    float: right;
    padding: 22px 14px;
    opacity: 0.8;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: sepia(100%) hue-rotate(190deg) saturate(100%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    transition: all 0.3s ease-in-out;
}

/* Toastr */

body .jq-toast-single {
    border-radius: 0;
    background-color: #313a46;
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
    font-size: 0.92857em;
    line-height: 1.69231em;
}

body .jq-toast-single h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 1.07692em;
}

body .jq-toast-heading {
    font-family: "Montserrat", sans-serif;
}

body .jq-icon-info {
    background-color: #4ca83f;
    color: #fff;
}

body .jq-icon-success {
    background-color: #38d57a;
    color: #fff;
}

body .jq-icon-error {
    background-color: #ca0000;
    color: #fff;
}

body .jq-icon-warning {
    background-color: #ffcc02;
    color: #fff;
}

body .close-jq-toast-single {
    background: #313a46;
    color: #fff;
    border-radius: 50%;
    height: 1.6em;
    width: 1.6em;
    line-height: 1.6em;
    text-align: center;
    top: -0.6em;
    right: -0.6em;
    font-size: 1.53846em;
}

body .close-jq-toast-single:hover {
    background: #666;
}

/* Progress Bars
========================*/

.progress-bar-success {
    color: #fff;
    background: #fff;
}

.percent-progression {
    position: absolute;
    font-family: Jost;
    font-size: 180%;
    right: 45px;
    line-height: 1.3;
    padding-top: 11px;
    color: #9c9cad3b;
}

.progress-vertical,
.progress-vertical-top {
    min-height: 20.83333em;
    height: 20.83333em;
    width: 0.33333em;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 1.66667em;
}

.progress-vertical .progress-bar,
.progress-vertical-top .progress-bar {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.progress-vertical.progress-sm,
.progress-vertical-top.progress-sm {
    margin: 0;
    margin-right: 1.25rem;
    width: 0.5rem;
}

.progress-vertical.progress-md,
.progress-vertical-top.progress-md {
    width: 0.9375rem;
}

.progress-vertical.progress-lg,
.progress-vertical-top.progress-lg {
    width: 1.25rem;
}

.progress-vertical-top .progress-bar {
    bottom: auto;
}

.progress-sm {
    height: 0.5rem !important;
}

.progress-sm .progress-bar {
    font-size: 0.5rem;
    line-height: 0.5rem;
}

.progress-md {
    height: 0.9375rem !important;
}

.progress-md .progress-bar {
    font-size: 0.6875rem;
    line-height: 0.9375rem;
}

.progress-lg {
    height: 1.25rem !important;
}

.progress-lg .progress-bar {
    font-size: 0.75rem;
    line-height: 1.25rem;
}

/* Other Plugin Overrides
========================*/

.main-wrapper .dropify-wrapper,
.main-wrapper .dropify-wrapper .dropify-preview {
    padding-top: 0;
    padding-bottom: 0;
}

/* Profile Pages
========================*/

.profile-sidebar .btn-lg.btn.btn-primary {
    width: 70%;
}

#qr_code_profile {
    width: 190px;
    margin: auto;
    margin-top: 10px;
    padding: 10px 10px 20px 10px;
    border-radius: 60px;
}

.dark #qr_code_profile {
    margin-bottom: 20px;
}

.dark #qr_code_profile .titles_sidebar {
    padding-bottom: 20px;
}


.profile-wall-img-mobile,
.profile-wall-img-new-mobile {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: calc(100vh - 80px);
}

.profile-wall-img,
.profile-wall-img-new {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

figure.profile-wall-img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    border-radius: 0px;
}

.upload-banner-wrapper .slim-result img {
    -webkit-filter: blur(30px);
    -moz-filter: blur(30px);
    -o-filter: blur(30px);
    -ms-filter: blur(30px);
    filter: blur(30px);
}

.profile-wall-img-mobile,
.profile-wall-img-new-mobile {
    display: none;
}

.upload-banner-wrapper .input-has-value .slim[data-ratio*=':'] .slim-status {
    position: absolute;
    padding: 0 1.5em;
    opacity: 0;
}

.icon-device-selector {
    border-bottom: 4px solid #e6e6f1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#select-device-mobile {
    margin-top: 13px;
}

.select-device-txt {
    padding-left: 10px;
}

.btn-device-profile {
    opacity: 0.4;
    filter: sepia(100%) hue-rotate(190deg) saturate(100%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    transition: opacity 0.3s ease-in-out;
}

.btn-device-profile.selected,
.btn-device-profile:hover {
    opacity: 1;
    filter: sepia(0%) hue-rotate(0deg) saturate(100%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

.upload-banner-wrapper-mobile,
.banner-designer-wrapper-out-mobile {
    display: none;
}

#device-selector {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.my-profile #right-sidebar .col-md-3 {
    padding-left: 0;
}

#btn-like-artist {
    padding-top: 12px;
    border-radius: 50%;
}

.mobile-label {
    display: none;
}

#change-profile-header {
    padding: 13px;
    line-height: 0;
}

.profile-btn-edit-profile {
    margin-left: 15px;
}

.no-desc-added {
    color: #c1c0d4e0;
}

.row.columns-border-bw .align-items-center:last-child {
    border-right: none;
}

#video-play-modal .modal-content {
    background-color: transparent;
    line-height: 0;
}

#dashboard .row {
    width: 100%;
}

#video-play-modal .modal-dialog {
    max-width: 1000px;
}

#video-play-modal .modal-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.video-play-btn {
    position: absolute;
    left: calc(50% - 40px / 2);
    top: calc(50% - 40px / 2);
    cursor: pointer;
}

.calendar-table button.btn.dropdown-toggle.btn-default {
    padding: 0 10px;
    width: 105px;
    float: left;
}

.calendar select#sel-month-calendar,
.calendar select#sel-year-calendar {
    float: left;
    font-size: 13px;
    height: 33px;
}

.daterangepicker.dropdown-menu.ltr.single.opensleft.show-calendar .calendar-table {
    padding-right: 0;
}

.calendar-table .btn-group.bootstrap-select.monthselect.form-control.show.dropup,
.calendar-table .btn-group.bootstrap-select.monthselect.form-control {
    width: 115px;
}

.calendar-table .dropdown-menu.open.show {
    width: 105px;
}

span.required {
    color: #ca0000;
    position: absolute;
    margin-left: 5px;
}

.central-col .widget-bg,
#edit_job .widget-bg {
    padding: 40px;
}

.thank_you_page .central-col .widget-bg {
    padding: 90px 40px 40px 40px;
}

.dark .my-gigs .widget-bg.table-results-spacing {
    border-top-left-radius: 0;
    border-top-right-radius: 0px;
}


.my-profile .central-col {
    padding: 0px 30px 0px 0px;
}

.container.text-center.user-gigs-title-container {
    padding-top: 20px;
    padding-bottom: 20px;
}

.profile-pics-wrapper h6 {
    padding-bottom: 10px;
}

.index-page .container-min-full-height {
    min-height: 626px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFklEQVQYV2NkQAOMUL4xlD6LUwCuEQA5HgIFHTYGswAAAABJRU5ErkJggg==) repeat;
}

.container-max-full-height {
    max-height: 100vh;
}

div#instructions-message {
    font-size: 120%;
}

.login-center {
    background: transparent;
    padding: 40px;
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
}

.standalone-actions .menu-resaction {
    display: none;
}

@media (max-width: 767px) {
    .login-center {
        width: 80vw;
    }
}

.login-right,
.login-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.signup-page .login-left:before {
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(to top right, #450b7c, #563cc9, #4ca83f);
    position: absolute;
    opacity: 0.11;
    z-index: 1;
}

#error-message,
#error-message-login {
    display: none;
    color: #ca0000;
    font-style: oblique;
    font-weight: 900;
    font-size: 110%;
}

#valid-message {
    color: #4ca83f;
    font-style: oblique;
    font-weight: 900;
    font-size: 110%;
    margin-bottom: 30px;
}

.login-access-btn {
    padding-top: 15px;
}

form#login-form {
    padding-top: 20px;
}

#form_submit_signup label {
    color: #7a7d82;
}

.login-left label {
    letter-spacing: 1px;
}

.login-right {
    background-position: right;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    font-size: 1.2em;
    line-height: 1.86667em;
    background-color: #4ca83f;
}

.login-right .list-inline-item:not(:last-child) {
    margin-right: 10px;
}

/********************************
 *********************************
 HEADER
 *********************************
 *********************************/

/* Base Header styles
========================*/

.navbar-nav {
    margin: 0;
}

.navbar {
    border-radius: 0;
    border: 0;
    /*    background: #2a2a31;*/
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    width: 100%;
    margin-bottom: 0;
    position: relative;
    z-index: 9999;
    height: 80px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0;
    transition: all 0.4s ease-in-out;
}

.navbar .btn-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar .btn-list .btn {
    padding: 15px 30px;
    border-radius: 13px;
    text-transform: uppercase;
}

#login-main-btn {
    min-height: 54px;
    font-family: 'Jost';
}

.navbar .btn-list .dropdown-menu {
    top: 5rem;
    margin-top: 0;
}

.navbar .spacer {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.navbar {
    position: fixed;
}

@media (min-width: 961px) {
    .sidebar-horizontal .navbar {
        position: relative;
    }
}

/* Logo Area
========================*/

.navbar-header {
    width: 155px;
}

.navbar-header .logo {
    padding-top: 23px;
    margin-left: 27px;
    position: absolute;
}

.btn-list.dropdown.d-none.d-md-flex.mr-4.mr-0-rtl.ml-4-rtl:last-child {
    margin-right: 30px !important;
}

.navbar-brand {
    padding: 0;
    height: 5rem;
    text-align: center;
    width: 100%;
    font-size: 1.5rem;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-brand .logo-bon {
    color: #4ca83f;
}

.navbar-brand .logo-vue {
    color: #bbb;
}

.form-control-line.redborder {
    background-image: linear-gradient(#ca0000, #ca0000), linear-gradient(#ca0000, #ca0000);
    background-size: 0 2px, 100% 2px;
}

.navbar-brand:hover {
    color: #fff;
}

.logo-light .navbar-brand {
    background: #fff;
}

.logo-dark .navbar-brand {
    background: #4ca83f;
}

.navbar-brand p {
    margin-bottom: 0;
}

.navbar-brand img {
    display: inline-block;
    margin: 0 auto;
}

.rtl .navbar-brand {
    margin-right: 0;
    margin-left: 1rem;
}

.navbar .logo-collapse {
    display: none;
}

@media (min-width: 961px) {
    .sidebar-collapse .logo-expand {
        display: none;
    }

    .sidebar-collapse .logo-collapse {
        display: inline-block;
    }

    .sidebar-collapse .navbar-header {
        width: 3.75rem;
    }

    .sidebar-collapse .navbar-brand p {
        visibility: hidden;
        max-width: 1em;
    }

    .sidebar-collapse .navbar-brand p::first-letter {
        display: inline;
        visibility: visible;
    }
}

@media (max-width: 960px) {
    .site-sidebar {
        border-bottom: 1px solid #cdd0e161;
    }

    .navbar .logo-expand {
        display: none;
    }

    .navbar .logo-collapse {
        display: inline-block;
    }

    .navbar-brand p {
        visibility: hidden;
        max-width: 1em;
    }

    .navbar-brand p::first-letter {
        display: inline;
        visibility: visible;
    }
}

/* Base Navbar Styles
========================*/

.navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.navbar-nav > li,
.navbar-nav > li > a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.navbar-nav > li > a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px;
    line-height: 5rem;
    color: rgba(255, 255, 255, 0.6);
    font-family: "Montserrat", sans-serif;
    font-size: 1.07143em;
}

.navbar-nav > li > a.dropdown-toggle {
    padding: 0px 15px;
}

.navbar-nav > li > a i + .badge,
.navbar-nav > li > a i + .label {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -0.4375rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.navbar-nav > li > a i + .badge-border {
    background: #fff !important;
    -webkit-box-shadow: 0 0 0 2px transparent;
    box-shadow: 0 0 0 2px transparent;
}

.navbar-nav .sidebar-toggle {
    font-size: 1.2em;
    position: relative;
}

.navbar-nav .sidebar-toggle a {
    padding: 0 1.66667em;
}

.navbar-nav .sidebar-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 40%;
    width: 1px;
    background: rgba(255, 255, 255, 0.3);
}

.header-dark .navbar-nav .sidebar-toggle::after {
    opacity: .3;
}

.navbar-nav.pull-right .dropdown-menu {
    left: auto;
    right: 0;
}

.navbar-nav .avatar {
    display: inline-block;
    position: relative;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
}

.picture-added .chevron-header-wrapper {
    top: 30px;
}

.navbar-nav .avatar img {
    max-width: 3.75rem;
}

.navbar-nav .avatar .list-icon {
    margin-left: -0.8125rem;
    position: absolute;
    top: 50%;
    right: -0.4em;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #4ca83f;
}

.chevron-header-wrapper {
    background-color: #fff;
    height: 21px;
    width: 21px;
    border-radius: 20px;
    z-index: 1;
    position: absolute;
    top: 15px;
    left: 38px;
}

.chevron-header-wrapper svg {
    fill: #151b23;
    z-index: 2;
    position: absolute;
    text-align: center;
    margin-left: 5px;
    margin-top: 6px;
}

.header-light .navbar-nav .avatar .list-icon,
.header-dark .navbar-nav .avatar .list-icon {
    color: #fff;
}

body.rtl .navbar-nav {
    padding-right: 0;
}

body.rtl .navbar-nav .sidebar-toggle::after {
    left: 0;
    right: auto;
}

.header-dark .navbar-nav > li > a i + .badge-border {
    background: #4ca83f !important;
    -webkit-box-shadow: 0 0 0 2px #4ca83f;
    box-shadow: 0 0 0 2px #4ca83f;
}

.header-light .navbar-nav > li > a i + .badge-border {
    background: #fff !important;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
}

@media (max-width: 720px) {
    .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
    }
}

/* Bootstrap select
========================*/

select.bs-select-hidden,
select.selectpicker {
    display: none !important;
}

.bootstrap-select {
    width: 220px;
}

.bootstrap-select > .dropdown-toggle {
    width: 100%;
    padding-right: 12px;
    padding-left: 0;
    z-index: 1;
    font-size: 100%;
    line-height: 20px;
    border-bottom: 1px solid #141f37;
}

.artiista-options .bootstrap-select > .dropdown-toggle {
    line-height: 1;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    color: #6a719091;
}

.bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
}

.bootstrap-select > select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2;
}

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto;
}

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
    float: right;
}

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%;
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
    cursor: not-allowed;
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
    outline: none !important;
}

.bootstrap-select.btn-group.bs-container {
    position: absolute;
    height: 0 !important;
    padding: 0 !important;
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
    font-style: oblique;
}

.header-data-saisie-form-visible .bootstrap-select.btn-group .dropdown-toggle .filter-option,
.header-data-saisie-form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-style: normal;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    margin: 13px 0;
    padding: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-height: 300px !important;
}

.order-by-wrapper ul.dropdown-menu.inner {
    min-height: auto !important;
}

#select_language .bootstrap-select.btn-group .dropdown-menu.inner {
    margin: 0px;
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff;
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em;
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em;
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
    z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
    display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
    padding: 4px 8px;
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-actionsbox .btn-group button {
    width: 50%;
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-donebutton .btn-group button {
    width: 100%;
}

.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px;
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
}


/* Sweet alert
========================*/

body.swal2-shown {
    overflow-y: hidden;
}

body.swal2-iosfix {
    position: fixed;
    left: 0;
    right: 0;
}

.swal2-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
    background-color: transparent;
    z-index: 1060;
}

.swal2-container.swal2-fade {
    -webkit-transition: background-color .1s;
    transition: background-color .1s;
}

.swal2-container.swal2-shown {
    background-color: rgba(0, 0, 0, 0.4);
}

.swal2-modal {
    background-color: #fff;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: auto;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    position: relative;
    max-width: 100%;
}

.swal2-modal:focus {
    outline: none;
}

.swal2-modal.swal2-loading {
    overflow-y: hidden;
}

.swal2-modal .swal2-title {
    color: #595959;
    font-size: 30px;
    text-align: center;
    text-transform: none;
    position: relative;
    margin: 0 0 .4em;
    padding: 0;
    display: block;
    word-wrap: break-word;
}

.swal2-modal .swal2-buttonswrapper {
    margin-top: 15px;
}

.swal2-modal .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4;
    cursor: no-drop;
}

.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid transparent;
    border-color: transparent;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 7.5px;
    vertical-align: top;
    background-color: transparent !important;
    color: transparent;
    cursor: default;
    border-radius: 100%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel {
    margin-left: 30px;
    margin-right: 30px;
}

.swal2-modal .swal2-buttonswrapper.swal2-loading :not(.swal2-styled).swal2-confirm::after {
    display: inline-block;
    content: '';
    margin-left: 5px 0 15px;
    vertical-align: -1px;
    height: 15px;
    width: 15px;
    border: 3px solid #6a719091999;
    -webkit-box-shadow: 1px 1px 1px #fff;
    box-shadow: 1px 1px 1px #fff;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    animation: rotate-loading 1.5s linear 0s infinite normal;
}

.swal2-modal .swal2-styled {
    border: 0;
    border-radius: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    margin: 0 5px;
    padding: 8px 15px;
    height: 43px;
    border: 1px solid #4ca83f;
    line-height: 1.2;
    transition: all 0.2s ease-in-out;
}

button.swal2-cancel.swal2-styled:hover {
    background-color: #4ca83f !important;
    color: #fff;
}

button.swal2-confirm.swal2-styled:hover {
    background-color: #fff !important;
    color: #4ca83f;
}

.swal2-modal .swal2-image {
    margin: 20px auto;
    max-width: 100%;
}

.swal2-modal .swal2-close {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    width: 38px;
    height: 40px;
    font-size: 36px;
    line-height: 40px;
    position: absolute;
    top: 5px;
    right: 8px;
    cursor: pointer;
    color: #cccccc;
    -webkit-transition: color .1s ease;
    transition: color .1s ease;
}

.swal2-modal .swal2-close:hover {
    color: #d55;
}

.swal2-modal > .swal2-input,
.swal2-modal > .swal2-file,
.swal2-modal > .swal2-textarea,
.swal2-modal > .swal2-select,
.swal2-modal > .swal2-radio,
.swal2-modal > .swal2-checkbox {
    display: none;
}

.swal2-modal .swal2-content {
    font-size: 18px;
    text-align: center;
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    color: #545454;
    word-wrap: break-word;
}

.swal2-modal .swal2-input,
.swal2-modal .swal2-file,
.swal2-modal .swal2-textarea,
.swal2-modal .swal2-select,
.swal2-modal .swal2-radio,
.swal2-modal .swal2-checkbox {
    margin: 20px auto;
}

.swal2-modal .swal2-input,
.swal2-modal .swal2-file,
.swal2-modal .swal2-textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
    -webkit-transition: border-color box-shadow .3s;
    transition: border-color box-shadow .3s;
}

.swal2-modal .swal2-input.swal2-inputerror,
.swal2-modal .swal2-file.swal2-inputerror,
.swal2-modal .swal2-textarea.swal2-inputerror {
    border-color: #f27474 !important;
    -webkit-box-shadow: 0 0 2px #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important;
}

.swal2-modal .swal2-input:focus,
.swal2-modal .swal2-file:focus,
.swal2-modal .swal2-textarea:focus {
    outline: none;
    border: 1px solid #b4dbed;
    -webkit-box-shadow: 0 0 3px #c4e6f5;
    box-shadow: 0 0 3px #c4e6f5;
}

.swal2-modal .swal2-input:focus::-webkit-input-placeholder,
.swal2-modal .swal2-file:focus::-webkit-input-placeholder,
.swal2-modal .swal2-textarea:focus::-webkit-input-placeholder {
    -webkit-transition: opacity .3s .03s ease;
    transition: opacity .3s .03s ease;
    opacity: .8;
}

.swal2-modal .swal2-input:focus:-ms-input-placeholder,
.swal2-modal .swal2-file:focus:-ms-input-placeholder,
.swal2-modal .swal2-textarea:focus:-ms-input-placeholder {
    -webkit-transition: opacity .3s .03s ease;
    transition: opacity .3s .03s ease;
    opacity: .8;
}

.swal2-modal .swal2-input:focus::placeholder,
.swal2-modal .swal2-file:focus::placeholder,
.swal2-modal .swal2-textarea:focus::placeholder {
    -webkit-transition: opacity .3s .03s ease;
    transition: opacity .3s .03s ease;
    opacity: .8;
}

.swal2-modal .swal2-input::-webkit-input-placeholder,
.swal2-modal .swal2-file::-webkit-input-placeholder,
.swal2-modal .swal2-textarea::-webkit-input-placeholder {
    color: #e6e6e6;
}

.swal2-modal .swal2-input:-ms-input-placeholder,
.swal2-modal .swal2-file:-ms-input-placeholder,
.swal2-modal .swal2-textarea:-ms-input-placeholder {
    color: #e6e6e6;
}

.swal2-modal .swal2-input::placeholder,
.swal2-modal .swal2-file::placeholder,
.swal2-modal .swal2-textarea::placeholder {
    color: #e6e6e6;
}

.swal2-modal .swal2-range input {
    float: left;
    width: 80%;
}

.swal2-modal .swal2-range output {
    float: right;
    width: 20%;
    font-size: 20px;
    text-align: center;
}

.swal2-modal .swal2-range input,
.swal2-modal .swal2-range output {
    height: 43px;
    line-height: 43px;
    vertical-align: middle;
    margin: 20px auto;
    padding: 0;
}

.swal2-modal .swal2-input {
    height: 43px;
    padding: 0 12px;
}

.swal2-modal .swal2-input[type='number'] {
    max-width: 150px;
}

.swal2-modal .swal2-file {
    font-size: 20px;
}

.swal2-modal .swal2-textarea {
    height: 108px;
    padding: 12px;
}

.swal2-modal .swal2-select {
    color: #545454;
    font-size: inherit;
    padding: 5px 10px;
    min-width: 40%;
    max-width: 100%;
}

.swal2-modal .swal2-radio {
    border: 0;
}

.swal2-modal .swal2-radio label:not(:first-child) {
    margin-left: 20px;
}

.swal2-modal .swal2-radio input,
.swal2-modal .swal2-radio span {
    vertical-align: middle;
}

.swal2-modal .swal2-radio input {
    margin: 0 3px 0 0;
}

.swal2-modal .swal2-checkbox {
    color: #545454;
}

.swal2-modal .swal2-checkbox input,
.swal2-modal .swal2-checkbox span {
    vertical-align: middle;
}

.swal2-modal .swal2-validationerror {
    background-color: #f0f0f0;
    margin: 0 -20px;
    overflow: hidden;
    padding: 10px;
    color: gray;
    font-size: 16px;
    display: none;
}

.swal2-modal .swal2-validationerror::before {
    content: '!';
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ea7d7d;
    color: #fff;
    line-height: 24px;
    text-align: center;
    margin-right: 10px;
}

@supports (-ms-accelerator: true) {
    .swal2-range input {
        width: 100% !important;
    }

    .swal2-range output {
        display: none;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .swal2-range input {
        width: 100% !important;
    }

    .swal2-range output {
        display: none;
    }
}

.swal2-icon {
    width: 80px;
    height: 80px;
    border: 4px solid transparent;
    border-radius: 50%;
    margin: 20px auto 30px;
    padding: 0;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.swal2-icon.swal2-error {
    border-color: #f27474;
}

.swal2-icon.swal2-error .swal2-x-mark {
    position: relative;
    display: block;
}

.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #f27474;
    display: block;
    top: 37px;
    border-radius: 2px;
}

.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px;
}

.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px;
}

.swal2-icon.swal2-warning {
    color: #f8bb86;
    border-color: #facea8;
    font-size: 60px;
    line-height: 80px;
    text-align: center;
}

.swal2-icon.swal2-info {
    color: #3fc3ee;
    border-color: #9de0f6;
    font-size: 60px;
    line-height: 80px;
    text-align: center;
}

.swal2-icon.swal2-question {
    color: #87adbd;
    border-color: #c9dae1;
    font-size: 60px;
    line-height: 80px;
    text-align: center;
}

.swal2-icon.swal2-success {
    border-color: #4ca83f;
}

.swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px;
}

.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 60px;
    transform-origin: 0 60px;
}

.swal2-icon.swal2-success .swal2-success-ring {
    width: 80px;
    height: 80px;
    border: 4px solid #4ca83f;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}

button.swal2-cancel.swal2-styled {
    border: 1px solid #4ca83f;
    color: #4ca83f;
    height: 43px;
}

.swal2-icon.swal2-success .swal2-success-fix {
    width: 7px;
    height: 90px;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.swal2-icon.swal2-success [class^='swal2-success-line'] {
    height: 5px;
    background-color: #4ca83f;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}

.swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.swal2-progresssteps {
    margin: 0 0 20px;
    padding: 0;
}

.swal2-progresssteps li {
    display: inline-block;
    position: relative;
}

.swal2-progresssteps .swal2-progresscircle {
    background: #3085d6;
    border-radius: 2em;
    color: #fff;
    height: 2em;
    line-height: 2em;
    text-align: center;
    width: 2em;
    z-index: 20;
}

.swal2-progresssteps .swal2-progresscircle:first-child {
    margin-left: 0;
}

.swal2-progresssteps .swal2-progresscircle:last-child {
    margin-right: 0;
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
    background: #3085d6;
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
    background: #add8e6;
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
    background: #add8e6;
}

.swal2-progresssteps .swal2-progressline {
    background: #3085d6;
    height: .4em;
    margin: 0 -1px;
    z-index: 10;
}

[class^='swal2'] {
    -webkit-tap-highlight-color: transparent;
}

@-webkit-keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    80% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    80% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
}

@keyframes hideSweetAlert {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
}

.swal2-show {
    -webkit-animation: showSweetAlert 0.3s;
    animation: showSweetAlert 0.3s;
}

.swal2-show.swal2-noanimation {
    -webkit-animation: none;
    animation: none;
}

.swal2-hide {
    -webkit-animation: hideSweetAlert 0.15s forwards;
    animation: hideSweetAlert 0.15s forwards;
}

.swal2-hide.swal2-noanimation {
    -webkit-animation: none;
    animation: none;
}

@-webkit-keyframes animate-success-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes animate-success-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@-webkit-keyframes animate-success-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@keyframes animate-success-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@-webkit-keyframes rotatePlaceholder {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg);
    }

    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg);
    }
}

@keyframes rotatePlaceholder {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg);
    }

    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg);
    }
}

.swal2-animate-success-line-tip {
    -webkit-animation: animate-success-tip 0.75s;
    animation: animate-success-tip 0.75s;
}

.swal2-animate-success-line-long {
    -webkit-animation: animate-success-long 0.75s;
    animation: animate-success-long 0.75s;
}

.swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
}

.swal2-animate-error-icon {
    -webkit-animation: animate-error-icon 0.5s;
    animation: animate-error-icon 0.5s;
}

@-webkit-keyframes animate-x-mark {
    0% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

@keyframes animate-x-mark {
    0% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

.swal2-animate-x-mark {
    -webkit-animation: animate-x-mark 0.5s;
    animation: animate-x-mark 0.5s;
}

@-webkit-keyframes rotate-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Flags
========================*/

span.arl,
span.ARL {
    background-image: url(../img/flags/arl.svg);
}

span.us,
span.US {
    background-image: url(../img/flags/us.svg);
}

span.ro,
span.RO {
    background-image: url(../img/flags/ro.svg);
}

span.ru,
span.RU {
    background-image: url(../img/flags/ru.svg);
}

span.co,
span.CO {
    background-image: url(../img/flags/co.svg);
}

span.ph,
span.PH {
    background-image: url(../img/flags/ph.svg);
}

span.ua,
span.UA {
    background-image: url(../img/flags/ua.svg);
}

span.ca,
span.CA {
    background-image: url(../img/flags/ca.svg);
}

span.gb,
span.GB,
span.en,
span.EN {
    background-image: url(../img/flags/gb.svg);
}

span.cz,
span.CZ {
    background-image: url(../img/flags/cz.svg);
}

span.hu,
span.HU {
    background-image: url(../img/flags/hu.svg);
}

span.md,
span.MD {
    background-image: url(../img/flags/md.svg);
}

span.za,
span.ZA {
    background-image: url(../img/flags/za.svg);
}

span.br,
span.BR {
    background-image: url(../img/flags/br.svg);
}

span.in,
span.IN {
    background-image: url(../img/flags/in.svg);
}

span.mx,
span.MX {
    background-image: url(../img/flags/mx.svg);
}

span.es,
span.ES {
    background-image: url(../img/flags/es.svg);
}

span.de,
span.DE {
    background-image: url(../img/flags/de.svg);
}

span.it,
span.IT {
    background-image: url(../img/flags/it.svg);
}

span.fr,
span.FR {
    background-image: url(../img/flags/fr.svg);
}

span.lv,
span.LV {
    background-image: url(../img/flags/lv.svg);
}

span.ar,
span.AR {
    background-image: url(../img/flags/ar.svg);
}

span.au,
span.AU {
    background-image: url(../img/flags/au.svg);
}

span.pe,
span.PE {
    background-image: url(../img/flags/pe.svg);
}

span.ve,
span.VE {
    background-image: url(../img/flags/ve.svg);
}

span.dr,
span.DR {
    background-position: -88px -145px !important
}

span.cl,
span.CL {
    background-image: url(../img/flags/cl.svg);
}

span.sk,
span.SK {
    background-image: url(../img/flags/sk.svg);
}

span.pt,
span.PT {
    background-image: url(../img/flags/pt.svg);
}

span.tr,
span.TR {
    background-image: url(../img/flags/tr.svg);
}

span.be,
span.BE {
    background-image: url(../img/flags/be.svg);
}

span.pl,
span.PL {
    background-image: url(../img/flags/pl.svg);
}

span.th,
span.TH {
    background-image: url(../img/flags/th.svg);
}

span.bg,
span.BG {
    background-image: url(../img/flags/bg.svg);
}

span.nl,
span.NL {
    background-image: url(../img/flags/nl.svg);
}

span.ng,
span.NG {
    background-image: url(../img/flags/ng.svg);
}

span.my,
span.MY {
    background-image: url(../img/flags/my.svg);
}

span.id,
span.ID {
    background-image: url(../img/flags/id.svg);
}

span.uz,
span.UZ {
    background-image: url(../img/flags/uz.svg);
}

span.ec,
span.EC {
    background-image: url(../img/flags/ec.svg);
}

span.nz,
span.NZ {
    background-image: url(../img/flags/nz.svg);
}

span.dk,
span.DK {
    background-image: url(../img/flags/dk.svg);
}

span.dz,
span.DZ {
    background-image: url(../img/flags/dz.svg);
}

span.gr,
span.GR {
    background-image: url(../img/flags/gr.svg);
}

span.at,
span.AT {
    background-image: url(../img/flags/at.svg);
}

span.no,
span.NO {
    background-image: url(../img/flags/no.svg);
}

span.bd,
span.BD {
    background-image: url(../img/flags/bd.svg);
}

span.ch,
span.CH {
    background-image: url(../img/flags/ch.svg);
}

span.pa,
span.PA {
    background-image: url(../img/flags/pa.svg);
}

span.ie,
span.IE {
    background-image: url(../img/flags/ie.svg);
}

span.af,
span.AF {
    background-image: url(../img/flags/af.svg);
}

span.ax,
span.AX {
    background-image: url(../img/flags/ax.svg);
}

span.al,
span.AL {
    background-image: url(../img/flags/al.svg);
}

span.as,
span.AS {
    background-image: url(../img/flags/as.svg);
}

span.ad,
span.AD {
    background-image: url(../img/flags/ad.svg);
}

span.ao,
span.AO {
    background-image: url(../img/flags/ao.svg);
}

span.ai,
span.AI {
    background-image: url(../img/flags/ai.svg);
}

span.aq,
span.AQ {
    background-image: url(../img/flags/aq.svg);
}

span.ag,
span.AG {
    background-image: url(../img/flags/ag.svg);
}

span.am,
span.AM {
    background-image: url(../img/flags/am.svg);
}

span.aw,
span.AW {
    background-image: url(../img/flags/aw.svg);
}

span.az,
span.AZ {
    background-image: url(../img/flags/az.svg);
}

span.bs,
span.BS {
    background-image: url(../img/flags/bs.svg);
}

span.bh,
span.BH {
    background-image: url(../img/flags/bh.svg);
}

span.bb,
span.BB {
    background-image: url(../img/flags/bb.svg);
}

span.by,
span.BY {
    background-image: url(../img/flags/by.svg);
}

span.bz,
span.BZ {
    background-image: url(../img/flags/bz.svg);
}

span.bj,
span.BJ {
    background-image: url(../img/flags/bj.svg);
}

span.bm,
span.BM {
    background-image: url(../img/flags/bm.svg);
}

span.bt,
span.BT {
    background-image: url(../img/flags/bt.svg);
}

span.bo,
span.BO {
    background-image: url(../img/flags/bo.svg);
}

span.ba,
span.BA {
    background-image: url(../img/flags/ba.svg);
}

span.bw,
span.BW {
    background-image: url(../img/flags/bw.svg);
}

span.bv,
span.BV {
    background-image: url(../img/flags/bv.svg);
}

span.io,
span.IO {
    background-image: url(../img/flags/io.svg);
}

span.bn,
span.BN {
    background-image: url(../img/flags/bn.svg);
}

span.bf,
span.BF {
    background-image: url(../img/flags/bf.svg);
}

span.bi,
span.BI {
    background-image: url(../img/flags/bi.svg);
}

span.kh,
span.KH {
    background-image: url(../img/flags/kh.svg);
}

span.cm,
span.CM {
    background-image: url(../img/flags/cm.svg);
}

span.cv,
span.CV {
    background-image: url(../img/flags/cv.svg);
}

span.ky,
span.KY {
    background-image: url(../img/flags/ky.svg);
}

span.cf,
span.CF {
    background-image: url(../img/flags/cf.svg);
}

span.td,
span.TD {
    background-image: url(../img/flags/td.svg);
}

span.cn,
span.CN {
    background-image: url(../img/flags/cn.svg);
}

span.cx,
span.CX {
    background-image: url(../img/flags/cx.svg);
}

span.cc,
span.CC {
    background-image: url(../img/flags/cc.svg);
}

span.km,
span.KM {
    background-image: url(../img/flags/km.svg);
}

span.cg,
span.CG {
    background-image: url(../img/flags/cg.svg);
}

span.cd,
span.CD {
    background-image: url(../img/flags/cd.svg);
}

span.ck,
span.CK {
    background-image: url(../img/flags/ck.svg);
}

span.cr,
span.CR {
    background-image: url(../img/flags/cr.svg);
}

span.ci,
span.CI {
    background-image: url(../img/flags/ci.svg);
}

span.hr,
span.HR {
    background-image: url(../img/flags/hr.svg);
}

span.cu,
span.CU {
    background-image: url(../img/flags/cu.svg);
}

span.cy,
span.CY {
    background-image: url(../img/flags/cy.svg);
}

span.dj,
span.DJ {
    background-image: url(../img/flags/dj.svg);
}

span.dm,
span.DM {
    background-image: url(../img/flags/dm.svg);
}

span.do,
span.DO {
    background-image: url(../img/flags/do.svg);
}

span.eg,
span.EG {
    background-image: url(../img/flags/eg.svg);
}

span.sv,
span.SV {
    background-image: url(../img/flags/sv.svg);
}

span.gq,
span.GQ {
    background-image: url(../img/flags/gq.svg);
}

span.er,
span.ER {
    background-image: url(../img/flags/er.svg);
}

span.ee,
span.EE {
    background-image: url(../img/flags/ee.svg);
}

span.et,
span.ET {
    background-image: url(../img/flags/et.svg);
}

span.fk,
span.FK {
    background-image: url(../img/flags/fk.svg);
}

span.fo,
span.FO {
    background-image: url(../img/flags/fo.svg);
}

span.fj,
span.FJ {
    background-image: url(../img/flags/fj.svg);
}

span.fi,
span.FI {
    background-image: url(../img/flags/fi.svg);
}

span.gf,
span.GF {
    background-image: url(../img/flags/gf.svg);
}

span.pf,
span.PF {
    background-image: url(../img/flags/pf.svg);
}

span.tf,
span.TF {
    background-image: url(../img/flags/pf.svg);
}

span.ga,
span.GA {
    background-image: url(../img/flags/ga.svg);
}

span.gm,
span.GM {
    background-image: url(../img/flags/gm.svg);
}

span.ge,
span.GE {
    background-image: url(../img/flags/ge.svg);
}

span.gh,
span.GH {
    background-image: url(../img/flags/gh.svg);
}

span.gi,
span.GI {
    background-image: url(../img/flags/gi.svg);
}

span.gl,
span.GL {
    background-image: url(../img/flags/gl.svg);
}

span.gd,
span.GD {
    background-image: url(../img/flags/gd.svg);
}

span.gp,
span.GP {
    background-image: url(../img/flags/gp.svg);
}

span.gu,
span.GU {
    background-image: url(../img/flags/gu.svg);
}

span.gt,
span.GT {
    background-image: url(../img/flags/gt.svg);
}

span.gg,
span.GG {
    background-image: url(../img/flags/gg.svg);
}

span.gn,
span.GN {
    background-image: url(../img/flags/gn.svg);
}

span.gw,
span.GW {
    background-image: url(../img/flags/gw.svg);
}

span.gy,
span.GY {
    background-image: url(../img/flags/gy.svg);
}

span.ht,
span.HT {
    background-image: url(../img/flags/ht.svg);
}

span.hm,
span.HM {
    background-image: url(../img/flags/hm.svg);
}

span.va,
span.VA {
    background-image: url(../img/flags/va.svg);
}

span.hn,
span.HN {
    background-image: url(../img/flags/hn.svg);
}

span.hk,
span.HK {
    background-image: url(../img/flags/hk.svg);
}

span.is,
span.IS {
    background-image: url(../img/flags/is.svg);
}

span.ir,
span.IR {
    background-image: url(../img/flags/ir.svg);
}

span.iq,
span.IQ {
    background-image: url(../img/flags/iq.svg);
}

span.im,
span.IM {
    background-image: url(../img/flags/im.svg);
}

span.il,
span.IL {
    background-image: url(../img/flags/il.svg);
}

span.jm,
span.JM {
    background-image: url(../img/flags/jm.svg);
}

span.jp,
span.JP {
    background-image: url(../img/flags/jp.svg);
}

span.je,
span.JE {
    background-image: url(../img/flags/je.svg);
}

span.jo,
span.JO {
    background-image: url(../img/flags/jo.svg);
}

span.kz,
span.KZ {
    background-image: url(../img/flags/kz.svg);
}

span.ke,
span.KE {
    background-image: url(../img/flags/ke.svg);
}

span.ki,
span.KI {
    background-image: url(../img/flags/ki.svg);
}

span.kp,
span.KP {
    background-image: url(../img/flags/kp.svg);
}

span.kr,
span.KR {
    background-image: url(../img/flags/kr.svg);
}

span.kw,
span.KW {
    background-image: url(../img/flags/kw.svg);
}

span.kg,
span.KG {
    background-image: url(../img/flags/kg.svg);
}

span.la,
span.LA {
    background-image: url(../img/flags/la.svg);
}

span.lb,
span.LB {
    background-image: url(../img/flags/lb.svg);
}

span.ls,
span.LS {
    background-image: url(../img/flags/ls.svg);
}

span.lr,
span.LR {
    background-image: url(../img/flags/lr.svg);
}

span.ly,
span.LY {
    background-image: url(../img/flags/ly.svg);
}

span.li,
span.LI {
    background-image: url(../img/flags/li.svg);
}

span.lt,
span.LT {
    background-image: url(../img/flags/lt.svg);
}

span.lu,
span.LU {
    background-image: url(../img/flags/lu.svg);
}

span.mo,
span.MO {
    background-image: url(../img/flags/mo.svg);
}

span.mk,
span.MK {
    background-image: url(../img/flags/mk.svg);
}

span.mg,
span.MG {
    background-image: url(../img/flags/mg.svg);
}

span.mw,
span.MW {
    background-image: url(../img/flags/mw.svg);
}

span.mv,
span.MV {
    background-image: url(../img/flags/mv.svg);
}

span.ml,
span.ML {
    background-image: url(../img/flags/ml.svg);
}

span.mt,
span.MT {
    background-image: url(../img/flags/mt.svg);
}

span.mh,
span.MH {
    background-image: url(../img/flags/mh.svg);
}

span.mq,
span.MQ {
    background-image: url(../img/flags/mq.svg);
}

span.mr,
span.MR {
    background-image: url(../img/flags/mr.svg);
}

span.mu,
span.MU {
    background-image: url(../img/flags/mu.svg);
}

span.yt,
span.YT {
    background-image: url(../img/flags/yt.svg);
}

span.fm,
span.FM {
    background-image: url(../img/flags/fm.svg);
}

span.mc,
span.MC {
    background-image: url(../img/flags/mc.svg);
}

span.mn,
span.MN {
    background-image: url(../img/flags/mn.svg);
}

span.me,
span.ME {
    background-image: url(../img/flags/me.svg);
}

span.ms,
span.MS {
    background-image: url(../img/flags/ms.svg);
}

span.ma,
span.MA {
    background-image: url(../img/flags/ma.svg);
}

span.mz,
span.MZ {
    background-image: url(../img/flags/mz.svg);
}

span.mm,
span.MM {
    background-image: url(../img/flags/mm.svg);
}

span.na,
span.NA {
    background-image: url(../img/flags/na.svg);
}

span.nr,
span.NR {
    background-image: url(../img/flags/nr.svg);
}

span.np,
span.NP {
    background-image: url(../img/flags/np.svg);
}

span.an,
span.AN {
    background-image: url(../img/flags/nc.svg);
}

span.nc,
span.NC {
    background-image: url(../img/flags/nc.svg);
}

span.ni,
span.NI {
    background-image: url(../img/flags/ni.svg);
}

span.ne,
span.NE {
    background-image: url(../img/flags/ne.svg);
}

span.nu,
span.NU {
    background-image: url(../img/flags/nu.svg);
}

span.nf,
span.NF {
    background-image: url(../img/flags/nf.svg);
}

span.mp,
span.MP {
    background-image: url(../img/flags/mp.svg);
}

span.om,
span.OM {
    background-image: url(../img/flags/om.svg);
}

span.pk,
span.PK {
    background-image: url(../img/flags/pk.svg);
}

span.pw,
span.PW {
    background-image: url(../img/flags/pw.svg);
}

span.ps,
span.PS {
    background-image: url(../img/flags/ps.svg);
}

span.pg,
span.PG {
    background-image: url(../img/flags/pg.svg);
}

span.py,
span.PY {
    background-image: url(../img/flags/py.svg);
}

span.pn,
span.PN {
    background-image: url(../img/flags/pn.svg);
}

span.pr,
span.PR {
    background-image: url(../img/flags/pr.svg);
}

span.qa,
span.QA {
    background-image: url(../img/flags/qa.svg);
}

span.re,
span.RE {
    background-image: url(../img/flags/re.svg);
}

span.rw,
span.RW {
    background-image: url(../img/flags/rw.svg);
}

span.bl,
span.BL {
    background-image: url(../img/flags/bl.svg);
}

span.sh,
span.SH {
    background-image: url(../img/flags/sh.svg);
}

span.kn,
span.KN {
    background-image: url(../img/flags/kn.svg);
}

span.lc,
span.LC {
    background-image: url(../img/flags/lc.svg);
}

span.mf,
span.MF {
    background-image: url(../img/flags/mf.svg);
}

span.pm,
span.PM {
    background-image: url(../img/flags/pm.svg);
}

span.vc,
span.VC {
    background-image: url(../img/flags/vc.svg);
}

span.ws,
span.WS {
    background-image: url(../img/flags/ws.svg);
}

span.sm,
span.SM {
    background-image: url(../img/flags/sm.svg);
}

span.st,
span.ST {
    background-image: url(../img/flags/st.svg);
}

span.sa,
span.SA {
    background-image: url(../img/flags/sa.svg);
}

span.sn,
span.SN {
    background-image: url(../img/flags/sn.svg);
}

span.rs,
span.RS {
    background-image: url(../img/flags/rs.svg);
}

span.sc,
span.SC {
    background-image: url(../img/flags/sc.svg);
}

span.sl,
span.SL {
    background-image: url(../img/flags/sl.svg);
}

span.sg,
span.SG {
    background-image: url(../img/flags/sg.svg);
}

span.si,
span.SI {
    background-image: url(../img/flags/si.svg);
}

span.sb,
span.SB {
    background-image: url(../img/flags/sb.svg);
}

span.so,
span.SO {
    background-image: url(../img/flags/so.svg);
}

span.gs,
span.GS {
    background-image: url(../img/flags/gs.svg);
}

span.lk,
span.LK {
    background-image: url(../img/flags/lk.svg);
}

span.sd,
span.SD {
    background-image: url(../img/flags/sd.svg);
}

span.sr,
span.SR {
    background-image: url(../img/flags/sr.svg);
}

span.sj,
span.SJ {
    background-image: url(../img/flags/sj.svg);
}

span.sz,
span.SZ {
    background-image: url(../img/flags/sz.svg);
}

span.se,
span.SE {
    background-image: url(../img/flags/se.svg);
}

span.sy,
span.SY {
    background-image: url(../img/flags/sy.svg);
}

span.tw,
span.TW {
    background-image: url(../img/flags/tw.svg);
}

span.tj,
span.TJ {
    background-image: url(../img/flags/tj.svg);
}

span.tz,
span.TZ {
    background-image: url(../img/flags/tz.svg);
}

span.tl,
span.TL {
    background-image: url(../img/flags/tl.svg);
}

span.tg,
span.TG {
    background-image: url(../img/flags/tg.svg);
}

span.tk,
span.TK {
    background-image: url(../img/flags/tk.svg);
}

span.to,
span.TO {
    background-image: url(../img/flags/to.svg);
}

span.tt,
span.TT {
    background-image: url(../img/flags/tt.svg);
}

span.tn,
span.TN {
    background-image: url(../img/flags/tn.svg);
}

span.tm,
span.TM {
    background-image: url(../img/flags/tm.svg);
}

span.tc,
span.TC {
    background-image: url(../img/flags/tc.svg);
}

span.tv,
span.TV {
    background-image: url(../img/flags/tv.svg);
}

span.ug,
span.UG {
    background-image: url(../img/flags/ug.svg);
}

span.ae,
span.AE {
    background-image: url(../img/flags/ae.svg);
}

span.um,
span.UM {
    background-image: url(../img/flags/um.svg);
}

span.uy,
span.UY {
    background-image: url(../img/flags/uy.svg);
}

span.vu,
span.VU {
    background-image: url(../img/flags/vu.svg);
}

span.vn,
span.VN {
    background-image: url(../img/flags/vn.svg);
}

span.vg,
span.VG {
    background-image: url(../img/flags/vg.svg);
}

span.vi,
span.VI {
    background-image: url(../img/flags/vi.svg);
}

span.wf,
span.WF {
    background-image: url(../img/flags/wf.svg);
}

span.eh,
span.EH {
    background-image: url(../img/flags/eh.svg);
}

span.ye,
span.YE {
    background-image: url(../img/flags/ye.svg);
}

span.zm,
span.ZM {
    background-image: url(../img/flags/zm.svg);
}

span.zw,
span.ZW {
    background-image: url(../img/flags/zw.svg);
}

/* Multi select
========================*/

#general-menu-dropdown li {
    font-size: 110%;
    padding: 0px;
}

.dropdown-card-profile .list-unstyled.card-body#general-menu-dropdown {
    padding: 9px 0 10px 10px;
}

#general-menu-dropdown {
    margin-right: 15px;
}

.navbar-nav ul#general-menu-dropdown li {
    min-width: 250px;
}

ul#general-menu-dropdown hr {
    margin-bottom: 6px;
}

.ms-container {
    background: transparent url('../img/switch.png') no-repeat 50% 50%;
    width: 370px;
}

.ms-container:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    min-height: 0;
    visibility: hidden;
}

.ms-container .ms-selectable,
.ms-container .ms-selection {
    background: #fff;
    color: #555555;
    float: left;
    width: 45%;
}

.ms-container .ms-selection {
    float: right;
}

.ms-container .ms-list {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    height: 200px;
    padding: 0;
    overflow-y: auto;
}

.ms-container .ms-list.ms-focus {
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0;
    outline: thin dotted \9;
}

.ms-container ul {
    margin: 0;
    list-style-type: none;
    padding: 0;
}

.ms-container .ms-optgroup-container {
    width: 100%;
}

.ms-container .ms-optgroup-label {
    margin: 0;
    padding: 5px 0px 0px 5px;
    cursor: pointer;
    color: #6a719091;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
    border-bottom: 1px #f7f7fd solid;
    padding: 2px 10px;
    color: #151b23;
    font-size: 14px;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    background-color: #08c;
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {
    background-color: #f7f7fd;
    color: #aaa;
    cursor: text;
}

/* Select 2
========================*/

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-left: 0px;
    color: #444;
    padding-left: 15px;
}

#job-lang-selector input::placeholder {
    padding-left: 0px !important;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #e4e9f0;
    border-radius: 20px;
    padding-bottom: 10px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1000;
}

.bootstrap-tagsinput input[type="text"] {
    width: 100%;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 7px 12px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e4e9f0;
    border-radius: 20px;
}

.regular_form .select2-container--default .select2-selection--single {
    border: none;
    border-radius: 0px;
    background-color: #f6f7fb;
    height: 48px !important;
}

.regular_form .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #151b23 !important;
    color: white;
}


.regular_form .select2-dropdown {
    border-radius: 0px !important;
}


.regular_form .select2-dropdown--above span.select2-search.select2-search--dropdown input {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.dark .select2-container--default .select2-selection--single {
    background-color: #34343e;
    border: 1px solid #34343e;
    color: #ebefffbf;
}

.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ebefffbf;
}

.dark .select2-dropdown {
    color: #e8e8f9 !important;
    background-color: #484754 !important;
    border: 1px solid #484754 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #151b23;
    line-height: 48px !important;
    font-family: Jost;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #6a719091;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 20px;
    right: 11px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    content: ' ... ';
    color: transparent;
    background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='12' height='12' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='grey'/></g></svg>") no-repeat;
    position: absolute;
    right: 0;
    margin-top: 8px;
    margin-right: 8px;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #f7f7fd;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #9C9CB0 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #cdd0e161;
    border-radius: 20px;
    cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    width: 100%;
    margin-left: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #6a719091;
    margin-top: 5px;
    float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #4ca83f 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #f7f7fd;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e4e9f0;
    color: #4e566d;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent !important;
    background-color: transparent !important;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-search--inline {
    background: transparent !important;
    background-color: transparent !important;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #6a719091;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #cdd0e161;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #4ca83f;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #f7f7fdeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #f7f7fdeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #f7f7fdeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #4ca83f;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #6a719091;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #cdd0e161;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #f7f7fdeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #f7f7fdeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #f7f7fdeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #9C9CB0 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #4ca83f;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #9C9CB0 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #f7f7fdeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #f7f7fdeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #f7f7fdeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #f7f7fdeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #f7f7fdeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #f7f7fdeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #4ca83f;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #9C9CB0;
    cursor: pointer;
    display: inline-block;
    margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #151b23;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #4ca83f;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;

}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #4ca83f;
}

.notif-float {
    margin: auto;
    border-radius: 10px;
    width: 37px;
    height: 37px;
    padding: 8px 0px;
    position: relative;
}

.notif-float.order-endingx {
    background: #ffffff40;
}

.new-order-received {
    background: #4ca83f;
    background: -moz-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: -webkit-linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    background: linear-gradient(135deg, #7b00e8 0%, #4ca83f 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b00e8', endColorstr='#4ca83f', GradientType=1);
    -webkit-box-shadow: none;
}

.order-ending {
    background: #fa0;
}


.float-options-panel {
    position: fixed;
    top: 42%;
    right: 0px;
    background-color: rgb(83 83 95 / 31%);
    box-shadow: -5.985px -0.419px 30px 0 rgba(0, 0, 0, .08), inset -2px 0 10px 0 rgba(0, 0, 0, .04);
    width: 52px;
    height: auto;
    z-index: 108;
    border-radius: 13px 0 0 13px;
}

.float-options-panel-link.panel-open {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding: 15px 0 8px;
    margin-bottom: 10px;
}

.float-options-panel-link {
    display: block;
    text-align: center;
    color: #fff;
    padding-bottom: 8px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

/* Menu Dropdowns
========================*/

.navbar-nav .dropdown-menu {
    position: absolute;
}

.dropdown-menu.dropdown-left.dropdown-card.animated.flipInX {
    right: 0px;
}

.dropdown.inbox-notifications.show,
.dropdown.inbox-notifications:hover,
.dropdown.menu-user.show,
.dropdown.menu-user:hover,
li.dropdown.notifications:hover,
li.dropdown.notifications.show {
    background-color: #ffffff12;
}

.dropdown.inbox-notifications,
li.dropdown.notifications {
    transition: all 0.3s ease-out;
}

.dropdown-menu.dropdown-left.dropdown-card.dropdown-card-profile.animated.flipInX {
    right: 0px;
}

li.dropdown.inbox-notifications .dropdown-menu,
li.dropdown.notifications .dropdown-menu {
    width: 370px;
}

.dropdown-menu {
    border: 1px solid #131f37;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu .dropdown-item strong,
.dropdown-menu .dropdown-header {
    font-size: 0.875rem;
    color: #4ca83f;
}

.dropdown-menu .dropdown-item .badge,
.dropdown-menu .dropdown-item .label {
    position: relative;
    top: -0.125rem;
    font-size: 0.9em;
}

.dropdown-menu .dropdown-item .list-icon {
    font-size: 1.125rem;
}

.dropdown-card {
    border: none;
    -webkit-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    position: relative;
}

.dropdown-card.dropdown-card-profile {
    border-radius: 11px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 27px;
    position: absolute;
    top: 0;
}

.videos_action-media-wrapper .dropdown-menu.dropdown-left.dropdown-card.dropdown-card-profile.dropdown-options {
    min-width: 183px;
}

.menu-user .dropdown-card.dropdown-card-profile {
    right: 0;
    top: auto;
}


input#username-profile {
    padding-left: 19px;
}

.dropdown-card.dropdown-card-profile .card-header {
    padding: 0;
}

.dropdown-card.dropdown-card-profile .card-header > a {
    padding: 1.5625em 1.25em;
    border-right: 1px solid #cdd0e161;
}

.dropdown-card.dropdown-card-profile .card-header > a:last-child {
    border-right: none;
}

.dropdown-card.dropdown-card-profile .card-header > a i {
    color: #bbb;
    font-size: 1.25em;
}

.dropdown-card.dropdown-card-profile .card-header > a:hover i {
    color: #4ca83f;
}

.dropdown-card.dropdown-card-profile .card-body li a {
    display: block;
    color: #495057;
    font-size: 110%;
    font-family: "Zilla Slab", sans-serif;
}

.dropdown-card.dropdown-card-profile .card-body li a:hover {
    color: #4ca83f;
}

.dropdown-card.dropdown-card-profile.dropdown-card-profile-dark {
    background: #292b2e;
}

.dropdown-card.dropdown-card-profile.dropdown-card-profile-dark .card-header {
    border-color: rgba(255, 255, 255, 0.3);
}

.dropdown-card.dropdown-card-profile.dropdown-card-profile-dark .card-header > a {
    border-color: rgba(255, 255, 255, 0.3);
}

.dropdown-card.dropdown-card-profile.dropdown-card-profile-dark .card-body li a {
    color: #bbb;
}

.dropdown-card.dropdown-card-profile.dropdown-card-profile-dark .card-body li:hover a {
    color: #4ca83f;
}

.dropdown-card.dropdown-card-profile.dropdown-card-profile-dark::after {
    border-color: transparent transparent #292b2e transparent;
}

.dropdown-card .card {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
}

.dropdown-menu.dropdown-left.dropdown-card.animated.flipInX.show .card {
    display: block;
}

.dropdown-menu.dropdown-left.dropdown-card.animated.flipInX .card {
    display: none;
}

.dropdown-card .card-header {
    padding-bottom: 0.9375em;
    font-size: 1.14286em;
    background: none;
    border-bottom: 1px solid #f1f1f1;
    font-family: "Montserrat", sans-serif;
    color: #151b23;
    margin-bottom: 0.3125em;
}

.dropdown-card .card-header .dropdown-menu-options {
    color: #afb2ba;
}

.dropdown-card .card-body li,
.notif-line.notifications-artiista,
.notif-line.inbox-artiista {
    padding: 20px 12px 12px 12px;
}

.responsive-header a.media {
    padding-bottom: 5px;
}

.responsivemenu_notifications,
.responsivemenu_inbox {
    background-color: #fff;
}

.inbox-li {
    position: relative;
}

.dropdown-options .card-body li {
    padding: 6px 10px !important;
    transition: all 0.2s ease-in-out;
}

.dropdown-options .card-body li:hover {
    background-color: #f7f8fb;
    border-radius: 7px;
}

.dark .dropdown-options .card-body li:hover {
    background-color: #43424e;
}


.new-notif-line.clearfix.notif-line {
    border-bottom: 1px solid #cdd0e161 !important;
}


.dropdown-card .card-body li .media-body .user--online {
    top: -0.35714em;
}

.dropdown-card .card-footer {
    border: none;
    background: none;
    padding: 20px;
}

.dropdown-card-dark {
    background: #4ca83f;
    border-color: transparent;
}

.dropdown-card-dark::after {
    border-color: transparent transparent #4ca83f transparent;
}

.dropdown-card-dark .card {
    background: #4ca83f;
}

.dropdown-card-dark .card-heading-extra {
    border-color: #777;
    border-color: rgba(255, 255, 255, 0.1);
}

.dropdown-card-dark [class*="user--"]::after {
    border-color: transparent !important;
}

.dropdown-card-dark .card-header {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.1);
}

.dropdown-card-dark .card-header .dropdown-menu-options {
    color: #4ca83f !important;
}

.dropdown-card-dark .dropdown-list-group li {
    border-color: rgba(255, 255, 255, 0.1);
}

.dropdown-card-dark .dropdown-list-group li:hover {
    background: none;
}

.dropdown-card-dark .dropdown-list-group li:hover .media-content {
    color: #fff;
}

.dropdown-card-dark .dropdown-list-group li a .media-heading {
    color: #4ca83f;
}

.dropdown-card-dark .dropdown-list-group li .media-content {
    -webkit-transition: color 250ms;
    transition: color 250ms;
    color: #afb2ba;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: absolute;
        width: 20rem;
        border: 1px solid #cdd0e161;
        background: #fff;
    }

    .navbar-nav .open .dropdown-menu.dropdown-card-dark {
        background: #4ca83f;
    }
}

.dropdown-list-group {
    position: relative;
    margin: 0 0 0 0;
    padding: 0;
}

.dropdown-list-group .card-body {
    padding: 0;
}

.dropdown-list-group li {
    border-bottom: 1px solid #cdd0e161;
}

.dropdown-list-group li:nth-child(odd) {
    background: rgba(95, 96, 179, 0.03);
}

.dropdown-list-group li a {
    color: #6a719091;
}

.dropdown-list-group li a .media-heading {
    color: #151b23;
    letter-spacing: 0;
}

.dropdown-list-group li a .media-content {
    color: #868e96;
}

.dropdown-list-group li a .media-content.files-received {
    font-family: Jost;
    font-size: 93%;
}

.dropdown-list-group li a:hover {
    background: transparent;
    text-decoration: none;
    color: #6a719091;
}

.dropdown-list-group a {
    font-size: 13px;
}

.dropdown-list-group a img {
    max-width: 100%;
    position: relative;
}

.dropdown-list-group a .d-flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: .75em;
}

.dropdown-list-group a .list-icon {
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 1.38462em;
    line-height: 2.22222em;
    top: 0;
    height: 2.22222em;
    width: 2.22222em;
    background: #4ca83f;
    border-radius: 100px;
}

.dropdown-list-group a [class*="user--"]:after {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    border: 1px solid #fff;
}

body.rtl .dropdown-list-group {
    padding: 0;
}

body.rtl .dropdown-list-group a .d-flex {
    margin-right: 0;
    margin-left: 0.75em;
}

.card-heading-extra {
    border-bottom: 1px solid #cdd0e161;
    padding-bottom: 2.72727em;
    margin-bottom: 2.72727em;
    text-transform: uppercase;
    font-size: 0.78571em;
}

.card-heading-extra h3 {
    margin: 0;
    text-transform: none;
}

.card-heading-extra a {
    color: #6a719091;
}

.card-heading-extra a:hover,
.card-heading-extra a .list-icon {
    text-decoration: none;
    color: #4ca83f !important;
}

.card-heading-extra .list-icon {
    font-size: 1.125rem;
    top: -0.0625rem;
    position: relative;
    margin: 0 0.3125rem;
}

.card-heading-extra [class*="user--"] {
    padding-left: 1.25rem;
}

.card-heading-extra [class*="user--"]::after {
    position: absolute;
    top: 0.125rem;
    left: 0;
}

/* Search Form
========================*/

.navbar-search {
    position: relative;
    width: 17.14286em;
    margin-top: 0;
    min-width: 340px;
    margin-left: 15px;
}

.navbar-search input[type="search"],
.navbar-search .toggle-navbar-search,
.navbar-search .list-icon {
    display: inline-block;
    float: left;
    z-index: 1;
}

.navbar-search .list-icon {
    position: relative;
    left: 1.25rem;
    top: -0.0625rem;
    color: rgba(255, 255, 255, 0.6);
}

#search-input-element {
    cursor: pointer;
    font-size: 0.92857em;
    background: transparent;
    border: 0;
    margin-top: 22px;
    padding: 5px 10px 5px 50px;
    border-radius: 25px;
    width: 100%;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
}

#search-input-element-mobile {
    cursor: pointer;
    font-size: 0.92857em;
    background: transparent;
    border: 1px solid #e2ebf7;
    margin-top: 13px;
    padding: 5px 10px 5px 34px;
    border-radius: 25px;
    width: 100%;
    color: #535360;
    text-align: left;
}

.navbar-search-mobile .magnified-glass-before {
    -webkit-filter: invert(40%);
    filter: invert(40%);
}

.navbar-search-mobile #closeSearchMobile {
    position: absolute;
    top: 19px;
    right: 10px;
    transition: opacity 0.2s ease-in-out;
    opacity: 0.2;
    filter: sepia(90%) hue-rotate(190deg) saturate(70%);
}

#search-input-element:focus {
    background-color: #ffffff12;
}

#pagefooter #select_currency li {
    font-size: 80%;
}

input#search-tags {
    background-color: transparent;
    border: 0;
    min-width: 340px;
    color: #fff;
    line-height: 2.5;
}


i.feather.feather-search.list-icon.right-search-btn {
    position: absolute;
    right: 0px;
}


#search-icon-nav-bar {
    float: left;
    z-index: 1;
    height: 5rem;
    margin-left: 30px;
    padding-top: 25px;
    display: none;
}


form.navbar-search-tags.d-none.d-sm-block {
    position: relative;
}

i.feather.feather-search.list-icon.btn-search {
    display: none;
}

#search-icon-nav-bar-tags {
    position: absolute;
    top: 13px;
}

#search-icon-nav-bar-tags-delete {
    position: absolute;
    right: 0;
    top: 27px;
    display: none;
}

.navbar-search input[type="search"]::-webkit-input-placeholder {
    opacity: 1;
    color: rgba(255, 255, 255, 0.7);
}

.navbar-search input[type="search"]:-moz-placeholder {
    opacity: 1;
    color: rgba(255, 255, 255, 0.7);
}

.navbar-search input[type="search"]::-moz-placeholder {
    opacity: 1;
    color: rgba(255, 255, 255, 0.7);
}

.navbar-search input[type="search"]:-ms-input-placeholder {
    opacity: 1;
    color: rgba(255, 255, 255, 0.7);
}

.navbar-search .submitSearch {
    z-index: 10;
    -webkit-transition: none;
    transition: none;
    color: #151b23;
    padding-top: 28px;
    font-size: 1.25rem;
}

.execute-search {
    z-index: 10;
    cursor: pointer;
    position: absolute;
    left: 10px;
    bottom: 50%;
    top: 22px;
    font-size: 1.25rem;
}

.navbar-search-mobile a.execute-search-mobile {
    filter: sepia(90%) hue-rotate(190deg) saturate(70%);
    top: 15px;
    left: 20px;
    z-index: 10;
    cursor: pointer;
    position: absolute;
    bottom: 50%;
    font-size: 1.25rem;
}


.navbar-search.input-focused .list-icon {
    left: 1.75rem;
}


.navbar-search.input-focused input[type='search']::-webkit-input-placeholder {
    color: rgba(153, 153, 153, 0.3);
}

.navbar-search.input-focused input[type='search']:-moz-placeholder {
    color: rgba(153, 153, 153, 0.3);
}

.navbar-search.input-focused input[type='search']::-moz-placeholder {
    color: rgba(153, 153, 153, 0.3);
}

.navbar-search.input-focused input[type='search']:-ms-input-placeholder {
    color: rgba(153, 153, 153, 0.3);
}

.navbar-search.input-focused .list-icon {
    color: #151b23;
}

.navbar-search .remove-focus {
    opacity: 0;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    right: 6px;
    top: 14px;
    z-index: 20;
}

body.rtl .navbar-search input[type="search"] {
    padding: 0 3.57143em 0 1em;
}

body.rtl .navbar-search .list-icon {
    left: 0;
    right: 1.25rem;
    float: right;
}

body.rtl .navbar-search.input-focused .remove-focus {
    right: auto;
    left: 2.5rem;
}

/* Header Dark
========================*/

.header-dark .navbar-nav > li > a.active,
.header-dark .navbar-nav > li > a:hover,
.header-dark .navbar-nav > li > a:focus {
    color: #fff;
}

.header-dark .navbar-nav .open > a {
    background-color: #4c4c96;
}

/* Header Light
========================*/

.header-light .navbar {
    background: #fff;
}

.header-light .navbar-nav > li > a {
    color: #4ca83f;
}

.header-light .navbar-nav > li > a:hover,
.header-light .navbar-nav > li > a:focus {
    background: #dfdff0;
}

.header-light .navbar-nav .open > a {
    background-color: #dfdff0;
}

.header-light .navbar-search:not(.input-focused),
.header-light .navbar-search:not(.input-focused) .list-icon {
    color: #4ca83f;
}

.header-light .navbar-search:not(.input-focused) input[type="text"]::-webkit-input-placeholder {
    color: #4ca83f;
}

.header-light .navbar-search:not(.input-focused) input[type="text"]:-moz-placeholder {
    color: #4ca83f;
}

.header-light .navbar-search:not(.input-focused) input[type="text"]::-moz-placeholder {
    color: #4ca83f;
}

.header-light .navbar-search:not(.input-focused) input[type="text"]:-ms-input-placeholder {
    color: #4ca83f;
}

/* Header for Horizontal Sidebar Pages
========================*/

@media (min-width: 961px) {
    .sidebar-horizontal .sidebar-toggle {
        display: none;
    }

    .sidebar-horizontal .navbar {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
    }

    .sidebar-horizontal .side-menu > li > a .list-icon {
        top: 0.375rem;
        position: relative;
    }
}

/* Header with Centered Logo
========================*/

@media (min-width: 961px) {
    .header-centered .navbar {
        padding-left: 1.07143em;
    }

    .header-centered .navbar-header {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .sidebar-horizontal.header-centered .side-menu {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sidebar-horizontal.header-centered .side-menu ul {
        text-align: left;
    }
}

/* Widget Contact Info
========================*/

.nav-contact-info .contact-info-body {
    position: relative;
    z-index: 2;
    padding: 3.75rem 1rem 1rem;
}

.nav-contact-info .contact-info-body:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 50%;
    height: 1.875rem;
    width: 4.375rem;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    border-bottom-left-radius: 5.625rem;
    border-bottom-right-radius: 5.625rem;
    background: #fff;
    z-index: -1;
}

/********************************
*********************************
BASIC
*********************************
*********************************/

/* Colors
========================*/

/********************************
*********************************
SIDEBAR
*********************************
*********************************/

.site-sidebar {
    position: relative;
    z-index: 9;
    background: #fff;
    border-right: 1px solid #cdd0e161;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-bottom: 30px;
}

.site-sidebar.scrollbar-enabled {
    padding-right: 0;
}

.rtl .site-sidebar {
    border-right: 0;
    border-left: 1px solid #cdd0e161;
}

.sidebar-nav {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 1.07143em;
}

@media (max-width: 960px) {
    .scrollbar-enabled.site-sidebar {
        position: absolute;
    }

    .site-sidebar {
        display: none;
        width: 30em;
        max-width: 100%;
        position: absolute;
    }
}

.sidebar-collapse .sidebar-collapse-hidden {
    display: none !important;
}

/* Sidebar User Area
========================*/

.side-user {
    padding: 1.42857em 0;
    border-bottom: 1px solid #cdd0e161;
    margin-right: -1px;
    position: relative;
}

.sidebar-collapse .side-user {
    padding-top: 0.71429em;
    padding-bottom: 0.71429em;
    position: relative;
    top: 20px;
    padding-bottom: 0;
}

.sidebar-collapse .side-user .media-left {
    padding-right: 0;
    position: relative;
    left: -0.57143em;
}

.sidebar-collapse .side-user .dropdown-toggle {
    display: none;
}

.sidebar-collapse .side-user figure::after {
    height: 0.7em;
    width: 0.7em;
    bottom: 0px;
    left: 0.28571em;
}

.sidebar-collapse .side-user img {
    max-width: 2.85714em;
    height: auto;
}

.side-user .media {
    color: #4ca83f;
}

.side-user .side-user-heading {
    color: #151b23;
    font-family: "Montserrat", sans-serif;
}

.side-user .side-user-heading:hover {
    color: #4ca83f;
}

.side-user .side-user-link {
    display: none;
    height: 1.85714em;
    width: 1.85714em;
    background: #fff;
    position: absolute;
    right: -5px;
    bottom: -5px;
    -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.4);
    border-radius: 3.57143em;
}

.side-user .side-user-link .list-icon {
    font-size: 1em;
    line-height: 1.92857em;
}

.side-user > a:hover .media-heading,
.side-user .active .media-heading {
    color: #4ca83f;
}

.side-user .media-body {
    font-size: 0.92857em;
}

.side-user [class*="user--"]:after {
    right: auto;
    left: 0.5rem;
}

body.rtl .side-user {
    padding-right: 0;
}

/* Vertical Sidebar
========================*/

.side-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    line-height: 2.14286em;
    margin-top: 1.42857em;
}

.side-menu ul {
    font-size: 0.85714em;
    margin-left: 3.58333em;
    position: relative;
    top: -10px;
}

.side-menu ul ul {
    font-size: 0.85714em;
    margin-left: 1.25em;
    top: 0;
}

.side-menu .collapse.in {
    display: block;
}

.side-menu li {
    position: relative;
}

.side-menu li a {
    color: #151b23;
    position: relative;
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 110%;
}

.side-menu li a:hover {
    color: #4ca83f;
}

span.hide-menu {
    margin-left: 22px;
}

span.icons-header {
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}

.icons-header-inside {
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

span.icons-header:hover {
    margin-top: 6px;
    opacity: 1;
}

.side-menu > li > a {
    padding: 0.46429em 0 0.46429em 1.07143em;
    line-height: 3.42857em;
    color: #151b23;
    border-top: 1px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.side-menu > li > a:hover,
.side-menu > li > a:focus {
    color: #151b23;
    background: transparent;
}

.side-menu > li > a .hide-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.side-menu > li > a i {
    font-size: 1.28571em;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

body.rtl .side-menu > li > a i.list-icon {
    margin-left: .4em;
}

.side-menu > li > a .badge,
.side-menu > li > a .label {
    position: relative;
    top: 1.18182em;
    font-size: 0.73333em;
    line-height: 1.2;
}

.side-menu > li::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 1px;
    right: 0;
    background: rgba(255, 255, 255, 0.05);
}

.sidebar-collapse .side-menu > li > a {
    padding: 0.46429em 0 0.46429em 1.42857em;
}

body.rtl.sidebar-collapse .side-menu > li > a {
    padding: 0.46429em 1.07143em 0.46429em 1.42857em;
}

.side-menu > li:first-child > a {
    border-top: 0;
}

.side-menu .list-icon {
    margin-right: 0.4em;
    line-height: inherit;
}

.side-menu :not([class*="color-"]) > .list-icon {
    color: #4ca83f;
}

.side-menu .menu-item-has-children > a {
    position: relative;
}

.side-menu .menu-item-has-children > a::before {
    content: "\e928";
    position: absolute;
    right: 0.55556em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0.75rem;
    color: #7b7b7b;
}

body.rtl .side-menu .menu-item-has-children > a::before {
    right: auto;
    left: 0;
}

.side-menu .menu-item-has-children.active > a::before {
    content: "\e928";
}

body.rtl .side-menu {
    padding-right: 0;
}

body.rtl .side-menu ul {
    margin-left: 0;
}

body.rtl .side-menu ul ul {
    padding-right: 0;
    margin-right: 1em;
}

/* Expanded Vertical Sidebar
========================*/

@media (min-width: 961px) {
    .sidebar-expand .site-sidebar {
        position: fixed;
        width: 14.0625rem;
        height: calc(100vh - 5rem);
    }

    .sidebar-expand .site-sidebar .side-menu > li > a {
        border-top-color: #cdd0e161;
    }
}

/* Collapsed Vertical Sidebar
========================*/

@media (min-width: 961px) {
    .sidebar-collapse .site-sidebar {
        position: absolute;
        top: 5rem;
        left: 0;
        width: 3.75rem;
        bottom: 0;
        overflow: visible !important;
    }

    .sidebar-collapse .hide-menu,
    .sidebar-collapse .hide-menu .badge,
    .sidebar-collapse .hide-menu .label {
        display: none;
    }

    .sidebar-collapse .sidebar-nav {
        padding: 0;
    }

    .sidebar-collapse .side-menu > li:hover {
        width: 21.46154em;
        border-top-right-radius: 5px;
    }

    .sidebar-collapse .side-menu > li:hover > a {
        background: #dfdff0;
        display: block;
        z-index: 9;
    }

    .sidebar-collapse .side-menu > li:hover > a .hide-menu {
        display: inline-block;
    }

    .sidebar-collapse .side-menu > li:hover .sub-menu {
        margin-top: 1.07143em;
    }

    .sidebar-collapse .side-menu > li:hover > a,
    .sidebar-collapse .side-menu > li:hover .sub-menu {
        -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    }

    .sidebar-collapse .side-menu > li > a {
        -webkit-transition: none;
        transition: none;
    }

    .sidebar-collapse .side-menu > li > a::before {
        display: none;
    }

    .sidebar-collapse .side-menu li:hover > .sub-menu {
        display: block;
    }

    .sidebar-collapse .side-menu .sub-menu {
        position: absolute;
        top: 3.69231em;
        left: calc(3.75rem - 1px);
        width: calc(100% - 3.75rem + 1px);
        margin-left: 0;
        padding: 0 0 1.15385em;
        display: none;
        background: #dfdff0;
        z-index: 10;
    }

    .sidebar-collapse .side-menu .sub-menu li {
        background: #dfdff0;
    }

    .sidebar-collapse .side-menu .sub-menu .sub-menu {
        left: 100%;
        top: 0;
        padding-top: 1.15385em;
    }

    .sidebar-collapse .side-menu .sub-menu a {
        padding: 0 1.15385em 0 1.92308em;
    }

    .sidebar-collapse .sidebar-module {
        display: none;
    }

    body.rtl.sidebar-collapse .site-sidebar {
        left: auto;
        right: 0;
    }

    body.rtl.sidebar-collapse .side-menu .sub-menu {
        left: 0;
    }
}

/* Horizontal Sidebar
========================*/

@media (min-width: 961px) {
    .sidebar-horizontal .site-sidebar {
        padding: 0 1.07143em;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
        position: relative;
        width: 100%;
    }

    .sidebar-horizontal .fix-top .site-sidebar {
        position: fixed;
        top: 0;
    }

    .sidebar-horizontal .list-icon {
        margin-right: 0;
    }

    .sidebar-horizontal .side-user,
    .sidebar-horizontal .side-menu .badge,
    .sidebar-horizontal .side-menu .label {
        display: none;
    }

    .sidebar-horizontal .side-menu {
        margin-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
    }

    .sidebar-horizontal .side-menu ul {
        position: absolute;
        top: 0;
        left: 100%;
        background: #dfdff0;
        z-index: 9;
        margin-left: 0;
        width: 16.92308em;
        padding: 0.76923em 0;
        display: none;
        line-height: 2.76923em;
        -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .sidebar-horizontal .side-menu ul li {
        background: #dfdff0;
    }

    .sidebar-horizontal .side-menu ul li:last-child {
        padding-bottom: 0.35714em;
    }

    .sidebar-horizontal .side-menu li:hover > ul {
        display: block;
    }

    .sidebar-horizontal .side-menu a {
        padding-right: 1.07143em;
        padding-left: 1.07143em;
    }

    .sidebar-horizontal .side-menu > li {
        display: inline-block;
    }

    .sidebar-horizontal .side-menu > li > ul {
        left: 0;
        top: 100%;
    }

    .sidebar-horizontal .side-menu > li > ul a {
        font-size: 1.07692em;
    }

    .sidebar-horizontal .side-menu > li > a {
        border: 0;
        padding: 0.66667em 1em 0.33333em;
        text-align: center;
    }

    .sidebar-horizontal .side-menu > li > a::after {
        content: "";
        width: 100%;
        height: 0.13333em;
        background: transparent;
        position: absolute;
        bottom: -0.06667em;
        left: 0;
        z-index: 10;
    }

    .sidebar-horizontal .side-menu > li > a::before {
        display: none;
    }

    .sidebar-horizontal .side-menu > li > a .list-icon {
        display: block;
    }

    .sidebar-horizontal .side-menu .two-li {
        width: 31.42857em;
    }

    .sidebar-horizontal .side-menu .two-li::after {
        clear: both;
        content: "";
        display: block;
    }

    .sidebar-horizontal .side-menu .two-li li {
        float: left;
        width: 50%;
    }
}

/* Sidebar Dark
========================*/

.sidebar-dark .content-wrapper {
    background: #4ca83f;
}

.sidebar-dark .site-sidebar {
    background: #4ca83f;
    border-color: rgba(255, 255, 255, 0.2);
}

.sidebar-dark .site-sidebar .ps-scrollbar-y-rail,
.sidebar-dark .site-sidebar .ps-scrollbar-x {
    background: transparent !important;
}

.sidebar-dark .site-sidebar .ps-scrollbar-y {
    background: gainsboro !important;
    right: 0 !important;
    width: 0.3125rem !important;
}

.sidebar-dark .side-menu li:hover,
.sidebar-dark .side-menu li.active {
    background: #4d4ea2;
}

.sidebar-dark .side-menu li.active > a {
    color: #fff;
}

.sidebar-dark .side-menu li a {
    color: #afb2ba;
}

.sidebar-dark .side-menu li a:hover {
    color: #fff;
}

.sidebar-dark .side-menu :not([class*="color-"]) > .list-icon,
.sidebar-dark .side-menu .menu-item-has-children > a::before {
    color: #737986;
}

.sidebar-dark.sidebar-collapse .side-menu .sub-menu,
.sidebar-dark.sidebar-horizontal .side-menu .sub-menu {
    background: #4d4ea2;
}

.sidebar-dark.sidebar-collapse .side-menu .sub-menu li,
.sidebar-dark.sidebar-horizontal .side-menu .sub-menu li {
    background: #4d4ea2;
}

.sidebar-dark .side-user {
    border-bottom: 0;
}

.sidebar-dark .side-user .media {
    color: #afb2ba;
}

.sidebar-dark .side-user .media-heading {
    color: #fff;
}

.sidebar-dark .side-user > a:hover .media-heading,
.sidebar-dark .side-user .active .media-heading {
    color: #fff;
}

.sidebar-dark .side-user .side-menu li:hover {
    background: transparent;
}

.sidebar-dark .side-user .side-menu li a {
    color: #afb2ba;
}

.sidebar-dark .side-user .side-menu li a:hover {
    color: #fff;
}

.sidebar-dark .side-user [class*="user--"]:after {
    border-color: #4d4ea2;
}

/* Right Sidebar
========================*/

.scrollbar-enabled {
    position: relative;
    /*    padding-right: 15px;*/
}

.left-scroll .scrollbar-enabled {
    padding-right: 0;
    padding-left: 15px;
}

.sidebar-dark .site-sidebar .ps-scrollbar-y-rail,
.sidebar-dark .site-sidebar .ps-scrollbar-x,
.right-sidebar-dark .right-sidebar .ps-scrollbar-y-rail,
.right-sidebar-dark .right-sidebar .ps-scrollbar-x {
    background: transparent !important;
}

.sidebar-dark .site-sidebar .ps-scrollbar-y,
.right-sidebar-dark .right-sidebar .ps-scrollbar-y {
    background: gainsboro !important;
    right: 0 !important;
    width: 0.3125rem !important;
}

.right-sidebar {
    position: fixed;
    top: 5rem;
    right: 0;
    width: 14.0625rem;
    background: #fff;
    height: calc(100vh - 5rem);
    border-left: 1px solid #cdd0e161;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    padding: 1.07143em;
    z-index: 9;
}

.right-sidebar-expand .right-sidebar {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media (min-width: 768px) and (max-width: 1023px) {
    .right-sidebar .right-sidebar {
        width: 100%;
        height: auto;
    }
}

body.rtl .right-sidebar {
    left: 0;
    right: auto;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    border-left: 0;
    border-right: 1px solid #cdd0e161;
}

body.rtl.right-sidebar-expand .right-sidebar {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.sidebar-chat-info {
    color: #4ca83f;
    font-size: 0.92857em;
}

/* Sidebar Chat
========================*/

.sidebar-chat {
    z-index: 9999999;
}

.sidebar-chat .list-group-item {
    background: none;
    border: 0;
    border-top: 1px solid #cdd0e161;
    padding: 0.71429em 0;
    overflow: hidden;
    color: #6a719091;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sidebar-chat .list-group-item:hover,
.sidebar-chat .list-group-item.chat-active,
.sidebar-chat .list-group-item.active,
.sidebar-chat .list-group-item.active:focus,
.sidebar-chat .list-group-item.active:hover {
    background: #dfdff0;
    color: #6a719091;
    z-index: auto;
}

.sidebar-chat .list-group-item figure {
    margin-bottom: 0;
}

.sidebar-chat .list-group-item > span {
    line-height: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sidebar-chat .list-group-item .name {
    font-size: 0.92857em;
    font-family: "Montserrat", sans-serif;
    color: #151b23;
    top: 0.69231em;
    margin-bottom: 0.38462em;
    margin-top: 0.30769em;
}

.sidebar-chat .list-group-item .username {
    opacity: 0.7;
    font-size: 0.85714em;
    top: -0.08333em;
}

.sidebar-chat .list-group-item:first-child {
    border-radius: 0;
}

#edit_profile .icon-input {
    position: absolute;
    left: 17px;
    opacity: 0.3;
    margin-top: 5px;
    width: 20px;
}

.char_counters {
    float: right;
    margin-right: 16px;
    font-size: 85%;
    font-family: Jost;
    color: #c1c0d4d4;
    display: none;
}

.sidebar-chat [class*="user-"]:after {
    position: absolute;
    top: calc(50% + 15px);
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sidebar-chat-subtitle {
    text-transform: uppercase;
    margin-top: 2.85714em;
    color: #bbb;
    letter-spacing: 0.07143em;
}

/* Chat Panel
========================*/

.chat-panel {
    position: fixed;
    top: calc(100vh);
    right: calc(14.0625rem + 15px);
    width: 24.28571em;
    -webkit-transform: translateY(-100%) translateX(14.0625rem);
    transform: translateY(-100%) translateX(14.0625rem);
    z-index: 9999;
}

.right-sidebar-expand .chat-panel {
    -webkit-transform: translateY(-100%) translateX(0);
    transform: translateY(-100%) translateX(0);
}

.chat-panel .minimize {
    border: 0;
    background: none;
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
    margin-right: 0.35714em;
    line-height: 1em;
    position: relative;
    top: -0.07143em;
    float: right;
    color: #000;
    opacity: 0.2;
}

.chat-panel .minimize:hover {
    opacity: 0.5;
}

.chat-panel .user-name {
    color: #151b23;
}

.chat-panel .close {
    opacity: 0.2;
}

.chat-panel .close:hover {
    opacity: 0.5;
}

.chat-panel .card {
    border-radius: 10px;
    border: none;
    -webkit-box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.42857em;
}

.chat-panel .card-header {
    background: none;
    padding: 1.07143em 1.42857em;
    font-size: 1.14286em;
    border-bottom: 1px solid #f1f1f1;
}

.chat-panel .card-header button {
    cursor: pointer;
}

.chat-panel .card-body {
    padding: 1.07143em;
}

.chat-panel .card-footer {
    background: none;
    padding: 1.07143em 1.42857em;
    border-top: 1px solid #f1f1f1;
}

.chat-panel .card-footer a i {
    color: #bbb;
    position: relative;
    top: 4px;
}

.artiista-address-company-name {
    font-size: 130%;
}

.chat-panel .card-footer textarea::-webkit-input-placeholder {
    color: #bbb;
}

.chat-panel .card-footer textarea:-moz-placeholder {
    color: #bbb;
}

.chat-panel .card-footer textarea::-moz-placeholder {
    color: #bbb;
}

.chat-panel .card-footer textarea:-ms-input-placeholder {
    color: #bbb;
}

.chat-panel .messages {
    position: relative;
    max-height: 21.42857em;
    overflow-y: scroll;
    margin-top: -1.07143em;
    margin-right: -1.07143em;
    margin-left: -1.07143em;
    padding-top: 1.07143em;
    padding-right: 1.07143em;
    padding-left: 1.07143em;
}

body.rtl .chat-panel {
    right: auto;
    left: calc(14.0625rem + 15px);
}

/* Dark Right Sidebar
========================*/

.right-sidebar-dark .right-sidebar {
    background: #4ca83f;
    border-color: rgba(255, 255, 255, 0.2);
}

.right-sidebar-dark .right-sidebar .list-group-item:hover,
.right-sidebar-dark .right-sidebar .list-group-item.chat-active,
.right-sidebar-dark .right-sidebar .list-group-item.active,
.right-sidebar-dark .right-sidebar .list-group-item.active:focus,
.right-sidebar-dark .right-sidebar .list-group-item.active:hover {
    background: #4d4ea2;
}

.right-sidebar-dark .right-sidebar .list-group-item:hover .name,
.right-sidebar-dark .right-sidebar .list-group-item.chat-active .name,
.right-sidebar-dark .right-sidebar .list-group-item.active .name,
.right-sidebar-dark .right-sidebar .list-group-item.active:focus .name,
.right-sidebar-dark .right-sidebar .list-group-item.active:hover .name {
    color: #fff;
}

.right-sidebar-dark .right-sidebar .list-group-item span {
    color: #afb2ba;
}

.right-sidebar-dark .right-sidebar h3,
.right-sidebar-dark .sidebar-chat-subtitle {
    color: #fff;
}

.right-sidebar-dark .sidebar-chat-info {
    color: #afb2ba;
}

.right-sidebar-dark .chat-panel .minimize,
.right-sidebar-dark .chat-panel button.close {
    color: #fff;
    opacity: .4;
}

.right-sidebar-dark .chat-panel .minimize:hover,
.right-sidebar-dark .chat-panel button.close:hover {
    opacity: 1;
}

.right-sidebar-dark .chat-panel .message p {
    background: #4ca83f;
    color: #fff;
}

.right-sidebar-dark .chat-panel .chat-extra-buttons a {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff;
}

.right-sidebar-dark .chat-panel .chat-extra-buttons a:hover {
    opacity: 0.6;
    border: 0;
}

.right-sidebar-dark .chat-panel textarea {
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    background: transparent;
}

.right-sidebar-dark .chat-panel textarea::-webkit-input-placeholder {
    color: #fff;
    opacity: .7;
}

.right-sidebar-dark .chat-panel textarea:-moz-placeholder {
    color: #fff;
    opacity: .7;
}

.right-sidebar-dark .chat-panel textarea::-moz-placeholder {
    color: #fff;
    opacity: .7;
}

.right-sidebar-dark .chat-panel textarea:-ms-input-placeholder {
    color: #fff;
    opacity: .7;
}