﻿.fieldlist {
    margin: 0 0 -1em;
    padding: 0;
}

.fieldlist li {
    list-style: none;
    padding-bottom: 1em;
}

.k-checkbox-label {
    font-weight:normal !important;
}

.k-content {
    background-color: transparent !important;
}

.k-maskedtextbox {
    border-width: 1px !important;
}

/*.row .col-sm-6:first-child .row {
    padding-right: 5px !important;
}

.row .col-sm-6:last-child .row {
    padding-left: 5px !important;
}*/

.row {
    /*padding-left: 15px !important;
    padding-right: 15px !important;*/

    margin-right: 0px !important;
    margin-left: 0px !important;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12,
.col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12,
.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12,
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12,
.col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*.k-autocomplete, .k-block, .k-calendar .k-link, .k-calendar td, .k-calendar-container, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker,
.k-drag-clue, .k-dropdown, .k-dropdown-wrap, .k-editor-inline, .k-gantt-views > .k-current-view, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator,
.k-inline-block, .k-list-container, .k-multiselect, .k-notification, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, .k-slider-selection, .k-slider-track,
.k-split-button .k-gantt-views, .k-textbox, .k-tile, .k-timepicker, .k-tooltip, .k-touch-scrollbar, .k-treeview .k-in, .k-upload, .k-window, .k-window-action,
.k-window-titleless .k-window-content {
    margin-bottom: 0.5rem;
}*/
/*.swcs-section, .swcs-warning-section, .swcs-alert-section {
    padding: 8px;
    margin: 5px;
    border-radius: 10px;
}

.swcs-section {
    border: 2px solid #87d7ff;
    box-shadow: 0px 0px 15px #87d7ff;
}

.swcs-warning-section {
    border: 2px solid #ff6;
    box-shadow: 0px 0px 15px #ff0;
    background-color: #ffe;
}

.swcs-alert-section {
    border: 2px solid #ff6666;
    box-shadow: 0px 0px 15px #ff6666;
    background-color: #ffeeee;
}*/
.k-dropdown, .k-selectbox, .k-textbox {
    width: 100% !important;
}

.k-numerictextbox {
    width: 100px;
}

.k-filter-row .k-dropdown-operator{
    right: 0px !important;
}

.k-grid tr td {
    vertical-align: top;
}

.k-nogo{
    background-color: #ff3939;
    color: #fff;
}

.nap-textarea {
    height: 100px !important;
}

.hide {
    display: none !important;
}

label {
    font-weight: bold;
}

.page-breadcrumb {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

.page-title {
    width: 100%;
    font-weight: bold;
    border-bottom: 1px solid #e3e3e3;
}

footer.sticky-footer {
    height: 40px !important;
}

footer.sticky-footer.container {
    position: relative;
}

.copyright {
    position: absolute;
    width: 100%;
    height: 60%;
    left: 0px;
    bottom: 0px;
}

.lblDownloaded {
    font-size: 10pt;
}

.jobsheet-unread {
    background-color: #6bcdff;
    font-weight: bold;
}

.jobsheet-alert {
    /*-webkit-animation-name: JobSheetItemPendingStatus;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-name: JobSheetItemPendingStatus;
    animation-duration: 5s;
    animation-iteration-count: infinite;*/
    background-color: #fffdd7;
}

.jobsheet-item-pending {
    /*-webkit-animation-name: JobSheetItemPendingStatus;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-name: JobSheetItemPendingStatus;
    animation-duration: 5s;
    animation-iteration-count: infinite;*/
    background-color: #fffdd7;
}

.jobsheet-wip {
    background-color: #99ff81;
}

.jobsheet-completed {
    background-color: #deffd6;
}

.jobsheet-item-cancelled, .jobsheet-cancelled {
    background-color: #fec5c5;
    /*-webkit-animation-name: JobSheetItemCancelledStatus; 
    -webkit-animation-duration: 15s; 
    -webkit-animation-iteration-count: infinite; 
    animation-name: JobSheetItemCancelledStatus;
    animation-duration: 15s;
    animation-iteration-count: infinite;*/
}

.jobsheet-item-urgent {
    font-size: 16pt;
    font-weight: bold;
    text-transform: uppercase;
    color: #f00;
}

.jobsheet-item-remark {
    color: #f00;
}

.jobsheet-item-downloaded, .jobsheet-item-downloaded  A{
    color: #f0f;
}

.jobsheet-item-neverdownload, .jobsheet-item-neverdownload A {
    color: #00f;
}

.napCapitalize {
    text-transform: uppercase;
}

.nap-nobold{
    font-weight: normal !important;
}

.napSystemTypePanel {
    position: absolute;
    top: 15px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.napSystemTypePanel a {
    font-size: 10pt;
}

.napDisplayName {
    color: #fff;
}

.cssFileDropZone {
    text-align: center;
    height: 100px;
}

.nap-do-item{
    padding-left: 5px;
    padding-right: 5px;
}

.nap-do-item:nth-child(even) {
    background-color: #ecf3ff;
    padding-top: 10px;
    margin-top: 10px;
}

.nap-do-item .row:not(:last-child) {
    padding-bottom: 5px;
}

.nap-title {
    font-size: 13pt;
    font-weight: bold;
}

.nap-jobsheet-year {
    width: auto !important;
    margin-left: 1rem;
    font-size: 1.2rem;
}

.row {
    margin-bottom: 0.5rem;
}


.nap-jobsheet-status-filter-button {
    background-color: #fff;
}

.nap-jobsheet-status-filter-button:hover{
    background-color: #cacaca !important;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes JobSheetItemPendingStatus {
    0% {
    background-color: #fffdd7;
    }

    25% {
        background-color: #fffa9e;
    }

    50% {
        background-color: #fffdd7;
    }

    75% {
        background-color: #fffa9e;
    }

    100% {
        background-color: #fffdd7;
    }
}

/* Standard syntax */
@keyframes JobSheetItemPendingStatus {
    0% {
        background-color: #fffdd7;
    }

    25% {
        background-color: #fffa9e;
    }

    50% {
        background-color: #fffdd7;
    }

    75% {
        background-color: #fffa9e;
    }

    100% {
        background-color: #fffdd7;
    }
}

/*@keyframes JobSheetItemCancelledStatus {
    0% {
        background-color: #fec5c5;
    }

    25% {
        background-color: #ffa0a0;
    }

    50% {
        background-color: #fec5c5;
    }

    75% {
        background-color: #ffa0a0;
    }

    100% {
        background-color: #fec5c5;
    }
}*/

@media (max-width: 767px) {
    #wrapper #content-wrapper {
        width: calc(100% - 90px);
    }
}

@media (min-width: 768px) {
    .sidebar .nav-item .nav-link {
        width: 215px !important;
    }

    #wrapper #content-wrapper {
        width: calc(100% - 225px);
    }
}


@media (min-width: 1200px) {
    .container {
        max-width: 100%;
    }
}