@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
:root{
    --main-color:#895B75;
    --secondary-color:#F9F4EA;
    --third-color:#596269;
}

body {font-family: 'Manrope', sans-serif; background-color:var(--secondary-color); }

.outside{ background-color:var(--main-color)}

header{background:var(--main-color) !important}
a, a:hover{color: var(--main-color);}

.txt-main{color: var(--main-color);}
.bg-main{background-color:var(--main-color);}
.bg-primary{ background-color:var(--main-color) !important}
.btn-main{ background:var(--main-color); color:#FFF}
.btn-reformery-secondary{ background:#bbc5b1}
#container a{ color:var(--main-color); text-decoration:none}
.box:hover{ background: #9AA39B; cursor: pointer;}


.calendar-column{
    width:14.2857142857%
}
.calendar-column h4 {
    font-size: calc(.7rem + .4vw);
}
.calendar-column p {
    font-size: calc(.5rem + .4vw);
}


header{background:#212529}
.calendar-column{padding:10px}
.calendar-day{border:1px solid #000 !important; border-radius:2px !important; margin:10px 0;     padding-left:0 !important;
    padding-right:0 !important}
.calendar-day:hover{ background: #9AA39B; border-color:#9AA39B !important; cursor: pointer;}
.table-data{font-size:.8rem}
p.calendar-trainer{
    font-size:1rem;
    font-weight:800; margin:0
}
p.calendar-classType{
    font-size:0.7rem; margin:0
}
p.no-classes{
    -webkit-text-size-adjust: 100%;
    --page-title-display: none;
    -webkit-font-smoothing: antialiased;
    --e-global-color-primary: #6EC1E4;
    --e-global-color-secondary: #54595F;
    --e-global-color-text: #7A7A7A;
    --e-global-color-accent: #61CE70;
    --e-global-color-7ee9dec: #F9F4EA;
    --e-global-color-a3c0a25: var(--main-color);
    --e-global-color-8e67cca: #1B2D27;
    --e-global-color-40f4c0d: #9BA39B;
    --e-global-color-cb611c0: #7D8E7D;
    --e-global-typography-primary-font-family: "Roboto";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Roboto Slab";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Roboto";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Roboto";
    --e-global-typography-accent-font-weight: 500;
    hyphens: manual;
    --e-price-table-header-background-color: var( --e-global-color-7ee9dec );
    -webkit-box-direction: normal;
    font-family: "Manrope", Sans-serif;
    font-weight: 500;
    font-style: italic;
    font-size: 16px;
    box-sizing: border-box;
    line-height: .8;
    color: var( --e-global-color-a3c0a25 );
}

.table-resume{font-size:13px}
@media only screen and (max-width: 600px) {
    .calendar-column{padding:2px;}
    div.calendar-day{ margin:4px 0; height:70px}
    div.calendar-date{ font-size:.80rem}
    p.calendar-trainer{font-size:.60rem; word-break: break-all;}
    p.no-classes{font-size:.70rem}
    p.calendar-classType{font-size:.60rem; margin:0}
    p.calendar-classTime{font-size:.60rem; margin:0}
    .table-resume{font-size:11px}
}

@media only screen and (max-width: 380px) {
    .calendar-subtitle{font-size:.9rem; line-height:1.8rem}
    .calendar-column{padding:3px;}
    div.calendar-day{ margin:4px 0; height:70px}
    div.calendar-date{ font-size:.55rem}
    p.calendar-trainer{font-size:.35rem; word-break: break-all;}
    p.no-classes{font-size:.50rem}
    p.calendar-classType{
        font-size:0.35rem; margin:0
    }
    p.calendar-classTime{
        font-size:0.35rem; margin:0
    }
    p.calendar-enrollment{
        font-size:0.35rem; margin:0
    }
    .table-resume{font-size:11px}

}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
    padding:10px;
}
.submit-sending{display:none}

.login-box{
    width:350px; background-color:#ffffff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}

.input-main{
    width:200px;border:1px solid #1E4A39;border-radius:4px;padding:10px
}
.btn-main{
    width:200px;
    border:1px solid var(--secondary-color);
    border-radius:4px;padding:10px;
    background:var(--main-color);
    color:#FFF;
    font-size:20px; text-decoration:none
}
.btn-main:hover{
    color:#FFF;
    opacity: 0.9;
}

.navbar-custom {
    background-color: var(--main-color);
    border-bottom: 1px solid #dee2e6;
    padding: 0 0;
}

.user-dropdown {
    position: relative;
}

.user-info {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #333;
    padding: 8px 12px;
    border-radius: 8px;
    transition: background-color 0.2s;
}

.nav-link {
    border-radius: 8px;
    transition: background-color 0.2s;
    color: white
}
.nav-link a {
    color: white
}
.user-info:hover, .nav-link:hover, .nav-link:focus {
    background-color: #e9ecef;
}
.user-info:hover h6 {
    color: black
}

.nav-link:hover {
    color:#6c757d !important
}
.user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 12px;
    object-fit: cover;
}

.user-details h6 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #e9ecef;
}

.user-details small {
    color: #6c757d;
    font-size: 14px;
}

.chevron-down {
    margin-left: 12px;
    color: #6c757d;
    font-size: 12px;
}

.dropdown-menu {
    border: 1px solid #dee2e6;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
.navbar-brand img {
    width:100px !important
}

.navbar-menu-icon{
    color: white
}