.x-viewport
{
    overflow: auto !important;
}
        
.x-mask.splashscreen {
    background-color: white;
    opacity: 1;
}

.x-mask-msg.splashscreen,
.x-mask-msg.splashscreen div {
    font-size: 16px;
    padding: 30px 5px 5px 5px;
    border: none;
    background-color: transparent;
    background-position: top center;
    min-height: 80px !important;
}

.x-splash-icon {
    background-image: url('/images/splash.png') !important;
    margin-top: -30px;
    margin-bottom: 10px;
}        
        
.app-company
{
   color: #596F8F;
    font-size: 22px;
    font-weight: 200;
    padding: 0px 8px 0px 8px;
    text-shadow: 0 1px 0 #fff;    
}
.x-form-searchfield {
    background-image: url(/images/search-trigger.gif);
}

.x-form-texteditorfield {
    background-image: url(/images/search-trigger.gif);
}

.x-form-textlangfield {
    background-image: url(/images/search-trigger.gif);
}

.x-form-labelsearchfield {
    border: 1px solid silver;
    background-color: #EEEEEE;
    margin-top: 1px;
    //margin-left: 4px;
    padding: 3px 3px 2px 5px;
    border-radius: 2px;
    min-height: 21px;
}

.x-fieldset 
{
    margin-bottom: 5px !important;
}

.x-form-bslabel {
    margin-top: 2px;
    margin-left: 4px;
    padding: 3px 3px 2px 5px;
    min-height: 21px;
}

.x-form-bsnumber {
    text-align: right;
}

.x-form-idfield 
{
    background: lightgray;
}

.icon-user {
    background-image: url(/images/user.png) !important;
}

.icon-add {
    background-image: url(/images/add.png) !important;
}

.icon-delete {
    background-image: url(/images/delete.png) !important;
}

.icon-edit {
    background-image: url(/images/edit.png) !important;
}

.icon-view {
    background-image: url(/images/ZoomHS.png) !important;
}

.icon-save {
    background-image: url(/images/save.png) !important;
}

.icon-cancel {
    background-image: url(/images/undo.png) !important;
}

.icon-close {
    background-image: url(/images/close.png) !important;
}

.icon-link {
    background-image: url(/images/shortcut.png) !important;
}

.icon-copy {
    background-image: url(/images/copy.png) !important;
}

.icon-task {
    background-image: url(/images/gear.png) !important;
}

.icon-text {
    background-image: url(/images/texto.png) !important;
}

.icon-escandallo {
    background-image: url(/images/escandallo.png) !important;
}

.icon-word {
    background-image: url(/images/word.png) !important;
}

.icon-excel {
    background-image: url(/images/excel.png) !important;
}

.icon-editatexto {
    background-image: url(/images/editatexto.png) !important;
}

.icon-editatexto-red {
    background-image: url(/images/editatexto2.png) !important;
}

.icon-find {
    background-image: url(/images/filter.png) !important;
}

.icon-refresh {
    background-image: url(/images/refresh.png) !important;
}

.icon-filter {
    background-image: url(/images/filter2.png) !important;
}

.icon-upload {
    background-image: url(/images/image_add.png) !important;
}

.icon-email {
    background-image: url(/images/email.png) !important;
}

.icon-contact-cliente{
    background-image: url(/images/contact_cliente.ico) !important;
}
.icon-contact-administador{
    background-image: url(/images/contact_administrador.ico) !important;
}

.icon-green{
     background-image: url(/images/rect_green.ico) !important;
}

.icon-red{
     background-image: url(/images/rect_red.ico) !important;
}

.icon-calculator {
    background-image: url(/images/calculator.png) !important;
}



.x-action-col-cell img {
	height: 16px;
	width: 16px;
	cursor: pointer;
}

.x-action-col-img-noaction {
	cursor: default !important;
}
.x-grid-header-ct .x-column-filtered .x-column-header-inner .x-column-header-text {
	font-weight: bold;
	font-style: italic;
	color: green;
}

.ext-ux-clearbutton {
    width: 12px;
    height: 12px;
    background-image: url(../images/clear-text-icon.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    -moz-user-focus: ignore; /* https://developer.mozilla.org/en/CSS/-moz-user-focus */
    cursor: pointer;
    position: absolute;
    overflow:  hidden; /* IE 6 :-( */
    margin-top: 4px;
    background-color: white;
}

.ext-ux-clearbutton-mouse-over-input {
    background-position: 0 -12px;
}

.ext-ux-clearbutton-mouse-over-button {
    background-position: 0 -24px;
}

.ext-ux-clearbutton-mouse-down {
    background-position: 0 -36px;
}

.ext-ux-clearbutton-on {
    opacity: 1;
    visibility: visible;
    transition: opacity .35s linear;
    -webkit-transition: opacity .35s linear;
    -moz-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    -ms-transition: opacity .35s linear;
    -khtml-transition: opacity .35s linear;
}

.ext-ux-clearbutton-off {
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s linear, visibility .0s linear .35s;
    -webkit-transition: opacity .35s linear, visibility .0s linear .35s;
    -moz-transition: opacity .35s linear, visibility .0s linear .35s;
    -o-transition: opacity .35s linear, visibility .0s linear .35s;
    -ms-transition: opacity .35s linear, visibility .0s linear .35s;
    -khtml-transition: opacity .35s linear, visibility .0s linear .35s;
}
.watermark
{
    background-image: url(/Images/watermark.png);
    background-repeat: no-repeat;
    background-color: White;
    background-position: right;
}

.x-form-num-field {
    text-align:right;
}

.scheduler-festivo 
{
    background-color: lightgray !important;
}

.icon-calendar {
    background-image: url(/images/calendar.png) !important;
}

.icon-print {
    background-image: url(/images/print.png) !important;
}

.icon-pdf {
    background-image: url(/images/pdf-icon.gif) !important;
}

.icon-accept {
    background-image: url(/images/accept.png) !important;
}

.icon-cross {
    background-image: url(/images/cross.gif) !important;
}

.icon-cut {
	background-image:url('/images/cut.png');
}

.icon-paste {
	background-image:url('/images/paste.png');
}

.icon-shiftforward {
	background-image:url('/images/arrow_right.png');
}
        
.icon-shiftback {
	background-image:url('/images/arrow_left.png');
}

.icon-grid {
    background-image: url(/images/grid.png) !important;
}

.icon-next {
    background-image: url(/images/next.png) !important;
}

.icon-previous {
    background-image: url(/images/previous.png) !important;
}

.icon-pin {
    background-image: url(/images/pin.png) !important;
}

.icon-path {
    background-image: url(/images/path.gif) !important;
}

.planning-grid, .wrap-planning-grid .x-grid-cell {
    border-bottom-color: #666666;
}

.wrap-planning-grid .sch-event-inner, .wrap-planning-grid .x-grid-cell-first .x-grid-cell-inner {
    white-space: pre-wrap;
}

/*.planning-grid .x-grid-row-alt  
{
    background-color: #EEEEEE;
}*/
.row-green {
    background-color: green;
}

.row-green2
{
    color: green;
}
/*DUPLEX*/
.row-bpurple {
    background-color: purple;
}

.row-purple {
    color: purple;
    font-weight: bold;
}
/**/
.row-yellow
{
    color: yellow;
}

.row-yellow2 {
    color: #EEE44F;
}

.row-darkblue {
    color: #395DA8;
}

.row-pink {
    color: #FF33F2;
}

.row-blue
{
    color: #33ACDB;
}

.row-red
{
    color: red;
}

.row-black
{
    color: black;
}

.row-orange
{
    color: orange;
}

.row-grey
{
    color: grey;
}

.row-darkmagenta
{
    color: darkmagenta;
}

.row-bred
{
    background-color: red;
}

.row-bgreen
{
    background-color: green;
}

.row-byellow
{
    background-color: yellow;
}

.row-bblue
{
    background-color: #33ACDB;
}

.planning-red
{
    background-color: red !important;
}

.planning-green
{
    background-color: green;
}

.firma-thumb{
    background: #dddddd;
    padding: 3px;
    padding-bottom: 0;
}

.x-quirks .firma-thumb {
    padding-bottom: 3px;
}

.firma-thumb img{
    height: 220px;
    width: 220px;
    cursor: zoom-in
}
.firma-thumb-wrap{
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
}
.firma-thumb-wrap span {
    
    display: block;
    overflow: hidden;
    text-align: center;
    width: 220px;
}

 /*.x-grid-row .x-grid-cell-inner {
        white-space: normal;
    }*/

 .colMultiline .x-grid-cell-inner {
    white-space: pre !important;
    max-height: 100px;
    overflow: auto;
}

.x-form-item-label
{
    white-space: nowrap;
}

.no-display
{
    display: none !important;
}

.hline
{
    background-color: #7C9BC9;
    border: none;
    color: #7C9BC9;
    height: 2px;
}

.sexy_line { 
    height: 2px;
    margin: 2px 0px 5px 0px;
    background-color: #7C9BC9;
    background: linear-gradient(0 0, 100% 0, from(#B6C7E0), to(#B6C7E1), color-stop(50%, #7C9BC9));
}

.filter-bar-row .x-form-field {
    background: lightyellow;
}

.drp-icon-yes {
    background: url("/ux/button/css/icons/tick.png") no-repeat scroll 0 0 transparent !important;
}

.drp-icon-calendar {
    background: url("/ux/button/css/icons/calendar.png") no-repeat scroll 0 0 transparent !important;
}

.x-action-col-cell img {
	height: 16px;
	width: 16px;
	cursor: pointer;
}

.x-action-col-img-noaction {
	cursor: default !important;
}

.x-operator-button {
    width: 16px;
    height: 16px;
    background-position: 0 0;
    background-repeat: no-repeat;
    -moz-user-focus: ignore; /* https://developer.mozilla.org/en/CSS/-moz-user-focus */
    cursor: pointer;
    position: absolute;
    overflow:  hidden; /* IE 6 :-( */
    margin-top: 4px;
    background-color: white;
}

.x-operator-button-equal {
    background-image: url(../images/operator-equal.gif);
}
.x-operator-button-not-equal {
    background-image: url(../images/operator-not-equal.gif);
}
.x-operator-button-great-than {
    background-image: url(../images/operator-great-than.gif);
}
.x-operator-button-less-than {
    background-image: url(../images/operator-less-than.gif);
}
.x-operator-button-great-than-equal {
    background-image: url(../images/operator-great-than-equal.gif);
}
.x-operator-button-less-than-equal {
    background-image: url(../images/operator-less-than-equal.gif);
}

/*.ext-ux-operatorbutton-mouse-over-input {
    background-position: 0 0px;
}

.ext-ux-operatorbutton-mouse-over-button {
    background-position: 0 -24px;
}

.ext-ux-operatorbutton-mouse-down {
    background-position: 0 -36px;
}
*/



.x-grid-header-ct .x-column-filtered .x-column-header-inner .x-column-header-text {
	font-weight: bold;
	font-style: italic;
	color: green;
}

.ext-ux-clearbutton {
    width: 12px;
    height: 12px;
    background-image: url(../images/clear-text-icon.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    -moz-user-focus: ignore; /* https://developer.mozilla.org/en/CSS/-moz-user-focus */
    cursor: pointer;
    position: absolute;
    overflow:  hidden; /* IE 6 :-( */
    margin-top: 4px;
    background-color: white;
}

.ext-ux-clearbutton-mouse-over-input {
    background-position: 0 -12px;
}

.ext-ux-clearbutton-mouse-over-button {
    background-position: 0 -24px;
}

.ext-ux-clearbutton-mouse-down {
    background-position: 0 -36px;
}

.ext-ux-clearbutton-on {
    opacity: 1;
    visibility: visible;
    transition: opacity .35s linear;
    -webkit-transition: opacity .35s linear;
    -moz-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    -ms-transition: opacity .35s linear;
    -khtml-transition: opacity .35s linear;
}

.ext-ux-clearbutton-off {
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s linear, visibility .0s linear .35s;
    -webkit-transition: opacity .35s linear, visibility .0s linear .35s;
    -moz-transition: opacity .35s linear, visibility .0s linear .35s;
    -o-transition: opacity .35s linear, visibility .0s linear .35s;
    -ms-transition: opacity .35s linear, visibility .0s linear .35s;
    -khtml-transition: opacity .35s linear, visibility .0s linear .35s;
}

.x-grid-row-summary .x-grid-cell-inner {
    font-weight: bold !important;
}

.x-grid-row-efac-5 .x-grid-cell {
    background-color: #d079f3 !important;
}

.x-grid-row-efac-10 .x-grid-cell {
    background-color: #798BF3 !important;
}

.x-grid-row-efac-15 .x-grid-cell {
    background-color: lightblue !important;
}

.x-grid-row-efac-20 .x-grid-cell {
    background-color: yellow !important;
}

.x-grid-row-efac-30 .x-grid-cell {
    background-color: orange !important;
}

.x-grid-row-efac-inc .x-grid-cell {
    background-color: #d62b2b !important;
}

.x-grid-cell.bold-node {
    font-weight: bold !important;
}







.typeBoolTrue {
    color: green;
}

.typeBoolFalse {
    color: red;
}

.typeObject {
    color: blue;
    font-style: italic;
}

.resizeLayer {
    background: red;
    text-align: center;
    font: bold 10px arial;
    overflow: hidden;
}


#FormBuilderComponentSelector .component {
    margin: 5px;
    float: left;
    border-radius: 3px;
    border: solid black 1px;
    text-align: center;
    color: black;
    background: lightgray;
    display: block;
    cursor: pointer;
    padding: 5px;
    height: 25px;
}

    #FormBuilderComponentSelector .component.over {
        border-color: navy;
    }

    #FormBuilderComponentSelector .component.selected {
        border-color: blue;
    }

.selectedElementParent *, .selectedElementParent {
    background: #ccf;
}

.selectedElement *, .selectedElement {
    background: #ffc;
}

.planning-grid .x-grid-cell {
    border-bottom-color: #666666;
}

.planning-festivo {
    background-color: #FFC080 !important;
}

.foto-principal-true {
    background-color: #39a09b;
}

.x-btn-hasBadge {
    overflow: visible;
}

.x-btn-badgeCls {
    font-size: 18px;
    position: absolute;
    top: -10px;
    right: 2px;
    display: inline-block;
    width: auto;
    font-weight: bold;
    color: white;
    text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;
    border-radius: 3px;
    padding: 3px 6px;
    background-color: #3f51b5;
    background-image: none;
    background-image: linear-gradient(top, #ff1a1a,#e60000 3%,#b30000);
    box-shadow: rgba(0, 0, 0, 0.3) 0 0.1em 0.1em;
    z-index: 12;
}

.has-badge {
    overflow: visible !important;
}

.hide-badge {
    display: none !important;
}

.badge-btn span {
    font-size: 12px !important;
}

.badge-btn-active span {
    font-weight: bold !important;
    color: white !important;
}

.badge-btn-active {
    background: #ea1646 !important;
}

/* INAPELSA
.blue-field .x-form-text, .blue-field .x-form-labelsearchfield {
    font-weight: bold;
    color: blue !important;
}

.gray-field .x-form-text, .gray-field .x-form-labelsearchfield {
    color:  #878585 !important;
}

.red-field .x-form-text, .red-field .x-form-labelsearchfield {
    font-weight: bold;
    color: red !important;
}

.panel-menu .x-btn-inner {
    color: blue;
}

.window-red-title span.x-window-header-text {
    color: red;
}

.x-fieldset-header-text {
    color: blue;
    font-weight: bold;
}

.window-red-title span.x-window-header-text {
    color: red;
    font-weight: bold;
}

INAPELSA */

.cell-red td {
    background-color: red !important;
    color: white;
}

.cell-yellow td {
    background-color: yellow !important;
    color: black;
}

.cell-orange td {
    background-color: orange !important;
    color: black;
}

.label-red {
    background-image: url(/images/label-red.png) !important;
}

.label-yellow {
    background-image: url(/images/label-yellow.png) !important;
}

.label-white {
    background-image: url(/images/label-white.png) !important;
}

.label-green {
    background-image: url(/images/label-green.png) !important;
}

.icon-folder {
    background-image: url(/images/folder_go.png) !important;
}

/*
    DUCCAR
*/

.x-btn-focus.big-btn {
    background: #079ae0;
}

.big-btn .x-btn-inner {
    font-size: 14px;
    font-weight: bold;
}

.big-btn-over {
    background: #46809c;
    border: none;
}

.x-btn-over.big-btn {
    background: #46809c;
    border-color: #46809c;
}

.big-text {
    font-size: 14px;
    font-weight: bold;
}

.big-btn .x-btn-icon {
    background-size: contain;
    margin: auto;
}

.firma-thumb-wrap.x-item-selected {
    background-color: green;
}

.item-parte {
    background-color: #ccd4de;
    margin: 3px;
    padding: 5px;
    font-size: 10pt;
    border-radius: 4px;
}

.big-grid .x-grid-cell-inner {
    font-size: 18px;
    height: 30px;
    line-height: 26px;
}

.big-grid .x-form-field, .big-grid .x-form-text {
    font-size: 18px;
    height: 28px !important;
    line-height: 26px;
}

.big-grid button {
    font-size: 18px;
    height: 26px !important;
}

.bigtext {
    font-size: 20px !important;
    height: 30px !important;
}

.colKanban .x-grid-cell-inner {
    /*white-space: pre !important;
    max-height: 150px;*/
    border: 1px dotted gray;
    border-radius: 4px;
    margin: 5px;
    background-color: #eeeeee;
    padding: 0px;
}

.x-grid-row-selected .colKanban .x-grid-cell-inner {
    background-color: #dfe8f6 !important;
}

.kanban-card {
    /*max-height: 150px;*/
    padding: 5px;
}

.kanban-header {
    padding: 1px 4px;
    margin-bottom: 4px;
    border-radius: 4px;
    color: white;
}

.kanban-card-title {
    height: 20px;
    font-weight: bold;
}

.kanban-card-text {
    white-space: pre-line;
    max-height: 250px;
}

.kanban-badge {
    border-radius: 30px;
    background-color: #2196F3;
    color: white;
    padding: 2px;
    font-size: 10px;
    float: right;
    width: 16px;
    text-align: center;
}

.input-checked:before {
    content: '\2713';
    display: inline-block;
    color: green;
    font-weight: bold;
}

.input-unchecked:before {
    content: '\2716';
    display: inline-block;
    color: red;
    font-weight: bold;
}

.x-window-body .x-panel-scroller {
    scrollbar-width: thin;
    overflow-y: auto;
    scrollbar-color: #c1c1c1 #ffffff00;
}

    .x-window-body .x-panel-scroller .x-box-inner {
        overflow: visible;
    }

.x-message-box .x-window-body {
    overflow-y: visible;
    scrollbar-width: thin;
    overflow-y: auto;
    scrollbar-color: #c1c1c1 #ffffff00;
}

.x-message-box .x-box-inner {
    overflow: unset;
}