/**********BASE CONFIGURATIONS**********/

body {
    font-family: 'Roboto', sans-serif;
}

header {
    margin-top: 15px;
	height: 45px;
    background-color: #000000;
}

#logo {
    padding-left: 8px;
    margin-top: -14px;
    float:left;
}
#page-title {
    display: block;
    float:right;
    padding-top: 5px;
    padding-right: 20px;
    font-size: 2rem;
    font-weight: 400;
    color:white;
}

#select-box {
    margin-top: 10px;
    padding-left: 42px;
    margin-bottom:10px;
    border-bottom: rgba(195, 195, 195, 0.37) 1px solid;
}
#keypad-box {
    margin-top: 10px;
	min-height:100px;
}

#table-box {
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
}

#bet-box {
	height:60px;
    background-color: rgba(0, 24, 128, 0.03);
    margin-top:25px;
    border: grey 1px;
}


/** BOOTSTRAP MODIFICHE ****/


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 1px;
    padding-right: 1px;
    position: relative;
}

.row {
  margin-left: 0px;
  margin-right: 0px;
}



.table > thead > tr > th, .table > tbody > tr > th,
.table > tfoot > tr > th, .table > thead > tr > td, 
.table > tbody > tr > td, .table > tfoot > tr > td{
	border: 1px solid #DDD;
    /*border-top: 1px solid #DDD;*/
    line-height: 1;
    padding: 5px 4px 2px 4px;
    vertical-align: middle;
    text-align: center;
}

.table {
    margin-bottom: 1px;
    max-width: 100%;
}



/*** blocco keypad **/
#keypad, .btn-group {
	width:100%;
}

.btn-num {
    height: 33px;
    padding: 3px;
    font-family: 'Roboto Slab', serif;
    font-size: 1.7rem;
    font-weight: 200;
    border-radius: 0px;
    width: 11.11%;
    border-color: #888;
}


.btn-red {background-color: #EBCCD1;}
.btn-black {background-color: #CCC;}
.btn-zero {
    background-color: #DFF0D8;
    width:99%;
}
.btn-null {
    border: 0;
    visibility: hidden;
}


.nRo { background-color: #ff0000;color:#fff;font-weight: bold;}
.nZe { background-color: #55AA00;;color:#fff;font-weight: bold;}
.nNe { background-color: #000;;color:#fff;font-weight: bold; }

.min {background-color: #f0c3bc;}

.btn-large { width: 99%; margin-top:8px;}
.btn-medium {width: 49%}

/*-  ALERT PUNTATA*/


.alert {
    font-size: 2.5rem;
    font-weight: 400;
    padding:10px;
    background-color: rgba(17, 17, 17, 0.11);
    border-radius: 0;
    height:60px;
}



.link-span {
    cursor: pointer;
}


#import-spins {
    margin-bottom: 50px;
}



/* DATATABLE  */
.dataTables_empty {
  display:none;
}
.dataTables_scrollBody{
'width', '101.8%';
}

.dt-buttons {
    margin-top: 20px;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #CCC;
}

.dataTable > thead > tr > th, .table > tbody > tr > th,
.dataTable > tfoot > tr > th, .table > thead > tr > td,
.dataTable > tbody > tr > td, .table > tfoot > tr > td{
	border: 1px solid #DDD;
    /*border-top: 1px solid #DDD;*/
    line-height: 1;
    padding: 5px 4px 2px 4px;
    vertical-align: middle;
    text-align: center;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0px
    #CCC;
}

  /*MEDIA QUERIES*/

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

    #select-box, .sis-head {
        display: none;
    }

    #keypad-box {
        margin-top: 15px;
    }


    #bet-box {
        margin-top: 5px;
    }

}