/* NUMPAD */

/* section { text-align:center; padding:100px 0 20px 0; }
.numpad { padding:20px 0; } */

h1 { 
	margin:60px 0 20px 0; 
	text-align:center; 
	font-weight:normal;
}

table.mg_numpad { 
    width:auto; 
    margin:0 auto; 
}

table.mg_numpad td { 
    text-align:center; 
    padding:0; 
    border:0; 
}

table.mg_numpad a {
    cursor:pointer;
    border-radius:120px; 
    border:1px solid #E5E5E5;
    background-color:#F9F9F9; 
    display:inline-block; 
    width:80px; 
    height:80px; 
    line-height:80px; 
    margin:10px; 
    font-size:24px; 
    color:#000;

    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    
    -webkit-border-radius:120px; 
    -moz-border-radius:120px; 
    -ms-border-radius:120px; 
}

table.mg_numpad a.click { 
    border:1px solid #313133;
    background-color:#aa0038;
    color:#fff; 
}

/* ТЕЗИ СТИЛОВЕ ДА СЕ ПРЕНЕСАТ В JS ЗА СЪСТОЯНИЕ НА CLICK 
table.mg_numpad a:hover {
    border-color:#313133;
    background-color:#aa0038;
    color:#fff; 
}
*/

table.mg_numpad a.mg_np_reset { 
    font-size:34px; 
    font-weight:bold; 
    line-height:77px; 
}

table.mg_numpad a.mg_np_edit { 
    font-size:37px; 
    line-height:70px; 
    font-weight:bold; 
}

table.mg_numpad .mg_np_code { line-height:60px; }

table.mg_numpad .mg_np_code span { 
    margin:0 3px; 
    font-size:26px; 
    color:#dadada; 
}

table.mg_numpad .mg_np_code .mg_np_fill { color:#ac0035; } /* Този клас се добавя при натиснато числло и се маха при изтриване. Смяната на символа със запълнен от JS ОСТАВА */

@media all and (max-height: 720px) {
    /*section { padding:100px 0 20px 0; }*/
}

@media all and (max-width: 767px) and (orientation: portrait) {
    h1 { display:none; }

    table.mg_numpad a { 
        width:60px; 
        height:60px; 
        line-height:60px; 
        margin:8px; 
        font-size:20px; 
        color:#000; 
    }

    table.mg_numpad a.mg_np_reset { font-size:28px; line-height:59px; }

    table.mg_numpad a.mg_np_edit { font-size:32px; line-height:53px; }

    .code { padding-top:10px; line-height:20px; }
}

@media all and (max-width: 640px) and  (orientation: landscape) {
    h1 { display:none; }
	
	.numpad { padding:0; }
	table.mg_numpad .mg_np_code { line-height:36px; }

    table.mg_numpad a { 
        width:44px; 
        height:44px; 
        line-height:44px; 
        margin:4px; 
        font-size:20px; 
        color:#000; 
    }

    table.mg_numpad a.mg_np_reset { font-size:23px; line-height:46px; }

    table.mg_numpad a.mg_np_edit { font-size:28px; line-height:39px; }

    .code { padding-top:10px; line-height:20px; }
}