/*
    Font Color Default: #333
    
    GRID Selected Line background color: #cedaa9;
    GRID Selected Line Font color: #555;
    GRID Selected Line border color: #859c3e;

    Button Default background color: #FFF

    @green = #83b240;
    @bg-blue = var(--bg-primary);
    @bg-blue-dark = #002952;
    @button-blue = #09599b;

*/

/*Variable Colors Default*/
:root{
    --features:#83b240;
    --features-opacity:#83b2402b;
    --bg-primary:#1063a9;
    --bg-primary-dark:#002952;
    --button-primary:#09599b;
    --button-primary-hover:#1479ce;
    --red-dark: #cc0000;
}

/* Set Font colors*/
::selection {
    background-color: var(--bg-primary-dark);
    color: #fff;
}
::-moz-selection {
    background-color: var(--bg-primary-dark);
    color: #fff;
}

/*Color*/
.color-blue-light{
    color:var(--bg-primary-dark);
}

.color-blue{
    color:var(--button-primary);
}

.color-blue-dark{
    color:var(--bg-primary-dark);
}

.color-green{
    color:var(--features);
}

.color-white{
    color:#FFFFFF;
}

.color-red{
    color:#FF0000;
}

.color-yellow {
    color: #b3a837;
}

/*Background*/
.bg-blue-light{
    background-color:var(--bg-primary);
}

.bg-blue{
    background-color:#00468c;
}

.bg-blue-dark{
    background-color:var(--bg-primary-dark);
}

.bg-green{
    background-color:#86b444;
}

.bg-green-dark {
    background-color:#395215;
}

.bg-purple{
    background-color:#450d52;
}

.bg-yellow{
    background-color:#b3a837;
}

.bg-brown{
    background-color:#b34e37;
}

.bg-brown-dark{
    background-color:#522015;
}

.bg-gray{
    background-color:#525252;
}

.bg-gray-light{
    background-color: #f6f6f6;
}


/*Header*/
#ga-application-menu{
    background-color: var(--bg-primary);
}

#ga-application-menu .head-left a, 
#ga-application-menu .head-left i{
    color:#FFF;
}

#ga-application-menu .head-left .box-result-search a, 
#ga-application-menu .head-left .box-result-search i{
    color:inherit;
}

#ga-application-menu .head-right li#alert-area > .fa{
    color:#FFF;
}

#ga-application-menu .head-right #ga-application-menu-settings .fa{
    color:#5b5b5b;
}

#ga-application-menu .head-left li.module{
    background-color:var(--bg-primary-dark);
    color:#FFF;
}
#ga-application-menu .head-left > li button.btn{
    color:#FFF;
}

.ga-header-title-bar{
    background-color:#f4f4f4;
}

.ga-header-title-bar span, .ga-header-title-bar i{
    color:#7a7a7a;
}

#ga-application-menu-settings{
    background-color:#FFF;
}

#ga-application-menu-settings li:hover:not(.profile){
    background-color: #f4f4f4;
}

.ga-header-search#menu-search{
    background-color:var(--bg-primary-dark);
}

.ga-header-menu{
    background-color:#FFF;
}

.ga-header-menu .mn-contents .list-itens > div h2{
    color:var(--features);
}

.ga-header-menu ul.mn-contents li .itens h3.item-level-1,
.ga-header-menu ul.mn-contents li .itens h3.item-level-2,
.ga-header-menu ul.mn-contents li .itens h3.item-level-3,
.ga-header-menu ul.mn-contents li .itens h3.item-level-4,
.ga-header-menu ul.mn-contents li .itens h3.item-level-5{
    color: var(--bg-primary-dark);
}

#btn-reports span.active{
    background-color: #137bd4;
}

#fav-icon > button.ga-button.fas{
    cursor:default;
    color:var(--bg-primary);
}

.main-container .main > h2,
.main-container .main > h1,
.ga-arrow-left-button, 
.ga-arrow-right-button, 
.ga-arrow-up-button, 
.ga-arrow-down-button, 
.ga-branch-button, 
.ga-upload-button,
#ItensTreeView .k-button,
.k-draghandle:hover,
.k-other-month.k-state-hover .k-link,
.k-pager-wrap .k-link:hover,
.k-split-button:focus,
.button-fa-text.k-button:hover, 
.k-state-hover, 
.k-state-hover:hover, 
.k-textbox:hover, 
.k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-button:focus:not(.k-state-disabled):not([disabled]),
#ItensTreeView .k-button:hover,
.k-list>.k-state-hover,
.searchlayer-content ol li a:hover, .searchlayer-content ol li a:focus,
.ga-grid-row-error,
.invalid-row-grid,
.warning-row-grid,
.k-window-titlebar,
.timeline-item-text .document-button:hover,
.registry-info-share.link:hover,
#ga-application-menu .head-left li.search span:hover,
#ga-application-menu .head-left li.module span.fa:hover,
#ga-application-menu .head-left li.module span.fa b:hover,
#ga-application-menu .head-left li.module:hover span,
#ga-application-menu .head-left li.module:hover i,
#ga-application-menu .head-left li.module.active i,
#ga-application-menu .head-right li.ga-alert-area .count a,
#ga-application-menu .head-right .avatar i,
#ga-application-menu .head-right .name a,
.ga-header-menu > ul.mn-modules li:hover,
.ga-header-menu > ul.mn-contents li .desc span.dashboard a,
.ga-header-menu > ul.mn-contents li .desc span.navigation i:hover,
.ga-header-search > div span,
.ga-header-search ul li.active,
#ga-application-menu .head-left li.module .fa b:hover,
.ga-header-menu > ul.mn-contents,
#ga-docs .docs-path .docs-path-autocomplete div.docs-path-autocomplete-item.focus,
#ga-docs .docs-path .docs-path-autocomplete div.docs-path-autocomplete-item:hover,
.docs-content-search .docs-content-search-results ul li.active:not(.search-item-text) > div:not(:last-child),
.k-in.k-state-hover,
.k-in.k-state-hover:hover,
.k-list-scroller .k-item.k-state-hover,
.ga-line.ga-options-right .k-button,
.field-validation-error span,
.field-validation-warning span,
.k-window-title,
.ga-error-window-link,
.field-validation-error span,
.defaultErrorMessage,
.k-dialog-insert.k-button.k-primary,
#select-button, 
#select-button > *,
.k-button.k-dialog-update
{
    color: #FFF;
}


.ga-header-menu > ul.mn-modules li,
.k-button.tab-options {
    color: rgba(255,255,255,0.5);
}

html,
input,
select,
textarea,
legend,
a,
.k-textbox,
.k-link,
.k-label,
.layer-lookup-tag,
.ga-header-search li,
.k-panelbar > li.k-state-default > .k-link,
input[type="checkbox"]:not(.checkbox-dummy),
.k-grid-header .k-header > .k-link,
.k-header,
.k-treemap-title,
.k-grid tr:hover,
.k-grid .button-fa,
.k-grid .button-fa:hover,
.k-dropdown .k-state-focused .k-input,
.k-dropdown .k-state-hover .k-input,
.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-state-highlight,
.k-list > .k-state-selected,
.k-marquee-color,
.k-panel > .k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-dropdown .k-state-focused,
.k-filebrowser-dropzone, .k-list > .k-state-hover,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-recur-view .k-check:active,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-scheduler .k-scheduler-toolbar .k-state-hover > .k-link,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-state-hover,
.k-state-hover:hover,
.k-state-hover:hover .k-i-close,
.k-dropdown .k-input, .k-menu .k-popup,
.searchlayer-content ol li a,
#dashboard .ga-line .ga-column-0-20 h4,
.disabled-text,
#tru-entry-ticket-number div,
.tru-entry-status div,
#tru-entry-ticket-number i,
.tru-entry-status i,
.short-panel div,
.short-panel i,
.timeline-new-comment .goto div.ddl-title,
.timeline-item-title,
.link-preview-container .link-preview-domain,
.minified-timeline > ul > li .post-table .post-table-row .right-side .post-footer span.anchor:hover,
.timeline .new-posts,
#ga-docs,
#ga-docs .docs-content .k-grid tr td a,
#ga-docs .docs-content .k-grid tr:hover td a,
#ga-docs .docs-content .k-grid tr.k-state-selected td a,
#ga-docs .docs-content .k-grid tr.k-state-selected td input,
#ga-docs .docs-content .docs-content-list .item a,
#ga-docs .docs-path .docs-path-title,
#ga-docs .docs-path .docs-path-input,
.k-grid-header .k-header > .k-link,
.k-grid-header .k-header > .k-link,
.ga-header-menu a,
.k-input,
.k-multiselect-wrap,
.k-textbox > input,
input.k-textbox,
input.k-textbox:hover,
textarea.k-textbox,
textarea.k-textbox:hover,
.k-list-container,
.editor-help-menu a,
.editor-help-content code a,
.treeview-column fieldset > span,
.k-list-scroller .k-state-selected.k-item.k-state-hover,
.close,
.close:hover,
.close:focus,
input.ga-select-text,
.ga-lookup-search-button,
.ga-select .k-button:hover,
.ga-select .k-button:focus,
.ga-select .k-button:focus:not(.k-state-disabled):not([disabled]),
.ga-select .k-button:active,
.ga-select .k-button:focus,
.k-dialog-close.k-button:hover,
#tabstrip li.k-state-active:hover .tab-options:hover .k-icon:not(.k-loading):not(.k-i-loading),
.k-panelbar > li.k-state-default > .k-link.k-state-selected,
.k-panelbar > li > .k-state-selected,
.k-link.k-header.k-state-hover,
.k-link.k-header.k-state-hover:hover,
.k-panelbar > li.k-state-default > .k-link.k-state-hover,
.k-panelbar > li .k-icon.k-i-arrow-n.k-panelbar-collapse,
.k-link.k-header.k-state-selected .k-icon.k-i-arrow-n.k-panelbar-collapse,
.ga-header-title-bar span a:hover,
.ga-header-title-bar i.fa-arrow-left:hover,
.ga-header-title-bar #title-toolbar .title-toolbar-icon:hover,
#title-toolbar .fa:hover {
    color: #666;
}

.k-grid td,
.k-grid td.k-state-selected:hover{
    color: #333;
}

fieldset legend,
#chart-container .chart .chart-icons i:hover,
.tru-entry-weight-group label,
.k-button[disabled],
.layer-separator,
.truck-scale-weight-label > div,
input[type="checkbox"]:not(.checkbox-dummy),
input[type="checkbox"]:not(.checkbox-dummy) + label:not(.grid-checkbox-label),
.timeline-item-add-comment .user-comment-textarea textarea,
.timeline-item-add-comment .user-comment-textarea textarea,
.timeline-item header,
.dropdown li a,
.timeline-new-comment .goto .goto-dropdown li a,
.link-preview-container .link-preview-title a,
.registry-info-share,
.edit-item .dropdown li a,
.timeline-likes a:before,
.timeline-comments a.add-comment:before,
.minified-timeline > ul > li .post-table .post-table-row .right-side .post-footer,
.minified-timeline > ul > li .post-table .post-table-row .right-side .post-comments ul > li .post-comment .post-comment-row .post-comment-right-side div:last-child,
.dropdown li a.selected,
.timeline-item:before,
.timeline-item-type:after,
.timeline-item-targets:before,
.timeline-item-last,
.timeline-item-last-loading,
.ga-header-menu > ul.mn-contents li .itens h2,
.ga-header-menu > ul.mn-contents li .itens h3,
.ga-header-menu > ul.mn-contents li .itens h4,
.ga-header-search > div > div input,
.ga-header-search ul li,
.ga-header-search > div > div i,
#ga-docs .docs-content .docs-content-info .docs-content-info-item div,
#ga-docs .docs-header-item > i:nth-child(2),
#ga-docs-menu li.disabled,
#ga-docs-menu li.disabled.k-state-hover
#ga-docs-menu li.disabled span,
#ga-docs-menu li.disabled span.k-link,
#ga-docs-menu li.disabled.k-state-hover span,
#ga-docs-menu li.disabled.k-state-hover:hover,
.docs-content-search .docs-content-search-results ul li > div:last-child,
.result-status,
.debug-param,
.short-panel i,
#tru-entry-ticket-number i,
.tru-entry-status i,
.ga-editor-label,
.k-checkbox:checked+.k-checkbox-label:before,
.ga-editor-label-light,
.k-button, 
.k-upload .k-upload-selected,
#tabstrip li.k-state-active .tab-options .k-icon:not(.k-loading):not(.k-i-loading) {
    color: #333;
}

#NotificationInboxList .item,
.ga-header-title-bar span .fa,
#title-toolbar .fa {
    color: #999;
}

a .rss-link:hover,
.chromeframe,
a .rss-link:hover,
.ga-header-menu > ul.mn-contents li .itens a:hover,
#NotificationInboxList div.item.unread .cell-subject,
#archieve-all-notification a,
#archieve-notification a,
#ga-docs .docs-content .docs-content-list .item a:hover {
    color: #000;
}

.short-panel .fa-spin,
.wo-panel div i,
.permission-eye-disabled,
.permission-eye-unknown,
#NotificationInboxList i.fa.fa-envelope-open,
#ga-docs .docs-header-item.disabled, 
#ga-docs .docs-header-item.disabled > i:first-child,
.docs-content-search .docs-content-search-results ul li.active:not(.search-item-text) > div:last-child,
.prefix-field-label {
    color: #ccc;
}

#app-panel i.fa-play-circle,
#app-panel i.fa-stop-circle,
.ga-header-menu > ul.mn-modules li.active:before,
.rss-feed  p:first-child {
    color: var(--bg-primary-dark); /* dark blue */
}

#ga-docs .docs-header-item > i,
#ga-docs .docs-header-item > div.box-container i,
.debug-query {
    color: var(--bg-primary) /* blue */
}

.permission-eye-undefined,
i.fa-flag.item-priority-low {
    color: #2F96B4; /* light blue 1 */
}

.debug-info,
.api-content code .var-type {
    color: #00f;
}

.message-success {
    color: #7ac0da; /* light blue 2 */
}

.tru-entry-opening i,
.tru-entry-open i,
.tru-entry-opening div,
.tru-entry-open div,
.tru-entry-new i,
.tru-entry-new div,
#app-panel i.fa-power-off.on,
.steady-weight,
.ga-truck-scale-cell.active .truck-scale-weight-label div.number,
.permission-eye-full,
.ga-header-menu > ul.mn-contents li .itens h2 i,
.ga-header-menu > ul.mn-contents li .itens h3 i,
#ga-docs .docs-path .docs-path-input.view .docs-path-input-item:hover {
    color: #67961E; /* dark green */
}

.ga-formula .num,
.ga-formula-opts .num,
.ga-formula .var,
.ga-formula-opts .var,
#app-panel i.fa-power-off.off,
#app-panel i.fa-power-off.waiting,
.wo-panel div i:hover,
.species-tree div.round-image-container.bg-green,
.timeline-item-add-comment .user-comment-button:hover,
.timeline-item-add-comment .user-comment-button:focus,
.dropdown li a:hover,
.dropdown li a:active,
.timeline-new-comment .goto .goto-dropdown li a:hover,
.timeline-new-comment .goto .goto-dropdown li a:active,
.timeline-new-comment .exchange-link:hover,
.timeline-new-comment .timeline-link:hover,
.timeline-item-text .document-button:active,
.edit-item .dropdown li a:hover,
.timeline .new-posts i.fa,
.timeline-item-content .video-overlay:hover,
.ga-header-menu > ul.mn-contents li .itens .mn-favorites h2,
.debug-last-line-success,
.play-wnd-title .fa-check-circle {
    color: var(--features); /* green */
}

.permission-eye-special,
i.fa-flag.item-priority-med,
.debug-call  {
    color: #f5a52b; /* orange */
}

.message-error,
.error,
.field-validation-error,
.field-validation-warning,
.validation-summary-errors,
.ga-error-window-link,
.required-icon,
.permission-eye-noaccess,
.ga-formula .func,
.ga-formula-opts .func,
.ga-formula .var,
.ga-formula-opts .var,
.ga-formula .oper,
.ga-formula-opts .oper,
i.fa-flag.item-priority-high,
.debug-error,
.debug-sql-error,
.debug-fatal-error,
.debug-last-line-error,
.debug-user-error,
.play-wnd-title .fa-times-circle,
.tru-entry-closed i,
.tru-entry-closing i,
.tru-entry-closed div,
.tru-entry-closing div,
.chatbot-panel-red {
    color: #C33; /* red */
}

.permission-eye-default,
.debug-crud,
.chatbot-panel-yellow {
    color: #FFD24D; /* yellow */
}
/* End Set font color */

/* Set Background color */
*,
.k-button.k-state-focused, .k-button.k-state-hover, 
.k-button:focus, 
.k-button:hover, 
.k-draghandle:hover, 
.k-other-month.k-state-hover .k-link, 
.k-pager-wrap .k-link:hover, 
.k-split-button:focus, 
.k-state-hover, 
.k-state-hover:hover, 
div.k-filebrowser-dropzone em,
.k-dropdown-wrap.k-state-default.k-state-hover,
.k-dropdown-wrap.k-state-default.k-state-focused,
.k-draghandle.k-state-selected:hover, 
.k-ghost-splitbar-horizontal, 
.k-ghost-splitbar-vertical, 
.k-list>.k-state-highlight, 
.k-list>.k-state-selected, 
.k-marquee-color, 
.k-panel>.k-state-selected, 
.k-scheduler .k-scheduler-toolbar .k-state-selected, 
.k-scheduler .k-today.k-state-selected, 
.k-state-selected, 
.k-state-selected:link, 
.k-state-selected:visited
.k-grid td.k-state-selected:hover, .k-grid tr:hover, .k-grid tr.k-state-selected:hover {
    background-image: none;
}

input.ga-select-text[readonly],
input.ga-select-text[readonly="readonly"],
td .k-widget.k-tabstrip.k-header,
#tabstrip li:hover .tab-options .k-icon:not(.k-loading):not(.k-i-loading) {
    background-color: transparent !important;
}

.timeline .new-posts,
.dropdown li:hover,
.dropdown li:active,
.dropdown li a.selected,
.grid-stack.drop-target,
.minified-timeline-body,
footer,
#NotificationInboxList .item:hover{
    background-color: #FCFBF9
}

.treeview-column fieldset > span,
.layers-column fieldset > span,
.first-focus > span,
.timeline-item header .timeline-item-picture,
.user-comment-picture,
.ga-select-item:hover, .ga-select-item:focus, .ga-select-item-hovered,
.k-dialog-close.k-button:hover
{
    background-color: #f0f0f0;
}

#ga-docs .docs-header,
#ga-docs .k-grid tr:nth-child(2n+1),
.ga-header-menu > ul.mn-contents li .itens .mn-favorites,
.k-item.k-state-selected.k-state-focused,
.k-list-optionlabel.k-state-selected.k-state-focused,
#dashboard .ga-line .ga-column-0-20,
.docs-content-search .docs-content-search-results ul li.search-item-text,
#ga-docs-menu li.disabled,
#ga-docs-menu li.disabled.k-state-hover
#ga-docs-menu li.disabled span,
#ga-docs-menu li.disabled span.k-link,
#ga-docs-menu li.disabled.k-state-hover span,
#ga-docs-menu li.disabled.k-state-hover:hover,
.odd-line-header,
#NotificationInboxList div.item.unread,
.k-textbox[disabled], .k-textbox[disabled=disabled],
input.k-textbox[disabled=disabled]:hover,
.k-input.ga-select-text.k-textbox[disabled=disabled],
input[disabled], textarea[disabled], 
input.ga-select-code.k-textbox[disabled=disabled],
.k-dropdown-wrap.k-state-disabled,
.permissions-tree li.parent:nth-child(even), .permissions-tree li.item:nth-child(even) {
    background-color: #EEE;
}

.chromeframe,
.k-button[disabled],
.k-button[disabled]:hover,
.timeline-feed .timeline-line,
.k-button[disabled]:hover:active {
    background-color: #ccc;
}

.k-window-titlebar {
    background-color: #666;
}

#panel .bar {
    background-color: #999;
}

.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-state-highlight,
.k-list > .k-state-selected,
.k-marquee-color,
.k-panel > .k-state-selected,
.k-grid td.k-state-selected:hover, .k-grid tr:hover, .k-grid tr:hover > td, .k-grid tr.k-state-selected > td,
.k-grid tr.k-state-selected:hover,
#NotificationInboxList .item:hover,
#NotificationInboxList div.item.unread:hover,
.permissions-tree .k-state-hover,
.permissions-tree li:hover .k-state-hover
{
    background-color: var(--features-opacity) !important; /* Light Green */
}

.docs-content-search .docs-content-search-results ul li:hover,
.docs-content-search .docs-content-search-results ul li.active,
#ga-docs .docs-path .docs-path-autocomplete div.docs-path-autocomplete-item.focus,
#ga-docs .docs-path .docs-path-autocomplete div.docs-path-autocomplete-item:hover,
.searchlayer-content ol li a:hover, .searchlayer-content ol li a:focus,
#ga-docs .docs-content .docs-content-list .item.k-state-selected div.icon-block .k-file-extension-wrapper:before,
#ga-docs .docs-content .docs-content-list .item.k-state-selected div.icon-block .k-multiple-files-extension-wrapper:before,
.ga-header-menu > ul.mn-contents li .desc span.dashboard,
.timeline-item-text .document-button:hover,
.registry-info-share.link:hover,
.km-state-active {
    background-color: var(--features) !important; /* Green*/
}

.main-container .main > h2,
.main-container .main > h1,
.ga-header-menu > ul.mn-contents li .desc span.dashboard:hover {
    background-color: #67961E; /* Dark Green */
}

.ga-header-menu > ul.mn-contents,
.button-fa-text.k-button,
.button-fa,
.button-fa-text,
.button-fa-form,
.button-fa-text,
.ga-details-button,
.ga-arrow-left-button,
.ga-arrow-right-button,
.ga-arrow-up-button,
.ga-arrow-down-button,
.ga-branch-button,
.ga-upload-button,
#ItensTreeView .k-button,
.ga-line.ga-options-right .k-button,
.k-overflow-container .k-primary, .k-primary,
.ga-lookup-add {
    background-color: var(--bg-primary); /* Dark Blue */
}

.k-primary.k-state-hover,
.k-primary:hover,
{
    background-color: var(--button-primary-hover);
}

.k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-hover{
    background-color:transparent;
}

.docs-content-search span.search-item-highlight {
    background-color: #ffd700 /* Yellow */
}

.warning-row-grid,
.field-validation-warning span {
    background-color: #F89406; /* orange */
}

.k-alt.ga-grid-row-error,
.ga-grid-row-error {
    background-color: #C55; /* Light Red */
}

.k-state-selected.ga-grid-row-error,
.ga-error-window .k-window-titlebar,
.invalid-row-grid,
.k-state-selected.ga-grid-row-error,
.ga-error-window-link,
.field-validation-error span,
.defaultErrorMessage {
    background-color: #A22; /* Red */
}

.species-tree div.round-image-container.bg-light-blue {
    background-color: #DFDFFF;
}

#chat-container,
#chat-container span.btn {
    background-color: #031D29;
}

.ga-loading-mask,
#loading-overlay,
.loading-field-overlay {
    background-color: rgba(255, 255, 255, 0.7);
}
/* End Set Background color */

/* Set Border Color */

.k-widget.k-tabstrip {
    border-color: transparent;
}

.ga-truck-scale-cell table tbody tr td:not(.no-border),
#main-select-container {
    border-color:#C0C0C0;
}

.k-button[disabled],
.k-button[disabled]:hover,
.k-button[disabled]:hover:active {
    border-color: #CCC;
}

.timeline-item-add-comment {
    border: 1px solid var(--bg-primary);
}

#chart-container .box-chart-filter,
#chart-container .box-chart-filter:last-child,
.ga-select .k-button:active,
.ga-select .k-button.k-state-hover,
.ga-select .k-button:hover,
.ga-truck-scale-cell table.weights tbody tr td:not(.no-border),
.ga-truck-scale-cell table.equipments tbody tr td:not(.no-border),
#layer-form,
body fieldset,
#image-preview-line,
.k-dialog-close.k-button:hover,
tr.ga-select-item,
.ga-header-title-bar,
.ga-header-title-bar span i.fa,
.ga-header-title-bar #title-toolbar .title-toolbar-icon {
    border-color: #DFDFDF;
}

.short-panel {
    border-color: #333;
}

.ga-truck-scale-cell.active,
.ga-truck-scale-cell.active .truck-scale-weight-label > div,
.form-border {
    border-color: #67961E;
}

.k-textbox:hover, .k-tiles li.k-state-hover{
    border-color:#dbdbdb;
}

.ga-grid-row-error,
input.input-validation-error,
input.input-validation-error {
    border-color: #D66;
}

.ga-error-window,
.k-alt.ga-grid-row-error {
    border-color: #C55;
}

.k-state-selected.ga-grid-row-error {
    border-color: #A22;
}

.invalid-row-grid {
    border-color: #900;
}

.warning-row-grid,
input.input-validation-warning {
    border-color: #F89406;
}

/*.ga-editor-field span{
    color:#FFF;
}*/

.k-upload-button span {
    color:#333;
}

.k-upload-button:hover span {
    color:#FFF;
}

.ga-image-button  * {
    color:#FFF;
}

#add-button.button-fa-form i {
    margin:0;
}

#undo-image-button{
    cursor:pointer;
}

#undo-image-button:hover{
    color:#333333;
}

.permissions-tree ul li.area-title {
    border-color:var(--bg-primary);
    border-width:1px;
    border-style:solid;
    color:var(--bg-primary);
}
.permissions-tree ul li.area-title:hover {
    background-color:transparent;
}
.permissions-tree ul li.item.k-state-hover {
    background-color:#ccc;
}

.k-menu .k-state-selected > .k-link .k-sprite {
    color:#FFFFFF;
}

.k-filter-menu .k-primary{
    color:#FFFFFF;
}

#createButtonProcess *{
    color:#FFF;
}

#toolbar-container .ga-button-create *, #toolbar-container .ga-button-print *{
    color:var(--bg-primary-dark);
}

.row-border{
    border:1px solid #eee;
    border-radius:3px;
}

#search-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF;
}
#search-field::-moz-placeholder { /* Firefox 19+ */
  color: #FFF;
}
#search-field:-ms-input-placeholder { /* IE 10+ */
  color: #FFF;
}
#search-field:-moz-placeholder { /* Firefox 18- */
  color: #FFF;
} 

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:13px;
}
input::-moz-placeholder { /* Firefox 19+ */
  font-size:13px;
}
input:-ms-input-placeholder { /* IE 10+ */
  font-size:13px;
}
input:-moz-placeholder { /* Firefox 18- */
  font-size:13px;
} 

#menu-main .mn-contents .ga-fav-content .boxfavs .draggable a{
    display:block;
    color:#FFF;
}

#menu-main .mn-contents .ga-fav-content .boxfavs .draggable a:hover{
    text-decoration:none;
}

#divOptions .add-chart center{
    color:#666;
}

.group-prefix {
    background-color: #DFDFDF;
    border-radius: 3px 0 0 3px;
}

.group-control{
    border:1px solid #DFDFDF;
    border-radius: 0 3px 3px 0;
}

.ga-label-prefix label {
    color: #666;
}

.sweet-alert button.cancel{
    border:1px solid #f0f0f0;
    border-radius:3px;
    background-color: #f0f0f0;
    color:#333;
}

.sweet-alert button.cancel:hover{
    background-color:#f0f0f0;
}

.sweet-alert button.confirm{
    border-radius:3px;
    background-color:var(--bg-primary) !important;
    border:1px solid var(--bg-primary);
    color:#FFF !important;
}

.sweet-alert button.confirm:hover{
    border-radius:0;
    background-color:#137bd4 !important;
    border:1px solid #137bd4;
    color:#FFF;
}

#btnOrderList.active, #rotate-workflow.active{

}

#btnOrderList.active *, #rotate-workflow.active *{
   
}

body #rotate-workflow.active:hover{
    background-color:var(--button-primary) !important;
}

body #rotate-workflow.active:hover *{
    color:#FFF !important;
}

/*Workflow Colors*/

.box-icon-workflow.wf-blue{
    border:1px solid var(--bg-primary);
    color:var(--bg-primary);
}

.wf-color-blue{
    color:var(--bg-primary);
}

.box-icon-workflow.wf-blue:hover{
    background-color:var(--bg-primary);
    color:#FFF;
}

.box-icon-workflow.wf-green{
    border:1px solid var(--features);
    color:var(--features);
}

.wf-color-green,
.chatbot-panel-green {
    color:var(--features);
}

.box-icon-workflow.wf-green:hover{
    background-color:var(--features);
    color:#FFF;
}

.box-icon-workflow.wf-red{
    border:1px solid #f44f66;
    color:#f44f66;
}

.wf-color-red{
    color:#f44f66;
}

.box-icon-workflow.wf-red:hover{
    background-color:#f44f66;
    color:#FFF;
}

.box-icon-workflow.wf-gray{
    border:1px solid #7c7c7c;
    color:#7c7c7c;
}

.wf-color-gray{
    color:#7c7c7c;
}

.box-icon-workflow.wf-gray:hover{
    background-color:#7c7c7c;
    color:#FFF;
}

.timeline-item.type-document:before{
    background-color: var(--features);
    color: #FFF;
    border-color:var(--features);
}

.timeline-comments a:hover{
    color:var(--bg-primary);
}

.timeline-comments a.add-comment:hover:before{
    color:var(--bg-primary);
}

.panel-legend-option.km-state-active{
    color:#FFF;
}

#button-like.like{
    color:var(--button-primary);
}

.timeline-item-comment .container-box-comment{
    background-color:var(--bg-primary);
    color:#FFF;
}

.timeline-item-comment.timeline-other-user .container-box-comment{
    background-color:#f0f0f0;
    color:#787878;
}

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused{
    background-color:#FFF;
    background-image:none;
}

.k-pager-wrap .k-link:hover{
    background-color:#E2E2E2;
    border-color:#E2E2E2;
    color:#757575;
}

div.k-grid-footer, div.k-grid-header{
    border:none;
}

.k-pager-numbers li span.k-state-selected{
    background-color:var(--features) !important;
    color:#FFF;
    border-color:var(--features);
}

.k-state-hover,
.k-state-hover:hover {
    color: #666;
    /*background-color: #fdfdfd;*/
}

.k-dropdown .k-state-focused,
.k-filebrowser-dropzone,
.k-list > .k-state-hover,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-recur-view .k-check:active,
.k-pager-wrap .k-link:hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover {
    color: #666 !important;
    background-color: #fdfdfd !important;
}

.k-other-month.k-state-hover .k-link, .k-state-hover > .k-link {
    color: #666;
    background-color: #f0f0f0;
}

.k-state-selected{
    background-color: var(--features-opacity);
    border-color: var(--features-opacity);
    color: #333;
    font-weight:bold;
}

.k-chart-crosshair-tooltip, .k-chart-shared-tooltip, .k-widget.k-tooltip{
    background-color: var(--features);
    border-color: var(--features);
}

.k-callout-n{
    border-bottom-color: var(--features);
}

body .k-menu .k-menu-scroll-button:hover, 
body .k-menu .k-state-hover>.k-link{
    background-color: var(--features);
    border-color: var(--features);
    background-image:none;
}

.k-button.k-state-active, .k-button:active, .k-button.k-state-hover, .k-button:hover{
    background-color: var(--features);
    border-color: var(--features);
}

.k-draghandle, .k-draghandle.k-state-focused, .k-draghandle.k-state-selected, .k-draghandle:hover{
    background-image:none;
    background-color: var(--features);
    border-color: var(--features);
}

.k-slider-selection{
    background-color: var(--features);
}

.k-menu .k-state-selected>.k-link{
    background-color: var(--features);
    border-color: var(--features);
}

.invalid-work-order-row-resource {
    background-color: orange;
}

.field-validation-info,
.field-validation-info span{
    background: var(--bg-primary);
    color: #FFF;
}
@import url("/Config/Content/css/theme.css");
/* end Set Border Color */

/*Accordion Colors*/