.ok {
    border: 1px solid #9abc32!important;
}

.nok {
    border: 1px solid #ac2925!important;
}

#popup .col-xs-5, .col-xs-3, .col-xs-7 {
    margin-bottom: 10px;
}

.label-ontop {
    margin-bottom: -3px;
    display: block;
}

form.k-filter-menu.k-secondary.k-popup.k-group.k-reset div label {
   float: left; clear: left; 
}

table.containers td:first-child {
    width: 200px;
    vertical-align: top;
}

.k-grid td.icon {
    padding: .4em 0.3em;
}

table.containers {
    width: 400px;
}

.details {
    margin-bottom: 25px;
}

.containers tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

fieldset {
    border: 1px solid #c0c0c0;
    padding: .35em .625em .75em;
}

legend {
    border-bottom: 0 !important;
    width: auto;
    margin-bottom: 0;
}

table.article {
    width: 100%;
}

    table.article td:first-child {
        width: 20%;
    }

table.k-selectable td {
    cursor: pointer;
}

.k-ie div.main-container div.row {
    margin-right: 17px;
    margin-left: 0;
}

div.main-container div.row {
    margin-right: 0px;
    margin-left: 0;
}

.navbar {
    width: 100%;
}

/* ==========================================================================
   Fixed column size VesselStay
   ========================================================================== */
/*#Grid tr [data-field="VesselName"] {
    width: 35%;
}
#Grid tr [data-field="VoyageNumber"] {
    width: 12%;
}
#Grid tr [data-field="LloydsNumber"] {
    width: 12%;
}
#Grid tr [data-field="StayNumber"] {
    width: 12%;
}
#Grid tr [data-field="Eta"] {
    width: 12%;
}
#Grid tr [data-field="Date"] {
    width: 12%;
}
#Grid tr [data-field="Errors"] {
    width: 5%;
}*/

.fixed {
    position: fixed;
    /*width: 100%;*/
    z-index: 1000;
}

tr.error {
    color: #515967;
    background-color: #f6cac9!important;
}

tr.error.k-state-selected {
    color: #ffffff;
    background-image: none,linear-gradient(to bottom,#ac2925 0,#CC5B58 100%);
}

tr.obsolete {
    color: #ffffff;
    background-color: #989897!important;
}

tr.active {
    color: #8090a0;
    background-color: #ecf2f7!important;
}

tr.deletion {
    color: #4b4444;
    background-color: #f57777!important;
}

tr.obsolete td button {
    color: #cacaca;
    background-color: #989897!important;
    border-color: #989897!important;
}

tr.obsolete td a {
    color: #cacaca;
    background-color: #989897!important;
    border-color: #989897!important;
}

tr.all {
    color: #515967;
    background-color: #6fb3e0!important;
}

tr.k-alt.warning {
    color: #ffffff;
    background-color: #ECA642!important;
}

tr.warning {
    color: #ffffff;
    background-color: #ECA642!important;
}

    tr.warning.k-state-selected {
        background-image: none,linear-gradient(to bottom,#d58512 0,#ECA642 100%);
    }

fieldset span {
    text-transform: lowercase;
}

legend {
    font-size: 15px;
}

.auto-width {
    width: auto;
}

html, body {
    height: 100%;
}

/* ==========================================================================
   Message dashboard, accordion
   ========================================================================== */
.accordion-style1.panel-group .panel.error .panel-heading .accordion-toggle.collapsed {
    border-radius: 0px;
    background-color: #E96666;
    box-shadow: none;
}

.accordion-style1.panel-group .panel.error .panel-heading .accordion-toggle {
    border-radius: 0px;
    background-color: #E96666;
    color: #ffffff;
    box-shadow: none;
}

.accordion-style1.panel-group .panel.error {
    border-color: #B6221B;
}

.accordion-style1.panel-group .panel.warning .panel-heading .accordion-toggle.collapsed {
    border-radius: 0px;
    color: #ffffff;
    background-color: #ECA642;
    box-shadow: none;
}

.accordion-style1.panel-group .panel.warning .panel-heading .accordion-toggle {
    border-radius: 0px;
    color: #ffffff;
    background-color: #ECA642;
    box-shadow: none;
}

.accordion-style1.panel-group .panel.warning {
    border-color: #B96100;
}

.accordion-style1.panel-group .panel.obsolete .panel-heading .accordion-toggle.collapsed {
    border-radius: 0px;
    color: #ffffff;
    background-color: #989897;
    box-shadow: none;
}

.accordion-style1.panel-group .panel.obsolete .panel-heading .accordion-toggle {
    border-radius: 0px;
    color: #ffffff;
    background-color: #989897;
    box-shadow: none;
}

.accordion-style1.panel-group .panel.obsolete {
    border-color: #989897;
}

.accordion-style1.panel-group .panel.accepted .panel-heading .accordion-toggle.collapsed {
    border-radius: 0px;
    color: #749B50;
    box-shadow: none;
}

.accordion-style1.panel-group .panel.accepted .panel-heading .accordion-toggle {
    border-radius: 0px;
    color: #749B50;
    box-shadow: none;
}

.accordion-style1.panel-group .panel.accepted {
    border-color: #749B50;
}

/* ==========================================================================
   Errors in an article e.g. Berth place <null>
   ========================================================================== */
#accordion td.error {
    background-color: #E96666;
}

#accordion td.warning {
    background-color: #ECA642;
}

#accordion td.obsolete {
    background-color: #989897;
}

#accordion fieldset div.error {
    background-color: #E96666;
}

#accordion fieldset div.warning {
    background-color: #ECA642;
}

#accordion fieldset div.obsolete {
    background-color: #989897;
}

#accordion fieldset.error {
    border-color: #B6221B;
}

    #accordion fieldset.error legend {
        color: #B6221B;
    }

#accordion fieldset.warning {
    border-color: #B96100;
}

    #accordion fieldset.warning legend {
        color: #B96100;
    }

#accordion fieldset.obsolete {
    border-color: #989897;
}

    #accordion fieldset.obsolete legend {
        color: #989897;
    }

.percent20 {
    width: 20%;
}

.details-scroll {
    position: fixed;
    top: 0;
    border-bottom: 1px dotted #e2e2e2;
    z-index: 1000;
    background-color: #ffffff;
    width: 100%;
}

.errors-scroll {
    position: fixed;
    top: 50px;
}

span.error {
    color: #E96666;
    font-weight: bold;
}


@media (max-width: 960px) {
    #overview {
        float: none;
        width: 100%;
        position: relative;
        top: auto;
    }

    #details-container {
        width: 100%;
        margin-left: 0!important;
    }
}

#details-container {
    height: 500px;
}

#errors {
    height: 250px;
}

.right {
    text-align: right;
}
a.active {
    color: #000000;
}

.resend {
    margin-left: 20px;
    margin-top: 11px;
    width: 106px;
}

.transhipment-logo {
    width: 20px;
    margin-top: 11px;
    margin-right: 7px;
    float: left;
    height: 17px;
    display: inline-block;
    text-align: center;
    background-image: url('../Content/images/transhipment-logo.png')
}

/*dropdown menu*/
.dropdown:hover > ul {
    display: block;
}

input[type="text"], input[type="password"], select {
    width: 200px;
}

/*fix title width input grid, no text wrapping on new line*/
.k-grid-header .k-header, .k-grid td {
   overflow: visible;
   white-space: nowrap;
}

/*allign the buttons*/
.report-selector > span.input-icon {
    border-left: 1px solid #fff;
}
.report-selector select, input[type='text'], .input-icon>textarea {
    height: 34px;
}

.validation-summary-errors {
    padding-top: 10px;
    margin: 1em;
    border: 1px solid #CE343B;
    -ms-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    color: #CE343B;
    font-weight: bold;
}

.success {
    padding-top: 10px;
    margin: 1em;
    border: 1px solid #9abc32;
    -ms-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    color: #9abc32;
    font-weight: bold;
}

.input-validation-error {
    border: 1px solid #CE343B!important;
}

.ace-nav>li.red>form>input[type="submit"] {
    background-color: #b74635;
}

.ace-nav>li>form>input[type="submit"] {
    background-color: #2e6589;
    color: #FFF!important;
    display: block;
    line-height: inherit;
    text-align: center;
    height: 100%;
    width: auto;
    padding: 0 8px;
    position: relative;
    border-color: #b74635;
    border: 0px solid #FFF;
}
.input-icon>textarea {
    padding-left:24px;
    padding-right: 6px;
    resize: none;
    overflow-y: hidden;
    padding-top: 7px;
}
/** IE fix for vertical scrollbar, when a button is placed utter right the scrollbar will overlay */
html.k-ie {
    padding-right: 19px;
}

.btn-border {
    border-width: 4px!important;
}