body {
    margin-left: auto;
    margin-right: auto;
    line-height: 1.32857143;
    background-color: #EEEEEE;
    font-size: 13px;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 300;
}
.wrapper {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    /*min-width: 600px;*/
}
.calendars {
    width: 865px;
    overflow: hidden;
    margin-right: 3px;
    padding-top: 10px;
}
.footerMain {
    width: 865px;
    display: inline-flex;
}
.footerMain > #CopyrightMessage {
    width: 88.5%
}
.information {
    top: 70px;
    bottom: 0;
    width: 254px;
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    left: 50%;
}
.appLabel {
    display: inline-block;
    padding-top: 3px;
    cursor: default;
}
label[for="ReportsDetailedRequestors"] ~ .col-sm-10, label[for="RestrictionEditName"] ~ .col-sm-10 {
    padding-right: 25px;
}
@media screen and (min-width: 1200px) {
    .calendars, .footerMain { max-width: 865px; }
    .information { margin-left: 313px; }
}
@media screen and (min-width: 990px) and (max-width: 1200px) {
    .calendars, .footerMain { max-width: 665px; }
    .information{ margin-left: 213px; }
}
@media screen and (min-width: 769px) and (max-width: 989px) {
    .calendars, .footerMain { max-width: 540px; }
    .information { margin-left: 200px; }
}
@media screen and (max-width: 768px) {
    .calendars, .footerMain { width: 300px; }
    .information { margin-left: 335px; left: 0; }
    label[for="ReportsDetailedRequestors"] ~ .col-sm-10 { padding-right: 15px; }
}
#PageBody, .ApprovalNotificationsHead, .ReportsResultCenter,
.ApprovalEmailLeaveOwnersOnStart, .ApprovalEmailSubstituteOnStart, .ApprovalEmailFinanceOnStart, .ApprovalEmailHROnStart, .ApprovalEmailManagerOnStart,
.ApprovalEmailLeaveOwners, .ApprovalEmailSubstitute, .ApprovalEmailStepOwners, .ApprovalEmailFinance, .ApprovalEmailHR, .ApprovalEmailManager,
.ApprovalEmailAdditionalApprover, .ApprovalEmailOrganizationManager, .SicknessNotificationsHead, .ApprovalEmailCurrentProcessParticipants, .ApprovalEmailRequestor {
    text-align: center;
}
#ProcessOfApprovalTableHead > .SecondTableHead > .ApprovalNotificationsHead {
    vertical-align: middle;
    height: 100px;
}
#ProcessOfApprovalTableHead > .SecondTableHead > .ApprovalNotificationsHead > div {
    transform: rotate(-90deg);
    transform-origin: center center 0;
}
#ProcessOfApprovalTableHead > .SecondTableHead > .SicknessNotificationsHead {
    transform-origin: center center 0;
    vertical-align: middle;
    height: 100px;
}
#alertsBox > div {
    width: auto;
    overflow: hidden;
    position: fixed;
    margin-right: 3px;
    display: none;
}
.margin-navbar {
    margin-top: 70px;
}
.glyphicon {
    cursor: pointer;
}
.year-switch {
    color: #ccc;
}
.right-container {
    padding-top: 10px;
    width: 270px;
    margin-bottom: 40px;
}
.calendarTable {
    float: left;
    color: #232323;
    width: 235px;
    white-space: inherit!important;
    line-height: 1.32857143!important;
    font-weight: normal!important;
    font-variant: inherit!important;
    font-style: inherit!important;
    text-align: left!important;
}
.calendarTable td.monthDay {
    width: 30px;
    height: 30px;
    vertical-align: top;
}
.dayHolder {
    font-size: 11px;
    position: absolute;
    text-align: center;
    width: 28px;
    height: 28px;
    padding-top: 7px;
    border-radius: 15px;
    background-color: #EEEEEE;
    cursor: pointer;
}
.dayHolder:not(.restDay):hover, .restDaySelectable:hover {
    background-color: #e1e1e1;
}
.restDaySelectable {
    cursor: pointer!important;
}
.sicknessTooltip {
    color: #FF99CC;
}
.currentLeaveTooltip {
    color: #FFFFFF;
}
.innerDayHolder {
    top: 4.7px;
    left: 4.7px;
    width: 19.4px;
    height: 19.4px;
    padding-top: 2.5px;

}
.numberHolder {
    width: 20px;
    height: 20px;
}
.canvasStatistics, .dateCell {
    width: 30px;
    height: 30px;
}
.dateCell {
    position: relative;
}
.calendarTable td.monthHead {
    text-align: center;
    vertical-align: middle;
    color: rgb(174, 174, 174);
    cursor:	default;
    padding-bottom: 10px;
    font-size: 1.2em;
}
.calendarTable td.monthHead .no-underline{
    cursor:	pointer;
}

.calendarTable td.currentDay {
    font-weight: bold ;
}
.calendarTableContainer {
    display: inline-block;
    margin:5px;
    height: 210px;
    width: 260px;
}
.calendarTable .weekNumber {
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    color: #9b9b9b;

}
#calendarsContainer {
    padding: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.selectedDay {
    background-color: #1856ff !important;
    color: white;
}
.restDay, .restDay.disabledDay {
    background-color: rgb(207,207,207);
    cursor: default;
}
.disabledDay {
    background-color: #eeeeee;
    color: rgb(150,150,150);
}
.blueColor a {
    color:#428bca !important;
    font-size: 14px;
    font-weight: bold;
}
.blueBottomBorder {
    border-bottom: 1px solid #666;
}
hr {
    margin: 10px 0 10px 0;
}
.inline-div {
    display: inline;
}
.panel-body {
    padding: 10px;
}
.zero-clipboard {
    display: block;
    position: relative;
}
.btn-clipboard:hover {
    color: #fff;
    background-color: #563d7c;
    border-color: #563d7c;
}
.btn-clipboard {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    display: block;
    padding: 5px 8px;
    font-size: 12px;
    color: #777;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #e1e1e8;
    border-radius: 0 4px 0 4px;
}
.panel-body > p > span {
    color: #575757;
}
.btn-datesoff {
    width: 5.5em;
}
.btn-default .badge {
    background-color: rgb(183, 183, 183);
    font-size:11px;
}
#selectedYear {
    font-weight: bold;
    font-size: 14px;
}
.btn-confirm-days {
    margin-top: 10px;
}
.colorIndicator, .colorIndicatorLegend {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    border: 4px solid;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff !important;
}
.colorIndicator {
    cursor: pointer;
}
.colorIndicatorLegend {
    background-color: #e1e1e1;
}

.hiddenColorPicker {
    width: 1px;
    height: 1px;
    display: none;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

#teamMembers, #notificationNameEditRow {
    margin-bottom: 15px;
}
.daysCurrentLabels {
    width: 11.4em;
    text-align: right;
}
.daysCurrentEntries > span {
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
}
.navbar-brand {
    padding-top: 10px;
}
#BrandLogo {
    width: 260px;
    height: 28px;
    background-image: url("../../img/timeoff/timeoff.guru.blue.png");
}
#BrandCustomLogo {
    max-width: 260px;
    max-height: 28px;
}
.unselectedColor {
    background-color: #CFCFCF!important;
    border-color: #CFCFCF!important;
}
.calendars-checkboxes {
    float: right;
    color: rgb(174, 174, 174);
    margin-right: 40px;
    line-height: 1.8;
    margin-top: 5px;
}
.teamMemberHolder, #RestrictionsTableBody td, .UsersResultsTableBody td {
    line-height: 1.5!important;
}
.teamMemberHolder:hover > .closeButtonHolder{
    display: inline!important;
    color: red;
}
.acceptButtonHolder, .denyButtonHolder, .closeButtonHolder {
    padding-left: 10px;
}
.acceptButtonHolder > img, .denyButtonHolder > img, .closeButtonHolder > img {
    cursor: pointer;
}
.showHideTeam {
    /*float: right;*/
    margin-left: 10px;
    cursor: pointer;
}
.plannedInRequestMode {
    position: absolute;
    top: -6px;
    left: 0px;
}
.locationsInRequestMode {
    position: absolute;
    bottom: -3px;
    right: 2px;
}
.empty-message {
    padding: 10px;
}
.green {
    color: green;
    font-size: 11px;
}
.green:hover {
    color: green;
}
.tooltip-inner {
    min-width: 180px;
    text-align: left;
}
.tooltip-inner hr {
    margin:3px 0;
    border:0;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
#myDaysRequests, #othersDaysRequests, #myPlannedDaysRequests, #myLocationsRequests, #othersLocationsRequests {
    padding-top: 15px;
}
.badge img {
    width: 10px;
    height: 10px;
}
.requestedDay {
    background-color: #B5D1E9;
    cursor: default;
    pointer-events: none;
}
.plannedDay{
    background-color: #B5D1E9!important;
}
.locationDayOther{
    background-color: #B5D1E9!important;
}
.locationDayOffice{
    background-color: #b4e9b4!important;
}

.locationDayOtherPartTime{
	background-blend-mode: soft-light; 
	color: rgb(255, 255, 255); 
	background-color: rgb(181, 209, 233); 
	background-image: linear-gradient(135deg, rgb(238, 238, 238) 50%, rgb(181, 209, 233) 50%);
}

.locationDayOfficePartTime{
	background-blend-mode: soft-light; 
	color: rgb(255, 255, 255); 
	background-color: rgb(177, 224, 180); 
	background-image: linear-gradient(135deg, rgb(238, 238, 238) 50%, rgb(177, 224, 180) 50%);
}

.plainCursor {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dayOff {
    background-color: #80A1E9;
    cursor: default;
}
.dayOffSickness, .sicknessDay {
    background-color: #FF99CC;
    cursor: default;
}
.navbar-inverse .navbar-nav > li > a {
    color: #acacac;
}
#myDaysRequests, #myLocationsRequests {
    line-height:1.7;
}
#myDaysRequests p:hover > .closeButtonHolder{
    display: inline!important;
    color: red;
}
#othersDaysRequests, #othersLocationsRequests {
    line-height: 1.7;
}
.margin-left-min {
    margin-left: 10px;
}
.respondDaysOffButton {
    margin-left: 5px!important;
}
#othersDaysRequests hr, #othersDaysRequests p, #othersLocationsRequests hr, #othersLocationsRequests p {
    margin: 5px;
}
.badge {
    font-weight: normal;
}
.periodSelector {
    width: 200px;
    margin-left: 10px;
}
label[for=periodFrom], label[for=periodTo] {
    margin-left: 20px;
}

.history-checkboxes {
    color: rgb(174, 174, 174);
    margin-left: 20px;
    line-height: 1.8;
}
#requestsHistoryContainer {
    margin-top: 20px;
}
.colorRed {
    color: red;
}
.colorGreen {
    color: green;
}
#requestsHistory {
    min-height: 61vh;
}
.calendarLegend {
    float: left;
    line-height: 1.8;
    min-height: 20px;
    margin: 5px 0px 10px 10px;
    padding-left: 18px;
    list-style-type: none;
}
.calendarLegend li {
    display: inline;
    margin-left: 10px;
    padding-right: 10px;
}
.legendName {
    color: rgb(174, 174, 174);
}
#modeButton {
    cursor: pointer;
    font-weight: bold;
    color: #575757;
}
#modeButton:hover {
    background-color: #e0e0e0;
}
.administration, .reports {
    padding: 1em;
    padding-top: 0px;
    text-align: left;
}
.footerAdmin {
    display: inline-flex;
    width: -moz-available;
}
.footerAdmin > #CopyrightMessage {
    width: 91.5%;
}
.administration > h1, .reports > h1 {
    padding-bottom: 0.5em;
}
#tabs > div.tab-content {
    margin-top: 3em;
}
#DaysPriorToLeave, #PaidLeaveDays, #UnpaidLeaveDays, #NotificationDaysToRemind, #DaysAfterPriorToLeave,  #DaysPriorToLocation, #DaysAfterPriorToLocation {
    width: 4em;
}
#AddApprovalStep, #AddLeaveType, #AddLeaveCategory, #AddRestriction, #AddOrganization, #AddHoliday, #AddHolidaySet {
    margin: 1em;
    margin-left: 0em;
}
#RestrictionsLoading {
    margin-bottom: 1em;
}
.ApprovalActions, .LeaveActions, .LeaveCategoryActions, .RestrictionActions, .OrganizationActions, .HolidayActions, .HolidaySetActions, .InvoiceActions {
    min-width: 100px;
    text-align: right;
}
.AccrualRuleStatus {
    width: 100px;
}
.AccrualRuleActions {
    width: 80px;
    text-align: right;
}
.alignRight, .ReportsResultActions, .UsersActions, #SelectInstance {
    text-align: right;
}
.ApprovalActions span, .LeaveActions span, .LeaveCategoryActions span, .NotificationActions span, .FormActions span, .RestrictionActions span, .UsersActions span,
.OrganizationActions span, .HolidayActions span, .HolidaySetActions span, .CompensationActions span, .LocationActions span, .AccrualRuleActions span, .InvoiceActions span {
    font-size: 1.3em;
    margin-left: 0.3em;
}
.RestrictionActions a {
    color: initial;
}
.ReportsResultActions > a, .ReportsResultActions > span {
    margin-left: 0.7em;
}
.MoveUpRow:hover, .MoveDownRow:hover, .UserPreview:hover {
    color: blue;
}
.ReportsDetailedResultInfo:hover, #UserEditSubstitutionWayInfo:hover {
    color: deepskyblue;
}
.SaveEditRow.glyphicon-pencil:hover, .ReportsDetailedResultEdit:hover, .UserPendingEdit.glyphicon-pencil:hover {
    color: orange;
}
.ReportsDetailedResultPrint > .dropdown-toggle:hover, #excelImportModalContent > a {
    color: orangered;
}
.SaveEditRow.glyphicon-ok:hover, .addAvailableYear:hover, .UserActivate:hover, .UserUnblock:hover  {
    color: lime;
}
.RemoveRow:hover, .removeAvailableYear:hover, .UserDeactivate:hover, .UserPendingRemove:hover {
    color: red;
}
.CancelEditRow:hover {
    color: silver;
}
.UserPreview{
    padding-right: 4px;
}
.ReportsDetailedResultPrint > .dropdown-toggle, .ReportsDetailedResultInfo {
    color: #333333;
}
.LeaveDeduction, .LeaveActive, .LeaveAttachFile, .LeaveLimit, .ColorSchemeTableHeadIncludeInMonthlyReport, .ColorSchemeTableHeadActive, .LeaveCategoryIncludeInMonthlyReport, .LeaveCategoryActive {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
}
.LeaveTypes {
    min-width: 150px;
    text-align: center;
    padding-right: 10px!important;
    white-space: nowrap;
}
.ApprovalSteps, .LeaveNumbers {
    width: 5%;
    text-align: center;
}
.ApprovalLabels {
    width: 35%;
}
.LeaveNames, .LeaveNotes {
    width: 20%;
}
.LeaveShortNames {
    width: 10%;
}
.LeaveNames > input, .LeaveNotes > input, .ApprovalLabels > input, .FormNames, #ExcelExportTemplatesForm .form-control {
    width: 100%;
}
#daysOffSettingsPeriod, .daysOffTypePanel, #daysOffType, #leaveRequestPeriod, .iCalFeedOptionsPanel {
    margin-bottom: 1.4em;
}
.daysOffTypePanel label, .RestrictionEditRadioLabel, .iCalFeedOptionsPanel label, .HolidayEditRadioLabel {
    margin-right: 0.8em;
}
.RestrictionEditRadioLabel, .HolidayEditRadioLabel {
    font-weight: normal;
}
.daysOffYears {
    width: 5.5em!important;
    height: 2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-right: 0.8em;
    padding-top: 0.1em;
    padding-left: 0.2em;
}
.daysOffUsed, .hoursOffUsed {
    width: 2.3em!important;
    height: 2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-right: 1em;
    padding-left: 0.4em;
    padding-right: 0.2em;
}
.addAvailableYear {
    margin-right: 1em;
}
.UsersSearch {
    margin-left: 2em;
}
#InvitationsCount {
    margin-left: 0.3em;
    line-height: 0.7;
}
#ReportsDetailedButtons {
    position: sticky;
    top:0px;
    left:0px;
    background-color: white;
    width:100%;
    text-align: right;
    padding-right: 2em;
    padding-bottom:10px;
}
#UsersActiveButtons {
    text-align: right;
    margin-right: 2em;
}
#ReportsDetailedButtons button, #UsersActiveButtons button, #ExcelExportBtn button{
    margin-left: 1em;
}
#DetailsModalTableFooter {
    font-weight: bold;
}
#LeavesTableFooter {
    font-weight: bold;
}
.historyTabs, .holidayTabs {
    margin: 1em;
}
.alignLeft, #historyModal, #leaveRequestModal, #cancelRequestReasonForm, #requestsContainer, #planningContainer, #locationsContainer, #SelectInstance {
    text-align: left !important;
}
.historyTabYearBody, #cancelRequestReasonForm {
    margin-top: 2em;
}
.historyEntries {
    margin-top: 1em;
    padding-right: 2em;
}
#NotificationAddress {
    width: 61%;
}
a.historyEntryLinks {
    cursor: pointer;
}
a.historyEntryLinksDisabled {
    color: black;
    cursor: default;
    pointer-events: none;
}
a.historyEntryLinksDisabled:hover {
    text-decoration: none;
}
#daysOffDescription, #notificationEmailBodyEdit, #denyDaysOffReason, #cancelRequestReason {
    resize: vertical;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.vbottom {
    display: inline-block;
    vertical-align: bottom;
    float: none;
}
.formKeywords > .formLabels {
    color: gray;
    margin-right: 0.3em;
}
.notificationEditRow, .restrictionEditRow {
    margin-top: 1em;
}
.sidebarLabels {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
}
#BasicConfigurationTab label > input, .fromMeLabels, .toMeLabels,
#LeaveTypeEditDeduction, #LeaveTypeEditInactive, #LeaveTypeEditAttachFile, #LeaveTypeEditAllowAfterPaidLeaveIsOver, #LeaveTypeEditAccrualRules, #LeaveTypeEditOverdraftAllowed, #LeaveTypeEditUnlimitedBalance, #LeaveTypeEditPartDays,
#LeaveCategoryEditIncludeInMonthlyReport, #LeaveCategoryEditActive {
    margin-right: 0.5em;
}

#RightsTab label > input, .fromMeLabels, .toMeLabels {
    margin-right: 0.5em;
}

#ProcessSettings label > input, .fromMeLabels, .toMeLabels {
    margin-right: 0.5em;
}

#LeaveSettings label > input, .fromMeLabels, .toMeLabels {
    margin-right: 0.5em;
}

#SecurityTab label > input, .fromMeLabels, .toMeLabels {
    margin-right: 0.5em;
}

#paidLeaveType, #unpaidLeaveType, #sicknessLeaveType, #compensationLeaveType, #otherLeaveType, .settings-btn, .reports-btn, .run-on-behalf-of-btn, .run-on-behalf-of-me-btn, .logout-btn {
    margin-right: 0.4em;
}
input[name="restrictionEditSelectionTypeRadios"] {
    margin-right: 0.3em!important;
}
.basicConfigDaysCol {
    padding: 0;
}
.basicConfigDaysCol > .form-control {
    display: inline-block;
}
#ProcessOfApprovalTableHead > .FirstTableHead > th {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 1px;
}
#ProcessOfApprovalTableHead > .SecondTableHead > th {
    border-top: 0px;
    margin-top: 0px;
    padding-top: 1px;
}
.makeRequest, .cancelMyRequest, .cancelMyPlanned, .cancelMyLocationRequest {
    min-width: 60px;
}
.singleSelectedDay {
    padding-left: 3.5em;
}
#TopNavigation a, a[id^="buttonID_"] {
    outline: none;
}
.myRequestsLinks {
    outline: none!important;
    text-decoration: none!important;
}
.tooltip-inner {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 300;
    cursor: default;
}
.form-control::-webkit-input-placeholder, .form-control:-moz-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder {
    color: #C2C2A3;
}
.selectWarning {
    border-color: #8a6d3b!important;
}
.selectError {
    border-color: #a94442!important;
}
.daysOffAvailable > .daysOffYears {
    margin: 0.75em 0.1em;
}
.daysOffAvailable > .form-group {
    margin: 0px;
}
#myDaysRequests .tooltip, #othersDaysRequests .tooltip, #othersDaysRequests .popover, #myLocationsRequests .popover, #myLocationsRequests .tooltip, #othersLocationsRequests .popover, #othersLocationsRequests .tooltip  {
    left: 0px!important;
}
#paidLeftContainer .tooltip  {
    left: 0px!important;
}
#userEdit .tooltip-inner {
    max-width: 95%;
    text-align: left;
}
.acceptDaysError {
    margin-bottom: 0.4em;
}
label[for="cancelRequestReason"] {
    font-weight: normal;
}
.historyPagination {
    position: absolute;
    bottom: -40px;
    right: 5px;
    margin: 0px 15px;
}
#ReportsDetailedPagination, .UsersPagination, #UserCompensationsPagination {
    float: right;
    margin-top: 0px;
}
#ReportsDetailedResults, .UsersResults {
    margin-bottom: 4em;
}
#ReportsDetailedResults > table, .UsersResults > table {
    table-layout: fixed;
}
.userEditInputCol, .reportLeaveEditInputCol, .leaveTypeEditInputCol {
    width: 30%;
}
.userEditLabelCol {
    width: 17.5%;
}
.UserEditColOffset {
    margin-left: 46.6667%;
}
.ReportsOverflow, .UsersOverflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ReportsOthersOverflow {
    overflow: hidden;
    text-overflow: ellipsis;
}
#UserEditSubstitutionWayInfo {
    top: 0px;
    margin-left: 0.5em;
    vertical-align: middle;
}
#EndingDateInfoTooltip {
    top: 8px;
    margin-left: 0.5em;
    vertical-align: middle;
}
.historyPagination a, #ReportsDetailedPagination a {
    /*padding: 2px 4.5px!important;*/
}
#historyModal .modal-footer {
    padding: 25px;
}
#ReportsDetailed > .form-inline, #ReportsDetailed > .form-horizontal {
    width: 95%;
}
.ReportsDetailedInline .form-group, .RestrictionEditInline .form-group, #RestrictionEditSelectionType {
    margin-bottom: 15px;
}
.ReportsDetailedInline .form-group {
    margin-left: -5px;
    margin-right: -5px;
}
.ReportsDetailedInline .control-label, .RestrictionEditInline .control-label {
    padding-top: 7px;
}
.ReportsDetailedInline .control-label {
    text-align: right;
}
.ReportsDetailedInline .input-group, .ReportLeaveEditDatesInputGroups {
    width: 12em;
}
#RestrictionEditName {
    width: 82%;
}
.RestrictionEditIncludedEmployeesCol1 {
    width: 86.5%;
}
.RestrictionEditIncludedEmployeesCol2 {
    width: 13.5%;
}
.datepicker {
    z-index: 9999;
}
.ReportsGeneralCharts {
    padding: 0;
    margin: auto;
    display: block;
    width: 100%!important;
}
#ReportsGeneralByStatusMonthChart, #ReportsGeneralByTypeMonthChart {
    height: 75%!important;
    width: 75%!important;
}
#ReportsGeneralByStatusLegend {
    margin-top: 8em;
}
#ReportsGeneralByTypeLegend {
    margin-top: 4em;
}
.ReportsGeneralLegends {
    padding-left: 20px;
}
.ReportsGeneralLegends > ul {
    list-style: none;
}
.ReportsGeneralLegends li {
    line-height: 1.6;
    margin-bottom: 10px;
}
.ReportsGeneralLegends li span {
    width: 19px;
    height: 19px;
    display: block;
    float: left;
    margin-right: 0.8em;
}
.chartjs-tooltips {
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    color: white;
    padding: 3px;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.chartjs-tooltips.below {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.chartjs-tooltips.below:before {
    border: solid;
    border-color: #111 transparent;
    border-color: rgba(0, 0, 0, .8) transparent;
    border-width: 0 8px 8px 8px;
    bottom: 1em;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    z-index: 99;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
}
.chartjs-tooltips.above {
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
}
.chartjs-tooltips.above:before {
    border: solid;
    border-color: #111 transparent;
    border-color: rgba(0, 0, 0, .8) transparent;
    border-width: 8px 8px 0 8px;
    bottom: 1em;
    content: "";
    display: block;
    left: 50%;
    top: 100%;
    position: absolute;
    z-index: 99;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.ReportsGeneralChartsLabels {
    margin: 2em 0px 1em;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}
.ReportsResultHeader > span:first-child, .UsersResultHeader > span:first-child, .ReportsOthersResultHeader > span:first-child {
    cursor: pointer;
}
.ReportsResultHeader > .glyphicon, .UsersResultHeader > .glyphicon {
    margin-left: 0.5em;
    font-size: 0.7em;
    cursor: default;
}
#ReportsGeneral, #AdministrationManagers, #ExcelExportTemplatesForm {
    margin-bottom: 2em;
}
#ReportsFooter {
    padding: 15px 0px 10px;
}
.centeredProgress {
    width: 15%;
    margin: auto;
}
.usedYearsFormsLabel {
    font-weight: bold;
    margin-bottom: 1.5em;
}
.buttonText, #PrintDetailedReports > .caret, #ReportsOthersForm76ChooseMonth > .caret, #OtherActionsForDetailedReports > .caret, #ReportsOthersUsedLeavesChooseMonth > .caret, #ExportByLocationReport > .caret, #ExcelExportBtn > .caret {
    margin-left: 0.3em;
}
.multiselectMoveButtons > button {
    margin: auto;
    width: 40px;
}
#ExcelExportTemplatesForm .form-group {
    width: 33.3333%;
    padding-right: 20px;
    position: relative;
}
.copyright-message {
    font-size: 0.8em;
    color: #999;
    text-align: left;
    margin-bottom: 20px;
}
.popover {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 300;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 0 6px;
    -moz-border-radius: 0 0 6px;
    border-radius: 0 0 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none!important;
}
.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    right: 100%;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}
#ReportsOthersForm76, #ReportsOthersUsedLeaves, #ReportsBalance, #ReportsBradford, #ReportsCompensationsBalance, #DownloadActivityLog{
    width: 1px;
    float: left;
    margin-right: 10px;
}
#ReportsOthersForm76Datepicker, #ReportsOthersUsedLeavesDatepicker, #ReportsBalanceDatepicker, #ReportsBradfordDatepicker {
    opacity: 0;
    padding: 0;
    width: 0;
    line-height: 0;
    height: 0;
}
#LanguageSwitcherAnonymous > .language-switcher-link {
    font-size: 1.4em;
}
#LanguageSwitcherAnonymous > .language-switcher-link > .caret {
    margin-bottom: 5px;
}
.languageMenuDropdown {
    color: #fff;
}

.popover-title {
    background-color: #428bca;
    color: #fff;
}

.iCal-feed {
    float:left;
    white-space: nowrap;
    margin: 0 10px;
}
.requiredLabels {
    font-weight: 900;
}
#iCalFeedLinkMyTeam, #iCalFeedLinkAllUsers {
    width: 100%;
}
#UserEditWorkingHoursLabel {
    margin-left: 40px;
}
#UserEditWorkingHours {
    margin-left: 5px;
}
.holidayTabYearNav {
    margin-bottom: 1.0em;
}
#HolidayEditHolidayDay, #HolidayEditWorkingDay, #HolidayEditNonWorkingDay {
    margin-right: 0.5em;
}
#HolidayEditSelectionType {
    margin-bottom: 1.2em;
}
#HolidayEditRadioLabel {
    margin-right: 2.0em;
}
.boldLabels {
    font-weight: 900;
}
#partLeaveRequestPeriod {
    bottom: 7px;
}
.leaveTypeHours {
    width: 55px;
}
#hoursFrom {
    margin-left: 15px;
}
.hoursLabels {
    margin-top: 10px;
}
.table-borderless td, .table-borderless th {
    border-top: none !important;
}
.attachmentInfoHolder:hover > .deleteAttachmentButonHolder{
    display: inline!important;
    color: red;
}

.twoFactorAuthCodeInput {
    width: 100px !important;
    display: inline !important;
    margin-left: 2px;
    margin-right: 2px;
    background-color: #faffbd;
    text-align: center;
}



/* Base CSS */

#pswd_info {
    background: #ffffff none repeat scroll 0 0;
    left: 460px;
    position: absolute;
    top: 1px;
    width: 210px;
    border: 1px solid #ddd;
    border-radius: 9px;
    padding: 15px;
    webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
#pswd_info ul {
    list-style: outside none none;
    padding: 0 0 0 7px;
}
#pswd_info label{
    color: black;
    font-weight: normal;
}
.valid:before {
    font-size: 24px;
    position: relative;
    color: green;
    left: -10px;
    content: '\2611';
    line-height: 5px;
    top: 5px;
}
.invalid:before {
    font-size: 24px;
    position: relative;
    left: -10px;
    content: '\2610';
    line-height: 5px;
    top: 5px;
}
#pswd_info::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 15px;
    left: -8px;
    margin-top: -12.5px;
    position: absolute;
    top: 25px;
    -webkit-transform: rotate(45deg);
    width: 15px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#pswd_info {
    display:none;
}
#ReportsDetailedResultsNumber{
    position: relative;
    top: 20px;
    left: -10px;
}
.locationsOption, confirmationOfRefusalOption, .compensationsOption{
    padding-left: 20px;
}
.d-none{
    display: none !important;
}
.LocationNameLabel{
    font-weight: bold;
}
.LocationNameInput{
    width: 210px !important;
}

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

.LocationActions {
    width: 60px;
    text-align: right;
}

.LocationByDefault{
    padding-left: 5px;
}

.teamMemberIndicator {
    float: right;
    width: 10px;
    height: 10px;
    background-color: #cccccc;
    border-radius: 50%;
    margin-top: 4px;
}

.teamMemberIndicatorTooltip {
    float: left;
    width: 10px;
    height: 10px;
    background-color: #cccccc;
    border-radius: 50%;
    margin-top: 3px;
    margin-right: 6px;
}

.teamMemberActive {
    background-color: #03b615;
}

.teamMemberActiveNotDefault {
    background-color: #3884c7;
}

#ByLocationReportShowHide{
    float: right;
    color: #337ab7;
    line-height: 34px;
    vertical-align: middle;
    cursor: pointer;
}

#ByLocationReportDateLabel{
    line-height: 34px;
    vertical-align: middle;
    margin-left: 15px;
}

.locationsCardsContainer{
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin-left: 5px;
    margin-right: 5px;
}
.locationCard{
    margin: 10px;
    width: 150px;
    display: inline-block;
}

.locationCardHeader{
    width: 160px;
    height: 80px;
    cursor: pointer;
    background-color: #d7d7d7;
    border-radius: 5px;
    cursor: pointer;
}

.locationCardHeader:hover {
    background-color: #aaaaaa;
}

.activeLocationCard{
    color: white;
    background-color: #337ab7;
}

.activeLocationCard:hover {
    background-color: #2d6a9f;
}

.locationCardHeader > .textHolder{
    padding: 14px 2px 2px 2px;
}

.employeesAtLocationCounter{
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    margin-bottom: 0px;
    line-height: 1.1;
}

.locationName{
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    margin-bottom: 0px;
    word-wrap: break-word;
    text-transform: none;
}

.employeesAtLocationList{
    list-style-type: none;
    display: block;
    float: left;
    margin-top: 10px;
    padding-left: 5px;
}

.assistantsOption{
    padding-left: 20px;
}

#DetailsPaidRegularAll, #DetailsPaidLeft, #DetailsPaidUsedPLDByEndOfYear, #DetailsPaidRemainingPLDByEndOfYear, #DetailsPaidUsed{
    width: 120px !important;
    vertical-align: middle;
    text-align: left;
}

#DetailsYear{
    vertical-align: middle;
    text-align: left;
}

#DetailsUnpaidLeft, #DetailsSicknessUsed, #DetailsOtherUsed{
    text-align: left;
}

#ShortExtendedDetailsView{
    float: right;
    color: #337ab7;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 20px;
}

.StaticButonUnactive {
    width: 160px;
    height: 80px;
    cursor: pointer;
    background-color: #d7d7d7;
    border-radius: 5px;
    cursor: pointer;
}

.StaticButonUnactive:hover {
    background-color: #aaaaaa;
}

.StaticButonActive {
    background-color: #337ab7;
    color: white;
}

.StaticButonActive:hover {
    background-color: #2d6a9f;
}

.baseStaticButonData {
    padding: 14px 2px 2px 2px;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    margin-bottom: 0px;
    line-height: 1.1;
}

.baseStaticButonLabel {
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    margin-bottom: 0px;
    word-wrap: break-word;
    text-transform: none;
}

#ReportsGeneralByRequestLabel {
    padding-top: 55%;
}

#ReportsGeneralByTypeYearChart, #ReportsGeneralByStatusYearChart{
    height: 100% !important;
    width: 100% !important;
}

#DetailsModalTableBody > tr > td, #DetailsModalTableHeader > tr > th{
    padding-left: 4px;
    padding-right: 4px;
}

.guruModuleHeaderLabel{
    transform-origin: left top 0;
    transform: rotate(-90deg) translateX(-150px) translateY(-3px);
}

#UsersHeaderSort_globalAdmin, #UsersHeaderSort_timeoffGuru, #UsersHeaderSort_timeOnGuruPlanning, #UsersHeaderSort_timeOnGuruReporting, #UsersHeaderSort_profileGuru{
    height: 200px;
    width: 50px;
    vertical-align: bottom;
}

#GlobalAccessUsersTableHeader tr > th{
    border-top: 0px;
    border-bottom: 0px;
}

#GlobalAccessUsersTableHeader{
    border-bottom: 2px solid #ddd;
}

.GlobalAccessUsersFilter{
    font-weight: 300;
}

.userCountInModuleIndicator{
    color: white;
    background-color: #555555;
    padding: 3px 4px 3px 4px;
    border-radius: 0px 0px 3px 3px;
    float: left;
    font-weight: 300;
    font-size: 10px;
}

.userCountInModuleIndicatorHolder{
    display: block;
    width: 100%;
    height: 20px;
}

.moduleHeaderHolder{
    display: block;
    width: 100%;
    height: 160px;
}


.moduleCheckAllUsersHolder{
    display: block;
    width: 100%;
    height: 20px;
}

.SortIndicator{
    display: inline-block;
    width: 10px;
    height: 13px;
    margin-left: 4px;
}

.SortDirIndicator{
    cursor: pointer;
    color: #d7d7d7;
    font-size: 9px;
}

.SortDirIndicatorActive{
    color: #169bd5;
}

.userCommonColumnHeaderHolder{
    display: block;
    width: 100%;
    height: 20px;
}

#cancelRequestReasonForm{
    margin-bottom: 0px;
}

.departmentHolder{
    margin-bottom: 5px;
}

.departmentLabel{
    color: #575757;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
}

.removeDepartmentFromTeam{
    display: none;
    font-size:1.2em;
    color: #b7b7b7;
    padding-left: 5px;
}

.departmentHolder:hover > .removeDepartmentFromTeam{
    display: inline !important;
}

.showHideDepartment{
    display: none;
    font-size:1.2em;
    color: #2D6CA2;
    padding-left: 5px;
}

.departmentHolder:hover > .showHideDepartment{
    display: inline !important;
}

.teamMembersInDepartmentHolder{
    margin-top: 5px;
    margin-bottom: 5px;
}

#effectiveEmployeeLeaves{
    background-color: #666;
    margin: 10px 0 5px;
    padding: 2px 4px;
    border-radius: 3px;
}

#UserEditDaysPaid, #UserEditDaysUnpaid {
    text-align: left;
}

.historyEntryInfos{
    padding-left: 10px;
    padding-right: 10px;
}

.select2-results__option .wrapSelect2Check:before{
    font-family: "Glyphicons Halflings";
    color:#999;
    content: "\e157";
    width:25px;
    height:25px;
    padding-right: 10px;

}
.select2-results__option[aria-selected=true] .wrapSelect2Check:before{
    content:"\e067";
}

.accrualRuleLabelTxt{
    margin-top: 12px;
    font-weight:300;
}

.holidaysTablePagination{
    margin-top: 10px;
    float: right;
}

.LanguageSwitchTab{
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    background-color: white;
    color: #333;
    padding-top: 1px;
    padding-bottom: 1px;
    border-radius: 0px 0px 4px 4px;
    margin-right: 1px;
    border: 1px solid #a9a9a9;
}

.LanguageSwitchTab:hover{
    background-color: #eeeeee;
    cursor: pointer;
}

.LanguageSwitchTabActive{
    background-color: #337ab7;
    color: white;
}

.LanguageSwitchTabActive:hover{
    background-color: #337ab7;
    cursor: default;
}

.exclamationMarkRed{
    background-color: red;
    padding-left:6px;
    padding-right:6px;
    padding-top:2px;
    padding-bottom:2px;
    color:white;
    font-size:12px;
    font-weight: 900;
    border-radius: 16px;
}

.organizationLogo{
    text-align: center;
}

.organizationLogoName > div{
    margin: auto;
    text-align: center;
}

.organizationLogoName > div > div{
    left: 5px;
}

.TableHeadBackground, .TableHeadText{
    text-align: center;
}

.OrganizationBackground > div{
    margin: auto;
}

.OrganizationText > div{
    margin: auto;
}

.logo-upload{
    background-color: #169bd5;
    color: white;
    padding: 5px 14px;
    cursor: pointer;
    border-radius: 9px;
}

.NoDataByStatusYearChart, .NoDataByStatusMonthChart, .NoDataByTypeYearChart, .NoDataByTypeMonthChart{
    position: absolute;
    top: 110px;
    left: 4px;
    text-align: center;
    width: 100%;
}

#accumulatedContainer{
    padding-top: 5px;
}

.bootstrap-switch-bootstrapSwitchWrapper{
    margin-right: 10px;
}

#ReportsOthersResultsTableHead{
    position:sticky;
    /*top: 37px;*/
    background-color: white;
}

.invoice-status-paid{
    color: #70b603;
}

.invoice-status-unpaid{
    color: #a30014;
}

#InvoicesTableBody > tr:hover{
    cursor: pointer;
}

.InvoiceAmount{
    text-align: right !important;
    padding-right: 10px !important;
}

.InvoiceDate, .InvoiceDueDate {
    text-align: center !important;
}

.InvoicesTableHeadDate, .InvoicesTableHeadDueDate {
    text-align: center !important;
}

.InvoicesTableHeadAmount{
    text-align: right;
    padding-right: 10px !important;
}

.EditPaidDaysRow.glyphicon-pencil:hover{
    color: blue;
}

.PaidDaysInput{
    width: 43px !important;
    height: 25px !important;
}

.PaidHoursInput{
    width: 43px !important;
    height: 25px !important;
    padding-left: 10px;
}

.team-member-remove, .add-another-team-member{
    font-size: 20px;
    padding: 4px;
}

#teamMembersTableBody > tr > td, #teamMembersTableHeader > tr > td {
    padding: 4px;
}

.info-sidebar-footer{
    padding: 0;
}

.info-sidebar-mode-switch-1st {
    font-weight: bold;
    padding: 10px;
    cursor: pointer;
    color: #575757;
    border-bottom: 1px solid #ddd;
}

.info-sidebar-mode-switch-1st:hover {
    background-color: #e0e0e0;
}

.info-sidebar-mode-switch-2nd {
    font-weight: bold;
    padding: 10px;
    cursor: pointer;
    color: #575757;
}

.info-sidebar-mode-switch-2nd:hover {
    background-color: #e0e0e0;
}

.locations-to-me-badge{
    background-color: #FF5460;
    float: right;
}

.confirmation {
    margin-top: 120px;
}

.location-request-period{
    font-size: 16px;
}

.weekNumberHolder{
    cursor: pointer;
}

#Clients {
  list-style: decimal;
  text-align: left;
}

.env-badge {
  padding-top: 3px;
  cursor: default;
  font-weight: bold;
  margin-left: 0px;
}

:root {
  --envLabelPre: "";
}

#historyModal{
	overflow: hidden;
}

#historyModal > .modal-dialog{
    margin-right: 0;
    margin-left: 0;
}

#historyModal > .modal-dialog > .modal-content > .modal-header{
    cursor: move;
}