/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/

#preloader {
    background-color: #f0f0f0;
    border-radius: 0 8px 0 0;
    border-right: 1px solid #b0b0b0;
    border-top: 1px solid #b0b0b0;
    bottom: 0;
    box-shadow: 0px 0px 3px 2px #808080;
    cursor: default;
    left: 0;
    line-height: 30px;
    padding-left: 5px;
    position: fixed;
    width: 250px;
    z-index: 10000;
}

.sendOffScreen {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.oj-button-error.oj-buttonset .oj-button-jqui.oj-default.oj-button-full-chrome,
.oj-button-error.oj-buttonset .oj-button-jqui.oj-focus-only.oj-button-full-chrome,
.oj-button-error.oj-button-jqui.oj-default.oj-button-full-chrome,
.oj-button-error.oj-button-jqui.oj-focus-only.oj-button-full-chrome,
.oj-button-error.oj-button.oj-default.oj-button-full-chrome .oj-button-button,
.oj-button-error.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-button {
    background-color: #dd3333;
    background-image: none;
    border-color: transparent;
    color: white;
    text-shadow: none;
}

.oj-button-error.oj-buttonset .oj-button.oj-default.oj-button-full-chrome .oj-button-icon,
.oj-button-error.oj-buttonset .oj-button.oj-focus-only.oj-button-full-chrome .oj-button-icon,
.oj-button-error.oj-button.oj-default.oj-button-full-chrome .oj-button-icon,
.oj-button-error.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-icon {
    color: white;
}

.oj-button-error.oj-buttonset .oj-button-jqui.oj-hover.oj-button-full-chrome:not(.oj-active),
.oj-button-error.oj-button-jqui.oj-hover.oj-button-full-chrome:not(.oj-active),
.oj-button-error.oj-button.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-button {
    background-color: #f51b1b;
    background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
    border-color: transparent;
    color: white;
    text-shadow: none;
}

.oj-button-error.oj-buttonset .oj-button.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-icon,
.oj-button-error.oj-button.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-icon {
    color: white;
}

.oj-button-error.oj-buttonset .oj-button-jqui.oj-active.oj-button-full-chrome,
.oj-button-error.oj-button-jqui.oj-active.oj-button-full-chrome,
.oj-button-error.oj-button.oj-active.oj-button-full-chrome .oj-button-button {
    background-color: #a81c1c;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    border-color: transparent;
    color: white;
    text-shadow: none;
}

.oj-button-error.oj-buttonset .oj-button.oj-active.oj-button-full-chrome .oj-button-icon,
.oj-button-error.oj-button.oj-active.oj-button-full-chrome .oj-button-icon {
    color: white;
}

.oj-button-error.oj-buttonset .oj-button-jqui.oj-selected.oj-button-full-chrome:not(.oj-disabled),
.oj-button-error.oj-button-jqui.oj-selected.oj-button-full-chrome:not(.oj-disabled),
.oj-button-error.oj-button.oj-selected.oj-button-full-chrome:not(.oj-disabled) .oj-button-button {
    background-color: #dd3333;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    border-color: transparent;
    color: white;
    text-shadow: none;
}

.oj-button-error.oj-buttonset .oj-button-jqui.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled),
.oj-button-error.oj-button-jqui.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled),
.oj-button-error.oj-button.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled) .oj-button-button {
    background-color: #f51b1b;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    border-color: transparent;
    color: white;
    text-shadow: none;
}

.oj-button-error.oj-buttonset .oj-button.oj-selected.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon,
.oj-button-error.oj-button.oj-selected.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon {
    color: white;
}

.oj-button-error.oj-buttonset .oj-button.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon,
.oj-button-error.oj-button.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-disabled) .oj-button-icon {
    color: white;
}

.oj-button-error.oj-buttonset .oj-button-jqui.oj-disabled.oj-button-full-chrome,
.oj-button-error.oj-button-jqui.oj-disabled.oj-button-full-chrome,
.oj-button-error.oj-button.oj-disabled.oj-button-full-chrome .oj-button-button {
    background-color: #dd3333;
    border-color: transparent;
    color: white;
    opacity: 0.4;
}

.oj-button-error.oj-buttonset .oj-button.oj-disabled.oj-button-full-chrome .oj-button-icon,
.oj-button-error.oj-button.oj-disabled.oj-button-full-chrome .oj-button-icon {
    color: white;
}

.oj-button-error.oj-buttonset .oj-button-jqui.oj-disabled.oj-selected.oj-button-full-chrome,
.oj-button-error.oj-button-jqui.oj-disabled.oj-selected.oj-button-full-chrome,
.oj-button-error.oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-button {
    color: white;
    background-color: #dd3333;
    border-color: transparent;
}

.oj-button-error.oj-buttonset .oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-icon,
.oj-button-error.oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-icon {
    color: white;
}

.text-danger {
    color: #C14B4B;
}

.text-warning {
    color: #f6b846;
}

.text-success {
    color: #4E9B2D;
}

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

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


/*** FIX PARA ICONOS EN BOTONES ***/

.iconic.oj-menu-item-icon {
    position: absolute;
    top: 50%;
}

.iconic.oj-button-icon {
    position: relative;
    font-variant: normal;
    text-transform: none;
    top: 0;
}

.iconic.oj-button-icon::before {
    font-size: 15px;
}

.oj-web-applayout-max-width.oj-web-applayout-content {
    padding: 0 0 10px 0;
}

.oj-toolbar-row .oj-toolbar:first-child {
    padding-left: 0.5em;
}

#barra-main-content .iconic::before {
    font-size: 16px !important;
}

.oj-toolbar>.oj-button,
.oj-toolbar>.oj-buttonset,
.oj-toolbar>.oj-inputnumber {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0.333em;
}

.oj-dialog-body.dialog-body-toolbar {
    padding: 0;
}

.columna-bandera {
    text-align: center!important;
    width: 80px;
}

.switch-cell {
    padding-bottom: 0;
    padding-top: 0;
    text-align: center!important;
    width: 140px;
}


/******** ESTILOS PALANIFICADOR *********/

#tabla_planificador {
    font-size: 12px;
    width: 100%;
}

#tabla_planificador tbody td {
    border: 1px solid #808080;
    height: 19px;
    margin: 0;
    padding: 0;
}

#tabla_planificador .oj-inputdatetime-calendar-icon {
    line-height: 21px;
    font-size: 13px;
}

#tabla_planificador .oj-text-field-container {
    border: none;
    margin: 0;
    padding: 0;
    height: 1.25rem;
}

#tabla_planificador td .oj-form-control,
#tabla_planificador td input {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

#tabla_planificador oj-input-text,
#tabla_planificador oj-input-date-time,
#tabla_planificador oj-select-single {
    max-width: 100%;
}

#tabla_planificador td .badge {
    color: #4b4b4b;
    padding: 0 3px 0 0;
    text-align: right;
}

#tabla_planificador tr.selected {
    background-color: #C8C8C8;
}

#tabla_planificador tr.selected .badge {
    color: #151515;
}

#tabla_planificador tr.selected td input,
#tabla_planificador tr.selected td .oj-select-choice {
    background-color: #c8c8c8;
    color: #151515;
}

#tabla_planificador tr.selected a .oj-clickable-icon,
#tabla_planificador tr.selected a.oj-clickable-icon,
#tabla_planificador tr.selected a.oj-clickable-icon-nocontext,
#tabla_planificador tr.selected a:visited .oj-clickable-icon,
#tabla_planificador tr.selected a:visited.oj-clickable-icon,
#tabla_planificador tr.selected a:visited.oj-clickable-icon-nocontext,
#tabla_planificador tr.selected .oj-default .oj-clickable-icon,
#tabla_planificador tr.selected .oj-default.oj-clickable-icon,
#tabla_planificador tr.selected .oj-default.oj-clickable-icon-nocontext {
    background-color: #c8c8c8;
    color: #151515;
}


/* #tabla_planificador oj-input-text,
#tabla_planificador oj-input-date-time,
#tabla_planificador oj-select-single,
#tabla_planificador oj-button {
    border: none;
    font-size: 12px;
    padding: 0;
    margin: 0;
    max-width: 100%;
}

#tabla_planificador .oj-inputdatetime-input-trigger,
#tabla_planificador .nombre-actividad,
#tabla_planificador .oj-select-single {
    border: none;
    height: 1.4rem;
}

#tabla_planificador .oj-inputdatetime.oj-read-only .oj-inputdatetime-input {
    font-size: 12px;
}

#tabla_planificador oj-input-date-time {
    width: 120px;
}

#tabla_planificador oj-button {
    height: 24px;
}

#tabla_planificador .oj-inputtext-input,
#tabla_planificador .oj-inputdatetime-input {
    border: none;
    height: 1.4rem;
}

#tabla_planificador .oj-select-chosen {
    font-size: 12px;
}

#tabla_planificador .flecha {
    border: none;
    background: none;
    color: #4d4c4c;
}

#tabla_planificador .indice {
    text-align: right;
    min-width: 25px;
    padding-right: 3px;
}

#tabla_planificador .tiempo-estimado {
    width: 60px;
}

#tabla_planificador .fecha-hora {
    width: 180px;
}

#tabla_planificador .fecha-hora.readonly {
    padding-left: 5px;
    width: 175px;
}
 */


/*** Estilo de color para iconos en menu de usuario ***/

.oj-menu .iconic * {
    fill: #4d4d4d;
    stroke: #4d4d4d;
}

.oj-menu .iconic-person .iconic-person-head {
    fill: #80B23C;
    stroke: #80B23C;
}

.oj-menu .iconic-person .iconic-person-body {
    fill: #658c2f;
    stroke: #658c2f;
}

.oj-menu .iconic-account .iconic-account-logout .iconic-property-accent {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-menu .iconic-account .iconic-account-logout * {
    fill: #1B75BB;
    stroke: #1B75BB;
}

.oj-menu .iconic-bell * {
    fill: #c99000;
    stroke: #c99000;
}

.oj-menu .iconic-bell .iconic-property-accent {
    fill: #b07d00;
    stroke: #b07d00;
}

.oj-menu .iconic-task .iconic-task-check {
    fill: #80B23C;
    stroke: #80B23B;
}

.oj-menu .iconic-task .iconic-task-check-box {
    fill: #658c2f;
    stroke: #658c2f;
}

.oj-menu .iconic-inbox * {
    fill: #2A91A8;
    stroke: #2A91A8;
}

.oj-menu .iconic-excerpt * {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-menu .iconic-excerpt .iconic-property-accent {
    fill: #DA3A35;
    stroke: #DA3A35;
}

.oj-menu .iconic-project .iconic-project-task-1 {
    fill: #80B23C;
    stroke: #80B23C;
}

.oj-menu .iconic-project .iconic-project-task-2 {
    fill: #2A91A8;
    stroke: #2A91A8;
}

.oj-menu .iconic-project .iconic-project-task-3 {
    fill: #1B75BB;
    stroke: #1B75BB;
}

.oj-menu .iconic-project .iconic-project-task-4 {
    fill: #4A46AA;
    stroke: #4A46AA;
}

.oj-menu .iconic-timer .iconic-timer-needle {
    fill: #DA3A35;
    stroke: #DA3A35;
}

.oj-menu .iconic-people .iconic-people-person-body-left {
    fill: #1B75BB;
    stroke: #1B75BB;
}

.oj-menu .iconic-people .iconic-people-person-head-left {
    fill: #b7a88a;
    stroke: #b7a88a;
}

.oj-menu .iconic-people .iconic-people-person-body-right {
    fill: #DA3A35;
    stroke: #DA3A35;
}

.oj-menu .iconic-people .iconic-people-person-head-right {
    fill: #ae9d7a;
    stroke: #ae9d7a;
}

.oj-menu .iconic-people .iconic-people-person-body-center {
    fill: #80B23C;
    stroke: #80B23C;
}

.oj-menu .iconic-people .iconic-people-person-head-center {
    fill: #a4916b;
    stroke: #a4916b;
}

.oj-menu .iconic-briefcase .iconic-briefcase-handle {
    fill: #ab862a;
    stroke: #ab862a;
}

.oj-menu .iconic-briefcase .iconic-briefcase-body-buckle {
    fill: #ab862a;
    stroke: #ab862a;
}

.oj-menu .iconic-briefcase .iconic-briefcase-body-bottom {
    fill: #98845d;
    stroke: #98845d;
}

.oj-menu .iconic-briefcase .iconic-briefcase-body-top {
    fill: #78694a;
    stroke: #78694a;
}

.oj-menu .iconic-code * {
    fill: #4d4d4d;
    stroke: #4d4d4d;
}

.oj-menu .iconic-code .iconic-code-slash {
    fill: #1B75BB;
    stroke: #1B75BB;
}

.oj-menu .iconic-list * {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-menu .iconic-list .iconic-property-accent {
    fill: #4d4d4d;
    stroke: #4d4d4d;
}

.oj-menu .iconic-home .iconic-home-wall {
    fill: #c1b49a;
    stroke: #c1b49a;
}

.oj-menu .iconic-home .iconic-home-roof {
    fill: #a4916b;
    stroke: #a4916b;
}

.oj-menu .iconic-settings * {
    fill: #4d4d4d;
    stroke: #4d4d4d;
}

.oj-menu .iconic-settings .iconic-property-accent {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-menu .iconic-chat * {
    fill: #1B75BB;
    stroke: #1B75BB;
}

.oj-menu .iconic-chat .iconic-property-accent {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-menu .iconic-transfer .iconic-property-accent {
    fill: #1B75BB;
    stroke: #1B75BB;
}

.oj-menu .iconic-route .iconic-route-path {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-menu .iconic-route .iconic-route-start-point {
    fill: #DA3A35;
    stroke: #DA3A35;
}

.oj-menu .iconic-route .iconic-route-end-point {
    fill: #80B23C;
    stroke: #80B23C;
}

.oj-menu .iconic-warning * {
    fill: #f16522;
    stroke: #f16522;
}

.oj-menu .iconic-pulse * {
    fill: #DA3A35;
    stroke: #DA3A35;
}

.oj-menu .iconic-spreadsheet * {
    fill: #80B23C;
    stroke: #80B23C;
}

.oj-menu .iconic-spreadsheet .iconic-spreadsheet-row,
.oj-menu .iconic-spreadsheet * .iconic-spreadsheet-column {
    fill: #b0d480;
    stroke: #b0d480;
}

.oj-menu .iconic-map-marker * {
    fill: #2A91A8;
    stroke: #2A91A8;
}

.oj-menu .iconic-thermometer .iconic-thermometer-shaft,
.oj-menu .iconic-thermometer * .iconic-thermometer-well {
	fill: #DA3A35;
	stroke: #DA3A35;
}

.oj-button.oj-active.oj-button-half-chrome .oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome:active .oj-button-icon.iconic * {
    fill: white;
    stroke: white;
}


/*** Estilo de color para iconos ***/

.oj-button.oj-default.oj-button-half-chrome .oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome .oj-button-icon.iconic *,
.oj-button.oj-focus-only.oj-button-half-chrome .oj-button-icon.iconic *,
.oj-button.oj-hover.oj-button-half-chrome .oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome:hover .oj-button-icon.iconic * {
    fill: #4d4d4d;
    stroke: #4d4d4d;
}


/** .iconic-pie-chart **/

.oj-button.oj-default.oj-button-half-chrome .iconic-pie-chart.oj-button-icon.iconic .iconic-pie-chart-slice-large,
.oj-button-nocomp.oj-button-half-chrome .iconic-pie-chart.oj-button-icon.iconic .iconic-pie-chart-slice-large,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-pie-chart.oj-button-icon.iconic .iconic-pie-chart-slice-large,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-pie-chart.oj-button-icon.iconic .iconic-pie-chart-slice-large,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-pie-chart.oj-button-icon.iconic .iconic-pie-chart-slice-large {
    fill: #80B23C;
    stroke: #80B23C;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-pie-chart.oj-button-icon.iconic .iconic-pie-chart-slice-medium,
.oj-button-nocomp.oj-button-half-chrome .iconic-pie-chart.oj-button-icon.iconic .iconic-pie-chart-slice-medium,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-pie-chart.oj-button-icon.iconic .iconic-pie-chart-slice-medium,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-pie-chart.oj-button-icon.iconic .iconic-pie-chart-slice-medium,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-pie-chart.oj-button-icon.iconic .iconic-pie-chart-slice-medium {
    fill: #2A91A8;
    stroke: #2A91A8;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-pie-chart.oj-button-icon.iconic .iconic-pie-chart-slice-small,
.oj-button-nocomp.oj-button-half-chrome .iconic-pie-chart.oj-button-icon.iconic .iconic-pie-chart-slice-small,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-pie-chart.oj-button-icon.iconic .iconic-pie-chart-slice-small,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-pie-chart.oj-button-icon.iconic .iconic-pie-chart-slice-small,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-pie-chart.oj-button-icon.iconic .iconic-pie-chart-slice-small {
    fill: #4A46AA;
    stroke: #4A46AA;
}


/** .iconic-calendar **/

.oj-button.oj-default.oj-button-half-chrome .iconic-calendar.oj-button-icon.iconic .iconic-calendar-body,
.oj-button-nocomp.oj-button-half-chrome .iconic-calendar.oj-button-icon.iconic .iconic-calendar-body,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-calendar.oj-button-icon.iconic .iconic-calendar-body,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-calendar.oj-button-icon.iconic .iconic-calendar-body,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-calendar.oj-button-icon.iconic .iconic-calendar-body {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-calendar.oj-button-icon.iconic .iconic-calendar-top,
.oj-button-nocomp.oj-button-half-chrome .iconic-calendar.oj-button-icon.iconic .iconic-calendar-top,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-calendar.oj-button-icon.iconic .iconic-calendar-top,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-calendar.oj-button-icon.iconic .iconic-calendar-top,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-calendar.oj-button-icon.iconic .iconic-calendar-top {
    fill: #DA3A35;
    stroke: #DA3A35;
}


/** .iconic-tags **/

.oj-button.oj-default.oj-button-half-chrome .iconic-tags.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome .iconic-tags.oj-button-icon.iconic *,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-tags.oj-button-icon.iconic *,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-tags.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-tags.oj-button-icon.iconic * {
    fill: #2A91A8;
    stroke: #2A91A8;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-tags.oj-button-icon.iconic .iconic-property-accent,
.oj-button-nocomp.oj-button-half-chrome .iconic-tags.oj-button-icon.iconic .iconic-property-accent,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-tags.oj-button-icon.iconic .iconic-property-accent,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-tags.oj-button-icon.iconic .iconic-property-accent,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-tags.oj-button-icon.iconic .iconic-property-accent {
    fill: #89d2e2;
    stroke: #89d2e2;
}


/** .iconic-group **/

.oj-button.oj-default.oj-button-half-chrome .iconic-group.oj-button-icon.iconic .iconic-group-item,
.oj-button-nocomp.oj-button-half-chrome .iconic-group.oj-button-icon.iconic .iconic-group-item,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-group.oj-button-icon.iconic .iconic-group-item,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-group.oj-button-icon.iconic .iconic-group-item,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-group.oj-button-icon.iconic .iconic-group-item {
    fill: #1B75BB;
    stroke: #1B75BB;
}


/** .iconic-zoom-out **/

.oj-button.oj-default.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-handle,
.oj-button-nocomp.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-handle,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-handle,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-handle,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-handle {
    fill: #c1b49a;
    stroke: #c1b49a;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-handle-connector,
.oj-button-nocomp.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-handle-connector,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-handle-connector,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-handle-connector,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-handle-connector {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-rim,
.oj-button-nocomp.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-rim,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-rim,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-rim,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-rim {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-minus,
.oj-button-nocomp.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-minus,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-minus,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-minus,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-zoom.oj-button-icon.iconic .iconic-zoom-out-minus {
    fill: #DA3A35;
    stroke: #DA3A35;
}


/** .iconic-zoom-in **/

.oj-button.oj-default.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-handle,
.oj-button-nocomp.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-handle,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-handle,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-handle,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-handle {
    fill: #c1b49a;
    stroke: #c1b49a;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-handle-connector,
.oj-button-nocomp.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-handle-connector,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-handle-connector,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-handle-connector,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-handle-connector {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-rim,
.oj-button-nocomp.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-rim,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-rim,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-rim,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-rim {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-plus,
.oj-button-nocomp.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-plus,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-plus,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-plus,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-zoom.oj-button-icon.iconic .iconic-zoom-in-plus {
    fill: #1B75BB;
    stroke: #1B75BB;
}


/** .iconic-plus **/

.oj-button.oj-default.oj-button-half-chrome .iconic-plus.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome .iconic-plus.oj-button-icon.iconic *,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-plus.oj-button-icon.iconic *,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-plus.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-plus.oj-button-icon.iconic * {
    fill: #80B23C;
    stroke: #80B23C;
}


/** .iconic-funnel **/

.oj-button.oj-default.oj-button-half-chrome .iconic-funnel.oj-button-icon.iconic .iconic-funnel-rim,
.oj-button-nocomp.oj-button-half-chrome .iconic-funnel.oj-button-icon.iconic .iconic-funnel-rim,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-funnel.oj-button-icon.iconic .iconic-funnel-rim,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-funnel.oj-button-icon.iconic .iconic-funnel-rim,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-funnel.oj-button-icon.iconic .iconic-funnel-rim {
    fill: #a6a6a6;
    stroke: #a6a6a6;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-funnel.oj-button-icon.iconic .iconic-funnel-body,
.oj-button-nocomp.oj-button-half-chrome .iconic-funnel.oj-button-icon.iconic .iconic-funnel-body,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-funnel.oj-button-icon.iconic .iconic-funnel-body,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-funnel.oj-button-icon.iconic .iconic-funnel-body,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-funnel.oj-button-icon.iconic .iconic-funnel-body {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}


/** .iconic-reload **/

.oj-button.oj-default.oj-button-half-chrome .iconic-reload.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome .iconic-reload.oj-button-icon.iconic *,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-reload.oj-button-icon.iconic *,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-reload.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-reload.oj-button-icon.iconic * {
    fill: #2A91A8;
    stroke: #2A91A8;
}


/** .iconic-person **/

.oj-button.oj-default.oj-button-half-chrome .iconic-person.oj-button-icon.iconic .iconic-person-head,
.oj-button-nocomp.oj-button-half-chrome .iconic-person.oj-button-icon.iconic .iconic-person-head,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-person.oj-button-icon.iconic .iconic-person-head,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-person.oj-button-icon.iconic .iconic-person-head,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-person.oj-button-icon.iconic .iconic-person-head {
    fill: #80B23C;
    stroke: #80B23C;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-person.oj-button-icon.iconic .iconic-person-body,
.oj-button-nocomp.oj-button-half-chrome .iconic-person.oj-button-icon.iconic .iconic-person-body,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-person.oj-button-icon.iconic .iconic-person-body,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-person.oj-button-icon.iconic .iconic-person-body,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-person.oj-button-icon.iconic .iconic-person-body {
    fill: #658c2f;
    stroke: #658c2f;
}


/** .iconic-inkwell **/

.oj-button.oj-default.oj-button-half-chrome .iconic-inkwell.oj-button-icon.iconic .iconic-inkwell-well,
.oj-button-nocomp.oj-button-half-chrome .iconic-inkwell.oj-button-icon.iconic .iconic-inkwell-well,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-inkwell.oj-button-icon.iconic .iconic-inkwell-well,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-inkwell.oj-button-icon.iconic .iconic-inkwell-well,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-inkwell.oj-button-icon.iconic .iconic-inkwell-well {
    fill: #4d4d4d;
    stroke: #4d4d4d;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-inkwell.oj-button-icon.iconic .iconic-feather-stem,
.oj-button-nocomp.oj-button-half-chrome .iconic-inkwell.oj-button-icon.iconic .iconic-feather-stem,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-inkwell.oj-button-icon.iconic .iconic-feather-stem,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-inkwell.oj-button-icon.iconic .iconic-feather-stem,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-inkwell.oj-button-icon.iconic .iconic-feather-stem {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}


/** .iconic-shield **/

.oj-button.oj-default.oj-button-half-chrome .iconic-shield.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome .iconic-shield.oj-button-icon.iconic *,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-shield.oj-button-icon.iconic *,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-shield.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-shield.oj-button-icon.iconic * {
    fill: #1B75BB;
    stroke: #1B75BB;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-shield.oj-button-icon.iconic .iconic-shield-shadow,
.oj-button-nocomp.oj-button-half-chrome .iconic-shield.oj-button-icon.iconic .iconic-shield-shadow,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-shield.oj-button-icon.iconic .iconic-shield-shadow,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-shield.oj-button-icon.iconic .iconic-shield-shadow,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-shield.oj-button-icon.iconic .iconic-shield-shadow {
    fill: #15598e;
    stroke: #15598e;
}


/** .iconic-check **/

.oj-button.oj-default.oj-button-half-chrome .iconic-check.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome .iconic-check.oj-button-icon.iconic *,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-check.oj-button-icon.iconic *,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-check.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-check.oj-button-icon.iconic * {
    fill: #80B23C;
    stroke: #80B23C;
}


/** .iconic-action-undo **/

.oj-button.oj-default.oj-button-half-chrome .iconic-action.oj-button-icon.iconic .iconic-action-undo *,
.oj-button-nocomp.oj-button-half-chrome .iconic-action.oj-button-icon.iconic .iconic-action-undo *,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-action.oj-button-icon.iconic .iconic-action-undo *,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-action.oj-button-icon.iconic .iconic-action-undo *,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-action.oj-button-icon.iconic .iconic-action-undo * {
    fill: #DA3A35;
    stroke: #DA3A35;
}


/** .iconic-clipboard **/

.oj-button.oj-default.oj-button-half-chrome .iconic-clipboard.oj-button-icon.iconic .iconic-clipboard-clip,
.oj-button-nocomp.oj-button-half-chrome .iconic-clipboard.oj-button-icon.iconic .iconic-clipboard-clip,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-clipboard.oj-button-icon.iconic .iconic-clipboard-clip,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-clipboard.oj-button-icon.iconic .iconic-clipboard-clip,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-clipboard.oj-button-icon.iconic .iconic-clipboard-clip {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-clipboard.oj-button-icon.iconic .iconic-clipboard-board,
.oj-button-nocomp.oj-button-half-chrome .iconic-clipboard.oj-button-icon.iconic .iconic-clipboard-board,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-clipboard.oj-button-icon.iconic .iconic-clipboard-board,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-clipboard.oj-button-icon.iconic .iconic-clipboard-board,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-clipboard.oj-button-icon.iconic .iconic-clipboard-board {
    fill: #c1b49a;
    stroke: #c1b49a;
}


/** .iconic-people **/

.oj-button.oj-default.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-body-left,
.oj-button-nocomp.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-body-left,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-body-left,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-body-left,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-people.oj-button-icon.iconic .iconic-people-person-body-left {
    fill: #1B75BB;
    stroke: #1B75BB;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-head-left,
.oj-button-nocomp.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-head-left,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-head-left,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-head-left,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-people.oj-button-icon.iconic .iconic-people-person-head-left {
    fill: #b7a88a;
    stroke: #b7a88a;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-body-right,
.oj-button-nocomp.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-body-right,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-body-right,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-body-right,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-people.oj-button-icon.iconic .iconic-people-person-body-right {
    fill: #DA3A35;
    stroke: #DA3A35;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-head-right,
.oj-button-nocomp.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-head-right,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-head-right,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-head-right,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-people.oj-button-icon.iconic .iconic-people-person-head-right {
    fill: #ae9d7a;
    stroke: #ae9d7a;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-body-center,
.oj-button-nocomp.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-body-center,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-body-center,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-body-center,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-people.oj-button-icon.iconic .iconic-people-person-body-center {
    fill: #80B23C;
    stroke: #80B23C;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-head-center,
.oj-button-nocomp.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-head-center,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-head-center,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-people.oj-button-icon.iconic .iconic-people-person-head-center,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-people.oj-button-icon.iconic .iconic-people-person-head-center {
    fill: #a4916b;
    stroke: #a4916b;
}


/** .iconic-info **/

.oj-button.oj-default.oj-button-half-chrome .iconic-info.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome .iconic-info.oj-button-icon.iconic *,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-info.oj-button-icon.iconic *,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-info.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-info.oj-button-icon.iconic * {
    fill: #1B75BB;
    stroke: #1B75BB;
}


/** .iconic-bullhorn **/

.oj-button.oj-default.oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-handle-trigger,
.oj-button-nocomp.oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-handle-trigger,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-handle-trigger,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-handle-trigger,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-handle-trigger {
    fill: #1B75BB;
    stroke: #1B75BB;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-handle,
.oj-button-nocomp.oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-handle,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-handle,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-handle,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-handle {
    fill: #4d4d4d;
    stroke: #4d4d4d;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-body-back,
.oj-button-nocomp.oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-body-back,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-body-back,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-body-back,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-body-back {
    fill: #1B75BB;
    stroke: #1B75BB;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-body,
.oj-button-nocomp.oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-body,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-body,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-body,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-body {
    fill: #4d4d4d;
    stroke: #4d4d4d;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-body-front-lip,
.oj-button-nocomp.oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-body-front-lip,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-body-front-lip,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-body-front-lip,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-bullhorn.oj-button-icon.iconic .iconic-bullhorn-body-front-lip {
    fill: #1B75BB;
    stroke: #1B75BB;
}


/** .iconic-map-marker **/

.oj-button.oj-default.oj-button-half-chrome .iconic-map-marker.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome .iconic-map-marker.oj-button-icon.iconic *,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-map-marker.oj-button-icon.iconic *,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-map-marker.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-map-marker.oj-button-icon.iconic * {
    fill: #2A91A8;
    stroke: #2A91A8;
}


/** .iconic-microphone **/

.oj-button.oj-default.oj-button-half-chrome .iconic-microphone.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome .iconic-microphone.oj-button-icon.iconic *,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-microphone.oj-button-icon.iconic *,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-microphone.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-microphone.oj-button-icon.iconic * {
    fill: #4d4d4d;
    stroke: #4d4d4d;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-microphone.oj-button-icon.iconic .iconic-microphone-head,
.oj-button-nocomp.oj-button-half-chrome .iconic-microphone.oj-button-icon.iconic .iconic-microphone-head,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-microphone.oj-button-icon.iconic .iconic-microphone-head,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-microphone.oj-button-icon.iconic .iconic-microphone-head,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-microphone.oj-button-icon.iconic .iconic-microphone-head {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-microphone.oj-button-icon.iconic .iconic-microphone-head-button,
.oj-button-nocomp.oj-button-half-chrome .iconic-microphone.oj-button-icon.iconic .iconic-microphone-head-button,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-microphone.oj-button-icon.iconic .iconic-microphone-head-button,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-microphone.oj-button-icon.iconic .iconic-microphone-head-button,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-microphone.oj-button-icon.iconic .iconic-microphone-head-button {
    fill: #80B23C;
    stroke: #80B23C;
}


/** .iconic-magnifying-glass **/

.oj-button.oj-default.oj-button-half-chrome .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-handle-connector,
.oj-button-nocomp.oj-button-half-chrome .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-handle-connector,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-handle-connector,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-handle-connector,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-handle-connector {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-handle,
.oj-button-nocomp.oj-button-half-chrome .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-handle,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-handle,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-handle,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-handle {
    fill: #c1b49a;
    stroke: #c1b49a;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-rim,
.oj-button-nocomp.oj-button-half-chrome .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-rim,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-rim,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-rim,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-rim {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-reflection,
.oj-button-nocomp.oj-button-half-chrome .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-reflection,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-reflection,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-reflection,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-magnifying-glass.oj-button-icon.iconic .iconic-magnifying-glass-reflection {
    fill: #6cb3ea;
    stroke: #6cb3ea;
}


/** .iconic-medal **/

.oj-button.oj-default.oj-button-half-chrome .iconic-medal.oj-button-icon.iconic .iconic-medal-band,
.oj-button-nocomp.oj-button-half-chrome .iconic-medal.oj-button-icon.iconic .iconic-medal-band,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-medal.oj-button-icon.iconic .iconic-medal-band,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-medal.oj-button-icon.iconic .iconic-medal-band,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-medal.oj-button-icon.iconic .iconic-medal-band {
    fill: #1B75BB;
    stroke: #1B75BB;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-medal.oj-button-icon.iconic .iconic-medal-medal,
.oj-button-nocomp.oj-button-half-chrome .iconic-medal.oj-button-icon.iconic .iconic-medal-medal,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-medal.oj-button-icon.iconic .iconic-medal-medal,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-medal.oj-button-icon.iconic .iconic-medal-medal,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-medal.oj-button-icon.iconic .iconic-medal-medal {
    fill: #ab862a;
    stroke: #ab862a;
}


/** .iconic-ban **/

.oj-button.oj-default.oj-button-half-chrome .iconic-ban.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome .iconic-ban.oj-button-icon.iconic *,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-ban.oj-button-icon.iconic *,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-ban.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-ban.oj-button-icon.iconic * {
    fill: #DA3A35;
    stroke: #DA3A35;
}


/** .iconic-folder **/

.oj-button.oj-default.oj-button-half-chrome .iconic-folder.oj-button-icon.iconic .iconic-folder-top,
.oj-button-nocomp.oj-button-half-chrome .iconic-folder.oj-button-icon.iconic .iconic-folder-top,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-folder.oj-button-icon.iconic .iconic-folder-top,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-folder.oj-button-icon.iconic .iconic-folder-top,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-folder.oj-button-icon.iconic .iconic-folder-top {
    fill: #c1b49a;
    stroke: #c1b49a;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-folder.oj-button-icon.iconic .iconic-folder-bottom,
.oj-button-nocomp.oj-button-half-chrome .iconic-folder.oj-button-icon.iconic .iconic-folder-bottom,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-folder.oj-button-icon.iconic .iconic-folder-bottom,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-folder.oj-button-icon.iconic .iconic-folder-bottom,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-folder.oj-button-icon.iconic .iconic-folder-bottom {
    fill: #ae9d7a;
    stroke: #ae9d7a;
}


/** .iconic-easel **/

.oj-button.oj-default.oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-legs,
.oj-button-nocomp.oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-legs,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-legs,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-legs,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-easel.oj-button-icon.iconic .iconic-easel-legs,
.oj-button.oj-default.oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-base,
.oj-button-nocomp.oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-base,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-base,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-base,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-easel.oj-button-icon.iconic .iconic-easel-base {
    fill: #98845d;
    stroke: #98845d;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-legs-back,
.oj-button-nocomp.oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-legs-back,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-legs-back,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-legs-back,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-easel.oj-button-icon.iconic .iconic-easel-legs-back {
    fill: #c1b49a;
    stroke: #c1b49a;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-canvas,
.oj-button-nocomp.oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-canvas,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-canvas,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-canvas,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-easel.oj-button-icon.iconic .iconic-easel-canvas {
    fill: #1B75BB;
    stroke: #1B75BB;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-clamp,
.oj-button-nocomp.oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-clamp,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-clamp,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-easel.oj-button-icon.iconic .iconic-easel-clamp,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-easel.oj-button-icon.iconic .iconic-easel-clamp {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}


/** .iconic-connections **/

.oj-button.oj-default.oj-button-half-chrome .iconic-connections.oj-button-icon.iconic .iconic-connections-line,
.oj-button-nocomp.oj-button-half-chrome .iconic-connections.oj-button-icon.iconic .iconic-connections-line,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-connections.oj-button-icon.iconic .iconic-connections-line,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-connections.oj-button-icon.iconic .iconic-connections-line,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-connections.oj-button-icon.iconic .iconic-connections-line {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-connections.oj-button-icon.iconic .iconic-connections-dot,
.oj-button-nocomp.oj-button-half-chrome .iconic-connections.oj-button-icon.iconic .iconic-connections-dot,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-connections.oj-button-icon.iconic .iconic-connections-dot,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-connections.oj-button-icon.iconic .iconic-connections-dot,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-connections.oj-button-icon.iconic .iconic-connections-dot {
    fill: #1B75BB;
    stroke: #1B75BB;
}


/** .iconic-dashboard **/

.oj-button.oj-default.oj-button-half-chrome .iconic-dashboard.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome .iconic-dashboard.oj-button-icon.iconic *,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-dashboard.oj-button-icon.iconic *,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-dashboard.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-dashboard.oj-button-icon.iconic * {
    fill: #4d4d4d;
    stroke: #4d4d4d;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-dashboard.oj-button-icon.iconic .iconic-property-accent,
.oj-button-nocomp.oj-button-half-chrome .iconic-dashboard.oj-button-icon.iconic .iconic-property-accent,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-dashboard.oj-button-icon.iconic .iconic-property-accent,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-dashboard.oj-button-icon.iconic .iconic-property-accent,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-dashboard.oj-button-icon.iconic .iconic-property-accent {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-dashboard.oj-button-icon.iconic .iconic-dashboard-needle,
.oj-button-nocomp.oj-button-half-chrome .iconic-dashboard.oj-button-icon.iconic .iconic-dashboard-needle,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-dashboard.oj-button-icon.iconic .iconic-dashboard-needle,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-dashboard.oj-button-icon.iconic .iconic-dashboard-needle,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-dashboard.oj-button-icon.iconic .iconic-dashboard-needle {
    fill: #DA3A35;
    stroke: #DA3A35;
}


/** .iconic-document **/

.oj-button.oj-default.oj-button-half-chrome .iconic-document.oj-button-icon.iconic .iconic-document-page,
.oj-button-nocomp.oj-button-half-chrome .iconic-document.oj-button-icon.iconic .iconic-document-page,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-document.oj-button-icon.iconic .iconic-document-page,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-document.oj-button-icon.iconic .iconic-document-page,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-document.oj-button-icon.iconic .iconic-document-page {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-document.oj-button-icon.iconic .iconic-document-flap,
.oj-button-nocomp.oj-button-half-chrome .iconic-document.oj-button-icon.iconic .iconic-document-flap,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-document.oj-button-icon.iconic .iconic-document-flap,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-document.oj-button-icon.iconic .iconic-document-flap,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-document.oj-button-icon.iconic .iconic-document-flap {
    fill: #4d4d4d;
    stroke: #4d4d4d;
}


/** .iconic-list-rich **/

.oj-button.oj-default.oj-button-half-chrome .iconic-list-rich.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome .iconic-list-rich.oj-button-icon.iconic *,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-list-rich.oj-button-icon.iconic *,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-list-rich.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-list-rich.oj-button-icon.iconic * {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-list-rich.oj-button-icon.iconic .iconic-list-rich-list-group-3.iconic-list-rich-block,
.oj-button-nocomp.oj-button-half-chrome .iconic-list-rich.oj-button-icon.iconic .iconic-list-rich-list-group-3.iconic-list-rich-block,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-list-rich.oj-button-icon.iconic .iconic-list-rich-list-group-3.iconic-list-rich-block,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-list-rich.oj-button-icon.iconic .iconic-list-rich-list-group-3.iconic-list-rich-block,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-list-rich.oj-button-icon.iconic .iconic-list-rich-list-group-3.iconic-list-rich-block {
    fill: #DA3A35;
    stroke: #DA3A35;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-list-rich.oj-button-icon.iconic .iconic-list-rich-list-group-2.iconic-list-rich-block,
.oj-button-nocomp.oj-button-half-chrome .iconic-list-rich.oj-button-icon.iconic .iconic-list-rich-list-group-2.iconic-list-rich-block,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-list-rich.oj-button-icon.iconic .iconic-list-rich-list-group-2.iconic-list-rich-block,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-list-rich.oj-button-icon.iconic .iconic-list-rich-list-group-2.iconic-list-rich-block,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-list-rich.oj-button-icon.iconic .iconic-list-rich-list-group-2.iconic-list-rich-block {
    fill: #80B23C;
    stroke: #80B23C;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-list-rich.oj-button-icon.iconic .iconic-list-rich-list-group-1.iconic-list-rich-block,
.oj-button-nocomp.oj-button-half-chrome .iconic-list-rich.oj-button-icon.iconic .iconic-list-rich-list-group-1.iconic-list-rich-block,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-list-rich.oj-button-icon.iconic .iconic-list-rich-list-group-1.iconic-list-rich-block,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-list-rich.oj-button-icon.iconic .iconic-list-rich-list-group-1.iconic-list-rich-block,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-list-rich.oj-button-icon.iconic .iconic-list-rich-list-group-1.iconic-list-rich-block {
    fill: #1B75BB;
    stroke: #1B75BB;
}


/** .iconic-cog **/

.oj-button.oj-default.oj-button-half-chrome .iconic-cog.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome .iconic-cog.oj-button-icon.iconic *,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-cog.oj-button-icon.iconic *,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-cog.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-cog.oj-button-icon.iconic * {
    fill: #4d4d4d;
    stroke: #4d4d4d;
}


/** .iconic-chat **/

.oj-button.oj-default.oj-button-half-chrome .iconic-chat.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome .iconic-chat.oj-button-icon.iconic *,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-chat.oj-button-icon.iconic *,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-chat.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-chat.oj-button-icon.iconic * {
    fill: #1B75BB;
    stroke: #1B75BB;
}

.oj-button.oj-default.oj-button-half-chrome .iconic-chat.oj-button-icon.iconic .iconic-property-accent,
.oj-button-nocomp.oj-button-half-chrome .iconic-chat.oj-button-icon.iconic .iconic-property-accent,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-chat.oj-button-icon.iconic .iconic-property-accent,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-chat.oj-button-icon.iconic .iconic-property-accent,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-chat.oj-button-icon.iconic .iconic-property-accent {
    fill: #2A91A8;
    stroke: #2A91A8;
}


/** .iconic-cog **/

.oj-button.oj-default.oj-button-half-chrome .iconic-spreadsheet.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome .iconic-spreadsheet.oj-button-icon.iconic *,
.oj-button.oj-focus-only.oj-button-half-chrome .iconic-spreadsheet.oj-button-icon.iconic *,
.oj-button.oj-hover:not(.oj-selected).oj-button-half-chrome .iconic-spreadsheet.oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome:not(.oj-selected):hover .iconic-spreadsheet.oj-button-icon.iconic * {
    fill: #80B23C;
    stroke: #80B23C;
}

.oj-button.oj-selected.oj-button-half-chrome .oj-button-icon.iconic * {
    fill: white;
    stroke: white;
}

.oj-button.oj-selected.oj-hover.oj-button-half-chrome .oj-button-icon.iconic * {
    fill: #76b8e1;
    stroke: #76b8e1;
}

.oj-button.oj-disabled.oj-button-half-chrome .oj-button-icon.iconic *,
.oj-button-nocomp.oj-button-half-chrome:disabled .oj-button-icon.iconic * {
    fill: #cbcccd;
    stroke: #cbcccd;
}

.oj-button.oj-disabled.oj-selected.oj-button-half-chrome .oj-button-icon.iconic * {
    fill: white;
    stroke: white;
}

.detalle-contenedor {
    width: 100%;
    max-width: 320px;
    padding: 10px;
    margin: 5px;
}

.detalle-contenedor-bandera {
    width: 50%;
}

.etiqueta-dato {
    display: inline-block;
    font-weight: bold;
    width: 100%;
}

.tablero {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    overflow-x: scroll;
}

.tablero.personal::-webkit-scrollbar {
    width: 4px;
}

.tablero.personal::-webkit-scrollbar-track {
    display: none;
}

.tablero.personal {
    margin-bottom: 5px;
    max-height: 400px;
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    padding: 5px;
    overflow-y: scroll;
}

.tablero.proyecto {
    height: calc(100vh - 202px);
}

.tablero .lista {
    padding: 10px 5px 0 5px;
    margin: 5px;
    min-width: 300px;
    min-height: 80px;
    border-radius: 5px;
}

.tablero .lista .nombre-lista,
.tablero .lista oj-input-text.nombre-lista {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 1.1em;
    overflow-x: hidden;
    /* overflow-y: hidden; */
    text-overflow: ellipsis;
    max-width: 219px;
    /* max-height: 21px; */
}

.nombre-lista .oj-text-field-container,
.nombre-lista .oj-inputtext-input {
    background-color: transparent;
    font-weight: 600;
    border: none;
    padding: 0;
}

.lista .fichas::-webkit-scrollbar {
    width: 4px;
}

.lista .fichas::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 4px;
}

.lista .fichas {
    padding: 10px 5px;
    max-height: 600px;
    overflow-y: scroll;
}

.tablero.proyecto .lista .fichas {
    max-height: calc(100vh - 295px);
}

.tablero.personal .lista .fichas {
    max-height: 600px;
}

.lista .ficha {
    background-color: #F1F1F1;
    border-radius: 5px;
    padding: 2px 5px 5px 5px;
    margin-bottom: 5px;
}

.ficha-badge {
    display: inline-block;
    background-color: #5e5e5e;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 5px 15px;
}

.ficha-badge-sm {
    padding: 2px 10px;
    font-size: 0.8em;
    line-height: 18px;
}

.ficha .nombre-actividad {
    display: block;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    padding: 0 5px;
}

.ficha .responsable-actividad {
    display: block;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    padding: 0 5px;
    margin-bottom: 5px;
    font-size: 0.82em;
    font-style: italic;
    color: #909090;
    font-weight: bold;
}

.badge-td {
    display: inline-block;
    min-width: 10px;
    padding: 0.1em 0.625em;
    font-weight: 400;
    color: #fff;
    line-height: 12px;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #999;
    box-sizing: border-box;
    border-radius: 2px;
    margin: 2px;
}

.badge-icon-td {
    display: inline-block;
    min-width: 10px;
    white-space: nowrap;
    box-sizing: border-box;
    margin: 2px;
}

#password-requirements {
    list-style: none;
}

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fcfcfc;
    z-index: 1;
    padding: 0 10px;
}

.planificador-container {
    max-height: calc(100vh - 230px);
    overflow-y: scroll;
}

.planificador-container::-webkit-scrollbar {
    width: 4px;
}

.planificador-container::-webkit-scrollbar-thumb {
    background: rgba(165, 151, 151, 0.6);
    border-radius: 4px;
}

.checkbox-ficha-disponible .oj-radiocheckbox-icon {
    margin: auto !important;
}