html {
    /*cursor:url('../img/mycustomcursor.png'), pointer; */
}

.cursor-no-drop {
    cursor:no-drop;
}
.cursor-crosshair {
    cursor:crosshair;
}
.cursor-pointer {
    cursor:pointer;
}

body {
    background-image:url("../images/bgnd.png");
}
.navbar {
    background-image:url("../images/bgnd.png");
}



.btn, select {
    border-radius:20px !important;
}

.myData {
    padding:20px;
}


#sudoku-solution-div {
    display:none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance:none;
    margin:0;
}
/* Firefox */
input[type=number] {
    -moz-appearance:textfield;
}


.sudoku-box {
}

.sudoku-container {
    text-align:center;
    padding:0;
    margin:auto;
}

.sudoku-nr-box {
    display:inline-block;
    position:relative;
}
.sudoku-nr {
    margin:0;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);  
}
.smallerNr {
    font-size:70%;
}

.sudoku-table {
/*    max-width:600pt;
    width:100%;*/
    width:600px;
    display:inline-flex;
}

.sudoku-cell {
    display:inline-flex;
    padding:0;
    margin:0;
}
.sudoku-input {
    border:none;
    text-align:center;
    margin:0;
    font-size:26px;
    background-color:white;
    transition:background-color 600ms, color 600ms;
}
@media only screen and (max-width: 575px) {
    .sudoku-input {
        width:10vw;
        height:10vw;
    }
    .sudoku-cell {
        width:11vw;
        height:11vw;
    }
    .sudoku-nr-box {
        width:9vw;
        height:9vw;
    }    
} 
@media only screen and (min-width: 576px) {
    .sudoku-input {
        width:64px;
        height:64px;
    }
    .sudoku-cell {
        width:65px;
        height:65px;
    }
    .sudoku-nr-box {
        width:60px;
        height:60px;
    }
}