@import url("../Agile-Modern-Wide/styles.css");
@import url("//fonts.googleapis.com/icon?family=Material+Icons");
@import url(https://fonts.googleapis.com/css?family=Questrial&display=swap);
:root {
    --radius: 4px;
    --agl-green: #8bba47;
    --agl-bluepale: #a7b3be;
    --agl-bluedark: #26364a;
    --agl-bluedark2: #3E5163;
    --agl-bluelight: #23527c;
    --agl-bluelighter: #337ab7;
    --agl-bluebright: #3798d3;

    --epg-backcolor: white;
    --epg-textcolor: black;
    --epg-backimage: none;
    --epg-color1: #3E5163 !important;
    --epg-color1text: white !important;
    --epg-color2: #3E5163 !important;
    --epg-color2text: white !important;
    --epg-color3: #26364A !important;
    --epg-color3text: white !important;
}
* { font-family: Questrial, sans-serif; }
html { }
body { font-size: 14px/1.5; }

/*a:focus, .agl-epgbutton:focus { outline: 2px #389AFF dashed; }*/
a { text-decoration: none; color: var(--agl-bluelighter); }
a:hover { color: var(--agl-bluelight); }

.StandoutBlock {
    padding: 20px;
    border-radius: 20px!important;
    width: 90%;
    max-width: 600px;
    margin: auto;
    background-color: white;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);
    margin-top: 30px;
}
.agl-basketclock {
    width: 1325px;
    margin: auto;
}
.EpgHeaderLogoBox { left: 5px; max-height: 65px;  }
.agl-navigation-toggle-slide { left: 245px; border-width: 0px; display:none; }
.agl-epgbutton { border-radius: 4px!important; background-color: var(--agl-bluedark)!important; }
.agl-body { background-color: white!important; }
.agl-linkwrap { display:block; position: relative; }
.agl-mtype-leftsidebar .agl-navigation-main {
    height: 100%;
    width: 200px;
    position: fixed;
    z-index: 300;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.0s;
    background-color: var(--agl-bluedark2);
    border-top: solid 73px transparent;
}
.agl-iframed .agl-navigation-main { display: none; }

.agl-mtype-leftsidebar .agl-navigation-main li { border: solid 1px var(--agl-bluedark); }
.agl-mtype-leftsidebar .agl-navigation-main .LinkGroup li a { background-color: var(--agl-bluepale)!important; }
.agl-mtype-leftsidebar .agl-navigation-main a { color: white!important; display: block; text-decoration: none; opacity: .8; padding: 6px; padding-left: 12px; }
.agl-mtype-leftsidebar .agl-navigation-main a:hover { opacity: 1; border-right: solid 4px var(--agl-green); }
.agl-mtype-leftsidebar .agl-navigation-main li ul { display: none; }
.agl-mtype-leftsidebar .agl-navigation-main li.agl-clicked > a { border-right: solid 4px var(--agl-bluebright) !important; }
.agl-mtype-leftsidebar .agl-navigation-main li.agl-clicked ul { display: unset; }
.agl-navigation { background-color: white!important; min-height: 70px; }
.agl-navigation > a { position:unset; float: right; border-radius: 50%!important; margin: 18px 3px; width: 25px; height: 25px; padding: 5px 5px; background-color: var(--agl-bluelighter); font-size: 12px; text-align: center; }
.agl-navigation > a:hover { background-color: var(--agl-bluelight); }
.agl-footer { display: none; }
.agl-container { margin-top: 95px!important; min-height: calc(100vh - 95px); }
.agl-columnset { max-width: unset; }
.agl-login .agl-content { background-image: url(https://portal.agiletix.com/AgileBG2022.jpg); background-repeat: no-repeat; background-position: bottom right; }
.agl-header { font-size: 16px; position: fixed; top: 0px; left: 0px; height: 70px; width: 100%; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 50%); z-index: 1000; }
.agl-media-box, .agl-media-viewer img, .agl-sales-outlet .agl-media-links { display: none; }
.agl-media-viewer { height: unset; min-height: unset; max-height: unset; }
.agl-media-viewer .Name { position: relative; }
.agl-usernav { display: none; }
.agl-navigation-user { color: white; }
.agl-navigation-mobile-user > ul.agl-navigation-account { right: 52px; background-color: var(--agl-bluepale); position: absolute; top: 77px; right: 50px; z-index: 99; border-top: solid 0px white; box-shadow: 0px 2px 1px 1px black; overflow: hidden; }
.agl-navigation > ul > li > a { color: unset; }
.agl-navigation-mobile-user > ul.agl-navigation-account > li:first-child { border-top: solid 30px var(--agl-bluedark2); border-radius: 8px!important }
.agl-navigation-mobile-user > ul.agl-navigation-account:before {
    content: "";
    position: absolute;
    top: -11px;
    right: 15px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent var(--agl-bluedark) transparent;
}
.agl-userdashboard textarea { max-width: 90vw; }
.agl-orgname, .agl-usernamedisplay { font-size: 20px; left: 210px; top: 20px; font-weight: bold; position: absolute; color: var(--agl-bluedark)!important; z-index: 1; }
.agl-navigation-toggle span, .agl-navigation-cart span, .agl-navigation-user span { font-size: 23px; line-height: 26px; color: white; }
.agl-usernamedisplay { color: var(--agl-bluelight); left: unset; margin: 20px 6px; cursor: pointer; position:unset; float:right; text-transform: capitalize; }
.agl-navigation-user { right: 220px; }
.MyCalLink { display: none!important; }
@media (min-width: 768px) {
    .agl-content:not(.agl-iframed .agl-content) { padding-left: 220px; max-width: calc(100vw - 40px); }
    .agl-dateslideouter { max-width: calc(100vw - 260px); }
}
@media (max-width: 767px) {
    .agl-navigation-main { display: none; }
    .agl-navigation-main.agl-open { display: block; width: 100%; border-top-width: 55px; }
    .agl-orgname { left: 110px; top: 13px; font-size: 12px; max-width: 200px; white-space: nowrap; overflow: hidden; }
    .agl-usernamedisplay { display:none; }
    .EpgHeaderLogo, .EpgHeaderLogoAbs { left: 0px!important; max-height: 38px; margin-top: 2px; }
    .agl-navigation > a { border-radius: 50%!important; margin: 3px; width: 25px; height: 25px; padding: 5px 5px; background-color: #3798d3; font-size: 12px; text-align: center; }
    .agl-navigation-toggle-slide { display:unset; left:unset; right: 0px; }
    .agl-navigation-user { right: 90px; }
    .agl-navigation-mobile-user > ul.agl-navigation-account { top: 5px; right: 83px; }
    .agl-navigation-cart { right: 45px; }
    .agl-navigation-userinitial span { display: block; color: white; font-size: 25px; line-height: 25px; }
    .agl-container { margin-top: 45px!important; min-height: calc(100vh - 45px); }
    .agl-navigation { height: 42px; min-height:unset; }
    .agl-header { font-size: 16px; position: fixed; top: 0px; left: 0px; height: 42px; width: 100%; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 50%); z-index: 1000; }
}