header{
    background-color:#1c1d21;
}

.site-banner{
    font-family:"Lato",Helvetica, Arial, sans-serif;
    font-size:42px;
    font-weight:100;
    text-align:center;

    color:#FAFFFF;

    margin-top:40px;
    margin-bottom:40px;
}

    .site-banner a {
        color: #FAFFFF;
        text-decoration:none;
    }
    .site-banner a:hover {
        color: #FAFFFF;
        text-decoration:none;
    }

body{
    background-color:#FAFFFF;
}

.top-buffer { margin-top:20px; }
.top-buffer-small { margin-top:10px; }
.bottom-buffer { margin-bottom:20px; }
.bottom-buffer-small { margin-bottom:10px; }

small, sub, sup { font-size: .6em }
sub             { vertical-align: sub }
sup             { vertical-align: super }

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

btn .full-width-button{
    display: block; 
    width: 100%;
}



/****************************************************************************************************************************
/* SUDOKU styles
/****************************************************************************************************************************/
.table-bordered>tbody>tr>td.sudoku-cell{
    border-color: #1c1d21;
}

.table>tbody>tr>td.active{
    background-color:#dfedfe;
}

.sudoku-puzzle-area{
    display:block;
    text-align:center;
    vertical-align:middle;
    margin-left: auto;
    margin-right: auto;
    width:397px;
    margin-top:20px;
}

.table-nonfluid {
    width: auto;
}

.sudoku-row >.sudoku-cell> .sudoku-markings {
     font-size: .6em;
     vertical-align:super;
     line-height:.8em;
}

.sudoku-row>.sudoku-cell{
    width:44px;
    height:44px;
    text-align:center;
    vertical-align:middle;
    font-size:large;
    font-weight:300;
}

.sudoku-row-mini>.sudoku-cell-mini{
    width:24px;
    height:24px;
    text-align:center;
    vertical-align:middle;
    font-size:small;
    font-weight:300;
}

/* Shows a cell that constitutes part of the original puzzle */
.sudoku-puzzle-cell{
    font-weight:700;
    color:#18bc9c;
}

/* Background color for 3x3 block */
.sudoku-block{
    background-color:#dee3e8;
}

/* Row hover in non-shaded block */
.sudoku-row:hover{
    background-color:#C5DDF9;
}

/* Row hover in sudoku block */
.sudoku-row:hover .sudoku-block{
    background-color:#9FC7F2;
}

/* Mix of row & col colors (non-shaded block) */
.sudoku-cell:hover {
    background-color:#E2E1EF;
}

/* Mix of row & col colors (shaded block) */
.sudoku-row:hover .sudoku-block:hover{
    background-color:#CFBDD2;
}

/* Col hover in non-shaded block */
.sudoku-column-highlight{
    background-color:#FFE5E5;
}

/* Col hover in sudoku block */
.sudoku-block.sudoku-column-highlight{
    background-color:#FFB2B2;
}

.table-bordered>tbody>tr>td.sudoku-selected-cell{
    border: 4px solid #18bc9c;
}


/****************************************************************************************************************************
/* End of SUDOKU styles
/****************************************************************************************************************************/



/****************************************************************************************************************************
/* ShapePacking styles
/****************************************************************************************************************************/
#shape-packing-canvas-host{
    height:350px;
}

.drawingCanvas-med{
    display:block;
}

/****************************************************************************************************************************
/* End of ShapePacking styles
/****************************************************************************************************************************/