@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto+Condensed:300,400,700");.iad-loading{position:absolute;left:50%;top:50%;background-repeat:no-repeat}.iad-loading-ctn{background-image:url("/assets/logo.png");background-repeat:no-repeat;width:171px;height:121px;transform:translate(calc(-50% + 171px / 5), calc(-50% + 121px / 2));padding-top:100px;display:flex;justify-content:center;align-items:center}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iad-loading-ctn{background-image:url("/assets/logo@2x.png");background-size:171px 121px}}.iad-loading-ctn-loader{border:3px solid #b8b8ba;border-top:2px solid #6d6f70;border-radius:50%;width:15px;height:15px;animation:spin 2s linear infinite}.iad-loading-ctn-label{margin-left:5px;font-size:14px;font-weight:bold;color:#5e6474;font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}html,body{height:100%;margin:0}.app-shell{display:grid;height:100%;grid-template-areas:"header header" "menu main";grid-template-rows:55px 100%;grid-template-columns:230px auto}@media screen and (max-width: 620px){.app-shell{grid-template-columns:100% auto}}.app-shell .topbar{grid-area:header;background-color:#00648e;box-shadow:0 1px 4px rgba(0,0,0,0.3);display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width: 620px){.app-shell .topbar .searchbar{display:none}.app-shell .topbar :nth-child(3){clear:both}}.app-shell .topbar .burger{float:left;margin:10px 10px 0 15px;width:30px;height:30px;border-radius:50px;background:linear-gradient(270deg, #8f9091, #efefef) 0% 0%/200% 200%;animation:loading 2s ease 0s infinite normal none running}.app-shell .topbar .iad-logo{float:left;cursor:pointer;font-size:13px;font-weight:400;width:100px;height:55px;margin-top:14px;margin-left:23px;background-repeat:no-repeat;background-position:0 0;background-image:url("/assets/playiad-topbar-logo.png")}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.app-shell .topbar .iad-logo{background-image:url("/assets/playiad-topbar-logo@2x.png");background-size:75px 29px}}.app-shell .topbar .icon{float:right;margin:8px 12px;width:38px;height:38px;border-radius:50px;background:linear-gradient(270deg, #8f9091, #efefef) 0% 0%/200% 200%;animation:loading 2s ease 0s infinite normal none running}.app-shell .topbar .icon-square{float:right;margin-top:10px;margin-left:12px;margin-right:12px;width:34px;height:34px;border-radius:3px;background:linear-gradient(270deg, #8f9091, #efefef) 0% 0%/200% 200%;animation:loading 2s ease 0s infinite normal none running}.app-shell .searchbar{width:355px;height:40px;border-radius:4px;background:linear-gradient(270deg, #8f9091, #efefef) 0% 0%/200% 200%;animation:loading 2s ease 0s infinite normal none running;float:right;margin-right:12px;margin-top:7px}.app-shell .menu{grid-area:menu;background-color:#ffffff;padding-top:20px;border-right:1px solid rgba(0,0,0,0.12)}@media screen and (max-width: 620px){.app-shell .menu{display:none}}.app-shell .menu .avatar{margin:30px auto 20px;width:80px;height:80px;border-radius:50px;background:linear-gradient(270deg, #8f9091, #efefef) 0% 0%/200% 200%;animation:loading 2s ease 0s infinite normal none running}.app-shell .menu .name{margin:auto;width:100px;height:18px;border-radius:4px;background:linear-gradient(270deg, #8f9091, #efefef) 0% 0%/200% 200%;animation:loading 2s ease 0s infinite normal none running}.app-shell .menu .job{margin:5px auto;width:60px;height:18px;border-radius:4px;background:linear-gradient(270deg, #8f9091, #efefef) 0% 0%/200% 200%;animation:loading 2s ease 0s infinite normal none running}.app-shell .menu .divider{margin-top:20px;border-bottom:1px solid #516e71}.app-shell .menu .menu-item{display:flex;width:220px;padding:14px 20px}.app-shell .menu .menu-item .icon{width:20px;height:20px;border-radius:50px;background:linear-gradient(270deg, #8f9091, #efefef) 0% 0%/200% 200%;animation:loading 2s ease 0s infinite normal none running}.app-shell .menu .menu-item .link{margin-left:20px;width:140px;height:20px;border-radius:4px;background:linear-gradient(270deg, #8f9091, #efefef) 0% 0%/200% 200%;animation:loading 2s ease 0s infinite normal none running}.app-shell .content{height:100%;background:#fbfbfb;position:relative}.app-shell .content .iad-loading-ctn{padding-top:150px;margin-left:10px}@media screen and (max-width: 620px){.app-shell .content .iad-loading-ctn{margin-left:-60px}}.app-shell .content .iad-loading{position:absolute;left:calc(50% - 85px);top:calc(50% - 80px);width:170px;height:120px;background-repeat:no-repeat;background-image:url("/assets/logo.png");background-size:contain}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.app-shell .content .iad-loading{background-image:url("/assets/logo@2x.png");background-size:170px 120px}}.app-shell .content .iad-loading-text{display:flex;justify-content:center;align-items:center;position:absolute;bottom:-40px;left:0;right:0}.app-shell .content .iad-loading-text-loader{border:3px solid #b8b8ba;border-top:2px solid #6d6f70;border-radius:50%;width:15px;height:15px;animation:spin 2s linear infinite}.app-shell .content .iad-loading-text-label{margin-left:5px;font-size:14px;font-weight:bold;color:#5e6474;font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif}@keyframes loading{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
