@charset "utf-8";
/* CSS Document */
* {
    box-sizing: border-box;
}
#problems, h1.header {
	padding: 0px 50px;
}
#title {
	border-top: 1px solid #474a4d;
	text-align: center;
}
.col-1 {width: 10%;}
.col-2 {width: 20%;}
.col-3 {width: 30%;}
.col-4 {width: 40%;}
.col-5 {width: 50%;}
.col-6 {width: 60%;}
.col-7 {width: 70%;}
.col-8 {width: 80%;}
.col-9 {width: 90%;}
.col-10 {width: 100%;}
[class*="col-"] {
    float: left;
    padding: 10px;
	margin: 5px;
    border: 1px solid black;
}
.row::after {
    content: "";
    clear: both;
    display: table;
}
#bglogContainer {
	margin: 0 auto;
	padding: 5px 0;
	background-color: #fff;
	height: 1px;
	text-align: center;
}
#ourTurnChecker, #oppTurnChecker {
	pointer-events: none;
}
.cubes, .pointNumbers, .ourcheckertext, .oppcheckertext, #ourScoreText, #oppScoreText, #ourPipcount, #oppPipcount, #problems {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      
}
.accordion {
	background-color: #fff;
	font-size: 16px;
    cursor: pointer;
    padding: 12px;
    width: 100%;
    text-align: left;
    transition: 0.4s;
}
.accordion:after {
    content: '\002B'; /* Unicode character for "plus" sign (+) */
    font-size: 16px;
    float: right;
    margin-left: 5px;
}
.active:after {
    content: '\2212'; /* Unicode character for "minus" sign (-) */
}
.panel {
    padding: 0 12px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
#rollout {
	width: 600px;
	border-bottom: 1px solid #000000;
}
.rolloutTitle {
	margin: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}
.rollout-index {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12pt;*/
	background-color: #fff;
}
.dt-index {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12pt;*/
	background-color: #fff;
}
.dt-index:focus, .rollout-index:focus {
	background-color: #ddd;
}
.spacer {
	width: 100%;
	height: 12px;
}
#rolloutspage {
	width: 100%;
}
#rollout-index {
	width: 70%;
}
#problems {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 75%;
}
.article {
	line-height: normal !important;
}
.article table {
	margin: 0 auto !important;
	padding: 0px !important;
}
.article td {
	border: none !important;
}