@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;600;700&family=Teko:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 400 !important;
}
h1,h2,h3,h4,h5,h6 {
    font-family: "Teko", sans-serif;
}

/* Table overwrite */
@media (max-width: 767px) {
    .table-responsive-custom table,
    .table-responsive-custom thead,
    .table-responsive-custom tbody,
    .table-responsive-custom th,
    .table-responsive-custom td,
    .table-responsive-custom tr {
        display: block;
    }

    .table-responsive-custom thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-responsive-custom tr {
        margin-bottom: 0.625rem;
        border: 1px solid #ddd;
        padding: 0.625rem;
    }

    .table-responsive-custom td {
        border: none;
        border-bottom: 1px solid #ddd;
        position: relative;
        padding-left: 50%;
        text-align: left;
        white-space: normal;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .table-responsive-custom td:before {
        position: absolute;
        /*top: 0.625rem; */
        left: 0.625rem;
        width: 45%;
        padding-right: 0.625rem;
        white-space: nowrap;
        content: attr(data-label);
        text-align: left;
        font-weight: bold;
    }

    .table-responsive-custom td:last-child {
        border-bottom:0px;
    }
}

tr.goal-achieved {
    opacity: 0.4;
    font-style: italic;
}

/** New MTM Colors **/
:root {
    --newprimary: #d5dca6;
    --newprimary_dark: #919C4D ;
}

.content-wrapper {
    background: #fdf4e3 !important;
}

.navbar-primary {
    background: #fdf4e3 !important;
    border: none;
}

.badge-primary {
    background: var(--newprimary) !important;
}

.alert-primary {
    background: var(--newprimary) !important;
    border-color: var(--newprimary) !important;
    color: #000;
}
.form-control:focus {
    border-color: #d5dca6;
}
.layout-navbar-fixed .wrapper .content-wrapper {
    margin-top: calc(3.5rem + 0px);
}

.btn-outline-primary, .btn-primary {
    border-radius: 2rem;
    padding: 3px 15px;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--newprimary_dark);
    border-color: var(--newprimary_dark);
}


.habbit-small-weekbox > span.disabled {
    font-size: 0.5rem;
    padding: 3px;
    border: 0.5px solid var(--newprimary);
}
.habbit-small-weekbox > span.active {
    font-size: 0.5rem;
    padding: 3px;
    font-weight: 600;
    background: var(--newprimary);
    border: 0.5px solid var(--newprimary);
}

.login-page, .register-page {
    background: #fdf4e3 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--newprimary) !important;
    color: #000 !important;
    border-color:transparent !important;
}
/* Training Session Page */
.text-sm .card-title {
    font-size: 1.3rem !important;
}
.card-trianing-unit .card-body {
    padding: 1.25rem 0.2rem;
    font-size: 0.8rem;
}
.main-entry-cell .set-counter {
    font-size: 0.8rem;
    font-weight: 600;
}
.main-entry-cell td.past-data {
    font-size: 1rem;
}
.main-entry-cell .column-extra-padding {
    padding-right: 1rem !important;
}


.main-entry-cell {
    padding: 0 !important;
}
.main-entry-cell input {
    max-width: 3rem;
    height: 2rem;
    font-size: 1rem;

}
.main-entry-cell .setcounter {
    font-size: 1rem;
    font-weight: 600;
    border-right: 1px solid #dee2e6;
}
.main-entry-cell th {
    padding: 0.2rem !important;
    vertical-align: middle;

}
.main-entry-cell td {
    padding: 0.1rem !important;
    vertical-align: middle;
}
.main-entry-cell th,
.main-entry-cell td{
    text-align: center;
}

tr:nth-child(even).today td.color {
    background-color: var(--newprimary);
}

.spread-calculator {
    text-decoration: underline;
}

.spread-calculator:hover {
    cursor: pointer;
}

.success-feedback {
    background: #a0ff9a;
    border: 1px solid white;
    color: black;
}

.touch-feedback {
    background-color: #000000 !important;
    color: #ffffff !important;
}

@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
    .main-entry-cell input, .main-entry-cell td.past-data {
        font-size: 1.4rem !important;
        padding: 0.2rem 0.3rem !important;
        width: 9%;
    }
    .main-entry-cell input {
        min-width: 5rem !important;
        padding: 0.1rem 0.4rem !important;
    }
}


.btn-primary {
    color: #293133;
    background-color: var(--newprimary);
    border-color: var(--newprimary);
    box-shadow: none
}

.btn-primary:hover {
    color: #293133;
    background-color: #90977b;
    border-color: #90977b;
}

.btn-primary.focus,.btn-primary:focus {
    color: #fff;
    background-color: var(--newprimary);
    border-color: var(--newprimary_dark);
    box-shadow: 0 0 0 0 rgba(237, 189, 155, 0.5)
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: var(--newprimary);
    border-color: var(--newprimary);
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--newprimary_dark);
    border-color: var(--newprimary_dark);
}

.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(237, 189, 155, 0.5)
}

.btn-outline-primary {
    color: rgba(41,49,51,1);
    border-color: var(--newprimary);
}

.btn-outline-primary:hover {
    background-color: transparent;
    color: rgba(41,49,51,1);
    border-color: #90977b;
}

.btn-outline-primary.focus,.btn-outline-primary:focus {
    box-shadow: 0 0 0 0 rgba(237, 189, 155, 0.5)
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    color: var(--newprimary);
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(0,123,255,.5)
}

.card-primary.card-outline {
    border-top: 3px solid var(--newprimary);
}
.card-primary:not(.card-outline)>.card-header {
    background-color: var(--newprimary);
}
a,.btn-link {
    color:var(--newprimary_dark);
}
.bg-primary {
    background-color: var(--newprimary) !important;
}
@media (max-width: 576px) {
   /* Mobile Only */
    .container.container-training-session {
        padding-left: 0px !important;
        padding-right: 0px !important;;
    }

    /* Mobile Only */
    .content-wrapper>.content {
        padding: 0rem !important;
    }
    .main-entry-cell input{
        font-size: 0.85rem !important;
        max-width: 2.3rem;
        padding: 1px 0.5px;
    }
}
@media only screen and (device-width: 768px) and (device-height: 1024px) {
    .main-entry-cell input {
        max-width: 3.5rem !important;
        height: 2.2rem !important;;
        font-size: 1.2rem !important;;
    }
}

@media only screen and (device-width: 1024px) and (device-height: 768px) {
     .main-entry-cell input {
        max-width: 3.5rem !important;;
        height: 2.2rem !important;;
        font-size: 1.2rem !important;;
    }
}


.unit-A1, .unit-A2, .unit-A3, .unit-A4, .unit-A5, .unit-A6, .unit-A7, .unit-A8, .unit-A9, .unit-A10
{
    border-left: 0.4rem solid #6c896b;
}
.unit-B1, .unit-B2, .unit-B3, .unit-B4, .unit-B5, .unit-B6, .unit-B7, .unit-B8, .unit-B9, .unit-B10
{
    border-left: 0.4rem solid #7c2b4c;
}
.unit-C1, .unit-C2, .unit-C3, .unit-C4, .unit-C5, .unit-C6, .unit-C7, .unit-C8, .unit-C9, .unit-C10
{
    border-left: 0.4rem solid #2e5b67;
}
.unit-D1, .unit-D2, .unit-D3, .unit-D4, .unit-D5, .unit-D6, .unit-D7, .unit-D8, .unit-D9, .unit-D10
{
    border-left: 0.4rem solid #887f43;
}
.unit-E1, .unit-E2, .unit-E3, .unit-E4, .unit-E5, .unit-E6, .unit-E7, .unit-E8, .unit-E9, .unit-E10
{
    border-left: 0.4rem solid #572c5b;
}

/* disbable number input spinners */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}


/* old training session layout */
.main-entry-cell table {
    margin: auto;
    width: 100%;
}

.main-entry-cell input.form-input {
    width: 72px !important;
}

.main-entry-cell td {
    text-align: center;
}

.unit-table td, .unit-table th {
    padding: .2rem .2rem;
}

.unit-table .form-input.input-lg {
    padding: .2rem .2rem;
}

td.main-entry-cell {
    border-bottom: 0 !important;
    padding: 0;
    width: 100%;
}

.text-large input {
    font-size: 1em !important;
    height: 2em !important;
}

.membership-deals b {
    font-weight: 900;
}

#dashboardTabs.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--newprimary_dark);
    color: white !important;
}
#dashboardTabs.nav-pills .nav-link:not(.active):hover {
    color: white;
    background-color: var(--newprimary_dark);
}
#dashboardTabs.nav-pills .nav-link {
    color: #212529;
    margin: 1px;
    border: 2px solid var(--newprimary_dark);
}

.accordion h3 {
    color: var(--newprimary_dark);
}

.alert-primary {
    background: var(--newprimary_dark);
}
.callout-primary {
    border-color: var(--newprimary_dark);
}