.schedule-error         { background: #f9c0c0; padding: 5px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.2); margin: 8px 0;}
.schedule-error button  { background: transparent; border: 0 none; float: right; }

.schedule-page h1,
.schedule-page h2,
.schedule-page h3                                                       { color : var(--color2-text); }
.schedule-page h3                                                       { font-size: 1.1rem; font-weight: 600;}
.schedule-page > div > main > p.clear:nth-child(3)                      { margin-left: 16px; padding-top: 12px;}
.schedule-page > div > main > p.clear:nth-child(4)                      { margin-left: 16px;  font-size: 1.1rem}

.schedule-header                                                        { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-end; padding: 0px; }
.schedule-header > aside                                                { flex: 1 1 auto; text-align: right; }
.schedule-header > aside > p                                            {margin: 2.5rem 0 calc(2.5rem + 10px) 0;}
.schedule-header > aside > strong > a > span                            { font-family: sans-serif; color: #a70332; font-size: 1.4rem; }
.schedule-header > aside > strong > a > span > span                     { color: #000; margin-left: -4px; }
.schedule-header > aside > strong > a > span > i                        { font-size: 21px; color: #a70332; }
.schedule-header > aside > strong > a:nth-child(2)> i                   { font-size: 21px; color: #a70332; }

.schedule h2                                                            { clear: both}
.schedule .bar ul.filter > li > ul > li > ul > li.selected                  { background: #a70332; box-shadow: 0 0 0 0.5px #a70332 inset;}
.schedule .bar ul.filter > li > ul > li > ul > li.selected a                { color: #ffffff;}
.schedule > .group > div .is-hidden                                     { display: none!important;}
.schedule  div > table > tbody > tr > th                                { text-align: left; border-bottom: 2px solid white; border-left: 2px solid white; margin: 0; padding: 4px; white-space: normal; text-align: left; background-color: #ddeeec;}
.schedule  div > table > tbody > tr > td:nth-child(1)                   { text-align: center}


.schedule > .group  { border-top: 1px solid var(--color1-150);border-bottom: 1px solid var(--color1-150); padding-bottom: 1rem; margin-top: 1rem;}
.schedule > .group div.tipo > table > caption,
.schedule > .group div.tipo > table > caption                             { font-weight: 600; margin-top: 0.8rem; color: #a70332; font-size: 1.1rem; padding-bottom: 6px;text-align: left;}
.schedule > .group div.tipo > table                                       { width: 100%;}
.schedule > .group div.tipo > table  th:first-child                       { width: 40px;}

.schedule > .group > #completo div.tipo                                { display: flow-root;}
.schedule > .group > #completo div.tipo .tit                           { cursor: pointer;  margin: 3px 0;  display: inline-block; border: none; background-color: var(--bg-color); font-size: initial;text-align: left;}
.schedule > .group > #completo > div > div > div > a,
.schedule > .group > #completo div.tipo > ul > li > div > a ,
.schedule > .group > #completo > ul > li > div > a                     { color: #a70332; font-size: 18px; margin: 4px 0px 0px 0px !important;}
.schedule > .group > #completo > div > div > div > a, 
.schedule > .group > #completo div.tipo > ul > li > div > a:first-child,
.schedule > .group > #completo > ul > li > div > a:first-child         { margin-left: 15px !important;}
.schedule > .group > #completo > div > div > div > a:after,
.schedule > .group > #completo div.tipo > ul > li > div > a:after,
.schedule > .group > #completo > ul > li > div > a:after               { content: "T"; position: relative; bottom: -1px; right: 8px; background: #fff; font-size: 8px; font-family: Verdana; padding: 2px; border: 0 none;}
.schedule > .group > #completo > div > div > a,
.schedule > .group > #completo div.tipo > ul > li > a,
.schedule > .group > #completo > ul > li > a                           { cursor: pointer;color: rgb(69, 126, 118); padding: 3px 0; display: inline-block; }
.schedule > .group > #completo div.tipo > ul > li > ul > li > span,
.schedule > .group > #completo > ul > li > ul > li > span              { font-weight: bold; padding-left: 5px;}
.schedule > .group > #completo div.tipo > ul table
.schedule > .group > #completo > ul table                              { margin: 6px 0 0 12px;}

.schedule > .group > #completo     { clear: both;}
.schedule > .group > #completo .left-side    { float: left; width: calc(50% - 5px); margin-left: 5px; }
.schedule > .group > #completo .right-side   { float: right; width: calc(50% - 20px); margin-left: 20px; }


.schedule .searcher     { position: relative; }

.schedule>.bar>.group                     { margin: 1rem 0rem;}
.schedule>.bar.customBar                  { align-items:center;}
.schedule>.bar form.filter                { display: flex; gap: 0.7rem; align-items: center;}
.schedule>.bar form.filter>button         { background: var(--color1-100); border: 1px solid var(--color1-100); font-size: 1rem; color: var(--bg-color); margin: 0; padding: 0; align-items: center; height: 30px; line-height: 30px; box-sizing: border-box; cursor: pointer}
.schedule>.bar form.filter>select         { background: var(--bg-color); border: 1px solid var(--color1-100); font-size: 1rem; margin: 0; padding: 0; display: inline-flex; flex: 37px; align-items: center; height: 30px; line-height: 30px; box-sizing: border-box; justify-content: center; }
.schedule>.bar .filtersearch .searcher>input                                { height: 29px; width: 100%; padding-right: 22px; border: 1px solid #767676;}
.schedule>.bar .filtersearch .searcher>input+i                              { width: 0%;    right: 20px;    top: 8px;    position: absolute;}
.schedule>.bar .filtersearch                        {  flex-grow: 1; } 

.schedule table                                                         { border-collapse: separate; border-spacing: 2px; border-color: grey; width: 100%; }
.schedule table th                                                      { padding: 4px 4px; background-color: #ddeeec; }
.schedule table th:first-child                                          { text-align: center; }
.schedule table td                                                      { border-bottom: 2px solid white; border-left: 2px solid white; margin: 0; padding: 4px; white-space: normal;}
ul.columns table                                                        { width: 100%; }

.schedule table tbody tr:nth-of-type(even)                              { background-color: #f9f9f9; }

.schedule table td p                                                    { margin: 0; }
.diezcarne                                                              { background-color: #eef2f8; font-weight: bold; }
.schedule-error                                                         { display: none !important; }
.schedule .empty-message                                                { display: none; }
.schedule .empty .empty-message                                       { color: var(--color2-text); font-weight: bold; display: block; }
.schedule .empty .empty-message span                                  { color: var(--text-color); }

.schedule .toggle-container {        
     transition: none;
}

@media (max-width: 600px) {
    .schedule > .group > div > div > div:nth-child(2),
    .schedule > .group > div > div:nth-child(3)                         { width: 100%;margin-bottom: 0;}
    .schedule > .group > div > div > div:nth-child(3),
    .schedule > .group > div > div:nth-child(4)                         { width: 100%; float: left; margin-top: 0; margin-bottom: 10px; border-top: 0 none;}
    .schedule > .group > div > div > div:nth-child(3)>ul,
    .schedule > .group > div > div:nth-child(4)>ul                      { margin-top: 0 !important;}
    .schedule > .group > #completo div.tipo > ul,
    .schedule > .group > #completo > ul ,
    .schedule > .group > #completo div.tipo > ul table
    .schedule > .group > #completo > ul table                           { width: calc(100% - 5px); margin-left: 5px;}

    .schedule .bar                                                     { margin: 0rem;}
    .schedule .bar ul.filter > li > ul                                      { grid-template-columns: 100%;}
    .schedule .bar ul.filter > li > ul > li > a                             { border-top: 1px solid #457e76; border-left: 0 none !important;}
    .schedule .bar ul.filter > li > ul > li:nth-child(2)                    { order: 3;   } 
    .schedule .bar ul.filter > li:nth-child(1) > ul > li.current form       {gap: 5px;}
    .schedule-header                                                    { flex-flow: column; justify-content: center; align-items: center; gap: 10px; }
    .schedule-header > aside                                            { text-align: center; }
    .schedule-header > aside > p                                        {margin: 0.5rem 0rem}
    .schedule>.bar>.group                                               {margin: 0.5rem 0rem;}
}