html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    overflow: auto;
}

@media print {
    html, body {
        overflow: visible;
    }
}

.bmroot {
    padding-bottom: 2px;
}

.bmdialog {
    background-color: #f8f8f8;
    min-width: 300px;
}

.bmdialog-header {
    background-color: #337ab7;
    padding: 6px;
}

.bmdialog-body {
    padding: 10px;
}

.bmdialog-footer {
    padding: 6px;
    border-top: 1px solid #c0c0c0;
}



.navbar {
    margin-bottom: 0;
}

.bm-validate-msg {
    margin-top: 4px;
    color: darkred;
}

.bmjob-tabs-container {
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    padding-top: 4px;
}

.bmjob-pills {
    height: 100%;
    overflow-y: auto;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 4px;
}

.bmjob-pills-xs-style {
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 5px;
    /*padding-top: 3px;*/
}

.bmjob-pills-xs-style-inner {
    border: 1px solid #6db8f8;
    border-radius: 3px;
    padding: 3px;
    background-color: #f0f2f8;
}

.bm-btn-close {
    color: white;
    background-color: transparent;
    border: none;
    font-size: 18px;
    padding: 0;
}

    .bm-btn-close:hover {
        color: #e66101;
    }

/*prevents thead user from seelcting the text*/
.bm-no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* original SL job tile colors
.mjl-regular-job {
    background-color: #e0e0e0 !important;
}

.mjl-order {
    background-color: #60ff60 !important;
}

.mjl-order-copy {
    background-color: #d8dbb7 !important;
}

.mjl-external-order {
    background-color: #90b090 !important;
}
*/
.mjl-regular-job {
    background-color: #f9fbfe !important;
}

.mjl-order {
    /*background-color: #e2effa !important;*/
    background-color: #aaffaa !important;
}

.mjl-order-copy {
    background-color: #f6f7d9 !important;
}

.mjl-external-order {
    background-color: #dfefe0 !important;
}

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

.form-control[readonly] {
    cursor: text;
}

.modal-dialog {
    margin-top: 10%; /*30px is the default*/
}


.tooltip-inner {
    background-color: #fae68b;
    color: black;
    border: 1px solid #e4d697;
    white-space: pre-wrap;
}

.tooltip.in {
    filter: initial;
    opacity: initial;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #e4d697;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #e4d697;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #e4d697;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #e4d697;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #e4d697;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #e4d697;
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #e4d697;
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #e4d697;
}


.banner-help-button {
    color: #0862d4;
    font-size: 18px;
    cursor: pointer;
}

    .banner-help-button:hover {
        color: #e66101;
    }



.caret-up {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-bottom: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.caret-down {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.caret-updown {
    display: inline-block;
}

    .caret-updown::before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-bottom: 4px solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

    .caret-updown::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: 1px;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }


.caret-updown-inactive {
    display: inline-block;
}


    .caret-updown-inactive::before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-bottom: 4px solid;
        border-bottom-color: #8d9ba0;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

    .caret-updown-inactive::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: 1px;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px solid;
        border-top-color: #8d9ba0;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

/* Up-down spinner */
.updownspinner {
    width: 40px;
}

    .updownspinner input {
        text-align: right;
    }

.input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

    .input-group-btn-vertical > .btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 6px;
        padding-bottom: 6px;
        margin-left: -1px;
        position: relative;
        border-radius: 0;
    }

        .input-group-btn-vertical > .btn:first-child {
            border-top-right-radius: 4px;
        }

        .input-group-btn-vertical > .btn:last-child {
            margin-top: -2px;
            border-bottom-right-radius: 4px;
        }

    .input-group-btn-vertical i {
        position: absolute;
        top: 4px;
        left: 4px;
    }

.caret.caret-reversed {
    border-top-width: 0;
    border-bottom: 4px solid #000000;
}

.modal-content {
    overflow: hidden;
    border-color: #404040;
}

.modal-header {
    background-color: #337ab7;
    color: white;
    overflow: hidden;
}

    .modal-header .close {
        color: white;
        text-shadow: initial;
        opacity: 0.5;
    }

        .modal-header .close:hover {
            opacity: 1;
        }

/*.modal-header .close:active {
    color: #cecece;
    opacity: 1;
}*/


.bm-waiting-animation {
    zoom: 1;
    /* Increase this for a bigger symbole*/
    display: inline-block;
    width: 16px;
    height: 16px;
    /*margin: 20px auto;*/
    animation: bmwait .80s steps(1, start) infinite;
    background: linear-gradient(0deg, #f4f5fa 1px, transparent 0, transparent 8px, #f4f5fa 8px),
    /* 6  */
    linear-gradient(90deg, #f4f5fa 1px, #f6f9fb 0, #f6f9fb 3px, #f4f5fa 3px), linear-gradient(0deg, #ececf5 1px, transparent 0, transparent 8px, #ececf5 8px),
    /* 5  */
    linear-gradient(90deg, #ececf5 1px, #f2f3f9 0, #f2f3f9 3px, #ececf5 3px), linear-gradient(0deg, #e7eaf4 1px, transparent 0, transparent 8px, #e7eaf4 8px),
    /* 4  */
    linear-gradient(90deg, #e7eaf4 1px, #eef1f8 0, #eef1f8 3px, #e7eaf4 3px), linear-gradient(0deg, #b9bedd 1px, transparent 0, transparent 10px, #b9bedd 10px),
    /* 3  */
    linear-gradient(90deg, #b9bedd 1px, #d0d5e8 0, #d0d5e8 3px, #b9bedd 3px), linear-gradient(0deg, #9fa6d2 1px, transparent 0, transparent 15px, #9fa6d2 15px),
    /* 2  */
    linear-gradient(90deg, #9fa6d2 1px, #c0c5e1 0, #c0c5e1 3px, #9fa6d2 3px), linear-gradient(0deg, #8490c6 1px, transparent 0, transparent 15px, #8490c6 15px),
    /* 1  */
    linear-gradient(90deg, #8490c6 1px, #aeb5da 0, #aeb5da 3px, #8490c6 3px);
    background-repeat: no-repeat;
    background-size: 4px 9px,
    /* 6 */
    4px 9px, 4px 9px,
    /* 5 */
    4px 9px, 4px 9px,
    /* 4 */
    4px 9px, 4px 11px,
    /* 3 */
    4px 11px, 4px 16px,
    /* 2 */
    4px 16px, 4px 16px,
    /* 1 */
    4px 16px;
    background-position: -4px 3px, -4px 3px, -4px 3px, -4px 3px, -4px 3px, -4px 3px, -4px 2px, -4px 2px, -4px 0, -4px 0, -4px 0, -4px 0;
}

@keyframes bmwait {
    12.5% {
        background-position: -4px,
        /* 6 */
        -4px, -4px,
        /* 5 */
        -4px, -4px,
        /* 4 */
        -4px, -4px,
        /* 3 */
        -4px, -4px,
        /* 2 */
        -4px, 0,
        /* 1 */
        0;
    }

    25% {
        background-position: -4px,
        /* 6 */
        -4px, -4px,
        /* 5 */
        -4px, -4px,
        /* 4 */
        -4px, -4px,
        /* 3 */
        -4px, 0,
        /* 2 */
        0, 6px,
        /* 1 */
        6px;
    }

    37.5% {
        background-position: -4px,
        /* 6 */
        -4px, -4px,
        /* 5 */
        -4px, -4px,
        /* 4 */
        -4px, 0,
        /* 3 */
        0, 6px,
        /* 2 */
        6px, 12px,
        /* 1 */
        12px;
    }

    50% {
        background-position: -4px,
        /* 6 */
        -4px, -4px,
        /* 5 */
        -4px, 0,
        /* 4 */
        0, 6px,
        /* 3 */
        6px, 12px,
        /* 2 */
        12px, -4px,
        /* 1 */
        -4px;
    }

    62.5% {
        background-position: -4px,
        /* 6 */
        -4px, 0,
        /* 5 */
        0, 6px,
        /* 4 */
        6px, 12px,
        /* 3 */
        12px, -4px,
        /* 2 */
        -4px, -4px,
        /* 1 */
        -4px;
    }

    75% {
        background-position: 0,
        /* 6 */
        0, 6px,
        /* 5 */
        6px, 12px,
        /* 4 */
        12px, -4px,
        /* 3 */
        -4px, -4px,
        /* 2 */
        -4px, -4px,
        /* 1 */
        -4px;
    }

    87.5% {
        background-position: 6px,
        /* 6 */
        6px, 12px,
        /* 5 */
        12px, -4px,
        /* 4 */
        -4px, -4px,
        /* 3 */
        -4px, -4px,
        /* 2 */
        -4px, -4px,
        /* 1 */
        -4px;
    }

    100% {
        background-position: 12px,
        /* 6 */
        12px, -4px,
        /* 5 */
        -4px, -4px,
        /* 4 */
        -4px, -4px,
        /* 3 */
        -4px, -4px,
        /* 2 */
        -4px, -4px,
        /* 1 */
        -4px;
    }
}

.bm-green-glyph {
    color: green;
}

.bm-red-glyph {
    color: #c00000;
}

.bm-blue-glyph {
    color: #0000ff;
}

.bm-yellow-glyph {
    color: #f0f000;
}

.bm-purple-glyph {
    color: #8700f0;
}

.bm-manila-glyph {
    color: #fce2a7;
}

.bm-gold-glyph {
    color: #f6cf68;
}

.bm-orange-glyph {
    color: #ff8826;
}

    .bm-green-glyph .bmRibbonLarge, .bm-green-glyph .bmRibbonSmall,
    .bm-red-glyph .bmRibbonLarge, .bm-red-glyph .bmRibbonSmall,
    .bm-blue-glyph .bmRibbonLarge, .bm-blue-glyph .bmRibbonSmall,
    .bm-yellow-glyph .bmRibbonLarge, .bm-yellow-glyph .bmRibbonSmall,
    .bm-purple-glyph .bmRibbonLarge, .bm-purple-glyph .bmRibbonSmall,
    .bm-manila-glyph .bmRibbonLarge, .bm-manila-glyph .bmRibbonSmall,
    .bm-gold-glyph .bmRibbonLarge, .bm-gold-glyph .bmRibbonSmall,
    .bm-orange-glyph .bmRibbonLarge, .bm-orange-glyph .bmRibbonSmall {
        color: #333333;
    }

/*Overriden for 40989 - this will make disabled buttons look lighter (bigger difference) than standard bootstrap*/
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.35;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

@font-face {
    font-family: 'Eaton';
    src: url("../../fonts/EatonRegular.woff") format("woff")
}

@font-face {
    font-family: 'EatonMedium';
    src: url("../../fonts/EatonMedium.woff") format("woff")
}

@font-face {
    font-family: 'EatonBold';
    src: url("../../fonts/EatonBold.woff") format("woff")
}

@font-face {
    font-family: "eaton-glyphicon";
    font-style: normal;
    font-weight: normal;
    src: url("../../fonts/eaton-glyphicon.eot");
    src: url("../../fonts/eaton-glyphicon.eot?#iefix") format("eot"),url("../../fonts/eaton-glyphicon.woff") format("woff"),url("../../fonts/eaton-glyphicon.ttf") format("truetype")
}