body {
    min-width: 1200px;
}

.logo {
    margin-top: -16px;
    position: absolute;
    top: 50%;
    height: 32px;
}

.field-get_date, .column-get_date{
    min-width: 90px;
}

.select2-container--admin-autocomplete .select2-selection--single,
.select2-container--admin-autocomplete.select2-container--focus .select2-selection,
.select2-container--admin-autocomplete.select2-container {
    min-height: 18px !important;
}
.select2-container .select2-selection--single {
    height: 25px !important;
}

.select2-container--admin-autocomplete .select2-selection--single .select2-selection__arrow {
    height: 21px !important;
}
.select2-container--admin-autocomplete .select2-selection--single .select2-selection__rendered {
    line-height: 24px !important;
}

/****************************************************************
 CSS for the status coloring 
 ****************************************************************/

.formatted_status .grp-readonly {
    border: none;
    padding-left: 0 !important;
}

.status-open, .status-closed, .status-paid-in-time, .status-ok,
.status-not-paid-overdue, .status-paid-overdue, .type-workpackage,
.type-internal, .status-not-yet-invoiced, .transaction-positive,
.transaction-negative, .type-int, .type-ext {
    border-radius: 3px 3px 3px 3px;
    border: 1px solid;
    padding: 3px 10px 3px !important;
    text-align: center; 
    display: inline;
    white-space: nowrap;
}

.amount-positive, .amount-negative {
    padding: 3px 10px 3px 0 !important;
    text-align: right;
    display: inline;
    white-space: nowrap;
}

.amount-negative {
    border-color: #D34F4F;
    color: #D34F4F;
}

.amount-positive {
    border-color: #54c248;
    color: #54c248;
}

.field-colored_amount {
    text-align: right;
    padding-right: 4px !important;
}

.status-not-yet-invoiced {
    border-color: #57AEE4;
    color: #57AEE4;
}

.status-ok {
    border-color: #AAAAAA;
    color: #AAAAAA;
}

.status-not-paid-overdue, .transaction-negative {
    border-color: #D34F4F;
    color: #D34F4F;
}

.status-open, .status-paid-overdue {
    border-color: #ff8900;
    color: #ff8900;

}

.status-closed, .status-paid-in-time, .transaction-positive {
    border-color: #54c248;
    color: #54c248;

}

.type-workpackage, .type-ext {
    border-color: #7fc5d5;
    color: #7fc5d5;

}

.type-internal, .type-int {
    border-color: #cc99cc;
    color: #cc99cc;
}

/* Dashboard specific */

.status-minified {
    padding: 5px !important;
}

.status-minified .status-paid-in-time, .status-minified .status-ok, .status-minified .status-not-paid-overdue, .status-minified .status-paid-overdue {
    padding: 3px 7px 3px !important;
}

/****************************************************************
 CSS for the profitable / non-profitabel indication
 ****************************************************************/

.non-profitable-balance .balance, .red {
    color: #D34F4F;
}

.non-profitable-total-balance .total-balance {
    color: #D34F4F;
    font-weight: bold;
}

.profitable-balance .balance, .green {
    color: #006600;
}

.profitable-total-balance .total-balance {
    color: #006600;
    font-weight: bold;
}

.total {
    font-weight: bold;
}

#kronos-application-shell .total .grp-td {
    border: none !important;
    background: none !important;
}

.profit-center-name {
    font-weight: bold;
}

/****************************************************************
 Dashboard items
 ****************************************************************/

.dashboard-item .grp-module {
    padding: 2px;
}

.dashboard-item .grp-tabular .grp-table .grp-tbody {
    font-size: 11px;    
}

.dashboard-item .grp-module {
    background: white;
}

#kronos-application-shell #apps_init {
    width: 100%;
}

#column_1 > .grp-module {
    width: 98%;
}

.grp-dashboard-module .grp-tabular .grp-table .grp-th, .grp-dashboard-module .grp-tabular .grp-table .grp-td {
    white-space: normal !important;
}


.grp-dashboard-module  .highlight {
    font-weight: bold;
    color: #444;
}

/****************************************************************
 Make sure the dash board takes the full width 
 ****************************************************************/

.dashboard .g-d-c, .dashboard .g-all-c {
    width: 100%;
}

.dashboard .g-d-12, .dashboard .l-2cr-fluid.l-d-12 .c-1 {
    margin-right: 0;
    width: 26%;
}

.dashboard .g-d-f, .dashboard .g-all-f, .g-all-fl, .dashboard .l-2c .c-1, .dashboard .l-2cr .c-1 {
    margin-right: 0 !important;
}

.dashboard .g-d-6, .dashboard .l-2cr-fluid.l-d-6 .c-1 {
    margin-right: 0;
    width: 37%;
}

.dashboard .g-d-l, .dashboard .g-all-l, .g-all-fl, .dashboard .l-2c .c-2, .l-2cr .c-2 {
    padding-right: 0 !important;
}

.dashboard .grp-group {
    width: 98%;
}

.dashboard .g-d-6 > .grp-module {
    width: 96%;
}

.dashboard .g-d-l > .grp-module {
    width: 100%;
}

/*************************************************************** 
Inject Kronos branding
***************************************************************/

p.grp-readonly, div.grp-readonly {
    text-overflow: ellipsis;
    font-weight: normal;
    border: none;
    padding: 3px 0 0 !important;
    min-width: unset;
}

a {
    color: #003466;
}

a.grp-link-external {
    color: #003466;
}

.grp-messagelist li {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.grp-pulldown-container .grp-pulldown-handler {
    color: #003466;
}

header#grp-header #grp-navigation a {
    color: #57AEE4;
}

header#grp-header #grp-navigation {
    background: #003466;
    background-image: none;    
}

header#grp-header #grp-navigation ul#grp-user-tools > li {
    border-left: 0 solid #003466;
    border-right: 0 solid #003466;
}

header#grp-header #grp-navigation ul#grp-user-tools {
    border-left: 0 solid #003466;   
}

.grp-fixed-footer {
    background-image: none;
    background: #003466;
}

.grp-collapse.grp-open > h2.grp-collapse-handler {
    background-image: none;
    background-color: #ddd;
}

.grp-collapse h2.grp-collapse-handler {
    text-shadow: none;    
}

.grp-group > h2 {
    background-image: none;
    background-color: #EEE;
}    

table thead th a {
    color: #003466;
}

.grp-pagination ul li a {
    color: #003466;
}

input[type="submit"] {
    border: 1px solid #57AEE4;
    background-image: none;
    background: #57AEE4;
}

.grp-submit-row.grp-fixed-footer > ul > li {
    background: none repeat scroll 0 0 #004B97;
}

a.grp-button.grp-delete-link, button.grp-button.grp-delete-link, input.grp-button.grp-delete-link[type="button"] {
    background-image: none;
    background: #FC5100;
    background-size: 100% auto;
    border: 1px solid #FC5100;
}

#grp-breadcrumbs > ul {
    text-shadow: none;
}

#grp-breadcrumbs > ul a, #grp-breadcrumbs > ul li {
    color: #fff;
}

#grp-context-navigation {
    background: #57AEE4;
    border-bottom: 1px solid #218BCB;
}

.button-state-blue, input[type="button"], button, a.fb_show, a.related-lookup, body.tinyMCE input[name="src"] + div a, body.tinyMCE input[name="href"] + div a, a.related-lookup.m2m, .grp-autocomplete-wrapper-m2m a.related-lookup, .grp-autocomplete-wrapper-fk a.related-lookup, button.ui-datepicker-trigger, button.ui-timepicker-trigger, button.ui-datetime-now, .grp-pulldown-container .grp-pulldown-handler:hover, .grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-handler, .grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-handler:hover {
    background-color: #DDD;
}

.grp-collapse.grp-closed > h3.grp-collapse-handler {
    background-image: none;
    background-color: #EEE;
}

.grp-collapse.grp-closed > h3.grp-collapse-handler:hover {
    background-image: none;
    background-color: #EFEFEF;
}

.grp-collapse.grp-open > h3.grp-collapse-handler {
    background-image: none;
    background-color: #EEE;
}

.grp-collapse.grp-closed > h2.grp-collapse-handler {
    background-image: none;
    background-color: #DFDFDF;
}

.grp-collapse.grp-closed > h2.grp-collapse-handler:hover {
    background-image: none;
    background-color: #EEE;
}

.grp-object-tools li a {
    border-radius: 5px;
}

.grp-object-tools li a:hover {
    background-size: 100%;
    background-image: none;
    background: #FF8900;
    border: 1px solid #DD6700 !important;
}

.grp-object-tools li a.grp-add-link:hover {
    background-size: 100%;
    background-image: none;
    background: #FF8900;
}

.grappelliSkin a.mceResize:hover, .grappelliSkin a.mceResize:active {
    background-color: #FCE2E3 !important;
}

body.grp-login .grp-module-login h1 span.grp-current-page {
    background-size: 100%;
    background-image: none;
    background: #57AEE4;
}

body.grp-login .grp-module-login h1 {
    background-image: none;
    background: #003466;
}

.grp-group, .grp-group.grp-closed, .grp-group.grp-closed:hover {
    border-width: 1px;
}

.grp-date-hierarchy ul li a.grp-date-hierarchy-back {
    color: #003466;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #FEFEFE;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    background: #FEFEFE;
}

#kronos-application-shell .grappelliSkin .mceMenu.mceDropDown {
    border: 1px solid #BBB;
    border-radius: 3px 3px 3px 3px !important;
}

#kronos-application-shell .grappelliSkin .mceMenu .mceMenuItemEnabled a:hover, #kronos-application-shell .grappelliSkin .mceMenu .mceMenuItemEnabled a:active, #kronos-application-shell .grappelliSkin .mceMenu .mceMenuItemActive {
    background-color: #DDD !important;
}

#kronos-application-shell .grappelliSkin .mceMenu {
    box-shadow: 0 1px 6px #999999;
}

#kronos-application-shell .grappelliSkin td.mceMenuItemSeparator {
    height: 1px;
}

#kronos-application-shell .clearlooks2 .mceFocus .mceTop .mceLeft, #kronos-application-shell .clearlooks2 .mceFocus .mceTop .mceCenter, #kronos-application-shell .clearlooks2 .mceFocus .mceTop .mceRight, #kronos-application-shell .clearlooks2 .mceMiddle .mceLeft, #kronos-application-shell .clearlooks2 .mceMiddle .mceRight, #kronos-application-shell .clearlooks2 .mceFocus .mceBottom .mceLeft, #kronos-application-shell .clearlooks2 .mceFocus .mceBottom .mceCenter, #kronos-application-shell .clearlooks2 .mceFocus .mceBottom .mceRight {
    background: #EEE;
    border: 0 solid #CCC;
}

#kronos-application-shell .clearlooks2 .mceFocus .mceTop .mceLeft  {
    border-width: 1px 0 0 1px;
}

#kronos-application-shell .clearlooks2 .mceFocus .mceTop .mceCenter  {
    border-width: 1px 0 0 0;
}

#kronos-application-shell .clearlooks2 .mceFocus .mceTop .mceRight  {
    border-width: 1px 1px 0 0;
}

#kronos-application-shell .clearlooks2 .mceMiddle .mceLeft {
    border-width: 0 0 0 1px;
}

#kronos-application-shell .clearlooks2 .mceMiddle .mceRight {
    border-width: 0 1px 0 0;
}

#kronos-application-shell .clearlooks2 .mceFocus .mceBottom .mceLeft  {
    border-width: 0 0 1px 1px;
}

#kronos-application-shell .clearlooks2 .mceFocus .mceBottom .mceCenter {
    border-width: 0 0 1px 0;
}

#kronos-application-shell .clearlooks2 .mceFocus .mceBottom .mceRight  {
    border-width: 0 1px 1px 0;
}

#kronos-application-shell .clearlooks2 .mceFocus .mceTop span {
    color: #666;
}

.clearlooks2 .mceMiddle span {
    background:  #FFFFFF;
    padding: 5px;
}

.vLargeTextField {
    height: 70px;
}

input.grp-search-field[type="text"] {
    border-radius: 5px;
}

form#grp-changelist-search {
    border: 1px solid #FFFFFF;
    border-radius: 5px;
}

header#grp-header #grp-navigation ul li.grp-collapse.grp-open > ul {
    background: none repeat scroll 0 0 #003466;
    border-top: 1px solid #003466;
}

header#grp-header #grp-navigation ul li.grp-collapse.grp-open > ul li {
    border-bottom: 1px solid #003466;
    border-top: 1px solid #218BCB;
}

.grp-module h2, .grp-module h3 {
    background-image: none;
    background-color: #E5E5E5;
}

input[type="submit"]:hover, input[type="submit"]:focus {
    background-image: none;
    background-color: #003466;
    border-color: #003466; 
}

/*************************************************************** 
Timesheet change view styling
***************************************************************/

#timesheetrow_set-group input[type=text] {
    width: 100%;
    min-width: 23px;
    font-weight: normal;
    font-size: 11px;
    box-sizing: border-box;
    padding: 2px;
}


#timesheetrow_set-group .grp-td, #timesheetrow_set-group .grp-th {
    padding: 2px 2px;
}

#timesheetrow_set-group .grp-th {
    font-weight: normal;
    padding-left: 4px;
}

#timesheetrow_set-group .grp-tools-container .grp-tools {
    right: -2px;
}

#timesheetrow_set-group .day1 {
    background: green;
}

#timesheetrow_set-group .grp-td {
    width: 3%;
}

#timesheetrow_set-group .grp-td select + a.add-another {
    display: none;
}

#timesheetrow_set-group select {
    font-weight: normal;
}

#timesheetrow_set-group .invalid {
    display: none;
}

#timesheetrow_set-group .weekday {
    background: #fcf8e3;
}

#timesheetrow_set-group .weekday input, #timesheetrow_set-group .holiday input, #timesheetrow_set-group .weekend input {
    border-color: transparent;
    background: transparent;
}

#timesheetrow_set-group .weekend {
    background: #EEE;    
}

#timesheetrow_set-group .weekend input, #timesheetrow_set-group .holiday input {
    color: #999;
}

#timesheetrow_set-group input:hover, #timesheetrow_set-group input:active, #timesheetrow_set-group input:focus {
    border-color: #BBB;
    background: #FFF; 
}

 #timesheetrow_set-group input:focus  {
    width: 50px;
 }

#timesheetrow_set-group .holiday {
   background: #f2dede; 
}

#timesheetrow_set-group .today {
    background: #dff0d8;
}

#timesheetrow_set-group select {
    max-width: 250px;
}

#timesheetrow_set-group .today input {
    border-color: #BBB;
    background: #FFF; 
}

#timesheetrow_set-group .sum-of-day-module .filled {
    color: #FF6600;
}

#timesheetrow_set-group .sum-of-day-module .filled-properly {
    color: #336600;
}

#timesheetrow_set-group .row-total {
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;     
}

/*************************************************************** 
Booking month and year change view styling
***************************************************************/

#related-projects-group, #related-internal-cost-centers-group, #related-employees-group {
    font-size: 11px;
    padding: 3px;
}

#related-projects-group .grp-td, #related-projects-group .grp-th,  #related-internal-cost-centers-group .grp-td, #related-internal-cost-centers-group .grp-th,  #related-employees-group .grp-td,  #related-employees-group .grp-th {
    padding: 3px 3px;
}

.field-pdf_file_link {
    vertical-align: middle;
    padding: 4px 10px 3px !important;
}

.download {
    background: url("/static/kronos/images/download.27f46351a47d.png") no-repeat center;
    background-size: 30px 30px;
    height: 22px !important;
}

.sync-result {
    border-radius: 3px 3px 3px 3px;
    border: 1px solid;
    padding: 3px 10px 3px !important;
    text-align: center;
    white-space: nowrap;
    margin-right: 2px;
    margin-left: 2px;
    display: inline;
}

.sync-result-ok {
    border-color: #54c248;
    color: #54c248;
}

.sync-result-warning {
    border-color: #FF8900;
    color: #FF8900;
}

.sync-result-error {
    border-color: #D34F4F;
    color: #D34F4F;
}

.sync-result-neutral {
    border-color: #888;
    color: #888;
}

.kronos-jirasyncrun.grp-change-form form#jirasyncrun_form div#errors-group div.grp-td.error_message div.grp-readonly {
    white-space: initial;
    min-width: 640px;
}

.sync-status {
    border-radius: 3px 3px 3px 3px;
    border: 1px solid;
    padding: 3px 10px 3px !important;
    text-align: center;
    white-space: nowrap;
    width: 70px;
    margin-right: 2px;
    margin-left: 2px;
    display: inline;
}

.sync-status-started {
    border-color: #888;
    color: #888;
}

.sync-status-success {
    border-color: #54c248;
    color: #54c248;
}

.sync-status-warning {
    border-color: #FF8900;
    color: #FF8900;
}

.sync-status-error {
    border-color: #D34F4F;
    color: #D34F4F;
}

.sync-status-not_started {
    border-color: #B5B5B5;
    color: #B5B5B5;
}


.kronos-client #projects-group .grp-td,
.kronos-client #projects-group .grp-th,
.kronos-project #profit_centers-group .grp-td,
.kronos-project #profit_centers-group .grp-th {
    padding: 4px 20px 0;
}

.kronos-client #projects-group .grp-readonly a,
.kronos-project #profit_centers-group .grp-readonly a{
    white-space: nowrap !important;
    text-overflow: ellipsis;
    width: 200px;
    display: inline-block;
    overflow: hidden;
}

/***************************************************************
Dashboard related
***************************************************************/

.top-menu-item {
    float: left;
    min-width: 200px;
    padding-right: 20px;
}

.top-menu-item select {
    width: 100%;
}

.top-menu-item input#current_month {
    vertical-align: middle;
}

/***************************************************************
BankAccountMovement
***************************************************************/

div.grp-tr div.grp-th.additional-hints {
    min-width: 240px;
}

div.grp-tr div.grp-th.related-debit,
div.grp-tr div.grp-th.profit-center {
    display: none;
}

div.grp-td.amount input {
    text-align: right !important;
}

div.grp-tr.debit div:nth-child(5) {display: none;} /* related credit */
div.grp-tr.debit div:nth-child(7) {display: none;} /* profit center */
div.grp-tr.debit div.grp-td.booking_month div.related-widget-wrapper {display: none;}

div.grp-tr.credit div:nth-child(6) {display: none;} /* related debit */
div.grp-tr.credit div:nth-child(7) {display: none;} /* profit center */
div.grp-tr.credit div.grp-td.booking_month div.related-widget-wrapper {display: none;}

div.grp-tr.auto-debit div:nth-child(5), /* related credit */
div.grp-tr.rebooking div:nth-child(5),
div.grp-tr.other div:nth-child(5),
div.grp-tr.empty div:nth-child(5),
div.grp-tr.wage div:nth-child(5) {
    display: none;
}
div.grp-tr.auto-debit div:nth-child(6), /* related debit */
div.grp-tr.rebooking div:nth-child(6),
div.grp-tr.other div:nth-child(6),
div.grp-tr.empty div:nth-child(6),
div.grp-tr.wage div:nth-child(6) {
    display: none;
}

div.grp-tr.rebooking div.grp-td.booking_month div.related-widget-wrapper,
div.grp-tr.rebooking div.grp-td.related_debit div.related-widget-wrapper,
div.grp-tr.rebooking div.grp-td.profit_center div.related-widget-wrapper {
    display: none;
}

div.grp-tr.wage div.grp-td.related_debit div.related-widget-wrapper,
div.grp-tr.wage div.grp-td.related_credit div.related-widget-wrapper,
div.grp-tr.wage div.grp-td.profit_center div.related-widget-wrapper {
    display: none;
}

div.grp-tr.auto-debit div.grp-td.related_debit div.related-widget-wrapper,
div.grp-tr.auto-debit div.grp-td.related_credit div.related-widget-wrapper {
    display: none;
}

div.grp-tr.other div.grp-td.related_debit div.related-widget-wrapper,
div.grp-tr.other div.grp-td.related_credit div.related-widget-wrapper,
div.grp-tr.other div.grp-td.profit_center div.related-widget-wrapper {
    display: none;
}

div.grp-th.related-credit,
div.grp-th.related-debit,
div.grp-th.profit_center {
    width: 50%;
}

div.grp-th.booking-month {
    width: 25%;
}

div.grp-td.booking_month div.grp-related-widget-wrapper.related-widget-wrapper,
div.grp-td.related_debit div.grp-related-widget-wrapper.related-widget-wrapper,
div.grp-td.related_credit div.grp-related-widget-wrapper.related-widget-wrapper,
div.grp-td.profit_center div.grp-related-widget-wrapper.related-widget-wrapper {
    width: 100%;
}

div.grp-td.booking_month div.grp-related-widget-wrapper.related-widget-wrapper div.grp-related-widget,
div.grp-td.related_debit div.grp-related-widget-wrapper.related-widget-wrapper div.grp-related-widget,
div.grp-td.related_credit div.grp-related-widget-wrapper.related-widget-wrapper div.grp-related-widget,
div.grp-td.profit_center div.grp-related-widget-wrapper.related-widget-wrapper div.grp-related-widget {
    width: inherit;
}

div.grp-td.booking_month ul.grp-tools.grp-related-widget-tools {
    overflow: initial !important;
}