@font-face {
    font-family: Roboto-Medium;
    src: url("fonts/roboto/Roboto-Medium.ttf");
}

@font-face {
    font-family: Roboto-Light;
    src: url("fonts/roboto/Roboto-Light.ttf");
}

@font-face {
    font-family: RobotoCondensed-Light;
    src: url("fonts/roboto/RobotoCondensed-Light.ttf");
}

@font-face {
    font-family: RobotoCondensed-Regular;
    src: url("fonts/roboto/RobotoCondensed-Regular.ttf");
}

@font-face {
    font-family: RobotoCondensed-Bold;
    src: url("fonts/roboto/RobotoCondensed-Bold.ttf");
}

@font-face {
    font-family: Roboto-Regular;
    src: url("fonts/roboto/Roboto-Regular.ttf");
}

@font-face {
    font-family: Roboto-Bold;
    src: url("fonts/roboto/Roboto-Bold.ttf");
}

@font-face {
    font-family: RobotoCondensed-Light;
    src: url("fonts/roboto/RobotoCondensed-Light.ttf");
}

@font-face {
    font-family: RobotoCondensed-Bold;
    src: url("fonts/roboto/RobotoCondensed-Bold.ttf");
}

*:focus {
    outline: none;
}

.viewAllMessagesCommentMark {
    width: 250px;
    color: #0e9dd8;
    font-family: Roboto-Light;
    font-size: 12px;
    margin-left: 7px;
    cursor: pointer;
    cursor: hand;
    text-transform: none !important;
    padding-top: 9px;
}

.viewAllMessagesCommentMark:hover {
    width: 250px;
    color: #0e9dd8;
    font-family: Roboto-Light;
    font-size: 12px;
    margin-left: 7px;
    cursor: pointer;
    cursor: hand;
    text-transform: none !important;
    padding-top: 9px;
    text-decoration: underline;
}

.viewAllMessagesCommentMark.regular {
    font-family: Roboto-Regular;
}

.viewAllMessagesCommentMark img {
    vertical-align: -2px;
}

.viewComment {
    width: 100%;
    color: #000;
    font-family: Roboto-Regular;
    font-size: 13px;
    /*	padding-left: 15px;*/
    /*border-bottom: 1px solid #fff;*/
}

.activityButtonCommentInactive {
    font-size: 12px !important;
    color: #455b65;
    text-align: center;
    font-family: Roboto-Light;
    cursor: pointer;
    height: 20px;
    text-transform: none;
    margin-top: -8px;
    margin-left: 0px;
}

.activityButtonCommentInactive:hover {
    font-size: 12px !important;
    color: #455b65;
    text-align: center;
    font-family: Roboto-Light;
    cursor: pointer;
    height: 20px;
    text-transform: underline !important;
    margin-top: -4px;
    margin-left: 0px;
}

.activityButtonCommentActive {
    border: none;
    font-size: 12px !important;
    color: #0e9dd8;
    text-align: center;
    font-family: Roboto-Light;
    cursor: pointer;
    height: 20px;
    text-transform: none;
    margin-top: -4px;
    margin-left: 0px;
}

.activityStreamComments {
    /* background: #f8f8f8 !Important; */ /* margin-left: 12px; */
    /* margin-right: -22px; */ /*   height: 70px !important;*/
    padding-left: 20px !important;
    border: 1px solid #bbc8d0;
    margin-top: -6px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: rgba(245, 245, 245, 0.51);
}

.sendform {
    margin-right: -10px !important;
}

.taskBox .btnApprove {
    visibility: hidden;
}

.taskBox:hover .btnApprove {
    visibility: visible;
}

.msgLine {
    margin-left: 5px;
    font-family: Roboto-Regular;
    font-size: 12px !important;
    margin-top: -15px;
    text-align: justify;
    word-wrap: break-word;
    text-transform: none !important;
}

.bomMsgLine {
    margin-left: 5px;
    font-family: Roboto-Regular;
    font-size: 13px;
    color: #8f8b8b;
}

.notificationMessageBody {
    font-family: Roboto-Regular;
    font-size: 12.5px;
    line-height: 1.5;
    padding: 35px;
    min-height: 25px;
    max-height: 150px;
    overflow: auto;
    color: #455b65;
    text-transform: none !important;
}

.notificationMessageBody a {
    color: #7db342;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
}

.activityUsername {
    font-family: Roboto-Light;
    font-size: 13px;
    color: #007faa !important;
    text-transform: none !important;
}

.activityUsernameWhite {
    font-family: Roboto-Light;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8) !important;
    text-transform: none !important;
    text-decoration: underline !important;
}

a.activityUsername:hover {
    color: #007faa;
}

.activityPriorityHigh {
    color: red;
}

h1 {
    font-size: 2em;
    font-weight: bold;
    color: #999999;
    margin: 40px 0px 70px;
    text-align: center;
}

.blueTitle {
    font-family: Roboto-Medium;
    font-size: 16px;
    color: #455b65;
}

.blueTitleAssigmenst {
    font-family: Roboto-Medium;
    font-size: 16px;
    color: #455b65;
    margin-left: 20px;
    text-transform: none;
}

.greyTitle {
    font-family: Roboto-Medium;
    font-size: 15px;
    color: #455b65;
    /*padding-top: 5px;*/
    text-transform: none;
}

.greyTitleActivityStream {
    font-family: Roboto-Medium;
    font-size: 14px;
    color: #455b65;
    text-transform: none;
    padding-left: 15px !important;
    padding-top: 3px;
}

.greyTitleTask {
    font-family: Roboto-Medium;
    font-size: 14px;
    color: #455b65;
    padding-top: 5px;
    text-transform: uppercase;
    padding-left: 7px !important;
}

.greyTitleSecurity {
    font-family: Roboto-Medium;
    font-size: 14px;
    color: #455b65;
    padding-top: 5px;
    text-transform: uppercase;
    margin-top: 20px;
}

.blueTitle.leftmargin,
.greyTitle.leftmargin {
    padding-left: 15px !important;
}

.activityButton {
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    color: #777777;
    text-align: center;
    font-family: Roboto-Regular;
    font-size: 15px;
}

.ebomHover {
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: #bbc8d0;
    border-radius: 5px;
    padding: 5px !important;
    font-family: Roboto-Light;
    font-size: 12px;
    color: #455b65;
    filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.2));
}

.activityStreamTitleMargins {
    margin: 5px 10px 5px 10px;
}

.activityStreamTitleMargins1 {
    margin: 5px 10px 5px 0px;
}

.ActivitySreamTopMargin {
    margin-top: 50px !important;
}

.versionIncreased,
.versionIncreasedSelected,
.versionIncreasedDown {
    background-color: #ffe7e6;
    color: #455b65;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    border-bottom: 1px solid #dde1e3 !important;
}

.versionIncreasedOver,
.versionIncreasedSelectedOver,
.versionIncreasedDownOver {
    background-color: #ffe7e6;
    color: #455b65;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    border-bottom: 1px solid #dde1e3 !important;
}

.versionNotIncreased,
.versionNotIncreasedSelected,
.versionNotIncreasedDown {
    background-color: #eff8e9;
    color: #455b65;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    border-bottom: 1px solid #dde1e3 !important;
}

.versionNotIncreasedOver,
.versionNotIncreasedSelectedOver,
.versionNotIncreasedDownOver {
    background-color: #eff8e9;
    color: #455b65;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    border-bottom: 1px solid #dde1e3 !important;
}
/*.versionNotIncreased, .versionNotIncreasedSelected,
	.versionNotIncreasedDown, .versionNotIncreasedOver, .versionNotIncreasedSelectedOver,
	.versionNotIncreasedDownOver {
    height: 14px;
    border: 1px solid #bbc8d0;
    border-radius: 3px;
    color: #455b65;
    text-align: center;
    padding: 0px 4px 0px 4px;
    background-color: white;
    display: inline-block;
    line-height: 14px;
    font-family: Roboto-Regular,"Segoe UI",Arial, sans-serif;
    font-size: 9px;
    color: #455b65;
    text-transform: uppercase;
    line-height: 1.2em;
    width: 40px !important;
    text-align: center;
}*/
.addProjectHeader {
    size: 20px;
}

.memberDialogBody {
    visibility: hidden;
}

.inviteWindow {
    background: #f3f3f3;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciLz48c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
    background-size: 100%;
    background-image: -webkit-gradient(
        linear,
        50% 0%,
        50% 100%,
        color-stop(0%, #f3f3f3),
        color-stop(1%, #f3f3f3),
        color-stop(1%, #e6f1f8),
        color-stop(15%, #bbc8d0),
        color-stop(100%, #bbc8d0)
    );
    background-image: -webkit-linear-gradient(
        top,
        #f3f3f3 0%,
        #f3f3f3 1%,
        #e6f1f8 1%,
        #bbc8d0 15%,
        #bbc8d0 100%
    );
    background-image: -moz-linear-gradient(
        top,
        #f3f3f3 0%,
        #f3f3f3 1%,
        #e6f1f8 1%,
        #bbc8d0 15%,
        #bbc8d0 100%
    );
    background-image: -o-linear-gradient(
        top,
        #f3f3f3 0%,
        #f3f3f3 1%,
        #e6f1f8 1%,
        #bbc8d0 15%,
        #bbc8d0 100%
    );
    background-image: linear-gradient(
        top,
        #f3f3f3 0%,
        #f3f3f3 1%,
        #e6f1f8 1%,
        #bbc8d0 15%,
        #bbc8d0 100%
    );
    border: 1px solid #b5b5b5;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-box-shadow: inset #fcfcfc 0 1px 0, inset #e6f1f8 0 -1px 0,
        inset #e6f1f8 1px 0 0, inset #e6f1f8 -1px 0 0;
    -moz-box-shadow: inset #fcfcfc 0 1px 0, inset #e6f1f8 0 -1px 0,
        inset #e6f1f8 1px 0 0, inset #e6f1f8 -1px 0 0;
    box-shadow: inset #fcfcfc 0 1px 0, inset #e6f1f8 0 -1px 0,
        inset #e6f1f8 1px 0 0, inset #e6f1f8 -1px 0 0;
}

.addProjectFooter {
    border-top: 1px solid #bbc8d0;
}

.margin_right {
    margin-left: 10px;
}

.topInputLabel,
.topInputLabelOver,
.topInputLabelFocused,
.topInputLabelPressed,
.topInputLabelDisabled {
    font-family: Roboto-Light;
    font-size: 13px;
    color: #899ca6;
    text-transform: none !important;
}

.topInputLabelInvisible,
.topInputLabelInvisibleOver,
.topInputLabelInvisibleFocused,
.topInputLabelInvisiblePressed {
    font-family: Roboto-Regular, sans-serif;
    font-weight: bolder;
    font-size: 12px;
    color: #fff;
    opacity: 0;
}

.btnLightBlue {
    padding: 0px 2px;
    margin-top: 4px;
    line-height: 1.3em !important;
    text-align: left !important;
    min-height: 26px;
    float: left;
    color: #455b65;
    background-color: #fff;
    border: 1px solid #455b65;
    border-radius: 3px;
    font-family: Roboto-Regular, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 0.8em;
}

.btnLightGrayDisabled {
    padding: 0px 2px;
    margin-top: 4px;
    line-height: 1.3em !important;
    text-align: left !important;
    min-height: 26px;
    float: left;
    color: #909090;
    background-color: #fff;
    border: 1px solid #909090;
    border-radius: 3px;
    font-family: Roboto-Regular, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 0.8em;
}

.btnLightGrayDisabledOver,
.btnLightGrayDisabledSelected,
.btnLightGrayDisabledDown {
    padding: 0px 2px;
    margin-top: 4px;
    line-height: 1.3em !important;
    text-align: left !important;
    min-height: 26px;
    float: left;
    color: #939393;
    background-color: #fff;
    border: 1px solid #909090;
    border-radius: 3px;
    font-family: Roboto-Regular, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 0.8em;
}

.btnLightBlueOver,
.btnLightBlueSelected,
.btnLightBlueDown {
    padding: 0px 2px;
    margin-top: 4px;
    line-height: 1.3em !important;
    text-align: left !important;
    min-height: 26px;
    float: left;
    color: #085385;
    background-color: #fff;
    border: 1px solid #085385;
    border-radius: 3px;
    font-family: Roboto-Regular, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 0.8em;
}

.btnLightBlueOver,
.btnLightBlueDown {
    border-color: #8f8b8b;
}

.btnAddMemeber {
    margin-left: 40px;
    /*background-image: url("images/plusIcon.png");
	background-repeat: no-repeat;*/
}

.btnAddMemeberOver,
.btnAddMemeberSelected,
.btnAddMemeberDown {
    /*background-image: url("images/plusIconHover.png");
	background-repeat: no-repeat;
	padding-top:2px;*/
}

.btnAddProjectStyle {
    margin-right: 50px;
}

.plusIcon {
}

.messageUsername {
    font-size: 12.5px;
    font-family: Roboto-Regular !important;
    color: #455b65 !important;
}

.messageTimeDate {
    font-size: 12px !important;
    font-family: Roboto-Regular !important;
    color: #939598 !important;
}

.calendarGrid {
    font-family: Roboto-Regular;
    border-bottom: 1px solid #bbc8d0;
    border-right: 1px solid #bbc8d0;
}

.listGrid .labelColumn {
    font-family: Roboto-Regular;
    border: none !important;
    background: white;
    color: #bbc8d0;
}

.listGrid .headerButton,
.listGrid .headerButtonOver,
.listGrid .headerButtonSelected,
.listGrid .headerButtonDown,
.listGrid .headerButtonFocused {
    font-family: RobotoCondensed-Regular;
    font-size: 11px;
    border-bottom: 1px solid #bbc8d0 !important;
    border-right: 1px solid #ffffff !important;
    background-color: #ffffff;
    text-transform: none !important;
    color: #999999;
    padding: 0px 2px;
    text-align: center;
}

/*.listGrid div[role="toolbar"] {
	border-bottom: 1px solid #bbc8d0 !important;
}*/

.headerButton,
.headerButtonOver,
.headerButtonSelected,
.headerButtonSelectedOver {
    /*vertical-align: bottom !important;*/
}

.headerButtonOver,
.headerButtonSelected,
.headerButtonDown,
.headerButtonSelectedOver {
    background-color: #eceff0 !important;
}

.headerButton {
    background-color: #f9f9f9 !important;
}

.listGrid {
    border: none !important;
}

.calMonthDayHeaderStyle,
.calMonthDayHeaderStyleSelected,
.calMonthDayHeaderStyleSelectedOver,
.calMonthDayHeaderStyleOver {
    background-color: #ffffff;
    color: #bbc8d0;
    font-family: Roboto-Bold;
    font-size: 18px;
    border-right: 1px solid #bbc8d0;
    border-bottom: 1px solid white;
}

.calMonthDayHeaderOtherDayStyle,
.calMonthDayHeaderOtherDayStyleSelected,
.calMonthDayHeaderOtherDayStyleOver,
.calMonthDayHeaderOtherDayStyleSelectedOver {
    background-color: #f5f5f5;
    color: #bbc8d0;
    font-family: Roboto-Bold;
    font-size: 18px;
    border-right: 1px solid #bbc8d0;
    border-bottom: 1px solid #f5f5f5;
    border-left: 1px solid #cbe1f0;
}

.calMonthDayHeaderStyleSelected,
.calMonthDayHeaderStyleSelectedOver,
.calMonthDayHeaderStyleOver,
.calMonthDayHeaderOtherDayStyleSelected,
.calMonthDayHeaderOtherDayStyleOver,
.calMonthDayHeaderOtherDayStyleSelectedOver {
    color: #000000;
    border-right: 1px solid #bbc8d0;
    border-bottom: 1px solid #cbe1f0;
    border-left: 1px solid #cbe1f0;
}

.calMonthDayBodyStyle,
.calMonthDayBodyStyleOver,
.calMonthDayBodyStyleSelectedOver,
.calMonthDayBodyStyleSelected {
    background-color: #ffffff;
    border-bottom: 1px solid #bbc8d0;
    border-right: 1px solid #bbc8d0;
}

.calMonthDayBodyStyleOver,
.calMonthDayBodyStyleSelectedOver,
.calMonthDayBodyStyleSelected,
.calMonthDayHeaderStyleSelected,
.calMonthDayHeaderStyleSelectedOver,
.calMonthDayHeaderStyleOver {
    color: #000000;
    background-color: #f3f3f3;
}

.calMonthOtherDayBodyStyle,
.calMonthOtherDayBodyStyleOver,
.calMonthOtherDayBodyStyleSelectedOver,
.calMonthOtherDayBodyStyleSelected {
    background-color: #f5f5f5;
    border-bottom: 1px solid #bbc8d0;
    border-right: 1px solid #bbc8d0;
}

.calMonthOtherDayBodyStyleOver,
.calMonthOtherDayBodyStyleSelectedOver,
.calMonthOtherDayBodyStyleSelected,
.calMonthDayHeaderOtherDayStyleSelected,
.calMonthDayHeaderOtherDayStyleOver,
.calMonthDayHeaderOtherDayStyleSelectedOver {
    background-color: #e5e5e5;
    color: #fff !important;
}

.calendarMembersTimeDate {
    color: #939393;
    font-size: 10px;
    font-family: Arial, Verdana, sans-serif;
}

.calendarDate {
    font-family: Roboto-Light;
    font-size: 14px;
    font-weight: none !important;
    margin-bottom: 8px !important;
    color: #455b65;
    padding-top: 4px !important;
    padding-bottom: 8px;
    text-transform: none;
}

div[eventproxy="mcalendar_controlsBar"] {
    margin-top: 1px !important;
}

.eventHoverStyle,
.eventHoverStyleOver {
    border: 1pt solid black;
    background-color: #a0a0a0;
}

a.calMonthEventLink:link {
    overflow: scroll;
    background-color: #84b9dc !important;
    width: 100% !important;
    border-radius: 6px !important;
    padding-right: 15px;
    padding-left: 15px;
    font-family: Roboto-Regular;
    font-size: 12px;
    color: white !important;
    margin-left: 10px;
    margin-right: 10px;
}

a.calMonthEventLink:visited {
    background-color: #84b9dc !important;
    border-radius: 6px !important;
    color: white !important;
}

.blueEvent {
    background-color: #455b65;
    border-radius: 10px;
    color: white;
    text-align: center;
    font-family: Roboto-Regular;
    font-size: 14px;
    border: 1px solid white;
    min-width: 50px;
    min-height: 18px;
}

.greenEvent {
    background-color: #7db342;
    border-radius: 10px;
    color: white;
    text-align: center;
    font-family: Roboto-Regular;
    font-size: 14px;
    border: 1px solid white;
    min-width: 50px;
    min-height: 18px;
}

.redEvent {
    background-color: #ef4136;
    border-radius: 10px;
    color: white;
    text-align: center;
    font-family: Roboto-Regular;
    font-size: 14px;
    border: 1px solid white;
    min-width: 50px;
    min-height: 18px;
}

a.blueEventMonth:link,
a.blueEventMonth:visited {
    background-color: #ffffff;
    border: 1pt solid #455b65;
    border-radius: 50px;
    color: #455b65 !important;
    text-align: left;
    font-family: Roboto-Regular;
    font-size: 14px;
    padding: 2px 2px 2px 10px;
    padding-top: 2px;
    padding-right-value: 2px;
    padding-bottom: 2px;
    padding-left-value: 10px;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
    margin: 2px 20px 2px 2px;
    margin-top: 2px;
    margin-right-value: 20px;
    margin-bottom: 2px;
    margin-left-value: 2px;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
    margin-right-ltr-source: physical;
    margin-right-rtl-source: physical;
    text-decoration: none;
    display: block;
    /*width:195px;*/
    height: 18px;
    margin: 2px;
    text-transform: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.greenEventMonth:link,
a.greenEventMonth:visited {
    background-color: #fff;
    border-radius: 50px;
    border: 1px solid #7db342;
    color: #455b65 !important;
    text-align: left;
    font-family: Roboto-Regular;
    font-size: 14px;
    padding: 2px 2px 2px 10px;
    padding-top: 2px;
    padding-right-value: 2px;
    padding-bottom: 2px;
    padding-left-value: 10px;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
    margin: 2px 20px 2px 2px;
    margin-top: 2px;
    margin-right-value: 20px;
    margin-bottom: 2px;
    margin-left-value: 2px;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
    margin-right-ltr-source: physical;
    margin-right-rtl-source: physical;
    text-decoration: none;
    display: block;
    /*width:195px;*/
    height: 18px;
    margin: 2px;
    text-transform: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.redEventMonth:link,
a.redEventMonth:visited {
    background-color: #ffffff;
    border-radius: 50px;
    border: 1px solid #ef4136;
    color: #455b65 !important;
    text-align: left;
    font-family: Roboto-Regular;
    font-size: 14px;
    padding: 2px 2px 2px 10px;
    padding-top: 2px;
    padding-right-value: 2px;
    padding-bottom: 2px;
    padding-left-value: 10px;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
    margin: 2px 20px 2px 2px;
    margin-top: 2px;
    margin-right-value: 20px;
    margin-bottom: 2px;
    margin-left-value: 2px;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
    margin-right-ltr-source: physical;
    margin-right-rtl-source: physical;
    text-decoration: none;
    display: block;
    /*width:195px;*/
    height: 18px;
    margin: 2px;
    text-transform: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendarDay a:hover {
    font-family: Roboto-Medium;
    font-size: 14px;
    color: #bbc8d0;
    float: right;
    margin-right: 2px;
}

a.calendarDay:hover {
    font-family: Roboto-Medium;
    font-size: 14px;
    color: #bbc8d0;
    float: right;
    margin-right: 2px;
}

.calendarDay {
    font-family: Roboto-Medium;
    font-size: 14px;
    color: #bbc8d0;
    float: right;
    margin-right: 2px;
}

.calMonthDayBodyStyleSelected .calendarDay,
.calMonthDayBodyStyleOver .calendarDay,
.calMonthDayBodyStyleFocused .calendarDay,
.calMonthDayBodyStyleSelectedOver .calendarDay {
    color: #455b65;
}

.calendarMembersUsername {
    font-size: 11px;
    font-family: Roboto-Regular;
}

.activityStreamLabel {
    font-size: 15px;
    color: #1a74ba;
    padding: 5px;
}

.searchResult {
    padding-right: 5px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 10px;
}

.searchResultLabel {
    font-size: 15px;
    color: #1a74ba;
}

.messageError {
    color: #be4600;
    margin-left: 7%;
}

.messageInfo {
    color: #46be00;
    margin-left: 7%;
}

.messageWarning {
    color: #ff9600;
    margin-left: 7%;
}

.messageJira {
    margin-left: 7%;
}

.sendButton {
    display: block;
    font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
    width: 400px;
}

.dialogVPanel {
    margin: 5px;
}

.serverResponseLabelError {
    color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
    margin: 15px 6px 6px;
}

.iconRightBottomUpBorder {
    background-image: linear-gradient(white, #828282);
    background-size: 1px 100%;
    background-position: 100%, 0, 0, 0;
    background-repeat: no-repeat;
    border-left: 0px;
}

.iconRightBottomUpBorder1 {
    background-image: url("images/headerLogoBackground.png");
    background-repeat: repeat-x;
    /* 	background-image: linear-gradient(white, #828282); */
    /* 	background-size: 1px 100%; */
    /* 	background-position: 100%, 0, 0, 0; */
    /* 	background-repeat: no-repeat; */
    /* 	border-left: 0px; */
}

/* .bord { */
/* 	width: 2px; */
/* 	border-bottom: 1px solid #828282; */
/* 	background-image: linear-gradient(white, #828282); */
/* 	background-size: 1px 100%; */
/* 	background-position: 100%, 0, 0, 0; */
/* 	background-repeat: no-repeat; */
/* 	border-left: 0px; */
/* } */
/* .bord1 { */
/* 	border-bottom: 1px solid #828282; */
/*     box-shadow: 0 4px 14px 0px #828282;   */
/* } */
.subMenuStyle {
    background-image: url("images/subMenuBackground.png");
    background-repeat: repeat-x;
    border-bottom: 1px solid #d0d0d0;
}

.subMenuStyleIcon {
    background-image: linear-gradient(#828282, #d0d0d0);
    background-size: 1px 100%;
    background-position: 100%, 0, 0, 0;
    background-repeat: no-repeat;
}

.meetingStylePic {
    height: 28px;
    width: 30px;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
}

.meetingStyle,
.meetingStyleSelected,
.meetingStyleDisabled,
.meetingStyleDown {
    background-image: linear-gradient(#828282, #d0d0d0);
    background-size: 1px 100%;
    background-position: 100%, 0, 0, 0;
    background-repeat: no-repeat;
    height: 28px;
    width: 30px;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
}

.meetingStyleOver {
    background-image: url("images/subMenuBackgroundPressed.png");
    background-repeat: repeat-x;
}

.moveDeleteButtonRight {
    padding-left: 5px;
    height: 25px;
}

.subMenuStyleIconPressed {
    background-image: url("images/subMenuBackgroundPressed.png");
    background-repeat: repeat-x;
}

.clStyle {
    border-bottom: 1px solid #bbc8d0;
    border-right: 2px dotted #bbc8d0;
}

.clStyle1 {
    margin-top: 20px;
    /*border-bottom: 1px solid #bbc8d0;*/
    border-bottom: 1px solid #bbc8d0;
}

.clStyle1UnderlineSecond {
    position: relative;
    margin-top: 10px !important;
    border-bottom: 1px solid #bbc8d0;
}

.clStyle1UnderlineSecond:before {
    margin-top: 10px;
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 80%;
    bottom: -1px;
    border-bottom: 1px solid #007faa;
}

.clStyle1Underline {
    position: relative;
    margin-top: 10px;
    border-bottom: 1px solid #bbc8d0;
}

.clStyle1Underline:before {
    margin-top: 10px;
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 80%;
    bottom: -1px;
    border-bottom: 1px solid #007faa;
}

.clStyle1UnderlineLonger {
    position: relative;
    margin-top: 10px !important;
    border-bottom: 1px solid #bbc8d0;
}

.clStyle1UnderlineLongerMozilla {
    position: relative;
    margin-top: 10px !important;
    top: -10px !important;
    border-bottom: 1px solid #bbc8d0;
}

.clStyle1UnderlineLongerChrome {
    position: relative;
    margin-top: 15px !important;
    top: -10px !important;
    border-bottom: 1px solid #bbc8d0;
}
.clStyle1UnderlineLongerChrome:before {
    margin-top: 15px !important;
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 70%;
    bottom: -1px;
    border-bottom: 1px solid #007faa;
}

.clStyle1UnderlineLonger:before {
    margin-top: 10px;
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 70%;
    bottom: -1px;
    border-bottom: 1px solid #007faa;
}

@-moz-document url-prefix() {
    .clStyle1UnderlineLonger:before {
        margin-top: 10px;
        content: " ";
        position: absolute;
        z-index: 2;
        top: 0px;
        left: 0px;
        right: 70%;
        bottom: 0px;
        border-bottom: 1px solid #007faa;
    }
}

.clStyle1UnderlineEbomDocuments {
    position: relative;
    margin-top: 5px !important;
    border-bottom: 1px solid #bbc8d0;
}

.clStyle1UnderlineEbomDocuments:before {
    margin-top: 10px;
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 70%;
    bottom: -1px;
    border-bottom: 1px solid #007faa;
}

.clStyle1UnderlineEbomMarkup {
    position: relative;
    margin-top: 5px !important;
    border-bottom: 1px solid #bbc8d0;
}

.clStyle1UnderlineEbomMarkup:before {
    margin-top: 8px;
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 70%;
    bottom: -1px;
    border-bottom: 1px solid #007faa;
}

.clStyle1UnderlineEbomWhereUserd {
    position: relative;
    margin-top: 5px !important;
    border-bottom: 1px solid #bbc8d0;
    width: 100%!important;
}

.clStyle1UnderlineEbomWhereUserd:before {
    margin-top: 10px;
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 70%;
    bottom: -1px;
    border-bottom: 1px solid #007faa;
}

.clStyle1UnderlineEbomCategorization {
    position: relative;
    margin-top: 5px !important;
    border-bottom: 1px solid #bbc8d0;
}

.clStyle1UnderlineSmall {
    position: relative;
    margin-top: -8px !important;
    border-bottom: 1px solid #bbc8d0;
}

.clStyle1UnderlineSmall:before {
    margin-top: 10px;
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 70%;
    bottom: -1px;
    border-bottom: 1px solid #007faa;
}

.clStyle1UnderlineLongerFile {
    position: relative;
    margin-top: 5px !important;
    border-bottom: 1px solid #bbc8d0;
}

.clStyle1UnderlineLongerFile:before {
    margin-top: 10px;
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 70%;
    bottom: -1px;
    border-bottom: 1px solid #007faa;
}

.clStyle1UnderlineLongerEbomMarkup {
    position: relative;
    margin-top: 5px !important;
    border-bottom: 1px solid #bbc8d0;
}

.clStyle1UnderlineLongerEbomMarkup:before {
    margin-top: 5px;
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 70%;
    bottom: -1px;
    border-bottom: 1px solid #007faa;
}

.clStyle1UnderlineLongerActivityD {
    position: relative;
    margin-top: 0px !important;
    border-bottom: 1px solid #bbc8d0;
}

.clStyle1UnderlineLongerActivityD:before {
    margin-top: 0px;
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 70%;
    bottom: -1px;
    border-bottom: 1px solid #007faa;
}

.clStyle1UnderlineLongerFileD {
    position: relative;
    margin-top: 5px !important;
    border-bottom: 1px solid #bbc8d0;
}

.clStyle1UnderlineLongerFileD:before {
    margin-top: 5px;
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 70%;
    bottom: -1px;
    border-bottom: 1px solid #007faa;
}

.subheader_style {
    position: relative;
    margin-top: 10px;
    border-bottom: 1px solid #bbc8d0;
}

.subheader_style:before {
    margin-top: 10px;
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 80%;
    bottom: -1px;
    border-bottom: 1px solid #233c5b;
}

.subheader_clean {
    position: relative;
    margin-top: 10px;
    border-bottom: 1px solid #bbc8d0;
}

.clStyleIssue {
    margin-top: 0px;
    /*border-bottom: 1px solid #bbc8d0;*/
    border-bottom: 1px solid #bbc8d0;
}

.clStyle2 {
    margin-top: 1px !important;
    /*border-bottom: 1px solid #bbc8d0;*/
    border-bottom: 1px solid #bbc8d0;
    margin-left: 18px !important;
}

.clStyle3 {
    /*border-bottom: 1px solid #bbc8d0;*/
    border-bottom: 1px solid #bbc8d0;
    margin-left: 18px !important;
}

.txt1 {
    font-size: 12px;
    color: gray;
}

.txt2 {
    font-size: 10px;
    color: gray;
}

.searchIcon,
.searchIconFocused {
    border: 0px;
    visibility: hidden;
}

.searchText,
.searchTextFocused {
    border: 0px;
    color: 20344d !important;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    color: #455b65;
}

.searchTextHint {
    border: 0px;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    color: #455b65;
}

/* .searchStyle { */
/* 	width: 2px; */
/* 	border-bottom: 1px solid #828282; */
/* 	background-image: linear-gradient(white, #828282); */
/* 	background-size: 1px 100%; */
/* 	background-position: 100%, 0, 0, 0; */
/* 	background-repeat: no-repeat; */
/* 	border-left: 0px; */
/* } */
/* .searchBox, .searchBoxHint, .searchBoxFocused{ */
/* 	border-radius:5px; */
/* 	margin-top: 10px; */
/* } */
.cloudTxt {
    padding-top: 5px;
}

.moveToLeft {
    margin-left: 20px;
}

.buttonSelect {
    padding-top: 20px;
    padding-left: 250px;
    color: gray;
}

.headerTxt {
    font-size: 10px;
}

.btnStyle {
    margin-left: 5px;
    font-size: 10px;
}

.accItem {
    color: #1a74ba;
    font-size: 10px;
    padding-top: 5px;
}

.AccountheaderStyle {
    padding-left: 15px;
    border-bottom: 1px solid #bbc8d0;
    color: gray;
}

.accountLayoutStyle {
    padding-left: 10px;
    border-bottom: 1px solid #bbc8d0;
}

.accountLayoutSpaceStyle {
    border-bottom: 1px solid #bbc8d0;
    background-color: #fcfcfc;
}

.selectFilesToShareStyle {
    padding-left: 10px;
}

.centerTable {
    border-right: 1px solid #bbc8d0;
    border-bottom: 1px solid #bbc8d0;
}

.dragBoxStyle {
    border: 1px dashed #bbc8d0;
    margin-top: 10px;
}

.selectBtn2 {
    margin-left: 35px;
}

.leftMenuStyle {
    border-right: 1px solid #bbc8d0;
    border-bottom: 1px solid #bbc8d0;
}

.leftMenuStyle1 {
    border-right: 1px solid #bbc8d0;
    border-bottom: none;
    background-image: linear-gradient(90deg, #bbc8d0, transparent),
        linear-gradient(90deg, #bbc8d0, transparent);
    background-size: 80% 1px;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
}

.projectHeaderStyle {
    font-size: 15px;
    color: #1a74ba;
    text-shadow: none;
    background-color: #f3f3f3;
    background-image: -webkit-linear-gradient(top, #f3f3f3 20%, white 100%);
    background-image: linear-gradient(to bottom, #f3f3f3 20%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3',
		endColorstr='#ececec', GradientType=0);
    border-color: #f3f3f3;
    border-color: rgba(0, 0, 0, 0.3);
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.4);
    border-left-color: #cacaca;
    border-radius: 5px;
    box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.7),
        0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: border linear 0.15s, box-shadow linear 0.15s,
        color linear 0.2s;
    transition: border linear 0.15s, box-shadow linear 0.15s, color linear 0.2s;
}

.listBorderStyle {
    background-image: -webkit-gradient(
        linear,
        0 0,
        0 100%,
        from(#bbc8d0),
        to(transparent)
    );
    background-image: -webkit-linear-gradient(180deg, #bbc8d0, transparent),
        -webkit-linear-gradient(180deg, #bbc8d0, transparent);
    background-image: -moz-linear-gradient(180deg, #bbc8d0, transparent),
        -moz-linear-gradient(180deg, #bbc8d0, transparent);
    background-image: -o-linear-gradient(180deg, #bbc8d0, transparent),
        -o-linear-gradient(180deg, #bbc8d0, transparent);
    background-image: linear-gradient(90deg, #bbc8d0, transparent),
        linear-gradient(90deg, #bbc8d0, transparent);
    -moz-background-size: 100% 1px;
    background-size: 80% 1px;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
}

.listBorderStyleSelected {
    padding: 2px;
    background-image: -webkit-gradient(
        linear,
        0 0,
        0 100%,
        from(#bbc8d0),
        to(transparent)
    );
    background-image: -webkit-linear-gradient(180deg, #bbc8d0, transparent),
        -webkit-linear-gradient(180deg, #bbc8d0, transparent);
    background-image: -moz-linear-gradient(180deg, #bbc8d0, transparent),
        -moz-linear-gradient(180deg, #bbc8d0, transparent);
    background-image: -o-linear-gradient(180deg, #bbc8d0, transparent),
        -o-linear-gradient(180deg, #bbc8d0, transparent);
    background-image: linear-gradient(90deg, #bbc8d0, transparent),
        linear-gradient(90deg, #bbc8d0, transparent);
    -moz-background-size: 100% 1px;
    background-size: 80% 1px;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
}

.listBorderStyleOver {
    padding: 2px;
    background-image: -webkit-gradient(
        linear,
        0 0,
        0 100%,
        from(#fbfbfb),
        to(transparent)
    );
    background-image: -webkit-linear-gradient(180deg, #fbfbfb, transparent),
        -webkit-linear-gradient(180deg, #fbfbfb, transparent);
    background-image: -moz-linear-gradient(180deg, #fbfbfb, transparent),
        -moz-linear-gradient(180deg, #fbfbfb, transparent);
    background-image: -o-linear-gradient(180deg, #fbfbfb, transparent),
        -o-linear-gradient(180deg, #fbfbfb, transparent);
    background-image: linear-gradient(90deg, #fbfbfb, transparent),
        linear-gradient(90deg, #fbfbfb, transparent);
    -moz-background-size: 100% 1px;
    background-size: 100%;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
}

.buttonUpgrade,
.buttonUpgradeOver,
.buttonUpgradeDown {
    border-radius: 5px;
    background-color: #cbe2f1;
    color: #1a74ba;
    height: 9px;
    font-size: 7px;
    font-weight: bold;
    padding-top: 5px;
}

.smallIconStyle {
    margin-left: 670px;
    margin-top: 6px;
}

.leftListStyle {
    margin-left: 30px;
    padding: 2px;
    background-image: -webkit-gradient(
        linear,
        0 0,
        0 100%,
        from(transparent),
        to(#bbc8d0)
    );
    background-image: -webkit-linear-gradient(180deg, transparent, #bbc8d0),
        -webkit-linear-gradient(180deg, transparent, #bbc8d0);
    background-image: -moz-linear-gradient(180deg, transparent, #bbc8d0),
        -moz-linear-gradient(180deg, transparent, #bbc8d0);
    background-image: -o-linear-gradient(180deg, transparent, #bbc8d0),
        -o-linear-gradient(180deg, transparent, #bbc8d0);
    background-image: linear-gradient(90deg, transparent, #bbc8d0),
        linear-gradient(90deg, transparent, #bbc8d0);
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
    background-position: 0 100%, 0 100%;
    background-repeat: no-repeat;
}

.leftListStyleSelected {
    background-image: -webkit-gradient(
        linear,
        0 0,
        0 100%,
        from(#fbfbfb),
        to(transparent)
    );
    background-image: -webkit-linear-gradient(180deg, #fbfbfb, transparent),
        -webkit-linear-gradient(180deg, #fbfbfb, transparent);
    background-image: -moz-linear-gradient(180deg, #fbfbfb, transparent),
        -moz-linear-gradient(180deg, #fbfbfb, transparent);
    background-image: -o-linear-gradient(180deg, #fbfbfb, transparent),
        -o-linear-gradient(180deg, #fbfbfb, transparent);
    background-image: linear-gradient(90deg, #fbfbfb, transparent),
        linear-gradient(90deg, #fbfbfb, transparent);
    -moz-background-size: 100% 1px;
    background-size: 100%;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
}

.leftListStyleOver {
    padding: 2px;
    background-image: -webkit-gradient(
        linear,
        100% 0,
        0 100%,
        from(#fbfbfb),
        to(transparent)
    );
    background-image: -webkit-linear-gradient(180deg, transparent, #fbfbfb),
        -webkit-linear-gradient(180deg, transparent, #fbfbfb);
    background-image: -moz-linear-gradient(180deg, transparent, #fbfbfb),
        -moz-linear-gradient(180deg, transparent, #fbfbfb);
    background-image: -o-linear-gradient(180deg, transparent, #fbfbfb),
        -o-linear-gradient(180deg, transparent, #fbfbfb);
    background-image: linear-gradient(90deg, transparent, #fbfbfb),
        linear-gradient(90deg, transparent, #fbfbfb);
    -moz-background-size: 100% 1px;
    background-size: 100%;
    background-position: 100% 0, 100% 0;
    background-repeat: no-repeat;
}

.workfTabStyle {
    width: 2px;
    background-image: linear-gradient(#bbc8d0, white);
    background-size: 1px 100%;
    background-position: 100%, 0, 0, 0;
    background-repeat: no-repeat;
    /*     box-shadow: 0px 4px 14px 0px #828282; */
    border-left: 0px;
}

.workfTabStyle1 {
    /* 	 */
    background-image: linear-gradient(#fbfdff, white);
    background-size: 100%;
    background-position: 100%, 0, 0, 0;
    background-repeat: no-repeat;
    /*     box-shadow: 0px 4px 14px 0px #828282; */
    border-left: 0px;
}

.leftLabelStyle {
    background-image: linear-gradient(#bbc8d0, white);
    background-size: 1px 100%;
    background-position: 0, 100%, 0, 0;
    background-repeat: no-repeat;
    /*     box-shadow: 0px 4px 14px 0px #828282; */
    border-left: 0px;
}

.wfLeftStyle {
    padding-top: 10px;
    margin-bottom: 10px;
    border-right: 10px;
    border-radius: 5px;
}

.txtStyle {
    font-weight: bold;
    font-style: italic;
}

.box1 {
    padding: 10px;
    border: 1px solid gray;
    border-radius: 3px;
    margin-left: 10px;
}

.createCanCheckDocStyle {
    padding: 10px;
    border: 1px solid gray;
    border-radius: 3px;
    margin-left: 10px;
    background-image: linear-gradient(#fbfdff, white);
    background-size: 100%;
    background-position: 100%, 0, 0, 0;
    background-repeat: no-repeat;
}

.createCanAddNewStyle {
    padding: 10px;
    border: 1px dashed gray;
    border-radius: 2px;
    margin-left: 10px;
    background-image: linear-gradient(#fbfdff, white);
    background-size: 100%;
    background-position: 100%, 0, 0, 0;
    background-repeat: no-repeat;
}

.controlStyle,
.controlStyleOver,
.controlStyleSelected,
.controlSyleFocused {
    border-style: none;
    width: 10px;
    /* 	width:10px !important; */
}

/*#707070,#919191*/
.grayCounterStyle {
    color: white;
    font-weight: bold;
    border-radius: 8px;
    background: -webkit-linear-gradient(180deg, #919191, #707070);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(180deg, #919191, #707070);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(180deg, #919191, #707070);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(180deg, #919191, #707070);
    /* Standard syntax (must be last) */
}

.listWfStyle {
    padding: 2px;
}

.listWfStyleSelected {
    background-color: #707070;
    color: white;
}

.headerTxt1 {
    font-weight: bold;
    font-style: italic;
}

.projectLabelNameStyle {
    font-size: 15px;
    color: #1a74ba;
}

.testStyle {
    margin-top: 30px;
    margin-left: 35px;
}

.txtAreaEditorStyle {
    border: 0px;
}

.btnSendStyle {
    text-align: center;
    border: 1px solid gray;
    font-size: 1em;
    border-radius: 8px;
    background-image: linear-gradient(#fbfdff, white);
    background-size: 100%;
    background-position: 100%, 0, 0, 0;
    background-repeat: no-repeat;
}

.btnSendStyleOver,
.btnSendStyleDown {
    border: 1px solid gray;
    font-size: 1em;
    color: gray;
    border-radius: 8px;
    background-image: linear-gradient(#fbfdff, white);
    background-size: 100%;
    background-position: 100%, 0, 0, 0;
    background-repeat: no-repeat;
}

.btnTextStyle {
    vertical-align: middle;
    padding-bottom: 2px;
    color: red;
}

.hrStyle {
    border: 0;
    border-top: 2px solid #bbc8d0;
    margin: 1em 0;
    padding: 0;
}

.picResize {
    height: 25px;
    width: 25px;
}

.viewMsg {
    color: #3d3c40;
    font-family: sans-serif;
    font-size: 15px;
}

.messageHeight1 {
    width: 400px !important;
}

.viewMsgOver {
    color: red;
    font-family: sans-serif;
    font-size: 15px;
}

.notesStyle,
.notesStyleFocused {
    overflow: auto;
    padding: 15px;
    border: 1px solid #bbc8d0;
    background-image: url("images/stickyBack3.PNG");
    background-repeat: repeat-x;
    box-shadow: 5px 5px 6px #565051;
    font-family: arial;
    font-size: 17px;
}

.moveRight {
    margin-left: 25px;
}

.memberName {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.memberJoined {
    color: #939393;
}

.teamMemberStyle {
    border-top: 1px solid #bbc8d0;
}

/*LOGIN*/
.container {
    padding-top: 240px;
}

.df_style {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.21);
}

.df_style_reg {
    margin-top: 225px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.21);
}

.logo_layout_registration {
    padding-top: 35px;
}

.btnprimary {
    color: #455b65;
    font-family: Roboto-Regular, sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    background-color: #ffffff;
    border: 1px solid #455b65 !important;
    border-radius: 25px;
    text-transform: none !important;
}

.btnprimaryOver {
    color: #fff;
    font-family: Roboto-Regular, sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    background-color: #455b65;
    border: 1px solid #455b65 !important;
    border-radius: 25px;
    text-transform: none !important;
}

.btnprimaryDown {
    color: #fff;
    font-family: Roboto-Regular, sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    background-color: #455b65;
    border: 1px solid #455b65 !important;
    border-radius: 25px;
    text-transform: none !important;
}

.btnprimaryLogin,
.btnprimaryLoginOver {
    color: #455b65;
    font-family: Roboto-Regular, sans-serif;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    background-color: #ffffff;
    border: 1px solid #455b65 !important;
    border-radius: 25px;
    text-transform: none !important;
}

.buttons_set {
    color: #939598;
    /*text-shadow: none;
	background-color: #f3f3f3;
	background-image: -webkit-linear-gradient(top, #fff 20%, #ececec 100%);
	background-image: linear-gradient(to bottom, #fff 20%, #ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
		endColorstr='#ececec', GradientType=0);
	border-color: #a8a8a8;
	border-color: rgba(0, 0, 0, 0.3);
	border-top-color: rgba(0, 0, 0, 0.2);
	border-bottom-color: rgba(0, 0, 0, 0.4);
	border-left-color: #cacaca;
	border-radius: 3px;
	box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.7), 0 1px 1px
		rgba(0, 0, 0, 0.1);
	-webkit-transition: border linear .15s, box-shadow linear .15s, color
		linear .2s;
	transition: border linear .15s, box-shadow linear .15s, color linear .2s;*/
    border-top: 1px solid #e6f1f8;
    text-transform: none;
    font-family: Roboto-Regular, sans-serif;
    font-size: 12.5px;
    color: #999999;
}

.buttons_setOver {
    font-family: Roboto-Regular, sans-serif;
    font-size: 12.5px;
    color: #999999;
    text-transform: none;
    border-top: 1px solid #e6f1f8;
}

.buttons_setDown {
    font-family: Roboto-Regular, sans-serif;
    font-size: 12.5px;
    color: #999999;
    text-transform: none;
    border-top: 1px solid #e6f1f8;
    text-transform: none !important;
}

.filesImg {
    width: 22px;
    height: 22px;
    margin: 6px 6px 2px 2px;
}

.filesPublishImg {
    visibility: inherit;
}

.filesPublishImgActive {
    visibility: visible;
}

.filesFavoriteImg {
    visibility: inherit;
}

.filesFavoriteImgActive {
    visibility: visible;
}

.filesLinksImg {
    visibility: inherit;
}

.filesLinksImgActive {
    visibility: visible;
}

.filesWatchImg {
    visibility: inherit;
}

.filesWatchImgActive {
    visibility: visible;
}

.filesFunctions {
    text-align: center;
    visibility: hidden;
}

.filesFunctionsVisible {
    text-align: center;
    visibility: visible;
}

.btnTxt {
    color: #455b65;
    font-family: Roboto-Regular, sans-serif;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    background-color: #ffffff !important;
    border: 1px solid #455b65 !important;
    border-radius: 25px;
    text-transform: none !important;
}

.memberListBaseSyle,
.memberListBaseSyleFocused,
.memberListBaseSyleSelected {
    border: none;
}

.calendarSelectedDay {
    /*background-color: #455b65;*/
    background-color: #f3f3f3;
    margin-left: 20px;
    margin-top: 20px;
    border: 1px solid #f0f0f0;
}

.eventListRecord {
    font-family: Roboto-Regular !important;
    font-size: 12.5px !important;
    color: #8f8b8b;
    text-transform: none !important;
}

.calendarSelectedDayNumber {
    text-align: center;
    font-size: 80px;
    font-family: Roboto-Medium;
    color: #455b65;
    /*color: white;*/ /*background-color: #455b65;*/
    background-color: #ffffff;
    min-width: 170px;
}

.calendarSelectedDayTitle {
    text-align: center;
    font-size: 14px;
    font-family: Roboto-Regular;
    /*color: white;*/
    color: #455b65;
    /*background-color: #455b65;*/
    background-color: #f3f3f3;
    padding-bottom: 0px;
    text-transform: none;
}

.calendarSelectedDayNuEvents {
    /*border-top: 1pt solid white;*/
    text-align: center;
    font-size: 16px;
    /*color: white;*/
    color: #455b65;
    background-color: #f3f3f3;
    /*background-color: #455b65;*/
    min-width: 160px;
    text-transform: none;
}

.eventListBaseStyle {
    border-bottom: 1px solid #f0f0f0;
    background-color: white;
    margin-left: 15px;
    margin-right: 20px;
    margin-top: 12px;
    width: 84% !important;
}

.eventListBaseStyleOver {
    border-bottom: 1px solid #f0f0f0;
    background-color: white;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 16px;
}

.eventTimeStyle,
.eventTimeStyleFocused,
.eventTimeStyleSelected,
.eventTimeStyleOver {
    padding-right: 20px;
}

.dateStyle {
    font-size: 15px;
    color: #1a74ba;
    heidgt: 40px;
    padding-right: 10px;
    padding-top: 5px;
}

.dayStyle {
    font-size: 16px;
    color: #455b65;
    heidgt: 40px;
    padding-left: 10px;
    padding-top: 5px;
    font-family: Roboto-Medium;
    text-transform: none;
    padding-left: 20px;
}

.eventListFontstyle {
    color: red;
}

.rounded,
.roundedFocused {
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
}

.roundedInputTextAreaProfileDisabled {
    border: 1px solid #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light;
    font-size: 12.5px;
    color: #455b65 !important;
    margin-left: -5px !important;
}

.roundedInputTextAreaProfile,
.roundedInputTextAreaProfileHint,
.roundedInputTextAreaProfileDisabledFocused,
.roundedInputTextAreaProfileDisabledSelected {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light;
    font-size: 12.5px;
    color: #455b65 !important;
}

.roundedInputTextAreaProfileSecondaryRole {
    border: solid 1px transparent;
    margin-left: -5px !important;
}

.roundedInputTextAreaProfileFocused {
    border: solid 1px #005959 !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light;
    font-size: 12.5px;
    color: #455b65 !important;
    box-shadow: 0 0 5px #ddeff0 !important;
}

.roundedInputTextAreaDisabled {
    margin-left: -5px !important;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* removes selection*/
    pointer-events: all; /* adds pointer events*/
}

.userProfileMiddelMargin .roundedInputTextAreaDisabled {
    -webkit-user-select: all; /* Chrome all / Safari all */
    -moz-user-select: all; /* Firefox all */
    -ms-user-select: all; /* IE 10+ */
    user-select: all; /* removes selection*/
    pointer-events: all; /* adds pointer events*/
}

.roundedInputProfile,
.roundedInputProfileHint,
.roundedInputProfileDisabledFocused,
.roundedInputProfileDisabledSelected {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light;
    font-size: 12.5px;
    color: #455b65 !important;
}

.roundedInputProfileFocused {
    border: solid 1px #005959 !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light;
    font-size: 12.5px;
    color: #455b65 !important;
    box-shadow: 0 0 5px #ddeff0 !important;
}

.disabledTextItemProfile {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light;
    font-size: 12.5px;
    color: #455b65 !important;
    margin-left: -5px !important;
}

.roundedInput,
.roundedInputHint,
.roundedInputTextArea,
.roundedInputTextAreaFocused,
.roundedInputTextAreaHint,
.roundedInputDisabled,
.roundedInputHintDisabled,
.roundedInputDisabledFocused,
.roundedInputDisabledSelected,
.roundedInputLP,
.roundedInputLPFocused,
.roundedInputLPHint,
.roundedInputTextAreaDisabled,
.roundedInputTextAreaDisabledFocused,
.roundedInputTextAreaDisabledSelected {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light;
    font-size: 12.5px;
    color: #455b65 !important;
}

.roundedInputFocused {
    border: solid 1px #6cb1b1 !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light;
    font-size: 12.5px;
    color: #455b65 !important;
    box-shadow: 0 0 5px #6cb1b1 !important;
}

/*----------PS & TS -------------------*/
.PSselectionInputDisabled,
.PSselectionInputDisabledFocused,
.PSselectionInputDisabledSelected {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    outline: 0;
    font-family: Roboto-Regular;
    font-size: 11px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #455b65;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    text-transform: none !important;
    /*background: #f3f3f3;*/
    background: #f9f9f9;
    overflow: hidden;
}

.PSselectionInput {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    outline: 0;
    font-family: Roboto-Regular;
    font-size: 11px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #455b65;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    text-transform: none !important;
    /*background: #f3f3f3;*/
}

.PSselectionInputOver,
.PSselectionInputDown,
.PSselectionInputSelected,
.PSselectionInputFocused,
.PSselectionInputHint {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    outline: 0;
    font-family: Roboto-Regular;
    font-size: 11px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #455b65;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    text-transform: none !important;
    /*background: #f3f3f3;*/
    background: #f2f9fc;
}

.PSroundedInput,
.PSroundedInputFocused,
.PSroundedInputHint,
.PSroundedInputTextAreaFocused,
.PSroundedInputTextAreaHint,
.PSroundedInputDisabled,
.PSroundedInputHintDisabled,
.PSroundedInputDisabledFocused,
.PSroundedInputDisabledSelected,
.PSroundedInputLP,
.PSroundedInputLPFocused,
.PSroundedInputLPHint,
.PSroundedInputTextAreaDisabled,
.PSroundedInputTextAreaDisabledFocused,
.PSroundedInputTextAreaDisabledSelected {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Regular;
    font-size: 12px;
    color: #455b65;
    background: #ffffff; /*f8f8f8*/
}

.PSroundedInput .small {
    padding: 1px 2px;
    font-size: 12px;
}

.PSroundedInputDisabled,
.PSroundedInputHintDisabled,
.PSroundedInputDisabledFocused,
.PSroundedInputDisabledSelected,
.PSroundedInputTextAreaDisabled,
.PSroundedInputTextAreaDisabledFocused,
.PSroundedInputTextAreaDisabledSelected {
    background-color: #f9f9f9;
    color: #455b65 !important;
    border: none;
}

.PSroundedInputTextAreaDisabled.header,
.PSroundedInputTextAreaDisabledFocused.header,
.PSroundedInputTextAreaDisabledSelected.header,
.PSroundedInputTextAreaDisabledDown.header,
.PSselectionInputDisabled.header,
.PSselectionInputDisabledFocused.header,
.PSselectionInputDisabledSelected.header,
.PSselectionInputDisabledDown.header {
    background-color: #f3f3f3;
    color: #455b65 !important;
}

.PSroundedInputTextAreaFocused,
.PSroundedInputTextAreaSelected,
.PSroundedInputTextAreaDisabled,
.PSroundedInputTextAreaDisabledFocused,
.PSroundedInputTextAreaDisabledSelected {
    width: 95% !important;
    /*background: #f3f3f3;*/
    background: #f9f9f9;
    height: 45px !important;
}

.PSroundedInputTextArea {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Regular;
    font-size: 12px;
    color: #455b65;
    width: 95% !important;
    backgruond: #ffffff;
    height: 45px !important;
}

.PSroundedInputHint,
.PSroundedInputTextAreaHint,
.PSroundedInputLeftHint,
.PSroundedInputRightHint {
    color: #939598;
}

.PSroundedInputTextArea,
.PSroundedInputTextAreaFocused {
    font-family: Roboto-Regular;
    font-size: 12px;
    width: 100%;
    color: 20344d;
}

/*END----------PS & TS -------------------*/
.roundedInput .small {
    padding: 1px 2px;
    font-size: 12px;
}

.gridinput,
.gridinputFocused,
.gridinputSelected,
.gridinputOver,
.gridinputHint,
.gridinputDisabled,
.gridinputDisabledFocused,
.gridinputDisabledSelected,
.gridinputDisabledOver,
.gridinputDisabledHint,
.gridinput.title,
.gridinput.titleFocused,
.gridinput.titleSelected,
.gridinput.titleOver,
.gridinput.titleHint,
.gridinput.titleDisabled,
.gridinput.titleDisabledFocused,
.gridinput.titleDisabledSelected,
.gridinput.titleDisabledOver {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    color: #455b65;
    font-size: 16px;
    font-family: Roboto-Regular;
    margin-top: 6px !important;
}

.gridinputleft,
.gridinputleftFocused,
.gridinputleftSelected,
.gridinputleftOver,
.gridinputleftHint,
.gridinputleftDisabled,
.gridinputleftDisabledFocused,
.gridinputleftDisabledSelected,
.gridinputleftDisabledOver,
.gridinputleftDisabledHint {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    color: #000000;
    font-size: 16px;
    font-family: Roboto-Regular;
    margin-top: 0px !important;
    margin-right: -2px;
    border-right: none;
}

.gridinputheader,
.gridinputheaderFocused,
.gridinputheaderSelected,
.gridinputheaderOver,
.gridinputheaderHint,
.gridinputheaderDisabled,
.gridinputheaderDisabledFocused,
.gridinputheaderDisabledSelected,
.gridinputheaderDisabledOver,
.gridinputheaderDisabledHint {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    color: #455b65;
    font-size: 14px;
    font-family: Roboto-Regular;
    margin-top: 0px !important;
    margin-right: -2px;
}

.gridinputleftDisabled,
.gridinputleftDisabledFocused,
.gridinputleftDisabledSelected,
.gridinputleftDisabledOver,
.gridinputleftDisabledHint,
.gridinputheaderDisabled,
.gridinputheaderDisabledFocused,
.gridinputheaderDisabledSelected,
.gridinputheaderDisabledOver,
.gridinputheaderDisabledHint,
.gridinputleft.titleDisabled,
.gridinputleft.titleDisabledFocused,
.gridinputleft.titleDisabledSelected,
.gridinputleft.titleDisabledOver {
    border: none;
    background: none;
}

.gridinput.title,
.gridinput.titleFocused,
.gridinput.titleSelected,
.gridinput.titleOver,
.gridinput.titleHint,
.gridinput.titleDisabled,
.gridinput.titleDisabledFocused,
.gridinput.titleDisabledSelected,
.gridinput.titleDisabledOver {
    color: #455b65;
    font-size: 14px;
    font-family: Roboto-Regular;
    text-transform: uppercase;
}

.gridselectionInput,
.gridselectionInputOver,
.gridselectionInputDown,
.gridselectionInputSelected,
.gridselectionInputFocused,
.gridselectionInputHint,
.gridselectionInputDisabled,
.gridselectionInputDisabledFocused,
.gridselectionInputDisabledSelected {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 2px 4px;
    color: #455b65;
    font-size: 13px;
    font-family: Roboto-Regular;
    margin-top: 4px !important;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
}

.gridinputDisabled,
.gridinputDisabledFocused,
.gridinputDisabledSelected,
.gridinputDisabledOver,
.gridinputDisabledHint,
.gridinput.titleDisabled,
.gridinput.titleDisabledFocused,
.gridinput.titleDisabledSelected,
.gridinput.titleDisabledOver {
    border: none;
    background: none;
}

.gridselectionInputDisabled,
.gridselectionInputDisabledFocused,
.gridselectionInputDisabledSelected {
    background: none;
    color: #455b65;
    border: none;
}

.actionsSelectionInput,
.actionsSelectionInputOver,
.actionsSelectionInputDown,
.actionsSelectionInputSelected,
.actionsSelectionInputFocused,
.actionsSelectionInputHint,
.actionsSelectionInputDisabled,
.actionsSelectionInputDisabledFocused,
.actionsSelectionInputDisabledSelected,
.actionsSelectionInputHint {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0px 4px;
    color: #455b65;
    font-size: 12px;
    font-family: Roboto-Regular;
    margin-top: 6px !important;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    text-transform: none !important;
}

.actionsSelectionInputDisabled,
.actionsSelectionInputDisabledFocused,
.actionsSelectionInputDisabledSelected,
.actionsSelectionInputDisabledHint {
    background: none;
    color: white;
    border: none;
}

.gridinputDisabledHint,
.gridselectionInputDisabledHint {
    color: white;
}

.roundedInputLP,
.roundedInputLPFocused,
.roundedInputLPHint {
    margin-left: 25px;
}

.roundedInputDisabled,
.roundedInputHintDisabled,
.roundedInputDisabledFocused,
.roundedInputDisabledSelected,
.roundedInputTextAreaDisabled,
.roundedInputTextAreaDisabledFocused,
.roundedInputTextAreaDisabledSelected {
    background-color: #ffffff;
    color: #455b65 !important;
    border: none;
}

.roundedInputDisabled,
.roundedInputHintDisabled,
.roundedInputDisabledFocused,
.roundedInputDisabledSelected,
.roundedInputTextAreaDisabled,
.roundedInputTextAreaDisabledFocused,
.roundedInputTextAreaDisabledSelected {
    background-color: #ffffff;
    color: #455b65 !important;
    border: none;
}

.roundedInputTextAreaDisabled.header,
.roundedInputTextAreaDisabledFocused.header,
.roundedInputTextAreaDisabledSelected.header,
.roundedInputTextAreaDisabledDown.header,
.selectionInputDisabled.header,
.selectionInputDisabledFocused.header,
.selectionInputDisabledSelected.header,
.selectionInputDisabledDown.header,
.roundedInputTextAreaDisabled.headerHint,
.roundedInputTextAreaDisabledFocused.headerHint,
.roundedInputTextAreaDisabledSelected.headerHint,
.roundedInputTextAreaDisabledDown.headerHint {
    /*background-color: #f3f3f3;*/
    color: #899ca6 !important;
}

.profileInput,
.profileInputFocused,
.profileInputSmall,
.profileInputSmallFocused {
    border: 1px solid #bbc8d0;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    min-width: 245px;
    margin: -2px;
    color: #455b65;
    border-radius: 5px;
}

.profileInputTextArea {
    width: 100%;
    border: 1px solid #bbc8d0;
    font-family: Roboto-Regular;
    font-size: 15px;
}

.profileInputTextAreaDisabled,
.profileInputTextAreaDisabledSelected,
.profileInputTextAreaDisabledFocused {
    width: 100%;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    background: #f5f5f5;
    color: #455b65 !important;
    border: none;
}

.profileInput.margin,
.profileInputFocused.margin,
.profileInputSmall.margin,
.profileInputSmallFocused.margin {
    margin-right: 10px;
}

.profileInputSmall,
.profileInputSmallFocused {
    min-width: 115px;
    font-size: 14px;
}

.profileInputTitle,
.profileInputTitleFocused,
.profileInputTitleSmall,
.profileInputTitleSmallFocused,
.profileInputTitleError {
    font-family: Roboto-Regular;
    font-size: 12.5px;
    color: #999999;
    text-align: left;
    min-width: 180px;
    line-height: 2.5em;
    text-transform: none !important;
}

.profileInputTitleSmall,
.profileInputTitleSmallFocused {
    font-size: 14px;
    text-align: right;
    min-width: 100px;
}

@media (max-width: 1280px) {
    .profileInputTitle,
    .profileInputTitleFocused,
    .profileInputTitleSmall,
    .profileInputTitleSmallFocused {
        font-size: 14px;
        min-width: 110px;
    }
    .profileInput,
    .profileInputFocused,
    .profileInputSmall,
    .profileInputSmallFocused,
    .profileInputError {
        font-size: 14px;
        min-width: 150px;
    }
}

@media (max-width: 1024px) {
    .profileInputTitle,
    .profileInputTitleFocused,
    .profileInputTitleSmall,
    .profileInputTitleSmallFocused {
        font-size: 16px;
        min-width: 130px;
    }
    .profileInput,
    .profileInputFocused,
    .profileInputSmall,
    .profileInputSmallFocused {
        font-size: 16px;
        min-width: 200px;
    }
}

@media (max-width: 800px) {
    .profileInputTitle,
    .profileInputTitleFocused,
    .profileInputTitleSmall,
    .profileInputTitleSmallFocused {
        font-size: 12px;
        min-width: 90px;
    }
    .profileInput,
    .profileInputFocused,
    .profileInputSmall,
    .profileInputSmallFocused {
        font-size: 12px;
        min-width: 120px;
    }
}

.textItemFocused {
    border: 1px solid #bbc8d0;
}

.disabledTextItem {
    text-overflow: ellipsis;
    border-style: none !important;
    text-align: justify;
    word-wrap: break-word;
    font-size: 13px;
    font-family: Roboto-Light;
    color: #455b65 !important;
    text-transform: none !important;
    height: 17px !important;
    border-bottom: 1px solid #fafafa;
    cursor: default;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* removes selection*/
    /*pointer-events: none;*/
}

.disabledTextItemCustomAttributes,
.disabledTextItemCustomAttributesFocused,
.disabledTextItemCustomAttributesSelected,
.disabledTextItemCustomAttributesOver,
.disabledTextItemCustomAttributesSelectdOver {
    text-overflow: ellipsis;
    border-style: none !important;
    text-align: justify;
    word-wrap: break-word;
    font-size: 13px;
    font-family: Roboto-Light;
    color: #455b65 !important;
    text-transform: none !important;
    height: 22px !important;
    border-bottom: 1px solid #ffffff;
    cursor: default;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: auto;
    /* pointer-events: none;*/
}

.disabledTextItemFocused {
    text-overflow: ellipsis;
    border-style: none !important;
    text-align: justify;
    word-wrap: break-word;
    font-size: 13px;
    font-family: Roboto-Light;
    color: #455b65 !important;
    text-transform: none !important;
    height: 17px !important;
    border-bottom: 1px solid #ffffff;
    cursor: default;
}

.input {
    color: #455b65 !important;
}

.disabledTextItemR {
    border-style: none !important;
    text-align: justify;
    word-wrap: break-word;
    font-size: 12.5px;
    font-family: Roboto-Regular;
    color: #455b65;
    text-transform: none !important;
    height: 17px !important;
    margin-top: -5px;
    /*padding-bottom:15px;*/
}

.disabledTextItembot,
.disabledTextItembotDisabled {
    font-size: 14px;
    font-family: Roboto-Regular;
    text-align: justify;
    word-wrap: break-word;
}

.disabledTextItembotDisabled {
    border-bottom: 1px solid #bbc8d0;
    text-align: justify;
    word-wrap: break-word;
}

.roundedInputHint,
.roundedInputTextAreaHint,
.roundedInputLeftHint,
.roundedInputRightHint {
    color: #939598;
}

.windowRounded {
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 0px 5px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Regular !important;
    font-size: 12.5px !important;
    color: 20344d !important;
    text-transform: none !important;
}

.windowRoundedTitle {
    font-family: Roboto-Regular !important;
    font-size: 12px !important;
    color: #999999 !important;
    text-transform: none !important;
    font-size: 12.5px !important;
}

.roundedLayout {
    border: 1px solid #ccc;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 1px 2px;
    outline: 0;
    -webkit-appearance: none;
}

.dateWindow {
    border: 1px solid #bbc8d0;
    background-image: linear-gradient(#fbfdff, white);
    background-size: 100%;
    background-position: 100%, 0, 0, 0;
    background-repeat: no-repeat;
}

.sendTimeL {
    float: right;
    right: 3px;
    font-size: 10px;
    color: gray;
}

.messageText {
    padding-left: 2px;
    color: #3d3c40;
    font-family: Roboto-Regular, sans-serif;
    font-size: 15px;
}

.assingmentsStyleHeaderStyle,
.assingmentsStyleHeaderStyleOver,
.assingmentsStyleHeaderStyleDown,
.assingmentsStyleHeaderStyleSelectedDown,
.assingmentsStyleHeaderStyleSelected,
.assingmentsStyleHeaderStyleSelectedOver {
    background-image: url("images/subMenuBackground.png");
    background-repeat: repeat-x;
    border-bottom: 1px solid #d0d0d0;
}

.assingmentsStyle {
    border: 0px;
}

.timeHStyle {
    width: 15px;
    height: 10px;
}

.timeMStyle {
    width: 15px;
    height: 10px;
    display: inline;
}

.newEventWindowStyle {
    margin-left: 5px;
    margin-top: 5px;
    size: 25px;
}

.positionOfDeleteButton {
    margin-top: 25px;
    margin-right: 5px;
    margin-left: 420px;
}

.meetingDropDownMenuIconStyle {
    width: 25px;
    background-color: white;
    border-radius: 3px;
}

.formForTools {
    border-bottom: 1px solid #bbc8d0;
    border-top: 1px solid #bbc8d0;
    background: #fff;
    /*border-radius: 10px;*/
}

.editTitle {
    font-size: 20px;
    color: black;
}

.colorPickTextbox {
    width: 10px;
    border-color: #dddddd;
    background: #dddddd;
}

.searchForm,
.searchFormFocused {
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
}

.layoutBackgroundStyle {
    background-image: url("images/header_shadow.png");
    background-repeat: repeat-x;
    border-bottom: 1px solid #828282;
}

.bottomBorder {
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 1px solid #dddddd;
}

.assignmentHeaderText {
    font-size: 12px;
    font-weight: bold;
}

/*-----------------------new menu layout css-----------------------------*/
.settingsMenu,
.settingsMenuSelected,
.settingsMenuDisabled,
.settingsMenuDown {
    background-size: 1px 100%;
    background-position: 100%, 0, 0, 0;
    background-repeat: no-repeat;
    width: 50px;
    margin-top: -10px !important;
}

.menuLayoutStyle {
    background-image: url("images/submenubg.jpg");
    background-repeat: repeat-x;
    background-position: left bottom;
    height: 40px;
    margin-left: -20px;
}

.subMenuLayoutStyle {
    background-color: #f3f3f3;
    height: 35px;
    border-bottom: 2px solid #7cb341;
}

.subMenuLayoutStyle2 {
    background-color: #f3f3f3;
    height: 35px;
}

.settingsIconStyle {
    height: 20px;
    width: 20px;
    padding-top: 10px;
    padding-left: 4px;
    padding-right: 4px;
}

.newBtnMenuStyle {
    height: 35px;
    color: white;
    padding-top: 1px !important;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Roboto-Bold;
    font-size: 16px;
    background-color: #455b65;
}

.newBtnMenuStyleGroupNavigation,
.newBtnMenuStyleGroupNavigationOver,
.newBtnMenuStyleGroupNavigationSelected,
.newBtnMenuStyleGroupNavigationDown {
    background-color: white;
    color: #455b65;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-transform: uppercase;
}

.moreDetails,
.moreDetailsOver,
.moreDetailsSelected,
.moreDetailsDown {
    background-color: #455b65;
    color: white;
    font-size: 11px;
    font-family: Roboto-Regular;
    text-transform: none;
    border-radius: 10px;
    padding-left: 4px;
    padding-bottom: 2px !important;
}

.newBtnMenuStyleOver,
.newBtnMenuStyleSelected,
.newBtnMenuStyleDown {
    height: 35px;
    color: white;
    padding-top: 1px !important;
    /*padding-top: 3px;*/
    padding-left: 10px;
    padding-right: 10px;
    font-family: Roboto-Bold;
    font-size: 16px;
    background-color: #455b65;
}

._newBtnMenuStyle,
._newBtnMenuStyleDown {
    line-height: 1em !important;
    background-color: #455b65;
    color: white;
    font-family: Roboto-Regular;
    font-size: 13px;
    text-transform: uppercase;
}

._newBtnMenuStyleOver,
._newBtnMenuStyleSelected {
    line-height: 1em !important;
    background-color: #7db342;
    color: white;
    font-family: Roboto-Regular;
    font-size: 13px;
    text-transform: uppercase;
}

.searchContStyle {
    background-size: 1px 100%;
    background-position: 100%, 0, 0, 0;
    background-repeat: no-repeat;
    border-left: 0px;
    padding-left: 10px;
    margin-top: 7px;
}

.searchFormStyle,
.searchFormStyleFocused {
    /*border: 1px solid #ccc;*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 50px;
    margin-right: 10px;
    padding-right: 10px;
    background-color: white;
    height: 30px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.userPicStyle {
    width: 30px;
    height: 30px;
    border-style: solid;
    border-width: 2px;
    border-color: white;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.bellStyle {
    width: 40px;
    padding-top: 15px;
    padding-right: 5px;
    float: right;
}

.bellIconStyle {
    height: 20px;
    width: 20px;
    padding-top: 10px;
    padding-right: 10px;
    z-index: 0;
}

.notificationNumStyle,
.notificationNumStyle2,
.notificationNumStyle3,
.notificationNumStyle4,
.notificationNumStyleGreen {
    background-color: red;
    color: white;
    font-family: Roboto-Regular;
    font-size: 12px;
    border-radius: 7px;
    margin-top: 10px;
    margin-left: 17px;
    z-index: 200379;
}

.notificationNumStyle2 {
    margin-top: 12px;
    font-size: 12px;
    text-align: center;
    margin-left: 12px;
    margin-right: -15px;
}

.notificationNumStyle3 {
    position: absolute;
    margin-bottom: 0px;
    margin-top: -5px;
    font-size: 12px;
    text-align: center;
    margin-right: -17px;
    width: 14px;
}

.notificationNumStyle4 {
    position: absolute;
    margin-bottom: 0px;
    margin-top: -5px;
    font-size: 12px;
    text-align: center;
    margin-left: 137px;
    width: 14px;
}

.notificationNumStyleGreen {
    color: #455b65;
    font-weight: bold;
    height: 18px !important;
    width: 18px !important;
    padding-left: 1px;
    padding-top: 1px;
    border-radius: 9px;
    margin-left: 24px !important;
    margin-top: 5px !important;
    padding-left: 2px;
}

.notificationNumStyleRed {
    background-color: #eb2236;
    height: 12px !important;
    width: 12px !important;
    border-radius: 6px;
    margin-left: -15px !important;
    font-size: 8px;
    color: white;
    text-align: center;
}

.notificationNumStyleOrange {
    background-color: #f38130;
    height: 12px !important;
    width: 12px !important;
    border-radius: 6px;
    margin-left: -15px !important;
    font-size: 8px;
    color: white;
    text-align: center;
}

.notificationHeaderTitle {
    float: left;
    font-family: Roboto-Bold;
    color: #455b65;
}

.setHeightStyle {
    position: relative;
    height: 60px;
    width: 100%;
    margin-top: 5px;
}

.notificationUnread {
    background-color: #efefef;
}

.setHeightStyle:hover {
    background-color: #ffffff;
}

.grFont,
.setHeightStyle:hover .grFont1 {
    font-family: Roboto-Regular;
    padding-left: 5px;
    color: #828282;
    color: #455b65;
    font-size: 12px;
}

.grFont1 {
    font-family: Roboto-Regular;
    padding-left: 5px;
    /*color: #828282;*/
    color: #fff;
    font-size: 12px;
}

.grFontNoNewNotifications {
    color: white;
    font-size: 14px;
    font-family: Roboto-Regular;
    text-align: center !important;
}

.notificationMainText {
    /* font-family: Roboto-Regular;
	word-wrap: break-word !important;
	color: #7db342;
	padding-left: 15px;
	font-size: 13px;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 2px; */

    /* font-family: Roboto-Regular; */
    font-family: Roboto-Light, "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    color: #899ca6;
    text-decoration: none;
    /* margin-left: 5px; */
    margin-top: 2px;
}

a.notificationMainText {
    word-wrap: break-word !important;
    text-decoration: none;
    color: #455b65;
}

.notificationMainText a {
    word-wrap: break-word !important;
    text-decoration: none;
    color: #455b65;
}

.setHeightStyle:hover div.notificationOptions {
    display: block;
}

.notificationOptions {
    float: right;
    left: 90%;
    display: block;
    bottom: 0%;
    margin-top: -52px !important;
    margin-right: 5px !important;
}
.notificationsMargin {
    margin: 5px !important;
}
.notificationOptions img {
    display: block;
    margin-bottom: 5px;
}

.middleNotificationStyle {
    color: #455b65;
    height: 15px;
}

.colorCubeBlue {
    margin-top: 5px;
    float: left;
    height: 10px;
    width: 10px;
    background-color: #6b98b6;
}

.taskDetailStyle {
    font-family: Roboto-Light !important;
    color: #455b65;
    /* 	background-color:#f1f2f2; */
    padding-left: 15px;
    font-size: 13.5px;
    text-transform: none !important;
}

.bomusername {
    color: #455b65;
    font-family: Roboto-Bold;
    font-size: 13px;
}

.colorCubeGreen {
    margin-top: 5px;
    float: left;
    height: 10px;
    width: 10px;
    background-color: green;
    border-radius: 50px;
}

.colorCubeOrange {
    margin-top: 5px;
    float: left;
    height: 10px;
    width: 10px;
    background-color: orange;
    border-radius: 50px;
    margin-left: 5px;
}

._baseStyleNotificationsMiddle,
._baseStyleNotificationsMiddleSelected,
._baseStyleNotificationsMiddleOver,
._baseStyleNotificationsMiddleDown {
    /*	border-bottom: 1px solid #ffffff;*/
}

._baseStyleNotifications,
._baseStyleNotificationsSelected,
._baseStyleNotificationsOver,
._baseStyleNotificationsDown {
    /*border-bottom: 1px solid #bbc8d0;*/
}

.userImgLoggedUser {
    float: left;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -khtml-border-radius: 16px;
    -webkit-border-radius: 16px;
    border: 1px solid #fff;
}

.activityStreamIcon {
    float: left;
    margin-right: 8px;
    margin-top: 0px;
    border-radius: 5px;
}

.ganttUserImg {
    border-radius: 16px;
    -moz-border-radius: 16px;
    -khtml-border-radius: 16px;
    -webkit-border-radius: 16px;
    border: 2px solid white;
    vertical-align: middle;
}

.userImgComment {
    margin-left: 20px;
    vertical-align: middle;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;
}

.userImgBOM {
    border-radius: 11px;
    -moz-border-radius: 11px;
    -khtml-border-radius: 11px;
    -webkit-border-radius: 11px;
}

.userImgBOMOffline {
    border-radius: 11px;
    -moz-border-radius: 11px;
    -khtml-border-radius: 11px;
    -webkit-border-radius: 11px;
    opacity: 0.4;
    filter: alpha(opacity = 40);
}

.userImgFiles {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: 3px !important;
}

.userImgLoggedUser120 {
    position: absolute;
    margin-top: -145px;
    float: left;
    border: solid #bbc8d0;
    border-width: 1px;
    margin-left: 20px;
}

.userImgLoggedUser130 {
    position: absolute;
    float: left;
    margin-left: 20px;
}

.userImgLoggedUser120nonedit {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow: visible;
}

.userImgLoggedUser120edit {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.teamMemberAvatar {
    /*margin-top: 7px;*/
    position: absolute;
    /*float: left;*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 6px;
}

.teamMemberTaskImg {
    position: absolute;
    float: left;
}

.teamMemberTaskImgOrganization {
    position: absolute;
    float: left;
    margin-top: 5px;
}

.userImgWhiteBorder {
}

.userImgBlueBorder {
    /*border: 2px solid #455b65;*/
}

.userImgMargin {
    margin-left: 8px !important;
}

.userImgOnline {
}

span.edit {
    background: url(images/edit_white.png) center center no-repeat #455b65;
    cursor: pointer;
    height: 120px;
    width: 120px;
    z-index: 10;
    opacity: 1;
}

span.rollover {
    /*border: 2px solid;*/
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    background: url(images/minusWhite.png) center center no-repeat #455b65;
    cursor: pointer;
    height: 24px;
    width: 24px;
    z-index: 10;
    opacity: 0;
}

span.rollover:hover {
    opacity: 1;
    color: #455b65 !important;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
}

span.rolloverMinus {
    background: url(images/minusWhite.png) center center no-repeat #455b65;
}

span.rolloverPlus {
    background: url(images/plusWhite.png) center center no-repeat #455b65;
}

.userImgOffline {
    opacity: 1;
}

.teamSubmembers {
    padding-left: 30px;
}

.notificationMenuStyle {
    margin-right: 100px;
}

.vnotificationMenuStyle {
    background-color: #455b65;
}

.vnotificationMenuStyle .gridBody {
    padding-top: 35px;
}

.userNameStyle {
    font-family: Roboto-Bold;
    font-size: 16px;
    color: #fff;
    float: right;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.dashsettings,
.dashsettingsOver,
.dashsettingsSelected,
.dashsettingsDown,
.dashsettingsFocused {
    font-family: Roboto-Bold;
    font-size: 15px;
    color: white;
    padding-left: 7px;
    border: 1px solid #455b65;
    text-transform: uppercase;
}

.logoutBtn,
.logoutBtnOver,
.logoutBtnSelected,
.logoutBtnDown,
.logoutBtnFocused {
    font-family: Roboto-Bold;
    font-size: 16px;
    color: white;
    padding-left: 7px;
    border: none;
    text-transform: uppercase;
}

.newBtnSubMenuStyle,
.newBtnSubMenuStyleOver,
.newBtnSubMenuStyleSelected,
.newBtnSubMenuStyleDown {
    height: 24px;
    color: white;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Roboto-Bold;
}

.projectsButtonStyle,
.projectsButtonStyleOver,
.projectsButtonStyleSelected,
.projectsButtonStyleDown {
    height: 35px;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Roboto-Bold;
    font-size: 15px;
    padding-top: 1px !important;
}

.editAndDeleteBtnStyle {
    position: absolute;
    left: 10px;
    top: 25px;
    width: 20px;
}

.editTextBoxStyle,
.editTextBoxStyleSelected,
.editTextBoxStyleDown {
    overflow: auto;
    height: 80px;
    width: 190px;
    background-color: white;
    margin-left: 60px;
    margin-top: 30px;
    margin-bottom: 40px;
    border-radius: 5px;
    color: #3d3c40;
    font-family: Roboto-Regular, sans-serif;
    font-size: 12px;
}

.makeSpace {
    height: 40px;
}

.lineForHistory {
    border-bottom: 1px solid #b6b6b6;
    height: 2px;
}

.groupFilesHeader {
    margin: 5px 10px 0px 10px;
}

.groupFilesHeaderFiles {
    margin: 0px 10px -10px 10px;
}

.userImgProfile {
    border: 2px solid white;
    margin-left: 50px;
    margin-top: 5px;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -khtml-border-radius: 18px;
    -webkit-border-radius: 18px;
}

._baseProfilePictureStyle,
._baseProfilePictureStyleOver {
    background-color: #ffffff;
    /*border: 1px solid #CECECE;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;*/
    border-top: 1px solid #bbc8d0;
    border-left: 1px solid #bbc8d0;
    border-right: 1px solid #bbc8d0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.myProfileMenuStyle {
    margin-top: 10px;
    margin-left: -10px;
    margin-right: 10px;
}

.myProfileItemStyle {
    color: #cecece;
    float: right;
    padding-right: 40px;
    font-size: 12px;
    display: inline;
    cursor: pointer;
}

.editMyDetailsStyle {
    color: #455b65;
    float: right;
    padding-right: 30px;
    font-size: 12px;
    cursor: pointer;
    font-family: Roboto-Regular !important;
}

.logoutStyle {
    color: #455b65;
    float: right;
    padding-right: 48px;
    font-size: 12px;
    cursor: pointer;
    font-family: Roboto-Regular !important;
}

.myProfileImageStyle {
    float: left;
    height: 16px;
    width: 16px;
    padding-left: 5px;
    border-radius: 3px;
}

.myProfileImageStyleActivity {
    float: left;
    height: 16px;
    width: 16px;
    padding-left: 5px;
    border-radius: 3px;
    margin-top: -3px !important;
}

._baseStyleMyProfile,
._baseStyleMyProfileOver {
    height: 15px;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
}

._baseStyleEditMyProfile,
._baseStyleEditMyProfileOver {
    height: 15px;
    border: 1px solid #cecece;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.bodyMiddleLayout {
    border-right: 1pt solid #bbc8d0;
}

.rightLayout {
    margin-right: 10px;
    margin-left: 10px;
}

.rightGrids,
.rightGridsSelected {
    /*margin-left: 10px;*/
    /*border-bottom: 1pt solid #bbc8d0;*/
    border-radius: 0px;
    margin-top: 11px !important;
}

.rightGrids div {
    white-space: normal !important;
}

.rightGridsHistory,
.rightGridsHistorySelected,
.rightGridsHistoryOver,
.rightGridsHistoryDown {
    /*border-bottom: 1pt solid #bbc8d0;*/
    border-radius: 0px;
    margin-top: 11px !important;
}

.rightGridsHistory div {
    white-space: normal !important;
}

.bodyRightLabels {
    border-bottom: 1pt solid #bbc8d0 !important;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 16px;
    font-family: Roboto-Medium;
    color: #455b65;
    text-transform: none;
}

.userProfileSaveBtn {
    font-size: 17px;
    font-family: Roboto-Bold;
    text-transform: uppercase;
    color: #8f8b8b;
}

.greyTitle.leftmargin {
    font-family: Roboto-Medium;
    font-size: 16px;
}

.canvasHover,
.gridHover,
.formHover,
.canvasHoverRight,
.gridHoverRight,
.formHoverRight {
    color: #455b65 !important;
    text-align: center !important;
    font-family: Roboto-Light !important;
    font-size: 11px !important;
    background-color: #ffffff !important;
    position: relative !important;
    padding: 1px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    border: 1px solid #bbc8d0 !important;
    filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.2));
    /*-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 20px 10px -10px #888;
    /* left: -28px; */
    top: -38px;
    min-width: 200px;
    word-break: break-all !important;
}

.canvasHover {
    top: 0px !important;
}

.canvasHover:after,
.gridHover:after,
.formHover:after {
    /*	content: '' !important;*/

    position: absolute !important;
    border-style: solid !important;
    border-width: 0 9px 8px !important;
    border-color: #ffffff transparent !important;
    display: block !important;
    width: 0 !important;
    z-index: 1 !important;
    top: -8px !important;
    left: 2px !important;
}

.canvasHoverRight:after,
.gridHoverRight:after,
.formHoverRight:after {
    content: "" !important;
    position: absolute !important;
    border-style: solid !important;
    border-width: 0 9px 8px !important;
    border-color: #404041 transparent !important;
    display: block !important;
    width: 0 !important;
    z-index: 1 !important;
    top: -8px !important;
    left: 45px !important;
}

.arrow_box {
    position: relative;
    background: #404041;
}

.arrow_box:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(64, 64, 65, 0);
    border-bottom-color: #404041;
    border-width: 18px;
    margin-left: -18px;
}

.progressbar {
    width: 120px;
    background-color: white;
    border: 1pt solid #bbc8d0;
    float: left;
    margin-top: 4px;
    border-radius: 3px;
    height: 12px;
    margin-top: 9px;
}

.progressbar2 {
    background-color: #7db342;
    height: 13px;
    max-width: 100% !important;
    border-radius: 2px;
}

.progressbarDashboard {
    margin-left: 7px;
    /*margin-top: 1px;*/
    width: 145px;
    background-color: #ffffff;
    border: 1px solid #bbc8d0;
    border-radius: 4px;
    padding: 0px;
    float: left;
    height: 17px;
}

.dashSatageGateName {
    width: 190px;
    text-align: center;
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
}

.newprogressbarDashboard {
    margin-left: 30px;
    margin-top: 1px;
    width: 120px;
    background-color: white;
    border: 1px solid #bbc8d0;
    border-radius: 5px;
    padding: 0px;
    float: left;
}

.newprogressbarDashboardLevel2 {
    margin-left: 30px;
    margin-top: 1px;
    width: 120px;
    background-color: white;
    border: 1px solid #bbc8d0;
    padding: 0px;
    float: left;
    border-radius: 50px;
}

.newprogressbarDashboardLevel3 {
    margin-left: 30px;
    margin-top: 1px;
    width: 120px;
    background-color: white;
    border: 1px solid #bbc8d0;
    padding: 0px;
    float: left;
    border-radius: 50px;
}

.progressbarBOM {
    margin-left: 5px;
    margin-top: 10px;
    width: 90px;
    background-color: #ffffff;
    border: 1px solid #bbc8d0;
    border-radius: 50px;
    padding: 0px;
    float: left;
}

.progressbarTaskDashR {
    margin-left: 48px;
    margin-top: 0px;
    width: 120px;
    background-color: rgb(255, 216, 216);
    border: 1px solid white;
    border-radius: 50px 50px 50px 50px;
    padding: 0px;
    float: left;
    height: 17px !important;
    margin-top: -17px;
}

.progressbarTaskDashG {
    margin-left: 50px;
    margin-top: 5px;
    width: 120px;
    background-color: rgb(197, 231, 184);
    border: 1px solid white;
    border-radius: 50px 50px 50px 50px;
    padding: 0px;
    float: left;
    height: 17px !important;
    margin-top: -17px;
}

.dashboardPartners {
    position: absolute;
    color: #455b65;
    text-align: left;
    padding-top: 0px;
    left: 40.3%;
    font-family: Roboto-Regular !important;
    font-size: 11px !important;
    padding-top: 4px;
    padding-bottom: 2px;
    text-transform: none !important;
}

.dashboardItems {
    position: absolute;
    color: #455b65;
    text-align: left;
    padding-top: 0px;
    left: 61.5%;
    font-family: Roboto-Regular !important;
    font-size: 11px !important;
    padding-top: 4px;
    padding-bottom: 2px;
    text-transform: none !important;
}

.dashboardSubmissions {
    position: absolute;
    color: #8f8b8b;
    text-align: left;
    padding-top: 4px;
    left: 75%;
    font-family: RobotoCondensed-Regular;
    font-size: 11px !important;
}

.orangeProgresStyle2 {
    background-color: #f58220;
    height: 17px;
    font-size: 16px;
    font-family: Robot-Regular;
    border-radius: 3px;
    /*margin-top:-1px;*/
}

.redProgresStyle2 {
    background-color: #ee4037;
    height: 17px;
    font-size: 16px;
    font-family: Robot-Regular;
    border-radius: 3px;
    /*margin-top:-1px;*/
}

.greenProgresStyle2 {
    background-color: #7eb442;
    height: 17px;
    font-size: 16px;
    font-family: Robot-Regular;
    border-radius: 3px;
    /*margin-top:-1px;*/
}

.orangeProgresStyle {
    border-radius: 50px;
    background-color: #f68121;
    height: 17px;
    border-radius: 50px;
}

.redBOMProgresStyle {
    border-radius: 50px;
    background-color: #ef4136;
    height: 20px;
    height: 17px;
}

.greenBOMProgresStyle {
    border-radius: 50px;
    background-color: #7db342;
    height: 17px;
}

.yellowBOMProgresStyle {
    border-radius: 50px;
    background-color: #f58220;
    height: 17px;
}

.whiteProgressbatPct {
    width: 150px;
    color: #455b65;
    text-align: center;
    font-family: Roboto-Regular !important;
    font-size: 12px !important;
    height: 15px;
    padding-top: 1px;
    /*margin-top: -1px;*/
}

.blueProgressbatPct {
    width: 150px;
    color: #455b65;
    text-align: center;
    font-family: Roboto-Regular !important;
    font-size: 12px !important;
    height: 15px;
    padding-top: 0px;
}

.blackProgressbatPct {
    width: 90px;
    color: #455b65;
    text-align: center;
    margin-top: 1px;
    font-family: Roboto-Regular;
    font-size: 12px;
    padding-botton: 6px;
    height: 15px;
    padding-top: 1px;
}

.blackProgressbatPctTask {
    width: 120px;
    color: #455b65 !important;
    text-align: center;
    /*margin-top:2px;*/
    height: 17px;
    margin-top: 2px;
}

.labelPct {
    font-family: Roboto-Light;
    /* padding-top: 2px; */
    float: left;
    font-size: 10px;
    color: #455b65;
    padding-left: 55px;
    margin-top: -1px;
}

.days {
    color: #899ca6;
    font-size: 11px;
    float: left;
    font-size: 13px;
    padding-right: 5px;
    font-family: Roboto-Light !important;
    text-transform: none;
    margin-top: 2px;
}

.arialText a:hover {
    font-family: Roboto-Regular !important;
    color: #007faa !important;
    text-decoration: underline;
}

.arialText a {
    font-family: Roboto-Regular !important;
    color: #007faa !important;
}

.arialText {
    font-family: Roboto-Light !important;
    font-size: 13px;
    color: #007faa !important;
}

.arialText:hover {
    font-family: Roboto-Light !important;
    color: #007faa;
    text-decoration: underline;
}

.projectPct {
    border: none;
    margin-top: -18px;
    padding-top: 2px;
    padding-left: 200px;
    position: relative;
    float: right;
    color: #ffffff;
    font-family: RobotoCondensed-Regular;
    font-size: 13px !important;
}

.middleLayoutTitleRight {
    font-size: 11px;
    font-family: RobotoCondensed-Regular;
    color: #999999 !important;
    margin-left: 10px;
    padding-left: 10px;
}

.middleLayoutTitle {
    font-size: 11px;
    font-family: RobotoCondensed-Regular;
    color: #999999 !important;
    margin-left: 15px;
    padding-left: 20px;
}

.middleLayoutTitleLeft {
    font-size: 11px;
    font-family: RobotoCondensed-Regular;
    color: #999999 !important;
    margin-left: 15px;
    padding-left: 12px;
}

.middleLayoutTitles {
    margin-left: 20px;
}

.middleLayoutGrids {
    margin-left: 20px;
    margin-right: 15px;
    margin-bottom: 10px;
    border-top: 1px solid #bbc8d0;
    border-bottom: 1px solid #f0f0f0;
}

.middleLayoutLblDashobard {
    font-family: Roboto-Regular;
    font-size: 40px;
    color: #8f8b8b;
    padding-top: 8px;
}

.middleLayoutLblSource {
    font-family: Roboto-Regular;
    font-size: 30px;
    color: #455b65;
    padding-top: 8px;
    text-align: center;
}

.btnTopPadding {
    padding-top: 5px;
}

.middleLayoutRightMargin {
    margin-right: 0px !important;
}

.middleLayoutRightBorder {
    border-right: 1px solid #bbc8d0;
}

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

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

.topMarginSeparator {
    margin-top: 18px !important;
}

.topMarginSeparator1 {
    margin-top: 15px !important;
}

.topMarginSeparatorSmall {
    margin-top: 5px !important;
}

.topMarginSeparator2px {
    margin-top: 2px !important;
}

.topPaddingSeparator1px {
    padding-top: 2px !important;
}

.topMarginSeparator2 {
    margin-top: 23px !important;
}

.topMarginSeparatorNegativBOMGrid {
    margin-top: 7px !important;
    background-color: white !important;
    margin-left: -5px !important;
}

.topMarginSeparatorNegativBOMVPreview {
    background-color: white !important;
}

.topMarginSeparatorNegativBOM {
    margin-top: 12px !important;
    background-color: white !important;
    margin-left: -5px !important;
}

.topMarginSeparatorGantt {
    margin-top: 6px !important;
}

.topMarginSeparatorNegativ {
    margin-top: -12px !important;
}

.topMarginSeparatorNegativAS {
    margin-top: -7px !important;
    z-index: 999999 !important;
}

.topMarginSeparator1 {
    margin-top: 12px;
}

.bottomMarginSeparator {
    margin-bottom: -10px !important;
}

.leftMarginSeparator {
    margin-left: 10px;
}

.rightMarginSeparatorNegativ {
    margin-right: -20px !important;
}

.rightPaddingSeparator {
    padding-right: 10px;
}

.rightPadding10px {
    padding-right: 20px;
}

.rightPadding50px {
    padding-right: 50px;
    margin-right: 50px;
}

.bottomPadding10px {
    padding-bottom: 10px;
}

.leftMarginSeparator5px {
    margin-left: 5px;
}

.groupAssgmntsCardView {
    margin-left: 10px;
    margin-right: 10px;
}

.groupAssgmntsColumn {
    background-color: #f9f9f9;
    border-radius: 5px;
    padding: 10px;
}

.groupAssgmntsColumnRecord {
    border-radius: 5px;
    border: 1px solid #bbc8d0;
    background-color: white;
    padding: 5px;
    word-wrap: break-word;
}

.groupAssgmntsColumnTitle {
    font-family: Roboto-Regular;
    color: #999999 !important;
    border-bottom: 1px solid #bbc8d0 !important;
    font-size: 13px;
    text-transform: none;
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
    text-align: center;
}

.taskBox {
    border: 1px solid #a7a9ac;
    padding: 15px 10px 15px 10px;
}

.taskBox,
.taskBoxStyleOver,
.taskBoxStyleSelected,
.taskBoxStyleDown {
    border: 1px solid #a7a9ac;
    padding: 15px 10px 15px 10px;
}

.emptyTaskBox {
    border: 0px;
    padding: 15px 10px 15px 10px;
}

.taskBoxContentRed {
    border-left: 5px solid #ef4136;
    padding-left: 5px;
}

.taskBoxContentGreen {
    border-left: 5px solid #7db342;
    padding-left: 5px;
}

.taskBoxContentRed div,
.taskBoxContentGreen div {
    max-width: 90%;
}

.middleLayoutTitleAndButton {
    margin-left: 25px;
}

.taskBoxPagination {
    border: 1px solid #a7a9ac;
    text-align: center;
    font-family: Roboto-Regular;
}

.TaskNameDetails {
    font-family: Roboto-Medium;
    text-transform: none !important;
    font-size: 16px;
    margin-bottom: 20px !important;
}

.TaskNameDetails_gray {
    color: #777777;
    font-family: Roboto-Regular;
    text-transform: none;
    font-size: 16px;
}

.taskName:hover {
    color: #0e9dd8;
    text-decoration: underline;
}

.taskName {
    font-family: Roboto-Light !important;
    font-size: 13px !important;
    text-overflow: ellipsis;
    color: #0e9dd8;
    white-space: nowrap;
    text-align: justify;
    word-wrap: break-word;
    padding-right: 25px;
    max-width: 250px;
    text-transform: none;
}

.taskNameGroup {
    font-family: Roboto-Medium;
    font-size: 13.5px;
    line-height: 1;
    margin-right: 15px;
    color: #455b65 !important;
    text-transform: none !important;
}

.taskNameGroupGrey {
    font-family: Roboto-Medium;
    font-size: 14px;
    line-height: 1;
    margin-right: 15px;
    color: #455b65 !important;
    text-transform: none !important;
}

.sendCommentBoxStyle,
.sendCommentBoxStyleSelected,
.sendCommentBoxStyleFocused {
    border: 1px solid #bbc8d0;
    border-radius: 3px;
    /*	margin-left: 10px;*/
    margin-top: -1px;
    padding: 2px 4px;
    margin-bottom: 6px;
    color: #455b65;
    margin-top: 3px;
    font-family: Roboto-Regular !important;
}

.sendCommentBoxStyleHint {
    border: 1px solid #bbc8d0;
    border-radius: 3px;
    margin-left: 10px;
    margin-top: -1px;
    margin-bottom: 6px;
    padding: 2px 4px;
    color: #bbc8d0;
    font-family: Roboto-Regular !important;
    font-size: 12.5px !important;
    margin-top: 5px;
}

.sendCommentButton {
    color: #455b65;
    margin-top: 7px;
    background-color: #fff;
    border: 1px solid #455b65;
    border-radius: 50px;
    font-family: Roboto-Regular;
    font-size: 12.5px !important;
    text-transform: none !important;
}

.sendCommentButtonOver,
.sendCommentButtonSelected,
.sendCommentButtonDown {
    color: #fff;
    margin-top: 7px;
    background-color: #455b65;
    border-radius: 50px;
    font-family: Roboto-Regular;
    font-size: 12.5px !important;
    text-transform: none !important;
}

.sendCommentButtonDisabled {
    color: #fff;
    margin-top: 7px;
    background-color: #455b65;
    border-radius: 50px;
    font-family: Roboto-Regular;
    font-size: 12.5px !important;
    text-transform: none !important;
}

.sendCommentBtnTitle {
    color: white;
    font-family: Roboto-Regular;
}

.commentsWindowStyle {
    border-radius: 10px;
    background-color: #ffffff !important;
    border: none !important;
}

.shadoww {
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    background-color: #ffffff;
}

.shareButtonStyle,
.shareButtonStyleOver,
.shareButtonStyleDown {
    border: 1px solid #bbc8d0;
    color: #455b65;
    text-align: center;
    font-family: Roboto-Regular !important;
    font-size: 13px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.shareButtonStyleOver {
    border: 1px solid #404041;
}

.shareButtonStyleDown {
    border: 1px solid #404041;
    background-color: #efefef;
}

.shareButtonIcon {
    float: right;
}

.taskActionButtonStyle {
    border: none;
    color: #455b65;
    text-align: left !important;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    text-transform: none !important;
    margin-top: 5px;
}

.taskActionButtonStyleOver {
    border: none;
    background-color: #f3f3f3;
    text-align: left !important;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    text-transform: none !important;
    margin-top: 5px;
    border-radius: 5px !important;
}

.taskActionButtonStyleOver.header {
    background-color: #ffffff;
}

.taskActionButtonStyleDown {
    border: none;
    background-color: #efefef;
    text-align: left !important;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    text-transform: none !important;
}

.taskActionButtonStyleDown.header {
    background-color: #ffffff;
}

.taskActionButtonIconT {
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 3px !important;
}

.taskActionButtonIcon {
    width: 28px;
    height: 22px;
    float: left;
    margin-left: 3px !important;
}

.taskActionButtonIcon1 {
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 3px !important;
}

.favorites {
    color: #455b65;
    font-size: 14px;
    font-family: Roboto-Medium;
    border: 0;
    outline: 0;
    height: 29px !important;
    text-transform: none;
    border-bottom: 1px solid #f0f0f0;
}

.favoritesOver,
.favoritesDown,
.favoritesSelected,
.favoritesSelectedOver {
    color: #455b65;
    font-size: 14px;
    font-family: Roboto-Medium;
    border: 0;
    background-color: #e6f1f8;
    outline: 0;
    height: 29px !important;
    text-transform: none;
}

.groupNavigationItem {
    border-bottom: 1px solid #bbc8d0;
    font-size: 16px;
    font-family: Roboto-Regular;
    text-align: center;
    color: #455b65;
}

.groupNavigationItemSelected {
    border-bottom: 2px solid #7db342;
    font-size: 16px;
    font-family: Roboto-Bold;
    text-align: center;
    color: #455b65;
}

@media (max-width: 1280px) {
    .groupNavigationItem,
    .groupNavigationItemSelected {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .groupNavigationItem,
    .groupNavigationItemSelected {
        font-size: 14px;
    }
}

.teamMembersLabel {
    font-size: 16px;
    font-family: Roboto-Bold;
    color: #ffffff;
}

.teammembers,
.teammembersOver,
.teammembersSelected,
.teammembersDown,
.teammembersFocused,
.teammembersSelectedOver,
.teammembersSelectedDown {
    font-family: RobotoCondensed-Bold;
    color: #ffffff;
    background-color: #455b65;
    font-size: 15px;
}

.teammembersOver,
.teammembersSelected,
.teammembersDown,
.teammembersFocused,
.teammembersSelectedOver,
.teammembersSelectedDown {
    background-color: #455b65;
}

.sourceName {
    font-family: Roboto-Light;
    font-size: 13px;
    color: #0e9dd8;
    text-transform: none !important;
}

.sourceNameLittle {
    font-family: Roboto-Medium;
    font-size: 14px !important;
    color: #455b65;
    text-transform: none !important;
}

.sourceNameLittleTask {
    font-family: Roboto-Medium;
    font-size: 12.5px !important;
    color: #455b65;
    text-transform: none !important;
}

.sourceName1 {
    font-family: Roboto-Regular;
    font-size: 12.5px;
    color: #455b65;
}

.sourceNameLeftMargin {
    font-family: Roboto-Regular;
    font-size: 12.5px;
    color: #455b65;
    margin-left: 10px;
}

.sourceNameLeftMarginBold {
    font-family: Roboto-Medium;
    font-size: 12.5px;
    color: #455b65;
    margin-left: 10px;
}

.sourceNameText {
    font-family: Roboto-Regular;
    font-size: 12.5px;
    text-transform: none !important;
    color: #455b65;
}

.gantt_source1 {
    font-family: Roboto-Medium;
    font-size: 13.5px;
    text-transform: none;
    color: #455b65;
}

.gantt_source {
    font-family: Roboto-Regular;
    font-size: 12px;
    text-transform: none !important;
    color: #455b65;
}

.gantt_sourceName {
    font-family: Roboto-Medium;
    font-size: 13.5px;
    color: #455b65;
}

.teamMemberORG {
    font-size: 14px;
    font-family: Roboto-Medium;
    color: #ffffff;
    padding-left: 25px !important;
    padding-top: 6px;
    text-transform: uppercase;
}

.teamMember,
.teamMemberOver,
.teamMemberSelected,
.teamMemberDown,
.teamMemberSelectedOver,
.teamMemberSelectedDown,
.teamMemberFocused {
    font-size: 14px;
    font-family: Roboto-Regular;
    color: #ffffff;
    padding-left: 25px !important;
    padding-top: 6px;
    text-transform: uppercase;
}

.teamMemberSmall,
.teamMemberSmallOver,
.teamMemberSmallSelected,
.teamMemberSmallDown,
.teamMemberSmallFocused,
.teamMemberSmallSelectedOver,
.teamMemberSmallSelectedDown {
    font-size: 12px !important;
    font-family: Roboto-Regular;
    color: #ffffff;
    padding-left: 40px !important;
    padding-top: 6px;
}

.teamMemberOver,
.teamMemberSelected,
.teamMemberDown,
.teamMemberSelectedOver,
.teamMemberSelectedDown,
.teamMemberFocused {
    background-color: #455b65;
}

/*----------------------------------------------------------------------------------------------------*/
.btnBlue {
    color: #fff;
    background-color: #7db342;
    border-color: #7db342;
    border-radius: 50px;
    font-family: Roboto-Regular, sans-serif;
}

.btnBlueOver,
.btnBlueSelected,
.btnBlueDown {
    color: #fff;
    background-color: #455b65;
    border-color: #455b65;
    border-radius: 50px;
    font-family: Roboto-Regular, sans-serif;
}

.btnGray {
    background-color: #ffffff;
    font-family: Roboto-Regular;
    font-size: 12.5px !important;
    border: 1px solid #455b65;
    color: #455b65 !important;
    text-transforma: none !important;
}

/*.btnGray {
	background-color: #bbc8d0;
	font-family: Roboto-Regular;
	font-size: 12px !important;
}*/
.btnLeftSideRadius {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.btnRightSideRadius {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.btnColorBlack {
    color: #fff;
    font-size: 12.5px;
    text-transform: none !important;
}

.btnColorWhite {
    color: #455b65;
    border: 1px solid #455b65;
    font-size: 12.5px !important;
    text-transform: none !important;
}

.btnGrayOver,
.btnGraySelected,
.btnGrayDown {
    background-color: #455b65;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    text-transform: none !important;
    border: 1px solid #455b65;
    color: #ffffff;
}

/*.btnGrayOver,.btnGraySelected,.btnGrayDown {
	background-color: #7db342;
	font-family: Roboto-Regular;
	font-size: 12px;
	text-transform: uppercase;
}*/
.btnGraySelectedOver,
.btnGraySelectedSelected,
.btnGraySelectedDown {
    background-color: #455b65 !important;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    text-transform: none !important;
    border: 1px solid #455b65 !important;
    color: #ffffff !important;
}

/*.btnGraySelectedOver, .btnGraySelectedSelected, .btnGraySelectedDown {
	background-color: #ffffff;
	font-family: Roboto-Regular;
	font-size: 12px;
	text-transform: uppercase;
	border: 1px solid #455b65;
	color: #455b65;
}*/
/*.btnGraySelectedOver,.btnGraySelectedSelected,.btnGraySelectedDown {
	background-color: #7db342;
	font-family: Roboto-Regular;
	font-size: 12px;
	text-transform: uppercase;
}*/
.taskDualButtonMargins {
    margin-top: 5px;
    margin-left: 5px;
}

.moveRight {
    margin-left: 10px;
    margin-right: 10px;
}

.btnBlueWindow {
    color: #455b65;
    background-color: #ffffff;
    border-radius: 50px;
    font-size: 12.5px;
    font-family: Roboto-Regular;
    border: 1px solid #455b65;
    line-height: 1em;
    text-transform: none !important;
}

/*.btnBlueWindow {
	color: #fff;
	background-color: #7db342;
	border-radius: 50px;
	font-size: 12px;
	font-family: Roboto-Regular;
}*/
.btnBlueWindowDisabled {
    background-color: #bbc8d0;
    border-radius: 5px;
    font-size: 12.5px;
    font-family: RobotoCondensed-Regular;
}

.btnGreyWindow {
    color: #fff;
    background-color: #bbc8d0;
    border-radius: 50px;
    font-size: 14px;
    font-family: Roboto-Regular, sans-serif;
}

.btnWhiteWindow {
    color: #455b65;
    background-color: #ffffff;
    border: 1px solid #455b65;
    border-radius: 50px;
    font-size: 12.5px;
    font-family: Roboto-Regular, sans-serif;
    text-transform: none !important;
}

.btnWhite {
    color: #455b65;
    background-color: #fff;
    border-radius: 5px;
    font-family: Roboto-Regular, sans-serif;
    font-size: 12.5px;
    padding: 4px;
    text-transform: none !important;
}

.btnWhiteOver,
.btnWhiteDown {
    color: #455b65;
    background-color: #e6f1f8;
    border-radius: 10px;
    font-family: Roboto-Regular, sans-serif;
    font-size: 12.5px;
    padding: 4px;
    text-transform: none !important;
}

.btnWhiteDisabled {
    font-family: Roboto-Regular;
    font-size: 12.5px;
    text-transform: none !important;
}

.btnWhiteWindowOver,
.btnWhiteWindowSelected,
.btnWhiteWindowDown {
    border: 1px solid #455b65;
    color: #fff;
    background-color: #455b65;
    border-radius: 50px;
    font-size: 12.5px;
    font-family: Roboto-Regular, sans-serif;
    text-transform: none !important;
}

.btnBlueWindowOver,
.btnBlueWindowSelected,
.btnBlueWindowDown {
    color: #fff;
    background-color: #455b65;
    border-width: 1px;
    border-radius: 50px;
    font-size: 12.5px;
    font-family: Roboto-Regular;
    text-transform: none !important;
    /*padding-right:7px;*/
}

.btnGreyWindowOver,
.btnGreyWindowSelected,
.btnGreyWindowDown {
    color: #fff;
    background-color: #455b65;
    border-width: 1px;
    border-radius: 50px;
    font-size: 14px;
    font-family: Roboto-Regular, sans-serif;
}

.modalWindow,
.modalWindowGray {
    margin: 0px;
    background-color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
}

.modalWindowGray {
    background: linear-gradient(#f0f0f0, white) !important;
}

.modalWindowSquare {
    margin: 0px;
    background-color: white;
    border: 1px solid #bbc8d0 !important;
    /*box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);*/
    border-radius: 3px !important;
    width: 195px !important;
}

.modalWindowHeader {
    border-bottom: 1px solid #bbc8d0;
}

.modalWindowBody {
    border: none;
    background-color: white;
    margin: 5px -4px 3px -4px;
}

.modalWindowBodySearch {
    background-color: black;
    border: none;
    margin: 5px -4px 3px -4px;
}

.modalWindowHeader {
    height: 50px;
}

.modalWindowTitle {
    font-family: Roboto-Medium !important;
    color: #455b65 !important;
    font-size: 14px !important;
    padding-left: 33px !important;
}

.modalWindowTitleNoPadding {
    font-family: Roboto-Medium !important;
    color: #455b65 !important;
    font-size: 14px !important;
    padding-left: 5px !important;
}

.modalWindowTitleUpload {
    font-family: Roboto-Medium !important;
    color: #455b65 !important;
    font-size: 14px !important;
    padding-left: 22px !important;
    text-transform: none !important;
}

.modalWindowTitleBOM {
    font-family: Roboto-Medium !important;
    color: #455b65 !important;
    font-size: 14px !important;
    padding-left: 22px !important;
    padding-top: 5px;
    text-transform: none !important;
}

.modalWindowTitle1 {
    font-family: Roboto-Medium !important;
    color: #455b65 !important;
    font-size: 14px !important;
    padding-left: 5px !important;
}

.modalWindowTitle {
    font-size: 12.5px;
    font-family: Roboto-Regular;
    color: #455b65 !important;
    padding-top: 5px;
    padding-left: 10px;
    text-transform: none;
}

.modalWindowQuestion {
    font-size: 13px;
    font-family: Roboto-Light;
    color: #899ca6 !important;
    padding-top: 15px;
    padding-left: 10px;
    text-transform: none;
}

.modalWindowQuestionSmall {
    font-size: 13px;
    font-family: Roboto-Light;
    color: #455b65 !important;
    text-transform: none;
}

.radioInput {
    font-size: 14px;
    font-family: Roboto-Bold, sans-serif;
    color: #404041;
    padding-top: 5px;
}

.checkboxinput,
.checkboxinputOver,
.checkboxinputSelected,
.checkboxinputSelectedOver,
.checkboxinputorange {
    font-size: 12px;
    font-family: Roboto-Regular, sans-serif;
    color: #404041;
    margin-top: -3px !important;
    margin-bottom: 3px !important;
}

.checkboxinputorange {
    color: #ff5f11;
}

.modalWindowForm {
    margin: 10px 30px 10px 30px;
}

.closeButtonStyle,
.closeButtonStyleOver,
.closeButtonStyleDown {
    border: none;
    background-color: white;
}

.gantHeaderLabel {
    font-family: Roboto-Regular, sans-serif;
    font-weight: bolder;
    font-size: 16px;
    color: #404041;
    padding-top: 5px;
}

.submenuGroupName,
.submenuGroupNameDisabled,
.submenuGroupNameOver,
.submenuGroupNameSelected,
.submenuGroupNameDown,
.submenuGroupNameFocused,
.submenuGroupNameSelectedOver {
    margin-left: 5px;
    margin-right: 10px;
    margin-top: 5px;
    position: relative;
    font-size: 18px;
    font-family: Roboto-Bold;
    color: #455b65;
}

.projectTitleDisabled,
.projectTitleDisabledHint {
    margin-left: 5px;
    position: relative;
    font-size: 18px;
    font-family: Roboto-Bold;
    color: #455b65;
    background-color: #f3f3f3;
    padding: 0px;
    line-height: 1em;
    border-style: none !important;
}

.staticHeaderTitle,
.staticHeaderTitleDisabled {
    margin-left: 5px;
    margin-top: 5px;
    position: relative;
    font-size: 18px;
    font-family: Roboto-Bold;
    color: #455b65;
    background-color: #f3f3f3;
    padding: 0px;
    line-height: 1em;
    border-style: none !important;
    text-transform: uppercase !important;
}

.projectTitle,
.projectTitleSelected,
.projectTitleFocused,
.projectTitleSelectedDown {
    margin-left: 5px;
    position: relative;
    font-size: 18px;
    font-family: Roboto-Bold;
    color: #455b65;
    background-color: white;
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0px;
    line-height: 1em;
}

/* Remove this class css? */
.projectNameLabel {
    color: white;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Roboto-Regular, sans-serif;
    font-size: 36px;
}

.selectionPicker {
    background-color: white;
    border: none;
}

.roundedInputMember,
.roundedInputMemberFocused {
    border: 1px solid #8f8b8b;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Regular, sans-serif;
    font-size: 14px;
}

.roundedInputMemberHint {
    border: 1px solid #8f8b8b;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Regular, sans-serif;
    font-size: 14px;
    color: #8f8b8b;
}

.selection2Input,
.selection2InputOver,
.selection2InputDown,
.selection2InputSelected,
.selection2InputFocused,
.selection2InputHint,
.selection2InputDisabled,
.selection2InputDisabledFocused,
.selection2InputDisabledSelected {
    border: none;
    padding: 2px 4px;
    outline: 0;
    font-family: Roboto-Regular;
    font-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("images/dropdown_icon.png") no-repeat 2% 50% #fff;
    padding-left: 25px;
}

.selectionInputDisabled,
.selectionInputDisabledFocused,
.selectionInputDisabledSelected {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px 2px 0px;
    outline: 0;
    font-family: Roboto-Light;
    font-size: 12.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #455b65;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    text-transform: none !important;
}

.selectionInputVersion,
.selectionInputVersionDisabled,
.selectionInputVersionDisabledFocused,
.selectionInputVersionDisabledSelected,
.selectionInputVersionOver,
.selectionInputVersionDown,
.selectionInputVersionSelected,
.selectionInputVersionHint {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 4px 1px 4px;
    outline: 0;
    font-family: Roboto-Light;
    font-size: 11px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #455b65;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    text-transform: none !important;
    height: 18px !important;
}

.disabledTextItem1 {
    border: 2px solid #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px 2px 0px;
    outline: 0;
    font-family: Roboto-Light;
    font-size: 12.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #455b65;
    appearance: none;

    background-size: 12px 12px;
    text-transform: none !important;
}

.disabledTextItem12 {
    border: 1px solid #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 4px 4px 0px;
    outline: 0;
    font-family: Roboto-Light;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #899ca6;
    appearance: none;

    background-size: 12px 12px;
    text-transform: none !important;
}

.disabledTextItemFileCADSmall {
    height: 20px !important;
}

.selectionInput,
.selectionInputOver,
.selectionInputDown,
.selectionInputSelected,
.selectionInputHint {
    border: 1px solid rgba(0, 0, 0, 0.15);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 4px 1px 4px;
    outline: 0;
    font-family: Roboto-Light;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #53575a;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    text-transform: none !important;
    height: 18px !important;
}

.selectionInputPriority,
.selectionInputPriorityOver,
.selectionInputPriorityDown,
.selectionInputPrioritySelected,
.selectionInputPriorityFocused,
.selectionInputPriorityHint {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0px 4px 3px 7px;
    outline: 0;
    font-family: Roboto-Light;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #455b65;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    text-transform: none !important;
    margin-top: -2px;
}

.selectionInputPriorityDisabled {
    border: 1px solid #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0px 4px 3px 7px;
    outline: 0;
    font-family: Roboto-Light;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #455b65;
    appearance: none;
    margin-top: -2px;
    size: 12px 12px;
    text-transform: none !important;
}

.selectionInputPriority1,
.selectionInputPriority1Over,
.selectionInputPriority1Down,
.selectionInputPriority1Selected,
.selectionInputPriority1Focused,
.selectionInputPriority1Hint {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 4px 1px 4px;
    outline: 0;
    font-family: Roboto-Light;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #455b65;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    text-transform: none !important;
}

.selectionInputPriority1Disabled {
    border: 1px solid #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0px 4px 3px 7px;
    outline: 0;
    font-family: Roboto-Light;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #455b65;
    appearance: none;
    margin-top: 1px;
    size: 12px 12px;
    text-transform: none !important;
}

.selectionInputFocused,
.selectionInputFocusedFocused {
    border: 1px solid #6cb1b1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 4px 1px 4px;
    outline: 0;
    font-family: Roboto-Light;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #455b65;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    text-transform: none !important;
    height: 18px !important;
    box-shadow: 0 0 5px #6cb1b1 !important;
}

.,
.selectionInputOverR,
.selectionInputDownR,
.selectionInputSelectedR,
.selectionInputFocusedR,
.selectionInputHintR,
.selectionInputDisabledR,
.selectionInputDisabledFocusedR,
.selectionInputDisabledSelectedR {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 0px 2px 0px;
    outline: 0;
    font-family: Roboto-Light;
    font-size: 12.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #455b65;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    text-transform: none !important;
    /*	margin-bottom:5px;
		height: 20px !important;*/
}

.taskPrioritySelectColor {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.selectionInput.small {
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    padding: 1px 2px;
    font-size: 12px;
    line-height: 1em;
    min-width: 105px;
}

.selectionInputDisabled,
.selectionInputDisabledFocused,
.selectionInputDisabledSelected {
    background: #ffffff;
    color: #455b65 !important;
    border: none;
    font-size: 12.5px !important;
    height: 17px !important;
}

.selectionInputUnfocusableR {
    pointer-events: none;
}

.selectionInputDisabledR,
.selectionInputDisabledFocusedR,
.selectionInputDisabledSelectedR {
    background: #ffffff;
    color: #455b65 !important;
    border: none;
    font-size: 12.5px !important;
    height: 17px !important;
    line-height: 1.2em;
    text-transform: none !important;
    /*padding-bottom:15px; */
}

.selectionInputLB,
.selectionInputLBOver,
.selectionInputLBDown,
.selectionInputLBSelected,
.selectionInputLBFocused,
.selectionInputLBHint {
    color: #455b65;
    margin-top: 2px;
    margin-right: 5px;
    background-color: #fff;
    border: 1px solid #455b65;
    border-radius: 3px;
    font-family: Roboto-Regular, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.4em !important;
    text-align: left !important;
    height: 26px !important;
    border: 1px solid #455b65;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0px 4px 0px 4px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("images/dropdown arrowLB.png") no-repeat 98% 50% #fff;
    color: #455b65;
}

.selectionInputLeft,
.selectionInputLeftOver,
.selectionInputLeftDown,
.selectionInputLeftSelected,
.selectionInputLeftFocused,
.selectionInputLeftHint,
.selectionInputLeftSmall,
.selectionInputLeftSmallOver,
.selectionInputLeftSmallDown,
.selectionInputLeftSmallSelected,
.selectionInputLeftSmallFocused,
.selectionInputLeftSmallHint,
.selectionInputLeftDisabled,
.selectionInputLeftDisabledDown,
.selectionInputLeftDisabledFocused,
.selectionInputLeftDisabledSelected {
    border-left: 1px solid #bbc8d0;
    border-top: 1px solid #bbc8d0;
    border-bottom: 1px solid #bbc8d0;
    border-right: 1px solid #dedede;
    border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    padding: 2px 0px 2px 6px !important;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Regular, sans-serif;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #455b65;
}

.selectionInputRight,
.selectionInputRightOver,
.selectionInputRightDown,
.selectionInputRightSelected,
.selectionInputRightFocused,
.selectionInputRightHint,
.selectionInputRightSmall,
.selectionInputRightSmallOver,
.selectionInputRightSmallDown,
.selectionInputRightSmallSelected,
.selectionInputRightSmallFocused,
.selectionInputRightSmallHint,
.selectionInputRightDisabled,
.selectionInputRightDisabledDown,
.selectionInputRightDisabledFocused,
.selectionInputRightDisabledSelected {
    border-right: 1px solid #bbc8d0;
    border-top: 1px solid #bbc8d0;
    border-bottom: 1px solid #bbc8d0;
    border-left: 1px solid #dedede;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    padding: 2px 0px 2px 7px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light, sans-serif;
    font-size: 12.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    color: #455b65 !important;
    text-transform: none !important;
}

.selectionInputMiddle,
.selectionInputMiddleOver,
.selectionInputMiddleDown,
.selectionInputMiddleSelected,
.selectionInputMiddleFocused,
.selectionInputMiddleHint,
.selectionInputMiddleSmall,
.selectionInputMiddleSmallOver,
.selectionInputMiddleSmallDown,
.selectionInputMiddleSmallSelected,
.selectionInputMiddleSmallFocused,
.selectionInputMiddleSmallHint,
.selectionInputMiddleDisabled,
.selectionInputMiddleDisabledDown,
.selectionInputMiddleDisabledFocused,
.selectionInputMiddleDisabledSelected {
    margin-right: -1px;
    border-top: 1px solid #bbc8d0;
    border-bottom: 1px solid #bbc8d0;
    padding: 2px 10px 2px 10px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Regular, sans-serif;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #455b65;
}

.selectionInputLeftDisabled,
.selectionInputLeftDisabledDown,
.selectionInputLeftDisabledFocused,
.selectionInputLeftDisabledSelected,
.selectionInputRightDisabled,
.selectionInputRightDisabledDown,
.selectionInputRightDisabledFocused,
.selectionInputRightDisabledSelected,
.selectionInputMiddleDisabled,
.selectionInputMiddleDisabledDown,
.selectionInputMiddleDisabledFocused,
.selectionInputMiddleDisabledSelected {
    background-color: #ffffff;
}

.selectionInputLeftSmall,
.selectionInputLeftSmallOver,
.selectionInputLeftSmallDown,
.selectionInputLeftSmallSelected,
.selectionInputLeftSmallFocused,
.selectionInputLeftSmallHint,
.selectionInputRightSmall,
.selectionInputRightSmallOver,
.selectionInputRightSmallDown,
.selectionInputRightSmallSelected,
.selectionInputRightSmallFocused,
.selectionInputRightSmallHint,
.selectionInputMiddleSmall,
.selectionInputMiddleSmallOver,
.selectionInputMiddleSmallDown,
.selectionInputMiddleSmallSelected,
.selectionInputMiddleSmallFocused,
.selectionInputMiddleSmallHint {
    padding: 1px 2px;
    font-size: 12px;
}

.selectionInputRightSmall,
.selectionInputRightSmallOver,
.selectionInputRightSmallDown,
.selectionInputRightSmallSelected,
.selectionInputRightSmallFocused,
.selectionInputRightSmallHint {
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
}

.selectionInputHint,
.selectionInputLeftHint,
.selectionInputMiddleHint,
.selectionInputRightHint {
    color: #455b65;
}

.roundedInputTextArea {
    font-family: Roboto-Light;
    font-size: 13px !important;
    width: 530px;
    height: 80px !important;
    color: #455b65;
}

.roundedInputTextAreaFocused {
    font-family: Roboto-Light;
    font-size: 13px !important;
    width: 530px;
    height: 80px !important;
    color: #455b65;
    border: solid 1px #6cb1b1 !important;
    box-shadow: 0 0 5px #6cb1b1 !important;
}

.btnGreen {
    color: #455b65;
    background-color: #fff;
    font-family: Roboto-Regular;
    border-radius: 50px;
    font-size: 12.5px;
    line-height: 1em;
    border: 1px solid #455b65;
    text-transform: none !important;
}

.btnGreen_header {
    color: #455b65;
    background-color: #fff;
    font-family: Roboto-Regular;
    border-radius: 50px;
    font-size: 12.5px;
    line-height: 1em;
    border: 1px solid #7db342;
    text-transform: none !important;
}

.btnGreen_headerOver,
.btnGreen_headerSelected,
.btnGreen_headerDown,
.btnGreen_headerSelectedOver,
.btnGreen_headerSelectedDown {
    color: #fff;
    background-color: #455b65;
    font-family: Roboto-Regular !important;
    border-radius: 50px;
    font-size: 12.5px;
    line-height: 1em;
    text-transform: none !important;
}

.btnGreen_headerDisabled {
    color: #b2b3b6;
    background-color: #ffffff;
    border-radius: 50px;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    line-height: 1em;
    border: 1px solid #b2b3b6;
    text-transform: none !important;
}

/*.btnGreen {
	color: #fff;
	background-color: #7db342;
	font-family: Roboto-Regular;
	border-radius: 50px;
	font-size: 12px;
	line-height: 1em;
}*/
.btnGreenOver,
.btnGreenSelected,
.btnGreenDown {
    color: #fff;
    background-color: #455b65;
    font-family: Roboto-Regular;
    border-radius: 50px;
    font-size: 12.5px;
    line-height: 1em;
    text-transform: none !important;
}

.btnGreenDisabled {
    color: #b1b3b6;
    background-color: #ffffff;
    border-radius: 50px;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    line-height: 1em;
    border: 1px solid #b1b3b6;
    text-transform: none !important;
}

.buttonRoundedOver {
    background-image: none !important;
    text-transform: none !important;
}

.btnRedd {
    color: #455b65;
    background-color: #ffffff;
    border: 1px solid #f44336;
    border-radius: 25px;
    font-family: Roboto-Regular;
    font-size: 13px;
    line-height: 1em;
    text-transform: none !important;
}

.btnReddOver,
.btnReddSelected,
.btnReddDown {
    color: #fff;
    background-color: #455b65;
    font-family: Roboto-Regular;
    border-radius: 50px;
    font-size: 12.5px;
    line-height: 1em;
    text-transform: none !important;
}

.btnReddDisabled {
    color: #b1b3b6;
    background-color: #ffffff;
    border-radius: 50px;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    line-height: 1em;
    border: 1px solid #b1b3b6;
    text-transform: none !important;
}

.btnRedDisabled {
    color: #fff;
    background-color: #bbc8d0;
    border-radius: 5px;
    font-family: Roboto-Regular;
    font-size: 16px;
    line-height: 1em;
}

.btnBoldBig {
    font-family: Roboto-Regular !important;
    font-size: 14px !important;
}

.roundedInputRight,
.roundedInputRightHint,
.roundedInputRightFocused,
.roundedInputRightOver,
.roundedInputRightDisabled,
.roundedInputRightDisabledHint,
.roundedInputRightDisabledFocused,
.roundedInputRightDisabledOver {
    border: 1px solid #bbc8d0;
    border-left: none;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Regular, sans-serif;
    font-size: 14px;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
}

.roundedInputRightDisabled,
.roundedInputRightDisabledHint,
.roundedInputRightDisabledFocused,
.roundedInputRightDisabledOver {
    background-color: #ffffff;
}

.roundedInputDropPicker,
.roundedInputDropPickerFocused,
.roundedInputDropPickerOver {
    height: 24px;
    border: 1px solid #bbc8d0;
    border-left: none;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Regular, sans-serif;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    background: url("images/dropdown arrow copy_dates.png") no-repeat center
        center #fff;
}

.roundedInputUserDropPicker,
.roundedInputUserDropPickerFocused,
.roundedInputUserDropPickerOver,
.roundedInputUserDropPickerDisabled,
.roundedInputUserDropPickerDisabledFocused,
.roundedInputUserDropPickerDisabledDown {
    height: 16px;
    border: 1px solid #bbc8d0;
    border-left: none;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Regular, sans-serif;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    background: url("images/dropdown arrow copy_dates.png") no-repeat center
        center #fff;
}

.roundedInputUserDropPickerDisabled,
.roundedInputUserDropPickerDisabledFocused,
.roundedInputUserDropPickerDisabledDown {
    background: none;
    border: none;
}

.roundedInputLeft,
.roundedInputLeftHint,
.roundedInputLeftFocused,
.roundedInputLeftSmall,
.roundedInputLeftSmallHint,
.roundedInputLeftSmallFocused,
.roundedInputLeftDisabled,
.roundedInputLeftDisabledFocused,
.roundedInputLeftDisabledDown,
.roundedInputLeftDisabledHint {
    border: 1px solid #bbc8d0;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light, sans-serif;
    font-size: 12.5px;
    border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    color: #455b65;
    text-transform: none !important;
}

.roundedInputLeftFocused,
.roundedInputLeftSmallFocused,
.roundedInputLeftDisabledFocused {
    border: 1px solid #0e9dd8;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light, sans-serif;
    font-size: 12.5px;
    border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    color: #455b65;
    text-transform: none !important;
}

.roundedInputAct,
.roundedInputActHint,
.roundedInputActSmall,
.roundedInputActSmallHint,
.roundedInputActDisabled,
.roundedInputActDisabledDown,
.roundedInputActDisabledHint {
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light, sans-serif;
    font-size: 13px;
    border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    color: #455b65;
    text-transform: none !important;
    height: 18px !important;
}

.roundedInputActFocused,
.roundedInputActSmallFocused,
.roundedInputActDisabledFocused {
    border: 1px solid #6cb1b1;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light, sans-serif;
    font-size: 13px;
    border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    color: #455b65;
    text-transform: none !important;
    height: 18px !important;
    box-shadow: 0 0 5px #6cb1b1 !important;
}

.roundedInputLeftDisabled,
.roundedInputLeftDisabledFocused,
.roundedInputLeftDisabledDown,
.roundedInputLeftDisabledHint {
    background-color: #ffffff;
    border: none;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* removes selection*/
    pointer-events: none; /* removes pointer*/
}

.roundedInputLeftSmall,
.roundedInputLeftSmallHintm,
.roundedInputLeftSmallFocused {
    padding: 1px 2px;
    font-size: 12px;
}

.calendarWindow {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: none;
    margin: 0px;
    padding: 0px;
    -webkit-box-shadow: 0px 0px 4px 1px rgb(192, 192, 192);
    -moz-box-shadow: 0px 0px 4px 1px rgb(192, 192, 192);
    box-shadow: 0px 0px 4px 1px rgb(192, 192, 192);
    background-color: #ffffff;
}

.calendarWindowBody {
    border: none;
    margin: -1px -5px -5px -0px;
    margin-left: 115px;
}

.customCalendar {
    background-color: #ffffff !important;
    font-family: Roboto-Regular !important;
    font-size: 12px;
    border: 0;
    width: 100%;
    height: 100%;
    padding: 0px;

    margin-left: -4px !important;
}

.customCalendarTeam {
    background-color: #ffffff !important;
    font-family: Roboto-Regular !important;
    font-size: 12px;
    border: 0;
    width: 100%;
    height: 100%;
    padding: 0px;
    border: 1px solid #cccccc !important;
    margin-left: -4px !important;
    box-shadow: 0px 0px 4px 1px rgb(192, 192, 192);
}

.customCalendarSmall {
    background-color: #ffffff !important;
    font-family: Roboto-Regular !important;
    font-size: 12px;
    border: 0;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin-left: -5px !important;
}

.headerMarginNegative {
    margin-top: -5px;
}
.customCalendarGwt6 {
    /* background-color: #455b65 !important; */
    font-family: Roboto-Regular !important;
    font-size: 12px;
    border: 0;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin-left: -7px !important;
}

.customCalendar1 {
    background-color: #f3f3f3 !important;
    font-family: Roboto-Regular !important;
    font-size: 12px;
    border: 0;
    width: 100%;
    height: 100%;
    padding: 0px;
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
}

.calendarDays,
.calendarDaysOver,
.calendarDaysSelected,
.calendarDaysOver,
.calendarDaysSelectedOver,
.calendarDaysDisabled,
.calendarDaysDisabledOver,
.calendarDaysDisabledSelected,
.calendarDaysDisabledSelectedOver {
    font-family: Roboto-Light, sans-serif;
    font-size: 13px;
    color: #455b65;
    background-color: white;
    height: 24px;
    width: 24px;
}

.calendarDaysDisabled,
.calendarDaysDisabledOver,
.calendarDaysDisabledSelected,
.calendarDaysDisabledSelectedOver {
    color: #adadad;
}

.calendarDaysOver {
    color: #005959;
    font-family: Roboto-Medium;
    /*border:1px solid #7db342;*/
    background-color: #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 24px;
    width: 24px;
}

.calendarDaysSelected,
.calendarDaysSelectedOver {
    color: #005959;
    font-family: Roboto-Medium;
    background-color: #ddeff0;
    /*border:1px solid #455b65;*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 24px;
    width: 24px;
}

.calendarButtons,
.customCalendar .dateChooserButton,
.customCalendar .dateChooserWeekendButton {
    /*background-color: #7db342;*/
    font-family: Roboto-Light, sans-serif;
    font-size: 12px;
    border: none;
    color: #455b65;
}

.calendarNav,
.calendarNavOver,
.calendarNavFocused,
.calendarNavDown,
.calendarNavSelected,
.calendarNavDisabled {
    background-color: #005959;
    color: white;
    /*	height: 25px; */
    font-family: Roboto-Light !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.calendarNav1,
.calendarNav1Over,
.calendarNav1Focused,
.calendarNav1Down,
.calendarNav1Selected,
.calendarNav1Disabled {
    background-color: #f3f3f3;
    color: #455b65;
    height: 32px;
    font-family: Roboto-Regular !important;
}

.timePickersLeft,
.timePickersLeftOver,
.timePickersLeftSelected,
.timePickersLeftFocused {
    margin: 20px 0px 2px 45px;
    padding: 0px;
    width: 30px;
    float: left;
}

.timePickersLeftSmall,
.timePickersLeftSmallOver,
.timePickersLeftSmallSelected,
.timePickersLeftSmallFocused {
    margin-right: -5px;
    float: right;
}

.timePickersMiddle,
.timePickersMiddleOver,
.timePickersMiddleSelected,
.timePickersMiddleFocused {
    margin: 20px 0px 2px 0px;
    padding: 0px;
    width: 30px;
    float: left;
}

.timePickersRight,
.timePickersRightOver,
.timePickersRightSelected,
.timePickersRightFocused {
    padding: 0px;
    width: 50px;
    padding-bottom: 2px;
}

.timePickersRightSmall,
.timePickersRightSmallOver,
.timePickersRightSmallSelected,
.timePickersRightSmallFocused {
    margin-left: -5px;
    float: left;
}

.timePickersRightSmall2,
.timePickersRightSmall2Over,
.timePickersRightSmall2Selected,
.timePickersRightSmall2Focused {
    margin-left: -15px;
    float: left;
}

.timePickersLeft2,
.timePickersLeft2Over,
.timePickersLeft2Selected,
.timePickersLeft2Focused {
    margin: 20px 0px 2px 45px;
    padding: 0px;
    width: 30px;
    float: left;
}

.timePickersMiddle2,
.timePickersMiddle2Over,
.timePickersMiddle2Selected,
.timePickersMiddle2Focused {
    margin: 20px 0px 2px 0px;
    padding: 0px;
    width: 30px;
    float: left;
}

.timePickersRight2,
.timePickersRight2Over,
.timePickersRight2Selected,
.timePickersRight2Focused {
    padding: 0 0 2px 0;
    width: 50px;
}

.timePickersLeft3,
.timePickersLeft3Over,
.timePickersLeft3Selected,
.timePickersLeft3Focused {
    padding: 2px 0px 0px 0px;
    width: 50px;
    float: right;
}

.timePickersLeft4,
.timePickersLeft4Over,
.timePickersLeft4Selected,
.timePickersLeft4Focused {
    float: right;
    margin-right: -5px;
}

.timePickersRight3,
.timePickersRight3Over,
.timePickersRight3Selected,
.timePickersRight3Focused {
    padding: 2px 0px 2px 0px;
    width: 60px;
}

.timePickersRight3b,
.timePickersRight3bOver,
.timePickersRight3bSelected,
.timePickersRight3bFocused {
    padding: 0px 0px 1px 0px;
    width: 60px;
}

.timePickersMiddleTask,
.timePickersMiddleTaskOver,
.timePickersMiddleTaskSelected,
.timePickersMiddleTaskFocused {
    float: left;
    margin: 2px 0px -2px -8px;
    padding: 0px;
}

.timePickersAMPM,
.timePickersAMPMOver,
.timePickersAMPMSelected,
.timePickersAMPMFocused {
    float: left;
    padding: 0px;
    margin: 4px 0px 0px -8px;
}

.durationPicker {
    float: left;
    padding: 0px;
    margin: 3px 0px 0px -2px;
}

.durationPicker {
    float: left;
    padding: 0px;
    margin: 3px 0px 0px -2px;
}

.timePickersRightTask,
.timePickersRightTaskOver,
.timePickersRightTaskSeleceted,
.timePickersRightTaskFocused {
    float: left;
    margin-left: 26px;
    margin-top: -30px;
}

.userProfileName {
    font-family: Roboto-Bold;
    font-size: 25px;
    float: right;
    color: #455b65;
    letter-spacing: 1px;
    text-transform: none;
}

.userProfileMail {
    font-family: Roboto-Regular;
    font-size: 14px;
    float: right;
    color: #999999;
    text-transform: none;
}

.userProfileHeader {
    margin-left: 15px;
    margin-right: 30px;
}

.userProfileSaveBtn {
    font-family: Roboto-Regular;
    font-size: 13px;
    color: #455b65;
    /*padding-top: 10px;*/
    padding-right: 15px;
    text-transform: none;
}

.userProfileSaveBtn1 {
    padding-top: 10px;
    padding-right: 15px;
    margin-top: 10px;
}

.tabButtonTopSelected,
.tabButtonTopSelectedOver,
.tabButtonTopSelectedDown {
    text-transform: none !important;
    font-size: 13px !important;
    font-family: Roboto-Regular !important;
    color: #455b65 !important;
    background-image: none !important;
    background-color: white !important;
    border-bottom: 2px solid #007faa !important;
    border-top: none !important;
    border-right: none !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-color: #455b65 !important;
    /* border-left-color: #455b65 !important; */
    border-right-color: #455b65 !important;
}

.tabButtonBottomSelected,
.tabButtonBottomSelectedOver,
.tabButtonBottomSelectedDown {
    text-transform: none !important;
    font-size: 16px !important;
    font-family: Roboto-Medium !important;
    color: #455b65 !important;
    background-image: none !important;
    background-color: white !important;
    border-bottom: 2px solid #0e9dd8 !important;
    border-top: none !important;
    border-right: none !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-color: #455b65 !important;
    /* border-left-color: #455b65 !important; */
    border-right-color: #455b65 !important;
}

.tabButtonTop,
.tabButtonTopDown,
.tabButtonTopDisabled {
    text-transform: none !important;
    font-size: 13px !important;
    font-family: Roboto-Light !important;
    color: #899ca6 !important;
    background-image: none !important;
    background-color: white !important;
    border-top: none !important;
    border-right: none !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom: 1px solid #ffffff !important;
}

.tabButtonTopOver {
    text-transform: none !important;
    font-size: 13px !important;
    font-family: Roboto-Light !important;
    color: #899ca6 !important;
    background-image: none !important;
    background-color: white !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: 2px solid #0e9dd8 !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.tabButtonBottom,
.tabButtonBottomOver,
.tabButtonBottomDown,
.tabButtonBottomDisabled {
    text-transform: none !important;
    font-size: 16px !important;
    font-family: Roboto-Regular !important;
    color: #777777 !important;
    background-image: none !important;
    background-color: white !important;
    border-top: none !important;
    border-right: none !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-left-color: #bbc8d0 !important;
    border-right-color: #bbc8d0 !important;
}

.tabButtonTopDisabled,
.tabButtonTopDisabled {
    /* background-color:#f0f0f0 !important; */
    color: #bbc8d0 !important;
}

.tabSetContainer {
    border-right: none !important;
    background-color: none !important;
}

.detailTitlesTask {
    color: #455b65;
    font-family: Roboto-Regular;
    font-size: 13px;
    border-bottom: 1pt solid #bbc8d0;
    height: 50px;
    margin-right: 10px;
}

.detailTitles {
    color: #455b65 !important;
    font-family: Roboto-Regular;
    font-size: 14px;
    border-bottom: 1pt solid #bbc8d0;
    height: 50px;
}

.detailTitles .sectionHeaderopened,
.detailTitles .sectionHeaderclosed {
    font-family: Roboto-Medium;
    font-size: 14px;
    color: #455b65;
    background: #ffffff !important;
    text-transform: none !important;
}

.detailTitles .groupNode,
.detailTitles .groupNodeOver,
.detailTitles .groupNodeSelected,
.detailTitles .groupNodeSelectedOver {
    font-family: Roboto-Regular;
    font-size: 14px;
    border: none;
    color: #455b65 !important;
    font-weight: normal;
}

.workOrderValue,
.taksvalue {
    font-family: Roboto-Bold;
    color: #455b65;
    padding-top: 10px;
    font-size: 22px;
    float: left;
    width: 200px;
}

.workOrderTitle {
    font-family: Roboto-Regular;
    font-size: 22px;
    color: #455b65;
}

.taskTitle {
    font-family: Roboto-Regular;
    font-size: 22px;
    color: #455b65;
    padding-left: 3px;
}

.taskTitleValue {
    font-family: Roboto-Regular;
    font-size: 22px;
    color: #455b65;
    padding-left: 3px;
}

.workOrderStatusValue {
    font-family: Roboto-Bold;
    color: #455b65;
    padding-top: 10px;
    font-size: 22px;
    float: left;
    width: 150px;
}

.detailBoxes {
    margin-top: 15px;
}

.workOrderTitle {
    float: left;
    width: 130px;
    padding-left: 20px;
    padding-top: 10px;
    color: #6b98b6;
    font-family: Roboto-Bold;
    font-size: 22px;
}

.workOrderStatus {
    padding-top: 10px;
    float: right;
    color: #6b98b6;
    font-family: Roboto-Regular;
    font-size: 22px;
}

.lblDescriptionDetails {
    float: left;
    font-family: Roboto-Regular;
    font-size: 16px;
    text-align: left;
    color: #8f8b8b;
    padding-bottom: 30px;
}

.firstBoxForm {
    padding-left: 22px;
}

.comboTitles,
.comboTitlesFocused,
.comboTitlesTextFocused {
    color: #8f8b8b;
    font-family: Roboto-Regular;
    font-size: 16px;
}

.comboTitlesBox,
.comboTitlesBoxFocused,
.comboTitlesBoxTextFocused {
    padding-left: 5px;
    color: #8f8b8b;
    border-style: ridge;
    border-radius: 2px;
    font-family: Roboto-Regular;
    font-size: 16px;
}

.detailsDescription {
    padding-top: 15px;
}

.getSearchType {
    margin-top: 10px;
    /*border-bottom: 1px solid rgb(230, 230, 230);*/
    margin-left: 10px !important;
    background-color: #edf1f4;
}

.searchTypeName {
    font-family: Roboto-Medium;
    font-size: 14px;
    float: left;
    padding-left: 10px;
    padding-top: 10px;
    color: #455b65 !important;
}

.searchTypeNameCount {
    font-family: Roboto-Regular;
    font-size: 14px;
    float: left;
    padding-left: 10px;
    padding-top: 10px;
    color: #455b65 !important;
}

.typeImg {
    padding-top: 5px;
    margin-left: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

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

.searchCanvas {
    font-size: 16px;
    float: left;
    color: #8f8b8b;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.searchBody {
    margin-top: 10px;
}

.searchUpdate {
    float: left;
    color: #8f8b8b;
    font-family: Roboto-Regular;
    font-size: 16px;
    padding-top: 5px;
}

.lblSearchResult {
    float: left;
    font-family: Roboto-Bold;
    font-size: 28px;
    color: white;
    padding-top: 10px;
    padding-left: 20px;
}

.assignmentName {
    font-size: 20px;
    font-family: Roboto-Bold;
    color: #1a74bb;
    padding-left: 10px;
    border-left: 3pt solid green;
    outline: 2pt solid white;
}

.stackSection {
    background-color: #455b65;
    border-bottom: 1px solid #085385;
}

.stackSection:hover,
.stackSectionDown {
    background-color: #085385;
    border-bottom: 1px solid #085385;
}

.stackSectionTtile {
    color: #fff;
    font-family: Roboto-Bold, sans-serif;
    font-size: 16px;
}

/* GANTT */
.gantt_cal_light {
    z-index: 999997 !important;
}

.gantt_cal_cover {
    z-index: 999996 !important;
}

.dhtmlx_modal_box {
    z-index: 999999 !important;
}

.dhx_modal_cover {
    z-index: 999998 !important;
}

.ganttTaskBlue {
    border: 1px solid #0066cc;
    color: #0066cc;
    background: #0066cc;
}

.ganttAttachment {
    vertical-align: middle;
    height: 16px;
    width: 16px;
    margin-left: 3px;
    margin-top: -3px !important;
    margin-right: 6px;
}

.ganttStatusIcon {
    vertical-align: middle;
}

.ganttMoreUsers {
    border-radius: 16px;
    -moz-border-radius: 16px;
    -khtml-border-radius: 16px;
    -webkit-border-radius: 16px;
    border: 1px solid #0e9dd8;
    padding: 2px 3px;
    margin-left: 2px;
    background-color: #ddeff0;
    font-size: 12px;
}

.projectType {
    border-radius: 18px;
    -moz-border-radius: 18px;
    -khtml-border-radius: 18px;
    -webkit-border-radius: 18px;
    border: 2px solid #455b65;
    padding: 2px 3px;
    margin-left: 2px;
}

.gantt_tree_icon.gantt_file {
    background: none;
    width: 0px;
    margin-left: -15px;
}

/* NOT GANTT ANYMORE */
.wordWrapLayout {
    word-wrap: break-word;
}

.loginText:hover {
    /*text-decoration: underline;*/
    color: #7db342;
}

.profileInputDisabled,
.profileInputDisabledSelected,
.profileInputDisabledFocused {
    border: 1px solid #bbc8d0;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    min-width: 245px;
    margin: -2px;
    color: #455b65;
}

.buttons_set_share {
    font-family: Roboto-Regular, sans-serif;
    font-size: 12.5px;
    color: #404041;
    text-transform: none !important;
}

.listgridline,
.listgridlineDark,
.listgridlineDownDark,
.listgridlineDown,
.listgridlineFocused,
.listgridlineFocusedDark,
.listgridlineSelected,
.listgridlineSelectedDark,
.listgridlineSelectedOver,
.listgridlineSelectedOverDark,
.listgridlineOver,
.listgridlineOverDark {
    padding-top: 3px;
    font-family: Roboto-Regular;
    font-size: 13px;
    color: #455b65 !important;
    border-bottom: 1px solid #8f8b8b;
}

.btnAddActivity,
.btnAddActivityOver,
.btnAddActivityDown {
    background-color: #ffffff;
    border-radius: 50px;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    border: 1px solid #455b65;
    text-transform: none !important;
}

/*.btnAddActivity,.btnAddActivityOver,.btnAddActivityDown {
	color: #ffffff;
	background-color: #7db342;
	border-radius: 50px;
	font-family: Roboto-Regular;
	font-size: 12px;
}*/
.btnAddActivityOver,
.btnAddActivityDown {
    background-color: #455b65;
    color: #ffffff;
}

.btnAddActivity {
    color: #455b65;
}

.groupFiles {
    font-family: Roboto-Regular !important;
    font-size: 12px !important;
    color: #455b65 !important;
    padding: 1px 0px 1px 0px !important;
    outline: 0 !important;
    min-height: 20px !important;
    height: 20px !important;
    text-transform: uppercase;
}

.dashboardHead {
    font-family: RobotoCondensed-Regular !important;
    font-size: 11px !important;
    font-weight: none !important;
}

.groupFilesDark,
.groupFilesOverDark,
.groupFilesSelectedDark,
.groupFilesOver,
.groupFiles,
.groupFilesSelectedOver,
.groupFilesSelected,
.groupFilesSelectedOverDark {
    font-family: Roboto-Light !important;
    font-size: 13px !important;
    color: #455b65 !important;
    padding: 1px 0px 1px 0px !important;
    outline: 0 !important;
    min-height: 20px !important;
    height: 23px !important;
    text-transform: none;
    border-bottom: 1px solid #dde1e3;
}

.groupFilesSelectedSelected,
.groupFilesSelectedSelectedDown,
.groupFilesSelectedSelectedOver,
.groupFilesDown,
.groupFilesDownOver,
.groupFilesFocused,
.groupFilesFocusedOver,
.groupFilesSelectedSelectedDark,
.groupFilesSelectedSelectedDownDark,
.groupFilesSelectedSelectedOverDark,
.groupFilesDownDark,
.groupFilesDownOverDark,
.groupFilesFocusedDark,
.groupFilesFocusedOverDark {
    font-family: Roboto-Regular !important;
    font-size: 12px !important;
    color: #ffffff;
    padding: 1px 0px 1px 1px !important;
    outline: 0 !important;
    min-height: 28px !important;
    height: 30px !important;
    border-bottom: 1px solid #dde1e3;
}

.groupFilesDark {
    background-color: #ffffff;
    border-bottom: 1px solid #dde1e3;
}

.listTable tr[role="treeitem"] nobr > span:nth-child(2) {
    margin-right: 0 !important;
}

div[id*="SelectEndItemTreeGrid"] ~ table.listTable tr + tr[aria-level="1"] td {
    border-top: solid 1px #b1c1c9;
}

div[id*="EditEnabledEbomTreeGrid"] ~ table.listTable tr[role="treeitem"] td {
    height: 30px;
    box-sizing: content-box;
    border-bottom-width: 1px;
    border-top: 0;
}

.groupFilesLabel {
    font-family: Roboto-Regular;
    font-size: 13px;
    color: #455b65;
    line-height: 2.5;
    padding-left: 5px;
    text-decoration: none;
}

.projSettingsTeamMembersGrid {
    font-family: Roboto-Regular;
    font-size: 13px;
    color: #455b65;
    line-height: 2.5;
    text-decoration: none;
    margin-left: 20px;
}

.groupFilesLabelLocked,
.groupFilesLabelOver {
    font-family: Roboto-Regular;
    font-size: 12px;
    color: #455b65;
    line-height: 2.5;
    padding-left: 5px;
    text-decoration: none;
    text-transform: none !important;
}

a.groupFilesLabel:visited,
a.groupFilesLabel:hover,
a.groupFilesLabel:focus {
    text-decoration: none;
    font-family: Roboto-Regular;
    font-size: 12px;
    color: #455b65;
}

.groupFilesLabelLocked {
    color: rgb(147, 149, 152);
    border-left: 3px solid #455b65 !important;
}

@media (max-width: 1440px) {
    .groupFiles,
    .groupFilesOver,
    .groupFilesSelected,
    .groupFilesSelectedSelected,
    .groupFilesSelectedSelectedDown,
    .groupFilesSelectedSelectedOver,
    .groupFilesSelectedOver,
    .groupFilesDown,
    .groupFilesDownOver,
    .groupFilesFocused,
    .groupFilesFocusedOver,
    .groupFilesDark,
    .groupFilesOverDark,
    .groupFilesSelectedDark,
    .groupFilesSelectedSelectedDark,
    .groupFilesSelectedSelectedDownDark,
    .groupFilesSelectedSelectedOverDark,
    .groupFilesSelectedOverDark,
    .groupFilesDownDark,
    .groupFilesDownOverDark,
    .groupFilesFocusedDark,
    .groupFilesFocusedOverDark {
        font-size: 14px;
    }
    .groupFilesLabel {
        font-size: 14px;
    }
}

div[eventproxy="groupFilestree_body"] tr[role="treeitem"] .groupFiles,
div[eventproxy="groupFilestree_body"] tr[role="treeitem"] .groupFilesOver,
div[eventproxy="groupFilestree_body"] tr[role="treeitem"] .groupFilesSelected,
div[eventproxy="groupFilestree_body"]
    tr[role="treeitem"]
    .groupFilesSelectedDown,
div[eventproxy="groupFilestree_body"]
    tr[role="treeitem"]
    .groupFilesSelectedOver,
div[eventproxy="groupFilestree_body"] tr[role="treeitem"] .groupFilesDownOver,
div[eventproxy="groupFilestree_body"]
    tr[role="treeitem"]
    .groupFilesFocusedOver,
div[eventproxy="groupFilestree_body"] tr[role="treeitem"] .groupFilesDown,
div[eventproxy="groupFilestree_body"]
    tr[role="treeitem"]
    .groupFilesSelectedSelected,
div[eventproxy="groupFilestree_body"]
    tr[role="treeitem"]
    .groupFilesSelectedSelectedDown,
div[eventproxy="groupFilestree_body"]
    tr[role="treeitem"]
    .groupFilesSelectedSelectedOver,
div[eventproxy="groupFilestree_body"] tr[role="treeitem"] .groupFilesFocused,
div[eventproxy="groupFilestree_body"] tr[role="treeitem"] .groupFilesDark,
div[eventproxy="groupFilestree_body"] tr[role="treeitem"] .groupFilesOverDark,
div[eventproxy="groupFilestree_body"]
    tr[role="treeitem"]
    .groupFilesSelectedDark,
div[eventproxy="groupFilestree_body"]
    tr[role="treeitem"]
    .groupFilesSelectedSelectedDark,
div[eventproxy="groupFilestree_body"]
    tr[role="treeitem"]
    .groupFilesSelectedSelectedDownDark,
div[eventproxy="groupFilestree_body"]
    tr[role="treeitem"]
    .groupFilesSelectedSelectedOverDark,
div[eventproxy="groupFilestree_body"]
    tr[role="treeitem"]
    .groupFilesSelectedOverDark,
div[eventproxy="groupFilestree_body"] tr[role="treeitem"] .groupFilesDownDark,
div[eventproxy="groupFilestree_body"]
    tr[role="treeitem"]
    .groupFilesDownOverDark,
div[eventproxy="groupFilestree_body"]
    tr[role="treeitem"]
    .groupFilesFocusedDark,
div[eventproxy="groupFilestree_body"]
    tr[role="treeitem"]
    .groupFilesFocusedOverDark {
    margin-left: -26px !important;
}

div[eventproxy="groupFilestree_body"] tr[aria-expanded] .groupFiles,
div[eventproxy="groupFilestree_body"] tr[aria-expanded] .groupFilesOver,
div[eventproxy="groupFilestree_body"] tr[aria-expanded] .groupFilesSelected,
div[eventproxy="groupFilestree_body"] tr[aria-expanded] .groupFilesSelectedDown,
div[eventproxy="groupFilestree_body"] tr[aria-expanded] .groupFilesSelectedOver,
div[eventproxy="groupFilestree_body"] tr[aria-expanded] .groupFilesDownOver,
div[eventproxy="groupFilestree_body"] tr[aria-expanded] .groupFilesFocusedOver,
div[eventproxy="groupFilestree_body"] tr[aria-expanded] .groupFilesDown,
div[eventproxy="groupFilestree_body"]
    tr[aria-expanded]
    .groupFilesSelectedSelected,
div[eventproxy="groupFilestree_body"]
    tr[aria-expanded]
    .groupFilesSelectedSelectedDown,
div[eventproxy="groupFilestree_body"]
    tr[aria-expanded]
    .groupFilesSelectedSelectedOver,
div[eventproxy="groupFilestree_body"] tr[aria-expanded] .groupFilesFocused,
div[eventproxy="groupFilestree_body"] tr[aria-expanded] .groupFilesDark,
div[eventproxy="groupFilestree_body"] tr[aria-expanded] .groupFilesOverDark,
div[eventproxy="groupFilestree_body"] tr[aria-expanded] .groupFilesSelectedDark,
div[eventproxy="groupFilestree_body"]
    tr[aria-expanded]
    .groupFilesSelectedSelectedDark,
div[eventproxy="groupFilestree_body"]
    tr[aria-expanded]
    .groupFilesSelectedSelectedDownDark,
div[eventproxy="groupFilestree_body"]
    tr[aria-expanded]
    .groupFilesSelectedSelectedOverDark,
div[eventproxy="groupFilestree_body"]
    tr[aria-expanded]
    .groupFilesSelectedOverDark,
div[eventproxy="groupFilestree_body"] tr[aria-expanded] .groupFilesDownDark,
div[eventproxy="groupFilestree_body"] tr[aria-expanded] .groupFilesDownOverDark,
div[eventproxy="groupFilestree_body"] tr[aria-expanded] .groupFilesFocusedDark,
div[eventproxy="groupFilestree_body"]
    tr[aria-expanded]
    .groupFilesFocusedOverDark {
    margin-left: 0px !important;
}

.groupFilesOver,
.groupFilesSelected,
.groupFilesSelectedOver,
.groupFilesOverDark,
.groupFilesSelectedDark,
.groupFilesSelectedOverDark {
    /*background-color: rgb(230, 241, 248) !important;*/
    background-color: #ddeff0 !important;
}

.groupFilesOver,
.groupFilesOverDark {
    background-color: #f5fafa !important;
}

.groupFilesExt {
    color: #bbc8d0;
}
F5FAFA .groupFilesNameDesc,
.groupFilesNameDescLocked {
    padding-left: 5px;
    line-height: 1.1;
    font-family: Roboto-Medium;
    font-size: 14px !important;
}

.groupFilesNameDescLocked {
    color: #8f8b8b !important;
}

.groupFilesDsc {
    padding-left: 6px;
    font-size: 12px;
    font-family: Roboto-Regular;
    color: #455b65 !important;
    text-transform: none;
}

.groupFilesDsc:hover {
    cursor: pointer;
    pointer: hand;
}

/*----GROUP FILES----*/
.groupFilesNameDescDOWN,
.groupFilesNameDescLockedDOWN {
    padding-left: 5px;
    line-height: 1.1;
    font-family: Roboto-Medium;
    font-size: 14px !important;
    text-transform: none !important;
}

.groupFilesNameDescDOWNLocked {
    color: #8f8b8b !important;
    font-size: 14px !important;
    font-family: Roboto-Medium !important;
    text-transform: none !important;
}

.groupFilesNameDescLocked {
    color: #8f8b8b !important;
}

.groupFilesDscNomrgDOWN:hover {
    cursor: pointer;
    pointer: hand;
}

.groupFilesDscNomrgDOWN a:hover {
    font-size: 12px !important;
    font-family: Roboto-Regular !important;
    color: #455b65 !important;
    text-decoration: none;
    cursor: pointer;
    pointer: hand;
    text-transform: none;
}

.groupFilesDscNomrgDOWN a {
    padding-top: 5px;
    font-size: 12px !important;
    font-family: Roboto-Regular !important;
    color: #7db342 !important;
    padding-top: 12px;
    margin-top: 12px;
    text-transform: none;
}

.groupFilesDscNomrgDOWN {
    font-size: 12px !important;
    font-family: Roboto-Regular !important;
    /*color: #8f8b8b;*/
    color: #455b65 !important;
    margin-top: 12px;
    padding-top: 12px;
    font-weight: 200 !important;
    text-transform: none;
}

.groupFilesDscNomrgDOWNLocked {
    font-size: 12px !important;
    font-family: Roboto-Regular !important;
    color: #8f8b8b;
    margin-top: 12px;
    padding-top: 12px;
    font-weight: 200 !important;
    text-transform: none;
}

.groupFilesDsc a {
    color: #455b65;
    font-family: Roboto-Regular !important;
    text-decoration: none;
    cursor: pointer;
    color: #7db342 !important;
}
/*---------*/
.groupFilesDscNomrg:hover {
    cursor: pointer;
    pointer: hand;
}

.groupFilesDscNomrg a:hover {
    font-size: 12px !important;
    font-family: Roboto-Regular !important;
    color: #455b65 !important;
    text-decoration: none;
    cursor: pointer;
    pointer: hand;
}

.groupFilesDscNomrg a {
    padding-top: 5px;
    font-size: 12px !important;
    font-family: Roboto-Regular !important;
    color: #7db342 !important;
    padding-top: 12px;
    margin-top: 12px;
}

.groupFilesDscNomrg {
    font-size: 12px !important;
    font-family: Roboto-Regular !important;
    /*color: #8f8b8b;*/
    color: #455b65 !important;
    margin-top: 12px;
    padding-top: 12px;
    font-weight: 200 !important;
}

.groupFilesDsc a {
    color: #455b65;
    font-family: RobotoCondensed-Light;
    text-decoration: none;
    cursor: pointer;
    color: #7db342 !important;
}

.groupFilesLocked {
    font-size: 16px;
}

.groupFilesLocked img {
    vertical-align: text-bottom;
}

.searchLoading {
    background-color: rgb(0, 0, 0);
    cursor: progress;
    color: white;
    font-family: Roboto-Light;
    font-size: 20px;
}

.groupFilesVersion {
    color: #455b65;
    background-color: #fff;
    border: 1px solid #455b65;
    border-radius: 3px;
    font-family: Arial;
}

.ebomTree,
.ebomTreeOver,
.ebomTreeSelected,
.ebomTreeSelectedSelected,
.ebomTreeSelectedSelectedDown,
.ebomTreeSelectedSelectedOver,
.ebomTreeSelectedOver,
.ebomTreeDown,
.ebomTreeDownOver,
.ebomTreeFocused,
.ebomTreeFocusedOver {
    font-size: 12.5px;
    font-family: Roboto-Regular;
    padding: 2px 0px !important;
    outline: 0;
    color: #455b65;
    text-transform: none !important;
}

.ebomTree div div,
.ebomTreeOver div div,
.ebomTreeSelected div div,
.ebomTreeSelectedSelected div div,
.ebomTreeSelectedSelectedDown div div,
.ebomTreeSelectedSelectedOver div div,
.ebomTreeSelectedOver div div,
.ebomTreeDown div div,
.ebomTreeDownOver div div,
.ebomTreeFocused div div,
.ebomTreeFocusedOver div div {
    height: 0px !important;
}

.ebtomTreeName {
    margin-left: 4px;
    font-size: 13px;
    font-family: Roboto-Light;
    color: #455b65;
    text-transform: none !important;
}

.ebtomTreeNameWhite {
    margin-left: 4px;
    font-size: 14px;
    font-family: Roboto-Light;
    color: rgba(255, 255, 255, 0.8);
    text-transform: none !important;
}

.ebomTreeCost,
.ebomTreeCostLocked {
    font-size: 12.5px;
    font-family: Roboto-Regular;
    padding: 2px 1px !important;
    outline: 0;
    margin-top: 10px;
    margin-left: 2px;
    text-align: center;
    color: 7db342 !important;
    text-transform: none !important;
}

.ebomTreeItem,
.ebomTreeItemLocked {
    font-size: 10px;
    font-family: Roboto-Regular;
    padding: 2px 1px !important;
    outline: 0;
    margin-left: 2px;
    text-align: center;
    color: 7db342 !important;
    text-transform: none !important;
}

.ebomTreeDesc,
.ebomTreeDescLocked {
    font-size: 14px;
    font-family: Roboto-Regular;
    margin-top: 12px;
    margin-left: 2px;
}

.filesDesc,
.filesDescLocked {
    font-size: 12.5px !important;
    font-family: Roboto-Regular !important;
    padding: 2px 1px;
    outline: 0;
    margin-top: 12px;
    margin-left: 10px;
    text-align: left;
    text-transform: none !important;
}

.filesDescLocked {
    color: #bbc8d0;
}

@media (max-width: 1440px) {
    .ebomTree {
        font-size: 12px;
    }
    .ebomTreeCost,
    .ebomTreeCostLocked {
        font-size: 12px;
    }
    .ebomTreeDesc,
    .ebomTreeDescLocked {
        font-size: 12px;
    }
}

.ebomTreeCostLocked,
.ebomTreeDescLocked,
.ebomTreeItemLocked {
    color: #bbc8d0;
}

.ebomTreeOver,
.ebomTreeSelected,
.ebomTreeSelectedSelectedOver,
.ebomTreeSelectedOver,
.ebomTreeFocusedOver {
    background-color: #e6f1f8;
}

/* .ebomTreeHeader, .ebomTreeHeaderOver, .ebomTreeHeaderSelected,
	.ebomTreeHeaderSelectedOver, .ebomTreeHeaderDown,
	.ebomTreeHeaderSelectedDown, .ebomTreeHeaderDownOver,
	.ebomTreeHeaderDisabled, .ebomTreeHeaderSelectedDisabled,
	.ebomTreeHeaderDownDisabled, .ebomTreeHeaderOverDisabled {
	background-color: #fff;
	font-family: RobotoCondensed-Regular;
	color: #999999 !important;
	font-size: 11px;
	border-right: 1px solid #f0f0f0;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #bbc8d0;
	text-align: center;
	padding: 0px 2px;
	text-transform: uppercase;
} */
.ebomTreeHeader,
.ebomTreeHeaderOver,
.ebomTreeHeaderSelected,
.ebomTreeHeaderSelectedOver,
.ebomTreeHeaderDown,
.ebomTreeHeaderSelectedDown,
.ebomTreeHeaderDownOver,
.ebomTreeHeaderDisabled,
.ebomTreeHeaderSelectedDisabled,
.ebomTreeHeaderDownDisabled,
.ebomTreeHeaderOverDisabled {
    background-color: #fff;
    font-family: Roboto-Light, "Segoe UI", Arial, sans-serif;
    color: #899ca6;
    font-size: 13px;
    line-height: 15px;

    border-bottom: 1px solid #bbc8d0;
    text-align: center;
    padding: 0px 2px;
    text-transform: none !important;
}

.ebomTreeHeaderOver,
.ebomTreeHeaderSelected,
.ebomTreeHeaderSelectedOver,
.ebomTreeHeaderDown,
.ebomTreeHeaderSelectedDown,
.ebomTreeHeaderDownOver,
.ebomTreeHeaderDisabled,
.ebomTreeHeaderSelectedDisabled,
.ebomTreeHeaderDownDisabled,
.ebomTreeHeaderOverDisabled {
    background-color: #f9f9f9;
}

.ebomTreeHeaderChild,
.ebomTreeHeaderChildOver,
.ebomTreeHeaderChildSelected,
.ebomTreeHeaderChildSelectedOver,
.ebomTreeHeaderChildDown,
.ebomTreeHeaderChildSelectedDown,
.ebomTreeHeaderChildDownOver,
.ebomTreeHeaderChildDisabled,
.ebomTreeHeaderChildSelectedDisabled,
.ebomTreeHeaderChildDownDisabled,
.ebomTreeHeaderChildOverDisabled {
    background-color: none;
    font-family: Roboto-Light, "Segoe UI", Arial, sans-serif;
    color: #899ca6;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    padding: 0px 2px;
    text-transform: none !important;
}

.ebomTreeHeaderChildOver,
.ebomTreeHeaderChildSelected,
.ebomTreeHeaderChildSelectedOver,
.ebomTreeHeaderChildDown,
.ebomTreeHeaderChildSelectedDown,
.ebomTreeHeaderChildDownOver,
.ebomTreeHeaderChildDisabled,
.ebomTreeHeaderChildSelectedDisabled,
.ebomTreeHeaderChildDownDisabled,
.ebomTreeHeaderChildOverDisabled {
    background-color: #f9f9f9;
}

/*.ebomTreeHeader, .ebomTreeHeaderDown,
.ebomTreeHeaderDownOver,
.ebomTreeHeaderDisabled, .ebomTreeHeaderSelectedDisabled,
.ebomTreeHeaderDownDisabled, .ebomTreeHeaderOverDisabled {
	background-color: #fff;
	font-family: RobotoCondensed-Regular;
	color: #999999 !important;
	font-size: 11px;
	border-right: 1px solid #bbc8d0;
	border-bottom: 1px solid #bbc8d0;
	text-align: center;
	padding: 0px 2px;
	text-transform: uppercase;
}

.ebomTreeHeaderOver,
.ebomTreeHeaderSelected,
.ebomTreeHeaderSelectedOver,
.ebomTreeHeaderSelectedDown {
	background-color: #fafafa !important;
	font-family: RobotoCondensed-Regular;
	color: #999999 !important;
	font-size: 11px;
	border-right: 1px solid #bbc8d0;
	border-bottom: 1px solid #bbc8d0;
	text-align: center;
	padding: 0px 2px;
	text-transform: uppercase;
	margin-right:-20px;
}*/
.ebomTreeHeader.dark {
    color: #000;
}

.doccomments {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.doccommentuser {
    color: #007faa;
    font-family: Roboto-Light;
    font-size: 13px;
    text-decoration: none;
    text-transform: none;
    margin-bottom: 10px;
}

a.doccommentuser,
a.doccommentuser:hover,
a.doccommentuser:hover,
a.doccommentuser:focus {
    color: #0e9dd8;
}

.doccommentuser:hover,
.doccommentuser:hover,
.doccommentuser:focus {
    color: #0e9dd8;
}

.doccommentuserleft {
    color: #899ca6;
    font-family: Roboto-Light;
    font-size: 13px;
    text-decoration: none;
    text-transform: none;
    margin-bottom: 10px;
}

.doccommentuserleftDark {
    color: #455b65;
    font-family: Roboto-Light;
    font-size: 13px;
    text-decoration: none;
    text-transform: none;
    margin-bottom: 10px;
}

.doccommentdate {
    color: #8f8b8b;
    padding-left: 5px;
    font-family: Roboto-Light, sans-serif;
    font-size: 12px;
    cursor: pointer;
}

.doccommenttext,
.documenttextblue {
    display: block;
    text-align: justify;
    padding: 3px 5px 0px 5px;
    margin-left: -5px !important;
    font-family: Roboto-Light;
    font-size: 13px;
    color: #0e9dd8;
    text-transform: none;
}

.doccommenttext:hover,
.documenttextblue:hover {
    display: block;
    text-align: justify;
    padding: 3px 5px 0px 5px;
    margin-left: -5px !important;
    font-family: Roboto-Light;
    font-size: 13px;
    color: #0e9dd8;
    text-transform: none;
    text-decoration: underline;
}

.documenttextblue {
    color: #455b65;
}

.psRoadMapMiddle {
    margin-bottom: 15px;
}

.userProfileRole {
    font-family: Roboto-Regular;
    font-size: 12.5px;
    color: #777777;
}

.scrollbar,
.scrollbarDisabled,
.scrollbarOver,
.scrollbarDown {
    background-color: #fff !important;
    padding: 0px;
}

.scrollbarFocused,
.scrollbarFocusedDisabled,
.scrollbarFocusedOver,
.scrollbarFocusedDown {
    background-color: #fff !important;
}

.scrollbarSelected,
.scrollbarSelectedDisabled,
.scrollbarSelectedOver,
.scrollbarSelectedDown {
    background-color: #fff !important;
}

.scrollbarSelectedFocused,
.scrollbarSelectedFocusedDisabled,
.scrollbarSelectedFocusedOver,
.scrollbarSelectedFocusedDown {
    background-color: #fff !important;
}

.scrollCorner,
.scrollCornerDown,
.scrollCornerOver {
    background-image: none !important;
}

.vScrollStartDisabled,
.vScrollStart,
.vScrollStartOver,
.vScrollStartDown {
    background-image: url("images/Icons_regular/Scroll_Up.svg") !important;
    background-position: 4px 0px !important;
    background-repeat: no-repeat !important;
    background-color: white !important;
    width: 16px !important;
    height: 18px !important;
    margin-left: -5px;
    padding-right: 4px;
}

/*---------for ONLY IE11---------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .vScrollStartDisabled,
    .vScrollStart,
    .vScrollStartOver,
    .vScrollStartDown {
        background-color: white !important;
        background-position: -2px 0px !important;
        background-repeat: no-repeat !important;
        background-image: url("images/Icons_regular/Scroll_Up.svg") !important;
    }
    .vScrollStart:hover {
        background-image: url("images/Icons_regular/Scroll_Up_Over.svg") !important;
    }
}

/*--------for IE9----------*/
@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
    .vScrollStartDisabled,
    .vScrollStart,
    .vScrollStartOver,
    .vScrollStartDown {
        background-color: white !important;
        background-image: url("images/Icons_regular/Scroll_Up_Disabled.svg") !important;
        background-repeat: no-repeat !important;
        background-position: -2px 0px !important;
    }
}

.vScrollStartDisabled {
    background-image: url("images/Icons_regular/Scroll_Up_Disabled.svg") !important;
    background-color: white !important;
}

.vScrollStartOver {
    background-image: url("images/Icons_regular/Scroll_Up_Over.svg") !important;
    background-color: white !important;
}

.vScrollStart:hover {
    background-image: url("images/Icons_regular/Scroll_Up_Over.svg") !important;
    background-color: white !important;
}

.vScrollStartDown {
    background-image: url("images/Icons_regular/Scroll_Up_Over.svg") !important;
    background-color: white !important;
}

.vScrollStart {
    background-color: white !important;
}

.vScrollTrackStretchDisabled,
.vScrollTrackStretch,
.vScrollTrackStretchOver,
.vScrollTrackStretchDown {
    background-image: none !important;
}

.vScrollEndDisabled,
.vScrollEnd,
.vScrollEndOver,
.vScrollEndDown {
    background-color: white !important;
    background-repeat: no-repeat !important;
    background-image: url("images/Icons_regular/Scroll_Down.svg") !important;
    background-position: 4px 0px !important;
    width: 16px !important;
    height: 18px !important;
    margin-left: -5px;
    padding-right: 4px;
}

/*---------for ONLY IE11---------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .vScrollEndDisabled,
    .vScrollEnd,
    .vScrollEndOver,
    .vScrollEndDown {
        background-color: white !important;
        background-position: -2px 0px !important;
        background-repeat: no-repeat !important;
        background-image: url("images/Icons_regular/Scroll_Down.svg") !important;
    }
    .hScrollStart:hover {
        background-image: url("images/Icons_regular/Scroll_Down_Over.svg") !important;
    }
}

@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
    .vScrollEndDisabled {
        background-color: white !important;
        background-repeat: no-repeat !important;
        background-image: url("images/Icons_regular/Scroll_Down_Disabled.svg") !important;
    }

    .vScrollEndOver {
        background-color: white !important;
        background-repeat: no-repeat !important;
        background-image: url("images/Icons_regular/Scroll_Down_Over.svg") !important;
    }

    .vScrollEnd:hover {
        background-color: white !important;
        background-repeat: no-repeat !important;
        background-image: url("images/Icons_regular/Scroll_Down_Over.svg") !important;
    }

    .vScrollEndDown {
        background-color: white !important;
        background-repeat: no-repeat !important;
        background-image: url("images/Icons_regular/Scroll_Down_Over.svg") !important;
    }

    .vScrollTrack,
    .vScrollTrackDown,
    .vScrollTrackFocused,
    .vScrollTrackSeleceted,
    .vScrollTrackOver,
    .vScrollTrackDisabled {
        background-image: none !important;
        background-repeat: repeat-y !important;
        background-position: 4px 0px !important;
    }
}

.vScrollEndDisabled {
    background-color: white !important;
    background-image: url("images/Icons_regular/Scroll_Down_Disabled.svg") !important;
}

.vScrollEndOver {
    background-color: white !important;
    background-image: url("images/Icons_regular/Scroll_Down_Over.svg") !important;
}

.vScrollEnd:hover {
    background-color: white !important;
    background-image: url("images/Icons_regular/Scroll_Down_Over.svg") !important;
}

.vScrollEndDown {
    background-color: white !important;
    background-image: url("images/Icons_regular/Scroll_Down_Over.svg") !important;
}

.vScrollTrack,
.vScrollTrackDown,
.vScrollTrackFocused,
.vScrollTrackSeleceted,
.vScrollTrackOver,
.vScrollTrackDisabled {
    background-image: url(images/scrollbar_body.png) !important;
    background-repeat: repeat-y !important;
    background-position: 0px 0px;
    background-color: none !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .vScrollTrack,
    .vScrollTrackDown,
    .vScrollTrackFocused,
    .vScrollTrackSeleceted,
    .vScrollTrackOver,
    .vScrollTrackDisabled {
        background-position: 2px 0px !important;
    }
}

.vScrollCornerDisabled,
.vScrollCorner,
.vScrollCornerOver,
.vScrollCornerDown {
    background-image: none !important;
}

.vScrollThumb,
.vScrollThumbOver,
.vScrollThumbSelected,
.vScrollThumbDown,
.vScrollThumbFocused {
    background-image: none !important;
    border: none !important;
    border-radius: 3px !important;
    width: 11px !important;
    margin-left: 2px !important;
    box-shadow: none !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    background-color: #dde1e3 !important;
}

.vScrollThumbStartDisabled,
.vScrollThumbStart,
.vScrollThumbStartOver,
.vScrollThumbStartDown {
    background-image: none !important;
}

.vScrollThumbStretchDisabled,
.vScrollThumbStretch,
.vScrollThumbStretchOver,
.vScrollThumbStretchDown {
    background-image: none !important;
}

.vScrollThumbEndDisabled,
.vScrollThumbEnd,
.vScrollThumbEndOver,
.vScrollThumbEndDown {
    background-image: none !important;
}

.vScrollThumbGripDisabled,
.vScrollThumbGrip,
.vScrollThumbGripOver,
.vScrollThumbGripDown {
    background-image: none !important;
}

.hScrollStartDisabled,
.hScrollStart,
.hScrollStartOver,
.hScrollStartDown {
    background-color: white !important;
    background-repeat: no-repeat !important;
    height: 16px;
    width: 18px;
    margin-top: -5px;
    padding-bottom: 4px;
    background-image: url("images/Icons_regular/Scroll_Left.svg") !important;
    background-position: 0px 4px;
}

/*---------for ONLY IE11---------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .hScrollStartDisabled,
    .hScrollStart,
    .hScrollStartOver,
    .hScrollStartDown {
        background-color: white !important;
        background-position: 0px -6px !important;
        background-repeat: no-repeat !important;
        background-image: url("images/Icons_regular/Scroll_Left.svg") !important;
    }
    .hScrollStart:hover {
        background-image: url("images/Icons_regular/Scroll_Left_Over.svg") !important;
    }
}

/*--------for IE9----------*/
@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
    .hScrollStartDisabled,
    .hScrollStart,
    .hScrollStartOver,
    .hScrollStartDown {
        background-color: white !important;
        background-image: url("images/Icons_regular/Scroll_Left_Disabled.svg") !important;
        background-repeat: no-repeat !important;
        background-position: 0px -5px !important;
    }
}

.hScrollStart:hover {
    background-color: white !important;
    background-image: url("images/Icons_regular/Scroll_Left_Over.svg") !important;
}

.hScrollStartDown {
    background-color: white !important;
    background-image: url("images/Icons_regular/Scroll_Left_Down.svg") !important;
}

.hScrollTrackStretchDisabled,
.hScrollTrackStretch,
.hScrollTrackStretchOver,
.hScrollTrackStretchDown {
    background-image: none !important;
}

.hScrollEndDisabled,
.hScrollEnd,
.hScrollEndOver,
.hScrollEndDown {
    background-color: white !important;
    background-position: 0px 4px;
    background-repeat: no-repeat;
    background-image: url("images/Icons_regular/Scroll_Right.svg") !important;
    height: 16px;
    width: 18px;
    margin-top: -4px;
    padding-bottom: 4px;
}

/*---------for IE10 and above versions---------*/
/*--This must be placed after the original CSS to override the original one------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .hScrollEndDisabled,
    .hScrollEnd,
    .hScrollEndOver,
    .hScrollEndDown {
        background-color: white !important;
        background-position: 0px -6px !important;
        background-repeat: no-repeat !important;
        background-image: url("images/Icons_regular/Scroll_Right.svg") !important;
    }
}

/*--------for IE9----------*/

@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
    .hScrollEndDisabled {
        background-color: white !important;
        background-repeat: no-repeat !important;
        background-image: url("images/Icons_regular/Scroll_Down_Disabled.svg") !important;
    }

    .hScrollEndOver {
        background-color: white !important;
        background-repeat: no-repeat !important;
        background-image: url("images/Icons_regular/Scroll_Down_Over.svg") !important;
    }

    .hScrollEnd:hover {
        background-color: white !important;
        background-repeat: no-repeat !important;
        background-image: url("images/Icons_regular/Scroll_Down_Over.svg") !important;
    }

    .hScrollEndDown {
        background-color: white !important;
        background-repeat: no-repeat !important;
        background-image: url("images/Icons_regular/Scroll_Down_Over.svg") !important;
    }

    .hScrollTrack,
    .hScrollTrackDown,
    .hScrollTrackFocused,
    .hScrollTrackSeleceted,
    .hScrollTrackOver,
    .hScrollTrackDisabled {
        background-image: none !important;
        background-repeat: repeat-y !important;
        background-position: 4px 0px !important;
        background-image: url("images/Icons_regular/Scroll_Right.svg") !important;
    }
}

.hScrollEndDisabled {
    background-color: white !important;
    background-image: url("images/Icons_regular/Scroll_Right_Disabled.svg") !important;
}

.hScrollEndOver {
    background-color: white !important;
    background-image: url("images/Icons_regular/Scroll_Right_Over.svg") !important;
}

.hScrollEnd:hover {
    background-color: white !important;
    background-image: url("images/Icons_regular/Scroll_Right_Over.svg") !important;
}

.hScrollEndDown {
    background-color: white !important;
    background-image: url("images/Icons_regular/Scroll_Right_Down.svg") !important;
}

.hScrollCornerDisabled,
.hScrollCorner,
.hScrollCornerOver,
.hScrollCornerDown {
    background-image: none !important;
}

.hScrollTrack,
.hScrollTrackDown,
.hScrollTrackFocused,
.hScrollTrackSeleceted,
.hScrollTrackOver,
.hScrollTrackDisabled {
    background-image: url(images/scrollbar_body.png) !important;
    background-repeat: repeat-x !important;
    background-position: 0px 2px !important;
    border-radius: 2px;
}

.hScrollThumb,
.hScrollThumbOver,
.hScrollThumbSelected,
.hScrollThumbDown,
.hScrollThumbFocused {
    background-image: none !important;
    background-color: #455b65 !important;
    border: none !important;
    border-radius: 3px !important;
    height: 11px !important;
    margin-top: 2px !important;
    box-shadow: none !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.hScrollThumbStartDisabled,
.hScrollThumbStart,
.hScrollThumbStartOver,
.hScrollThumbStartDown {
    background-image: none !important;
}

.hScrollThumbStretchDisabled,
.hScrollThumbStretch,
.hScrollThumbStretchOver,
.hScrollThumbStretchDown {
    background-image: none !important;
}

.hScrollThumbEndDisabled,
.hScrollThumbEnd,
.hScrollThumbEndOver,
.hScrollThumbEndDown {
    background-image: none !important;
}

.hScrollThumbGripDisabled,
.hScrollThumbGrip,
.hScrollThumbGripOver,
.hScrollThumbGripDown {
    background-image: none !important;
}

.nobordertree {
    border: none;
}

.qacommentwrapper {
    padding: 5px;
    border: 1px solid #455b65;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: Roboto-Regular;
    font-size: 14px;
}

.qacommentwrapper:hover div {
    margin: 0px !important;
    height: 0px !important;
    padding: 0px !important;
}

.qauser {
    color: #455b65;
}

.qadate {
    font-size: 12px;
}

.qdsc {
    color: #ff5f11;
}

.genericselect,
.genericselectOver,
.genericselectSelected,
.genericselectSelectedOver {
    border: none;
    background: none;
}

.commentreply {
    font-size: 14px;
    font-family: Roboto-Regular;
    margin: 0px;
}

.addTaskOptionsBar {
    margin: 40px 0px 0px 10px;
}

/*---------------------------------------------------- SAMPLE CHARTS --------------------------------------*/
#chart {
    width: 520px;
}

#chart dt {
    width: 160px;
    float: left;
    margin: 0 20px 5px 0;
    padding: 2px 0;
    display: inline;
    font-weight: bold;
    text-align: right;
}

#chart dd {
    width: 339px;
    border-right: 1px solid #ddd;
    float: left;
    margin-bottom: 5px;
    display: inline;
}

#chart dd span {
    color: #fff;
    background: #09f;
    text-align: center;
    padding: 2px 0;
    display: block;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#09f),
        to(#077fd0)
    );
    -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.25)));
}

#data-one {
    width: 47%;
}

#data-two {
    width: 59%;
}

#data-three {
    width: 26%;
}

.commentslayout {
    background-color: #e8eaed;
}

.nopeProtlet {
    border: none !important;
    box-shadow: 0px !important;
}

.boldlabel {
    font-family: Roboto-Bold;
    font-size: 16px;
    color: #455b65;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
}

.boldlabelSmall {
    font-family: Roboto-Regular;
    font-size: 12px;
    color: #939598;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 4px;
}

.regularlabel,
.regularlabelDown,
.regularlabelFocused,
.regularlabelSelected,
.regularlabelOver {
    font-family: Roboto-Regular;
    font-size: 12px;
    color: #455b65;
    text-overflow: ellipsis;
    border: none;
}

.smallLabel {
    font-family: Roboto-Regular;
    font-size: 12px;
    color: #455b65;
    text-overflow: ellipsis;
}

.taskPreviewFirst {
    margin-left: 20px;
}

.arrowimg {
    margin-top: 7px;
}

.styleSelect select {
    background: transparent;
    width: 150px;
    padding: 1px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
    color: #000;
}

.styleSelect {
    width: 100px;
    height: 34px;
    overflow: hidden;
    background: url("images/downArrow.png") no-repeat right #fff;
}

.filesdropdown {
    margin: 0px !important;
    position: relative !important;
}

.tabBarTop {
    margin-left: 0px !important;
    margin-right: 10px !important;
    margin-top: 5px;
    height: 18px !important;
}

.floatright {
    float: right;
    position: relative !important;
}

.floatrightmargin {
    float: right;
    position: relative !important;
    margin-right: 450px;
}

.previewTaskColapse {
    margin-top: 3px;
    /*margin-left: -11px;*/
}

.previewTaskItem:hover,
.previewTaskItemLast:hover,
.ganttHeaderItem:hover {
    background-color: #bfd2df;
}

.previewTaskLabelBig {
    color: #000000;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Roboto-Bold;
}

.previewTaskDetails {
    margin-right: 8px;
    margin-left: 8px;
}

.slidertitle {
    font-size: 18px;
    font-family: Roboto-Regular;
    color: #455b65;
    text-align: center;
    margin-left: -5px;
}

.sliderH {
    margin-top: 8px;
}

.sliderHThumb,
.sliderHThumbSelected,
.sliderHThumbdown,
.sliderHThumbOver,
.sliderHThumbDisabled,
.sliderHThumbFocused {
    border: 2px solid #7db342;
    background: #7db342;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.sliderHTrack,
.sliderHTrackDisabled {
    /* border:2px solid #455b65; */
    background-color: #cfd0d2;
    border-radius: 10px;
}

.sliderSideValue {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #455b65;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 8px;
}

.cRight {
    margin-left: 10px;
}

/*--------------------------------------- CHAT -----------------------------------------*/
.chatLabel,
.groupchatLabel,
.stackGroupChatlabel,
.blueChatLabel {
    font-family: Roboto-Regular;
    font-size: 12.5px;
    padding-left: 8px;
    padding-right: 8px;
    color: #7db342;
    text-transform: none;
}

.blueChatLabel {
    color: #455b65;
}

.groupchatLabel {
    border-left: 3px solid white;
}

.stackGroupChatlabel {
    color: #455b65;
    border-bottom: 1pt solid #455b65;
}

.chatHeader:hover {
    background-color: #455b65;
}

.chatHeader:hover .chatLabel {
    color: #ffffff;
    /*color:#7db342;*/
    background-color: #455b65 !important;
}

.chatHeader,
.chatHeaderSeleceted {
    border-left: 3px solid white;
}

.stackChatHeader {
    color: #455b65;
    border-bottom: 1pt solid #455b65;
}

.stackChatHeader:hover,
.stackGroupChatlabel:hover {
    background-color: #7db342;
}

.modalWindowChat {
    margin: 0px;
    background-color: white;
    border: none !important;
    border-bottom: none;
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2) !important;
}

.modalWindowChatHeader {
    margin-top: -1px !important;
    margin-right: -5px !important;
    margin-left: -5px !important;
    margin-bottom: -1px !important;
    height: 25px;
    color: white;
    background-color: #455b65;
}

.modalWindowChatTitle {
    font-family: Roboto-Regular;
    font-size: 14px;
    padding-top: 4px;
    padding-left: 8px;
    padding-right: 8px;
    color: white;
    padding-top: 7px;
}

.aligncenter {
    text-align: center;
}

.datelbl {
    margin-top: 5px !important;
    font-size: 12px;
    color: #bbc8d0;
    text-transform: none !important;
}

.archivedDoc {
    color: #ef4136 !important;
    text-decoration: line-through;
}

.asdate {
    font-family: RobotoCondensed-Regular;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #bbc8d0;
    line-height: 0.1em;
    margin: 5px 0 5px;
    font-weight: initial;
    font-size: 11px;
    text-transform: uppercase;
}

.asdate span {
    background: #fff;
    padding: 0 10px;
}

/* ------------------ CUSTOM TOOLTIP */
.customTooltip:hover {
    cursor: pointer;
}
.customTooltip {
    position: relative;
    margin: 0px;
    background-color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #bbc8d0;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    color: #455b65 !important;
    cursor: pointer;
    padding: 0px !important;
}
.Windowstyle {
    position: relative;
    margin: 0px;
    background-color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #bbc8d0;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    color: #455b65 !important;
    cursor: pointer;
    padding: 0px !important;
}

.customTooltipText {
    color: #455b65;
    font-size: 11px;
    font-family: Roboto-Light;
    margin: 4px 0px 0px 0px;
    line-height: 12px;
    white-space: nowrap;
    padding-top: 1px;
    text-align: center;
    cursor: pointer;
}

/* Custom BOM Component tooltip */
.customBomComponentTooltip {
    padding: 1px 1px 1px 1px;
    border: 1px solid #bbc8d0;
    background-color: white;
    border-radius: 3px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.customBomComponentTooltipText {
    padding: 1px 1px 1px 1px;
    color: #455b65;
    font-size: 12px;
    font-family: Roboto-Light;
    word-wrap: break-word;
}

/* ----------------- Preview BOM details --------------------*/
.previewEbom {
    color: #333 !important;
    font-family: Roboto-Regular, Verdana, sans-serif;
    font-size: 14px !important;
}

.dashboardHead,
.dashboardHeadSelected,
.dashboardHeadOver,
.dashboardHeadDown,
.dashboardHeadFocused,
.dashboardHeadSelectedOver,
.dashboardHeadSelectedFocused,
.dashboardHeadSelectedDown {
    font-family: RobotoCondensed-Regular;
    font-size: 11px;
    background: #ffffff;
    color: #939598;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #bbc8d0;
    padding-left: 5px;
    text-transform: uppercase;
    text-align: center;
}

@media (max-width: 1800px) and (min-width: 1365px) {
    .teamMember,
    .teamMemberOver,
    .teamMemberSelected,
    .teamMemberDown,
    .teamMemberSelectedOver,
    .teamMemberSelectedDown,
    .teamMemberFocused {
        padding-left: 30px;
    }
}

.bodyRightHlayoutLabel {
    font-family: Roboto-Medium;
    font-size: 16px;
    color: #455b65;
    text-transform: none;
}

/* -------- Task Group Dashboard ----------------------- */
.reqAction {
    margin-top: -5px;
    width: 40px;
    height: 40px;
    background-image: url(images/reqactions.png);
    background-repeat: no-repeat;
    background-position: center 65%;
}

.reqActionNumbers {
    position: relative;
    color: white;
    height: 14px;
    width: 10px;
    border-radius: 7px;
    background-color: #455b65;
    margin-left: 16px;
    padding: 0px 2px 1px 2px;
    top: 10px;
    font-family: Roboto-Regular !important;
    font-size: 10px !important;
}

.marginleft,
.marginleftDown,
.marginleftSelected,
.marginleftFocused,
.marginleftOver {
    width: 247px;
}

.selectitem,
.selectitemDown,
.selectitemSelected,
.selectitemFocused,
.selectitemOver {
    float: right;
}

.floatLeft {
    float: left;
}

.taskactionswindowttitles,
.taskActionButtonStyle.header div,
.taskActionButtonStyle.headerOver div,
.taskActionButtonStyle.headerSelected div,
.taskActionButtonStyle.headerDown div {
    margin-left: 25px;
    text-align: left !important;
    padding-top: 4px;
    margin-top: 0px;
    text-trasnform: none !important;
}

#hangoutBtnContainer {
    display: none;
    padding: 0px 0px 0px 0px !important;
    margin-top: -6px !important;
    margin-left: 20px !important;
    margin-left: 35px !important;
}

#hangoutContainer,
#hangoutContainerFF {
    margin-top: 3px;
    border-bottom: 1px solid #bbc8d0;
    width: 140px;
    height: 400px !important;
}

#hangoutContainerFF {
    margin-top: 9px;
}

#hangoutContainer:hover #hangoutBtnContainer,
#hangoutContainerFF:hover #hangoutBtnContainer {
    display: block;
    padding: 1px 0px 0px 0px !important;
    margin-top: -9px !important;
    margin-left: 20px !important;
    margin-left: 35px !important;
}

#hangoutContainer:hover #meetingBtnHide,
#hangoutContainerFF:hover #meetingBtnHide {
    display: none;
}

#meetingBtnHide {
    padding-bottom: 7px;
    border: 0;
    margin-top: -2px;
}
/*Old
#meetingBtnHide {
	padding-bottom: 5px;
	border: 0;
	margin-top: 5px;
}
*/
#hangoutContainerM,
#hangoutContainerMFF {
    margin-top: 8px;
    border-bottom: 2px solid #bbc8d0;
    width: 40px;
    padding-bottom: 2px;
}

#hangoutContainerM:hover #hangoutBtnContainer,
#hangoutContainerMFF:hover #hangoutBtnContainer {
    display: block;
    padding: 1px 0px 0px 0px !important;
    margin-top: -11px !important;
    margin-left: 20px !important;
    margin-left: 35px !important;
}

#hangoutContainerM:hover #meetingBtnHide,
#hangoutContainerMFF:hover #meetingBtnHide {
    display: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .previewGreenTitleBiger {
        font-family: Roboto-Medium;
        font-size: 14px;
        color: #455b65;
        text-transform: uppercase;
        border-bottom: 3px solid #7db442;
        padding-bottom: 2px !important;
    }

    /* OLD
	#meetingBtnHide {
		padding-bottom: 6px;
		border: 0;
		margin-top: 9px;
	}*/
    .eventListRecord {
        font-family: Roboto-Regular !important;
        font-size: 12.5px !important;
        color: #8f8b8b;
        text-transform: none !important;
    }
    .eventListRecord:select {
        font-family: Roboto-Regular !important;
        font-size: 12.5px !important;
        color: #8f8b8b;
        text-transform: none !important;
    }
    #meetingBtnHide {
        padding-bottom: 8px;
        border: 0;
        margin-top: -2px;
    }
    #hangoutContainer,
    #hangoutContainerFF {
        margin-top: 9px;
        border-bottom: 1px solid #bbc8d0;
        width: 140px;
    }
    .chatHangoutsBtn {
        margin-left: 5px;
        margin-right: 5px;
    }
    .chatCloseBtn {
        margin-left: 8px;
    }
    .chatMemberBtn {
        margin-left: -8px;
    }
}

.chatHangoutsBtn {
    margin-left: 5px;
    margin-right: 5px;
}

.chatCloseBtn {
    margin-left: 0px;
}

.chatMemberBtn {
    margin-left: -8px;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
    pointer: hand;
}

a {
    text-decoration: none;
}

.inputTitle,
.inputTitleSelected,
.inputTitleOver,
.inputTitleDown,
.inputTitleFocused,
.inputTitleDisabled {
    font-family: Roboto-Light, "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    color: #899ca6;
    line-height: 15px;
    text-transform: none;
}

.hintText {
    color: #999999 !important;
}

.borderbottom {
    border-bottom: 1px solid #f0f0f0;
}

.inputTitle1,
.inputTitle1Selected,
.inputTitle1Over,
.inputTitle1Down,
.inputTitle1Focused,
.inputTitle1Disabled {
    font-family: Roboto-Regular;
    font-size: 12.5px;
    color: #999999;
    text-align: left;
    line-height: 1.5em;
    text-transform: none !important;
    border-bottom: 1px solid #fafafa;
}

.inputTitleRIGHT,
.inputTitleSelectedRIGHT,
.inputTitleOverRIGHT,
.inputTitleDownRIGHT,
.inputTitleFocusedRIGHT,
.inputTitleDisabledRIGHT {
    font-family: Roboto-Regular;
    font-size: 12.5px;
    color: #999999;
    text-align: left;
    line-height: 1.4em;
    text-transform: none !important;
    padding-top: 12px;
}

.inputTitlePS,
.inputTitlePSSelected,
.inputTitlePSOver,
.inputTitlePSDown,
.inputTitlePSFocused,
.inputTitlePSDisabled {
    font-family: Roboto-Regular;
    font-size: 12.5px;
    color: rgb(153, 153, 153);
    text-align: left;
    line-height: 1.2em;
    height: 18px;
    display: block;
    margin-top: 15px;
    text-transform: none !important;
}

.inputTitleTS,
.inputTitleTSSelected,
.inputTitleTSOver,
.inputTitleTSDown,
.inputTitleTSFocused,
.inputTitleTSDisabled {
    font-family: Roboto-Regular;
    font-size: 12.5px;
    color: rgb(153, 153, 153);
    text-align: left;
    line-height: 1.9em;
    margin-top: 15px !important;
    text-transform: none !important;
}

.inputTitleTSDown,
.inputTitleTSDownSelected,
.inputTitleTSDownOver,
.inputTitleTSDownDown,
.inputTitleTSDownFocused,
.inputTitleTSDownDisabled {
    font-family: Roboto-Regular;
    font-size: 12.5px;
    color: rgb(153, 153, 153);
    text-align: left;
    line-height: 1.2em;
    margin-top: 4px;
    text-transform: none !important;
}

.inputTitle.pillarsmargin,
.inputTitle.pillarsmarginSelected,
.inputTitle.pillarsmarginOver,
.inputTitle.pillarsmarginDown,
.inputTitle.pillarsmarginFocused,
.inputTitle.pillarsmarginDisabled {
    margin-top: 18px !important;
}

.inputTitleSmall,
.inputTitleSmallSelected,
.inputTitleSmallOver,
.inputTitleSmallDown,
.inputTitleSmallFocused,
.inputTitleSmallDisabled {
    font-family: Roboto-Regular;
    font-size: 12.5px;
    color: #999999;
    text-align: left;
    line-height: 1.2em;
    text-transform: none !important;
}

.columnMargins {
    margin: 5px 20px 2px 0px;
}

.lastColumnMargins {
    margin: 5px 0px 2px 0px;
}

.sliderRange,
.sliderRangeOver,
.sliderRangeDown,
.sliderRangeDisabled,
.sliderRangeFocused {
    padding-left: 3.6px !important;
    padding-right: 0px !important;
}

.activitystreamlayout {
    overflow-y: scroll;
    background-color: white;
}

.ActivityStreamMargins {
    margin-top: -7px;
    margin-left: 20px;
    margin-right: 20px;
    /* margin-bottom: 20px !important; */
}

.projMainDashboardActivityStream {
    margin-bottom: 20px !important;
    /* margin-top: 8px !important;
	margin-left: 0px !important;
	margin-right: 5px !important; */
    overflow: unset !important;
}

#WACErrorHeader {
    font-family: Roboto-Regular !important;
    font-size: 14px !important;
}

.taskGraphTitle {
    padding-top: 5px;
    padding-left: 15%;
    font-size: 16px;
    font-family: Roboto-Medium;
    color: #455b65;
    text-align: center;
    text-transform: none !important;
}

.verticalNav {
    background-color: #455b65;
    border: none;
}

.verticalNavAvatar {
    margin-left: 5px !important;
    margin-right: 8px !important;
    margin-top: 3px !important;
}

.verticalUserImgLoggedUser {
    float: left;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -khtml-border-radius: 16px;
    -webkit-border-radius: 16px;
    /*border: 2px solid #fff;*/
    height: 26px !important;
    width: 26px !important;
}

.navBtnMenu {
    height: 35px;
    color: white;
    padding-top: 2px !important;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Roboto-Regular;
    font-size: 14px;
    background-color: rgb(32, 52, 77);
    /*text-transform: uppercase;*/
}

.navBtnMenuDisabled {
    font-family: Roboto-Regular;
    background-color: #455b65;
    color: #ffffff;
    font-size: 13px;
}

.navBtnMenuOver,
.navBtnMenuSelected,
.navBtnMenuDown {
    color: #7db342;
    font-size: 14px;
    height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Roboto-Regular;
    background-color: #455b65;
    margin-top: -2px !important;
    /*text-transform: uppercase;*/
}

.navTitle,
.navTitleSelected,
.navTitleFocused,
.navTitleDown,
.navTitleOver,
.navTitleSelectedOver {
    text-transform: uppercase;
    color: rgb(125, 179, 66);
    font-size: 16px;
    font-family: Roboto-Regular;
}

.greenBorder,
.greenBorderSelected,
.greenBorderFocused,
.greenBorderDown {
    border: 1px solid #7db342;
}

.noneBorder {
    border: none;
}

.helpBtn,
.helpBtnOver,
.helpBtnDown,
.helpBtnFocused,
.helpBtnSeleceted,
.helpBtnDown {
    border: none;
}

.actionBtn,
.actionBtnOver,
.actionBtnDown,
.actionBtnFocused,
.actionBtnSelected,
.actionBtnDown {
    border: none;
}

.stage {
    cursor: pointer;
    position: relative;
    width: 180px;
    margin: 0px;
    height: 22px !important;
}

.mstage {
    cursor: pointer;
    position: relative;
    width: 45px !important;
    margin: 0px;
    height: 22px !important;
}

.selectionInputDisabled.header.greenColor {
    color: #7db342 !important;
}

.selectionInputDisabled.header.blueColor {
    color: #455b65 !important;
}

.selectionInputDisabled.header {
    color: #899ca6 !important;
}

.greenColor {
    color: #7db342 !important;
}

.blueColor {
    color: #455b65 !important;
}

.headWindowSquare {
    margin: 0px;
    /*border: 1px solid #a7a9ac;*/
    border: none !important;
    background-color: #fff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
}

.rolesWindowSquare {
    margin: 0px;
    background-color: #ffffff;
    border: 2px solid #7db342;
    border-radius: 3px;
}

.headerlWindowBody {
    border: medium none;
    background-color: rgb(255, 255, 255) !important;
    margin: 5px -4px 3px;
}

.rolesWindowBody {
    border: none;
    background-color: #ffffff !important;
    margin: 5px -4px 3px -4px;
}

.roleTitle {
    font-family: Roboto-Medium;
    color: #455b65;
    font-size: 17px;
    text-transform: none !important;
}

.resourceName,
.resourceNameOver,
.resourceNameSelected,
.resourceNameFocused,
.resourceNameDown,
.resourceNameSelectedOver {
    font-family: Roboto-Light;
    color: #455b65;
    font-size: 16px;
    margin-left: 35px;
    margin-top: 4px;
}

.progressResources {
    margin-left: 5px;
    margin-top: 1px;
    width: 150px;
    background-color: white;
    border: 1px solid #bbc8d0;
    border-radius: 3px;
    padding: 0px;
    height: 17px;
}

.previewGreyTitle {
    font-family: Roboto-Medium;
    font-size: 15px;
    color: #455b65;
    padding-left: 10px;
    text-transform: none !important;
}

.previewGreenTitle {
    font-family: Roboto-Medium;
    font-size: 14px;
    text-transform: uppercase;
}

.previewGreenTitleBiger {
    font-family: Roboto-Medium;
    font-size: 14px;
    color: #455b65;
    text-transform: uppercase;
    border-bottom: 3px solid #7db442;
    padding-bottom: 0px;
}

.leftBorder {
    border-left: 1px solid #bbc8d0;
    margin-left: 25px;
}

.projectTitleDisabled,
.projectTitleDisabledHint {
    margin-left: 5px;
    position: relative;
    font-size: 18px;
    font-family: Roboto-Bold;
    color: #455b65 !important;
    background-color: #f3f3f3;
    padding: 0px;
    line-height: 1em;
    border-style: none !important;
    text-transform: uppercase;
}

.stage .long {
    position: absolute;
    width: 135px;
    margin-top: -24px;
    margin-left: 25px;
    color: white;
    font-size: 12px;
    font-family: Roboto-Regular;
    text-align: left;
    word-break: break-all;
    text-transform: none !important;
    margin-bottom: 0px !important;
}

.stage .short {
    position: absolute;
    width: 130px;
    margin-top: -24px;
    margin-left: 30px;
    color: white;
    font-size: 13px;
    font-family: Roboto-Light;
    text-align: left;
    word-break: break-all;
    text-transform: none !important;
    margin-bottom: 0px !important;
}

.headWindowSquare {
    margin: 0px;
    border: 1px solid #a7a9ac;
    background-color: #fff;
    border-radius: 5px;
}

.greenline {
    background-color: #7db342;
    width: 5px !important;
    height: 100%;
}

.redline {
    background-color: #ef4136;
    width: 5px !important;
    height: 100%;
}

.securityTitle {
    font-size: 14px;
    font-family: Roboto-Light;
    text-transform: none !important;
}

.innermargins {
    margin-top: 0px !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .innermargins {
        margin-top: 2px !important;
    }
    .dashboardPartners {
        position: absolute;
        color: #455b65;
        text-align: left;
        padding-top: 0px;
        left: 40%;
        font-family: Roboto-Regular !important;
        font-size: 11px !important;
        padding-top: 5px;
        padding-bottom: 2px;
        text-transform: none !important;
    }
    .navBtnMenu nobr hr {
        height: 1px;
        border-bottom: 1px solid #ffffff !important;
        border-top: 1px solid #455b65 !important;
        border-left: 1px solid #455b65 !important;
        border-right: 1px solid #455b65 !important;
    }
    .navBtnMenu hr {
        height: 1px;
        border-bottom: 1px solid #ffffff !important;
        border-top: 1px solid #455b65 !important;
        border-left: 1px solid #455b65 !important;
        border-right: 1px solid #455b65 !important;
    }
    .dashboardItems {
        position: absolute;
        color: #455b65;
        text-align: left;
        padding-top: 0px;
        left: 61.5%;
        font-family: Roboto-Regular !important;
        font-size: 11px !important;
        padding-top: 5px;
        padding-bottom: 2px;
    }
    .whiteProgressbatPct {
        margin-top: 0px;
    }
    .btnAddActivity,
    .btnAddActivityOver,
    .btnAddActivityDown {
        background-color: #ffffff;
        border-radius: 50px;
        font-size: 12px;
        padding-top: 1px !important;
        border: 1px solid #455b65;
    }
    .btnAddActivityOver,
    .btnAddActivityDown {
        background-color: #455b65;
        color: #ffffff;
    }
    .btnAddActivity {
        color: #455b65;
    }
    .btnGreen {
        color: #455b65;
        background-color: #fff;
        font-family: Roboto-Regular;
        border-radius: 50px;
        font-size: 12.5px !important;
        line-height: 1em;
        padding-top: 1px !important;
        border: 1px solid #455b65;
    }
    .btnGreenOver,
    .btnGreenSelected,
    .btnGreenDown {
        color: #fff;
        background-color: #455b65;
        font-family: Roboto-Regular;
        border-radius: 50px;
        font-size: 12.5px !important;
        padding-top: 1px !important;
        line-height: 1em;
    }
    .btnGreenRad2 {
        color: #455b65;
        background-color: #fff;
        font-family: Roboto-Regular;
        border-radius: 2px;
        font-size: 12.5px !important;
        padding: 1px !important;
        border: 1px solid #455b65;
    }
    .btnGreenRad2Over,
    .btnGreenRad2Selected,
    .btnGreenRad2Down {
        color: #fff;
        background-color: #455b65;
        font-family: Roboto-Regular;
        border-radius: 2px;
        font-size: 12.5px !important;
        padding: 1px !important;
        border: 1px solid #455b65;
    }
    .btnGreenRad2Disabled {
        color: #b1b3b6;
        background-color: #ffffff;
        font-family: Roboto-Regular;
        border-radius: 2px;
        font-size: 12.5px;
        padding: 1px !important;
        border: 1px solid #b1b3b6;
        text-transform: none !important;
    }
    .notificationNumStyleGreen {
        color: #455b65;
        font-weight: bold;
        font-size: 13px;
        height: 18px !important;
        width: 18px !important;
        padding-left: 1px;
        padding-top: 1px;
        border-radius: 9px;
        margin-left: 24px !important;
        margin-top: 3px !important;
        padding-left: 3px;
    }
}

.bottom_text {
    font-family: RobotoCondensed-Regular;
    font-size: 11px;
    color: #7db342;
}

.bottom_text_blue {
    font-family: RobotoCondensed-Regular;
    font-size: 11px;
    color: #455b65;
}

.taskFileName {
    float: left;
    min-height: 28px !important;
    height: 30px !important;
    font-family: Roboto-Medium;
    font-size: 13.5px;
    text-transform: uppercase;
    text-align: left !important;
    margin-left: 10px;
}

.textTaskAlignLeft {
    text-align: left;
    align: left;
}

.IME {
    font-family: Roboto-Regular;
    color: #455b65;
}

.styleBottom {
    background: #fff;
    color: #455b65;
}

.BlueLink {
    font-family: Roboto-Regular;
    font-size: 12.5px;
    text-transform: none !important;
}

.TitleFileSecurity {
    margin-top: 10px;
}

.TitleFileSecurityDescription {
    margin-top: 5px;
    height: 50px !important;
}

.TitleFileSecurityActivity {
    margin-top: 0px;
}

.TitleFileSecurityActivityA {
    margin-top: -60px;
}

.TitleFileSecurityActivityStart {
    margin-top: -70px;
}

.TitleFileSecurityActivityAStart {
    margin-top: -20px;
}

.TitleIssueDetails {
    margin-top: 0px;
}

.TitleIssueDetails5px {
    margin-top: 5px;
}

.TitleIssueDetails3px {
    margin-top: 3px;
}

.TitleBOMMarginInfo {
    margin-top: -5px;
}
.TitleBOMMargin {
    margin-top: 0px;
}

.TitleBOMMarginMain {
    margin-top: 5px !important;
}

.TitleBOMMarginMainA {
    margin-top: -5px !important;
}
.TitleBOMMargin1 {
    margin-top: -8px;
    margin-left: 2px;
}

.TitleBOMMargin2 {
    margin-top: -6px !important;
    margin-left: 2px !important;
}

.TitleBOMMargin21 {
    margin-top: -6px !important;
    margin-left: 2px !important;
    margin-bottom: 10px;
}

.TitleBOMMarginRevisedby {
    margin-top: -3px !important;
    margin-left: 2px !important;
}
.TitleBOMMargin3 {
    margin-top: -50px !important;
    margin-left: 2px !important;
}

.TitleBOMMargin3 {
    margin-top: -50px !important;
    margin-left: 2px !important;
}

.TitleBOMMarginRevision {
    margin-top: -55px !important;
}
.TitleBOMMargin4 {
    margin-top: -5px !important;
}

.TitleBOMMargin5 {
    margin-top: -20px !important;
    margin-left: 2px !important;
}

.TitleBOMMarginRevisionD {
    margin-left: 2px !important;
}

.TitleBOMMargin6 {
    margin-top: -17px !important;
    margin-left: 2px !important;
}

.TitleBOMMarginLock {
    margin-top: -17px !important;
}
.TitleBOMMargin7 {
    margin-top: -24px !important;
    margin-left: 2px !important;
}

.TitleFileSecurityPredecessores {
    margin-top: 15px;
}

.TitleFileSecurity1 {
    margin-top: 7px;
}

.TitleFileSecurityTOP {
    margin-top: 15px !important;
    padding-top: 0px !important;
}

.TitleLeftPadding {
    font-family: Roboto-Regular;
    display: block;
    hight-line: 1em;
}

.Icons_margin {
    margin-right: 10px;
}

@media only screen and (max-width: 1366px) {
    .inputTitlePS,
    .inputTitlePSSelected,
    .inputTitlePSOver,
    .inputTitlePSDown,
    .inputTitlePSFocused,
    .inputTitlePSDisabled {
        font-family: Roboto-Regular;
        font-size: 12.5px;
        color: rgb(153, 153, 153);
        text-align: left;
        line-height: 1.2em;
        height: 34px;
        display: block;
        margin-top: 15px;
        text-transform: none !important;
    }
}

.Task_Action_Title {
    padding-top: 5px;
}

.BomDetails {
    color: #9a9a9a;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    text-transform: none !important;
}

.BomDetailsText {
    color: #455b65;
    font-family: Roboto-Regular;
    font-size: 12.5px;
    text-transform: none !important;
}

.activityStreamMessage {
    margin-top: 3px !important;
    /* width: 250px !important; */
}

.projectImageLayout {
    background-size: 150px 130px;
}

.LableTitle {
    font-family: Roboto-Medium;
    text-transform: none !important;
    font-size: 14px !important;
}

.marginmargin {
    margin-right: 20px;
    padding-right: 20px;
}

.marginmarginSelected {
    margin-right: 20px;
    padding-right: 20px;
}

.BOMheight {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-buttom: 10px;
}

.leftShadow {
    /*-webkit-box-shadow: -5px 0px 5px -3px #888888;
    box-shadow: -5px 0px 5px -3px #888888;*/
    border-left: 1px solid #bbc8d0;
}

.MarginButtonData {
    margin: 10px !important;
    padding: 10px !important;
}

.MarginButtonDataTeam,
.MarginButtonDataTeamDisabled {
    font-family: Roboto-Light;
    font-size: 13px;
    color: #455b65;
    border: 1px solid #bbc8d0;
    border-radius: 3px;
    margin: 10px !important;
    padding: 3px !important;
}

.MarginButtonDataTeamOver,
.MarginButtonDataTeamSelected {
    font-family: Roboto-Light;
    font-size: 13px;
    color: #0e9dd8;
    border: 1px solid #0e9dd8;
    background-color: #ddeff0 !important;
    border-radius: 3px;
    margin: 10px !important;
    padding: 3px !important;
}

.TimeLeft {
    font-size: 12.5px;
    text-transform: none !important;
}

.Chackinbutton {
    border: 1px solid #455b65;
    background-color: #ffffff;
    color: #455b65;
    font-family: Roboto-Regular;
    font-size: 13px;
    border-radius: 50px;
    text-transform: none !important;
}

.ChackinbuttonOver {
    border: 1px solid #455b65;
    background-color: #455b65;
    color: #ffffff;
    font-family: Roboto-Regular;
    font-size: 13px;
    border-radius: 50px;
    text-transform: none !important;
}

.paddingIconsBOM {
    padding-bottom: 3px;
    margin-bottom: 3px;
    line-height: 1em;
    height: 10px;
    text-transform: none !important;
}

.margingantt {
    margin-left: -5px;
}

.gantMarginTop {
    margin-top: 5px !important;
}

.MarginAll {
    margin: 10px 20px;
    border-bottom: 1px solid #bbc8d0;
}

.TaskMarginBottom {
    margin-bottom: 50px;
}

.TaskMarginBottom1 {
    margin-bottom: 10px;
}

/*.ebomTreeHeader:last-child {
	border-right:none;
} */
.TaskLeftRightMargin {
    margin-left: 17px !important;
    margin-right: 17px !important;
}

.TaskLeftRightMarginFileVersion {
    margin-left: 27px !important;
    margin-right: 27px !important;
}

.TaskTopBottomMargin {
    margin-top: 17px !important;
    margin-bottom: 17px !important;
}

.TaskTopBottomMargin10px {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.TaskLeftRightMarginDashboard {
    margin-left: 23px !important;
}

.TaskLeftRightMargin1 {
    margin-top: 5px;
    margin-left: 25px;
    margin-right: 25px;
}

.TaskLeftRightMargin2 {
    margin-left: 5px;
    margin-right: 5px;
}

.TasktopMarginNegativ {
    margin-top: -5px !important;
    margin-right: 23px !important;
}

.TaskHeaderMargin {
    padding: 5px 0px;
    margin: 10px 0px;
}

.TasktopMarginNegativTop {
    margin-top: -16px !important;
}

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

.FiletopMarginNegativ {
    margin-top: 10px !important;
    margin-left: -5px;
}

.BottomNegativMargin {
    margin-bottom: -10px;
}

.TaskLeftMargin {
    margin-left: 20px;
}

.BottomActivityLine {
    width: 300px !important;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 5px;
    padding-bottom: 0px;
    margin-left: 0px !important;
    z-index: 1;
}

.BottomActivityLine:last-child {
    border-bottom: 1px solid #ffffff;
}

.linksTitleFile {
    overflow: hidden;
    width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Roboto-Medium;
    text-transform: none !important;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    margin-top: 5px;
}

.groupNode {
    border: none !important;
}

.textNewProject {
    font-family: Roboto-Regular;
    font-size: 12.5px;
    color: #455b65;
    text-transform: none !important;
}

.CPDM_size_images {
    height: 20px !important;
    width: 20px !important;
}

.CPDM_left_margin {
    margin-left: 10px;
}

/*.BomNavigationOver, .BomNavigationFocused, .BomNavigationFocusedOver, .BomNavigationDown, .BomNavigationFocusedDown, .BomNavigationSelected, .BomNavigationSelectedFocused, .BomNavigationSelectedDown, .BomNavigationSelectedFocusedDown, .BomNavigationSelectedOver, .BomNavigationSelectedFocusedOver, .BomNavigationDisabled, .BomNavigationSelectedDisabled,
.BomNavigationBorderOver, .BomNavigationBorderFocused, .BomNavigationBorderFocusedOver, .BomNavigationBorderDown, .BomNavigationBorderFocusedDown, .BomNavigationBorderSelected, .BomNavigationBorderSelectedFocused, .BomNavigationBorderSelectedDown, .BomNavigationBorderSelectedFocusedDown, .BomNavigationBorderSelectedOver, .BomNavigationBorderSelectedFocusedOver, .BomNavigationBorderDisabled, .BomNavigationBorderSelectedDisabled
{
	background-color:#455b65;
	border: 1px solid #455b65;
	color:#ffffff !important;


}*/
/*.BomNavigation:last-child {
		border-right:1px solid #bbc8d0 !important;
	}*/
.BomNavigationOver,
.BomNavigationFocused,
.BomNavigationFocusedOver,
.BomNavigationDown,
.BomNavigationFocusedDown,
.BomNavigationSelected,
.BomNavigationSelectedFocused,
.BomNavigationSelectedDown,
.BomNavigationSelectedFocusedDown,
.BomNavigationSelectedFocusedOver,
.BomNavigationDisabled,
.BomNavigationSelectedDisabled {
    font-family: Roboto-Light;
    font-size: 13px !important;
    text-transform: none !important;
    padding: 3px 20px;
    border-bottom: 2px solid #ffffff;
    color: #0e9dd8;
    background-color: #ddeff0;
}

.BomNavigationSelectedOver {
    font-family: Roboto-Light;
    font-size: 13px !important;
    text-transform: none !important;
    padding: 3px 20px;
    border-bottom: 2px solid #ffffff;
    color: #0e9dd8;
    background-color: #e4f4fa;
}

.BomNavigation {
    font-family: Roboto-Light;
    font-size: 13px !important;
    text-transform: none !important;
    padding: 3px 20px;
    color: #455b65;
    border-bottom: 2px solid #ffffff;
}

.BomNavigationBorderOver,
.BomNavigationBorderFocused,
.BomNavigationBorderFocusedOver,
.BomNavigationBorderDown,
.BomNavigationBorderFocusedDown,
.BomNavigationBorderSelected,
.BomNavigationBorderSelectedFocused,
.BomNavigationBorderSelectedDown,
.BomNavigationBorderSelectedFocusedDown,
.BomNavigationBorderSelectedFocusedOver,
.BomNavigationBorderDisabled,
.BomNavigationBorderSelectedDisabled {
    font-family: Roboto-Light;
    font-size: 13px !important;
    text-transform: none !important;
    padding: 3px 20px;
    border-bottom: 2px solid #ffffff;
    color: #0e9dd8;
    background-color: #ddeff0;
}

.BomNavigationBorderSelectedOver {
    font-family: Roboto-Light;
    font-size: 13px !important;
    text-transform: none !important;
    padding: 3px 20px;
    border-bottom: 2px solid #ffffff;
    color: #0e9dd8;
    background-color: #e4f4fa;
}

.BomNavigationBorder {
    font-family: Roboto-Light;
    font-size: 13px !important;
    text-transform: none !important;
    padding: 3px 20px;
    color: #455b65;
    border-bottom: 2px solid #ffffff;
}

.FormBom {
    border: 1px solid #455b65 !important;
}

.FormBomStyle,
.FormBomStyleFocused,
.FormBomStyleFocusedOver,
.FormBomStyleDown,
.FormBomStyleFocusedDown,
.FormBomStyleSelected,
.FormBomStyleSelectedFocused,
.FormBomStyleSelectedDown,
.FormBomStyleFocusedDown,
.FormBomStyleSelectedOver,
.FormBomStyleSelectedFocusedOver,
.FormBomStyle,
.FormBomStyleDisabled,
.FormBomStyleSelectedDisabled {
    margin: 3px;
    height: 15px !important;
    border: 1px solid #455b65 !important;
}

/*

.BomNavigationOver, .BomNavigationFocused, .BomNavigationFocusedOver, .BomNavigationDown, .BomNavigationFocusedDown, .BomNavigationSelected, .BomNavigationSelectedFocused, .BomNavigationSelectedDown, .BomNavigationSelectedFocusedDown, .BomNavigationSelectedOver, .BomNavigationSelectedFocusedOver, .BomNavigationDisabled, .BomNavigationSelectedDisabled {

	font-family: Roboto-Regular;
	font-size: 13px !important;
	text-transform: none !important;
	border-bottom: none !important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding: 3px 20px;
	border-right:none !important;
 	border: 1px solid #455b65;
 	color:#ffffff;
 	background-color: #455b65;
}


.BomNavigation {
	font-family: Roboto-Regular;
	font-size: 13px !important;
	text-transform: none !important;
	border-bottom: none !important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding: 3px 20px;
	border-right:none !important;
 	border: 1px solid rgb(192, 192, 192);
 	color:#455b65;

}

.BomNavigationBorderOver, .BomNavigationBorderFocused, .BomNavigationBorderFocusedOver, .BomNavigationBorderDown, .BomNavigationBorderFocusedDown, .BomNavigationBorderSelected, .BomNavigationBorderSelectedFocused, .BomNavigationBorderSelectedDown, .BomNavigationBorderSelectedFocusedDown, .BomNavigationBorderSelectedOver, .BomNavigationBorderSelectedFocusedOver, .BomNavigationBorderDisabled, .BomNavigationBorderSelectedDisabled{
	font-family: Roboto-Regular;
	font-size: 13px !important;
	text-transform: none !important;
	border-bottom: none !important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding: 3px 20px;
 	border: 1px solid #455b65;
    background-color: #455b65;
   	color:#ffffff;

}

.BomNavigationBorder {
	font-family: Roboto-Regular;
	font-size: 13px !important;
	text-transform: none !important;
	border-bottom: none !important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding: 3px 20px;
 	border: 1px solid rgb(192, 192, 192);
   	color:#455b65;

}*/
.marginLeft20px {
    margin-left: 9px !important;
}

.marginLeft5px {
    margin-left: 4px;
    margin-top: -5px;
}

.issueNumber {
    font-family: Roboto-Regular;
    font-size: 37px;
}

.issueNavigation{
    border-bottom: 0px solid #007faa;
}

.issueNavigationSelected,
.issueNavigationSelectedOver {
    border-bottom: 1px solid #007faa;
}

.ecrIssueNavigationSelected,
.ecrIssueNavigationSelectedOver {
    border-bottom: 2px solid #0e9dd8 !important;
}

#issuebar {
    height: 8px;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    background-color: #bbc8d0;
}

.documentbarmargins {
    margin: -10px 8px 8px 4px !important;
}

.MarginBottomActivities {
    margin-bottom: 20px !important;
}

.Normal_lower_caseIS {
    font-family: Roboto-Regular !important;
    font-size: 13px;
    text-transform: none !important;
    line-height: 1.2em;
    padding-right: 25px;
}

.Normal_lower_case {
    font-family: Roboto-Light !important;
    font-size: 13px;
    text-transform: none !important;
    line-height: 1.2em;
    color: #455b65;
}

.Normal_lower_case_Issue {
    font-family: Roboto-Regular;
    font-size: 14px;
    text-transform: none !important;
    line-height: 1.1em;
}

.Capitalize {
    text-transform: capitalize !important;
}

.filePublishLinkDisabled {
    visibility: hidden;
    pointer-events: none;
    cursor: default;
}

.bomGridAndPreviewLayout > div:first-child {
    margin-top: -15px !important;
}

.greyTitleActivityStream {
    font-family: Roboto-Medium;
    font-size: 16px;
    color: #455b65;
    padding-left: 15px;
    padding-bottom: 5px;
}

.dashboardMargin {
    margin: 10px 20px 10px 20px;
}

.margin-top-top {
    margin-top: 10px;
    padding-top: 10px;
}

.MarginbottomGraph {
    margin-bottom: 35px !important;
}

.topMarginPassword {
    margin-top: 50px !important;
    padding-top: 50px !important;
}

.marginLeftRightHr {
    margin-left: 20px;
    padding-right: 20px;
}

.TopMarginUserTab {
    margin-top: 40px !important;
}

.navBtnMenu nobr hr {
    height: 1px;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #455b65;
    border-left: 1px solid #455b65;
    border-right: 1px solid #455b65;
}

.BGWhite {
    background-color: #ffffff;
}

.eventListRecordBlue {
    font-family: Roboto-Regular;
    font-size: 12.5px;
    color: #20334;
    text-transform: none !important;
}

.bottomborder {
    border-bottom: 1px solid #f0f0f0 !important;
}

.LinkWindowTitle {
    font-family: Roboto-Regular;
    color: #ffffff;
    background-color: #455b65;
    text-transform: none !important;
    font-size: 13px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.bomPreviewDocuemntTopMarginNegativ {
    margin-top: -15px !important;
}

.searchMenuRowMargin {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.ActivityDetailInputFieldsMargin {
    margin-top: 4px !important;
    margin-bottom: 2px !important;
}

.ActivityDetailInputFieldsPadding {
    /* padding-bottom: 6px !important; */
    margin-top: 20px !important;
}

.modalWindowAddIssueBody {
    border: none;
    background-color: transparent !important;
    margin: 5px -4px 3px -4px;
}

.ganttViewAssigneeImg {
    border-radius: 3px !important;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    vertical-align: middle;
}

.ganttViewMoreAssigneesImg {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    /* 	border: 2px solid #7db342; */
    padding: 2px 3px;
    margin-left: 2px;
    background-color: #0e9dd8 !important;
    color: #ffffff !important;
    text-align: center !important;
}

.gantViewTaskType {
    vertical-align: middle;
    height: 16px;
    width: 16px;
    margin-left: 3px;
    margin-top: -3px !important;
    margin-right: 6px;
}

.gantViewActions {
    vertical-align: middle;
    height: 25px;
    margin-left: -5px;
}

.ganttViewAttachments {
    vertical-align: middle;
    height: 16px;
    width: 16px;
    margin-bottom: 2px;
}

.ganttViewTaskStateDraftCalendar {
    border: 1px solid #455b65;
    border-radius: 3px;
    height: 14px;
    width: 60px;
    margin-top: 1px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #f8f8f8;
}

.ganttViewTaskStateNormal {
    border: 1px solid #455b65;
    border-radius: 3px;
    height: 14px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #f8f8f8;
    padding: 2px 4px;
}

.ganttViewTaskStateDraft {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    height: 14px;
    min-width: 60px;
    max-width: fit-content;
    padding: 0px 2px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #e0e0e0;
}

.ganttViewTaskStateCustom {
    border: 1px solid #455b65;
    border-radius: 3px;
    height: 14px;
    width: 120px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #f8f8f8;
}

.ganttViewTaskStateDraftResource {
    border: 1px solid #455b65;
    border-radius: 3px;
    height: 14px;
    width: 60px;
    margin-top: 0px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #f8f8f8;
}

.ganttViewTaskStateDraftStandard {
    border: 1px solid #455b65;
    border-radius: 3px;
    height: 14px;
    margin-top: 7px;
    margin-right: 3px;
    padding: 0px 5px 0px 5px;
    line-height: 1.8em !important;
    background-color: #f8f8f8;
}

.ganttViewTaskState120 {
    border: 1px solid #455b65;
    border-radius: 3px;
    height: 14px;
    width: 120px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #f8f8f8;
}

.ganttViewTaskState110 {
    border: 1px solid #455b65;
    border-radius: 3px;
    height: 14px;
    width: 110px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #f8f8f8;
}

.ganttViewTaskState100 {
    border: 1px solid #455b65;
    border-radius: 3px;
    height: 14px;
    width: 100px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #f8f8f8;
}

.ganttViewTaskState90 {
    border: 1px solid #455b65;
    border-radius: 3px;
    height: 14px;
    width: 90px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #f8f8f8;
}

.ganttViewTaskState80 {
    border: 1px solid #455b65;
    border-radius: 3px;
    height: 14px;
    width: 80px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #f8f8f8;
}

.ganttViewTaskState60 {
    border: 1px solid #455b65;
    border-radius: 3px;
    height: 14px;
    width: 60px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #f8f8f8;
}

.ganttViewTaskStateDraftAll {
    border: 1px solid #455b65;
    border-radius: 3px;
    height: 14px;
    width: 90px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #f8f8f8;
}

.ganttViewTaskStateDraftDashboard {
    border: 1px solid #455b65;
    border-radius: 3px;
    height: 14px;
    width: 60px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    padding: 2px;
    background-color: #f8f8f8;
}

.ganttViewTaskStateArchiveDashboard {
    border: 1px solid #bbc8d0;
    border-radius: 3px;
    height: 14px;
    width: 60px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    padding: 2px;
}

.ganttViewTaskStateClosedForSubmissionDashboard {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    height: 14px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    padding: 2px;
    background-color: #e0e0e0;
}

.ganttViewTaskStateCompleted {
    border-radius: 3px;
    height: 14px;
    min-width: 60px;
    max-width: fit-content;
    padding: 0px 2px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    border: 1px solid #c3dfa9;
    background-color: #c3dfa9;
}

.ganttViewTaskStateCompletedResource {
    border-radius: 3px;
    height: 14px;
    width: 60px;
    margin-top: 0px;
    margin-right: 3px;
    line-height: 1.8em !important;
    border: 1px solid #91ca69;
    background-color: #e9f5e1;
}

.ganttViewTaskStateCompletedDashboard {
    border: 1px solid #c3dfa9;
    border-radius: 3px;
    height: 14px;
    width: 60px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    padding: 2px;
}

.ganttViewTaskStatePendingCompletion {
    border: 1px solid #ffeaab;
    border-radius: 3px;
    height: 14px;
    min-width: 60px;
    max-width: fit-content;
    padding: 0px 2px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #ffeaab;
}

.ganttViewTaskStatePendingCompletionResource {
    border: 1px solid #ffeaab;
    border-radius: 3px;
    height: 14px;
    width: 60px;
    margin-top: 0px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #ffeaab;
}

.ganttViewTaskStatePendingCompletionCalendar {
    border: 1px solid #ffeaab;
    border-radius: 3px;
    height: 14px;
    width: 60px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #ffeaab;
}

.ganttViewTaskStateInProgressCalendar {
    border-radius: 3px;
    height: 14px;
    width: 60px;
    margin-top: 1px;
    margin-right: 3px;
    line-height: 1.8em !important;
    border: 1px solid #b3d9e6;
    background-color: #b3d9e6;
}

.ganttViewTaskStateInProgress {
    border-radius: 3px;
    height: 14px;
    min-width: 60px;
    max-width: fit-content;
    padding: 0px 2px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    border: 1px solid #b3d9e6;
    background-color: #b3d9e6;
}

.ganttViewTaskStateInProgressResource {
    border-radius: 3px;
    height: 14px;
    width: 60px;
    margin-top: 0px;
    margin-right: 3px;
    line-height: 1.8em !important;
    border: 1px solid #b3d9e6;
    background-color: #b3d9e6;
}

.ganttViewTaskStateCancelled {
    border: 1px solid #ffa8a8;
    border-radius: 3px;
    height: 14px;
    min-width: 60px;
    max-width: fit-content;
    padding: 0px 2px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #ffa8a8;
}

.ganttViewTaskStateCancelledResource {
    border: 1px solid #ffa8a8;
    border-radius: 3px;
    height: 14px;
    width: 60px;
    margin-top: 0px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #ffa8a8;
}

.EbomHistoryCreate {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    height: 14px;
    width: 60px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #e0e0e0;
}

.EbomHistoryCheckin {
    border-radius: 3px;
    height: 14px;
    width: 60px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    border: 1px solid #ffeaab;
    background-color: #ffeaab;
}

.EbomHistoryModify {
    color: #ffffff;
    border: 1px solid #000000;
    border-radius: 3px;
    height: 14px;
    width: 60px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #000000;
}

.EbomHistoryDelete {
    color: #000000;
    border: 1px solid #000000;
    border-radius: 3px;
    height: 14px;
    width: 60px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #FFA8A8;
}

.EbomHistoryAdd {
    border: 1px solid #91ca69;
    border-radius: 3px;
    height: 14px;
    width: 60px;
    margin-top: 7px;
    margin-right: 3px;
    line-height: 1.8em !important;
    background-color: #e9f5e1;
}

.ganttViewPiorityImg {
    vertical-align: middle;
    margin-left: -5px;
    width: 12px;
    height: 12px;
    margin-bottom: 2px;
}

.filesPublishImg {
    width: 16px;
    height: 16px;
    margin: 0px 6px 0px 0px;
}

.topMarginActionsSeparator {
    margin-top: 13px !important;
}

.menuButton,
.menuButtonOver,
.menuButtonDown,
.menuButtonDisabled,
.menuButtonFocused,
.menuButtonFocusedDown,
.menuButtonFocusedOver,
.menuButtonSelected,
.menuButtonSelectedDown,
.menuButtonSelectedOver,
.menuButtonSelectedDisabled {
    background-color: transparent !important;
}

.menuButtonOver {
    background-color: transparent !important;
}

.menuButtonDown,
.menuButtonFocusedDown,
.menuButtonFocusedOver,
.menuButtonSelected,
.menuButtonSelectedDown,
.menuButtonSelectedOver {
    background-color: transparent !important;
}

.workFlowButtonOpenIcon {
    margin: 3px !important;
    width: 16px !important;
    height: 16px !important;
    padding: 0px 0px 1px 0px;
    display: inline-block;
    line-height: 21px;
}

.memberIconActivityImageStyle {
    float: left;
    height: 14px;
    width: 14px;
    padding-left: 5px;
    padding-top: 1px !important;
    border-radius: 3px;
    margin-top: 2px !important;
}

.clStyle1UnderlineGanttXMLImport {
    position: relative;
    margin-top: 10px;
    border-bottom: 1px solid #bbc8d0;
}

.clStyle1UnderlineGanttXMLImport:before {
    margin-top: 10px;
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 40%;
    bottom: -1px;
    border-bottom: 1px solid #007faa;
}

/*    margin-top: 10px;
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 22%;
    bottom: -1px;
    border-bottom: 1px solid #007FAA;
}
*/
.addProjectGrowpWindowForm {
    margin: 10px 10px 0px 0px;
}
.addGroupWindowFormFieldsMargin {
    margin-bottom: 10px !important;
}

.btnWhiteAddMember {
    font-family: Roboto-Light, "Segoe UI", Arial, sans-serif;
    color: #455b65;
    background-color: #f3f5f5 !important;
    border-radius: 5px;
    font-size: 13px;
    padding: 4px;
    text-transform: none !important;
}

.btnWhiteAddMemberOver,
.btnWhiteAddMemberDown {
    color: #455b65;
    background-color: #e8ebec !important;
    border-radius: 5px;
    font-family: Roboto-Light, "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    padding: 4px;
    text-transform: none !important;
}

.btnWhiteAddMemberDisabled {
    font-family: Roboto-Light, "Segoe UI", Arial, sans-serif;
    font-size: 12.5px;
    text-transform: none !important;
}

.marginlaftprofile {
    padding-left: 10px !important;
}
.ActivityDetailPeopleFileds {
    margin-top: 40px !important;
}

.ActivityDetailDatesFileds {
    margin-top: 60px !important;
}

.teamsAvatarImage {
    position: absolute;
    float: left;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    /* margin-top: 6px; */
}
.clStyle1UnderlineActivityDeatils {
    position: relative;
    border-bottom: 1px solid #bbc8d0;
}

.clStyle1UnderlineBOMDeatils {
    position: relative;
    border-bottom: 1px solid #bbc8d0;
    width: 100%!important;
}

.clStyle1UnderlineActivityDeatils:before {
    margin-top: 10px;
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 70%;
    bottom: -1px;
    border-bottom: 1px solid #007faa;
}

.clStyle1UnderlineBOMDeatils:before {
    margin-top: 10px;
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 70%;
    bottom: -1px;
    border-bottom: 1px solid #007faa;
}
.issueActivityListGrid,
.issueActivityListGridOver,
.issueActivityListGridSelected,
.issueActivityListGridDown,
.issueActivityListGridFocused,
.issueActivityListGridDark,
.issueActivityListGridOverDark,
.issueActivityListGridDarkSelected,
.issueActivityListGridDarkDown,
.issueActivityListGridDarkFocused,
.issueActivityListGridSelected,
.issueActivityListGridSelectedDown,
.issueActivityListGridSelectedOver,
.issueActivityListGridDown,
.issueActivityListGridDownOver,
.issueActivityListGridFocused,
.issueActivityListGridFocusedOver,
.issueActivityListGridSelectedDark,
.issueActivityListGridSelectedDownDark,
.issueActivityListGridSelectedOverDark,
.issueActivityListGridDownDark,
.issueActivityListGridDownOverDark,
.issueActivityListGridFocusedDark,
.issueActivityListGridFocusedOverDark {
    margin-top: 1px !important;
    border-bottom: 1px solid #bbc8d0 !important;
}
.sorterButton {
    display: none !important;
}
.topMarginSeparatorDOCGrid {
    margin-top: 7px !important;
    background-color: white !important;
    margin-left: -7px !important;
    left: 5px !important;
}
.specificationTypeGrid {
    margin-top: 0px !important;
    background-color: white !important;
    margin-left: -7px !important;
    left: 5px !important;
}

.selectedStackSectionDocumentCategory,
.selectedStackSectionDocumentCategoryclosed,
.selectedStackSectionDocumentCategoryopened{
    background: #DDEFF0;
}

.topMarginSeparatorDOCGridA {
    margin-top: 7px !important;
    background-color: white !important;
    margin-left: -7px !important;
    left: 5px !important;
    border-bottom: 1px solid #cccccc;
}

.tabBarBottom {
    margin-top: -2px;
    margin-left: 3px;
}
.searchResultContainer {
    margin-bottom: 20px !important;
}
/*-------HOOPS-------*/
#issueViewer-redline-svg {
    position: relative !important;
}
#issueViewer-redline {
    position: initial !important;
}

#fullScreenViewer-redline-svg {
    position: relative !important;
}
#fullScreenViewer-redline {
    position: static !important;
}
.compareWindowForm {
    margin-left: 30px !important;
    margin-top: 15px !important;
    margin-bottom: 0px !important;
}

.Backgroundmanu {
    width: 140px !important;
    background-color: #ffffff !important;
    cursor: pointer !important;
}

.Backgroundmanu:hover {
    width: 140px !important;
    background-color: #ddeff0 !important;
}

.BackgroundmanuOver {
    width: 140px !important;
    background-color: #ddeff0 !important;
}
.selectionInputActivity,
.selectionInputActivityOver,
.selectionInputActivityDown,
.selectionInputActivitySelected,
.selectionInputActivityFocused,
.selectionInputActivityHint,
.selectionInputActivitySmall,
.selectionInputActivitySmallOver,
.selectionInputActivitySmallDown,
.selectionInputActivitySmallSelected,
.selectionInputActivitySmallFocused,
.selectionInputActivitySmallHint,
.selectionInputActivityDisabled,
.selectionInputActivityDisabledDown,
.selectionInputActivityDisabledFocused,
.selectionInputActivityDisabledSelected {
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light, sans-serif;
    font-size: 12.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    color: #455b65 !important;
    text-transform: none !important;

    border-radius: 3px !important;
    border: solid 1px #bbc8d0 !important;
    padding-left: 6px !important;
}

.selectionInputActivityW,
.selectionInputActivityWOver,
.selectionInputActivityWDown,
.selectionInputActivityWSelected,
.selectionInputActivityWFocused,
.selectionInputActivityWHint,
.selectionInputActivityWDisabled,
.selectionInputActivityWDisabledDown,
.selectionInputActivityWDisabledFocused,
.selectionInputActivityWDisabledSelected {
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light, sans-serif;
    font-size: 12.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    color: #455b65 !important;
    text-transform: none !important;
    width: 190px !important;
    border-radius: 3px !important;
    border: solid 1px #bbc8d0 !important;
    padding-left: 6px !important;
    margin-left: -7px !important;
}

.selectionInputTaskActivity {
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light, sans-serif;
    font-size: 12.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    color: #455b65 !important;
    text-transform: none !important;
    width: 70px !important;
    border-radius: 3px !important;
    border: solid 1px #bbc8d0 !important;
    padding-left: 6px !important;
    margin-left: -7px !important;
}

.selectionInputActivityC,
.selectionInputActivityCOver,
.selectionInputActivityCDown,
.selectionInputActivityCSelected,
.selectionInputActivityCFocused,
.selectionInputActivityCHint,
.selectionInputActivityCDisabled,
.selectionInputActivityCDisabledDown,
.selectionInputActivityCDisabledFocused,
.selectionInputActivityCDisabledSelected {
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light, sans-serif;
    font-size: 12.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    color: #53575a !important;
    text-transform: none !important;
    width: 190px !important;
    border-radius: 3px !important;
    border: solid 1px #005959 !important;
    padding-left: 6px !important;
}

.selectionInputActivityT,
.selectionInputActivityTOver,
.selectionInputActivityTDown,
.selectionInputActivityTSelected,
.selectionInputActivityTFocused,
.selectionInputActivityTHint,
.selectionInputActivityTDisabled,
.selectionInputActivityTDisabledDown,
.selectionInputActivityTDisabledFocused,
.selectionInputActivityTDisabledSelected {
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light, sans-serif;
    font-size: 12.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    color: #53575a !important;
    text-transform: none !important;
    width: 170px !important;
    border-radius: 3px !important;
    border: solid 1px #bbc8d0 !important;
    padding-left: 6px !important;
}

.LeftMarginEdit {
    margin-left: 36px !important;
}
.LeftMarginEditSmaller {
    margin-left: 6px !important;
}

.LeftMarginEditSmaller img {
    width: 21px;
    height: 18px;
}

.topMarginWindow {
    margin-top: -5px !important;
}

.dashboardTopMargin {
    margin-top: -7px !important;
}
.clStyle1UnderlineLongerOnIssueFileD {
    position: relative;
    margin-top: 10px !important;
    border-bottom: 1px solid #bbc8d0;
}
.issueNoDocumentsBodyPreview {
    margin-top: 10px !important;
}
.selectItemIconFix {
    padding-right: 20px;
}

body:not(:-moz-handler-blocked) .formHover {
    color: #455b65 !important;
    text-align: center !important;
    font-family: Roboto-Light !important;
    font-size: 12px !important;
    background-color: #ffffff !important;
    position: relative !important;
    padding: 4px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
    border: 1px solid #bbc8d0 !important;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    z-index: 500000 !important;
    /* left: -28px; */
    top: -38px;
}
.IssueTopPrecetigeMargin {
    margin-top: 50% !important;
}

.statusGreenBackground {
    background-color: #c3dfa9;
}

.statusYellowBackground {
    background-color: #ffeaab;
}

.statusOrangeBackground {
    background-color: #fe9e83;
}

.statusRedBackground {
    background-color: #ffa8a8;
}

.statusGrayBackground {
    background-color: #adadad;
}
.statusGrayLightBackground {
    background-color: #e0e0e0;
}

.statusBlueLightBackground {
    background-color: #b3d9e6;
}

/*Please but this on the bottom of css, this is firefox only css */

@-moz-document url-prefix() {
    .customTooltipText {
        color: #455b65;
        font-size: 11px;
        font-family: Roboto-Light;
        margin: 2px 0px 0px 0px;
        line-height: 12px;
        white-space: nowrap;
        padding-top: 1px;
        text-align: center;
        cursor: pointer;
    }
}

/*Please but this on the bottom of css, this is IE 11 only css */
@media all and (-ms-high-contrast: none) {
    *::-ms-backdrop,
    .customTooltipText {
        color: #455b65;
        font-size: 11px;
        font-family: Roboto-Light;
        margin: 3px 0px 0px 0px;
        line-height: 12px;
        white-space: nowrap;
        padding-top: 1px;
        text-align: center;
        cursor: pointer;
    }
}

.selectionInputLastActivities,
.selectionInputLastActivitiesOver,
.selectionInputLastActivitiesDown,
.selectionInputLastActivitiesSelected,
.selectionInputLastActivitiesHint {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0px 4px 5px 4px;
    outline: 0;
    font-family: Roboto-Light;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #455b65;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    text-transform: none !important;
    height: 19px !important;
    margin-top: -1px !important;
}

.selectionInputLastActivitiesNoArrow,
.selectionInputLastActivitiesNoArrowOver,
.selectionInputLastActivitiesNoArrowDown,
.selectionInputLastActivitiesNoArrowSelected,
.selectionInputLastActivitiesNoArrowHint {
    border: 1px solid rgba(0, 0, 0, 0.15);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0px 4px 5px 4px;
    outline: 0;
    font-family: Roboto-Light;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #53575a;
    appearance: none;
    background-size: 12px 12px;
    text-transform: none !important;
    height: 19px !important;
    margin-top: -1px !important;
}

.selectionInputLastActivitiesNoArrowFocused {
    border: 1px solid #6cb1b1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0px 4px 5px 4px;
    outline: 0;
    font-family: Roboto-Light;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #53575a;
    box-shadow: 0 0 5px #6cb1b1;
    appearance: none;
    background-size: 12px 12px;
    text-transform: none !important;
    height: 19px !important;
    margin-top: -1px !important;
}

.selectionInputLastActivitiesFocused {
    border: 1px solid #0e9dd8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0px 4px 5px 4px;
    outline: 0;
    font-family: Roboto-Light;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #455b65;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    text-transform: none !important;
    height: 18px !important;
}
.customizationHeaderMargin {
    margin-top: 10px;
}
.customizationMargin {
    margin-top: 5px;
}

.customizationLeftMargin {
    padding-left: 1px !important;
}
.customizationLeftMarginFocused {
    padding-left: 1px !important;
}
.selectionInputCategorization,
.selectionInputCategorizationOver,
.selectionInputCategorizationDown,
.selectionInputCategorizationSelected,
.selectionInputCategorizationHint {
    border: 1px solid #bbc8d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 4px 1px 4px;
    outline: 0;
    font-family: Roboto-Light;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #455b65;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    text-transform: none !important;
    height: 18px !important;
    text-align: left;
}

.selectionInputCategorizationFocused {
    border: 1px solid #0e9dd8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 4px 1px 4px;
    outline: 0;
    font-family: Roboto-Light;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #455b65;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    text-transform: none !important;
    height: 18px !important;
    text-align: left;
}

.selectionInputCategorizationLong {
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light, sans-serif;
    font-size: 12.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    color: #455b65 !important;
    text-transform: none !important;
    width: 190px !important;
    border-radius: 3px !important;
    border: solid 1px #bbc8d0 !important;
    margin-left: 5px !important;
}
.selectionInputCategorizationType {
    outline: 0;
    -webkit-appearance: none;
    font-family: Roboto-Light, sans-serif;
    font-size: 12.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("images/Button_Icons/Dropdown.svg") no-repeat 95% 50% #fff;
    background-size: 12px 12px;
    color: #455b65 !important;
    text-transform: none !important;
    width: 190px !important;
    border-radius: 3px !important;
    border: solid 1px #bbc8d0 !important;
    margin-left: 10px !important;
}
.selectCheckBoxCustomization {
    margin-top: 0px;
    vertical-align: top;
}

.userProfilePasswordField {
    margin-left: 30px;
}

.itemDetailsInfoFieldPadding {
    padding-bottom: 10px;
}

.itemDetailsRevisionNoteMargin {
    margin-top: -20px;
}

/* GWT creates HTML elements with high z-index (e.g. 200180), which would the be on top of Pendo elements */
.tracking-app-gwt #pendo-base {
    z-index: 500000;
}

.vertical-top {
    vertical-align: top;
}

.effectiveDateDifferenceIcon {
    padding-right: 2px;
    position: absolute;
    left: 0;
}
.configurationsGrid {
    margin-left: 20px;
}

.ebomAttributesSearch {
    width: 100% !important;
    box-sizing: border-box;
}

.cad-attribute-container {
    margin-top: 5px;
}

.ebom-supplier-form .roundedInputTextAreaDisabled, .ebom-details-body .roundedInputTextAreaDisabled {
    width: calc(100% - 20px)!important;
}

.ebom-supplier-form .disabledTextItem1, .ebom-details-body .disabledTextItem1 {
    width: calc(100% - 20px)!important;
}

.ebom-supplier-form .staticItemFormattedValue, .ebom-details-body .staticItemFormattedValue {
    width: calc(100% - 20px)!important;
}

.ebom-supplier-form .selectionInputDisabled, .ebom-details-body .selectionInputDisabled  {
    width: calc(100% - 20px)!important;
}

.ebom-supplier-form .disabledTextItem, .ebom-details-body .disabledTextItem {
    width: calc(100% - 20px)!important;
}

.ebom-supplier-form .roundedInput, .ebom-details-body .roundedInput {
    width: calc(100% - 20px)!important;
}

.ebom-supplier-form .selectionInput, .ebom-details-body .selectionInput  {
    width: calc(100% - 20px)!important;
}

.ebom-supplier-form .roundedInputFocused, .ebom-details-body .roundedInputFocused {
    width: calc(100% - 20px)!important;
}

.ebom-supplier-form .selectionInputFocused, .ebom-details-body .selectionInputFocused {
    width: calc(100% - 20px)!important;
}

.ebom-supplier-form .roundedInputTextArea, .ebom-details-body .roundedInputTextArea {
    width: calc(100% - 20px)!important;
}

.ebom-supplier-form .roundedInputTextAreaFocused, .ebom-details-body .roundedInputTextAreaFocused {
    width: calc(100% - 20px)!important;
}

.ebom-details-body .selectItemIconFix {
    padding-right: 0px;
}

.ebom-supplier-form table {
    width: 100%;
}

div[eventproxy="EBOM_PREVIEW"] {
    border-top: 0!important;
    border-left: 0!important;
}

.projectGridHeader,
.projectGridHeaderOver,
.projectGridHeaderSelected,
.projectGridHeaderSelectedOver,
.projectGridHeaderDown,
.projectGridHeaderSelectedDown,
.projectGridHeaderDownOver,
.projectGridHeaderDisabled,
.projectGridHeaderSelectedDisabled,
.projectGridHeaderDownDisabled,
.projectGridHeaderOverDisabled {
    background-color: #fff;
    font-family: Roboto-Light, "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    line-height: 15px;
    padding: 0 2px;
    text-transform: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.projectGridHeader div,
.projectGridHeaderOver div,
.projectGridHeaderSelected div,
.projectGridHeaderSelectedOver div,
.projectGridHeaderDown div,
.projectGridHeaderSelectedDown div,
.projectGridHeaderDownOver div,
.projectGridHeaderDisabled div,
.projectGridHeaderSelectedDisabled div,
.projectGridHeaderDownDisabled div,
.projectGridHeaderOverDisabled div {
    padding-left: 2px;
}

.projectGridHeaderOver {
    cursor: default !important;
}
.highlightRow {
    background-color: #fdf1f1 !important;
}

.pendo-resource-center-badge-notification-bubble {
    height: 8px !important;
    width: 8px !important;
    top: 4px !important;
    left: 18px !important;
}

.pendo-resource-center-badge-notification-bubble > div {
    display: none !important;
}

.pendo-notification-bubble-unread-count {
    font-size: 14px !important;
    font-weight: 600 !important;
    width: 100% !important;
}

._pendo-home-view-bubble {
    height: 8px !important;
    width: 8px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    text-align: center !important;
    top: 27px !important;
}

._pendo-home-view-bubble > div {
    display: none !important;
}

.item-history-footer-info {
    font-family: Roboto-Light;
    font-size: 13px !important;
    color: #455b65;
    margin-left: 20px;
    margin-top: 12px;
    position: absolute;
}