body {
    margin: 0;
    padding: 0;
    border: 0;
}

iframe {
    border: 0;
    margin: 0;
    padding: 0;
}

#container {
    margin: 0;
    padding: 0;
    border: 0;
}

#masthead {
    margin: 0;
    padding: 0;
    border: 0;
}

#navigation {
    margin: 0;
    padding: 0;
    border: 0;
}

#content {
    margin: 0;
    padding: 0;
    border: 0;
}

#footer {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    /*font-size: 0.8em;*/
    background-color: #f2f2f7;
    background-image: url('../img/background.gif');
    background-repeat: repeat;
    background-attachment: scroll;
}

#container {
    min-width: 1040px;
    margin: 10px;
}

#masthead {
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #a9a9a9;
    background-color: #fafaff;
}

    #masthead h3 {
        float: left;
        margin-left: 10px;
    }

#userpanel {
    float: right;
    padding: 10px;
}

#navigation {
    position: relative;
    float: left;
    width: 180px;
    min-height: 350px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #a9a9a9;
    background-color: #fff;
}

#content {
    min-height: 330px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #a9a9a9;
    background-color: #fff;
}

#footer {
    text-align: center;
    clear: both;
    padding: 0 5px;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #a9a9a9;
    background-color: #fefeff;
}
/* Masthead Styles */
#masthead h3 {
    color: #5f8ea9;
}

    #masthead h3 a {
        color: #3d6c87;
        text-decoration: none;
    }
/* Navigation Styles */
#navigation ul {
    list-style-type: none;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

#navigation li {
    display: block;
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
    background-color: #fff;
}

#navigation a {
    color: #3d6c87;
    text-decoration: none;
    display: block;
    padding: 5px 10px;
    border: 1px solid #fff;
    background-color: #fff;
}

    #navigation a:hover {
        color: #fff;
        text-decoration: none;
        border: 1px solid #5f8ea9;
        background-color: #5f8ea9;
    }

.navigation-top ul {
    list-style-type: none;
    display: block;
    margin: 0 auto;
    padding: 0;
}

.navigation-top li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

.navigation-top a {
    color: #3d6c87;
    text-decoration: none;
    display: block;
    padding: 10px;
}

    .navigation-top a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #5f8ea9;
    }

/* Content Styles */
#content h1, h2, h3, h4, h5, h6 {
    color: #3d6c87;
}

a {
    color: #5f8ea9;
    text-decoration: underline;
}

    a:hover {
        color: #33627d;
        text-decoration: underline;
    }

.style_bold {
    font-weight: bold;
}

.style_italic {
    font-style: italic;
}

/* misc */
.clear {
    clear: both;
}

th {
    text-align: left;
}

.loadingBox {
    position: fixed;
    border: solid black 1px;
    top: 50%;
    left: 50%;
    width: 320px;
    height: 50px;
    margin-left: -175px;
    margin-top: -25px;
    padding: 15px;
    opacity: .9;
    background-color: #fff;
    text-align: center;
}

/* gridview */

.gridview {
    width: 100%;
}

    .gridview input[type=text] {
        width: 100px;
    }

/* formview */
.formview input[type=text], .formview input[type=number], .formview select {
    width: 200px;
}

.orders-list-header {
    background-color: #5D7B9D;
    font-size: 15px;
    padding: 5px;
    color: #fff;
}

.tablecell {
    padding: 5px;
}

.attentionLabel {
    color: #fff;
    background-color: red;
    border-radius: 5px;
    padding: 1px 4px;
    font-weight: bold;
}

.lockedInput {
    background-image: url('../img/locked.png');
    background-repeat: no-repeat;
    background-position: right;
}

.qifTable td {
    padding: 0;
}

.qifTable label {
    width: 100%;
    min-width: 82px;
    display: block;
    cursor: pointer;
    transition: all .2s;
}

    .qifTable label.read-only {
        cursor: default;
    }

    .qifTable label.Perfect:hover {
        background-color: #C2FFBA;
    }

    .qifTable label.Deviation:hover {
        background-color: #FFFFA8;
    }

    .qifTable label.Fixed:hover {
        background-color: #D6FF96;
    }

    .qifTable label.Failed:hover {
        background-color: #FFC2B7;
    }

    .qifTable label.Not.inspected:hover {
        background-color: #8db9e8;
    }

     

.qifTable tr td label.read-only:hover {
    background-color: inherit;
}

.qifTable .greyRow {
    background-color: #DFDFDF;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCCCCC), to(#F7F7F7));
    background: -webkit-linear-gradient(top, #CCCCCC, #F7F7F7);
    background: -moz-linear-gradient(top, #CCCCCC, #F7F7F7);
    background: -ms-linear-gradient(top, #CCCCCC, #F7F7F7);
    background: -o-linear-gradient(top, #CCCCCC, #F7F7F7);
}

.qifTable .redRow {
    background-color: #FFD9D6;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFBCB5), to(#FFE5E5));
    background: -webkit-linear-gradient(top, #FFBCB5, #FFE5E5);
    background: -moz-linear-gradient(top, #FFBCB5, #FFE5E5);
    background: -ms-linear-gradient(top, #FFBCB5, #FFE5E5);
    background: -o-linear-gradient(top, #FFBCB5, #FFE5E5);
}

.qifTable .greenRow {
    background-color: #BFFFBA;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9AFF91), to(#ECFFE8));
    background: -webkit-linear-gradient(top, #9AFF91, #ECFFE8);
    background: -moz-linear-gradient(top, #9AFF91, #ECFFE8);
    background: -ms-linear-gradient(top, #9AFF91, #ECFFE8);
    background: -o-linear-gradient(top, #9AFF91, #ECFFE8);
}

.qifTable .greenishRow {
    background-color: #CFFFBC;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDFF96), to(#ECFFE8));
    background: -webkit-linear-gradient(top, #DDFF96, #ECFFE8);
    background: -moz-linear-gradient(top, #DDFF96, #ECFFE8);
    background: -ms-linear-gradient(top, #DDFF96, #ECFFE8);
    background: -o-linear-gradient(top, #DDFF96, #ECFFE8);
}

.qifTable .blueRow {
    background-color: #8db9e8;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8db9cf), to(#8db9f0));
    background: -webkit-linear-gradient(top, #8db9cf, #8db9f0);
    background: -moz-linear-gradient(top, #8db9cf, #8db9f0);
    background: -ms-linear-gradient(top, #8db9cf, #8db9f0);
    background: -o-linear-gradient(top, #8db9cf, #8db9f0);
}

.qifTable .yellowRow {
    background-color: #FFFCC1;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFDA3), to(#FFFFE0));
    background: -webkit-linear-gradient(top, #FFFDA3, #FFFFE0);
    background: -moz-linear-gradient(top, #FFFDA3, #FFFFE0);
    background: -ms-linear-gradient(top, #FFFDA3, #FFFFE0);
    background: -o-linear-gradient(top, #FFFDA3, #FFFFE0);
}

.qifTable .ajax-loader {
    z-index: 2;
}

.uppercase {
    text-transform: uppercase;
}

.subtle {
    font-size: 0.8em;
    color: #999;
}


/*Header*/
.Tab .ajax__tab_header {
    font-size: 15px;
    font-weight: bold;
}

    .Tab .ajax__tab_header > span, .Tab .ajax__tab_header > span * {
        border-top-left-radius: 0.5em;
        border-top-right-radius: 0.5em;
    }

    .Tab .ajax__tab_header > span {
        margin-right: 4px;
    }

/* anchor */
.Tab .ajax__tab_tab {
    height: 20px;
    padding: 6px 10px;
    outline: 0;
}

/*Tab Active*/
.Tab .ajax__tab_active .ajax__tab_tab, .Tab .ajax__tab_active .ajax__tab_inner, .Tab .ajax__tab_active .ajax__tab_outer {
    background-color: #5D7B9D;
    background: -moz-linear-gradient(top, #779dc6 0%, #5d7b9d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#779dc6), color-stop(100%,#5d7b9d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #779dc6 0%,#5d7b9d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #779dc6 0%,#5d7b9d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #779dc6 0%,#5d7b9d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #779dc6 0%,#5d7b9d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#779dc6', endColorstr='#5d7b9d',GradientType=0 ); /* IE6-9 */
}

.Tab .ajax__tab_active .ajax__tab_tab span, .Tab .ajax__tab_active .ajax__tab_inner span, .Tab .ajax__tab_active .ajax__tab_outer span {
    color: #fff !important;
}


/*Tab Hover*/
.Tab .ajax__tab_hover .ajax__tab_tab, .Tab .ajax__tab_hover .ajax__tab_inner, .Tab .ajax__tab_hover .ajax__tab_outer {
    color: #fff;
    background-color: #779DC6;
    background: -moz-linear-gradient(top, #8db9e8 0%, #779dc6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8db9e8), color-stop(100%,#779dc6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8db9e8 0%,#779dc6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8db9e8 0%,#779dc6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8db9e8 0%,#779dc6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #8db9e8 0%,#779dc6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8db9e8', endColorstr='#779dc6',GradientType=0 ); /* IE6-9 */
}

.Tab .ajax__tab_hover .ajax__tab_tab span, .Tab .ajax__tab_hover .ajax__tab_inner span, .Tab .ajax__tab_hover .ajax__tab_outer span {
    color: #fff !important;
}

/*Tab Inactive*/
.Tab .ajax__tab_tab, .Tab .ajax__tab_inner, .Tab .ajax__tab_outer {
    color: #666666;
    background-color: #DDEDFF;
}

.professional-table th {
    background-color: #5D7B9D;
    color: #fff;
    font-weight: bold;
}

.invisible-column {
    display: none;
}

.invoice-row {
    background-color: #EAF1FF;
}

/* LIGHTBOX */

.lightbox {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 15px;
    background-color: #fff;
    z-index: 1002;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 2px 2px 4px #999;
}

.black-overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1001;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: .2;
    margin: 0 !important;
}


.lightbox.qif-files {
    width: 550px;
    height: 400px;
    margin-left: -275px !important;
    margin-top: -250px !important;
}

iframe.upload-frame-files-iframe {
    width: 520px;
    height: 300px;
}

button.lightbox-button {
    margin-right: 15px;
}

.copyright {
    float: right;
    margin: 0 40px;
    font-weight: normal;
    font-size: 14px;
    color: #aaa;
}

    .copyright a {
        text-decoration: none !important;
    }

    .copyright:hover {
        text-decoration: underline;
    }

.lbl_footer {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    margin: 0 !important;
    padding-left: 20px;
}

.notifications {
    background-color: #EF5655;
    float: right;
    margin-top: 25px;
    padding-left: 4px;
    padding-right: 4px;
    position: absolute;
    right: 6px;
}

    .notifications span {
        color: #fff;
    }

.wide-text-block {
    min-width: 70px;
    display: inline-block;
}

.gridview-clickable tr:not(:first-child) {
    cursor: pointer;
}

    .gridview-clickable tr:not(:first-child):hover {
        background-color: #E5F1FF !important;
    }


.msgbox {
    display: inline-block;
    padding-bottom: 10px;
    margin: 0px;
    font: -webkit-small-control;
    letter-spacing: normal;
    word-spacing: normal;
    text-align: start;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    flex-direction: column;
    cursor: auto;
    -webkit-appearance: textarea;
    border: 1px solid #999;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 1.2;
    resize: none;
}

/* datepicker quickfix */
.ajax__calendar_day {
    margin: 0 !important;
}

.input-50 {
   width: 50px !important;
   height: 20px !important;
   padding: 4px 6px !important;
}

.input-74 {
   width: 74px !important;
   height: 20px !important;
   padding: 4px 6px !important;
}

.modal {
    left: 41% !important;
    width: 1080px !important;
}

table.edit-production-batches th, table.edit-production-batches td {
    text-align:center;
}

.nowrap { 
  white-space: nowrap; 
}