.login-title {
    margin-top: 0;
    margin-left: 20px;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    font-family: Verdana;
    position: relative;
    top: 20px;
}

html {
    overflow-x: hidden;
    overflow-y: hidden;
}

body {
    padding: 0 15px;
}

#wrapper {
    /*height: 100%;*/
}

header {
    height: 60px;
}

.h1, .h2, .h3, .h4, .h5 {
    margin-top: 0;
}

h1 {
    font-size: 16px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error, .validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

body * {
    /*PP 2014/11/26 commented because of detaildropdown controls; eye button was below dropdown control...*/
    /*font-size: 9pt;*/
    font-size: 11.5px;
}

/* ETis Panel */
.panel {
    border: 1px solid #25A0DA;
    margin: 10px 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

    .panel .panel-heading {
        background: #25A0DA;
        -ms-border-radius: 0;
        border-radius: 0;
        padding: 5px;
    }

        .panel .panel-heading .panel-title {
            color: white;
            font-size: 12px;
        }

/* Footer */
footer .navbar {
    min-height: 5px;
}



/* Kendo UI corrections */
.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content,
.k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete,
.k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker,
.k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker.k-list-container, .k-calendar-container, .k-calendar td,
.k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* Kendo TabStrip bootstrap fix */
.k-tabstrip div.k-content {
    padding: 10px;
}

    .k-tabstrip div.k-content *,
    .k-window .k-window-content * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .k-tabstrip div.k-content .k-input,
    .k-window .k-window-content .k-input,
    .k-window .k-window-content .k-pager-nav,
    .k-window .k-window-content .k-pager-nav * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

/* Kendo UI Window */
.k-window {
    width: 80%;
    height: 80%;
}

    .k-window .etis-grid-commands {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin-left: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        padding: 5px 0;
        background-color: #25A0DA;
    }

/* Chrome fix: artifacts when resizing columns */
.k-grid th {
    -webkit-transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*.k-grid table {
    min-width: 1000px;
}*/

@media screen and (max-width: 699px) {
    .km-phone .km-android .k-grid table {
        width: 1000px;
    }
}


.navbar .active {
    color: #fff;
}

/*BT 19 02 2015: causes a big gray block on the right side in mobile mode.*/
/*.km-view {
    padding-right: 30px;
}*/

/*BT 19 02 2015: Fix for mobile grid, would not respect the grid max width and would overlap the action buttons*/
.km-pane-wrapper {
    position: relative;
    overflow: hidden;
    width: auto;
}

/* Common */

.padded {
    padding: 10px;
}

.padded-left {
    padding-left: 10px;
}

.margined {
    margin: 10px;
}

.margined-top {
    margin-top: 10px;
}

.margined-top-sm {
    margin-top: 5px;
}

.margined-right {
    margin-right: 10px;
}

.margined-left {
    margin-left: 10px;
}

.margined-left-sm {
    margin-left: 5px;
}

.margined-bottom {
    margin-bottom: 10px;
}

.padding-left-content {
    padding-left: 30px;
}

.margined-right-sm {
    margin-right: 5px;
}

.margined-sm {
    margin: 5px;
}

.margined-sm-vertical {
    margin: 5px 0 5px 0;
}

.padding-top {
    padding-top: 10px;
}

.eTis-line-break {
    border-bottom: 3px solid #25A0DA;
}

.etis-label {
    /*padding: 8px 0 0 2px;*/
    padding: 0 0 0 2px;
    height: 26px;
    line-height: 26px;
}

.etis-value {
    padding: 8px 0 0 0;
}

.etis-value-boxed {
    border: solid 1px lightgray;
    width: 100%;
    padding: 7px 6px 5px 5px;
    background-color: whitesmoke;
    min-height: 25px;
    height: 28px;
}

.etis-control, .etis-value, .etis-dropdown {
    height: 28px;
    /*border-radius: 1px;*/
}

    .etis-control[type="checkbox"] {
        height: 20px;
    }

.etis-value {
    min-height: 28px;
}

.debug {
    background-color: red;
    outline: 1px solid black;
}

.debugWithHeight {
    background-color: red;
    outline: 1px solid black;
    height: 30px;
}

.debug-layout {
    outline: 1px solid red;
}

.debug-height-elm {
    position: absolute;
    right: 250px;
    z-index: 10000;
    color: white;
    background-color: red;
    padding: 2px 5px;
    min-width: 40px;
}

/* Overriding default bootstrap behavior */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: white;
}

@media (max-width: 767px) {
    .navbar-nav .open .subMenu {
        margin-left: 25px;
    }
}

.subMenu {
    margin-left: 100%;
    top: 0%;
}

etislistview {
    display: block;
    width: 100%;
    height: 350px;
    box-shadow: 0px 0px 0px white;
    border: 0px solid white;
    overflow-y: scroll;
}

.userProfileItemDraggable {
    padding: 5px;
    width: 80%;
}

/* Fixes for DevExpress - bootstrap */
.dx-field, .dxrd-treelist-item, .dxrd-treelist-image {
    box-sizing: initial;
}

select {
    width: 100%;
    overflow: hidden;
    margin-top: 5px;
}

#reportListBox {
    display: block;
    height: 100%;
}

    #reportListBox option {
        padding: 5px;
    }

.breadcrumb {
    letter-spacing: 1px;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: -12px;
    color: #B0B0B0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: white;
}

    .breadcrumb :last-child {
        color: #6B6B6B;
    }

div.k-window-content {
    overflow: hidden;
}

.k-grid-content, .k-grid-header {
    white-space: nowrap;
}


.km-scroll-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.eTisBlock {
    margin-top: 5px;
}

    .eTisBlock div {
        min-height: 70px;
        background-color: #25A0DA;
        color: white;
        padding: 10px;
        cursor: pointer;
    }

        .eTisBlock div:hover {
            background-color: #62BF58;
        }

    .eTisBlock h2 {
        font-size: 16px;
        font-weight: bold;
        margin: 0px;
    }

    .eTisBlock p {
        font-size: 14px;
        margin: 0px;
    }

    .single-line, .eTisBlock p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .eTisBlock .action {
        font-weight: bold;
    }

    .eTisBlock .smaller {
        font-size: 12px;
    }

#btnLocationRed {
    background-color: #F44336;
    color: white;
    border: 0px;
    height: 4em;
}

    #btnLocationRed .glyphicon {
        font-size: 16px;
    }

    #btnLocationRed:hover {
        background-color: #EF5350;
    }

.k-numeric-wrap {
    padding-right: 0;
}

.k-grid div.planningState {
    height: 1.8em;
    width: 1.8em;
    display: block;
    margin: 0px auto;
    border-radius: 50%;
}

.state {
    font-size: 16px;
    width: 100%;
    text-align: center;
}

.ok {
    color: #8BC34A;
}

.warning {
    color: #FF9800;
}

.error {
    color: #F44336;
}

.notstarted {
    color: #81C784;
}

.onHold {
    color: #BDBDBD;
}

#statusCanvasContainer {
    background-color: #F0F2F4;
}

.shipmentNormal {
}

.shipmentAcceptedByShipper {
    background-color: #FFE76D;
}

.shipmentRevokedCopy {
    background-color: #FF584A;
}

.shipmentRejectedCopy {
    background-color: #FF8F00;
}

.shipmentChartered {
    background-color: #99D7FF;
}

.ExternalMap {
    z-index: 9999;
    position: absolute;
    top: 1em;
    right: 1em;
}

.collapsible-target {
    display: block;
}

button[data-loading] .glyphicon {
    display: none;
}

#newReportModal {
    z-index: 31000;
}

.panel-heading > h4 {
    margin: 5px;
}

.panel .panel-body {
    padding: 10px;
}

#gridShipmentLocationAction tr.k-alt:not(.k-state-selected) {
    background-color: white;
}

.e-context-menu {
    font-size: 100%;
    line-height: 100%;
    width: auto;
    height: auto;
    margin-right: 5px;
}

.e-cm-disabled {
    pointer-events: none;
    opacity: 0.4;
}

.k-context-menu {
    width: 160px;
}

.etis-grid-verticaltoolbar .btn.checked span {
    color: #9E9E9E;
}

.k-grid-header-wrap > table, .k-grid-content table, .k-virtual-scrollable-wrap table {
    min-width: 50px;
}

.radio > label > input {
    float: none !important;
    margin-right: 7px;
}

.radio > label {
    height: 20px;
    line-height: 20px;
    vertical-align: top;
}

.radio, .radio > label {
    margin-top: 0;
}

.colorLegend {
    display: block;
    box-sizing: content-box;
    min-width: 160px;
}

    .colorLegend:last-child p {
        margin-bottom: 0;
    }

    .colorLegend p {
        text-align: left;
        margin-left: 10px;
        display: block;
        padding-top: 3px;
    }

.square {
    width: 15px;
    height: 15px;
    display: block;
    border: 1px solid black;
}

.k-tooltip {
    background-color: white !important;
    color: black !important;
}

.k-input.k-invalid {
    border: 1px solid red;
}

.k-tooltip-validation {
    display: none;
}

.dxrd-menu-item-image.fa {
    padding: 0px 16px 0px 4px !important;
    font-size: 32px !important;
}

.no-columns-fill .k-grid {
    overflow: hidden;
    width: auto;
}



.k-slider-selection {
    background-color: #25A0DA;
}

.k-slider-horizontal .k-slider-selection {
    height: 10px;
}

.warning {
    color: #FF9800;
}

.ok {
    color: #4CAF50;
}

/*.table {
    display: table;
    height: 100%;
    margin: 0;
    table-layout: fixed;
    position: relative;
    border-collapse: collapse;
}

.table-row-group {
    display: table-row-group;
    width: 100%;
}

.table-row, .table-row-float {
    display: table-row;
}

.table-cell {
    display: table-cell;
    box-sizing: border-box;
}

    .table-cell.table-label {
        vertical-align: middle;
        color: black;
    }

.table-row.fill {
    height: 100%;
}

.table-row.auto {
    height: auto;
}

.table-cell > .table-row {
    width: 100%;
}

.table > .table-cell {
    vertical-align: top;
}

.centered {
    margin-left: auto;
    margin-right: auto;
}

.filterElement .table-row {
    float: left;
    margin-left: 10px;
}

    .filterElement .table-row label {
        padding-right: 10px;
        vertical-align: middle;
    }*/

.filterElement .end {
    float: right;
}

.panel-heading h4 a {
    color: white;
}

.panel.panel-default {
    border-radius: 0px;
}

.panel-body {
    border: 0px;
}

/* override padding */
.k-grid td {
    padding: 0 0.6em;
    text-overflow: clip;
}

.k-grid-header th.k-header > .k-link {
    /*margin-right: 10px;*/
    text-overflow: clip;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.etis-title {
    margin-top: 10px;
    font-weight: bold;
    font-size: 14px;
}

.no-left-right-padding {
    padding-left: 0;
    padding-right: 0;
}

.no-left-right-margin {
    margin-left: 0;
    margin-right: 0;
}

.no-left-padding {
    padding-left: 0;
}

.no-right-padding {
    padding-right: 0;
}

.no-bottom-padding {
    padding-bottom: 0;
}

.no-bottom-margin {
    margin-bottom: 0;
}

[disabled].form-control, [readonly].form-control, fieldset[disabled] .form-control {
    cursor: default;
}

/* reset border */
.k-tabstrip .k-state-active, .k-tabstrip > .k-content, .k-state-active {
    border: 1px;
}

.center {
    text-align: center;
    display: block;
    margin: auto;
}

.k-datetimepicker {
    width: 100%;
}

.k-datepicker {
    width: 100%;
}

.k-tabstrip:focus {
    box-shadow: none;
}

h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0;
}

h3 {
    font-size: 14px;
    font-weight: bold;
}

.header {
    background-color: #5EB8E3;
    padding-left: 15px;
    padding-right: 15px;
}

    .header input, .header button {
        margin: 6px 0 5px 0;
    }

    .header .filter-title {
        font-size: 15px;
        color: white;
        font-weight: bold;
        padding: 11px 0 0 0;
    }

.k-tabstrip-items .k-state-active {
    border-bottom: solid 3px #25a0da;
}

.table {
    display: table;
    margin-bottom: 0;
}

.tr {
    display: table-row;
}

.thead {
    display: table-header-group;
}

.tbody {
    display: table-row-group;
}

.tfoot {
    display: table-footer-group;
}

.col {
    display: table-column;
}

.colgroup {
    display: table-column-group;
}

.td, .th {
    display: table-cell;
}

.caption {
    display: table-caption;
}

/* fix allignment of kendo multiselect checkboxes in options */
.multiselect-container > li > a > label > input[type=checkbox] {
    position: relative;
    bottom: 2px;
}

.tourstopstatus {
    border: 1px solid darkgray;
    height: 12px;
}

.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
    background-color: #BCBCBC;
}

.k-tabstrip-wrapper {
    height: 100%;
}

.k-tabstrip-wrapper .k-content {
    border: solid 2px #25A0DA;
    height: 100%;
}

.k-tabstrip-wrapper .k-tabstrip-items {
    background-color: #25A0DA
}

.height100perc {
    height: 100%
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.blue-color {
    color: rgb(37, 160, 218);
}

.window-footer{
position: absolute;
bottom: 0;
width: 100%;
padding: 19px 0 20px;
text-align: left;
border-top: 1px solid #e5e5e5;
}

.width100perc {
    display: inline-block;
    width: 100%;
}

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

/*Togglegroup buttons*/
.togglegroup input, .togglegroup input {
    display: none;
}

.togglegroup input:checked + label {
    background-color: #25a0da;
    color: white;
}
.label-toggle {
    padding: 8px;
    height: 30px;
    cursor: pointer;
}

.customsIconCompleteYes {
    color: green;
    font-size: 16px;
    padding-top: 3px;
}
.customsIconCompleteNo {
    color: red;
    font-size: 16px;
    padding-top: 3px;
}