@app-bg: #E0E0E0;
@widget-bg: #F0F0F0;
@login-bg: transparent url("images/loginbackground.jpg") no-repeat 0 50%;
@controls-color: #E4801C;
@header-bg: #365F91;
@user-info: #365F91;
@login-logo: "images/ichris_app_icon_with_192.png";
@modal-section: #161616;
@text-color: #ffffff;
@preset: "default";

@text-color-contrast: 100%;

@widget-bg-contrast: contrast(@widget-bg,
                        lighten(@widget-bg,
                        100%),
                        darken(@widget-bg,
                        100%)) !important;



.debug(@text-color-contrast) when not (@text-color-contrast < 0) {
    @header-bg-contrast: contrast(#FFFFFF,
                        lighten(#FFFFFF,
                        @text-color-contrast),
                        darken(#FFFFFF,
                        @text-color-contrast)) !important;
}

.debug(@text-color-contrast);


/****************************USER INFO*******************************/

.ichris-userinfo-container {
    background-color: transparent !important;
    color: @user-info !important;
}


/****************************WIDGETS*******************************/
.ichris-ParentInfoElementView, div.ichris-LayoutWidgetView button.btn.btn-link.pull-left,
div.leave-balance-container {
    color: @widget-bg-contrast !important;
}

div.staff-list-outer-container div span a.bold {
        color: contrast(@widget-bg, lighten(@widget-bg, 80%), darken(@widget-bg, 80%)) !important;
}

.mnuCarousel {
    border: none !important;
}
/****************************BACKGROUNDS*******************************/

.ichris-loginArea .panel-body {
    background: @login-bg !important;
    background-size: 100% 100%;
}
.panel.ichris-applicationLevel,
body,
.ichris-favouritesAreaContainer .fav-modal-group,
.ichris-addfavouritesAreaContainer .fav-modal-group,
.ichris-favouritesAreaContainer .fav-modal-groupitems {
    background-color: @app-bg !important;
}

.menu-tree-view-selfservice,
.menu-tree-view {
    background-color: lighten(@app-bg, 20%) !important;
}

.panel,
.panel-slides {
    background-color: @widget-bg !important;
}

.ichris-staff-list > div:hover,
.jstree-default .jstree-anchor:hover,
.ichris-favouritesAreaContainer .fav-groupitems:hover {
    background-color: contrast(@app-bg, lighten(@app-bg, 15%), darken(@app-bg, 15%)) !important;
    color: darken(@app-bg, 50%) !important;
    cursor: pointer;
}

.ichris-staff-list span,ul.list-unstyled li span,
.ichris-primary-text.pull-left,.btn-link.pull-right,
div.staff-list-view-container a.jstree-anchor,
div.row.ichris-structuregrid-row > div > table > tbody > tr > td > div {
    color: contrast(@app-bg, lighten(@app-bg, 80%), darken(@app-bg, 80%)) !important;
}

.jstree-default .jstree-clicked {
    background-color: contrast(@app-bg, lighten(@app-bg, 20%), darken(@app-bg, 20%)) !important;
}
/*section.panel-body.ichris-body {
    background-color: darken(@app-bg, 5%) !important;
}*/
/****************************HEADERS*******************************/

.workflowCentreWidgetTitle,
.workflowCentreActiveTab,
/*#wfrequest-grid-data > table > tbody > tr > td > div > a > strong,*/
#navigation-links > div > a,
#user-info > div > a {
    color: darken(@header-bg, 5%) !important;
}

div.staff-list-outer-container > div > div > div > span:hover,
.nav-tabs li a{
    color: lighten(@header-bg, 100%) !important;
}

.nav-tabs li a {
    background-color:lighten(@header-bg, 10%) !important;
}
/*Report Output*/


.ichris-favouritesAreaContainer .ichris-fav-modal-content,
.ichris-addfavouritesAreaContainer .ichris-fav-modal-content,
.ichris-addfavouritesAreaContainer .fav-header,
.ichris-favouritesAreaContainer .fav-header,
.ichris-LayoutGroupView-expanded > .panel-heading,
.panel-primary > .panel-heading,
.panel-primary > .panel-footer,
.ichris-optionsAreaContainer .modal-content,
.ichris-listContentControl-button,
.ichris-optionsAreaContainer .modal-header,
.panel-warning,
.ichris-datafield button,
.staffMemberheader,
.ichris-aboutdialog-header,
.ichris-StaffRelationshipAreaContainer .fav-header,
.ichris-StaffRelationshipAreaContainer .modal-content,
.modal-header-confirmation,
.nav-tabs > li.active > a,
.ichris-grid-column-header,
.ichris-userinfo-container img {
    background-color: @header-bg !important;
}

.messagepop,
.panel-warning {
    border-color: @header-bg !important;
}

.popover,
.ichris-parentInfoViewStaffDet-modal .modal-content,
.ichris-primary-bg,
.ichris-LayoutGroupView-expanded > .panel-heading {
    border-color: lighten(@header-bg, 10%) !important;
}


.bg-primary {
    background-color: lighten(@header-bg, 10%) !important;
}


.inActiveMenu,
.popover,
.ichris-parentInfoViewStaffDet-modal .modal-content,
.ichris-primary-bg,
.calenderHeaderDate,
.ichris-optionsAreaContainer .modal-options-left,
.ichris-optionsAreaContainer ul li a,
.ichris-optionsAreaContainer ul li button,
.widget-grid > .table > thead,
div.nonOverlayPlanner div.panel-heading {
    background-color: lighten(@header-bg, 5%) !important;
}

.ichris-favouritesAreaContainer .fav-groupitems:hover,

.ichris-staff-list,
.btn-link,
.treeView a,
.ichris-LayoutGroupView-expanded > .panel-heading,
.panel-primary>.panel-heading,
.panel-primary > .panel-footer,
#ichris-main-menu > span,
.bg-primary,
.staffMemberheader,
.calenderHeaderDate,
.ichris-listContentControl-button,
.ichris-default-button,
.modal-header,
.ichris-parentInfoViewStaffDet > .modal-body,
.btn-ichris-menu span,
.fav-header span,
table thead.ichris-primary-bg th,
.ichris-footerAction a,
/*.ichris-structuregrid-row div,*/
div.ichris-LayoutGroupView-expanded button:not(.btn-default),
/*div.ichris-LayoutGroupView-expanded a:not(.jstree-anchor),*/
.ichris-datafield button,
.ichris-highlight-button,
.ichris-highlight-alt-button,
table thead.panel-warning th 
 {
    color: @header-bg-contrast !important;
}

.jstree-default .jstree-anchor, .modal-header span,
div.ichris-LayoutSectionView div.panel-heading  label,
#wfrequest-grid-data > table > tbody > tr > td > div > a > strong {
    color: #000000 !important;
}

.nav > li > .ActiveMenu {
    background-color: contrast(@header-bg-contrast, lighten(@header-bg-contrast, 50%), darken(@header-bg-contrast, 50%)) !important;
    color: @header-bg-contrast !important;
}

.ichris-actionsArea ul.navbar-nav > li > a:hover,
.table-striped > tbody > tr:nth-child(even)  {
    background-color: darken(#ffffff, 20%) !important;
}



.inActiveMenu:hover,
.ichris-default-button:hover,
.menu-tree-view ul.nav li a:hover,
.ActiveMenu:hover ,
.ichris-grid-column-header,.nav>li>a:hover, .nav>li>a:focus {
    background-color: contrast(@header-bg-contrast, lighten(@header-bg-contrast, 80%), darken(@header-bg-contrast, 80%)) !important;
    color: @header-bg-contrast !important;
}


.ichris-loginArea .ichris-loginForm {
    background: url(@login-logo) no-repeat 50% 0 !important;
}

.ichris-optionsAreaContainer .modal-options-left {
    border: 1px solid lighten(@header-bg, 5%);
}

.fav-groupitems-folder:hover {
    color: lighten(@header-bg, 70%) !important;
}

.ActiveMenu,
input[type='radio']:checked:before,
.form-help-message {
    background-color: lighten(@header-bg, 20%) !important;
    color: @header-bg-contrast;
}



#index-div > div > div > div > div > section > div > table > tbody > tr > td > a,
.ichris-footer-center a {
    color: darken(@header-bg, 10%) !important;
}

div.ichris-titleUserArea.floatRight > div.popover.fade.bottom.in > div.popover-content > div > a > div > span.btn-primary {
    background-image: linear-gradient(to bottom, lighten(@header-bg, 10%) 0%, darken(@header-bg, 10%) 100%) !important;
    border-color: darken(@header-bg, 10%) !important;
}
div.ichris-titleUserArea.floatRight > div.popover.fade.bottom.in > div.popover-content > div > a > div > span.btn-primary:hover {
    background-image: linear-gradient(to bottom, lighten(@header-bg, 15%) 0%, darken(@header-bg, 15%) 100%) !important;
    border-color: darken(@header-bg, 10%)!important;
    background-color: darken(@header-bg, 10%) !important;
}


/****************************BORDERS,BUTTONS,GRAPHS, LINKS*******************************/
.panel-warning > .panel-heading {
    background-image: linear-gradient(to bottom, lighten(@controls-color, 10%) 0%, darken(@controls-color, 10%) 100%) !important;
    border-color: @controls-color !important;
}

.menu-tree-view-header,
.menu-tree-view-selfservice {
    border-top-color: @controls-color !important;
    border-width: 0px;
}
.menu-tree-view,
.menu-tree-view-selfservice {
    border-right: 2px solid @controls-color !important;
}

.progress-bar-warning,
.ichris-highlight-button,
.ichris-highlight-alt-button,
.leave-balance-container div#balance-bar-container > div,
.ichris-primary-button,
.ichris-primary-alt-button,
.ichris-favouritesAreaContainer .fav-groups .active-button,
.ichris-addfavouritesAreaContainer .fav-groups .active-button,
.login,
.select-All,
.select-None,
.ichris-datafield button {
    background-color: @controls-color !important;
    background-image: none;
}
polyline {
    stroke: @controls-color !important;
}

#index-div > div > div > div > div > section > div > table > tbody > tr > td > a.ichris-primary-button {
    color: #ffffff !important;
}

/**CALENDAR**/

.btn.btn-default.btn-sm.btnclanedar.blue-highlight {
    background-color: transparent !important;
}
.ichris-datafield button.btnclanedar {
    background-color: #ffffff !important;
    color: #171717 !important;
}
.ichris-datafield button.btnclanedar.active {
    background-color: @controls-color !important;
}
.datepickerfix .blue-highlight:not(.text-muted),
.datepickerfix td:not(.text-muted) {
    background-color: transparent !important;
}

.ichris-datafield button.btnclanedarToday,
.btn.btn-default.btn-sm.btnclanedar.blue-highlight.active {
    background-color: @controls-color !important;
    margin-left: 10px !important;
}
.ichris-datafield button.btnclanedarToday span,
.btn.btn-default.btn-sm.btnclanedar.blue-highlight.active span,
.btnclanedar.btn-info.active span {
    color: #ffffff !important;
}
.current-date {
    background-color: transparent !important;
}
.btn-sm,
.btn-group-sm > .btn .btn-clanedar {
    border-radius: 2px !important;
}
.ichris-calendarwidgetview {
    background-color: lighten(@widget-bg, 15%) !important;
}
.fc-state-highlight {
    background-color: darken(@widget-bg, 5%) !important;
}
button.btnclanedarToday {
    color: #fff;
}

div.nonOverlayPlanner div.panel-heading {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    background-color: lighten(@header-bg, 5%) !important;
}


/*Contrast*/
.panel,.ichris-listcontainer {
    border: none !important;
}

.ichris-userimage ,.ichris-ParentInfoView-userimage{
    background-color: @header-bg !important;
    border: 1px solid lighten(@header-bg, 20%) !important;
}

div.fav-modal-body-right span,
div.staff-list-outer-container > div > div > div > span,
#user-info > div > a,
#navigation-links > div > a,
label.ichris-primary-text,
label.ichris-highlight-alt-light-text
{
    color: contrast(@app-bg, lighten(@app-bg, 100%), darken(@app-bg, 100%)) !important;
}

.workflowCentreWidgetTitle,
.workflowCentreActiveTab,
#top-workflow p,
#balance-type span,
.ichris-LayoutWidgetView label,
#directives-calendar,
/*#index-div label,*/
.ichris-datafieldlabelcontainer,
#balance-bar-container > div > div,
.workflowCentreTab,
.leave-balance-container > div:nth-child(2) {
    color: contrast(@widget-bg, lighten(#000000, 100%), darken(#ffffff, 100%)) !important;
}

.modal-title {
    color: black !important;
}

div.ichris-actionsArea ul.nav.navbar-nav.navbar-right {
    background-color: lighten(@app-bg, 100%) !important;
    border-radius: 5px 0px 0px 5px !important;
    margin-top: -2px !important;
    margin-bottom: 2px !important;
}

.ichris-optionsAreaContainer ul li button.ichris-default-button:hover,
.ichris-optionsAreaContainer ul li a.ichris-default-button:hover {
    color: #ffffff !important;
}


.HR21Menu-glyphicon-folder-open::before {
    content: url('themes/ichris2/images/treeview/folder-3-20-WHI.png') !important;
}
.ActiveMenu:hover .HR21Menu-glyphicon-folder-open::before {
    content: url('themes/ichris2/images/treeview/folder-3-20-WHI.png') !important;
}
.ActiveMenu .HR21Menu-glyphicon-folder-open::before {
    content: url('themes/ichris2/images/treeview/folder-3-20-WHI.png') !important;
}
.inActiveMenu:hover .HR21Menu-glyphicon-folder-open::before {
    content: url('themes/ichris2/images/treeview/folder-3-20-WHI.png') !important;
}
/*// Close Folder*/

.HR21Menu-glyphicon-folder-close::before {
    content: url('themes/ichris2/images/treeview/folder-20-WHI.png') !important;
}
.ActiveMenu:hover .HR21Menu-glyphicon-folder-close::before {
    content: url('themes/ichris2/images/treeview/folder-20-WHI.png') !important;
}
.ActiveMenu .HR21Menu-glyphicon-folder-close::before {
    content: url('themes/ichris2/images/treeview/folder-20-WHI.png') !important;
}
.inActiveMenu:hover .HR21Menu-glyphicon-folder-close::before {
    content: url('themes/ichris2/images/treeview/folder-20-WHI.png') !important;
}
/*// Detail*/

.HR21Menu-glyphicon-list-alt::before {
    content: url('themes/ichris2/images/treeview/Screen-20x20-WHI.png') !important;
}
.inActiveMenu:hover .HR21Menu-glyphicon-list-alt::before {
    content: url('themes/ichris2/images/treeview/Screen-20x20-WHI.png') !important;
}
.ActiveMenu:hover .HR21Menu-glyphicon-list-alt::before {
    content: url('themes/ichris2/images/treeview/Screen-20x20-WHI.png') !important;
}
.ActiveMenu .HR21Menu-glyphicon-list-alt::before {
    content: url('themes/ichris2/images/treeview/Screen-20x20-WHI.png') !important;
}