/******************************************************************************/
/* Product.css */
/* Copyright 2017 Sencore, Inc. All rights reserved. */
/******************************************************************************/

/* Clear the top-level status bar of all formatting. */
.statusToolbar {
   background: #FFFFFF;
   background-image: none;
   border: none;
}

.warning-arrow-up {
   width: 0;
   height: 0;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;

   border-bottom: 5px solid #850000;
}

.warning-bubble{
   position: absolute;
}

.warning-bubble-container {
   border: 1px #850000 solid;
   background-color: #fe9f9f;
   padding: 1px;
}

.warning-bubble-text {
   padding: 5px;
}

.warning-bubble-x {
   float: right;
   cursor: pointer;
   cursor: hand;
}

.warning-bubble-close {
   text-align: center;
   cursor: pointer;
   cursor: hand;
}

.disk-usage-warning  label {
   color: red;
   cursor: pointer;
   cursor: hand;
}

.tab-container {
   width: 1100px;
}

.port {
   border-bottom: 1px solid #999999;
   min-height: 32px;
}

.port-status-only {
   padding-top: 5px;
}

.port-title {
   font-weight: bold !important;
   width: 120px;
}

.port-toolbar {
   background: #FFFFFF !important;
   background-image: none;
   border-bottom: none;
}

.port-toolbar-expanded {
   background: #FFFFFF !important;
   background-image: none;
   border-bottom: none;
}

.port-toolbar-faded {
   background: #E1E1E1 !important;
   background-image: none;
   border-bottom: none;
}

.port-toolbar-item-col {
   padding-right: 125px;
}

.port-toolbar-spacer {
   width: 4px;
}

.port-toolbar-spacer2 {
   width: 20px;
}

.port-status-spacer {
   width: 52px;
}

.port-item {
   background: #FFFFFF !important;
   background-image: none !important;
   border: none !important;
}

.port-item-col {
   width: 70px
}

.port-item-col2 {
   width: 100px
}

.port-item-col3 {
   width: 140px
}

.port-status {
   padding: 0px 15px 10px 15px;
}

.port-status-item {
   font: 12px arial,tahoma,helvetica,sans-serif !important;
   color: #30569D;
}

.port-config-item {
   font: 12px arial,tahoma,helvetica,sans-serif !important;
   color: #FF8C00;
}

.port-item-spacing {
   margin-left: 0px !important;
   margin-right: 0px !important;
   padding-left: 2px !important;
   padding-right: 2px !important;
}

.icon-status_off {
   background-image: url( '/img/product/status_off.png' ) !important;
}

.icon-status_uid {
   background-image: url( '/img/product/status_uid.png' ) !important;
}

.icon-status_ok {
   background-image: url( '/img/product/status_ok.png' ) !important;
}

.icon-status_error {
   background-image: url( '/img/product/status_error.png' ) !important;
}

.icon-status_only {
   background-image: url( '/img/product/status_only.png' ) !important;
   background-repeat: no-repeat;
}

.icon-expand {
   background-image: url( '/img/product/expand.png' ) !important;
}

.icon-collapse {
   background-image: url( '/img/product/collapse.png' ) !important;
}

.icon-control_record_blue {
   background-image: url( '/img/product/control_record_blue.png' ) !important;
}

.icon-application_play_popout {
   background-image: url("/img/product/application_play_popout.png") !important;
}

.icon-application_record_popout {
   background-image: url("/img/product/application_record_popout.png") !important;
}

.icon-forced_gap_disabled {
   background-image: url("/img/product/forced_gap_disabled.png") !important;
}

.icon-forced_gap_enabled {
   background-image: url("/img/product/forced_gap_enabled.png") !important;
}

.icon-none {
   display: none;
}

.label-icon {
   padding-left: 20px !important;
   background-repeat: no-repeat;
}

.application-panel {
   padding: 10px;
}

.application-card {
   padding-bottom: 10px;
}

.hide-extra-text {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

.port-source-file-config {
   font-weight: bold !important;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   cursor: pointer;
   cursor: hand;
}

.dialog-source-file {
   font-weight: bold !important;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   margin-top: 4px;
   margin-left: 7px;
   cursor: pointer;
   cursor: hand;
}

#tsFileUpload .x-btn {
   background-image: none !important;
   background-color: transparent !important;
   border-color: transparent !important;
}

#tsFileUpload .x-btn:hover {
   background-image: -webkit-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e9e9e9 51%, #f5f5f5)!important;
   background-color: #f5f5f5!important;
   border-color: #acacac !important;
}

#tsFileUpload .x-btn-inner {
   font: bold 12px/16px helvetica, arial, verdana, sans-serif;
   color: #666;
   padding: 0 5px;
}

#startFill {
   background-color: #949494;
   border-color: #949494;
   z-index: 2;
   opacity: 0.8;
}

#endFill {
   background-color: #949494;
   border-color: #949494;
   z-index: 2;
   opacity: 0.8;
}

#progressFill {
   background-color: #c2ddf2;
   border-color: #c2ddf2;
   opacity: 1;
}

.interactive-progressBar-fill {
   position: absolute;
   top: 0;
   left: -7px;
   z-index: 1;
   height: 62%;
   width: 0px;
   margin: 3px 0 0px 0;
   border-radius: 10px;
   padding: 0px 0px 0px 0px;
   border-width: 5px;
   border-style: solid;
}

#slider-thumb-0 {
   z-index: 8000 !important;
}

#slider-thumb-1 {
   z-index: 9000 !important;
}

#slider-thumb-2 {
   z-index: 8000 !important;
}

.start-end-slider-thumb {
   border: 1px solid #d0d0d0 !important;
   background-image: none !important;
   width: 16px !important;
   height: 16px !important;
   margin-left: -8px !important;
   font: 12px/1 ExtJS !important;
   background-color: #f6f6f6 !important;
   border: 1px solid #d0d0d0 !important;
   border-radius: 2px !important;
}

.start-end-slider-thumb:before {
   content: "| |";
   color: #d0d0d0;
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   width: 13px
}

.progress-start-end-line {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   height: 100%;
   border-color: #949494;
   border-style: solid;
   border-top-width: 2px;
   border-bottom-width: 2px;
   bottom: 0;
   content: '';
   position: absolute;
   top: 0;
   width: 4px;
}

.progress-start-line {
   border-left-width: 2px;
   border-right-width: 0px;
}

.progress-end-line {
   border-left-width: 0px;
   border-right-width: 2px;
   margin-left: -2px
}

.inactive-row .x-grid-cell {
   background-color: #7e7d7d;
   color: #ffffff;
}

.schedule-conflict-row .x-grid-cell {
   background-color: #ffd7d7;
}

.schedule-current-row .x-grid-cell {
   background-color: #c7ffc7;
}

.scheduleGrid .x-grid-item-over .x-grid-cell-first .x-grid-cell-inner {
   background-image: url("/img/product/four_way_arrow.png") !important;
   background-size: cover;
   height: 20px;
   width: 16px;
   cursor: move;
   cursor: grab;
   cursor: -moz-grab;
   cursor: -webkit-grab;
}

.scheduleGrid .dragging .x-grid-cell-inner {
   background-image: url("/img/product/four_way_arrow.png") !important;
   background-size: cover;
   height: 20px;
   width: 16px;
}

#headerWrapper {
   position: fixed;
   z-index: 5001;
   top: 0;
}

#bodyWrapper {
   z-index: 5000;
   margin-top: 100px;
   overflow-y: scroll;
   height: calc(100% - 100px);
   position: fixed;
   width: 100%;
}

.under-shadow {
   -webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
   -moz-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
   box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
}

.button-background {
   background: #5E5E5E !important;
   border-color: #5E5E5E !important;
}