/*

Theme Name: Yolo BeStruct Child Theme
Theme URI: http://demo.yolotheme.com/bestruct
Author: YoloTheme
Author URI: https://www.facebook.com/Yolotheme/
Description: This is a custom child theme for Yolo BeStruct
Template: yolo-bestruct
Version: 1.0.0
Tags: two-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, translation-ready
Text Domain: yolo-bestruct
*/

.woocommerce-ResetPassword.lost_reset_password,
.customer_login_form_wrap {
    width: 50%;
    margin: 1rem auto;
    padding: 1rem;
    background-color: #ffffff;
    border-radius: 9px;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
}

.tooltip-inner {
    max-width: 1000px !important;
    white-space: break-spaces;
}

.modal-backdrop {
    opacity:0.7 !important;
}

.modal-content {
    border-radius: 10px !important;
}

.modal-hr {
    width: 5%;
    background-color: #8FAF8F;
    border-top: 0;
    height: 2px;
    opacity: 1;
    margin: .1rem 0 1rem 0;
}

.modal-block-hr {
    width: 15%;
    background-color: #8FAF8F;
    border-top: 0;
    height: 2px;
    opacity: 1;
    margin: 1.9rem auto;
}

.fluent-address {
    padding: .5rem;
    border: 2px solid #EEEEEE;
}

.fluent-address label i {
    margin-right: .6rem;
}

.counter {
  animation-duration: 1s;
  animation-delay: 0s;
}

i {
  font-size: 20px !Important;
}

.woocommerce-MyAccount-content .be-feedback-message {
    font-size: 1.2rem;
}

.woocommerce-MyAccount-content .be-cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.woocommerce-MyAccount-content .be-feedback {
    z-index: 9999;
    padding: 1rem;
    background-color: #ffc107;
    color: white;
    text-align: center;
    position: relative;
}

.woocommerce-MyAccount-content .be-spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    border: 4px #ddd solid;
    border-top: 4px #0aaa7a solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 991px) {
  .col-md-4 {
    border-right: 0px dashed black;
    border-bottom: 0px dashed black;
    width: 50%;
    margin: auto auto;
  }
  
  .col-md-4:last-child {
    border-bottom: 0px dashed black;
  }
}

@media (max-width: 750px) {
    .content #help-row {
      display: block !important;
    }

    .content #help-row .help-box {
        margin-top: 1rem !important;
    }
}

.nav-link {
    color: #198754 !important;
}

.nav-link.active {
    color: #000000 !important;
}

.counter-box {
    width: 60%;
    margin: 0 auto;
    min-height: 9rem;
    border-radius: 20px;
    padding: 2rem;
    background-color: #3E9B89;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.counter-box p {
    font-size: 1.3rem !important;
    font-weight: 500;
    color: #ffffff !important;
    margin-top: 20px;
}

.counter-box h3 {
    font-size: 2.1rem !important;
    margin-bottom: 0;
    color: #FDAE4D !important;
}

.counter-box i.fa-xl {
    font-size: 2.1rem !important;
}

.account-link {
    border-radius: 77px !important;
    padding: 12px 5px !important;
    min-width: 150px !important;
}

.modal.show .modal-dialog {
    transform: none !important;
}

.yolo-site-content-page .container {
    width: 100%;
}

/*Business year planning diagrams*/

.highcharts-figure .chart-container {
    width: 100%;
    height: 200px;
}

.highcharts-figure,
.highcharts-data-table table {
    margin: 0 auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.chart-container .highcharts-axis-title {
    color: black !important;
    font-size: 1.5rem !important;
    fill: black !important;
    font-weight: 600 !important;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

@media (max-width: 600px) {
    .highcharts-figure,
    .highcharts-data-table table {
        width: 100%;
    }

    .highcharts-figure .chart-container {
        width: 265px;
        float: none;
        margin: 0 auto;
    }

    .be-job-is-ready {
        float: unset !important;
        position: unset !important;
    }

    .customer_login_form_wrap,
    .woocommerce-ResetPassword.lost_reset_password {
        width: 100%;
    }

    .woocommerce-MyAccount-content .modal .modal-xl {
        width: 100% !important;
        max-width: 100% !important;
    }

    #calendar {
        max-width: 100% !important;
    }

    #calendar .fc-timeGridDay-view table {
        margin-bottom: .5rem;
    }


    #calendar .fc-timeGridDay-view .fc-axis {
        display: none;
    }

    #calendar .fc-timeGridDay-view .fc-scroller {
        min-height: 20rem !important;
    }

    #calendar .fc-view-container {
        padding: 5px !important;
        min-height: 30rem;
    }

    #calendar .fc-header-toolbar {
        display: block;
    }

    #calendar .fc-header-toolbar .fc-left {
        margin-bottom: 1rem;
    }

    #calendar .fc-header-toolbar .fc-left,
    #calendar .fc-header-toolbar .fc-center,
    #calendar .fc-header-toolbar .fc-right {
        align-items: center;
        justify-content: center;
        display: flex;
    }

    #users-customer-page {
        width: 100% !important;
    }

}

@media (max-width: 1854px) {
    .business-year-planning-counter .counter-box {
        width: 72%;
    }
}

@media (max-width: 1616px) {
    .business-year-planning-counter .counter-box {
        width: 88%;
    }
}

@media (max-width: 1363px) {
    .business-year-planning-counter .counter-box {
        width: 100%;
    }
}

@media (max-width: 970px) {
    #business-year-planning-modal-button,
    #dashboard-go-to-statement {
        position: unset !important;
    }
}

.yolo-site-content-page .container .woocommerce-MyAccount-content .system-heading strong {
    color: #7DB7AA;
}

/*Business year planning diagrams VÉGE*/

#actual-profit {
    color: #284F46;
}

#sum-of-income,
.burgundy-color {
    color: #800020;
    opacity: .7;
}

/*User Customers*/
#users-customer-page {
    width: 85%;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
}

#users-customer-page table thead tr th {
    border-bottom: 1px solid;
}

#users-customer-page table i.fa-xl {
    font-size: 1.35em !important;
}

#users-customer-page table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #F1FADA !important;
}

#users-customer-page .vertical-center {
    vertical-align: middle;
}

#users-customer-page .to-center {
    text-align: center;
}
/*User Customers VÉGE*/

/*DASHBOARD diagrams*/

.dashboard-diagrams h3 {
    text-align: center;
}

.dashboard-diagrams p {
    text-align: center;
    font-size: 1.7rem;
}

.dashboard-diagrams #green-hr {
    background-color: #7DB7AA;
    border-top: 0;
    height: 3px;
    opacity: 1;
    margin: 2rem 0;
}

.ms-events {
    margin-bottom: 2rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.ms-events h2 {
    font-size: 1.2rem !important;
    text-transform: uppercase;
}

.ms-events p {
    font-size: 1rem;
    text-align: left;
    color: #25262C;
    margin-bottom: 0.5rem;
    line-height: 1.3;
    text-shadow: 1px 0px #FFFFFF;
}

.ms-events.ms-next-jobs h2 {
    text-shadow: 1px 0px #ffffff;
}

.ms-events.ms-actual-events p,
.ms-events.ms-actual-events h2,
.ms-events.ms-previous-jobs p,
.ms-events.ms-previous-jobs h2 {
    color: #FFFFFF !important;
    text-shadow: 2px 0 #25262C;
}

.ms-events.ms-actual-events .card {
    background-color: #7DB7AA;
}

.ms-events.ms-next-jobs .card {
    background-color: #FDAE4D;
}

.ms-events.ms-previous-jobs .card {
    background-color: #3E9B89;
}

.ms-events-div {
    position: relative;
    top: -4rem;
}

.ms-events-calendar {
    position: relative;
    top: -6rem;
}

.highcharts-credits {
    display: none;
}

.business-year-planning-average-numbers {
    font-size: 1.4rem;
}

/*DASHBOARD diagrams VÉGE*/

.page-title-wrap-bg {
    position: relative;
    background-position: bottom;
}

.woocommerce-account #yolo-content-wrapper,
.woocommerce-account .yolo-site-content-page {
    background: #7DB7AA !important;
    background-image: linear-gradient(90deg, #f7fcfd, #7DB7AA) !important;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content .row {
    display: flex;
    flex-wrap: wrap;
}

.yolo-site-content-page .container .woocommerce-MyAccount-navigation {
    width: 15%;
    height: 100%;
    background-color: #ffffff;
    position: sticky;
    top: 65px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-radius: 6px;
    margin-bottom: 1rem;
}

.yolo-site-content-page .container .woocommerce-MyAccount-navigation ul {
   padding: 1rem 1.2rem 0 1.2rem;
}

.yolo-site-content-page .container .woocommerce-MyAccount-navigation ul li {
   list-style: none;
   padding: 0.5rem 0;
}

.yolo-site-content-page .container .woocommerce-MyAccount-navigation ul li i {
   width: 3rem;
}

.yolo-site-content-page .container .woocommerce-MyAccount-navigation ul li.is-active a,
.yolo-site-content-page .container .woocommerce-MyAccount-navigation ul li a:hover {
   color: #800020 !important;
}

.yolo-site-content-page .container .woocommerce-MyAccount-navigation ul li .navigation-hr {
   width: 100%;
   margin: 0.5rem 0;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content {
    width: 83%;
    padding: 1rem 2rem;
    margin: 0 1rem 1rem 1rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-width: 0;
    transition: all .2s;
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(26,54,126,.125);
    border-radius: 0.25rem;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content .system-heading {
    text-align: center;
    margin-bottom: 3rem;
    margin-top: 1rem;
    text-transform: uppercase;   
}

.yolo-site-content-page .container .woocommerce-MyAccount-content .system-heading h2 {
    font-size: 1.8rem !important;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content .system-heading hr {
    width: 10%;
    margin-left: auto;
    margin-right: auto;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content .vc_custom_heading {
    padding: 0 1rem;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content .stripe-card-group {
    width: 13rem;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content #stripe-exp-element {
    width: 4rem;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content #stripe-cvc-element {
    width: 3rem;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content input:checked + .slider {
    background-color: #2196F3;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.yolo-site-content-page .container .woocommerce-MyAccount-content .slider.round {
    border-radius: 34px;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content .slider.round:before {
    border-radius: 50%;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content .name-of-the-calculator {
    padding: .5rem;
}

.yolo-site-content-page .container .woocommerce-MyAccount-content .job-cost-content {
    margin-top: 2rem;
}

.feedback-message {
    position: fixed;
    top: 180px;
    right: 10px;
}

.modal-body p {
    color: #827f7f !important;
    padding: 0 .5rem;
}

#staticShowJob .modal-body p strong {
    font-weight: bold;
}

#staticShowJob .modal-body h3 i,
#staticShowJob .modal-body p i {
    margin-right: .5rem;
}

.show-job-modal-h3 {
    font-size: 19px !important;
    margin-top: 1rem !important;
}

.surely-text {
    margin: 1rem 0;
    border: 1px solid;
    border-radius: 7px;
    padding: .5rem !important;
    width: fit-content;
    font-weight: 500;
}

.surely-text button {
    margin-left: 1rem;
}

@media only screen and (max-width: 1640px) {

    .yolo-site-content-page .container .woocommerce-MyAccount-content {
        width: 81%;
    }

}

@media only screen and (max-width: 1195px) {

    .ms-events-calendar {
        top: 0;
    }

    .ms-events-div {
        top: 0;
    }

}

@media only screen and (max-width: 952px) {
    .yolo-site-content-page .container .woocommerce-MyAccount-navigation {
        top: 0;
    }
}

@media only screen and (max-width: 840px) {
    .yolo-site-content-page .container .woocommerce-MyAccount-content {
        width: 80%;
    }
}

@media only screen and (max-width: 780px) {
    .yolo-site-content-page .container .woocommerce-MyAccount-navigation {
        width: 100%;
        position: relative;
    }

    .yolo-site-content-page .container .woocommerce-MyAccount-content {
        width: 100%;
        margin: 0;
    }

}