*{
    touch-action: pan-y !important;
}

html{
    position: relative;
    min-height: 100%;
    background-color: #101828;
}

.bg-dark{
    background-color: #101828 !important;
}

#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    overflow: hidden;
}

.bg-blue{
    background-color: #101828;
}

button, input, .alert, .modal-content, .ck-button, select, a.btn{
    border-radius: 0 !important;
}
.ck-button label {
    float: left;
}
.ck-button input:checked + span {
    background-color: #212529;
    color: #fff;
}
.ck-button label span {
    text-align: center;
    padding: 10px 20px 10px 20px;
    display: block;
}
.ck-button label input {
    display: none;
}
.ck-button {
    margin-bottom: 4px;
    margin-right: 4px;
    background-color: #6c757d;
    border-radius: 4px;
    border: 1px solid #6c757d;
    overflow: auto;
    float: left;
    color: #ffffff;
}
.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
}
.calculator {
    width: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.inputTastierino {
    width: 100%;
    border: none;
    text-align: right;
    padding-right: 25px;
    padding-left: 25px;
    font-size: 50px;
}
.calculator-keys {
    overflow: hidden;
    text-align: center;
    padding: 20px;
    width: 100%;
}

.btn-calc{
    float: left;
    width: 30%;
    margin: 5px;
}

.show{
    display: block !important;
}

.nav-item .active{
    background-color: #146c43;
}

.nav-item .disactive{
    background-color: #bb2d3b;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active{
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}