*{margin:0;border:0;padding:0;line-height:1.2em;font-family:'Open Sans',Arial, Helvetica, sans-serif;box-sizing:border-box;-webkit-text-size-adjust:none;}
input, select, textarea{position:relative;top:0;left:0;line-height:2em;padding:0 0.3em;border-radius:0.2em;background:#ffffff;box-shadow:0 0 0 0.25rem #ffffff, 0 0 0.5rem inset #0A2756;vertical-align: baseline;}
a, a:visited{color:#0080FF;}
input:focus, select:focus, textarea:focus{box-shadow:0 0 0.6rem #000000, 0 0 0.5rem inset #0A2756;z-index:1;}
button{line-height:2em;padding:0 0.3em;border-radius:0.2em;box-shadow:0 0 0 0.25rem #ffffff, 0 0 0.5rem inset #0A2756;}
button:focus, button:hover{box-shadow:0 0 0.6rem #000000, 0 0 0.5rem inset #0A2756;}

html, body{/*font-size:calc(100vw / 1600);*/font-size:6px;height:100%;min-height:100%!important;position:relative;top:0;left:0;width:100%;color:#313131;}

#container{position:relative;top:0;left:0;width:100%;height:100%;min-height:100%!important;font-size:2rem;margin:0 auto;}

#container>header{position:relative;top:0;left:0;display:block;width:100%;height:6rem;line-height:6rem;font-weight:900;padding:0 2rem;box-shadow:0 0 0.25rem #0A2756;background:#e1e1e1;z-index:2;}
#container>header h1{position:relative;top:0;left:0;height:6rem;line-height:6rem;font-weight:normal;text-transform:uppercase;font-size:1.8em;}
#container>header h1 span{position:relative;display:inline-block;margin-left:0.4em;top:-0.12em;color:#0080FF;text-shadow:0.2rem 0.2rem 0.2rem #313131, -0.2rem -0.2rem 0.2rem #fff;}
#container>header h1 .logo{position:relative;display:inline-block;height:80%;width:auto;top:0;left:0;vertical-align:middle;}
#container>header #logout{position:absolute;font-size:1.5em;padding:0.3em;line-height:0.75em;top:0.3em;right:0.3em;text-decoration:none;box-shadow:0 0 0.25rem #313131;border-radius:0.5rem;}
#container>header #logout:hover{color:#0A2756;box-shadow:0 0 0.5rem #313131;}

#container>#message{position:fixed;bottom:1em;right:1em;line-height:1.2em;font-size:2.5rem;padding:1.5em;color:#ffffff;background:#313131;border:0.333em solid green;border-radius:0.333em;z-index:3;box-shadow:0 0 0.1em#313131;font-weight:900;}
#container>#warning{position:fixed;bottom:1em;right:1em;line-height:1.2em;font-size:2.5rem;padding:1.5em;color:#ffffff;background:#313131;border:0.333em solid orange;border-radius:0.333em;z-index:3;box-shadow:0 0 0.1em#313131;font-weight:900;}
#container>#error{position:fixed;bottom:1em;right:1em;line-height:1.2em;font-size:2.5rem;padding:1.5em;color:#ffffff;background:#313131;border:0.333em solid red;border-radius:0.333em;z-index:3;box-shadow:0 0 0.1em#313131;font-weight:900;}

#container>main{position:relative;top:0;left:0;display:block;width:100%;height:calc(100% - 12rem);min-height:calc(100% - 12rem);}
#container>main form#login-form{width:50em;height:16em;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background:#e1e1e1;box-shadow:0 0 0.6rem #000000;color:#fff;padding:1em;}
#container>main form#login-form input{width:100%;font-size:2em;margin-bottom:0.5em;}
#container>main form#login-form button{width:50%;font-size:2em;margin-left:25%;cursor:pointer;}
#container>main form#login-form label .fa {position:absolute;right:1em;margin-top:0.5em;top:inherit;color:#313131;font-size:2em;}

#container>main #leftnav{position:relative;top:0;left:0;float:left;font-size:0rem;padding:0rem;width:20rem;box-shadow:0 0 0.25rem #0A2756;height:100%;min-height:100%;z-index:1;}
#container>main #leftnav.reducted{width:6rem;}
#container>main #leftnav a{display:block;font-size:2rem;text-decoration:none;padding:1rem;margin:0em;width:100%;border-bottom:0.25rem solid #CECECE;line-height:4rem;overflow:hidden;}
#container>main #leftnav a:active, #container>main #leftnav a.active, #container>main #leftnav a:hover{color:#0A2756;background:#e1e1e1;/*box-shadow:0 0 0.25rem #0A2756 inset;*/width:100%;text-shadow:0.05rem 0.05rem 0 #f1f1f1, -0.05rem -0.05rem 0 #313131;}
#container>main #leftnav.reducted a{color:transparent;text-shadow:none;line-height:4rem;overflow:hidden;white-space:nowrap;}
#container>main #leftnav a i.fa{margin-right:0.5em;font-size:2rem!important;display:inline-block;text-align:center;box-shadow:0 0 0.5rem #000000;padding:0;width:4rem;height:4rem;line-height:4rem;}
#container>main #leftnav.reducted a i.fa{margin-right:0em;color:#0080FF;}
#container>main #leftnav #toggle-leftnav{position:absolute;font-size:3rem;bottom:1.2rem;right:0.6rem;width:5rem;height:5rem;line-height:5rem;cursor:pointer;text-align:center;box-shadow:0 0 0.25rem #313131;border-radius:0.5rem;color:#0080FF;}
#container>main #leftnav #toggle-leftnav:hover{color:#0A2756;box-shadow:0 0 0.5rem #313131;}
#container>main #leftnav.reducted #toggle-leftnav{right:0;left:0;margin-left:auto;margin-right:auto;}

#container>main .panel{position:relative;top:0;left:0;float:left;width:0rem;transition:all ease 0.3s;height:100%;min-height:100%;background:#ffffff;padding:2rem;overflow-x:hidden;}
#container>main .panel > * {opacity:0;}
#container>main .panel > *.back{position:sticky;opacity:1;top:4rem;right:4rem;left:4rem;width:8rem;height:8rem;line-height:8rem;font-size:2em;border-radius:100%;background:#FFB32C;color:#ffffff;cursor:pointer;text-align:center;z-index:1;}
#container>main .panel > *.back:hover{box-shadow:0 0 0.25rem #ffffff;}
#container>main .panel > *.write-delete{position: absolute;right:13.32rem;top:6rem;}
#container>main .panel > *.confirm{position:absolute;opacity:0;top:4rem;right:4rem;width:8rem;height:8rem;line-height:8rem;font-size:2em;border-radius:100%;background:green;color:#ffffff;cursor:pointer;text-align:center;z-index:1;}
#container>main .panel > *.confirm.deletable{background:red;}
#container>main .panel > *.confirm.disabled, #container>main .panel > *.confirm.deletable.disabled{background:#696969;cursor:default;}
#container>main .panel > *.new{position:absolute;opacity:1;top:4rem;right:4rem;width:8rem;height:8rem;line-height:8rem;font-size:2em;border-radius:100%;background:green;color:#ffffff;cursor:pointer;text-align:center;z-index:1;}
#container>main .panel > *.merge{position:absolute;opacity:1;top:4rem;right:14rem;width:8rem;height:8rem;line-height:8rem;font-size:2em;border-radius:100%;background:green;color:#ffffff;cursor:pointer;text-align:center;z-index:1;}
#container>main .panel:not(:first-child):last-child{width:calc(100% - 20rem);transition:none;}
#container>main .panel:not(:first-child):not(:last-child){width:0;padding:0;transition:none;}
#container>main .panel:not(:last-child) > *.merge{visibility:hidden;}

#container>main #leftnav.reducted + .panel:nth-child(2):last-child{width:calc(100% - 6rem);}
#container>main .panel:nth-child(2):last-child > * {opacity:1;}
#container>main .panel:nth-child(2):last-child > *.back{visibility:hidden;opacity:0;display:none;}
#container>main .panel h2{margin:4rem 0 4rem 2.8rem;}
#container>main .panel h2 .filters{display:inline-block;margin-left:2em;}
#container>main .panel .list{position:relative;top:0;left:0;margin:1em 0; padding:1em;width:100%;box-shadow:0 0 0.25rem #0A2756;}
#container>main .panel .list.widgets{box-shadow:none;margin:0;padding:0;}
#container>main .panel .list .item{position:relative;top:0;left:0;width:100%;display:table;border-collapse:collapse;border-spacing:0;background:#f1f1f1;padding:0 1em;
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Opera and Firefox */
  }
#container>main .panel .list .item:nth-child(2n){background:#ffffff;}
#container>main .panel .list .item:hover{/*background:#0A2756;color:#ffffff;*/color:#000000;box-shadow:0 0 0.25rem #0A2756;z-index:1;}
#container>main .panel .list .item:hover>div{/*color:#ffffff;*/text-shadow:/*0 0 0 #000000, */0 0 0.0.25rem #696969;}
#container>main .panel .list .item>div{position:relative;top:0;left:0;display:table-cell;line-height:3em;height:auto;padding:0 0.5em;width:22%;min-width:22%;max-width:22%;}
#container>main .panel .list .item>div.status, #container>main .panel .list .item>div.edit, #container>main .panel .list .item>div.clone, #container>main .panel .list .item>div.delete{text-align:center;cursor:pointer;transition:all ease 0.3s;min-width:0%!important;width:2%;}
#container>main .panel .list .item>div.status{width:4%;color:#31AF31;}
#container>main .panel .list .item>div.status.off{color:#FFB32C;}
#container>main .panel .list .item>div.edit:hover, #container>main .panel .list .item>div.clone:hover, #container>main .panel .list .item>div.delete:hover{color:#0080FF;}
#container>main .panel .list .item>div.runs span{background:green;color:#fff;line-height:2em;display:inline-block;padding:0 0.5em;border-radius:0.3em;box-shadow:0 0 0.25rem #313131;cursor:pointer;font-weight:900;}
#container>main .panel .list .item>div.runs span:hover{box-shadow:0 0 0.5rem #313131;}
#container>main .panel .list .item>div.runs span.running{animation:blinker 2s linear infinite;cursor:default;pointer-events:none;}
#container>main .panel .list .item>div.runs span.disabled{cursor:default;background:#969696;}

/* Chart Box */
#container>main .panel .list div.widget{display:inline-block;box-shadow:0 0 0.3em #313131; margin:1em 1em 1em 1em;vertical-align:top;}
#container>main .panel .list div.widget[scale="0.333"] [id^="chartbox-"]{transform:scale(0.333);transform-origin:top left;transform-box:border-box;}

#container>main .panel table.list .head{display:table-row;height:3em;text-align:left;}
#container>main .panel table.list .head th{background:#4D6A99;color:#ffffff;padding:0 0.3em;}
#container>main .panel table.list .item{display:table-row;height:3em;}
#container>main .panel table.list .item td{padding:0 0.3em;text-align:left;}
#container>main .panel table.list .item td.merge{text-align:center;cursor:pointer;}
#container>main .panel table.list .item td.numeric{text-align:right;}
#container>main .panel table.list .item td.button{cursor:pointer;text-align:center;}
#container>main .panel table.list .item td.button.not_set_for_dashboard{color:#FFB32C;}
#container>main .panel table.list .item td.button.view_in_dashboard{color:#31AF31;}
#container>main .panel table.list .item td.button:hover{color:#0080FF;}
#container>main .panel table.list .item .base_interval_size::before, #container>main .panel table.list.analyses .item.analysis .live_interval_size::before{display:inline-block;width:1em;text-align:center;content:'·';color:#0080FF;}
#container>main .panel table.list .item.running td{color:#FFB32C;}

#container>main .panel table.list .item td.merge > i{font-size:1.4em;display:inline-block;width:100%;min-width:1em;text-align:center;}
#container>main .panel table.list .item td.merge > i.red{color:#ff3300;}
#container>main .panel table.list.analyses .item.analysis.selected{background:#FFB32C;}

#container>main .panel.add-new .disclaimer, #container>main .panel.add-new .warnings{margin:1.5em 18rem 1.5em 18rem;background:#0080FF;padding:1em;border:0.3em solid #FFB32C;border-radius:0.3em;box-shadow:0 0 0.3em #313131;color:#ffffff;}
#container>main .panel.add-new .disclaimer a, #container>main .panel.add-new .warnings a{color:#FFB32C;}
#container>main .panel.add-new .new-item .analysis.mediaplans select{width:calc(100% - 66rem);}
#container>main .panel.add-new .new-item .analysis.mediaplans select + div#delete-media-plan{width: 5rem;height: 5rem;margin-left:1rem;display: inline-block;border-radius: 100%;background:#ff3300;color: #ffffff;vertical-align: middle;line-height: 5rem;text-align: center;cursor: pointer;}
#container>main .panel.add-new .new-item .analysis.mediaplans select + div#delete-media-plan:hover{box-shadow:0 0 0.1em #313131;}
#container>main .panel.add-new .new-item .analysis.mediaplans select + div#delete-media-plan.disabled{background: #454545;cursor:default;}
#container>main .panel.add-new .new-item .analysis.mediaplans select + div + div#new-media-plan{width: 5rem;height: 5rem;margin-left:1rem;display: inline-block;border-radius: 100%;background: green;color: #ffffff;vertical-align: middle;line-height: 5rem;text-align: center;cursor: pointer;}
#container>main .panel.add-new .new-item .analysis.mediaplans select + div + div#new-media-plan:hover{box-shadow:0 0 0.1em #313131;}
#container>main .panel.add-new .new-item .data-preview .data-container {width:calc(100% - 54rem);display:inline-block;}
#container>main .panel.add-new .new-item .data-preview .data-container .data-item{margin:0.5em 0 0 0;}
#container>main .panel.add-new .new-item .data-preview .data-container .data-item span.label{font-weight:900;color:#0080FF;}
#container>main .panel.add-new .new-item .data-preview .data-container .data-item span.label.wrong{font-weight:900;color:#ff3300;}
#container>main .panel.add-new .new-item .website select, #container>main .panel.add-new .new-item .website input{width:calc(100% - 60rem);}

#container>main .panel.add-new .new-item .website .fa {width:2em;height:2em;display:inline-block;vertical-align:top;line-height:2em;text-align:center;cursor:pointer;}
#container>main .panel.add-new .new-item .website .fa.fa-edit{color:#31AF31;}
#container>main .panel.add-new .new-item .website .fa.fa-times{color:#ff3300;}

#container>main .panel.add-new .new-item .wrong-field label{color:#ff3300;}

#container>main .panel:nth-child(2):not(:last-child){width:16rem;background:#0A2756;overflow-y:hidden;}
#container>main .panel:nth-child(2):not(:last-child) > *.new{display:none;}
#container>main .panel:nth-child(n+3){box-shadow:-0.25rem 0 0.25rem #0080FF;}
#container>main .panel:nth-child(n+3):last-child{width:calc(100% - 36rem);}
#container>main #leftnav.reducted + .panel + .panel:nth-child(n+3):last-child{width:calc(100% - 22rem);}
#container>main .panel:nth-child(n+3):last-child > * {opacity:1;}
#container>main .panel:nth-child(n+3):last-child > *.confirm{opacity:1;display:block;}
#container>main .panel:nth-child(n+3):last-child > *.confirm:hover{box-shadow:0 0 0.25rem #0A2756;}
#container>main .panel:nth-child(n+3):last-child > *.new{opacity:0;display:none;}

#container>main .panel.add-new .new-item{margin:1.5em;}
#container>main .panel.add-new .new-item>*{font-size:1.5em;}
#container>main .panel.add-new .new-item label{display:inline-block;position:relative;top:0;left:0;width:36rem;text-align:right;padding-right:1em;vertical-align:top;line-height:2em;}
#container>main .panel.add-new .new-item label+span.toggler{line-height:2em;cursor:pointer;}
#container>main .panel.add-new .new-item label+span.toggler .fa{transition:all ease 0.5s;}
#container>main .panel.add-new .new-item label+span.toggler .fa.fa-toggle-on{color:#31AF31;}
#container>main .panel.add-new .new-item label+span.toggler .fa.fa-toggle-off{color:#FFB32C;}
#container>main .panel.add-new .new-item input, #container>main .panel.add-new .new-item select{width:calc(100% - 54rem);padding:0 0.3em;font-size:1em;height:2em;line-height:2em;}
#container>main .panel.add-new .new-item textarea{width:calc(100% - 54rem);padding:0 0.4em;font-size:0.8em;min-height:30em;line-height:1.5em;font-family:'Courier New', Courier, monospace;color:#454545;}

#container>main .panel.add-new .new-item .warning input, #container>main .panel.add-new .new-item .warning select, #container>main .panel.add-new .new-item .warning textarea{box-shadow:0 0 0.5em #ff3300;}
#container>main .panel.add-new .new-item .small{font-size:0.8em;}

#container>main .panel.add-new .new-item div.pv_tables{display:inline-block;width:calc(100% - 54rem);}
#container>main .panel.add-new .new-item div.pv_tables input{width:74rem;}
#container>main .panel.add-new .new-item div.pv_tables input.warning{color:#FFB32C;box-shadow:0 0 0.6rem #ff3300;}
#container>main .panel.add-new .new-item div.pv_tables input + div.button{width:calc(100% - 148rem);text-align:center;cursor:pointer;}
#container>main .panel.add-new .new-item div.pv_tables input + div.button:hover{color:#0080FF;}

#container>main .panel.add-new .new-item div.analysis>div.date-picker{display:inline-block;margin:1em 1em 0 0;vertical-align: top;}
#container>main .panel.add-new .new-item div.analysis>div.date-picker .calendar-title{font-size:0.8em;font-weight:900;font-style:italic;line-height:2em;}
#container>main .panel.add-new .new-item div.analysis>div.date-picker input{width:100%;}

#container>main .panel.add-new .new-item div.analysis div.contemporaneous-list{display:inline-block;width:calc(100% - 54rem);margin-top:0.1em;}
#container>main .panel.add-new .new-item div.analysis div.contemporaneous-list i.none{line-height:2em;}
#container>main .panel.add-new .new-item div.analysis span.contemporaneous{display:inline-block;background:#0A2756;color:#ffffff;font-weight:900;padding:0 0.5em;border-radius:0.3em;box-shadow:0 0 0.3em #313131;cursor:pointer;line-height:2em;height:2em;margin:0em 0.2em 0.1em 0em;}
#container>main .panel.add-new .new-item div.analysis span.contemporaneous.selected{background:#31AF31;}
#container>main .panel.add-new .new-item div.analysis span.contemporaneous:hover{box-shadow:0 0 0.6em #696969;}
#container>main .panel.add-new .new-item div.analysis span.contemporaneous i.fa{margin-right:0.5em;}

#container>main .panel.add-new .new-item div label+div.list-wrapper{display:inline-block;width:calc(100% - 54rem);margin-top:0.1em;}
#container>main .panel.add-new .new-item div label+div.list-wrapper .inline{display:inline-block;vertical-align:top;margin:0 0.3em 0 0;padding:0 0.5em;background:#0A2756;color:#ffffff;font-weight:900;line-height:2em;border-radius:0.3em;box-shadow:0 0 0.3em #313131;}

#container>main .panel.add-new .new-item .delete-period .datepickers-container{display:inline-block;width:calc(100% - 54rem);}
#container>main .panel.add-new .new-item .delete-period .datepickers-container .datepicker-box{display:inline-block;vertical-align:top;max-width:50%;}
#container>main .panel.add-new .new-item .delete-period .datepickers-container .datepicker-box .title {line-height:3em;background:#0a84ff;color:#fff;padding:0 0.3em 1em 0.3em;margin-bottom:-1em;border-radius:0.3em;font-weight:900;}

#container>main .panel.add-new .new-item .file input[type="file"]{width:calc(100% - 60.5rem);}
#container>main .panel.add-new .new-item .file input[type="file"] + .fa-file-download{display:inline-block;text-align:center;width:2em;line-height:1.8em;border-radius:0.3em;border:0.1em solid #969696;margin-left:0.5rem;vertical-align:bottom;transition:all ease 0.3s;}
#container>main .panel.add-new .new-item .file input[type="file"] + .fa-file-download:hover{box-shadow:0 0 0.1em #313131;background:#0080FF;color:#ffffff;}

#container>main .panel.add-new .new-item .scripts{padding-left:36rem;min-height:2em;margin-top:1em;max-width:calc(100% - 18rem);}
#container>main .panel.add-new .new-item .scripts.available{margin-top:0.5em;}
#container>main .panel.add-new .new-item .scripts label{margin-left:-36rem;}
#container>main .panel.add-new .new-item .scripts .script{position:relative;display:inline-block;top:0;left:0;padding:0 2em 0 0.5em;border-radius:0.2em;background:#0080FF;color:#ffffff;font-weight:900;line-height:2em;height:2em;white-space:nowrap;transition:all ease 0.3s;box-shadow: 0 0 0.25rem #313131;margin-right:0.5em;margin-bottom:0.5em;}
#container>main .panel.add-new .new-item .scripts.added .script{background:green;height:auto;vertical-align:top;}
#container>main .panel.add-new .new-item .scripts .script .add, #container>main .panel.add-new .new-item .scripts .script .delete{position:absolute;top:0.3em;right:0.3em;width:1.2em;height:1.2em;border-radius:100%;background:#ffffff;cursor:pointer;color:#0A2756;text-align:center;line-height:1.2em;}
#container>main .panel.add-new .new-item .scripts .script:hover{background:#0A2756;box-shadow: 0 0 0.5rem #313131;}
#container>main .panel.add-new .new-item .scripts .script .add:hover, #container>main .panel.add-new .new-item .scripts .script .delete:hover{transform-origin:center center;transform:scale(1.1, 1.1);}

#container>main .panel.add-new .new-item .scripts .script .chained-list{font-size: 0.6em;width:calc(100% + 3.2em);}
#container>main .panel.add-new .new-item .scripts .script .chained-list .script{background:#31AF31;display:block;}
#container>main .panel.add-new .new-item .scripts .script .chained-list .script:hover{background:#4D6A99;}

#container>main .panel.add-new .new-item div.disabled * {color:#969696!important;}

#container>footer{position:relative;top:0;left:0;display:block;width:100%;height:6rem;line-height:6rem;font-weight:normal;padding:0 0.5rem;box-shadow:0 0 0.25rem #0A2756;background:#e1e1e1;font-size:1.5rem;z-index:2;}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}