/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

/*COLORS*/
.bg-color-late {
    background-color: #F13333; /*#b22222;*/
}

.bg-color-in-danger {
    background-color: #ecc813; /* #f4a460;*/
}

.bg-color-ok {
    background-color: #0FC453;
}

.bg-color-bland {
    background-color: grey;
}

.bg-color-neutral {
    background-color: #00A7D4;
}

.bg-color-active {
    background-color: #ED8C2A;
}

.bg-color-completed, .bg-color-in-process {
    background-color: #0FC453;
}

.bg-color-panel {
    background-color: #d6dde7;
}

/*TABS*/

.tab-content {
    background-color: #d6dde7;
    padding-top: 1em;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    font-weight: 500;
    background-color: #d6dde7;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
    border-radius: 5px 5px 0 0;
}

/*TABS*/
#tab-headers {
    font-size: 1.5em;
    padding-top: 20px;
}

#tabs {
    /*padding-top: 1em;*/
}

/*PANELS*/

.panel-title {
    color: #00A7D4;
}

.panel-heading-icon {
    float: right;
    cursor: pointer;
}

.panel-subtitle {
    color: white;
    font-size: 1.5em;
}

.panel-bete {
    background-color: white;
    border-radius: 5px;
}

.panel-bete .panel-body-bete {
    background-color: white;
}

.panel-fullscreen {
    display: block;
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
}
/*GENERAL*/
/*body { 
    padding-top: 65px; 
}*/
.pointer {
    cursor: pointer;
}
/*GENERAL LAYOUT FORMATTING*/
#header {
    padding-top: 1em;
    padding-left: 1em;
}

#navbar .logo {
    width: 200px;
}

#header h1, .footer {
    float: right;
    padding-right: .6em;
}

/*GENERAL TEXT FORMATTING*/
.text-right {
    text-align: right;
}

.text-status {
    color: #d4d4d4
}

.font-2em {
    font-size: 2em;
}

.title-white {
    color: white;
    font-size: 2em;
    padding: .6em;
}

/*CARDS*/
.card {
    margin: .6em;
    /*padding: .5em 0 .5em 0;*/
    background-color: white;
    border-radius: 5px;
}

.dialog-fullscreen {
    max-width: 95%;
    max-height: 95%;
    width: 95%;
    height: 95%;
    border-radius: 0;
}

.card table tr .h2-card {
    padding-top: 0;
}

.card-flag-text {
    color: red;
}

.card-list {
    padding-bottom: .3em;
    border-radius: 5px;
}

.card table {
    padding: 1em;
}
.card .table {
    margin: 0;
}

.card-list-title {
    color: white;
    font-size: 2em;
    padding: .6em;
}

.h1-card {
    font-size: 1.5em;
    font-weight: bold;
}

.card .table tr .h2-card {
    font-size: 1em;
    font-weight: bold;
    color: grey;
    line-height: 1;
}

.card table tr td {
    border-top: none;
    overflow: hidden;
   /* max-width: 50%;*/
}

#tickets-panel .badge-dept {
    margin-left: .3em;
    font-size: 1em;
    
}



.crop {
    width:100px;
    overflow:hidden;
    height:50px;
    line-height:50px;
}

.card-badge {
    padding-left: 1em;
    padding-bottom: 1em;
}

/*TABLES*/
.table {
    table-layout: fixed;
}

.table tr td.bottom-row {
    vertical-align: bottom;
}

/*shorten table data and add ellipsis to end when space is lacking*/
.table .shorten {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*CHECKBOXES*/


/*PRINT SETTINGS*/
@media print {
    .no-print, 
    #header,
    .panel-heading,
    form,
    .form-inline, 
    #tab-headers,
    #order-performance,
    #on-time-performance,
    #jobs-due {
        display: none;
    }

    #late-ship,
    #today-ship,
    #tomorrow-ship {
        width: 100%;
        
    }


}