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("timeoff.logo.svg");
}
#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;
}
.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 {
	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 {
	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;
}

#FacebookLike {
	margin: 0 10px;
}	
.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: 34px !important;
	display: inline !important;
	margin-left: 2px;
	margin-right: 2px;
	background-color: #faffbd;
}



/* 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;
}


.gift-button {
  position: fixed;
  right: -65px; /* Start off-screen */
  top: 15%;
  width: 63px;
  height: 63px;
  border-radius: 5% 0 0 5%;
  background-color: white;
  border: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
}

.gift-button.show {
  right: 0px; /* Final position */
}

.gift-icon {
  width: 34px;
  height: 34px;
}

.gift-button:hover {
  transform: translateX(-5%) scale(1.1);
}

#referralModalHeader {
	border-bottom: 0;
}

#referralModalBody {
	min-height: 400px;
	background-blend-mode: lighten;
	background-image: url("gift_background_7.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding-left: 30px;
	padding-right: 30px;
}

#referral-title{
	margin-top: 0;
	margin-bottom: 50px;
}

.referral-text {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 20px;
}

#referral-button{
	margin-top: 30px;
	margin-bottom: 30px;
}


.animation-bounce{
    animation-name: bounce-right;
    animation-duration: 2s;
}

@keyframes bounce-right{
    0%{
        transform: translateX(0);
    }
    30%{
        transform: translateX(-60px);
    }
    50%{
        transform: translateX(-30px);
    }
    70%{
        transform: translateX(-55px);
    }
    80%{
        transform: translateX(-40px);
    }
    100%{
        transform: translateX(-60px);
    }
}