/* DEFAULTS
----------------------------------------------------------*/
.Home.Panel p{
    margin:0;
}

.ajax__tab_xp .ajax__tab_body,
body {
    font-size: 9pt !important;
    font-family: Arial, Helvetica, sans-serif !important;
    margin: 0px;
    /*padding: 0px;*/
    background: White;
    color: Black;
    outline: none;
}

.ajax__tab_xp .ajax__tab_disabled a,
.ajax__tab_xp .ajax__tab_disabled a:visited,
.ajax__tab_xp .ajax__tab_disabled a:hover,
.ajax__tab_xp .ajax__tab_disabled a:link {
    color: gray !important;
    cursor: default;
}

a:link, a:visited {
    color: #003D79;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #034af3;
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}

input[type="submit"] {
    padding: 5px 10px;
    border: none;
    background-color: #003D79;
    color: White;
}

    input[type="submit"]:hover,
    input[type="submit"].smallbut:hover {
        color: Black;
        background-color: #bbb;
        cursor: pointer;
    }

    input[type="submit"].smallbut {
        padding: 2px 10px;
    }

input[type="text"].readonly {
    border: none;
}

input[type="checkbox"] {
    border: none !important;
}




textarea {
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    resize: none;
}

.input-validation-error {
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee;
}

div.input-validation-error {
    margin: 20px 10px;
    padding: 10px 10px 20px 10px;
}
/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 14pt;
    text-transform: none;
    font-weight: bold;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h1 {
    font-size: 14pt;
}

h2 {
    font-size: 13pt;
}

h3 {
    font-size: 12pt;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page {
    width: 980px;
    margin: 0px auto 0px auto;
    background: White url('../images/shadow.png') repeat-y;
}

.header {
    position: relative;
    margin: 0px 6px;
    padding: 0px 2px;
    width: 968px;
    height: 120px;
    background-image: url('../images/header.jpg');
    background-repeat: no-repeat;
    background-position: top center;
}

    .header .logo {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 206px;
        height: 52px;
    }

        .header .logo a img {
            border: none;
        }

    .header .title {
        position: absolute;
        left: 10px;
        bottom: 10px;
        width: 245px;
        text-align: center;
        background-image: url(../Images/iros.png);
    }

    .header h1 {
        position: relative;
        left: -1000px;
        font-weight: 700;
        margin: 0px;
        padding: 0px 4px;
        color: Red;
        border: none;
        line-height: 2em;
        font-size: 2em;
        font-variant: normal;
    }

.menuContainer {
    margin: 0px 6px;
    width: 968px;
    background-color: #003D79;
    height: 26px;
    display: inline-block;
    overflow: hidden;
}

.breadCrumbContainer {
    margin: 0px 6px;
    width: 938px;
    padding: 2px 15px;
    display: inline-block;
    color: #696969;
}

.main {
    margin: 6px;
    min-height: 320px;
    background-image: url('../images/main.png');
    background-repeat: no-repeat;
    background-position: center top;
}

.mainSpacer {
    width: 100%;
    height: 10px;
}

.mainContainer {
    margin: 10px 5px;
    padding: 10px 10px;
    background-color: White;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
    border: solid 1px #ccc;
    /*min-height: 380px;*/
    display: inline-block;
    width: 935px;
}

    .mainContainer h2 {
        margin-top: 0px;
    }

.footer {
    /* GeMa 2023-10-25 : uitgezet */
    display: none;
    width: 100%;
}

    .footer .left {
        margin-left: 10px;
        float: left;
        padding: 5px;
        height: 63px;
        width: 600px;
        color: dimgray;
    }

    .footer .right {
        margin-right: 10px;
        float: right;
        background: #ffffff url(../Images/footerdrivenquality.png) no-repeat right;
        height: 73px;
        width: 128px;
    }
/* BREAD CRUM
----------------------------------------------------------*/

.breadCrumbContainer a,
.breadCrumbContainer a:link,
.breadCrumbContainer a:hover,
.breadCrumbContainer a:visited {
    color: #4e5766;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink a {
    display: none;
}

div.menu {
    position: absolute;
    z-index: 90;
    padding: 0;
}

    div.menu img.separator {
        display: block;
    }

    div.menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: auto;
    }

        div.menu ul li a, div.menu ul li a:visited {
            background-color: #003D79;
            color: White;
            display: block;
            line-height: 1.35em;
            padding: 4px 15px;
            text-decoration: none;
            white-space: nowrap;
        }

            div.menu ul li a:hover {
                color: Black;
                background-color: #bbb;
                text-decoration: none;
            }

    div.menu > ul > li {
        float: left;
    }

    div.menu ul ul {
        display: none;
    }
/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
    margin: 0.3em 0em 0.3em 0em;
    padding: 1em 1em 2em 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset label,
    fieldset input[type="text"],
    fieldset button[type="submit"] {
        _margin-right: 15px;
    }

    fieldset.login label,
    fieldset.register label,
    fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}


/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px 30px;
    color: White;
}

.languageDisplay {
    font-size: 1em;
    display: block;
    float: right;
    margin-right: 30px;
    margin-top: 30px;
}

.loginDisplay a:link {
    color: white;
}

.loginDisplay a:visited {
    color: white;
}

.loginDisplay a:hover {
    color: white;
}

.failureNotification {
    color: Red;
    font-style: italic;
}

.saveFailed {
    padding-bottom: 10px;
    display: block;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

/* ACCOUNT/LOGIN
----------------------------------------------------------*/
.accountContainer {
    margin: 20px auto;
    width: 400px;
}

.passwordContainer {
    margin: 20px auto;
    width: 460px;
}

/* HOME (and controls)
----------------------------------------------------------*/
.home-actions {
    float: left;
    width: 220px;
}

.home-messageboard fieldset {
    width: 902px;
    height: 75px;
}

.home-messageboard .message-container {
    height: 60px;
    overflow-y: auto;
}

.home-actions fieldset {
    height: 350px;
    margin-bottom: 15px;
}

.home-actions .office-selector {
}

    .home-actions .office-selector select {
        width: 100%;
        margin: 5px 0px;
    }

.home-actions .office-actions {
    height: 230px;
    margin: 5px 0px;
}

    .home-actions .office-actions input {
        width: 100%;
        margin: 5px 0px;
    }

.home-actions .office-versions {
}

    .home-actions .office-versions input[type="text"] {
        width: 30px;
        padding: 0px;
        margin: 0px;
    }

.home-actions a,
.home-actions a:link,
.home-actions a:visited {
    background-color: #003D79;
    color: White;
    margin: 5px 0px;
    padding: 4px 0px;
    display: list-item;
    list-style: none;
    text-align: center;
    text-decoration: none;
}

    .home-actions a:hover {
        color: Black;
        background-color: #bbb;
    }

.home-dashboard {
    margin-left: 10px;
    float: left;
    width: 700px;
}

    .home-dashboard fieldset {
        height: 350px;
    }

.pending-worksheets {
    overflow: auto;
    height: 290px;
}

.search-worksheets {
    height: 290px;
}

    .search-worksheets .filter {
        display: block;
        margin-bottom: 10px;
    }

        .search-worksheets .filter .filter-row {
            display: block;
        }

            .search-worksheets .filter .filter-row .label {
                float: left;
                width: 110px;
                padding-top: 3px;
            }

            .search-worksheets .filter .filter-row .field {
                float: left;
                width: 190px;
            }

            .search-worksheets .filter .filter-row .w80 {
                width: 80px !important;
            }

            .search-worksheets .filter .filter-row .field .textEntry {
                width: 150px;
            }

            .search-worksheets .filter .filter-row .field select.textEntry {
                width: 152px;
            }

        .search-worksheets .filter .filter-button {
            padding-top: 42px;
            text-align: right;
        }

    .search-worksheets .result {
        overflow: auto;
        height: 230px;
    }

    .search-worksheets .top100 {
        padding-top: 10px;
        font-style: italic;
    }

.graph-container {
    height: 290px;
    display: inline-block;
}

    .graph-container #graph1,
    .graph-container #graph2,
    .graph-container #graph3 {
        float: left;
        width: 215px;
        margin-left: 5px;
        height: 290px;
    }


/* Label value containers
--------------------------------------*/

.label-value-container {
    width: 100%;
    padding: 1px 0px;
    display: inline-block;
}

    .label-value-container .title {
        background-color: #ccc;
        width: 95%;
        color: Black;
        font-weight: bold;
        padding: 2px 0px;
    }



    .label-value-container .label {
        float: left;
        width: 150px;
    }

    .label-value-container .value {
        float: left;
    }

/* Datagrid
--------------------------------------*/

.datagrid {
    width: 95%;
}

.datagrid {
    border-collapse: collapse;
    border: none;
}

    .datagrid .alt {
        background-color: #eee;
    }

    .datagrid td {
        border: none;
        text-align: left;
        padding: 2px;
    }

    .datagrid th {
        border: none;
        text-align: left;
        background-color: #ccc;
        padding: 2px;
    }

/* Buttons */
a.btn,
a.btn:link,
a.btn:visited,
.buttons input[type="button"] {
    background-color: #003D79;
    color: White;
    margin: 0px 10px 10px 0px;
    padding: 5px 10px;
    /*display:list-item; */
    list-style: none;
    text-align: center;
    text-decoration: none;
    border: none;
}

    .buttons input[type="button"]:hover,
    a.btn:hover {
        color: Black;
        background-color: #bbb;
    }

.buttons a {
    float: left;
}

.buttons .left {
    float: left;
}

.buttons .right {
    float: right;
}

.buttons input[type="button"],
.buttons input[type="submit"] {
    margin: 0px 10px 10px 0px;
}

/************* EDIT.ASPX **************/
.editcontainer {
    position: relative;
}

    .editcontainer .label,
    .editcontainer .labelsmall {
        float: left;
        width: 200px;
        padding: 2px;
        height: 23px;
    }

    .editcontainer .labelsmall {
        width: 160px;
    }

    .editcontainer .field {
        padding: 2px;
        min-height: 23px;
    }

        .editcontainer .field .padleft {
            display: inline-block;
            margin-left: 1px;
        }

        .editcontainer .field select {
            width: 252px;
            margin-right: 16px;
        }

            .editcontainer .field select.large {
                width: 500px;
            }

        .editcontainer .field textarea,
        .editcontainer .field input {
            width: 250px;
            border: 1px solid #ccc;
        }

        .editcontainer .field textarea {
            height: 50px;
        }


        .editcontainer .field table {
            border-collapse: collapse;
            border-spacing: 0px;
            padding: 0px;
            margin-top: -15px;
        }

            .editcontainer .field table.checkboxlist {
                margin-top: 0px;
            }

            .editcontainer .field table td {
                padding-bottom: 5px;
                vertical-align: top;
                padding-right: 15px;
                text-align: left;
            }

            .editcontainer .field table th {
                padding-top: 15px;
                padding-right: 15px;
                padding-bottom: 3px;
                vertical-align: top;
                text-align: left;
            }

        .editcontainer .field tr:first-child {
            /*padding-top: 0px !important;*/
        }

        .editcontainer .field tr td:first-child,
        .editcontainer .field tr th:first-child /* first column */ {
            width: 280px;
        }
        /*.editcontainer .field tr > td:first-child+td+td, 
.editcontainer .field tr > th:first-child+th+th /* third column */
        /*{
    width: 540px;     
}*/
        .editcontainer .field table td textarea {
            width: 400px;
        }

            .editcontainer .field table td textarea.rows2 {
                height: 40px;
            }

            .editcontainer .field table td textarea.rows3 {
                height: 60px;
            }

            .editcontainer .field table td textarea.rows10 {
                height: 240px;
            }

        .editcontainer .field table.checkboxlist tr td:first-child,
        .editcontainer .field table.checkboxlist tr th:first-child /* first column */ {
            width: auto;
        }

    .editcontainer .attachmenttable {
        border-spacing: 0;
        border-collapse: collapse;
        margin-top: 0px !important;
    }

select {
    border: 1px solid #ccc;
}

    select[disabled],
    textarea.readonly,
    input.readonly {
        background-color: #eee;
        color: #4e5766;
    }

    .editcontainer .field input.integer,
    .editcontainer .field input.decimal,
    .editcontainer .field input.alfa,
    .editcontainer .field select.integer,
    .editcontainer .field select.decimal,
    .editcontainer .field select.alfa,
    input.integer,
    select.integer,
    input.decimal,
    select.decimal,
    input.alfa,
    select.alfa {
        width: 50px;
        text-align: right;
    }

.editcontainer .field input.alfa,
input.alfa {
    text-align: left;
}

input.smalltext,
.editcontainer .field input.smalltext {
    width: 50px;
}

input.mediumtext,
.editcontainer .field input.mediumtext {
    width: 150px;
}


.editcontainer .field input[type=checkbox] {
    padding-left: 0;
    margin-left: 0;
    width: auto;
}



.editcontainer .field .innerfield,
.editcontainer .field .innerlabel,
.editcontainer .field .innerlabellarge {
    float: left;
    margin-right: 5px;
    min-height: 25px;
}

.editcontainer .field .fixed {
    width: 274px;
}

.editcontainer .field .innerlabel {
    margin-right: 25px;
    width: 75px;
}

.editcontainer .field .innerlabellarge {
    margin-right: 25px;
    width: 160px;
}

.editcontainer .field .innerfieldend {
    margin-right: 5px;
    min-height: 25px;
}

.editcontainer .title {
    float: none;
    padding: 2px;
    min-height: 25px;
    font-weight: bold;
    width: 100%;
}

.editcontainer #tabs-1,
.editcontainer #tabs-2,
.editcontainer #tabs-3,
.editcontainer #tabs-4,
.editcontainer #tabs-5 {
    min-height: 275px;
}

/*
.stock .field select
{
    width: 157px;
}

.stock .field input[type="text"]
{
    width: 155px;
    border: 1px solid #ccc;
}
*/


.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.hide {
    display: none;
}

.datepicker {
    width: 80px !important;
    text-align: right;
}

.injector {
    width: 80px !important;
    text-transform: uppercase;
}

.required:after {
    content: " *";
}

/* worksheet injector serials 2 columns */
.editcontainer .column {
    float: left;
    width: 440px;
}

    .editcontainer .column.left {
        width: 440px;
    }

/* Popup (update worksheet) */
#popup {
    width: 550px;
}

.hiddenlink {
    display: none;
}

#fancybox-content {
    padding: 45px 0 0 0;
}

#fancybox-title {
    top: 0px;
    bottom: auto;
    margin-left: 0px !important;
    width: 100% !important;
    height: 40px !important;
}

#fancybox-title-over {
    background-image: none !important;
    background-color: #003D79 !important;
    color: White !important;
    font-weight: bold !important;
}

/* Manual */
.manual {
    float: right;
    margin-right: 28px;
}

    .manual a {
        color: White;
        display: block;
        line-height: 25px;
    }

.ROS-info {
    padding-top: 20px;
}

    .ROS-info .label-value-container {
        min-height: 20px;
    }

        .ROS-info .label-value-container .title span,
        .ROS-info .label-value-container .label span,
        .ROS-info .label-value-container .label label {
            padding-left: 2px;
        }

/* Status icon on worksheet injector (edit) */
.status {
    background: White url('../images/status-small.gif');
    width: 32px;
    height: 30px;
    display: block;
}

    .status.none {
        background-image: none;
    }

    .status.approved {
    }

    .status.rejected {
        background-position: -31px 0px;
    }

.injector {
    width: 80px !important;
    text-transform: uppercase;
}

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

/* IE 6 doesn't support max-height
    * we use height instead, but this forces the menu to always be this tall
    */
* html .ui-autocomplete {
    height: 100px;
}

.nozzle {
    text-transform: uppercase;
    text-align: center;
}


.editcontainer.upload {
}

    .editcontainer.upload fieldset {
        margin: 0em 0em 0.3em 0em;
    }

    .editcontainer.upload input[type="file"] {
        width: 100% !important;
    }

.file-upload-container .smallbut.add {
    width: 100px;
}

.file-upload-container .smallbut.delete {
    width: 100px;
}

.file-upload-container input.notvisible {
    width: 1px !important;
    height: 1px !important;
    padding: 0px !important;
    margin: 0px !important;
    background-color: White !important;
    border: none !important;
}

.success-notification {
    float: left;
    margin-left: 15px;
    padding: 4px 5px;
    border: solid 1px Green;
    color: green;
}

.disabled-button {
    background-color: red !important;
    color: gray !important;
}

.failuresolutions span.aspNetDisabled {
    text-decoration: line-through;
}

/* Added by Felix to style some iROS specific stuff */

/* datepicker always 75px*/
input.datepicker {
    width: 75px;
}


/* hide disabled checkboxes (only label stays) */
.aspNetDisabled input[type='checkbox'],
.aspNetDisabled input[type='radio'] {
    _display: none;
}

input[readonly='readonly'],
textarea[readonly='readonly'] {
    color: black;
    border-style: none;
}

select.aspNetDisabled {
    color: black;
    /*border-style: none;*/
    /*background-color: transparent; DIR-14319 - GeMa - 19-9-2017 : uitgezet */
}

.headerlink img {
    border: none;
}

th.asc {
    background: url("../Images/asc.png") no-repeat center right;
}

th.desc {
    background: url("../Images/desc.png") no-repeat center right;
}

table.grid {
    width: 250px;
    table-layout: fixed;
}

    table.grid tr.gridrow {
        height: 1em;
    }

        table.grid tr.gridrow td {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            cursor: default;
        }

    table.grid tr.gridheader th {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        cursor: default;
    }

        table.grid tr.gridheader th.resizing {
            cursor: col-resize;
            user-select: none;
            -webkit-user-select: none; /* Chrome all / Safari all */
            -moz-user-select: none; /* Firefox all */
            -ms-user-select: none; /* IE 10+ */
        }

            table.grid tr.gridheader th.resizing a {
                user-select: none;
                -webkit-user-select: none; /* Chrome all / Safari all */
                -moz-user-select: none; /* Firefox all */
                -ms-user-select: none; /* IE 10+ */
            }

div.tablescroll {
    overflow-x: hidden;
}

table.tablescroll_head {
    table-layout: fixed;
}

    table.tablescroll_head tr.gridheader th {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        cursor: default;
    }

        table.tablescroll_head tr.gridheader th.resizing {
            cursor: col-resize;
        }

.buttons {
    position: relative;
    padding: 10px 0px 30px 0px;
    width: 100%;
}

    .buttons input[type=submit] {
        min-width: 100px;
    }

    .buttons.right {
        text-align: right;
    }

    .buttons .closebutton {
        position: absolute;
        right: 0px;
    }

    .buttons .rightbutton {
        position: absolute;
        right: 0px;
    }

table {
    font-size: 9pt;
    outline: none;
}

div {
    outline: none;
}

fieldset.changePassword {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset.changePassword label {
        width: 114px;
        display: inline-block;
    }

fieldset.login label {
    width: 114px;
    display: inline-block;
}

fieldset.login input {
    width: 200px !important;
}


input[type=submit].aspNetDisabled,
.disabled-button {
    background-color: #bbb;
    color: gray !important;
}


hr {
    border: 0;
    height: 1px;
    background: #8f92b2;
}

/* Modal popup */
.modalBackground {
    position: absolute;
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    word-wrap: break-word;
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

    .modalPopup .titlebar {
        height: 24px;
        cursor: move;
        background-color: #DDDDDD;
        border: solid 1px Gray;
        color: Black;
        text-align: center;
    }

    .modalPopup .close {
        position: absolute;
        display: block;
        background: url(../Images/close.jpg) no-repeat 0px 0px;
        text-indent: -1000em;
        width: 26px;
        height: 26px;
        right: 2px;
        top: 5px;
    }

.RosHeader {
    text-align: right;
}

div.ROSDealer {
    position: relative;
}


fieldset.ROSFieldset {
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}

fieldset#ROSDealerDeliveryAddress,
fieldset#ROSDealerAddress {
    width: 400px;
    float: left;
    left: 400px;
    top: -80px;
    padding-bottom: 1px;
    display: block;
}

fieldset#ROSDealerDeliveryAddress {
    width: 500px;
}

fieldset.ROSFieldset p {
    margin: 0;
    padding: 0 0 2px 0;
}

fieldset.ROSFieldset label,
fieldset.ROSFieldset span.label {
    display: inline-block;
    width: 225px;
    vertical-align: top;
}

fieldset.ROSFieldset span.small label,
fieldset.ROSFieldset span.small span.label {
    width: auto;
}

/* Radio button list onder elkaar */
fieldset.ROSFieldset span.rbl {
    display: inline-block;
}

fieldset.ROSFieldset span.rbl span.small {
    display: block;
}

fieldset#ROSDealer label,
fieldset#ROSDensoDealer label, fieldset#ROSDealerAddress label {
    width: 150px;
}

.ROSFieldset .multifield .label {
    float: left;
    width: 140px;
    display: block;
}

.ROSFieldset .multifield ul {
    margin: 0;
    padding: 0;
    float: left;
    display: block;
    width: 770px;
    overflow: hidden;
}

.ROSFieldset ul li {
    line-height: 1.5em;
    float: left;
    _display: inline-block;
    overflow: hidden;
}

.ROSFieldset ul.double li {
    width: 50%;
}

.ROSFieldset ul.triple li {
    width: 33.333%;
}

.ROSFieldset ul.quad li {
    width: 25%;
}

.ROSFieldset ul.six li {
    width: 16.666%;
}

.ROSFieldTable {
    /*width: 850px;*/
    border-color: transparent;
    border-spacing: 0 0 2px 0;
    border-collapse: collapse;
}

    .ROSFieldTable td {
        border-spacing: 0 0 2px 0;
        padding: 0 0 2px 0;
        white-space: nowrap;
        overflow: hidden;
    }

        .ROSFieldTable td.spacer {
            text-align: center;
        }


.screen-split-container {
    width: 100%;
    overflow: hidden;
}

.screen-split-left {
    float: left;
    width: 60%;
}


.screen-split-right {
    float: right;
    width: 38%;
}

.notes-judgement,
.notes-judgement-history {
    height: 190px;
}

.notes-tnt {
    margin-bottom: 10px;
}

    .notes-tnt table, .notes-attachments table {
        width: 100%;
    }

.panNoTNTShipment {
    font-size: 16px;
    color: Red;
    margin-bottom: 15px;
    margin-top: 15px;
}

.tntmemotext {
    width: 525px;
    word-wrap: break-word;
    overflow-y: auto;
}


.errortab, .errortab a {
    color: red;
}





.Home.Panel {
    border-spacing: 5px;
    margin-bottom: 10px;
    line-height: 18px;
}


.BigHeader {
    font-weight: bold;
    font-size: 11pt;
}

.NormalRed {
    color: red;
}
/* USER ADMIN SETTINGS */
td.label {
    width: 150px;
    vertical-align: top;
}

td.field {
    min-width: 200px;
    vertical-align: top;
}

    td.field input[type="text"],
    td.field select {
        width: 190px;
    }

td.left-container {
    width: 425px;
    vertical-align: top;
}

td.right-container {
    width: 475px;
    vertical-align: top;
}

/* END USER ADMIN SETTINGS */

/* GeMA: class added by jquery (functions.js) to hide disabled drop down lists with 0 options */
.hidden-select {
    display: none;
}



.txt-other-comment {
    width: 125px;
}

/* DIR-8973: start check all functionality */
#TreeView {
    WIDTH: 100%;
    overflow-y: auto;
    height: 285px;
}

#Data {
    PADDING-LEFT: 38px;
    BORDER-TOP: medium none;
}

.elemLeft {
    WIDTH: 22px;
}

.elemCenter {
    WIDTH: 22px;
}

.elemRight {
}

.ValidationSummary {
    max-height: 80px;
    width: 100%;
    overflow-y: auto;
}

/* DIR-8973: end check all functionality */

select.small {
    width: 90px;
}

/*select {
    width: 206px;
}*/


.request-comment {
    height: 74px;
}

.state-panel {
    display: inline-block;
    width: 5px;
    height: 74px;
}

    .state-panel.notset {
        background-color: #ccc;
    }

    input[type="submit"].approve,
    .state-panel.approved {
        background-color: green;
    }

    input[type="submit"].reject,
    .state-panel.rejected {
        background-color: red;
    }

.icon {
    display: inline-block;
    width: 115px;
    position: relative;
    border: solid 1px #bbb;
    border-radius: 5px;
    padding-top: 15px;
    padding-bottom: 5px;
    margin-right: 5px;
}

    .icon:hover {
        cursor: pointer;
        background-color: #eee;
    }



    .icon:link,
    .icon:hover,
    .icon:visited {
        color: #000;
    }

    .icon i {
        display: inline-block;
        text-align: center;
        width: 100%;
        height: 50px;
    }

    .icon span.description {
        display: inline-block;
        text-align: center;
        width: 100%;
        height: 18px;
        overflow: hidden;
    }

    .icon span.badge {
        position: absolute;
        right: 15px;
        top: 5px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background-color: #bbb;
        border-radius: 20px;
    }

    .aspNetDisabled.icon i{
        color: #bbb;
    }

    .aspNetDisabled.icon:hover {
        cursor: default;
        background-color: white;
    }


table.request-edit,
table.request-comments {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

table.request-edit td{
    width: 300px;
    padding-bottom: 2px;
}
table.request-edit td:first-child{
    width: 200px;
}

table.request-edit td:last-child{
    width: 400px;
}

div.recovery-state-selector{
    margin-top: 5px;
}
.recovery-state-selector .header-title{
    font-weight: bold;
}

.recovery-state-selector td{
    width: 25%;
}

/* DIR-14131 : spacer for RosNumber list */
div.spacer{
    margin-top: 10px;
    margin-bottom: 13px;
}

input.hidden-textbox{
    width: 1px;
    height: 1px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
}

p.note{
    color: gray;
    font-style: italic;
}

div.off{
    background-color: gray !important;
    color: #FFF !important;
    cursor: default !important;
}

/**** PRINT FIXES *****/
.border-solid-top{
    border-top: solid 1px #000;
}

td.print-w150{
    width: 150px;
}

td.print-w250{
    width: 250px;
}

td.print-w400{
    width: 400px;
}

td.align-top{
    vertical-align: top;
}

.align-right{
    text-align: right;
}
div.popup-container{
    width: 96%;
    
}


div.popup-container table{
    border-collapse: collapse;
    border: none;
    border-spacing: 0;
    width: 100%;
}

div.popup-container td{
    padding: 1px 0;
    font-size: 12px !important;
}

div.popup-container td.SmallHeader,
div.popup-container td.BigHeader {
    font-size: 13px !important;
}