#app-header {
    color: #596F8F;
    font-size: 22px;
    font-weight: 200;
    padding: 8px 15px;
    text-shadow: 0 1px 0 #fff;
}

.feed-list {
    padding: 0 3px 0 3px;
}

.background-image-none {
    background-image: none;
}

.menuTree .x-grid-cell-treecolumn .x-grid-cell-inner {
    margin-top: 3px;
    font-size: 11px;
}

.feed-list-item {
    margin-top: 3px;
    padding-left: 20px;
    font-size: 11px;
    line-height: 20px;
    cursor: pointer;
    border: 1px solid #fff;
}

.feed-list .x-item-selected {
    font-weight: bold;
    color: #15428B;
    background-color: #DFE8F6;
    border: 1px dotted #A3BAE9;
}

.feed-list-item-hover {
    background-color: #eee;
}

#color-palette {
    clear: both;
}

.color-button {
    width: 14px;
    height: 14px;
    font-size: 0;
    margin: 2px;
    float: left;
    cursor: pointer;
}

.closed {
    color: #690;
}

.waiting {
    color: #00F;
}

.waiting_state {
    color: #B45F04;
}

.shutdown {
    color: #F60;
}

.opened {
    color: #F00;
}

.inprocess {
    color: #0000FF;
}

.inprocess_incidences {
    color: #309;
}

.green {
    color: #008000;
}

#color-palette {
    clear: both;
}

/*.closed .x-grid-cell{
    background-color: #DBFA9B;
}
.waiting .x-grid-cell{
    background-color: #9898A1;
}
.shutdown .x-grid-cell{
    background-color: #FAAD7A;
}
.opened .x-grid-cell{
	background-color:#F98989;
}
.inprocess .x-grid-cell{
	background-color:#B18BFC;
}
*/
.management {
    background-image: url(../images/Management.gif)
}

.master {
    background-image: url(../images/Master.gif)
}

.sales {
    background-image: url(../images/Sales.gif)
}

.network {
    background-image: url(../images/Network.gif)
}

.tracking {
    background-image: url(../images/Tracking.gif)
}

.wifi_network {
    background-image: url(../images/wifi.gif)
}

.fiber_network {
    background-image: url(../images/Fiber.gif)
}

.tv {
    background-image: url(../images/Tv.gif)
}

.ipv6movil {
    background-image: url(../images/Ipv6movil.gif)
}

.warehouse {
    background-image: url(../images/Warehouse_menu.gif)
}

.policies {
    background-image: url(../images/policy_menu.png)
}

.mapfiber-icon {
    background-size: 30px 30px;
    width: 30px !important;
}

.incidences-details-grid .x-grid-cell-inner {
    overflow: visible;
    white-space: normal !important;
}

.notifications-grid .x-grid-cell-inner {
    overflow: visible;
    white-space: normal !important;
}

.workorders-details-grid .x-grid-cell-inner {
    overflow: visible;
    white-space: normal !important;
}

.zone-tasks-details-grid .x-grid-cell-inner {
    overflow: visible;
    white-space: normal !important;
}


.x-grid-row-selected .x-grid-cell,
.x-grid-row-selected .x-grid-rowwrap-div {
    background-color: #b2d56b !important;
}

.x-grid-row-over .x-grid-cell,
.x-grid-row-over .x-grid-rowwrap-div {
    background-color: #cee2a6 !important;
}

.x-panel-header-default-left,
.x-panel-header-default-right {
    background-image: none;
    background-color: #b2d56b;
    background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #b2d56b), color-stop(100%, #bfe178));
    background-image: -moz-linear-gradient(right, #b2d56b, #bfe178);
    background-image: linear-gradient(right, #b2d56b, #bfe178) !important;
}

.x-toolbar-dark {
    background-image: none;
    background-color: #6C9804;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #A2E306), color-stop(3%, #7EB105), color-stop(100%, #5B7F03));
    background-image: -webkit-linear-gradient(top, #A2E306, #7EB105 3%, #5B7F03);
    background-image: linear-gradient(top, #A2E306, #7EB105 3%, #5B7F03);
}

.x-list-normal .x-list-item.x-item-selected .x-dock-horizontal {
    border-top-color: #6C9804;
    border-bottom: 1px solid #003E6A;
}

.x-list .x-list-item.x-item-selected .x-dock-horizontal {
    background-image: none;
    background-color: #6C9804;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #A2E306), color-stop(3%, #7EB105), color-stop(100%, #5B7F03));
    background-image: -webkit-linear-gradient(top, #A2E306, #7EB105 3%, #5B7F03);
    background-image: linear-gradient(top, #A2E306, #7EB105 3%, #5B7F03);
    color: white;
    text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;
}

x-toolbar-dark .x-button,
.x-toolbar-dark .x-button.x-button-back::after,
.x-toolbar-dark .x-button.x-button-forward::after,
.x-toolbar .x-toolbar-dark .x-button,
.x-toolbar .x-toolbar-dark .x-button.x-button-back::after,
.x-toolbar .x-toolbar-dark .x-button.x-button-forward::after,
.x-toolbar-dark .x-field-select .x-component-outer,
.x-toolbar-dark .x-field-select .x-component-outer.x-button-back::after,
.x-toolbar-dark .x-field-select .x-component-outer.x-button-forward::after,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer.x-button-back::after,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer.x-button-forward::after,
.x-toolbar-dark .x-field-select .x-component-outer::before,
.x-toolbar-dark .x-field-select .x-component-outer::before.x-button-back::after,
.x-toolbar-dark .x-field-select .x-component-outer::before.x-button-forward::after,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer::before,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer::before.x-button-back::after,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer::before.x-button-forward::after {
    background-color: #6C9804;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #A2E306), color-stop(3%, #7EB105), color-stop(100%, #5B7F03));
    background-image: -webkit-linear-gradient(top, #A2E306, #7EB105 3%, #5B7F03);
    background-image: linear-gradient(top, #A2E306, #7EB105 3%, #5B7F03);
    color: white;
}

.x-toolbar-dark .x-button,
.x-toolbar-dark .x-button.x-button-back::after,
.x-toolbar-dark .x-button.x-button-forward::after,
.x-toolbar .x-toolbar-dark .x-button,
.x-toolbar .x-toolbar-dark .x-button.x-button-back::after,
.x-toolbar .x-toolbar-dark .x-button.x-button-forward::after,
.x-toolbar-dark .x-field-select .x-component-outer,
.x-toolbar-dark .x-field-select .x-component-outer.x-button-back::after,
.x-toolbar-dark .x-field-select .x-component-outer.x-button-forward::after,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer.x-button-back::after,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer.x-button-forward::after,
.x-toolbar-dark .x-field-select .x-component-outer::before,
.x-toolbar-dark .x-field-select .x-component-outer::before.x-button-back::after,
.x-toolbar-dark .x-field-select .x-component-outer::before.x-button-forward::after,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer::before,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer::before.x-button-back::after,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer::before.x-button-forward::after {
    background-color: #6C9804;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #A2E306), color-stop(3%, #7EB105), color-stop(100%, #5B7F03));
    background-image: -webkit-linear-gradient(top, #A2E306, #7EB105 3%, #5B7F03);
    background-image: linear-gradient(top, #A2E306, #7EB105 3%, #5B7F03);
    color: white;
}

.x-toolbar-dark .x-button.x-button-pressing,
.x-toolbar-dark .x-button.x-button-pressing::after,
.x-toolbar-dark .x-button.x-button-pressed,
.x-toolbar-dark .x-button.x-button-pressed::after,
.x-toolbar-dark .x-button.x-button-active,
.x-toolbar-dark .x-button.x-button-active::after,
.x-toolbar .x-toolbar-dark .x-button.x-button-pressing,
.x-toolbar .x-toolbar-dark .x-button.x-button-pressing::after,
.x-toolbar .x-toolbar-dark .x-button.x-button-pressed,
.x-toolbar .x-toolbar-dark .x-button.x-button-pressed::after,
.x-toolbar .x-toolbar-dark .x-button.x-button-active,
.x-toolbar .x-toolbar-dark .x-button.x-button-active::after,
.x-toolbar-dark .x-field-select .x-component-outer.x-button-pressing,
.x-toolbar-dark .x-field-select .x-component-outer.x-button-pressing::after,
.x-toolbar-dark .x-field-select .x-component-outer.x-button-pressed,
.x-toolbar-dark .x-field-select .x-component-outer.x-button-pressed::after,
.x-toolbar-dark .x-field-select .x-component-outer.x-button-active,
.x-toolbar-dark .x-field-select .x-component-outer.x-button-active::after,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer.x-button-pressing,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer.x-button-pressing::after,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer.x-button-pressed,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer.x-button-pressed::after,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer.x-button-active,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer.x-button-active::after,
.x-toolbar-dark .x-field-select .x-component-outer::before.x-button-pressing,
.x-toolbar-dark .x-field-select .x-component-outer::before.x-button-pressing::after,
.x-toolbar-dark .x-field-select .x-component-outer::before.x-button-pressed,
.x-toolbar-dark .x-field-select .x-component-outer::before.x-button-pressed::after,
.x-toolbar-dark .x-field-select .x-component-outer::before.x-button-active,
.x-toolbar-dark .x-field-select .x-component-outer::before.x-button-active::after,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer::before.x-button-pressing,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer::before.x-button-pressing::after,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer::before.x-button-pressed,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer::before.x-button-pressed::after,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer::before.x-button-active,
.x-toolbar .x-toolbar-dark .x-field-select .x-component-outer::before.x-button-active::after {
    background-color: #6C9804;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #A2E306), color-stop(3%, #7EB105), color-stop(100%, #5B7F03));
    background-image: -webkit-linear-gradient(top, #A2E306, #7EB105 3%, #5B7F03);
    background-image: linear-gradient(top, #A2E306, #7EB105 3%, #5B7F03)
}

.x-tabbar-dark.x-docked-bottom .x-tab-active {
    background-color: #6C9804;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #A2E306), color-stop(3%, #7EB105), color-stop(100%, #5B7F03));
    background-image: -webkit-linear-gradient(top, #A2E306, #7EB105 3%, #5B7F03);
    background-image: linear-gradient(top, #A2E306, #7EB105 3%, #5B7F03);
    text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;
    -webkit-box-shadow: #092e47 0 0 0.25em inset;
    box-shadow: #092e47 0 0 0.25em inset;
}

.x-tabbar-dark {
    background-color: #6C9804;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #A2E306), color-stop(3%, #7EB105), color-stop(100%, #5B7F03));
    background-image: -webkit-linear-gradient(top, #A2E306, #7EB105 3%, #5B7F03);
    background-image: linear-gradient(top, #A2E306, #7EB105 3%, #5B7F03);
    border-top-color: #0B3C5E;
    border-bottom-color: #061F31;
}

.x-button.x-button-action,
.x-button.x-button-action.x-button-back::after,
.x-button.x-button-action.x-button-forward::after,
.x-toolbar .x-button.x-button-action,
.x-toolbar .x-button.x-button-action.x-button-back::after,
.x-toolbar .x-button.x-button-action.x-button-forward::after,
.x-button.x-button-action-round,
.x-button.x-button-action-round.x-button-back::after,
.x-button.x-button-action-round.x-button-forward::after,
.x-toolbar .x-button.x-button-action-round,
.x-toolbar .x-button.x-button-action-round.x-button-back::after,
.x-toolbar .x-button.x-button-action-round.x-button-forward::after,
.x-button.x-button-action-small,
.x-button.x-button-action-small.x-button-back::after,
.x-button.x-button-action-small.x-button-forward::after,
.x-toolbar .x-button.x-button-action-small,
.x-toolbar .x-button.x-button-action-small.x-button-back::after,
.x-toolbar .x-button.x-button-action-small.x-button-forward::after {
    background-color: #6C9804;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #A2E306), color-stop(3%, #7EB105), color-stop(100%, #5B7F03));
    background-image: -webkit-linear-gradient(top, #A2E306, #7EB105 3%, #5B7F03);
    background-image: linear-gradient(top, #A2E306, #7EB105 3%, #5B7F03);
    border-top-color: #0B3C5E;
    border-bottom-color: #061F31;
}

.x-grid-row-editor .x-form-display-field {
    font: normal 11px/15px tahoma, arial, verdana, sans-serif;
    padding-top: 0;
    padding-left: 2px;
    -moz-user-select: inherit;
    -khtml-user-select: text;
    -webkit-user-select: text;
}