.hidden, .secret, .div-hidden{
    display:none;
}
#job-container{
    height:50px;
    display:flex;
}
#job-container button{
    display:flex;
    height:25px;
}

.bulletin{
    display: inline-block;
}
.bulletin iframe{
    width:40vw;
    height: 800px;
}

.container{
    display:inline-block;
    padding: 5px;
    vertical-align: top;
}
.active1{
    border-color: rgb(0,0, 255);
    border-width: 15px;
}
.active2{
    border-color: rgb(0,255,0);
    border-width:15px;
}
.clicked{
    border-color: rgb(255,255,0);
    border-width: 15px;
}
.active{
    background-color: green;
}
.indented, .div-indented{
    margin-left: 20px;
}
.header{
    display:inline-block;
    width: 10vw;
    margin: 0px;
    padding: 2px;
    text-align: center;
    font-size: large;
}

nav button{
    display: inline-block;
    box-sizing: border-box;
    width:24vw;
    height: 50px;
    font-size: 25px;
    text-align: center;
    padding:0px;
    margin:0px;
    border-style: solid;
    border-radius: 0px;
    border-width: 4px;
}
nav button.active-nav{
    background-color: rgb(0,255,0);
}

.row button{
	height:9vw;
	width:10vw;
	color:rgb(0,0,0);
	font-size:20px;
	text-align: center;
    border-width: 8px;
    border-radius: 3vw;
    border-style: double;
    background-color: rgb(240, 240,240);
    box-sizing: border-box;
    padding: 5px;
    margin: 5px;
    font-family: inherit;
    word-wrap: break-word;
}

button.list{
    font-size: 10px;
    width:25px;
    height:25px;
    border-width: 1px;
    padding:2px;
    margin:2px;
    border-radius: 5px;
}
button.checked{
    font-size: 10px;
    width: 25px;
    height: 25px;
    border-width: 1px;
    padding: 2px;
    margin: 2px;
    border-radius: 5px;
    background-color: rgb(0,255,0);
}
button.unchecked{
   font-size: 10px;
    width: 25px;
    height: 25px;
    border-width: 1px;
    padding: 2px;
    margin: 2px;
    border-radius: 5px; 
}
.link{
    background-color: green;
}

.checklist-text{
	display:inline-block;
	padding:0px; 
	margin:1px;
	font-size:20px;
}

.bg-primary{
    background-color:green;
    color:white;
}

.bg-secondary{
    background-color:blue;
    color:white;
}
.bg-warning{
    background-color:red;
    color:white;
}
.data{
    margin:5px;
    text-align:center;
}

.width-tenth{
    width:10vw;
}

.width-fifth{
    width:20vw;
}

.width-fourth{
    width:25vw;
}

.width-third{
    width:30vw;
}

.width-half{
    width:50vw;
}
.width-full{
    width:100vw;
}
.height-half{
    height:50vh;
}

.height-full{
    height:100vh;
}

.banner{
    display:flex;
}
.banner-item{
    margin:1px;
    padding:3px;
    border:5px solid green;
    background-color: blueviolet;
    color:red;
    font-size:18px;
}

.flex{
    display:flex;
}

body{
	margin:0px;
	display:block;
}


body.shift-on{
	.secret{
		display:block;
	}
}

@media (max-width: 850px){
    .row button{
        height:18vw;
        width:20vw;
        border-radius: 6vw;
        font-size: 10px;
    }
    .bulletin{
        display: none;
    }
}