/* Resetea valores */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    zoom: 1;
    vertical-align: baseline;
    outline: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 10px;
}

div, input, select {
    box-sizing: border-box;
}


/* General */
html {
    height: 100%;
}

body {
    background-color: black;
    color: white;
    font-size: 9pt;
    font-family: sans-serif;
    height: 100%;
}

h1, h2, h3 {
    padding-top: 10px;
    padding-bottom: 10px;
}

h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 2em;
}

h3 {
    font-size: 1.5em;
}

input, textarea, select {
    box-sizing: border-box;
    text-transform: uppercase;
}

    input[disabled], input[readonly],
    select[disabled], select[readonly],
    textarea[disabled], textarea[readonly] {
        background-color: gray;
        color: black;
    }

.invisible {
    padding: 0px !important;
    border: 0px !important;
    margin: 0px !important;
    height: 0px !important;
}

.hidden {
    display: none !important;
}

.container-fluid {
    padding: 10px;
}

.text-center {
    text-align: center;
}

.label-sm, .input-sm {
    font-size: 12px;
}

.label-md, .input-md {
    font-size: 16px;
}

.label-lg, .input-lg {
    font-size: 20px;
}

.bottom-spacing {
    height: 110px;
    width: 100%;
}

.force-white-background {
    background-color: white !important;
}

/* Layout */
.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

    .row > .col, .row > [class*=col-] {
        padding-right: 10px;
        padding-left: 10px
    }

/* Forms */
.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }

.form-group {
    margin-bottom: 10px;
}

    .form-group .control-label {
        display: block;
        margin-bottom: 5px;
    }

    .form-group .form-control {
        display: block;
        padding: 5px;
        border-radius: 2px;
        border: 3px solid transparent;
        width: 100%;
    }

        .form-group .form-control:focus {
            border-color: cyan;
        }

        .form-group .form-control.input-lg {
            padding: 10px;
        }

        .form-group .form-control.input-block {
            display: block;
            width: 100%;
        }

.form .form-group .form-row .col .control-label {
    margin-bottom: 0;
}

.btn {
    border: 1px solid white;
    background-color: black;
    color: white;
    padding: 5px;
    cursor: pointer;
}

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

    .btn.btn-lg {
        font-size: 2em;
        padding: 10px;
    }

.wis-menu {
    padding: 10px;
    outline: none;
}

    .wis-menu .menu-item {
    }

        .wis-menu .menu-item .menu-item-action,
        .wis-menu .menu-item .menu-item-label {
            padding: 10px;
            font-size: 14px;
            color: white;
            display: block;
            margin-bottom: 5px;
            border: 1px solid white;
            text-decoration: none;
            cursor: pointer;
        }

            .wis-menu .menu-item .menu-item-action.current-highlight,
            .wis-menu .menu-item .menu-item-label.current-highlight {
                background-color: white;
                color: black;
            }

.wis-msg-container {
    width: 100%;
    height: 100%;
    background-color: white;
    position: fixed;
    top: 0;
    z-index: 10;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .wis-msg-container .wis-msg-title {
        color: black;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .wis-msg-container .wis-msg-title,
    .wis-msg-container .wis-msg-options {
        text-align: center;
        margin-bottom: 10px;
        flex-grow: 1;
    }

        .wis-msg-container .wis-msg-options > button {
            background-color: white;
            color: black;
        }

        .wis-msg-container .wis-msg-options .current-selection {
            background-color: black;
            color: white;
        }

    .wis-msg-container .bottom-spacing {
        height: 90px;
        flex-shrink: 0;
    }

.wis-ctx-container {
    width: 100%;
    height: 100%;
    background-color: black;
    position: fixed;
    top: 0;
    z-index: 10;
    padding: 10px;
}

    .wis-ctx-container .wis-ctx-options .current-selection {
        background-color: white;
        color: black;
    }

    .wis-ctx-container .wis-ctx-options > .btn {
        margin-bottom: 5px;
        font-size: 1.5em;
    }

.wis-lov-container {
    background-color: black;
}

    .wis-lov-container .wis-lov-search {
        padding: 10px;
    }

    .wis-lov-container .wis-lov-title,
    .wis-lov-container .wis-lov-content {
        text-align: center;
    }

    .wis-lov-container .wis-lov-column {
        text-align: center;
        padding: 5px;
        border: 1px solid white;
        font-size: 1.2em;
    }

.column-aling-left {
    text-align: left;
}

.wis-lov-container .wis-lov-row.wis-lov-row-orange {
    background-color: orangered;
}

.wis-lov-container .wis-lov-row.wis-lov-row-highlight {
    background-color: white;
    color: black;
}

.wis-lov-container .wis-lov-row .wis-lov-cell {
    border: 1px solid white;
    font-size: 1.2em;
    padding: 5px;
}

.wis-lov-container .wis-lov-row.wis-lov-row-highlight .wis-lov-cell {
    border-color: black;
}

    .wis-lov-container .wis-lov-row.wis-lov-row-highlight .wis-lov-cell:first-child {
        border-left-color: white;
    }

    .wis-lov-container .wis-lov-row.wis-lov-row-highlight .wis-lov-cell:last-child {
        border-right-color: white;
    }


.wis-lov-container .wis-lov-row.wis-lov-row-orange {
    background-color: orangered;
    color: black;
}

.wis-lov-container .wis-lov-cell.wis-lov-cell-empty {
    background-color: brown;
}

.wis-lov-container .wis-lov-row .wis-lov-cell-checkbox {
    cursor: pointer;
    font-size: 165% !important;
    
}

    .wis-lov-container .wis-lov-row .wis-lov-cell-checkbox.checked {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 250% !important;
    }

    .wis-lov-container .wis-lov-row .wis-lov-cell-checkbox span {
        display: none;
    }

    .wis-lov-container .wis-lov-row .wis-lov-cell-checkbox.checked span {
        display: block;
    }


.wis-lov-container.wis-lov-popup {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 5;
}

    .wis-lov-container.wis-lov-popup .wis-lov-title .wis-lov-text {
        font-size: 2em;
        margin-top: 10px;
    }

    .wis-lov-container.wis-lov-popup .wis-lov-search {
        padding: 10px;
    }

        .wis-lov-container.wis-lov-popup .wis-lov-search input {
            width: 100%;
            border: 1px solid transparent;
            border-radius: 2px;
            padding: 5px;
        }

    .wis-lov-container.wis-lov-popup .wis-lov-content,
    .wis-lov-container.wis-lov-popup .bottom-spacing {
        background-color: black;
    }

    .wis-lov-container.wis-lov-popup .wis-lov-itemlist {
        padding: 10px;
    }

.wis-keypad {
    display: flex;
    width: 100%;
    position: fixed;
    flex-direction: column;
    bottom: 0;
    z-index: 10;
}

    .wis-keypad .wis-keypad-general {
        height: 50px;
        display: flex;
    }

        .wis-keypad .wis-keypad-general button,
        .wis-keypad .wis-keypad-arrow button,
        .wis-keypad .wis-keypad-lov button {
            text-align: center;
            color: black;
            cursor: pointer;
            flex-grow: 1;
            font-size: 2em;
            border: none;
            outline: none;
        }

        .wis-keypad .wis-keypad-general button {
            background-color: aquamarine;
        }

    .wis-keypad .wis-keypad-lov button {
        background-color: dodgerblue;
    }

    .wis-keypad .wis-keypad-arrow button {
        background-color: greenyellow;
    }

    .wis-keypad .wis-keypad-general .wis-keypad-showlov,
    .wis-keypad .wis-keypad-general .wis-keypad-menu,
    .wis-keypad .wis-keypad-general .wis-keypad-focus,
    .wis-keypad .wis-keypad-general .wis-keypad-enter {
        border-top: 2px solid black;
        width: 25%;
    }

    .wis-keypad .wis-keypad-general .wis-keypad-showlov,
    .wis-keypad .wis-keypad-general .wis-keypad-menu,
    .wis-keypad .wis-keypad-general .wis-keypad-focus {
        border-right: 2px solid black;
    }

    .wis-keypad .wis-keypad-lov {
        height: 50px;
        display: flex;
    }

        .wis-keypad .wis-keypad-lov .wis-keypad-lov-prev,
        .wis-keypad .wis-keypad-lov .wis-keypad-lov-next {
            width: 25%;
        }

        .wis-keypad .wis-keypad-lov .wis-keypad-lov-search {
            width: 50%;
        }

        .wis-keypad .wis-keypad-lov .wis-keypad-lov-prev,
        .wis-keypad .wis-keypad-lov .wis-keypad-lov-search,
        .wis-keypad .wis-keypad-lov .wis-keypad-lov-next {
            border-top: 2px solid black;
        }

        .wis-keypad .wis-keypad-lov .wis-keypad-lov-prev,
        .wis-keypad .wis-keypad-lov .wis-keypad-lov-search {
            border-right: 2px solid black;
        }

    .wis-keypad .wis-keypad-arrow {
        height: 50px;
        display: flex;
    }

        .wis-keypad .wis-keypad-arrow .wis-keypad-arrow-left,
        .wis-keypad .wis-keypad-arrow .wis-keypad-arrow-up,
        .wis-keypad .wis-keypad-arrow .wis-keypad-arrow-down,
        .wis-keypad .wis-keypad-arrow .wis-keypad-arrow-right {
            width: 25%;
            border-top: 2px solid black;
        }

        .wis-keypad .wis-keypad-arrow .wis-keypad-arrow-up,
        .wis-keypad .wis-keypad-arrow .wis-keypad-arrow-left,
        .wis-keypad .wis-keypad-arrow .wis-keypad-arrow-right {
            border-right: 2px solid black;
        }
    
    .wis-keypad .wis-keypad-lov button:active,
    .wis-keypad .wis-keypad-arrow button:active,
    .wis-keypad .wis-keypad-general button:active {
        background-color: orangered;
        color: white;
    }
input[type="file"] {
    display: none;
}

.custom-file-upload {
    margin: 0em;
    padding: 14px;
    width: 97%;
    border: 1px solid #ccc;
    display: inline-block;
    cursor: pointer;
}