/*************
* BASE STYLE *
*************/

body { background-color: white; }
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

@media screen {
    #printSection { display: none; }
    .print-only { display: none; }
}
@media print {
    body * { visibility: hidden; }
    #printSection, #printSection * { visibility: visible; }
    #printSection { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    #printSection td { -webkit-print-color-adjust: exact; }
    #printSection div .row-break { page-break-inside: avoid; }
    .no-print { display: none !important; }
    .print-only { display: block !important; }
    #shipment-card .text-largest { font-size: 22px !important; }
    #shipment-card .text-larger { font-size: 16px !important; }
    #shipment-card .text-large { font-size: 14px !important; }
    #shipment-card .text-normal { font-size: 12px !important; }
    #shipment-card .text-small { font-size: 10px !important; }
    #shipment-card .text-smaller { font-size: 8px !important; }
}

@font-face {
    font-family: RockwellFont;
    src: url('../fonts/rock.eot');
    src: url('../fonts/rock.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rock.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: RockwellFont;
    src: url('../fonts/rockb.eot');
    src: url('../fonts/rockb.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rockb.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: RockwellFont;
    src: url('../fonts/rockbi.eot');
    src: url('../fonts/rockbi.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rockbi.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: RockwellFont;
    src: url('../fonts/rocki.eot');
    src: url('../fonts/rocki.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rocki.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
}

/*************
* TEXT STYLE *
*************/

.font-larger {
    font-size: 1.750em;
}
.align-center {
    text-align: center !important;
}
.metric-highlight-container {
    position: relative;
    width: 7.980em;
    height: 7.980em;
    display: block;
    margin: auto;
}

.metric-highlight-value {
    position: relative;
    top: -116px;
    font-weight: 300;
    color: white;
    vertical-align: middle;
    text-align: center;
}

/*.text-largest { font-family: RockwellFont, 'Droid Sans', sans-serif; font-size: 36px; }
.text-larger { font-family: RockwellFont, 'Droid Sans', sans-serif; font-size: 28px; }
.text-large { font-family: RockwellFont, 'Droid Sans', sans-serif; font-size: 22px; }
.text-normal { font-family: RockwellFont, 'Droid Sans', sans-serif; font-size: 16px; }
.text-small { font-family: RockwellFont, 'Droid Sans', sans-serif; font-size: 14px; }
.text-smaller { font-family: RockwellFont, 'Droid Sans', sans-serif; font-size: 12px; }
.text-smallest { font-family: RockwellFont, 'Droid Sans', sans-serif; font-size: 10px; }*/

.text-largest, .text-larger, .text-large, .text-normal, .text-small, .text-smaller, .text-smallest { font-family: RockwellFont, 'Droid Sans', sans-serif; }
.text-largest { font-size: 2.250em; }
.text-larger { font-size: 1.750em; }
.text-large { font-size: 1.375em; }
.text-normal { font-size: 1.000em; }
.text-small { font-size: 0.875em; }
.text-smaller { font-size: 0.750em; }
.text-smallest { font-size: 0.625em; }

.font-size-largest { font-size: 2.250em !important; }
.font-size-larger { font-size: 1.750em !important; }
.font-size-large { font-size: 1.375em !important; }
.font-size-normal { font-size: 1.000em !important; }
.font-size-small { font-size: 0.875em !important; }
.font-size-smaller { font-size: 0.750em !important; }
.font-size-smallest { font-size: 0.625em !important; }

.font-size-largest-px { font-size: 36px !important; }
.font-size-larger-px { font-size: 28px !important; }
.font-size-large-px { font-size: 22px !important; }
.font-size-normal-px { font-size: 16px !important; }
.font-size-small-px { font-size: 14px !important; }
.font-size-smaller-px { font-size: 12px !important; }
.font-size-smallest-px { font-size: 10px !important; }

.font-bold { font-weight: bold; }
.font-italic { font-style: italic; }
.font-clear { font-weight: normal !important; font-style: normal !important; }

.text-light { font-weight: 300 !important; }
.text-regular { font-weight: 400 !important; }
.text-bold { font-weight: 700 !important; }

.color-cmp-primary { color: #004072 !important; }
.color-cmp-accent-red { color: #EB462C !important; }
.color-cmp-accent-teal { color: #028780 !important; }
.color-cmp-accent-olive { color: #747A65 !important; }
.color-cmp-support-clay { color: #B9B0A9 !important; }
.color-cmp-support-sandstone { color: #E0D4BE !important; }
.color-cmp-support-sand { color: #F6EEDF !important; }
.color-cmp-support-blue { color: #D1E4E5 !important; }
.color-primary { color: #337ab7 !important; }
.color-success { color: #5cb85c !important; }
.color-info { color: #31b0d5 !important; }
.color-warning { color: #f0ad4e !important; }
.color-danger { color: #d9534f !important; }
.color-light-gray { color: lightgray !important; }
.color-lighter-gray { color: #F0F1F3 !important; }
.color-white { color: white !important; }

.bg-cmp-primary { background-color: #004072 !important; }
.bg-cmp-accent-red { background-color: #EB462C !important; }
.bg-cmp-accent-teal { background-color: #028780 !important; }
.bg-cmp-accent-olive { background-color: #747A65 !important; }
.bg-cmp-support-clay { background-color: #B9B0A9 !important; }
.bg-cmp-support-sandstone { background-color: #E0D4BE !important; }
.bg-cmp-support-sand { background-color: #F6EEDF !important; }
.bg-cmp-support-blue { background-color: #D1E4E5 !important; }
.bg-color-primary { background-color: #337ab7 !important; }
.bg-color-success { background-color: #5cb85c !important; }
.bg-color-info { background-color: #5BC0DE !important; }
.bg-color-warning { background-color: #f0ad4e !important; }
.bg-color-danger { background-color: #d9534f !important; }
.bg-color-light-gray { background-color: #F0F1F3 !important; }
.bg-color-light-green { background-color: lightgreen !important; }
.bg-color-light-red { background-color: #ff9999 !important; }
.bg-color-light-yellow { background-color: #ffff99 !important; }
.bg-color-light-orange { background-color: #ffc966 !important; }
.inherit-bg-color { background-color: inherit !important; }

.color-blue { color: #25253C !important; }
.color-black { color: black !important; }
.color-gray { color: #9d9d9d !important; }
.color-light-red { color: #ff7f7f !important; }
.color-light-blue { color: #DDEBF7 !important; }
.color-light-orange { color: #FCE4D6 !important; }
.color-light-gray { color: #F0F1F3 !important; }
.color-dark-gray { color: dimgray !important; }
.color-dark-red { color: darkred !important; }
.color-default { color: #333 !important; }
.inherit-color { color: inherit !important; }

.background-color-primary { background-color: #337ab7 !important; }
.background-color-success { background-color: #5cb85c !important; }
.background-color-info { background-color: #5BC0DE !important; }
.background-color-warning { background-color: #f0ad4e !important; }
.background-color-danger { background-color: #d9534f !important; }
.background-color-gray { background-color: #D9D9D9 !important; }
.background-color-orange { background-color: #F8CBAD !important; }
.background-color-blue { background-color: #BDD7EE !important; }
.background-color-white { background-color: white !important; }
.background-color-light-gray { background-color: #F0F1F3 !important; }
.background-color-light-orange { background-color: #FCE4D6 !important; }
.background-color-light-blue { background-color: #DDEBF7 !important; }
.background-color-light-red { background-color: #ff7f7f !important; }

.align-left { text-align: left !important; }
.align-right { text-align: right !important; }
.align-center { text-align: center !important; }

.cursor-default { cursor: default; }
.cursor-pointer { cursor: pointer; }

.padding-clear { padding: 0px !important; }
.margin-clear { margin: 0px !important; }

.overflow-hidden { overflow: hidden !important; }
.overflow-visible { overflow: visible !important; }

.border-bottom-black { border-bottom: 1px solid black !important; }
.border-bottom-blue { border-bottom: 1px solid #25253C !important; }
.border-bottom-light-gray { border-bottom: 1px solid lightgray; }
.border-top-light-gray { border-top: 1px solid lightgray; }

.highlight-primary { color: #337ab7 !important; }
.highlight-success { color: #5cb85c !important; }
.highlight-info { color: #5BC0DE !important; }
.highlight-warning { color: #f0ad4e !important; }
.highlight-danger { color: #d9534f !important; }
.highlight-black { color: black !important; }

.highlight-hover-primary:hover { color: #337ab7 !important; }
.highlight-hover-success:hover { color: #5cb85c !important; }
.highlight-hover-info:hover { color: #5BC0DE !important; }
.highlight-hover-warning:hover { color: #f0ad4e !important; }
.highlight-hover-danger:hover { color: #d9534f !important; }
.highlight-hover-black:hover { color: black !important; }

.hover-blue:hover { color: #25253C !important; }
.hover-white:hover { color: white !important; }
.hover-gray:hover { color: #9d9d9d !important; }
.hover-light-blue:hover { color: #31b0d5 !important; border-color: #31b0d5 !important; }

.render-hidden { visibility: hidden; }
.render-visible { visibility: visible ; }

/*****************
* GENERAL LAYOUT *
*****************/

.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-35 { margin-top: 35px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-45 { margin-top: 45px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-55 { margin-top: 55px; }
.margin-top-60 { margin-top: 60px; }

.col-md-1-nr { float: left; width: 8.33333333%; padding-left: 15px; padding-right: 15px; }
.col-md-2-nr { float: left; width: 16.66666667%; padding-left: 15px; padding-right: 15px; }
.col-md-3-nr { float: left; width: 25%; padding-left: 15px; padding-right: 15px; }
.col-md-4-nr { float: left; width: 33.33333333%; padding-left: 15px; padding-right: 15px; }
.col-md-5-nr { float: left; width: 41.66666667%; padding-left: 15px; padding-right: 15px; }
.col-md-6-nr { float: left; width: 50%; padding-left: 15px; padding-right: 15px; }
.col-md-7-nr { float: left; width: 58.33333333%; padding-left: 15px; padding-right: 15px; }
.col-md-8-nr { float: left; width: 66.66666667%; padding-left: 15px; padding-right: 15px; }
.col-md-9-nr { float: left; width: 75%; padding-left: 15px; padding-right: 15px; }
.col-md-10-nr { float: left; width: 83.33333333%; padding-left: 15px; padding-right: 15px; }
.col-md-11-nr { float: left; width: 91.66666667%; padding-left: 15px; padding-right: 15px; }
.col-md-12-nr { float: left; width: 100%; padding-left: 15px; padding-right: 15px; }

/****************
* STATIC LAYOUT *
****************/

a { outline: 0 !important; }
btn:focus { outline: none !important; }
button:focus { outline: none !important; }
select:focus { outline: none !important; }

.dropdown-menu { max-height: 220px; overflow-y: auto; overflow-x: hidden; }
.modal-dialog { z-index: 1000 !important; }
.modal-backdrop { z-index: 999 !important; }
.tooltip-arrow { border-bottom-color: white !important; display:none; }
.tooltip-inner { text-align: left !important; background-color: white; color: #25253C !important; box-shadow: 0 0 15px #25253C; }
.tooltip { opacity: 0.95 !important; }

.view-animate { -webkit-transition: color 0.6s, background-color 0.3s; -moz-transition: color 0.6s, background-color 0.3s; transition: color 0.6s, background-color 0.3s; }
.view-animate.ng-enter { -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; animation: fadeIn 1s; }
.view-animate.ng-leave { -webkit-animation: fadeOut 1s; -moz-animation: fadeOut 1s; animation: fadeOut 1s; position: absolute; }

.dx-calendar { border: none !important; }
.dx-calendar table { width: 100%; }
.dx-calendar-body { width: 100% !important; }
.dx-datagrid-headers { border-left: 1px solid lightgray; border-right: 1px solid lightgray; }
.dx-datagrid-rowsview { border-left: 1px solid lightgray; border-right: 1px solid lightgray; }
.dx-overlay-wrapper { z-index: 1050 !important; }

/*********
* NAVBAR *
*********/

.navbar { border-bottom: 1px solid grey; }

/**********
* BUTTONS *
**********/

.btn-cmp-primary { background-color: #004072; border-color: #004072; color: white; }
.btn-cmp-primary:hover,
.btn-cmp-primary:focus,
.btn-cmp-primary:active,
.btn-cmp-primary.active { background-color: #003259; border-color: #00233f; color: white; }
.btn-cmp-primary.disabled:hover,
.btn-cmp-primary.disabled:focus,
.btn-cmp-primary.disabled:active,
.btn-cmp-primary.disabled.active,
.btn-cmp-primary[disabled]:hover,
.btn-cmp-primary[disabled]:focus,
.btn-cmp-primary[disabled]:active,
.btn-cmp-primary[disabled].active,
fieldset[disabled] .btn-cmp-primary:hover,
fieldset[disabled] .btn-cmp-primary:focus,
fieldset[disabled] .btn-cmp-primary:active,
fieldset[disabled] .btn-cmp-primary.active { background-color: #004072; border-color: #004072; color: white; }

.btn-cmp-accent-red { background-color: #EB462C; border-color: #EB462C; color: white; }
.btn-cmp-accent-red:hover,
.btn-cmp-accent-red:focus,
.btn-cmp-accent-red:active,
.btn-cmp-accent-red.active { background-color: #e83216; border-color: #d02d14; color: white; }
.btn-cmp-accent-red.disabled:hover,
.btn-cmp-accent-red.disabled:focus,
.btn-cmp-accent-red.disabled:active,
.btn-cmp-accent-red.disabled.active,
.btn-cmp-accent-red[disabled]:hover,
.btn-cmp-accent-red[disabled]:focus,
.btn-cmp-accent-red[disabled]:active,
.btn-cmp-accent-red[disabled].active,
fieldset[disabled] .btn-cmp-accent-red:hover,
fieldset[disabled] .btn-cmp-accent-red:focus,
fieldset[disabled] .btn-cmp-accent-red:active,
fieldset[disabled] .btn-cmp-accent-red.active { background-color: #EB462C; border-color: #EB462C; color: white; }

.btn-cmp-accent-teal { background-color: #028780; border-color: #028780; color: white; }
.btn-cmp-accent-teal:hover,
.btn-cmp-accent-teal:focus,
.btn-cmp-accent-teal:active,
.btn-cmp-accent-teal.active { background-color: #026e68; border-color: #015550; color: white; }
.btn-cmp-accent-teal.disabled:hover,
.btn-cmp-accent-teal.disabled:focus,
.btn-cmp-accent-teal.disabled:active,
.btn-cmp-accent-teal.disabled.active,
.btn-cmp-accent-teal[disabled]:hover,
.btn-cmp-accent-teal[disabled]:focus,
.btn-cmp-accent-teal[disabled]:active,
.btn-cmp-accent-teal[disabled].active,
fieldset[disabled] .btn-cmp-accent-teal:hover,
fieldset[disabled] .btn-cmp-accent-teal:focus,
fieldset[disabled] .btn-cmp-accent-teal:active,
fieldset[disabled] .btn-cmp-accent-teal.active { background-color: #028780; border-color: #028780; color: white; }

.btn-cmp-accent-olive { background-color: #747A65; border-color: #747A65; color: white; }
.btn-cmp-accent-olive:hover,
.btn-cmp-accent-olive:focus,
.btn-cmp-accent-olive:active,
.btn-cmp-accent-olive.active { background-color: #676c59; border-color: #595e4e; color: white; }
.btn-cmp-accent-olive.disabled:hover,
.btn-cmp-accent-olive.disabled:focus,
.btn-cmp-accent-olive.disabled:active,
.btn-cmp-accent-olive.disabled.active,
.btn-cmp-accent-olive[disabled]:hover,
.btn-cmp-accent-olive[disabled]:focus,
.btn-cmp-accent-olive[disabled]:active,
.btn-cmp-accent-olive[disabled].active,
fieldset[disabled] .btn-cmp-accent-olive:hover,
fieldset[disabled] .btn-cmp-accent-olive:focus,
fieldset[disabled] .btn-cmp-accent-olive:active,
fieldset[disabled] .btn-cmp-accent-olive.active { background-color: #747A65; border-color: #747A65; color: white; }

.btn, .btn:hover, .btn:focus, .focus.btn { font-family: RockwellFont, Roboto !important; }

/****************
* CUSTOM LAYOUT *
****************/

#premises-grid .dx-datagrid-header-panel { background-color: #F9F9F9 !important; }
#view-container {  margin-top: 60px; padding: 0px !important; padding-top: 10px !important; }
.topbar-fixed { position: fixed; top: 0; height: 70px; width: 100%; background-color: #25253C; display: block !important; z-index: 1000; padding-left: 20px; }
.topbar-brand { float: left; height: 70px; width: auto; }
.topbar-text { width: 50%; float: right; height: 70px; padding-top: 42px; }
.help-tooltip { color: #25253C; opacity: 0.2; cursor: help; font-size: 24px; }
.help-tooltip:hover { opacity: 0.6; }

#next-week thead tr th { width: 14%; }
#next-week tbody tr td { width: 14%; }
#next-week tbody tr td div { background-color: white; padding: 3px; height: 25px; }

.benchmark-blue { color: #25253c !important; border-color: #25253c !important; }
.benchmark-red { color: #d9534f !important; border-color: #d9534f !important; }
.benchmark-green { color: #5cb85c !important; border-color: #5cb85c !important; }
.benchmark-wrapper { padding: 10px; }
.benchmark-outer { box-sizing: border-box; border-width: 10px; border-style: solid; border-color: inherit; }
.benchmark-inner { padding: 5px; color: inherit; }

.metric-blue-hover:hover { color: #25253c !important; border-color: #25253c !important; }
.metric-blue { color: #25253c !important; border-color: #25253c !important; }
.metric-red { color: #d9534f !important; border-color: #d9534f !important; }
.metric-green { color: #5cb85c !important; border-color: #5cb85c !important; }
.metric-wrapper { padding: 80px; }
.metric-outer { box-sizing: border-box; border-width: 8px; border-style: solid; border-color: inherit; border-radius: 50%; height: 160px; width: 160px; margin: auto; }
.metric-inner { padding: 15px; color: inherit; padding-top: 30px; }
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { padding: 3px !important; }

#totalContainer { position:relative; width: 9.0625em; height: 9.0625em; margin-left: 2.5em }
#totalNumber { position:absolute; top:35%; font-weight: 300 }
#totalAccuracyContainer { position:relative; width: 7.980em; height: 7.980em; }
#totalAccuracy { position:absolute; top:37%; font-weight: 300; color: white; }
#accuracyChart .dxc-title text { font-family: RockwellFont, 'Droid Sans', sans-serif !important; font-size: 1.750em !important; line-height: 1.42857143; color: #333 }

.vertical-margin-hog {
    border-right: lightgray solid 1px;
}

.health-disclaimer {
    border: 1px solid #ddd;
    padding: 8px;
    border-radius: 6px;
    background-color: #f5f5f5;
    font-weight: 300;
    margin-top: 4px;
}
/*@media (max-width: 1820px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }
}*/