.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-icon{width:24px;color:var(--secondary-medium)}.main-container{display:grid;grid-template-areas:"sidebar navbar" "sidebar main-area";height:100vh;grid-template-columns:min-content auto;grid-template-rows:60px auto}.sidebar{grid-area:sidebar}.main-area{grid-area:main-area;padding:20px;background-position:center;background-size:cover;background-color:var(--primary-lightest)}.navbar{background-color:var(--secondary-lightest);height:60px;display:grid;grid-template-areas:"search company tour user";grid-template-columns:100px max-content min-content auto;position:relative;grid-area:navbar}.company{font-weight:700;color:var(--secondary-dark);align-items:center;display:flex}.companyContainer{display:flex;align-content:center;flex-direction:row;flex-wrap:wrap;grid-area:company;gap:5px}.companyContainer>div{min-width:400px}.search{grid-area:search;margin:10px;display:flex;overflow:hidden;align-content:center;justify-content:center}.tour{grid-area:tour;min-width:125px;display:flex;overflow:hidden;align-content:center;justify-content:left;margin-left:20px}.user-panel{grid-area:user;position:relative;display:grid;grid-template-areas:"ticket notification user";grid-template-columns:auto 100px 70px}.ticket{grid-area:ticket;margin-top:12px!important;height:35px;justify-self:right}.notification{grid-area:notification;border-right:1px solid var(--secondary-medium);right:10px;padding-right:20px}.user{grid-area:user}.user-logo{background-color:var(--ternary-light);color:var(--primary-lighter)}.user img{width:42px}.user-panel>button,.user-panel>div{margin:0;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.main-button{background-color:var(--primary-medium)}img{width:80px;object-fit:cover}