@CHARSET "UTF-8";

body {
    font-family: arial, verdana, sans-serif;
    background-color: #f7f7f7;
    color: #333;
    -webkit-font-smoothing: antialiased;
}

/* General style*/
.label {
    color: #666666;
    font-size: 12px;
    font-family: arial, verdana, sans-serif;
}

.text {
    color: #333333;
    font-size: 12px;
    font-family: arial, verdana, sans-serif;
}

.subLabel .label {
    padding-left: 25px;
    color: #999;
}

.subLabel .text {
    color: #999;
}

.sumRow {
    border-top: 2px solid #ccc;
}

.textFieldAlignRight input {
    text-align: right;
}

.mainView {
    background-color: #f7f7f7 !important;
}

.mainView > .GP34Q33HEC,
    /*.mainView > .FOYMEWC-t-b,*/
.mainView > .northSection,
.sidebar .light-background {
    background-color: #f7f7f7 !important;
}

/*.mainView > .GP34Q33ORB,
.mainView > .FOYMEWC-w-j*/
.mainView > div {
    background: url('../images/h_line.png');
    background-repeat: no-repeat;
    background-position: left top;
}


/* ContentPanel title*/
/*.GP34Q33GKC, .FOYMEWC-v-e */
.lightTitleBar {
    margin-left: 5px !important;
    font-weight: normal !important;
}

.toolButton {
    margin-right: 2px;
}

.toolButton .GP34Q33MN {
    display: none;
}

.contentPanel .GP34Q33CKC,
.contentPanel .moduleTitle
    /* , .contentPanel .FOYMEWC-v-a*/
{
    padding-bottom: 2px;
    border: 0 !important;
}

.contentPanel > div > .header > div {
    font-size: 11pt;
    font-weight: normal;
    margin-left: 5px;
}

.fieldset
    /*fieldset.FOYMEWC-fb-c*/
{
    top: auto !important;
    margin: 15px 15px 15px 0 !important;
    overflow: visible !important;
}

.fieldset > div {
    overflow: visible !important;
}

.wage-interface {
    overflow: visible !important;
}

.wage-interface div {
    overflow: visible !important;
}

.contentPanel fieldset {
    border: 0 !important;
    padding: 0 !important;
}

.contentPanel fieldset legend {
    color: #00519E;
    font-size: 10pt;
    padding: 0 0 5px 0;
}

.contentPanel fieldset .GP34Q33IEC,
.contentPanel .fieldset > .content {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.contentPanel label {
    color: #666;
}

.contentPanel .moduleTitle {
    background-repeat: no-repeat !important;
    background-position: 20px 0 !important;
    padding-left: 50px !important;
    clip: rect(0, 0, 23, 23);
}

/* Enable scrolling for content panel */
.contentPanel .GP34Q33JIC,
.contentPanel > div:nth-child(2) > div,
.contentPanel > div:nth-child(2) > div > div > div:nth-child(2) > div,
.contentPanel .mainContent > div:nth-child(2) > div {
    /*  overflow: auto !important; */
    background-image: url('../images/content_background.gif') !important;
    background-repeat: repeat-x !important;
}

/* Sidebar */
.sidebar .GP34Q33JIC,
.sidebar .content
    /* , .sidebar .FOYMEWC-u-a  */
{
    border-right: 0 !important;
    padding: 0;
    padding-bottom: 1px;
    border-bottom: 0 !important;
}

.sidebar .GP34Q33HEC
.sidebar .light-background {
    background-color: #f7f7f7;
}

/* Staff-Tree */
.sidebar .GP34Q33CKC, .staffFilter .GP34Q33JIC
.sidebar .x-small-editor, .sidebar .light-background {
    border: 0 !important;
}

.staffFilter > div > .x-small-editor > div:last-child {
    padding-top: 6px;
}

.staffFilter {
    border-bottom: 1px solid #ccc !important;
}

.sidebar {
    border: 0 none #fff !important;
    border-style: none !important;
}

.moduleMenuView .GP34Q33OIC,
.moduleMenuView .contentpanel {
    border: 0 none #fff !important;
    border-style: none !important;
}

.moduleMenuView > div > .header > div:nth-child(3) {
    padding-left: 4px;
    padding-bottom: 0 !important;
}

.staffFilter .GP34Q33CKC,
.moduleMenuView .GP34Q33CKC,
.contentPanel > .GP34Q33MIC > .GP34Q33CKC,
.staffFilter .x-small-editor,
.moduleMenuView .x-small-editor,
.contentPanel > div > .x-small-editor {
    padding-bottom: 3px;
    background: none;
    border: 0;
}

.staffFilter .GP34Q33HEC,
.moduleMenuView .GP34Q33HEC
.staffFilter .light-background,
.moduleMenuView .light-background {
    background-color: #f7f7f7;
}

.staffFilter .GP34Q33MIC,
.moduleMenuView .GP34Q33MIC,
.contentPanel > .GP34Q33MIC,
.staffFilter > div:first-child,
.moduleMenuView > div:first-child,
.contentPanel > div:first-child {
    background-image: url('../images/section_line.png');
    background-repeat: no-repeat;
    background-position: 0 24px;
    padding-bottom: 14px;
}

.staffFilter .GP34Q33GKC,
.staffFilter .x-small-editor > div,
.moduleMenuView .GP34Q33GKC,
.contentPanel > .GP34Q33MIC > .GP34Q33CKC > .GP34Q33GKC,
.moduleMenuView .x-small-editor > div,
.lightTitleBar {
    font-size: 10pt !important;
    font-weight: bold !important;
    padding-bottom: 11px;
}

.contentPanel > .GP34Q33MIC > .GP34Q33CKC > .GP34Q33GKC,
.lightTitleBar {
    font-weight: normal !important;
    font-size: 11pt !important;
    height: 25px !important;
}

.lightTitleBar {
    padding-top: 6px;
    height: 20px !important;
}

.staffFilter .GP34Q33MIC, .contentPanel > .GP34Q33MIC,
.staffFilter div:first-child,
.contentPanel > div:first-child {
    background-position: 0 30px !important;
}

.staffFilter .GP34Q33JIC
.staffFilter .content {
    background-color: #f7f7f7;
}

.staffTree {
    margin: 5px 0 0 0;
}

.staffTree .GP34Q33FOB,
.staffTree .FOYMEWC-F-i,
.staffTree .FOYMEWC-z-i { /* Hover */
    background-color: #cedfef !important;
}

.staffTree .GP34Q33GOB,
.staffTree .FOYMEWC-F-j,
.staffTree .FOYMEWC-z-j {
    background-color: #a1c3e3 !important;
}

/* Module navigation */
.moduleMenuView {
    height: 100% !important;
    /*  background-image: url('../images/module-menu-background.gif'); */
    background-position: top;
    background-repeat: repeat-x;
    background-color: #f7f7f7;
}

.moduleMenuView .GP34Q33KIC,
.moduleMenuView .GP34Q33JIC,
.moduleMenuView > div:nth-child(2),
.moduleMenuView .content {
    /*     height: 100% !important; */
    background-image: url('../images/module-menu-background.gif');
    background-position: top;
    background-repeat: repeat-x;
    background-color: #e4e4e4;
}

.moduleMenuView .moduleIcon {
    width: 23px;
    height: 23px;
    overflow: hidden;
    float: left;
    display: inline;
    margin: 6px 0 0 15px;
}

.moduleMenuView .titleContainer {
    margin-left: 13px;
    float: left;
    display: inline;
}

.moduleMenuView .titleContainer .moduleTitle {
    color: #343a3f;
    font-size: 10pt;
}

.moduleMenuView .titleContainer .subTitle {
    color: #a1a1a1;
    font-size: 8pt;
}

.moduleLink {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #fff;
    overflow: hidden;
    position: relative;
}

.moduleLink .coloredArea {
    width: 5px;
    height: 47px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.mainModule {
    overflow: hidden;
    padding: 8px 0 8px 0;
    z-index: 10;
    position: relative;
}

.moduleLinkActive .coloredArea, .moduleLink:hover .coloredArea {
    width: 100%;
}

.firstModuleLink {
    border-top: 0;
}

.moduleLink {
    cursor: pointer !important;
}

.moduleLink:hover .titleContainer .moduleTitle,
.moduleLink:hover .titleContainer .subTitle,
.moduleLinkActive .titleContainer .moduleTitle,
.moduleLinkActive .titleContainer .subTitle {
    color: #fff;
    text-shadow: none !important;
}

.moduleLink:hover .moduleIcon,
.moduleLinkActive .moduleIcon {
    background-position: 0 -23px;
}

/* Submodules */
.moduleLink .submoduleArea {
    display: none;
    z-index: 10;
}

.moduleLinkActive .submoduleArea {
    display: block !important;
    overflow: hidden;
}

.submoduleArea {
    background-color: #edf1f5;
}

.submoduleArea a {
    display: block;
    color: #343a3f;
    font-size: 10pt;
    text-decoration: none;
    margin: 5px 0 5px 44px;
}

.submoduleArea a:hover {
    text-decoration: underline;
}

.submoduleArea a.active {
    text-decoration: underline;
}

/* Titelbar */
.northSection > .GP34Q33HEC,
.northSection > .title {
    background-color: #f7f7f7 !important;
}

.northSection .title {
    background-color: #f7f7f7 !important;
}

.applicationTitle {
    text-align: left;
    color: #3d4145;
    width: 190px;
    margin: 0 auto 0 auto;
    background-repeat: no-repeat;
    background-position: right;
    font-size: 10pt;
}

.titleLinks {
    padding-right: 10px;
    padding-top: 5px;
}

.titleLinks .gwt-Anchor {
    float: right;
    display: inline;
    margin-left: 20px;
}

.titleLinks .gwt-Anchor {
    font-size: 9pt;
    text-decoration: none;
    color: #00519e;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
}

.titleLinks .gwt-Anchor:hover {
    text-decoration: underline;
}

.titleLinks .helpLink {
    background-image: url('../images/icon_help.png');
}

.titleLinks .logoutLink {
    background-image: url('../images/icon_logout.png');
}

/* Desktop window */
.desktopWindow .GP34Q33HEC,
.desktopWindow .ribbon .GP34Q33FRC,
.desktopWindow .ribbon .x-toolbar
    /* , */
    /* .desktopWindow .FOYMEWC-t-b, */
    /* .desktopWindow .FOYMEWC-C-z  */
{
    background-color: #fff !important;
}

.desktopWindow .ribbon {
    margin-top: 10px;
}

.desktopWindow .ribbon > div > div > ul {
    background-color: #f7f7f7 !important;
}

.desktopWindow .contentArea {
    margin-top: 10px;
    background-color: #fff;
}


/* Login */
.login {
    background-color: #00519e;
    background-image: url('../../../config/client/template/login-background.jpg');
    background-repeat: no-repeat;
    background-position: center center;
}

.login .logo {
    margin-bottom: 20px;
}

.login .inputPanel {
    margin-bottom: 15px;
    background-color: #fff;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.login .inputPanel input {
    background-image: none !important;
}

.login .mandatorField, .login .userField, .login .passwordField {
    height: auto !important;
}

.login .loginButton {
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
    -khtml-border-radius: 10px; /* Konqueror */
    border-radius: 10px; /* CSS3 */
    border: 0;
    padding: 0;
    color: #434343;
    text-shadow: 1px 1px #fff;
    background-image: url('../images/login/login_button.jpg') !important;
    bhackground-position: center;
    background-color: #c2c3c4;
    cursor: pointer;
    background-position: 0 0 !important;
}

.userField input, .passwordField input, .login .mandatorField input {
    border: 0 !important;
    padding: 5px;
}

.login .mandatorField, .login .userField {
    border-bottom: 1px solid #d0d0d0;
}

.login .loginButton:hover {
    background-image: url('../images/login/login_button_hover.jpg') !important;
}

.error input {
    color: #df252b;
}

.errorLabel {
    color: #fff;
    line-height: 1.2em;
    margin-bottom: 10px;
}

/* Striped rows */
.stripedRows {
    margin-top: 8px;
}

.stripedRows .odd, .stripedRows .even {
    padding: 7px 15px 7px 15px !important;
    margin: 0 !important;
}

.stripedRows .odd {
    background-color: #edf1f5;
}

/* Alerts, Dialogs*/
.alertMessage {
    margin: 12px;
    width: 400px;
    z-index: 100;
}

/* Forms */
.textFieldHorizontalLeftMargin {
    margin-left: 5px !important;
}

.eventInfoRed {
    background-color: #ff9b9b;
}

/* ContextMenu */
.contextMenuItem img {
    background-size: 16px 16px !important;
}

/* Rights */
.userGroupSelection {
    margin: 0 0 5px 0;
}

.userGroupSelection, .rightSelection {
    margin: 10px !important;
}

.rightSelection {
    margin: 15px 0 5px 0;
}

.rightSelection .label, .roleSelection .label {
    width: 188px;
    display: inline;
    float: left;
}

.rightSelection .accept, .rightSelection .deny,
.roleSelection .accept, .roleSelection .deny {
    width: 80px;
    display: inline;
    text-align: center;
    float: left;
}

.rightSelection .accept, .roleSelection .accept {
    margin-right: 8px;
}

.addRemoveButtons {
    overflow: hidden !important;
}

.addRemoveButtons .addUserGroup, .addRemoveButtons .removeUserGroup {
    float: right;
    margin-right: 10px;
}

.addRemoveButtons .addUserGroup {
    margin-right: 5px;
}

.rightSelection .GP34Q33JIC
    /* , .rightSelection .FOYMEWC-t-b  */
{
    overflow-y: scroll !important;
}

.rightRow input {
    position: static !important;
    left: 0 !important;
}

.rightRow table {
    width: 165px !important;
}

.rightGroup {
    font-weight: bold !important;
    padding: 5px
}

.rightGroup label {
    padding-right: 20px !important;
}

.rightAttribute label {
    margin-left: 25px !important;
}

.rightRow:hover {
    background-color: #dfe8f6;
}

.rightRowOdd {
    background-color: #F2F2F2;
}

.rightCheckboxes {
    margin-left: 7px !important;
}

/* Form */
.notEditable label {
    font-weight: bold;
    color: #777;
}

.formFlexTable {
    overflow: visible !important;
}

.fieldlabel {
    overflow: visible !important;
}

.formFlexTable .GP34Q33HT,
.formFlexTable .fieldlabel {
    width: 310px !important;
    overflow: visible !important;
}

.formFlexTable .GP34Q33HT input,
.formFlexTable .fieldlabel input {
    /*     width: 200px !important; */
}

.formFlexTable .fieldlabel {
    overflow: visible !important;
}

.eauFields input {
    color: gray !important;

}

.formFlexTable .GP34Q33GT .gwt-Image,
.formFlexTable .content .gwt-Image {
    left: 182px !important;
    top: 20px !important;
}

.dateFieldLabel label {
    float: none !important;
    margin-bottom: 3px !important;
}

.dateFieldLabel .GP34Q33GT,
.dateFieldLabel .FOYMEWC-T-b {
    padding-left: 0 !important;
}

.dateFieldLabel input {
    width: 233px !important;
}

.dateFieldLabelSmall input {
    width: 93px !important;
}

/* DateTimeField */
.datePickerField, .datePickerField .GP34Q33IR,
.datePickerField .dateField > div > div {
    width: 95px !important;
}

.dateTimeField .datePickerField {
    width: 155px !important;
}


.datePickerField input.GP34Q33PQ,
.datePickerField .dateField input {
    width: 65px !important;
}

.timeHourField, .timeMinuteField {
    width: 44px !important;
}

.timeHourField input.GP34Q33NU, .timeHourField .GP34Q33LV, .timeMinuteField input.GP34Q33NU, .timeMinuteField .GP34Q33LV
    /* , */
    /* .timeHourField input.FOYMEWC-e-a  */
{
    width: 20px !important;
    /*     margin-left: 5px !important; */
    /*     padding-left: 122px !important; */
}

/* PeriodChooser */
.pickerFrom, .pickerTill {
    margin: 10px !important;
}

.pickerTill {
    margin-left: 0 !important;
}

/* TabPanel Fix */
.GP34Q33FRC,
.tabs > div > div > ul,
.tabContent > div > div > ul,
.staffDetail > div > div > ul
    /* , .FOYMEWC-C-z  */
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    background-color: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #D0D0D0 !important;
    background: none !important;
}

.tabs,
.tabContent,
.staffDetail {
    background-color: transparent !important;
    border: 0 !important;
}

.tabs > div,
.tabContent > div,
.staffDetail > div {
    background-color: transparent !important;
    border: 0 !important;
}

.tabContent {
    margin: 15px;
}

.tabContent .GP34Q33ORC {
    padding: 0;
    margin: 0;
}

.tabContent .formFlexTable {
    margin: 10px;
}

/* Job edit */
.commentField {
    margin: 16px 0 0 3px;
}

.timeValue {
    float: left !important;
}

.timeUnitLabel {
    float: left !important;
    margin-top: 6px;
    margin-left: 5px;
}

.estimatedMeasureValue {
    width: 50px !important;
    float: left !important;
    position: static !important;
}

.formFlexTable td {
    vertical-align: top;
}

/* Staff detail */
.staffDetail, .tabContainer {
    margin: 0 !important;
}

.staffDetail .GP34Q33ORC, .tabContainer .GP34Q33ORC,
.staffDetail ul, .tabContainer ul {
    padding: 0;
    margin: 10px 0 0 0 !important;
    padding-left: 10px !important;
}

/* Choose chief */
.chooseChiefButton {
    margin-left: 10px !important;
}

/* Rights for a staff */
.staffRights .rightSelection {
    margin-top: 0 !important;
}

.staffRights .okButton {
    float: right !important;
    display: inline;
    margin-right: 10px !important;
}

.staffRights .rightSelection .GP34Q33JIC {
    overflow-x: hidden !important;
}

/* Gadgets */
.gadgets {
    margin: 20px 20px 0 20px;
}

.gadgetRow {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.gadgetThumbnail {
    margin-right: 20px;
}

.gadgetHeadline {
    color: #00519e;
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 12px;
}

.gadgetDescription {
    color: #575758;
    margin-bottom: 15px;
}

.blankGadget {
    width: 100%;
    height: 200px;
    background-image: url('../images/blank_gadget.png');
    background-position: center;
    background-repeat: no-repeat;
}

/* Time booking gadget */
.timeBookingsGadget {
    background-color: #f1f1f1;
}

.timeBookingTimes {
    border-bottom: 1px solid #d0d0d0;
    background-image: url('../images/time_booking_gadget_time_background.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #FFFFFF;
    border-collapse: collapse;
    z-index: 10;
    table-layout: fixed;
}

.timeBookingTimes td {
    width: 33% !important;
    text-align: center;
    padding: 0 !important;
}

.timeBookingTimes .timeValue {
    color: #2771b7;
    font-size: 12pt;
    float: none !important;
    padding: 8px 8px 0 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.timeBookingTimes .timesInfoLabel {
    color: #b5b5b5;
    font-size: 9pt;
}

.todayTimeContainer {
    border-right: 1px solid #d0d0d0;
    height: 50px;
}

.breakTimeContainer {
    border-left: 1px solid #fff;
    border-right: 1px solid #d0d0d0;
    height: 50px;
}

.workBeginContainer {
    border-left: 1px solid #fff;
    height: 50px;
}

.timeBookingGadgetButtons {
    background-color: #f1f1f1;
    margin-top: 20px;
    margin-bottom: 20px;
}

.timeBookingGadgetButtons .spacing {
    width: 80px;
}

/* timetracking */

.timetrackingInfo .gwt-Label {
    width: 150px;
}

.timetracking .gwt-Label {
    font-size: 10pt;
    color: #777;
}

.timetracking .lineEstimated {
    height: 10px;
    background-color: #777;
}

.timetracking .lineIs {
    height: 10px;
    background-color: #79b63e;
}

.timetracking .overTime {
    height: 10px;
    background-color: #e53433;
}

.timetrackingDiagram {
    width: 100%;
    font-size: 10pt;
    color: #777;
    margin-bottom: 15px;
}

.timetrackingDiagram .label {
    width: 50px;
}

.timetrackingDiagram .value {
    width: 70px;
}


/* Padding for content panels  */
.contentPadding {
    padding: 15px !important;
}

/* Headline */
.headline {
    color: #00519E;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 5px;
}

/* Mission time booking */
.missionNameLabel {
    font-size: 10pt;
    font-weight: bold;
    margin-right: 10px;
}

.missionName {
    font-size: 10pt;
    padding-left: 5px;
}

.missionTimeBookingComment {
    margin-top: 15px;
}

.missionTimeBookingCommentField textarea {
    height: 40px !important;
}

.readyJobsButton {
    margin-right: 5px;
}

.readyJobs {
    margin-top: 20px;
}

.readyJobs .gwt-Label {
    font-size: 10pt;
    color: #777;
}

.readyJobsGrid {
    margin-top: 8px !important;
}

/* Right button */
.rightButton {
    float: right;
}

/* Time sheet*/
.timeSheetDateLabel {
    margin: 0 10px 0 5px !important;
}

.timeSheetButton {
    margin-left: 15px !important;
}

.timeSheetTimeInfo {
    margin: 5px;
}

.timeSheetTimeInfo td {
    vertical-align: top
}

/* Toolbar */
.toolbar label {
}

.onlyMissionsOfTheBusiness {
    margin-left: 15px !important;
}

#x-menu-el- img {
    height: 16px !important;
    width: 16px !important;
    background-size: 16px 16px !important;
}

/* Times */
.journalTimes {
    float: right;
    font-size: 12px;
    width: 180px !important;
    border-spacing: 0 !important;
    border-collapse: collapse !important;
}

.journalTimes td {
    text-align: right;
    padding: 0 !important;
}

.journalTimes .bottomLine {
    border-bottom: 1px solid #333;
    margin-bottom: 3px !important;
    padding-bottom: 3px;
}

.redFont {
    color: #d40032;
}

/* ColorPicker */
.colorBox {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
}

.colorBoxEditable {
    cursor: pointer;
}

/* Checkbox */
.checkBoxLabel, .defaultLabel {
    font-size: 12px;
    color: #666666;
}

.checkBoxLabel label {
    margin-left: 5px;
}

/* Shift planing */
.day .GP34Q33CKC,
.day .x-small-editor {
    border: 0 !important;
}

.dayEntry {
    border: 1px solid #CCCCCC;
    margin: 3px;
    padding: 2px;
}

.periodChooser {
    margin: 0 10px 0 5px !important;
}

.periodChooserLabel {
    margin: 0 10px 0 5px !important;
}

.missionStates {
    margin-right: 10px;
}

/* AbsenceReason */
.targetTimeCalculationType .optionType-2 {
    width: 200px;
}

/* Style WorkshopTableaElement */
.workshopTableauElement {
    color: #000000;
    margin: 10px !important;
    width: 250px;
    height: 160px;
    background-color: #FFFFFF;
    border-radius: 7px;
    border: 2px solid #FFFFFF;
    color: #000000;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.35);
    font-size: 12px;
    position: relative;
}

#tableauName {
    margin: 10px;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.workshopTableauElement table {
    margin-left: 6px;
    padding: 0;
    vertical-align: top;
    border: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    table-layout: fixed;
}

.workshopTableauElement table div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.workshopTableauElement th td {
    padding-left: 4px;
    text-align: left;
    border: 0;
}

.workshopTableauContainer {
    padding: 20px;
    overflow-y: scroll;
}

.workshopTableauLegendElement {
    color: #000000;
    margin: 8px !important;
    padding: 4px !important;
    font-size: 12px;
    padding-left: 6px !important;
    padding-right: 6px !important;
    min-width: 80px;
    max-height: 30px;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    overflow: visible !important;
    text-align: center;
}

.countBubble {
    position: absolute;
    padding: 0;
    font-size: 12px;
    top: -8px;
    right: -8px;
    background-color: #E6E6E6;
    border-style: solid;
    border-width: 1px;
    boder-color: #D4D4D4;
    min-width: 16px;
    height: 16px;
    overflow: visible !important;
    text-align: center;
    font-weight: bold;
    border-radius: 50%;

    /* gradient */
    background: rgb(242, 245, 246); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242, 245, 246, 1) 0%, rgba(200, 215, 220, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 245, 246, 1)), color-stop(100%, rgba(200, 215, 220, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(242, 245, 246, 1) 0%, rgba(200, 215, 220, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(242, 245, 246, 1) 0%, rgba(200, 215, 220, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(242, 245, 246, 1) 0%, rgba(200, 215, 220, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(242, 245, 246, 1) 0%, rgba(200, 215, 220, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f6', endColorstr='#c8d7dc', GradientType=0); /* IE6-9 */
}

.traineeBullet {
    position: absolute;
    top: 7px;
    right: 7px;
    background-color: #c72222;
    color: #fff;
    border-radius: 50%;
    overflow: visible !important;
    text-align: center;
    height: 16px;
    min-width: 16px;
    border: 2px solid #fff;
}

.traineeWorkshopTableau {
    background-image: url('../images/menu/only_trainees.png');
    background-repeat: no-repeat;
    background-position: 205px 15px;
}

/* Substitute definition */
.selectedPerson .GP34Q33EGC,
.selectedPerson td.x-grid-cell-first {
    background-color: #EDF1F5;
}

/* Sublabels */
.subLabel {
    color: #555;
}

/* Sum container */
.sumContainer .label, .sumContainer .text {
    line-height: 20px;
}

/* Workshop cockpit */
.gaugeDataLabel {
    width: 70px !important;
    overflow: hidden !important;
    margin-left: -35px !important;
    text-align: center !important;
    z-index: 10 !important;
    left: 50% !important;
    top: 70% !important;
    position: absolute !important;
}

.widget .GP34Q33FJC .GP34Q33LJC > div {
    background-color: #fff !important;
}

.widget {
    background: none;
    background-color: #fff !important;
}

.widget .GP34Q33FJC > div, .widget .GP34Q33FJC > div > div, .widget .GP34Q33FJC > div > div > div, .widget .GP34Q33FJC > div > div > div > div,
.widget > div:nth-child(2) > div, .widget > div:nth-child(2) > div > div, .widget > div:nth-child(2) > div > div > div, .widget > div:nth-child(2) > div > div > div > div
    /* .widget .FOYMEWC-N-a > div, .widget .FOYMEWC-N-a > div > div, .widget .FOYMEWC-N-a > div > div > div, .widget .FOYMEWC-N-a > div > div > div > div */
{
    background-image: none !important;
    border: 0 !important;
    background-color: #fff !important;
}

.widget .GP34Q33FJC,
.widget > div:nth-child(2) {
    border: 1px solid #CCCCCC;
}

/* Window mission detail */
.missionDetail .GP34Q33LK
    /* , .missionDetail .FOYMEWC-b-q */
{
    display: none;
}

.frontwindow {
    z-index: 100027 !important;
}

/* Progress Window */
.progress {
    z-index: 100030 !important;
}

.dailyJournalGanttChartContainer {
    height: 250px !important;
}

.pieChartSet {
    overflow: visible !important;
}

/* Module info label */
.moduleInfoContainer {
    text-align: center;
}

.moduleInfoContainer img {
    margin-bottom: 15px;
}

.moduleInfoLabel {
    text-align: center;
    width: 600px;
    font-size: 32px;
    color: #d5d5d5;
}

.holidayGroupHeader {
    color: #f00 !important;
}

.schoolHolidayGroupHeader {
    color: #039BE5 !important;
}

.selectedCell {
    background-color: #adcae2 !important;
}

.stripedColumn {
    background-color: #CCFFFF !important;
}


.changePasswordLink {
    display: block;
    margin-top: 10px;
    color: #fff;
    text-align: center;
    font-size: 12px;
}

a.changePasswordLink:link {
    color: #fff;
    text-decoration: none;
}

a.changePasswordLink:hover {
    text-decoration: underline;
}


.exceededMission {
    color: orange !important;
}


/* Tabs */
.GP34Q33HQC {
    background-color: transparent !important;
    border: 0 !important;
}

.GP34Q33HQC ul
    /* , .FOYMEWC-C-l ul  */
{
    background: none;
}

/* Timebooking gadget */

.timeBookingButtons > tbody > tr > td {
    background: none !important;
}

.timeBookingButtons .GP34Q33OO,
.timeBookingButtons .GP34Q33NO,
.timeBookingButtons .GP34Q33PO,
.timeBookingButtons .GP34Q33IO,
.timeBookingButtons .GP34Q33FO,
.timeBookingButtons .GP34Q33MO,
.timeBookingButtons .GP34Q33CO,
.timeBookingButtons .GP34Q33BO,
.timeBookingButtons .GP34Q33DO
    /* , */
    /* .timeBookingButtons .FOYMEWC-E-n, */
    /* .timeBookingButtons .FOYMEWC-E-m, */
    /* .timeBookingButtons .FOYMEWC-E-o, */
    /* .timeBookingButtons .FOYMEWC-E-h, */
    /* .timeBookingButtons .FOYMEWC-E-e, */
    /* .timeBookingButtons .FOYMEWC-E-l, */
    /* .timeBookingButtons .FOYMEWC-E-b, */
    /* .timeBookingButtons .FOYMEWC-E-a, */
    /* .timeBookingButtons .FOYMEWC-E-c  */
{
    background: none !important;
}

.misison-not-intime {
    color: #ff1919 !important;
}

.deleted {
    text-decoration: line-through;
}

/* Planing calender */
.planing-schedule-key {
    color: #000000;
    margin: 4px !important;
    padding: 4px !important;
    font-size: 12px;
    padding-left: 4px !important;
    padding-right: 4px !important;
    min-width: 70px;
    max-height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    overflow: visible !important;
    text-align: center;
}

.key-view .gwt-Label {
    font-size: 10px;
    margin-left: 0;
    padding: 4px;
}

.key-view {
    margin-top: 15px !important;
    margin-left: 70% !important;
}

.key-view .header {
    font-size: 10px !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}

.planingCalendar div, .planingCalendar span {
    font-size: 7pt;
}

.planingCalendar .GP34Q33H0C, .planingCalendar .GP34Q33H0C {
    padding: 4px 2px;
}

.planingCalenderHeader {
    border-bottom: 1px solid #D0D0D0;
    height: 34px;
}

.planingCalenderHeader div {
    float: left;
    display: inline;
    font-size: 8pt;
    text-align: center;
    border-right: 1px solid #d0d0d0;
    overflow: hidden;
    height: 34px;
}

.lightsGroupHeader {
    height: 20px !important;
}

.lightsGroupHeader div {
    height: 20px !important;
    float: left;
    display: inline;
    font-size: 8pt;
    text-align: center;
    border-right: 1px solid #d0d0d0;
    overflow: hidden;
}


/* Monthly journal*/
.monthlyJournal .GP34Q33LK .GP34Q33A0C
    /* , */
    /* .monthlyJournal .FOYMEWC-b-q .FOYMEWC-ab-i */
{
    font-size: 9px;
}


/* Info window */
.infoLink {
    color: #333;
    font-size: 10pt;
    padding: 0 5px;
    text-decoration: none;
}

.infoLink:hover {
    text-decoration: underline;
}

.infoWindow {
    font-size: 10pt;
}

.aboutHeadline {
    font-weight: bold;
    font-size: 12pt;
    margin: 20px 20px 10px 20px;
}

.aboutHeadlineBlue {
    font-weight: bold;
    font-size: 12pt;
    color: #3764a0;
    margin: 20px 20px 10px 20px;
}

.aboutLabel {
    font-weight: bold;
    margin: 0 18 px0 18px;
    width: 150px;
}

.aboutWarning {
    font-weight: bold;
    margin: 0 18px 0 3px;
    width: 1500px;
}

/* button */
.button {
    border: 1px solid #454A4E;
    border-radius: 5px 5px 5px 5px;
    color: #454A4E;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    line-height: 27px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 1px 8px;
    text-decoration: none;
    margin-top: 20px;
}

.button:hover {
    text-decoration: underline;
}

/* sum row for calculatedmissiontimebookings */
.sum-row {
    font-weight: bold !important;
    background-color: #EDEDED !important;
}


/* Image list view */
.imageListViewThumb {
    padding: 10px;
    border: 1px solid #fff;
    float: left;
    display: inline;
    margin: 10px 0 0 10px;
}

.imageListViewThumbOver {
    background-color: #f7f7f7;
    border: 1px dotted #ddd;
}

.imageListViewThumbSelected {
    background-color: #A1C3E3;
    border: 1px solid #4b759c;
}

.menuComoboBox {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.aggregate-row {
    font-weight: bold !important;
}

.yearlyCalenderHolidayInfo {
    border-top: 1px solid #eee;
}

.yearlyCalenderHolidayInfo td {
    padding-bottom: 10px !important;
}

/* Notify and alert messages */
.notifyMessage, .errorMessage, .warningMessage {
    background-color: #90cb57;
    border: 2px solid #6fa839;
    padding: 10px;
    color: #fff;
    font-size: 12pt;
    margin-bottom: 5px;
}

.errorMessage {
    background-color: #f22f4b;
    border: 2px solid #cc1a34;
}

.warningMessage {
    background-color: #ffc100;
    border: 2px solid #ffb600;
}

.notifyMessage {
    font-weight: bold;
}

.errorMessage b {
    padding-bottom: 6px;
    display: block;
}

.endBookingMissing {
    background-color: #f22f4b;
    padding: 5px;
    color: #fff;
    font-size: 10pt;
}

.choosable-checkbox, .choosable-checkbox input {
    width: 25px !important;
    float: left !important;
    margin-right: 5px;
}

.choosable-field {
    float: left !important;
}


.tabContent {
    margin: 0;
}

.notification img {
    width: 30px !important;
}

.ribbon-menu-container > div:nth-child(2) > div:first-child {
    background-color: #FFFFFF;
    border-color: #D0D0D0;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    overflow: hidden;
    position: relative;
}

.x-grid-cell-first .FOYMEWC-U-k,
.x-grid-cell-first .FOYMEWC-J-k,
.x-grid-cell-first .numberer {
    text-align: center;
}

.holidayEntitlementGadget svg {
    margin-top: -20px;
}

.workflow-rule .action {
    top: auto !important;
}

/* list view styles */
.listview-grid table tbody tr {
    vertical-align: middle !important;
}

.listview-grid table tbody tr .x-grid-cell-first {
    text-align: center;
}

.rows-panel > div:last-child > div:last-child {
    height: 70px !important;
}

.chart-layout .fieldset > .content {
    padding: 0 !important;
}

/* Fix max menu icon width to 16px */
img.com-sencha-gxt-theme-gray-client-menu-GrayMenuItemAppearance-GrayMenuItemStyle-menuItemIcon, img.ND5266C-N-d {
    width: 16px !important;
    height: 16px !important;
    background-size: 100% !important;
}

/* ComboBox in Grid */
.grid-combobox {
    width: 300px !important;
}

.timeZoneAlert {
    background-color: #f46b42;
    font-size: 12px;

}

/* Fix for scroll problem of grids SZ-1906 */
.com-sencha-gxt-theme-gray-client-grid-GrayGridAppearance-GrayGridStyle-cellInner {
    line-height: 14px !important;
}

.hatched {
    background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0.2) 5px, rgba(0, 0, 0, 0.2) 14px);
}

.zesi-scroll-always .com-sencha-gxt-theme-gray-client-grid-GrayGridAppearance-GrayGridStyle-scroller {
    overflow: scroll !important;
}

.grey-row {
    color: #BDBDBD;
}


.FWMA34-X-e img {

    width: 16px !important;
    height: 16px !important;
    background-size: 100% !important;

}

.zw-editable-grid > div:nth-child(2n) {
    padding-bottom: 15px;
}

.zw-spinnerfield input {
    max-height: 23px;
}

.zw-spinnerfield table td div {
    height: 11px !important;
}


.com-sencha-gxt-theme-gray-client-grid-GrayGridAppearance-GrayGridStyle-scroller {
    padding-bottom: 2px !important;
}