@font-face {
    font-family: "16Segment";
    src: url('/css/fonts/16SegmentDisplay.ttf');
}

@font-face {
    font-family: "8PinMatrix";
    src: url('/css/fonts/8-PM____.TTF');
}

.grid-no-scroll .k-grid-content {
    overflow-y: auto;
}

.grid-no-scroll .k-grid-header,
.grid-no-scroll .k-grid-footer {
    padding-right: 0; /* version 2.26 and older requires !important here */
}

.grid-no-scroll .k-grid-header-wrap,
.grid-no-scroll .k-grid-footer-wrap {
    border-right-width: 0;
}

.background16 {
    font-family: "16Segment" !important;
    padding-right: 10px;
}

.background8 {
    font-family: "8PinMatrix" !important;
    padding-right: 18px;
}

.b-it {
    background: #df911e;
}

.bg-it {
    background-color: #df911e;
}

.btn-it {
    color: #fff;
    background-color: #df911e;
    border-color: #df911e;
}

    .btn-it:hover {
        color: #fff;
        background-color: #bf7100;
        border-color: #bf7100;
    }

.text-it {
    color: #df911e;
}

.effect-icon:hover {
    color: #df911e;
    transition: 0.4s ease-out;
}

.effect-icon-red:hover {
    color: #dc3545;
    transition: 0.4s ease-out;
}

.nav-link-it {
    display: block;
    padding: 0.5rem 1rem;
    color: #df911e;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.nav-tabs .nav-link-it {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-link-it.active {
    color: white;
    background-color: #df911e;
    border-color: #df911e;
}

.it-input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #495057;
    border-radius: 0;
    color: white;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 20px;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

    .it-input:focus {
        border-bottom: 1px solid #df911e;
        box-shadow: 0 1px 0 0 #df911e;
    }

.it-input-sec {
    color: inherit !important;
    border-color: #6c757d !important;
    background-color: #212529 !important;
}

.it-input-success {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #198754;
    border-radius: 0;
    color: white;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 20px;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

.it-input-danger {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #dc3545;
    border-radius: 0;
    color: white;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 20px;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

.it-input-counter-map {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #495057;
    border-radius: 0;
    color: white;
    outline: none;
    height: 1rem;
    width: 100%;
    font-size: 12px;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
    text-align: right;
}

.it-label {
    font-size: 0.8rem;
    top: 8px;
    position: relative;
}

.it-label-no-top {
    font-size: 0.8rem;
}

.it-label-fix {
    font-size: 0.8rem;
}

.it-div {
    border-radius: 0.25rem;
}

@media print {
    .pagebreak {
        page-break-before: always;
    }

    .dontbreak {
        page-break-inside: avoid;
    }
}

@media all and (max-width: 640px) {
    .hidden-large {
        display: none;
    }

    .hide-col-small {
        display: none;
        width: 0;
        height: 0;
        opacity: 0;
        visibility: collapse;
    }
}

@media all and (min-width: 641px) {
    .hidden-small {
        display: none;
    }
}

.bg-black {
    background-color: #000;
}

.show-div {
    height: auto;
    opacity: 1;
    transition: height 0 0, opacity 600ms 0;
}

.hide-div {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: height 0 400ms, opacity 400ms 0;
}

.pointer {
    cursor: pointer;
}

.bold-text {
    font-weight: 900;
}

.w-0 {
    width: 0 !important;
}

.w-1 {
    width: 1% !important;
}

.w-2 {
    width: 2% !important;
}

.w-3 {
    width: 3% !important;
}

.w-4 {
    width: 4% !important;
}

.w-5 {
    width: 5% !important;
}

.w-6 {
    width: 6% !important;
}

.w-7 {
    width: 7% !important;
}

.w-8 {
    width: 8% !important;
}

.w-9 {
    width: 9% !important;
}

.w-10 {
    width: 10% !important;
}

.w-11 {
    width: 11% !important;
}

.w-12 {
    width: 12% !important;
}

.w-13 {
    width: 13% !important;
}

.w-14 {
    width: 14% !important;
}

.w-15 {
    width: 15% !important;
}

.w-16 {
    width: 16% !important;
}

.w-17 {
    width: 17% !important;
}

.w-18 {
    width: 18% !important;
}

.w-19 {
    width: 19% !important;
}

.w-20 {
    width: 20% !important;
}

.w-21 {
    width: 21% !important;
}

.w-22 {
    width: 22% !important;
}

.w-23 {
    width: 23% !important;
}

.w-24 {
    width: 24% !important;
}

.w-26 {
    width: 26% !important;
}

.w-27 {
    width: 27% !important;
}

.w-28 {
    width: 28% !important;
}

.w-29 {
    width: 29% !important;
}

.w-30 {
    width: 30% !important;
}

.w-31 {
    width: 31% !important;
}

.w-32 {
    width: 32% !important;
}

.w-33 {
    width: 33% !important;
}

.w-34 {
    width: 34% !important;
}

.w-35 {
    width: 35% !important;
}

.w-36 {
    width: 36% !important;
}

.w-37 {
    width: 37% !important;
}

.w-38 {
    width: 38% !important;
}

.w-39 {
    width: 39% !important;
}

.w-40 {
    width: 40% !important;
}

.w-41 {
    width: 41% !important;
}

.w-42 {
    width: 42% !important;
}

.w-43 {
    width: 43% !important;
}

.w-44 {
    width: 44% !important;
}

.w-45 {
    width: 45% !important;
}

.w-46 {
    width: 46% !important;
}

.w-47 {
    width: 47% !important;
}

.w-48 {
    width: 48% !important;
}

.w-49 {
    width: 49% !important;
}

.w-51 {
    width: 51% !important;
}

.w-52 {
    width: 52% !important;
}

.w-53 {
    width: 53% !important;
}

.w-54 {
    width: 54% !important;
}

.w-55 {
    width: 55% !important;
}

.w-56 {
    width: 56% !important;
}

.w-57 {
    width: 57% !important;
}

.w-58 {
    width: 58% !important;
}

.w-59 {
    width: 59% !important;
}

.w-60 {
    width: 60% !important;
}

.w-61 {
    width: 61% !important;
}

.w-62 {
    width: 62% !important;
}

.w-63 {
    width: 63% !important;
}

.w-64 {
    width: 64% !important;
}

.w-65 {
    width: 65% !important;
}

.w-66 {
    width: 66% !important;
}

.w-67 {
    width: 67% !important;
}

.w-68 {
    width: 68% !important;
}

.w-69 {
    width: 69% !important;
}

.w-70 {
    width: 70% !important;
}

.w-71 {
    width: 71% !important;
}

.w-72 {
    width: 72% !important;
}

.w-73 {
    width: 73% !important;
}

.w-74 {
    width: 74% !important;
}

.w-76 {
    width: 76% !important;
}

.w-77 {
    width: 77% !important;
}

.w-78 {
    width: 78% !important;
}

.w-79 {
    width: 79% !important;
}

.w-80 {
    width: 80% !important;
}

.w-81 {
    width: 81% !important;
}

.w-82 {
    width: 82% !important;
}

.w-83 {
    width: 83% !important;
}

.w-84 {
    width: 84% !important;
}

.w-85 {
    width: 85% !important;
}

.w-86 {
    width: 86% !important;
}

.w-87 {
    width: 87% !important;
}

.w-88 {
    width: 88% !important;
}

.w-89 {
    width: 89% !important;
}

.w-90 {
    width: 90% !important;
}

.w-91 {
    width: 91% !important;
}

.w-92 {
    width: 92% !important;
}

.w-93 {
    width: 93% !important;
}

.w-94 {
    width: 94% !important;
}

.w-95 {
    width: 95% !important;
}

.w-96 {
    width: 96% !important;
}

.w-97 {
    width: 97% !important;
}

.w-98 {
    width: 98% !important;
}

.w-99 {
    width: 99% !important;
}

.dialog-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2000;
    display: flex;
    animation: dialog-container-entry 0.2s;
}

.display-css {
    padding-top: 5px;
    resize: none;
    color: white;
    background-color: black;
    text-align: right;
    white-space: pre;
    border: 0;
    overflow: hidden;
    font-weight: bolder;
    padding-left: 10px;
}

@keyframes dialog-container-entry {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.dialog {
    background-color: white;
    box-shadow: 0 0 12px rgba(0,0,0,0.6);
    display: flex;
    flex-direction: column;
    z-index: 2000;
    align-self: center;
    margin: auto;
    /*    width: 700px;*/
    max-height: calc(100% - 3rem);
    animation: dialog-entry 0.4s;
    animation-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

@keyframes dialog-entry {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateX(0) scale(1.0);
    }
}

/*.dialog-title {
    background-color: #444;
    color: #fff2cc;
    padding: 1.3rem 2rem;
}

    .dialog-title h2 {
        color: white;
        font-size: 1.4rem;
        margin: 0;
        font-family: 'Bahnschrift', Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        line-height: 1.3rem;
    }

.dialog-body {
    flex-grow: 1;
    padding: 0.5rem 3rem 1rem 0;
}

.dialog-buttons {
    height: 4rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    background-color: #eee;
    padding: 0 1rem;
}*/