@import url("https://fonts.googleapis.com/css?family=Roboto Mono:300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");

:root{
    --base-color: #0b2637;
    --base-width: 1100px;
    --secondary-color: #478fcc;
    --contrast-color: #FFFFFF;
    --shade-color: #F2F2F2;
    --gray: #D2D2D2;
    --border-color: #cccccc;
    --dark-border: #CCCCCC;
    --muted: #BBBBBB;
    --delete-color: #a30000;
    --delete-contrast: yellow;
    --saved: #107c41;
  }

*, *::before, *::after{
    box-sizing:border-box;
  }

* {
    border-radius: 0 !important;
}

body {
    font-family: "Roboto", Helvetica, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    position: relative;
    z-index: 1;
}

.row{
    padding:0;
    margin:0;
}

.wrapper {
    display:block;
    margin: 0 auto;
    max-width:var(--base-width);
    padding: 0 0 2em 0;
    position:relative;
}


header{
    display:block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
header h1{
    border-bottom: 1px solid #CCC;
    color: rgba(6, 34, 69);
    display:flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6em;
    font-weight: bold;
    height: 60px;
    margin: 0;
    padding: .25em 0;
    text-align:center;
}
header label {
    display:none;
}

.navigation{
    display:block;
    border-bottom: 1px solid #CCC;
}
.toggle{
    display:none;
}
.navigation label{
    display:none;
}
.navigation ul {
    font-size:.9em;
    margin: 0;
    padding: 0;
    overflow:hidden;
    list-style:none;
}
.navigation ul li {
    border-right: 1px solid #CCC;
    float: left;
}
.navigation ul li.empty{
    color: #777;
    padding: .75em 1.25em;
}
.navigation ul li.right{
    border-right:none;
    border-left: 1px solid #CCC;
    float: right;
    overflow:hidden;
}
.navigation ul li.right label {
    float:left;
    font-weight:700;
    display:block;
    padding:.75em .75em;
    text-align:right;
}
.navigation ul li a{
    color:  rgba(14, 89, 181, 1);
    display: block;
    font-size: 1em;
    padding: .75em 1.25em;
    text-decoration: none;
}
.navigation ul li.new a{
    background: var(--saved);
    color: var(--contrast-color);
}
.navigation ul li.chosen{
    border-right: 1px solid var(--base-color);
}
.navigation ul li.chosen a{
    background: var(--base-color);
    color: var(--contrast-color);
}
.navigation ul li.hide{
    display:none;
}
.navigation ul li a:hover{
    background: #478fcc;
    color: #FFF;
}
.navigation ul li.chosen a:hover{
    background: var(--base-color);
    color: var(--contrast-color);
}
.navigation select
{
    border:none;
    float:right;
    font-size:1em;
    padding: .75em .25em;
}
/* 
.navigation ul li select:hover{
    background: #478fcc;
    color: #FFF;
}
.navigation option
{
    font-size:.9em;
}
*/

.content{
    padding: 1em;
    }
.content h1 {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0;
    padding-bottom: .5em;
}

.split_content{
    display: grid;
    grid-template-columns: auto 25%;
    margin: 0;
    padding: 0;
}
.sidebar {padding: 1em;}
.sidebar h1 {font-size: 1.5em;font-weight: old;margin: 0;padding: 0 0 .5em 0;}
.sidebar ol {font-size: 1em;margin: 0;padding: 0 0 0 1em;}
.sidebar ol li {line-height: 1.35em;padding-left: 8px;padding-bottom: .5em;}

.to-do{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    grid-gap: 1em;
}

.to-do aside{
    border-bottom: 3px solid var(--secondary-color);
}

aside ul {
    margin: 0;
    padding: 0;
    list-style:none;
}

ul.to-do-items li.location{
    color: var(--contrast-color);
    font-weight: strong;
    padding: .5em;
}
ul.to-do-items li.description{
    background: var(--contrast-color);
    color: var(--seconday-color);
    line-height: 1.25em;
    padding: .5em;
}
ul.to-do-items li.issue_date{
    background: var(--contrast-color);
    color: var(--secondary-color);
    font-size: .95em;
    padding: .5em .5em .25em .5em;
    text-transform: uppercase;
}
ul.to-do-items li.activity{
    background: var(--contrast-color);
    color: var(--base-color);
    font-size: .95em;
    padding: .25em .5em .5em .5em;
    text-transform: uppercase;
}
ul.to-do-items li.activity span{
    font-weight: bold;
}
ul.to-do-items li.assignment {
    background: var(--contrast-color);
    color: var(--base-color);
    font-size: .95em;
    padding: .25em .5em .5em .5em;
}

#checkbox_toggle{
    display:none;
}

footer {
    background:#FFFFFF;
    content: "";
    clear: both;
    height:2em;
    line-height: 1em;
    bottom:0;
    margin: 0 auto;
    padding: 1em 0 2em 0;
    text-align:center;
    max-width:var(--base-width);
}

.error_screen {
    background: #790808;
    color: #FFFFFF;
    display:none;
}
.error_screen a {
    color: #FFFFFF;
    display:block;
    overflow:hidden;
    padding: 1em;
    text-decoration:none;
}
.error_screen a h1 {
    font-size: 1.2em;
    font-weight: 700;
    margin:0;
    padding: .25em 0;
}
.error_screen a p {
    margin: 0;
    padding: 0 0 .5em 0;
}

.actions {background:#F2F2F2;border-bottom:1px solid #CCC;margin:0;list-style:none;overflow:hidden;padding:0;}
.actions li {align-items:center;float:left;margin:0;}
.actions li.caption {padding:.6em .5em;font-size:.9em;font-weight:500;}
.actions li.date {font-size:.9em;padding:.6em .5em;font-weight:300;}
.actions li.links {float:right;}
.actions li.blank {padding:.5em 1em;float:right;}
.actions li.blank i {color:var(--dark-border);}
.actions li a {border-right:1px solid var(--border-color);color:var(--base-color);display:block;font-size:.9em;padding:.75rem 1.25rem;text-decoration:none;}
.actions li a:hover {background:var(--secondary-color);color:var(--contrast-color);}
.actions li a.chosen {background:var(--base-color);border-color:var(--base-color);color:var(--contrast-color);}
.actions li a.hide {display:none;}

.actiondiv {display:none;}
.actiondiv.chosen {display:block;}

.border-bottom{
    border-bottom: 2px solid #CCC;
}
.border-right{
    border-right: 1px solid #CCC;
}

.baseform {
    margin: 0;
    padding: .75rem 1rem;
}
.baseform a.save {
    background:var(--secondary-color);
    color:var(--contrast-color);
    display:table-cell;
    font-size:.9rem;
    padding: .35rem 1rem;
    text-decoration:none;
}
.baseform a.save:hover {
    background:var(--base-color);
    color: var(--contrast-color);
}
.baseform input, .baseform select, .baseform textarea{
    border: 1px solid #CCC;
    font-size: .9rem;
}
.baseform label{
    font-size: .9rem;
    font-weight: 500;
    padding: 0 0 .25rem 0;
}
.baseform label.data{
    align-items:center;
    padding: .55em;
    font-weight: 300;
}
.baseform label.notice{
    background: #107c41;
    color: #FFFFFF;
    display:none;
    padding: .55em;
    text-align:center;
    width:100%;
}
.baseform label span {
    font-size: .8em;
    font-weight:300;
    text-transform: uppercase;
}

.baseform table{
    font-size: .9rem;
}

.no-gutters{
    padding: 0 !important;
}

.list td.link {
    padding: 0;
}
.list td.link a {
    background: var(--contrast-color);
    color: var(--secondary-color);
    display:block;
    padding: .5em 1em;
    text-decoration:none;
}
.list td.link a.no {background:var(--delete-color);color:var(--delete-contrast);}
.list td.link a.yes {background:green;color:var(--contrast-color);}
.list td.link a:hover{
    background: var(--base-color);
    color: var(--contrast-color);
}

.listing {font-size:.9em;list-style:none;margin:0;padding:0;}
.listing li {overflow:hidden;}
.listing li.decision {color:var(--delete-color);}
.listing li div {float:left;padding:.35em .5em;}
.listing li div.right {float:right;overflow:hidden;padding:0;}
.listing li div a {float:left;display:block;padding:.35em .5em;color:var(--secondary-color);}
.listing li div a:hover {background:var(--secondary-color);color:var(--contrast-color);}
.listing li div a.delete:hover {background:var(--delete-color);color:var(--delete-contrast);}
.listing li.decision div a.yes {background:green;color:var(--contrast-color);}
.listing li.decision div a.no {background:var(--delete-color);color:var(--delete-contrast);}

table.table td a {text-decoration:none;}
table.table tr.decision {color:var(--delete-color);font-weight:700;}
table.table tr.decision td.icons{display:flex;align-content:space-between;padding: 0;text-align:right;}
table.table tr.decision td.icons a {padding: .5em;margin-left: .125em;text-decoration:none;}
table.table tr.decision td.icons a.yes {background:green;color:var(--contrast-color);}
table.table tr.decision td.icons a.no {background:var(--delete-color);color:var(--delete-contrast);}
table.table tr.decision td.icons a:hover {background: var(--secondary-color);color:var(--contrast-color);}

.editor_container {box-sizing:border-box;margin:0;overflow:hidden;padding:0;}
.editor_container h1 {background:var(--gray);font-weight:700;font-size: 1.2em;margin:0;padding: .6em;}
.editor_container section {float:left;margin:0;padding:0;}
.editor_container section.padded {padding:.5em 0;}

.editor {font-size:.9em;margin:0;overflow:hidden;padding:0 0 .25em 0;}
.editor form {margin:0;padding:0;}
.editor ul {box-sizing:border-box;list-style:none;margin:0;padding:.25em 0 0 0;}
.editor ul.border-bottom {border-bottom: 1px solid #CCC;padding-bottom:.25em;}
.editor ul li {padding:.5em 0;overflow:hidden;}
.editor ul li.notop {padding-top: 0;}
.editor ul li.nopadding {padding:0;}
.editor ul li a {background:var(--secondary-color);color:var(--contrast-color);display:block;float:left;margin-right:1em;margin-left:1em;padding:.35em .75em;text-decoration:none;}
.editor ul li a.right {float:right;margin-right:0;}
.editor ul li a:hover {background:var(--base-color);color:var(--contrast-color);}
.editor label {display:block;float:left;font-weight: 500;padding:.35em .75em .35em .5em;text-align:right;}
.editor label.data {font-weight:300;text-align:left;}
.editor label.checkbox {font-weight:300;text-align:left;padding:.35em .75em .35em .15em;}
.editor label.priority {margin-left:.5em;text-align:center;}
.editor label.info {background:green;color:white;display:none;font-weight:500;padding:.35em .75em;margin-left:.25em;}
.editor select {display:block;float:left;font-weight:500;padding:.35em .5em;}
.editor input {border:1px solid var(--border-color);display:block;float:left;padding:.45em .5em;}
.editor input.textright {text-align:right;}
.editor input[type=file] {font-size:.8em;border:none;padding:.45em 0;}
.editor input[type=checkbox] {margin:0 .25em;}
.editor textarea {border:1px solid var(--border-color);float:left;font-family:Roboto,sans-serif;padding:.35em .5em;}
.editor div.radio{display:flex;align-items:center;flex-wrap:wrap;}
.editor div.notes {font-weight:300;text-align:left;}
.editor div.notes ul {float:left;margin:0;padding:0 .5em;}
.editor div.notes ul li {margin:0;padding:.35em 0 .25em 0;}
.editor div.notes ul li span {font-size:.8em;display:block;padding-top:.25em;}
.editor div.notes ul li.single {padding:.35em 0 .25em 0;}
.editor div.gallery {margin-top: 2em;}
.editor ul li > ul {margin:0;overflow:hidden;padding:0}
.editor ul li > ul li {align-items:center;float:left;overflow:hidden;padding:0;}
.editor ul li > ul li span {padding:.15em .5em .15em 0em;}
.editor ul li > ul li a {background:none;color:var(--secondary-color);display:block;float:right;margin:0;padding:.15em .5em .20em .5em;}
.editor ul li > ul li a:hover{background:var(--delete-color);color:var(--delete-contrast);}
.editor ul li > ul li a i {font-size:.8em;}
.editor ul li > ul li.decision a.yes {background:green;color:var(--contrast-color);}
.editor ul li > ul li.decision a.no {background:var(--delete-color);color:var(--delete-contrast);}

.keywords {align-items:center;float:left;margin:0;padding:0;}
.keywords ul {margin:0;overflow:hidden;padding:0;}
.keywords ul li {float:left;margin:0;padding:0;}
.keywords ul li a {background:none;color:var(--base-color);margin:0;padding:.35em .5em;}
.keywords ul li a i {color:var(--contrast-color);padding-left:.25em;}
.keywords ul li a:hover {background:none;color:var(--delete-color);text-decoration:line-through;}
.keywords ul li a:hover i {color:var(--delete-color);}

.materials {align-items:center;float:left;font-weight:300;margin:0;padding:0;}
.materials ul {margin:0;overflow:hidden;padding:0;}
.materials ul li {margin:0;overflow:hidden;padding:0;}
.materials ul li div {float:left;padding:.35em .5em 0em .5em;}
.materials ul li div.currency {text-align:right;}

.nopaddingbottom {padding-bottom:0;}

.request_list {font-size:.85em;list-style:none;margin:0;padding:0;}
.request_list li {border-bottom:1px solid #CCC;overflow:hidden;}
.request_list li.empty {padding: 2em .5em;}
.request_list li.heading {background:#F2F2F2;}
.request_list li.request_items a {color:black;display:block;overflow:hidden;}
.request_list li.request_items a:hover {background:var(--shade-color);color:var(--base-color);display:block;overflow:hidden;}
.request_list li div {float:left;}
.request_list li div.action {overflow:hidden;}
.request_list li div.action a {color:var(--saved);display:block;float:right;padding:.75em .75em;text-decoration:none;}
.request_list li div.action a:hover {background:var(--secondary-color);color:var(--contrast-color);}
.request_list li div.title {font-weight:700;padding:.75em .5em .75em .5em;}
.request_list li div.data {padding:.75em .5em 0em .5em;}
.request_list li div.bold {font-weight: 700;}
.request_list li div.detail {line-height:1.4em;padding:.25em .5em .25em .5em;}
.request_list li div.priority {padding: .25em .5em .75em .5em;}
.request_list li div.link {overflow:hidden;}
.request_list li div.link ul {list-style:none;overflow:hidden;padding:0;}
.request_list li div.link ul li {border-bottom:none;float:right;}
.request_list li div.link ul li.left {float:left;}
.request_list li div.link ul li a {color:var(--secondary-color);display:block;float:left;padding:.5em 0;text-align:center;text-decoration:none;width:6em;}
.request_list li div.link ul li a:hover {background:var(--secondary-color);color:var(--contrast-color);}
.request_list li div.link ul li i {padding-right:.25em;}
.request_list li div.link ul li label {display:block;text-align:center;padding:.5em 0;width:6em;}

.requests {background: #F2F2F2;margin:0;padding: 1em;}
.requests form {margin:0;padding:0;}
.requests form.buffer {border-bottom:1px solid var(--border-color);padding-bottom:1em;}
.requests h1 {font-size: 1.5em;font-weight: bold;margin: 0;padding: 0 0 .5em 0;}
.requests ul {box-sizing:border-box;font-weight:.9em;list-style:none;margin:0;padding:0;}
.requests ul.boxscore {padding-left:1em;}
.requests ul li {display:flex;align-items:flex-start;padding-bottom:.5em;}
.requests ul li.empty {font-size:.9em;padding:.5em 1em;text-align:center;}
.requests ul li.empty div {text-align:center;}
.requests ul li.title {font-weight:700;}
.requests ul li.title a {background:none;color:var(--base-color);margin:0 0 0 1em;padding:.5em;text-align:left;text-decoration:none;}
.requests ul li.title a:hover {background:none;color:var(--secondary-color);}
.requests ul li label {box-sizing:border-box;font-size:.9em;font-weight:700;padding:.5em 1em;text-align:left;}
.requests ul li label.entrants {text-align:left;}
.requests ul li label.normal {border: 1px solid #eee;text-align:left;font-weight:normal;}
.requests ul li label.heading {color:var(--secondary-color);font-weight:500;padding:0 .3em;}
.requests ul li input {border:1px solid var(--border-color);box-sizing:border-box;font-size:.9em;padding:.5em;}
.requests ul li input.center {text-align:center;}
.requests ul li input[type=radio] {border:none;}
.requests ul li input[type=checkbox] {border:none;}
.requests ul li input[type=file] {font-size:.8em;}
.requests ul li input.score {padding:.5em .3em;}
.requests ul li input.total {font-weight:700;width:3em;}
.requests ul li select {border:1px solid var(--border-color);box-sizing:border-box;font-size:.9em;padding:.5em;}
.requests ul li textarea {border:1px solid var(--border-color);box-sizing:border-box;font-family:Roboto,Arial,sans-serif;font-size:.9em;padding:.5em;}
.requests ul li a {background:var(--secondary-color);color:var(--contrast-color);box-sizing:border-box;display:block;font-size:.9em;margin-left:auto;padding:.75em .5em;text-align:center;text-decoration:none;}
.requests ul li a:hover {background:var(--base-color);}
.requests ul li div.radio{display:flex;align-items:center;flex-wrap:wrap;}
.requests ul li div.radio div {display:flex;align-items:center;margin:0;padding:0;}
.requests ul li div.radio label {display:flex;align-items:center;font-size:.8em;font-weight:normal;line-height:.25em;}
.requests ul li.story {border-bottom: 1px solid var(--border-color);padding:0;}
.requests ul li.story a {background:var(--contrast-color);border-left: 1px solid var(--border-color);color:var(--secondary-color);display:block;padding:.75em .5em;text-align:center;}
.requests ul li.story a i {margin:0;padding:0;}
.requests ul li.story a:hover {background:var(--secondary-color);color:var(--contrast-color);}
.requests ul li a.error {border: 1px solid rgba(255,0,0,.4);background:rgba(255,0,0,.2);color:rgba(155,0,0,1);display:none;font-weight:700;margin-left:1em; padding: .7em .5em;text-align:center;}
.requests input.error, .requests select.error, requests textarea.error {background: rgba(255,255,0, 0.2);}

.prettiness {float:left;margin:0;overflow:hidden;padding:.25em .5em;}
.prettiness ul {background:var(--shade-color);align-items:center;overflow:hidden;list-style:none;margin:0;padding:0;}
.prettiness ul li {padding:0;}
.prettiness ul li a {background:var(--secondary-color);color:var(--contrast-color);margin:0;display:block;padding:.5em 1em;text-decoration:none;}
.prettiness ul li a:hover {background:var(--base-color);color:var(--contrast-color);}
.prettiness ul li.previous {float:left;}
.prettiness ul li.next {float:right}
.slideshow {height:400px;overflow:hidden;}

.grid-1 {width:5%;}
.grid-2 {width:10%;}
.grid-2_5 {width:13%;}
.grid-3 {width:15%;}
.grid-3_5 {width:17.5%;}
.grid-4 {width:20%;}
.grid-5 {width:25%;}
.grid-6 {width:30%;}
.grid-7 {width:35%;}
.grid-8 {width:40%;}
.grid-9 {width:45%;}
.grid-10 {width:50%;}
.grid-11 {width:55%;}
.grid-12 {width:60%;}
.grid-13 {width:65%;}
.grid-14 {width:70%;}
.grid-15 {width:75%;}
.grid-16 {width:80%;}
.grid-17 {width:85%;}
.grid-18 {width:90%;}
.grid-19 {width:95%;}
.grid-20 {width:100%;}

.row-1 {height:2.2em;}
.row-1.5 {height: 2.7em;}
.row-2 {height:4.4em;}
.row-3 {height:6.6em;}
.row-4 {height:8.8em;}
.row-5 {height:10em;}

.row4 {height: 10rem;}

    
.orange {background:orange;}
.yellow {background:yellow;}

@media screen and (max-width: 600px) {

    .wrapper {
        width: 100%;
    }

    #checkbox_toggle:checked ~ .navigation{
        display: block;
    }

    header h1{
        font-size: 1.3em;
    }

    header label{
        align-items: center;
        cursor: pointer;
        justify-content: center;
        display: flex;
        font-size: 24px;
        height: 60px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 60px;
    }

    footer{
        width: 100%;
    }

    .navigation{
        background: rgba(245, 245, 245, 0.95);
        display: none;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        width:100%;
        z-index: 10;
    }
    .navigation div.toggle{
        display: block;
        overflow:hidden;
        position: relative;
    }
    .toggle label {
        align-items: center;
        color: rgba(6, 34, 69,1 );
        cursor: pointer;
        justify-content: center;
        display: flex;
        float: left;
        font-size: 24px;
        height: 60px;
        position: absolute;
        width: 60px;
    }
    .toggle h1 {
        margin: 0;
        padding: 0;
        display:flex;
        align-items: center;
        justify-content: center;
        font-size: 20.75px;
        font-weight: bold;
        height: 60px;
        margin: 0;
        text-align:center;                
    }
    .navigation ul {
        margin: 0;
        padding: 0;
        list-style:none;
    }
    .navigation ul li {
        display:block;
        float:none;
        border-bottom: 1px solid #CCC ;
    }
    .navigation ul li.right{
        float:none;
    }
    .navigation ul li:first-child{
        border-top: 1px solid #CCC;
    }
    .navigation ul li a{
        color: rgba(6, 34, 69,1);
        display: block;
        font-size: 24px;
        padding: 1.75em .75em;
        text-decoration: none;
        transition: background-color .5s;
    }
    .navigation ul li a:hover{
        background: rgba(14, 89, 181, 1);
        color: #FFF;
    }

    .to-do{
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1em;
    }

}

.hide {display:none;}
.text-right {text-align:right;}