@font-face {
  font-family: 'HumanityIcons';
  src:  url('/app/layout/fonts/HumanityIcons.eot?fw6y17');
  src:  url('/app/layout/fonts/HumanityIcons.eot?fw6y17#iefix') format('embedded-opentype'),
  url('/app/layout/fonts/HumanityIcons.ttf?fw6y17') format('truetype'),
  url('/app/layout/fonts/HumanityIcons.woff?fw6y17') format('woff'),
  url('/app/layout/fonts/HumanityIcons.svg?fw6y17#HumanityIcons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'HumanityIcons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dragdrop:before {
  content: "\e931";
}
.icon-ascending:before {
  content: "\e92f";
}
.icon-descending:before {
  content: "\e930";
}
.icon-notes2:before {
  content: "\e92e";
}
.icon-holiday:before {
  content: "\e92d";
}
.icon-clockOut:before {
  content: "\e92b";
  color: #4b4b4b;
}
.icon-clockIn:before {
  content: "\e92c";
  color: #4b4b4b;
}
.icon-copyForecast:before {
  content: "\e929";
  color: #4c4c4c;
}
.icon-budgetMode:before {
  content: "\e92a";
  color: #4c4c4c;
}
.icon-print:before {
  content: "\e926";
}
.icon-warningBox:before {
  content: "\e927";
}
.icon-ghostShift:before {
  content: "\e928";
}
.icon-linked:before {
  content: "\e925";
}
.icon-facebook:before {
  content: "\e924";
}
.icon-birthday:before {
  content: "\e923";
}
.icon-pinOutline:before {
  content: "\e921";
  color: #4c4c4c;
}
.icon-pinFull:before {
  content: "\e922";
  color: #4c4c4c;
}
.icon-support:before {
  content: "\e920";
}
.icon-messageSent:before {
  content: "\e91c";
}
.icon-onCall:before {
  content: "\e91d";
}
.icon-remoteSite:before {
  content: "\e91e";
}
.icon-repeatShift:before {
  content: "\e91f";
}
.icon-approvedShift:before {
  content: "\e91b";
}
.icon-seen:before {
  content: "\e91a";
}
.icon-addBox:before {
  content: "\e600";
}
.icon-addBoxMulti:before {
  content: "\e601";
}
.icon-addSmall:before {
  content: "\e602";
}
.icon-arrowDoubleDn:before {
  content: "\e603";
}
.icon-arrowDoubleLeft:before {
  content: "\e604";
}
.icon-arrowDoubleRight:before {
  content: "\e605";
}
.icon-arrowDoubleUp:before {
  content: "\e606";
}
.icon-arrowFullDn:before {
  content: "\e607";
}
.icon-arrowFullLeft:before {
  content: "\e608";
}
.icon-arrowFullRight:before {
  content: "\e609";
}
.icon-arrowFullUp:before {
  content: "\e60a";
}
.icon-arrowLineDn:before {
  content: "\e60b";
}
.icon-arrowLineLeft:before {
  content: "\e60c";
}
.icon-arrowLineRight:before {
  content: "\e60d";
}
.icon-arrowLineUp:before {
  content: "\e60e";
}
.icon-arrowsCircle:before {
  content: "\e60f";
}
.icon-autoApprove:before {
  content: "\e610";
}
.icon-back:before {
  content: "\e611";
}
.icon-bulb:before {
  content: "\e612";
}
.icon-busy:before {
  content: "\e613";
}
.icon-busyHalf:before {
  content: "\e614";
}
.icon-calendar:before {
  content: "\e615";
}
.icon-calendarSmall:before {
  content: "\e616";
}
.icon-chart:before {
  content: "\e617";
}
.icon-chartBox:before {
  content: "\e618";
}
.icon-chartCircle:before {
  content: "\e619";
}
.icon-chat:before {
  content: "\e61a";
}
.icon-chatSmall:before {
  content: "\e61b";
}
.icon-check:before {
  content: "\e61c";
}
.icon-checkPartial:before {
  content: "\e61d";
}
.icon-checkSelect:before {
  content: "\e61e";
}
.icon-clockBig:before {
  content: "\e61f";
}
.icon-clockFull:before {
  content: "\e620";
}
.icon-clockSmall:before {
  content: "\e621";
}
.icon-close:before {
  content: "\e622";
}
.icon-closeSmall:before {
  content: "\e623";
}
.icon-cloud:before {
  content: "\e624";
}
.icon-computer:before {
  content: "\e625";
}
.icon-dashCircle:before {
  content: "\e626";
}
.icon-database:before {
  content: "\e627";
}
.icon-distance:before {
  content: "\e628";
}
.icon-dot:before {
  content: "\e629";
}
.icon-dotsCircle:before {
  content: "\e62a";
}
.icon-edit:before {
  content: "\e62b";
}
.icon-editImg:before {
  content: "\e62c";
}
.icon-editSmall:before {
  content: "\e62d";
}
.icon-editText:before {
  content: "\e62e";
}
.icon-email:before {
  content: "\e62f";
}
.icon-filter:before {
  content: "\e630";
}
.icon-filterFullHide:before {
  content: "\e631";
}
.icon-filterFullShow:before {
  content: "\e632";
}
.icon-filterHide:before {
  content: "\e633";
}
.icon-filterShow:before {
  content: "\e634";
}
.icon-flask:before {
  content: "\e635";
}
.icon-floater:before {
  content: "\e636";
}
.icon-forecast:before {
  content: "\e637";
}
.icon-gear:before {
  content: "\e638";
}
.icon-graphCircle:before {
  content: "\e639";
}
.icon-grid:before {
  content: "\e63a";
}
.icon-help:before {
  content: "\e63b";
}
.icon-home:before {
  content: "\e63c";
}
.icon-info:before {
  content: "\e63d";
}
.icon-layers:before {
  content: "\e63e";
}
.icon-line:before {
  content: "\e63f";
}
.icon-linesCircle:before {
  content: "\e640";
}
.icon-linkSmall:before {
  content: "\e641";
}
.icon-linkSmallHorizontal:before {
  content: "\e642";
}
.icon-list:before {
  content: "\e643";
}
.icon-location:before {
  content: "\e644";
}
.icon-locationError:before {
  content: "\e645";
}
.icon-locationSmall:before {
  content: "\e646";
}
.icon-mobile:before {
  content: "\e647";
}
.icon-moon:before {
  content: "\e648";
}
.icon-moonLine:before {
  content: "\e649";
}
.icon-more:before {
  content: "\e64a";
}
.icon-moreLeft:before {
  content: "\e64b";
}
.icon-moreRight:before {
  content: "\e64c";
}
.icon-network:before {
  content: "\e64d";
}
.icon-noData:before {
  content: "\e64e";
}
.icon-note:before {
  content: "\e64f";
}
.icon-okBox:before {
  content: "\e650";
}
.icon-okBoxInv:before {
  content: "\e651";
}
.icon-okCircle:before {
  content: "\e652";
}
.icon-okCircleInv:before {
  content: "\e653";
}
.icon-okCircleSmall:before {
  content: "\e654";
}
.icon-okSmall:before {
  content: "\e655";
}
.icon-paid:before {
  content: "\e656";
}
.icon-payroll:before {
  content: "\e657";
}
.icon-plane:before {
  content: "\e658";
}
.icon-planeSmall:before {
  content: "\e659";
}
.icon-play:before {
  content: "\e65a";
}
.icon-publish:before {
  content: "\e65b";
}
.icon-radio:before {
  content: "\e65c";
}
.icon-radioSelect:before {
  content: "\e65d";
}
.icon-refresh:before {
  content: "\e65e";
}
.icon-refreshCircle:before {
  content: "\e65f";
}
.icon-refreshSmall:before {
  content: "\e660";
}
.icon-schedule:before {
  content: "\e661";
}
.icon-search:before {
  content: "\e662";
}
.icon-searchSmall:before {
  content: "\e663";
}
.icon-shift:before {
  content: "\e664";
}
.icon-shiftTemplates:before {
  content: "\e665";
}
.icon-sort:before {
  content: "\e666";
}
.icon-square:before {
  content: "\e667";
}
.icon-sum:before {
  content: "\e668";
}
.icon-sun:before {
  content: "\e669";
}
.icon-trade:before {
  content: "\e66a";
}
.icon-tradeCircle:before {
  content: "\e66b";
}
.icon-trashSmall:before {
  content: "\e66c";
}
.icon-undo:before {
  content: "\e66d";
}
.icon-unpaid:before {
  content: "\e66e";
}
.icon-update:before {
  content: "\e66f";
}
.icon-user:before {
  content: "\e670";
}
.icon-userCircle:before {
  content: "\e671";
}
.icon-viewDay:before {
  content: "\e672";
}
.icon-viewMonth:before {
  content: "\e673";
}
.icon-viewWeek:before {
  content: "\e674";
}
.icon-warning:before {
  content: "\e675";
}
.icon-warningInv:before {
  content: "\e676";
}
.icon-warningInvSmall:before {
  content: "\e677";
}
.icon-warningSmall:before {
  content: "\e678";
}
.icon-windows:before {
  content: "\e679";
}
.icon-xCircle:before {
  content: "\e67a";
}
.icon-xCircleSmall:before {
  content: "\e67b";
}
.icon-emoticon:before {
  content: "\e67c";
}
.icon-moreApps:before {
  content: "\e67d";
}
.icon-moveLine:before {
  content: "\e67e";
}
.icon-sessions_group_icon:before {
  content: "\e67f";
}
.icon-multiLocation:before {
  content: "\e680";
}
.icon-largeBusiness:before {
  content: "\e681";
}
.icon-smallBusiness:before {
  content: "\e682";
}
.icon-safety:before {
  content: "\e683";
}
.icon-retail:before {
  content: "\e684";
}
.icon-restaurant:before {
  content: "\e685";
}
.icon-healthCare:before {
  content: "\e686";
}
.icon-hospitality:before {
  content: "\e687";
}
.icon-noColorInput:before {
  content: "\e688";
}
.icon-noColor:before {
  content: "\e689";
}
.icon-finalize:before {
  content: "\e68a";
}
.icon-openShift:before {
  content: "\e68b";
}
.icon-companyPositions:before {
  content: "\e68c";
}
.icon-transportation:before {
  content: "\e68d";
}
.icon-media:before {
  content: "\e68e";
}
.icon-goverment:before {
  content: "\e68f";
}
.icon-education:before {
  content: "\e690";
}
.icon-telecommunications:before {
  content: "\e691";
}
.icon-finance:before {
  content: "\e692";
}
.icon-dragDrop3:before {
  content: "\e693";
}
.icon-dragDrop2:before {
  content: "\e694";
}
.icon-dragDrop:before {
  content: "\e695";
}
.icon-privacy:before {
  content: "\e696";
}
.icon-notification:before {
  content: "\e697";
}
.icon-chatSmall2:before {
  content: "\e698";
}
.icon-integrations:before {
  content: "\e699";
}
.icon-Leave:before {
  content: "\e69a";
}
.icon-mainNotifications:before {
  content: "\e69b";
}
.icon-tour:before {
  content: "\e69c";
}
.icon-setupGuide:before {
  content: "\e69d";
}
.icon-logout:before {
  content: "\e69e";
}
.icon-filterOn:before {
  content: "\e69f";
}
.icon-save:before {
  content: "\e6a0";
}
.icon-saveasTemplate2:before {
  content: "\e6a1";
}
.icon-scheduleTemplates:before {
  content: "\e6a2";
}
.icon-clear:before {
  content: "\e6a3";
}
.icon-copy:before {
  content: "\e6a4";
}
.icon-saveasTemplate:before {
  content: "\e6a5";
}
.icon-emptyShifts:before {
  content: "\e6a6";
}
.icon-publish2:before {
  content: "\e6a7";
}
.icon-recurring:before {
  content: "\e900";
}
.icon-eventLog:before {
  content: "\e901";
}
.icon-customRows:before {
  content: "\e902";
}
.icon-forceClock:before {
  content: "\e903";
}
.icon-leave2:before {
  content: "\e904";
}
.icon-dashboard:before {
  content: "\e905";
}
.icon-timeclock:before {
  content: "\e906";
}
.icon-company:before {
  content: "\e907";
}
.icon-incomplete:before {
  content: "\e908";
}
.icon-complete:before {
  content: "\e909";
}
.icon-trainingApp:before {
  content: "\e90a";
}
.icon-details:before {
  content: "\e90b";
}
.icon-supervisor:before {
  content: "\e90c";
}
.icon-twowaySync:before {
  content: "\e90d";
}
.icon-autoSync:before {
  content: "\e90e";
}
.icon-emptyStar:before {
  content: "\e90f";
}
.icon-halfStar:before {
  content: "\e910";
}
.icon-fullStar:before {
  content: "\e911";
}
.icon-marker:before {
  content: "\e912";
}
.icon-dot2:before {
  content: "\e913";
}
.icon-roles:before {
  content: "\e914";
}
.icon-customFields:before {
  content: "\e915";
}
.icon-unlock:before {
  content: "\e916";
}
.icon-shiftPlanning:before {
  content: "\e917";
}
.icon-camera:before {
  content: "\e918";
}
.icon-break:before {
  content: "\e919";
}
.icon-schedule-beta:before {
  content: "\e932";
}
.icon-schedule-beta:after {
  content: "\e933";
  margin-left: -1.150390625em;
  opacity: 0.5003;
}
.icon-availability:before {
    content: "\e934";
}
.icon-analytics:before {
    content: "\e935";
}
.icon-highContrastEnabled:before {
    content: "\e936";
}
.icon-highContrastDisabled:before {
    content: "\e937";
}
.icon-communications:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: url('/app/layout/images/icon/communications.svg');
    mask-image: url('/app/layout/images/icon/communications.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    vertical-align: middle;
}

.container,.container-fluid{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xs{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-xs{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-xs{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media only screen and (min-width:48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-11{margin-left:91.66666667%}.start-sm{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-sm{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-sm{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-sm{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-sm{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-sm{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-sm{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-sm{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:64em){.container{width:65rem}.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-11{margin-left:91.66666667%}.start-md{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-md{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-md{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-md{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-md{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-md{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-md{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-md{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:75em){.container{width:76rem}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-11{margin-left:91.66666667%}.start-lg{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-lg{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-lg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-lg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-lg{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-lg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-lg{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-lg{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}
/* BASE */

body{ margin: 0; padding: 0; font-size: 12px; font-family: "Roboto", tahoma, arial, Verdana; background-color: #ffffff; }

button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, .j-dashboardBtn:focus-visible, select:focus-visible, .btn:focus-visible {
    outline: 2px solid var(--blue-text-0) !important;
}

td { font-size: 13px; font-family: "Roboto", tahoma, arial, Verdana; }

body .ui-timepicker-wrapper {
    z-index: 99999;
}

.noscroll { overflow: hidden; }

.ResultsTable { border-collapse: collapse; }
.ResultsTable td, .ResultsTable th { border: 1px solid var(--light-grey-stroke); padding: 5px; }
.ResultsTable tr.title td, .ResultsTable tr.title th { background-color: #F7F7F7; color: var(--grey-text-0); font-weight: bold; padding: 18px; }

.ResultsTable th {
    background-color: #FFFFFF;
    padding: 14px 18px;
    text-align: left;
}

table.rsummary tr.ttl th {
    background-color: #F7F7F7;
    color: #6B6B6B;
    font-weight: bold;
}

table.rsummary th { margin: 0px; padding: 5px; border: 1px solid #E9E9E9; white-space: nowrap; }
table.rsummary th.vertL { border-left: 1px solid #898989 !important; }
table.rsummary th.vertR { border-right: 1px solid #898989 !important; }
table.rsummary th.vertT { border-top: 1px solid #898989 !important; }
table.rsummary th.vertB { border-bottom: 1px solid #898989 !important; }
table.rsummary th.vertBG { background-color: #F7F7F7; }

small { font-size: 11px;}
sup { line-height: 1em; }


h1 { font-weight: bold; font-size: 14pt; color: var(--blue-text-0); font-family: tahoma; }

.btop { border-top: 1px solid #E7E7E7; background: #FBFBFB;}
.btopnb { border-top: 1px solid #E7E7E7;}
.bbot { border-bottom: 1px solid #E7E7E7; background: #FBFBFB;}
.bbotnb { border-bottom: 1px solid #E7E7E7;}
.mr { margin-right: 3px;}
.mb { margin-bottom: 3px;}
.verticalAlignTop { vertical-align: top; }

.lh25 {
    line-height: 25px;
}
#ExtraApps {
    position: absolute;
    background-color: #f6f6f6;
    border-right: 1px solid var(--light-grey-stroke);
    width: 190px;
    height: calc(100% - 120px);
    top: 120px;
    left: 0;
    z-index: 9997;
}
#ExtraApps img.app_favi { margin: 0 8px -4px -10px; width: 16px; height: 16px; }

#ExtraApps ul { padding:0; margin:0; }
#ExtraApps li { list-style:none; padding:0; }

input, input[type="submit"], submit,select,textarea,button	{ font-family: "Roboto", tahoma,arial;	font-size: 12px; }
button span { font-size: 20px; }
button.active { background-color: var(--grey-text-0); }

input[type="submit"],
button,
submit,
.g-btn,
.g-btn:link,
#btn-perms,
#notif-settings,
a.g-btn:link {
    border: 1px solid var(--green-text-0);
    color: white;
    font-size: 13px;
    border-radius: 2px;
    text-shadow: none;
    cursor: pointer;
    background-color: var(--green-text-0);
    padding: 8px 12px 8px 12px;
    transition: all 0.17s ease;
    outline:none;
    white-space: nowrap;
    height:35px;
}

input[type="submit"]:hover,
button:hover,
submit:hover,
.g-btn:hover,
.g-btn:link:hover,
#btn-perms:hover,
#notif-settings:hover {
    background-color: var(--green-hover-0);
}

#btn-perms:disabled {
    background: lightgray;
}
.create-group-account-button:disabled {
    opacity: 40%;
    cursor: not-allowed;
}
.g-btn,
.g-btn:link,
a.g-btn:link {
    height: auto;
    display: inline-block;
}
.g-btn--white {
    color: #fff !important;
}
input[type="submit"]:hover,
submit:hover,
button:hover,
.g-btn:hover {
    box-shadow: 0px 0px 5px #888;
    transition: all 0.17s ease;
}
.g-btn:hover {
    text-decoration: none;
}
input[type=checkbox], input[type=radio] {
    accent-color: var(--blue-text-0);
}
input[type=checkbox],
input[type=radio],
label {
    cursor: pointer;
    color: var(--grey-text-0);
    accent-color: var(--blue-checkbox-0);
}
input[type=checkbox], input[type=radio],label { cursor: pointer; }
textarea { line-height: 16px; padding: 5px !important; }
input[type=datetime-locale], input[type=text], input[type=number], input[type=password], textarea, select {
    border-radius: 2px;
    color: var(--grey-text-1);
    outline: none;
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
    padding: 0px 5px 0px 5px;
    height: 30px;
    border: 1px solid var(--light-grey-stroke);
    background-color: #FFF;
    cursor: pointer;
    font-size: 13px;
}
input[type=text]:hover, input[type=number]:hover, input[type=password]:hover, textarea:hover, select:hover { border: 1px solid #949494; }
input[type=text]:focus, input[type=number]:focus, input[type=password]:focus, textarea:focus, select:focus { border: 1px solid #CC8500; }
input[type=text]:focus-visible, input[type=number]:focus-visible, input[type=password]:focus-visible, textarea:focus-visible, select:focus-visible { outline: revert; }

input:disabled,
textarea:disabled,
select:disabled {
    background-color: #eee;
}

a.TradeButton { padding: 0; background: none; border-radius: 0; border: none; color: var(--blue-text-0); text-shadow: none; }
a.TradeButton:hover { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: underline; }

#ccanvas #schedule-select a,#ccanvas #schedule-select a:link { color: var(--blue-text-0); text-decoration: none; }
#ccanvas #schedule-select a:hover { text-decoration: underline; }
a.onCallToggle img.onCall {background: url("/app/layout/images/icon/oncall.png") no-repeat scroll 0 0 transparent;border: medium none;float: right;height: 0; padding: 12px 0 0; margin-top: 8px !important;width: 12px;}
a.onCallToggle.active img.onCall {background: url("/app/layout/images/icon/oncall_active.png") no-repeat scroll 0 0 transparent;border:none;outline:none;}
a.onCallToggle img.onCall:hover {background: url("/app/layout/images/icon/oncall_hover.png") no-repeat scroll 0 0 transparent;}
div.oncall{border:2px dashed green !important;}

a:link,a:visited { color: var(--blue-text-0); text-decoration: none; }
a:hover { text-decoration: underline; }

a.nu {text-decoration: none; }
a.nu:hover { text-decoration: underline;}

a:active { color: black; }
a img, img { border:none; }

p { margin-top: 0px; margin-bottom: 10px;}
h1 { margin: 0; font: normal 16px tahoma; font-weight: bold; text-transform: none; border: 0 none; }
ul { margin-top: 5px; margin-bottom: 15px;  padding-left: 16px; margin-left: 0px;}
li { padding-bottom: 3px; }
.hr { height: 1px; border-top: 1px solid #BFBFBF; }
.hrw { height: 1px; border-top: 1px solid white; width: 10px; }


.Container {
    background-color: white;
    padding: 8px;
    margin-bottom: 8px;
}
.roundleft {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.roundtop {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
}
.Container2 {
    background-color: var(--light-grey-stroke);
    padding: 10px;
    width: 100%;
}
.OnePxSep {
    margin-top: 5px;
}
.OnePxSep, .OnePxSepRow {
    border-top: 1px solid var(--light-grey-stroke);
    padding: 2px;
}


.ed {
    width: 400px;
    height: 150px;
}


#hidiv {
    z-index: 1000; margin: 0; padding: 5px 5px 10px 5px; margin-top: 50px; -moz-box-shadow: 3px 3px 3px #D6D6D6; -webkit-box-shadow: 3px 3px 3px #D6D6D6; box-shadow: 3px 3px 3px #D6D6D6;
}
#hidiv h2 {
    font-size: 13px;
    border-bottom: 1px solid #D6D6D6;
    margin: 6px 2px 3px 0px;
    padding-left: 13px;
    padding-bottom: 10px;
}
h2 {
    font-weight: bold;
    font-size: 11px;
    padding: 5px;
    border-bottom: 1px solid #D6D6D6;
}

.title {
    margin-bottom: 4px;
}

.loader-icon {
    background: url('/app/layout/images/content-loader.gif') no-repeat;
}


/* BLUE */
.split {
    border-bottom: 1px solid #ECEFF5;
}
.sm {
    font-weight: normal;
    font-size: 10px;
}
.appTable {
    border-collapse: collapse;
}
.appTable td {
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    border: 1px solid var(--light-grey-stroke);
    border-top: 0px;
}

.appTable td h3 { border-top: 1px solid #94A3C4; background-color: #ECEFF5; font-weight: bold; color: black; padding: 5px; font-size: 11px; margin-top: 0px;}

.NoStyle {
    border-collapse: collapse;
}
.NoStyle td {
    vertical-align: top;
    margin: 3px;
    padding: 3px;
    border: none;
    border-top: 0px;
}


/* HEADER STYLES */
#subnav{ margin:0px; padding:0px; background:url(/app/layout/images/nav-repeat.gif) repeat-x bottom; margin-bottom: 1px; }
.subnav a{ display:block; float:left; text-decoration:none; color: #ffffff; font-size: 11px; margin-left: 15px; }
.subnav a:hover{ text-decoration:underline; }

#Body { margin: 20px 30px 0px 26px; padding: 0px; min-width: 900px; }
#SideMenu { margin-right: 1px; white-space: nowrap; background-color: #FFFFFF; padding: 5px; }
.Menu img { float: left; padding: 0; margin: 0;}

#t{ height:23px; font-size:15px; font-weight: bold; color:#4E4E4E; border: 1px solid var(--grey-text-0); letter-spacing: 3px; }

.video_bar{ background-color: #D5D5D5; padding-top: 3px; padding-bottom: 3px; }
.video_bar td{ vertical-align: top; }
.videoBarText{ color:#000000; font-weight:bold;}
.RatingText{ color:#0099CC; font-weight:bold;}
a.videoBarLink:link,a.videoBarLink:visited{color:#000000;}
a.SharingLink:link,a.SharingLink:visited{color:#000000;font-weight:bold;}

.title { font-weight: bold;}
#ListImg { margin: 1px; border: 1px solid var(--light-grey-stroke); padding: 1px; }

#map {border: 1px solid var(--light-grey-stroke); margin: 0 0 2px 0;}
#CurLoc {display: inline;}

.term { border-bottom: 1px solid #EFEFEF; margin-bottom: 5px; padding-bottom: 2px; }
tr.term td { border-bottom: 1px solid #EFEFEF; }
.termtop { border-top: 1px solid #EFEFEF; margin-top: 5px; padding-top: 5px; }
.term .label { background-color: #E8FFBF; padding: 0px 0 6px 3px; font-size: 9px; font-weight: bold; height: 15px;}

.rtitle {color: #881515; font-size: 16px; margin: 5px 0 10px 0;}
.rtitle a{ display: inline-block; float: left;}
.rtitle .dev{ color: var(--grey-text-1); display: inline-block; float: left; margin: 0 10px;}

/* CONTAINERS */
.bluebox { border: 1px solid #b0e3f6; padding: 7px; background: #effbff url('/app/layout/images/gradient-blue.gif') repeat-x 0 0; margin: 0 0 2px 0; }

.Faded {
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity:0.50; /* FireFox */
    filter: alpha(opacity=50); /* IE */
}


/* WRAPPER */
.Border { border: 1px solid #DEDEDE; }

.White { background-color: white; }
.dia_content { background-color: white; border: 1px solid #8F8F8F; padding: 5px; }

td.Left { vertical-align: top; margin-right: 3px;}
td.Right { vertical-align: top;}

.Wrapper { width: 100%; border-collapse: collapse; }


/* MODULES */
#module_list .handle { cursor: move; }
#module_list .body { width:100% }
#module_list .img { border: 1px solid grey; }

.handle { background-color: #FFD8AF; font-size: 11px; padding: 4px; border-top: 1px solid #FFB55F; margin-top: 5px; height: 15px; cursor: move; }
.settings { padding: 3px; height: 33px; background-color: #F4F4F4; }
.settings div { border: 1px dashed #EF952C; text-align: right; padding: 3px; }

/* FORUMS */
.ForumTable{ border-collapse: collapse; margin: 1px 4px 0px 4px !important; background-color: #FFFFFF; width: 100%; }
.ForumTable td { padding: 5px; border: 1px solid #BFBFBF; }
.ForumTable .DifBg{ background-color: #EFEFD1; }
.ForumTable .DifBg2{ background-color: #EDEFE1; }
.ForumTable .title, .ForumTable .title td, .orangetitle { background-color: #F4F4F4; padding: 4px; font-weight: bold; font-size: 11px; color: #0099CC; }

.code { width: 80%; background-color: #F4F4F4; border: 1px solid #A8A8A8; margin: 5px; padding: 3px; color: #4C4B4B; }
.quote { width: 80%; background-color: #F4F4F4; border-left: 1px solid #A8A8A8; border-bottom: 1px solid #A8A8A8; margin: 5px; padding: 3px; color: #2F2F2F; }
.AuthorBox { float:right; padding:6px; margin-left: 4px; margin-bottom: 2px; border-left: 1px dashed #C3CAD2; border-bottom: 1px dashed #C3CAD2; }

/* LINK STYLES */
.whitelinks a:link,.whitelinks a:visited{text-decoration: none; color: #FFFFFF;}
.whitelinks a:hover {text-decoration: underline;}

a.white:link,a.white:visited{text-decoration: none; color: #FFFFFF;}
a.white:hover {text-decoration: underline;}

a.orange:link,a.orange:visited{text-decoration: none; color: #FF9900;}
a.orange:hover {text-decoration: underline;}

.EmptyTable { border-collapse: collapse; }
.EmptyTable td{ border: 0px; padding: 0px; margin: 0px }

/* SHORT CSS CODES */
.Notice { color: var(--red-text-0); }

.big		{ font-size: 18px; font-weight: bold; }
.hide		{ display: none;}
.float		{ float: left;}
.floatr		{ float: right;}
.relative	{ position: relative;}
.pointer	{ cursor: pointer;}
.drag		{ cursor: move;}
.grey		{ color: var(--grey-text-1);}
.lgrey		{ color: var(--grey-text-0);}
.orange		{ color: #FF9900;}
.white		{ color: white;}
.ssm		{ font-size: 9px; }

.blue		{ color: #1595d8; }
.green		{ color: #028c00;}

.break {clear:both}
.divframe { overflow:auto; }

.message	{ color: var(--red-text-0);}
.error		{ color: var(--red-text-0);}
.validation-error { color: rgb(240, 68, 77);padding: 2px 6px;}
.validation-error.abs { position: absolute;}
.nowrap		{ white-space: nowrap}
.bold,.b 	{ font-weight: bold}
.u 			{ text-decoration: underline; }
#pd3,.pd3	{ padding: 3px;}
#pd2,.pd2	{ padding: 2px;}
.pd5 		{ padding: 5px;}
.pd8        { padding: 8px; }
.pd10 		{ padding: 10px;}
.pd15 		{ padding: 15px;}
.pdl15		{ padding-left: 15px;}
.pdlr15 	{ padding: 0 15px;}
td.pd15 	{ padding: 15px;}
.bottom		{ vertical-align: bottom;}
.fright		{ float: right;}
.fleft		{ float: left;}
.inline		{ display: inline;}
.nobold		{ font-weight: normal; }

.mgt10      { margin-top: 10px;}

.big{ font-size: 14px; }
.red { color: #4C4C4C; }
.black { color: var(--grey-text-1); }
.tgrey { color: var(--grey-text-1); }

a.red:link,a.red:visited{text-decoration: none; color: #A61E0F;}
a.red:hover {text-decoration: underline;}

a.blue:link,a.blue:visited{text-decoration: none; color: #1595d8;}
a.blue:hover {text-decoration: underline;}

a.green:link,a.green:visited{text-decoration: none; color: #028c00;}
a.green:hover {text-decoration: underline;}

a.black:link,a.black:visited{text-decoration: none; color: var(--grey-text-1);}
a.black:hover {text-decoration: underline;}

a.grey:link,a.grey:visited{text-decoration: none; color: #717171;}
a.grey:hover {text-decoration: underline;}

.grey--center {
    text-align: center;
}

/* COMMENTS */
.leavecomment textarea { height: 40px; width: 100%; }
.commentdiv{ margin-bottom: 1px; /*background-color: #FFD19B;*/ padding: 8px; border-bottom: 1px solid #ECEFF5; }
.preview{ border: 1px solid #808080; background-color: #EFFCFF; }
.commentdiv .commentheader { font-size: 12px; }
.commentdiv img, .commentdiv .img, .avatar{ padding: 2px; margin-bottom: 2px; margin-right: 5px; background-color: #ffffff; border: 1px solid #BFBFBF; }

div.transparent { filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; -khtml-opacity:0.2; }

div.CommentOverlay{ display: none; padding-top: 100px; width: 500px; position: absolute; }
.cpagination { padding: 3px; }
a.cp{ border: 1px solid grey; margin: 4px 2px 2px 2px; padding: 2px 4px 2px 4px; }
.cpCurr{ margin: 2px; padding: 2px 4px 2px 4px; font-weight: bold; }

/* LINK ICONS */
.Iarticle { background:url("/app/layout/images/Iarticle.gif") left no-repeat; padding: 0 0 0 15px; }
.Icomment { background:url("/app/layout/images/Icomments.gif") left no-repeat; padding: 0 0 0 15px; }
.Iexternal { background:url("/app/layout/images/external-link.gif") right no-repeat; padding: 0 18px 0 0; }
.Iup { background:url("/app/layout/images/thumbsup.gif") right no-repeat; padding: 9px 18px 10px 0; }
.Idown { background:url("/app/layout/images/thumbsdown.gif") right no-repeat; padding: 9px 18px 10px 0; }

/* POPUP DIALOG BOXES */
.darkenBackground {
    background-color: rgb(0, 0, 0);
    opacity: 0.7; /* Safari, Opera */
    -moz-opacity:0.70; /* FireFox */
    filter: alpha(opacity=70); /* IE */
    z-index: 998;
    height: 100%;
    width: 100%;
    background-repeat:repeat;
    position:fixed;
    top: 0px;
    left: 0px;
}


/* FILTER */
select#Skill { position: absolute; right: 0px; margin-top: -4px; }

/* ADMIN */
.Container {
    background-color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
div.spanButtonPlaceholder {display: inline;}
div.spanButtonPlaceholder object {margin-bottom: -6px;}
.stafficon {
    position: relative;
    top:8px;
    width: 40px;
    height: 40px;
    background: url('/app/layout/images/general/2011/sprite-homepage.png') 0 -360px no-repeat;
    display: inline-block;
}

/* V2 STYLEZ */

#hidiv { position: fixed; }

#hiframe { width: 1px; height: 1px; position: absolute; left: -999px; top: -999px; }

#_update {
    padding: 12px;
    font-size: 14px;
    text-align: center;
    font-family: "Roboto";
    background-color: white;
    z-index: 9999999;
    position: absolute;
    bottom: -1px;
    /* right: 0px; */
    border: 1px solid #03A9F4;
    width: 500px;
    left: calc(50% - 250px);
}

#_topnavLabel_left {
    font-size: 18px;
    float: left;
    color: var(--grey-text-0);
    height: 39px;
    margin-left: -193px;
    padding-left: 20px;
    padding-top: 20px;
    border-right: 1px solid var(--light-grey-stroke);
    width: 246px;
    font-weight: 300;
}
#_topnavLabel {
    float: left;
    color: var(--grey-text-0);
    height: 39px;
    margin-left: -183px;
    padding-top: 80px;
    border-right: 1px solid var(--light-grey-stroke);
    width: 246px;
    font-weight: 300;
    text-align: center;
    position: relative;
    z-index: 1;
    font: 300 18px 'Roboto', sans-serif;
    text-transform: capitalize;
}

#_topnavLabel i {
    font-size: 22px;
    margin-right: 14px;
    line-height: 33px;
}
.qtip-new-line {
    margin-bottom: 10px;
}
.qtip-double-new-line {
    margin-bottom: 20px;
}
/* Subtitle */
#sub-title {
    font-size: 12px;
    padding: 0 0 0 15px;
    font-weight: 600;
    color: var(--grey-text-1);
    line-height: 60px;
    display: inline-block;
    letter-spacing: 0.02em;
}
.qtip-dark {
    font-size: 13px !important;
    font-family: Roboto !important;
    font-weight: 300 !important;
    padding: 5px !important;
    color:white !important;
    border: 1px solid var(--grey-text-1) !important;
    border-radius: 3px !important;
    background-color: var(--grey-text-1) !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    z-index: 100000 !important;
}
.qtip-dark-employee-notes {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 135px;
    max-width: 550px !important;
    text-align: left;
    word-wrap: break-word;
}
.qtip-map {
    padding: 5px !important;
    background:none !important;
    border:none!important;
}
.qtip-map-border {
    border: 2px solid #000;
    border-radius: 2px;
}
div#loading {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 3px;
    background-color: var(--light-grey-stroke);
    z-index: 9999999;
    overflow: hidden;
}

div#loading:before{
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 3px;
    background-color: #328eab;
    border-radius: 1px;
    box-shadow: #328eab 1px 0 6px 1px;
    animation: loading 2s linear infinite;
}

@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

#_notifybell {
    float: right;
    cursor: pointer;
    margin-top: 21px;
}
#dashNotifications {
    position: absolute;
    top: 60px;
    right: 0px;
    width: 273px;
    background: white;
    border: 1px solid var(--light-grey-stroke);
    border-top: none;
    z-index: 9999;
}
#dashNotifications div {
    font-size: 14px;
    border-bottom: 1px solid var(--light-grey-stroke);
    padding: 10px;
}
#dashNotifications img {
    width: 25px;
    margin-bottom: -8px;
    margin-left: 5px;
}
.dash_warning { line-height: 22px; padding: 10px 10px 10px 10px; }
.dash_warning b { color: #515151; }
.dash_warning img._li { margin: 0 10px -4px 0; }
.dash_warning img._ri { margin: 0 0 -10px 10px; }

#act_secondary,
.act-secondary-button {
    margin-left: -4px;
    background-color: #f4f4f4 !important;
    color: #5a5a5a !important;
    border: 1px solid var(--light-grey-stroke) !important;
    padding: 5px 9px 5px 9px !important;
}

#_act_split {
    float: right;
    border-left: 1px solid var(--light-grey-stroke);
    width: 2px;
    height: 35px;
    margin-top: 12px;
    margin-right: 10px;
}

.search {margin:0 -10px -10px; padding:10px; background-color:#f5f5f5; border-top:solid 1px var(--light-grey-stroke); clear:both;}
.search  input { border:solid 1px var(--light-grey-stroke); width: 208px; padding:5px; font-size: 11px; background-color:#FFF; color:#b1b1b1;}

.actq { color: #95260D !important; }

.sresults { border: 1px solid #ebebeb; position: absolute; width: 218px; background: white; margin-top: 0px; display: none; z-index: 100;}
.sresults img {float:left; width: 25px; height: 25px; margin-right: 5px; }
.sresults .itm { min-height: 25px; padding: 5px; border-top: 1px solid #ebebeb; white-space: normal; overflow:hidden;}
.sresults .itmact { background:#ebebeb; color:var(--blue-text-0);}
.sresults .itm:hover { background-color:#f6f6f6; color:var(--blue-text-0); cursor:pointer;}

.leftO { float: left; border-left: 1px solid var(--light-grey-stroke); border-right: 1px solid var(--light-grey-stroke); padding: 0 1px; position:relative; z-index: 9997;}
.left { width: 246px; float: left; background: #f6f6f6; padding-top: 14px; padding-bottom: 50px; min-height: calc(100vh - 120px);}
.leftI { margin: 20px 10px 0px 10px !important; }
.left a { color: var(--grey-text-1); text-decoration: none; outline:none; }
.left a:focus-visible { outline: 3px solid; }
.left a:hover { text-decoration: underline; }
.leftI .b { color: var(--grey-text-0); text-decoration: underline; font-weight: normal; }
.leftI img { margin: 0 5px -2px 0; }
.settings-panel { margin-bottom: 40px; }
.settings-panel:last-child { margin-bottom: 0; }

.leftI .title, .ltitle { font-weight: normal; color: var(--grey-text-0); padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--light-grey-stroke); margin-right: 10px; font-size: 15px; white-space: nowrap; }
.ltitle { margin: 0px 10px 0px 10px !important; }

.left .dent { display:block; font-weight: bold; background-color: #ffffff; border-left: 1px solid var(--light-grey-stroke); border-top: 1px solid var(--light-grey-stroke); border-bottom: 1px solid var(--light-grey-stroke); margin-left: 11px; padding: 10px; margin-right: -2px; }
.left .dentshadow, .left .dentshadowP { background-color: var(--light-grey-stroke); width: 232px; height: 4px; margin-bottom: 10px; margin-right: -2px; margin-left: 15px; }

ul.lMenuHolder {padding:0; margin:0;}
ul.lMenuHolder li {list-style:none; padding:0;}
ul.lMenuHolder li a span { color: var(--grey-text-0); }
#StaffSchedules ul.lMenuHolder li a { overflow: hidden; text-overflow: ellipsis; display: block; }
#cp_schedules li > b { overflow: hidden; text-overflow: ellipsis; display: block; }

.right {
    margin-left: 251px;
    padding: 20px 2px 10px 17px;
    overflow-x: auto;
    overflow-y: hidden;
    min-height: calc(100vh - 120px);
}

.pl20 {
    padding-left: 20px;
}
.pr20 {
    padding-right: 20px;
}
.colorWhite {
    color: white;
}
.arrowIcon{
    color: var(--blue-text-0);
    font-size: 24px;
    padding: 3px;
}
.arrowIcon.white{
    color: white;
}
.navigationLink{
    color: var(--blue-text-0);
    cursor: pointer;
    position: relative;
    display: inline-block;
    font-weight: 400;
    line-height: 28px;
    float: right;
}

.navigationLink i{
    position: absolute;
    left: 10px;
}
#accessNavButton{
    background-color: black;
    width: 30px;
    height: 30px;
    display: block;
    position: fixed;
    bottom: 0;
    left: 50%;
    cursor: pointer;
}
.closeAccessNav {
    display: inline-block;
    overflow: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.openAccessNav {
    display: table;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    max-height: 40px;
    overflow: hidden;
}
.pt4{
    padding-top: 4px;
}
.w50{
    width: 50px;
}
.w100{
    width: 100px;
}

#_cd_staff .right {
    overflow: hidden;
    margin-left: 0;
}
.rightW { width: 100%; float: left; margin-left: -200px; }

.ImgHi { width: 460px; max-width: 460px; overflow: hidden; }

#_body {
    margin-left: 54px;
}
#_body._body--mainPage {
    margin-left: 0;
 }
#_body > div {
    margin-right: 20px;
}
#_body > div.employeeRightpanel {
    margin-right: 0;
}
#_body #rightpanel {
    margin-right: 0;
}
.gradient { background: url('/app/layout/images/schedule/body_bg.png') repeat-x;  }

#_footer { clear: both; border-top: 1px solid var(--light-grey-stroke); margin: 0px 1px 5px 32px; color: var(--grey-text-0); }
#_footer .shadow { background-color: var(--light-grey-stroke); height: 4px; margin-bottom: 5px; margin-right: -1px; margin-left: 4px; }
#_footer .copy { margin-left: 35px; color: var(--grey-text-0); }

#_footer .legal { float: right; margin-right: 20px; color: grey; }
#_footer .legal a { color: grey; text-decoration: none; }

#_status {
    display: none;
    position: fixed;
    top: 130px;
    left: 50%;
    z-index: 999999;
    width: 300px;
    padding: 7px 10px;
    background-color: #FEFFD7;
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: var(--brown-text-0);
    line-height: 16px;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

#TabConflicts a { color: var(--grey-text-1); text-decoration: none; }

.mitem {display:block; margin: 10px 10px 10px 20px; padding-bottom: 10px; border-bottom: 1px solid var(--light-grey-stroke); color: #3F3F3F; }

.reports-list {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    margin-left: 0;
    list-style: none;
}

.reports-list h4, p {
    margin: 0;
}

DIV.ProgressBar { width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
DIV.ProgressBar DIV { background-color: Green; font-size: 1pt; height:100%; float:left; }
SPAN.asyncUploader OBJECT { position: relative; top: 5px; left: 10px; }

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #2b8ead;
    color: white;
    font-size: 13px;
    border-radius: 2px;
    letter-spacing: 1px;
    text-shadow: none;
    background-color: var(--blue-text-0);
    padding: 8px 12px 8px 12px;
}
.fileinput-button:hover {
    box-shadow: 0 0 8px -3px #666;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}
@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}

.mw_post { color: #656565; overflow: hidden; }
.mw_createpost { margin-top: 10px; padding: 8px; border: 1px solid #f0efef; color: #747474; background-color: white; cursor: pointer; }
.mw_leavereply { margin: 5px 0px 0px 35px; padding: 4px 8px 4px 8px; border: 1px solid #f0efef; color: #848484; font-size: 11px; cursor: pointer; }
.mw_post .first_post { margin-top: 10px; min-height: 40px; padding: 10px; border-top: 1px solid #f0efef; }
.mw_post img { float: left; margin-right: 10px; }
.mw_post .empl { font-size: 12px; }
.mw_post .ttl { margin-left: 49px; color: #383838; }
.mw_post .ttl a { font-weight: normal; margin-left: 5px; }
.mw_post .timeago {  }
.mw_post .post { margin-left: 49px;  }
.mw_comment { min-height: 40px; padding-top: 10px; border-top: 1px solid #f0efef; }
.mw_comment .postsub { margin-left: 40px;  }


.setupsize *, .setupsize { font-size: 12px; line-height: 20px; text-align: left;}
.setupwelcome { font-size: 12px; line-height: 28px; }

.import-emp {padding: 20px 20px 20px;}

.staff_options .sep, .sepr { margin-left: 24px; border-top: 1px dashed #9F9F9F; width: 10px; margin-top: 10px; margin-bottom: 10px; }
.setupsize .sep { border-top: 1px dashed #9F9F9F; width: 10px; margin-top: 20px; margin-bottom: 20px; }
.setupsize select { margin-top: 5px; }
.staff_options .det { margin-left: 24px; }
.staff_options img { margin-right: 4px; margin-bottom: -2px; }
.staff_options .opt { cursor: pointer; width: 650px; }
.staff_options .opt:hover { background-color: #F6F6F6; }

table.samplecsv { border-collapse:collapse;width:auto;margin-top:5px; font-style:italic; }
table.samplecsv th { border:1px solid var(--light-grey-stroke); background:#eee; padding:2px 10px;text-align:center;width:auto; font-size: 11px; }
table.samplecsv td { border:1px solid var(--light-grey-stroke); padding: 2px 10px !important; font-size: 11px; color:var(--grey-text-0); }

#_cd_setup a, #_cd_setup a:link { color: #A61E0F; }

.setupsize .Split { margin: 10px 0 10px 0; }

div.setup_wrap { border: 1px solid var(--light-grey-stroke); width: 600px; }
div.setup_wrap div.in { background-color: #f6f6f6; margin-top:1px; padding: 8px; font-size: 12px; color: #4f4f4f; line-height: 20px; }
.setup_shad { border-top: 1px solid var(--light-grey-stroke); margin-left: 1px; width: 600px; }

.pdlef { padding-left: 8px; }

table.employees { width: 100%; border-collapse: collapse; }
table.employees td { padding: 0px 2px; margin: 0px; }
table.employees tr.title { border: 1px solid var(--light-grey-stroke); }
table.employees tr.title td { background-color: #f6f6f6; margin-top: 1px; padding: 4px 0 4px 0; height: 18px; color: #4f4f4f; line-height: 20px; }
table.employees .shad { border-top: 1px solid var(--light-grey-stroke); height: 8px; margin-left: 1px; }
table.employees .sep { border-top: 1px solid var(--light-grey-stroke); margin-top: 4px; height: 8px; margin-left: 1px; }

table.schedules { width: 100%; border-collapse: collapse; }
table.schedules td { padding: 0px; margin: 0px; }
table.schedules tr.title { border: 1px solid var(--light-grey-stroke); }
table.schedules tr.title td { background-color: #f6f6f6; margin-top: 1px; padding: 4px 0 4px 0; height: 18px; color: #4f4f4f; line-height: 20px; }
table.schedules .shad { border-top: 1px solid var(--light-grey-stroke); height: 8px; margin-left: 1px; }
table.schedules .sep { border-top: 1px solid var(--light-grey-stroke); margin-top: 4px; height: 8px; margin-left: 1px; }


.mcbtoggle {  z-index: 99; background: white; }
.mcbtoggleSkillz { border: 1px solid var(--light-grey-stroke); border-top: none; margin-top: 1px; padding-right: 3px; font-weight: normal !important; background-color: white; max-height: 300px; overflow: auto; position: absolute; }
.mcbtoggleTitle { border: 1px solid var(--light-grey-stroke); padding: 5px; cursor: pointer; }

.tc_manage_table { width: 100%; border-collapse: collapse; }
.tc_manage_table td { margin: 0px; padding: 3px; white-space: nowrap; }
.tc_manage_table th { margin: 0px; padding: 3px; white-space: nowrap; text-align: left; font-weight: normal; }
.tc_manage_table .tc_manage_table_head td.detach-append, .tc_manage_table .tc_manage_table_head th.detach-append { padding: 12px !important; right: 15px; width: 400px; }
.tc_manage_table tr.tc_cin { display: none; }
.selrow { background: #eee !important;}

.tc_rowdate { font-size: 13px; color: #8f8f8f; font-weight: bold; padding-top: 30px !important; padding-left: 0px !important; padding-bottom: 6px !important; }

.tcm_cb { width: 1% }
.tcm_name { padding-left: 9px !important; font-size: 12px; color: #4c4c4c; white-space: nowrap; text-shadow: 1px 1px 1px #ffffff; }
.tcm_in { background: url('/app/layout/images/tc_start.png') no-repeat; width: 53px !important; height: 23px !important; color: #216500; text-shadow: 1px 1px 1px #ffffff; padding: 4px 0 0 7px; margin-bottom: -5px; font-size: 11px; font-weight: bold; white-space: nowrap; display: inline-block; }
.tcm_out { background: url('/app/layout/images/tc_end.png') no-repeat; width: 53px !important; height: 23px !important; color: #ffffff; text-shadow: 1px 1px 1px #4e0606; padding: 4px 0 0 7px; margin-bottom: -5px;  font-size: 11px; font-weight: bold; white-space: nowrap; }
.tcm_cout { background: url('/app/layout/images/tc_clockout.png') no-repeat; width: 57px !important; height: 23px !important; color: #ffffff; text-shadow: 1px 1px 1px #4e0606; padding: 4px 0 0 1px; margin-bottom: -5px;  font-size: 11px; font-weight: bold; cursor: pointer; white-space: nowrap; }
.tcm_scheduled { background: url('/app/layout/images/tc_clockout.png') no-repeat; width: 53px !important; height: 23px !important; color: #ffffff; padding: 5px 0 0 7px; margin-bottom: -5px;  font-size: 11px; font-weight: bold; white-space: nowrap; display: inline-block; }
.tcm_remote a { font-weight: bold; }
.tcm_sc { width: 8px; height: 8px; }
.tc_manage_table .tcm_sc {width: auto; height: auto;}

.tcm_total { }
.tcm_total span.time-stamp { float: left }
.tcm_total span.break-time i { display: inline-block; width: 27px; height: 12px; background: url('/app/layout/images/timeclockButs_bg.png'); background-repeat: no-repeat;background-position: -83px -219px; }
.tcm_breaks { font-size: 13px!important; line-height: 18px; padding-left: 15px!important; }
.tcm_breaks div { font-size: 13px; display: inline-block; margin-right: 5px; vertical-align: top; }
.tcm_breaks span { display: inline-block; text-transform: uppercase; }
.tcm_schedule { }

.tcm_approve { cursor: pointer; }
.tcm_approve:hover { cursor: pointer; opacity:.6; filter:alpha(opacity=60); }

.tcm_unapprove { cursor: pointer; opacity:0.45; filter:alpha(opacity=45); }
.tcm_unapprove:hover { opacity:1; filter:alpha(opacity=100); }

.tcm_edit { cursor: pointer; margin-left: 10px; opacity:0.8; filter:alpha(opacity=80); }
.tcm_edit:hover { cursor: pointer; margin-left: 10px; opacity:1; filter:alpha(opacity=100); }

.tcm_delete { cursor: pointer; margin-left: 10px; opacity:0.8; filter:alpha(opacity=80); }
.tcm_delete:hover { cursor: pointer; margin-left: 10px; opacity:1; filter:alpha(opacity=100); }

.tc_row_first { border-top: 1px solid var(--light-grey-stroke); }
.tc_row_odd { background-color: #ffffff; border-bottom: 1px solid var(--light-grey-stroke); height: 35px; }
.tc_row_even { background-color: #fafafa; border-bottom: 1px solid var(--light-grey-stroke); height: 35px; }

/* RATE CARD */
table.ratecard { border-collapse: collapse; margin: 0px; width: 100%;}
table.ratecard td, table.ratecard th { margin: 0px; padding: 5px; border: 1px solid var(--light-grey-stroke); white-space: nowrap; text-align: left; font-weight: normal; }
table.ratecard tr.ttl td, table.ratecard tr.ttl th { background-color: #F7F7F7; color: var(--grey-text-0); font-weight: bold; text-align: center; }
table.ratecard td.vertL { border-left: 1px solid #898989 !important; }
table.ratecard td.vertR { border-right: 1px solid #898989 !important; }
table.ratecard td.vertT { border-top: 1px solid #898989 !important; }
table.ratecard td.vertB { border-bottom: 1px solid #898989 !important; }
table.ratecard td.vertBG { background-color: #F7F7F7; }
table.ratecard th.vertBG { background-color: #F7F7F7; text-align: right; font-weight: normal; }
table.ratecard tr td, table.ratecard tr th { max-width: 300px !important; overflow-wrap: break-word; white-space: normal; }

table.ratecard .ui-selecting { background: #FECA40; }
table.ratecard .ui-selected { background: #F39814; color: white; }
table.ratecard input { text-align: center; }

div.ratecardtitle input {
    font-size: 14px;
    width: 200px;
    margin-bottom: 4px;
    padding: 5px;
    text-align: center;
}

.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }

/* BBCODE */

._bbcode {overflow:hidden;}
._bbcode p {padding:5px 0; margin:0;}
._bbcode .bbu {text-decoration:underline;}
._bbcode > img {padding:5px; border:solid 1px var(--light-grey-stroke); background-color:#EEE;}
._bbcode ul, ._bbcode ol {padding:0; margin:5px 0 5px 30px;}
._bbcode li {padding:0; line-height:normal;}
._bbcode .codebox {cursor:text; padding:10px 20px; background-color:#CCDEE3; border:solid 1px #62a3ba; margin:5px 0;}
._bbcode .codebox:hover {background-color:#ddecf0;}
._bbcode blockquote { padding:10px 20px; background-color:#FCFDE2; border:solid 1px #E9E3AC; margin:5px 0; font-style:italic;}

/* PASSWORD STRENGTH */
.password_strength_1 { color: var(--red-text-0); }
.password_strength_2 { color: var(--red-text-0); }
.password_strength_3 { color: #0099CC; }
.password_strength_4 { color: #028c00; }
.password_strength_5 { color: #028c00; }



/* TIMELINE */

.butNo, .butYes, .tlStart,.tlEnd, .tlNote, .tlBreak, .tlScreen, .tlPosition, .tlLocation, li.timeline {background-image: url('/app/layout/images/timeline_bg.png');}

.tlTitle {font-size:15px; color:#881515; border:none; line-height:40px; padding:0; font-weight:normal;}
.tlDate { padding: 10px; line-height:20px; font-size:14px; color:#333; }
.tlDate.bordered { border-bottom:1px solid #E6E6E6; }
.tlDate span {color:var(--grey-text-0); font-size:13px;}
.tlFilters h2 {display:inline;}
.tlFilters {background-color:#f9f9f9; border-top:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6; padding:15px;}
.tlFilters select {margin:10px 0 10px 10px;}
ul.timeSheets {border-top:solid 1px #e6e6e6; padding:0; margin:0; min-width:760px;}
ul.timeSheets > li {list-style:none; padding:10px 5px 10px 10px; border-bottom:solid 1px #e6e6e6; overflow:hidden;}
ul.timeSheets > li:hover {background-color:#f0f0f0;}
ul.timeSheets > li:hover .tlHidden {display:block;}
ul.timeSheets .user {float:left;}
ul.timeSheets .user > img {float:left;}
ul.timeSheets .user .userInfo {margin:5px 0 0 50px; font-size:13px; line-height:15px;}
ul.timeSheets .user .userInfo span {color:var(--grey-text-0);}
ul.timeSheets ul {overflow:hidden; margin:0 auto; padding:0; width:370px;}
ul.timeSheets ul li {list-style:none; line-height:40px; float:left; padding:0 5px;}
ul.timeSheets ul li.timeline {width:250px; position:relative; display:block; margin:0 5px; background-position:0 -95px;}
ul.timeSheets ul li .timeIn {color:#81a66c; font-size:14px;}
ul.timeSheets ul li .timeOut {color:#a42929; font-size:14px;}

ul.timeSList {overflow:hidden; padding:10px 0;}
ul.timeSList li {color: var(--grey-text-0); background-color: #F9F9F9; padding: 5px 10px 5px 0; margin: 10px 0; text-align: right; list-style-type: none;}
ul.timeSList li span { min-width: 17%;display: inline-block;text-align: right;}
ul.timeSList li.timeSList-6-spans span { min-width: 16%;}
ul.timeSList li span.edit { min-width:16px; float:right; margin-top: 3px; width: 16px; margin-right: -8px;}
/*ul.timeSList li span.break-cup  { text-align: left; float: left }*/
ul.timeSList li span.break-cup  { min-width: 10%; }
ul.timeSList li span.break-cup i { display: inline-block; width: 27px; height: 12px; background: url('/app/layout/images/timeclockButs_bg.png'); background-repeat: no-repeat;background-position: -88px -219px; }
ul.timeSList li span.break-cup span.icon-break,
ul.timeSList li span.break-cup-empty span.icon-break { display: inline-block; width: 27px; height: 12px; float: none!important; }
ul.timeSList li span.break-cup-empty  { min-width: 10%; }
ul.timeSList li i.icon-camera { display: inline-block; line-height: 26px; height: 30px; margin-left: 5px; }

ul.timeSList li span.ts-notes  { min-width: 10%; }
ul.timeSList li span.ts-notes i {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-family: 'HumanityIcons';
}
ul.timeSList li span.ts-notes i:before {
    content: "\e92e";
}
ul.timeSList li span.ts-notes-empty  { min-width: 10%; }

.butNo, .butYes {width:60px; height:0; padding:40px 0 0; margin:0 5px; display:block; overflow:hidden; float:right;}
.butNo {background-position:0 -15px;}
.butNo:hover {background-position:0 -55px;}
.butYes {background-position:-60px -15px;}
.butYes:hover {background-position:-60px -55px;}

.tlStart, .tlEnd, .tlNote, .tlBreak, .tlScreen, .tlPosition, .tlLocation {position:absolute; top:13px; width:15px; height:0; padding:15px 0 0; overflow:hidden; display:block;}
.tlStart {background-position:0 0; left:0;}
ul.timeSheets > li:hover .tlStart {background-position:-105px 0;}
.tlEnd {background-position:-15px 0; right:0;}
ul.timeSheets > li:hover .tlEnd {background-position:-120px 0;}

.tlNote {display:none; background-position:-30px 0;}
.tlBreak {display:none; background-position:-45px 0;}
.tlScreen {display:none; background-position:-60px 0;}
.tlPosition {display:none; background-position:-75px 0;}
.tlLocation {display:none; background-position:-90px 0;}

/* TIMECLOCK */

ul.timeclock ul div span a, ul.timeclock ul li.position div, ul.timeclock ul li.clockedIn div, ul.timeclock ul li.break, ul.timeclock ul li.clockedOut, ul.timeclock ul li.continue, ul.timeclock ul li.clockedIn, ul.timeclock ul li.note, ul.timeclock ul li.position, ul.timeclock ul li.location, ul.timeclock ul li.moreA, ul.timeclock ul li.more {background-image: url('/app/layout/images/timeclockIcos_bg.png'); background-repeat:no-repeat;}
ul.timeclock ul li.mMap span, ul.timeclock ul li.mLoc span, .clockCs, .clockUs, .clockG, .clockGo, ul.timeclock ul li.more div, ul.timeclock ul li.moreA div.inner,  a.map, a.pos, a.loc, a.bre {background: url('/app/layout/images/timeclockButs_bg.png'); background-repeat:no-repeat;}

ul.timeclock ul li.mMap .m {border: 1px solid #DCDCDC; border-top:none; background-color:#F9F9F9;}

ul.timeclock {overflow:hidden; margin:10px 0 0; padding:0; min-width:245px;}
ul.timeclock li {list-style:none; padding:0; color:var(--grey-text-0); overflow:hidden;}
ul.timeclock li.first {border:solid 1px var(--light-grey-stroke); background-color:#f9f9f9; border-bottom:none; height:0px; width:40px;}
ul.timeclock li.center {background:transparent url('/app/layout/images/timeclock_bg.png') scroll repeat-y 0 0; padding:0;}
ul.timeclock li.last {border:solid 1px var(--light-grey-stroke); background-color:#f9f9f9; border-top:none; height:0px; width:40px;}
ul.timeclock li.separate {border-bottom:solid 1px var(--light-grey-stroke); background-color:#f9f9f9; height:0px; width:100%; margin: 15px 0;}
ul.timeclock ul {margin:0; padding:0px; }
ul.timeclock ul div {line-height:21px;}
ul.timeclock ul div span.time {float:right;}
ul.timeclock ul div span a:hover {background-position:0 -521px;}

ul.timeclock ul li.clockedOut {padding:0 5px 0 45px; background-position:10px -330px;}
ul.timeclock ul li.continue {padding:0 5px 0 45px; background-position:10px -290px;}
ul.timeclock ul li.break {padding:0 5px 0 45px; background-position:10px -250px;}
ul.timeclock ul li.clockedIn {padding:0 5px 5px 45px; background-position:10px 0;}
ul.timeclock ul li.clockedIn div {height:18px;}
ul.timeclock ul li.clockedIn.out {padding:0 5px 0 45px; background-position:10px -290px;}

ul.timeclock ul li.position {padding:5px 5px 5px 45px; background-position:10px -50px;}
ul.timeclock ul li.note {padding:0 5px 0 45px; background-position:10px -100px;}
ul.timeclock ul li.location {padding:0 5px 0 45px; background-position:10px -200px;}
ul.timeclock ul li.more {padding:5px 5px 0 45px; background-position:10px 0; background-position:10px -140px;}
ul.timeclock ul li.moreA {padding:5px 5px 0 45px; background-position:10px 0; background-position:10px -135px;}
ul.timeclock ul li.mMap span, ul.timeclock ul li.mLoc span {width:30px; height:31px; display:block; float:left; }
ul.timeclock ul li.mMap span {background-position:-8px -210px}
ul.timeclock ul li.mLoc span {background-position:-46px -210px}

#mapTcWrap {display: none; width: 409px; height: 135px; background: none; margin: 33px 5px 0; padding: 5px; border: 1px solid #E6E6E6; background: #F9F9F9; position: absolute;}

#tcaddnote  { visibility: hidden; padding: 5px; color: var(--grey-text-1); border: solid 1px var(--light-grey-stroke); border-radius: 3px; text-decoration: none; background-color: #F5F5F5; }
#tcaddnote :hover { background-color: #FFF; }
#tcaddnote { visibility: visible; margin-left: 5px; }
#tc_tl_no_a { position: absolute; display: none; top: 0; height: 35px; color: var(--blue-text-0); line-height: 33px; right: 5px; z-index: 10; cursor: pointer; }
#tc_tl_no_a:hover { text-decoration: underline; }

#tc_tl_overview .text {background-color:#FEFFD9; margin:10px 0 0 50px; max-width:478px; padding:10px; display:block; color:#896519;}
#tcmodal .text {background-color:#FEFFD9; margin:10px 0 0 50px; width:400px; padding:10px; display:block; color:#896519;}

ul.timeclock ul li.clockedIn div, ul.timeclock ul li.position div {background-color:#f9f9f9; padding:10px 20px; background-position:0 -429px;}
ul.timeclock ul li.note div, ul.timeclock ul li.location div, ul.timeclock ul li.break div {padding:5px 20px;}
ul.timeclock ul li.more div {padding:9px 6px 10px 20px; background-position:0 -164px; border-right:solid 1px #dcdcdc; float:left;}
ul.timeclock ul li.moreA div.inner {padding:10px 15px 10px 15px; background-position:0 -246px; border-right:solid 1px #dcdcdc; float:left;}
ul.timeclock ul li input[type=text] {width: 100%; border:none; color:var(--grey-text-0); height:11px;}
ul.timeclock ul li input[type=text]:focus {color:#333;}
ul.timeclock ul li select {padding:6px; width:205px; float:left;}
#tcmodal ul li select {padding:4px; width:211px; float:left;}
#tcmodal ul div span.time { width:192px; text-align: right;}
#tc_tl_overview .locMap {position:absolute; padding:10px; border:solid 1px #dcdcdc; background-color:#f9f9f9;width:400px; height:145px;}
ul.timeclock span.text {display:inline-block; padding-left:10px;}

#tcmodal ul li.break {padding:5px 0 5px 50px; background-position:10px -240px;}
#tcmodal ul li.clockedIn {padding:0 0 0 50px; background-position:10px -1px; color: #648b50;}
#tcmodal ul li.clockedIn.out {padding:5px 0 0 50px; background-position:10px -286px; color: #8b3232;}
#tcmodal ul li.position {padding:5px 0 5px 50px; background-position:10px -35px;}
#tcmodal ul li.note {padding:5px 0 5px 50px; background-position:10px -90px;}
#tcmodal ul li.location {padding:5px 0 5px 50px; background-position:10px -195px;}

#tcmodal ul li:not(.continue) div { background: url('/app/layout/images/tc_editback.png'); padding:7px 10px 9px 15px; line-height:25px; height:25px; border-right:solid 1px #DCDCDC; overflow: visible; background-position:0 -12px; background-color:transparent; width: 432px;}
#tcmodal ul li input[type="text"] { border:solid 1px #BFBFBF; height:19px; margin:-2px 2px;}
#tcmodal ul li .edn, #tcmodal ul li .timerange {padding: 2px 0 2px 9px; width: 200px; border:solid 1px #BFBFBF; height:19px;}
#tcmodal ul li .tcdate, #tcmodal ul li .tcedate {width:70px; padding: 2px 5px 2px 25px; background: #FFF url('/app/layout/images/timeclockIcos_bgnew.png'); background-repeat:no-repeat; background-position: 2px -163px}
#tcmodal ul li .tcintime, #tcmodal ul li .tctime, #tcmodal ul li .tcouttime {width:50px; padding: 2px 5px 2px 25px; background: #FFF url('/app/layout/images/timeclockIcos_bgnew.png'); background-repeat:no-repeat; background-position: 2px -213px}
#tcmodal .more {display: none!important;}

#tcmodal { position: fixed; top: 300px; left: 300px; width: 630px; background-color: white; border-radius: 0!important; z-index: 999; box-shadow: none!important; }
#tcmodal .modal { border: 1px solid var(--light-grey-stroke)!important; border-bottom: none!important; border-radius: 0!important; }
#tcmodal .close { border: 1px solid var(--light-grey-stroke); border-radius: 0px!important; }
#tcmodal .close #b_ti_ed.os_disabled { letter-spacing: 0.03em; display: inline-block; font-weight: 500; font-size: 13px; background: var(--red-text-0); border-radius: 2px; color: #fff; border: 1px solid var(--red-text-0); text-align: center; height: 30px!important; line-height: 28px; padding: 0 10px!important; background-image: none; float: right; margin: 10px 0 0 0; }
#tcmodal .overlay { background: rgba(255,255,255,0.75)!important; }
#tcmodal table, table.tlpopup { width: 100%; border-collapse: collapse; table-layout: fixed; border: 0px; }
#tcmodal #tc_timeline, #tcmodal #tc_timeline li { overflow: visible; }
#tcmodal #tc_timeline .tcnote { width: 230px; overflow: hidden; display: inline-block; }
#tcmodal ul li.addevent {padding:0px 0 0px 50px; overflow: hidden!important; background: transparent url('/app/layout/images/timeclockIcos_bgnew.png') no-repeat 11px -348px}
#tcmodal ul .addevent div{float: left; width: 317px;}
#tcmodal ul li.addreason {padding: 1px 0px; overflow: hidden!important;}
#tcmodal ul .addreason div {float: left; background: transparent; padding: 6px 0 0; border: none; height: auto; width: 505px;}
#tcmodal ul .addreason div textarea {margin:0; overflow: hidden; height: 32px; width: 492px; max-width: 492px;}
#tcmodal ul.edit, #tcmodal ul.view { max-height: 450px; width: 560px; overflow-y: auto; overflow-x: hidden; }
#tcmodal .modal {padding:20px 20px 20px 20px;position:relative; }
#tcmodal .os_error {background-color: #FFF0F0!important;}
#tcmodal .tcdel, #tcmodal .removed, #tcmodal .tcinfo { cursor:pointer; width: 20px; height:20px; float: right; margin: 2px -40px 2px 0px; }
#tcmodal .tcdel { background: url('/app/layout/images/timeclockIcos_bgnew.png'); background-position:0 -264px; background-color:transparent; }
#tcmodal .removed { background: url('/app/layout/images/timeclockIcos_bgnew.png'); background-position:0 -314px; background-color:transparent; }
#tcmodal .tcdel:hover { background-position:0 -314px; }
#tcmodal .tcinfo { background: transparent url('/app/layout/images/info.gif') no-repeat; margin: -19px -32px 0 0; }
#tcmodal .tcicpos { width: 20px; height:20px; float: left; margin: 2px 2px 2px -3px; background: url('/app/layout/images/timeclockIcos_bgnew.png'); background-position:0 -65px; background-color:transparent;}
#tcmodal .tcicloc { width: 20px; height:20px; float: left; margin: 2px 2px 2px -3px; background: url('/app/layout/images/timeclockButs_bg.png'); background-position:-9px -215px; background-color:transparent;}
#tcmodal .tcicnote { width: 20px; height:20px; float: left; margin: 2px 2px 2px -3px; background: url('/app/layout/images/timeclockIcos_bgnew.png'); background-position:0 -115px; background-color:transparent;}
#tcmodal .tcicbreak { width: 20px; height:20px; float: left; margin: 2px 2px 2px -3px; background: url('/app/layout/images/timeclockIcos_bgnew.png'); background-position:0 -16px; background-color:transparent;}
#tcmodal .tcictips { width: 20px; height:20px; float: left; margin: 2px 2px 2px -3px; background: url('/app/layout/images/money_sm.png') no-repeat; background-position:3px; background-color:transparent;}
#tcmodal #tc_tips { height: 15px; width: 90px;}
#tcmodal #tcinputnote { width: 225px; margin-right: 5px; height: 26px}

.overlayMap { display: inline-block; float: left; position: absolute; z-index: 9999; border: 1px solid #E5E3DF; background: #f9f9f9; padding: 8px 8px 5px;}

a.clockG {float:left; display:block; font-size:13px; text-decoration:none; padding:0 15px 0 20px; color:#FFF; text-shadow:0 1px 0 #63904d; line-height:42px; border-right:solid 1px #63904d;}
a.clockG:hover {background-position:0 -42px;}
a.clockGo {float:left; margin:0 0 0 10px; display:block; font-size:13px; text-decoration:none; padding:0 15px; color:#FFF; text-shadow:0 1px 0 #63904d; line-height:40px; background-position:0 -84px; border-right:solid 1px #63904d;}
a.clockGo:hover {background-position:0 -124px;}
a.clockCs {float:left; margin:0 0 0 10px; display:block; font-size:13px; text-decoration:none; padding:0 15px; color: var(--grey-text-0); text-shadow:0 1px 0 #FFF; line-height:32px; background-position:0 -298px; border-right:solid 1px #cfcfcf;}
a.clockCs:hover {background-position:0 -330px;}
a.clockUs {float:left; margin:0 0 0 10px; display:block; font-size:13px; text-decoration:none; padding:0 15px; color:#FFF; text-shadow:0 1px 0 #63904d; line-height:32px; background-position:0 -362px; border-right:solid 1px #63904d;}
a.clockUs:hover {background-position:0 -394px;}

a.map, a.pos, a.loc, a.bre {width:39px; height:40px; display:block; float:left;}
a.tc_tips {
    display: block;
    float: left;
    height: 38px;
    width: 39px;
    border-top: 1px solid rgb(230, 220, 230);
    border-right: 1px solid rgb(230, 220, 230);
    border-bottom: 1px solid rgb(230, 220, 230);
    background: url('/app/layout/images/money_sm.png') no-repeat scroll 10px 12px rgb(249, 249, 249);
}
#tc_tl_tips_i {
    float: left;
    height: 20px;
    border: 1px solid #bfbfbf;
    width: 70px;
}

#tc_tl_tips span {
    background: url('/app/layout/images/money_sm.png') no-repeat scroll 6px 8px;
}
a.tc_tips:hover {background-color: #ffffff;}
a.map {background-position:0 -205px;}
a.map:hover {background-position:-118px -205px;}
a.pos {background-position:-39px -205px;}
a.pos:hover {background-position:-157px -205px;}
a.loc {background-position:0px -205px}
a.loc:hover {background-position:-118px -205px}
a.bre {background-position:-78px -205px;}
a.bre:hover {background-position:-196px -205px;}

#add_tc_tips { border: 1px solid #bfbfbf; height: 15px; width: 90px; padding: 5px; background-color: #FFFFFF;}

div.reports-applyFiltersButton-wrap { display: flex; overflow: hidden; align-items: flex-end; }
#_cd_reports .right .tableHeader tr td div.reports-text-wrap { display: flex; flex-direction: column; justify-content: flex-end;  overflow: hidden; }
#_cd_reports .right .tableHeader tr td { color: var(--grey-text-0); }

.jsSelect{position:relative;margin:5px 0 5px 10px;width: 180px;}
.jsSelect > a{background-image: url('/app/layout/images/jsElements.png');}

#_cd_reports .right .tableHeader tr td:last-child .jsSelect { margin: 0; width: 180px; }
#_cd_reports .right .tableHeader tr td .jsSelect > a { line-height: 28px; border: 1px solid var(--light-grey-stroke); background: white url('/app/layout/images/arrow-down.png') no-repeat 96% center; color: var(--grey-text-0); }
#_cd_reports .right .tableHeader tr td .jsSelect > a:hover { background: white url('/app/layout/images/arrow-down.png') no-repeat 96% center; color: var(--grey-text-0); }

.jsSelect > a {display:block; color: var(--grey-text-0); padding:0 30px 0 10px; line-height:30px; text-decoration:none; text-align: left; border-left:solid 1px var(--light-grey-stroke); background-position:100% 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jsSelect > a:hover {background-position:100% -30px; color:#890908;}
.jsSelect.jsG > a {display:block; color:#FFF; padding:0 35px 0 10px; line-height:30px; text-decoration:none; border-left:solid 1px #628f4c; background-position:100% -60px;}
.jsSelect.jsG > a:hover {background-position:100% -90px; color:#FFF;}
.jsSelect.jsW > a {display:block; color:var(--grey-text-0); padding:0 35px 0 10px; line-height:24px; text-decoration:none; border-left:solid 1px #bfbfbf; background-position:100% -120px;}
.jsSelect.jsW > a:hover {background-position:100% -144px; color:var(--grey-text-0); border-color:#95260d;}

ul.drop {display:none; position:absolute; overflow:auto ; top:29px; width: auto; margin:0; padding:0; border-top:solid 1px var(--light-grey-stroke); box-shadow:0 0 3px var(--light-grey-stroke);z-index: 101;}
ul.drop li {list-style:none; padding:0; text-align:left;}
ul.drop li a {overflow-wrap: break-word;word-break: break-word;text-decoration:none;text-align: left; display:block; padding:12px 10px 13px; line-height:15px; border:solid 1px var(--light-grey-stroke); background-color:#FFF; border-top:none; color: var(--grey-text-0); cursor :pointer; max-width:300px; overflow-wrap:break-word; white-space: normal;}
ul.drop li label {text-decoration:none; display:block; padding:7px 10px 8px; line-height:15px; border:solid 1px var(--light-grey-stroke); background-color:#FFF; border-top:none; color: var(--grey-text-0);}

#_cd_reports .right .tableHeader tr td:last-child ul.drop li,
#_cd_reports .right .tableHeader tr td:last-child ul.drop li a,
#_cd_reports .right .tableHeader tr td:last-child ul.drop li label {
    margin: 0;
    white-space: normal;
}
#_cd_reports .right .tableHeader tr td:last-child ul.drop li a {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:300px;
    overflow-wrap:break-word;
    white-space: normal;
}

#_cd_reports .selectbox-dropdown-wrapper {
    top: 34px;
}

#tc_terminal .jsSelect {
    margin: 0;
    width: 120px;
}

ul.drop li a:hover {background-color:#9a2b29; border-color:#9a2b29; color:#FFF;}
ul.drop li a.group{background-color: var(--light-grey-stroke);}
ul.drop ul {display: none; margin: 0 !important; padding: 0;}
ul.drop li.selectbox-search-wrapper,
div.selectbox-search-wrapper {padding: 5px 8px; background-color: #f9f9f9; border: solid 1px var(--light-grey-stroke); border-top: none; list-style: none; z-index: 10;}
ul.drop li.selectbox-search-wrapper.sticky-bottom {top: auto; bottom: 0;}
.selectbox-dropdown-wrapper {position: absolute; top: 34px; left: 0; z-index: 101; display: none; width: auto; box-shadow: 0 0 3px var(--light-grey-stroke); border-top: solid 1px var(--light-grey-stroke);}
.selectbox-dropdown-wrapper ul.drop {position: relative; top: auto; display: block; box-shadow: none; border-top: none; overflow: auto;}
ul.drop li.selectbox-search-wrapper .selectbox-search-container,
div.selectbox-search-wrapper .selectbox-search-container {position: relative; display: block; width: 100%;}
.hum_manage_time_sheets ul.drop li.selectbox-search-wrapper .selectbox-search-input,
div.selectbox-search-wrapper .selectbox-search-input {width: 100%; max-width: fit-content !important; padding: 6px 30px 6px 8px !important; margin: 0 !important; border: 1px solid var(--light-grey-stroke); border-radius: 3px; font-size: 13px; outline: none; box-sizing: border-box; height: 32px; line-height: 20px;}
#_cd_requests div.selectbox-search-wrapper .selectbox-search-input,
#_cd_reports div.selectbox-search-wrapper .selectbox-search-input,
#_cd_group div.selectbox-search-wrapper .selectbox-search-input,
#_cd_training div.selectbox-search-wrapper .selectbox-search-input,
#_cd_payroll div.selectbox-search-wrapper .selectbox-search-input,
#_cd_admin div.selectbox-search-wrapper .selectbox-search-input,
#_cd_timeclock div.selectbox-search-wrapper .selectbox-search-input,
#_cd_dashboard div.selectbox-search-wrapper .selectbox-search-input {max-width: none !important;}
ul.drop li.selectbox-search-wrapper .selectbox-search-input:focus,
div.selectbox-search-wrapper .selectbox-search-input:focus {border-color: #9a2b29;}
ul.drop li.selectbox-search-wrapper .selectbox-search-clear,
div.selectbox-search-wrapper .selectbox-search-clear {position: absolute; right: 6px; top: 6px; cursor: pointer; font-size: 18px; line-height: 20px; color: #999; font-weight: normal; padding: 0 4px; user-select: none; height: 20px; display: flex; align-items: center; background: none; border: none; margin: 0 !important;}
ul.drop li.selectbox-search-wrapper .selectbox-search-clear:hover,
div.selectbox-search-wrapper .selectbox-search-clear:hover {color: #9a2b29;}
div.leave-filter-header ul.drop li.selectbox-search-wrapper .selectbox-search-clear,
div.leave-filter-header div.selectbox-search-wrapper .selectbox-search-clear
{
    top: 11px;
}

div#submitWorkUnits ul.drop li.selectbox-search-wrapper .selectbox-search-clear,
div#submitWorkUnits div.selectbox-search-wrapper .selectbox-search-clear {
    top: 6px;
}

#sa_filter .jsSelect {
    margin: 0;
}

#sn_requests div {line-height: 15px;}


/* reports page fix */
.mitem.mi.reportsFix {border: none; margin:0px; padding:0px;}
.lft.hide {display:none !important;}


/* add fix for scheduler scroller */
.singleavai .jq_scroll {margin:0px;}
.singleavai .jq_scroll .scrollbar {width:7px;}
.singleavai .jq_scroll .track {width:7px;}

/* remove selectable borders from modal */
#ccanvas #DayAvailabilityEdit .ui-selected {border: 1px solid #CCCCCC !important;}

/* pagination in requests */
ul.sp_pagination {margin:0; padding:0;}
ul.sp_pagination li {float:left; margin:0 0 0 5px; list-style:none;}
ul.sp_pagination li a {display:block; text-decoration:none; color:#666; line-height:20px; border:solid 1px var(--light-grey-stroke); border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:0 7px;}
ul.sp_pagination li a:hover {background-color:#F5F5F5; color:#333;}
ul.sp_pagination li.currentPage {line-height:20px; border:solid 1px var(--light-grey-stroke); border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:0 7px;}

/* left menu fix */
#StaffSchedules .hide.hideall {display:none;}

/* timeclock fix */

li.tchd { display: none;}

#_cd_timeclock .hidden {display: none;}
#_cd_timeclock #shiftpop.timelineModal {max-width: 650px;}
#_cd_timeclock #shiftpop.timelineModal .modal {max-height:600px;}
#_cd_timeclock #shiftpop.timelineModal .modal tbody td {border:none ;}
#_cd_timeclock table.tlpopup td.altop .tlDate { border-bottom: 1px solid #E6E6E6; }
#_cd_timeclock table.tlpopup td.altop .tlDate img{ float: left; margin-right: 11px;}
#_cd_timeclock table.tlpopup td.altop .tlDate .rtctime{ float: right; margin-right: 5px; font-size: 17px;}

#_cd_timeclock  .timelineModal #del_timesheet { padding: 0 0 0 15px; color: var(--grey-text-0); cursor: pointer; }
#_cd_timeclock  .timelineModal #del_timesheet:hover { color: var(--grey-text-1); }
#_cd_timeclock  .timelineModal #del_timesheet span { font-size: 18px; margin: 0 5px 0 0; display: inline-block; line-height: 48px; float: left; position: relative; color: var(--grey-text-0); top: 0; }

#_cd_timeclock * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#_cd_timeclock {
    position: fixed;
    top: 120px;
    left: 0;
    width: 100%;
    height: calc(100% - 120px);
}
#_cd_timeclock .leftO { height: 100%; background: #f6f6f6; }
#_cd_timeclock .left { height: 100%; }
#_cd_timeclock .left a.dent { width: calc(100% - 9px); }
#_cd_timeclock .right { position: absolute; top: 0; left: 251px; margin: 0; width: calc(100% - 251px); padding: 0; height: 100%; overflow: auto; }
#_cd_timeclock .right table#tc_tl_overview { width: 100%; height: 100%; table-layout: fixed; }

.on-break li#tc_tl_st {
    display: none !important;
}

.timeclock {}
#tc_timeline.timeclock li { margin-bottom: 10px; overflow: visible; }
#tc_timeline.timeclock li.center { background-image: none!important; }
#tc_timeline.timeclock li.first,
#tc_timeline.timeclock li.last { border: none; }
#tc_timeline.timeclock li.static { padding: 0 0 0 45px; position: relative; }

#tcmapdata {
    height: 135px;
    overflow: hidden;
    position: absolute;
}
.hideTCMap {
    margin-left: -1700px !important;
    position: absolute !important;
}

/* clocked out */
#tc_timeline.timeclock li.clockedOut.static:before { content: ""; position: absolute; left: 0; top: 0; width: 35px; height: 33px; border: 1px solid var(--light-grey-stroke); background: #F9F9F9; }
#tc_timeline.timeclock li.clockedOut.static:after { content: ""; position: absolute; left: 15px; top: 14px; width: 7px; height: 7px; background: var(--green-text-0); border-radius: 50%; }
#tc_timeline.timeclock li.clockedOut.static div a { position: relative; padding: 0 15px; background: var(--green-text-0); background-image: none; border: 1px solid var(--green-hover-0); color: #fff; line-height: 33px; height: 35px; border-radius: 2px; color: #fff; }
#tc_timeline.timeclock li.clockedOut.static div a:before { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--green-hover-0); position: absolute; top: 50%; left: -6px; margin-top: -6px; z-index: 10; }
#tc_timeline.timeclock li.clockedOut.static div a:after { content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid var(--green-text-0); position: absolute; top: 50%; left: -4px; margin-top: -4px; z-index: 11; }
#tc_timeline.timeclock li.clockedOut.static div:hover a { background: var(--green-hover-0); }
#tc_timeline.timeclock li.clockedOut.static div:hover a:after { border-right: 4px solid var(--green-hover-0); }
/* clocked in */
#tc_timeline.timeclock li.clockedIn { line-height: 33px; padding: 0 0 0 45px; background-image: none!important; position: relative; color: var(--grey-text-0); }
#tc_timeline.timeclock li.clockedIn div { position: relative; height: 35px; line-height: 33px; padding: 0 15px; border: 1px solid var(--light-grey-stroke); background: #f9f9f9; background-image: none!important; }
#tc_timeline.timeclock li.clockedIn div img { display: none!important; }
#tc_timeline.timeclock li.clockedIn div:before {content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--light-grey-stroke); position: absolute; top: 50%; left: -6px; margin-top: -6px; z-index: 10; }
#tc_timeline.timeclock li.clockedIn div:after { content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #f9f9f9; position: absolute; top: 50%; left: -4.5px; margin-top: -4px; z-index: 11; }
#tc_timeline.timeclock li.clockedIn:before { content: ""; position: absolute; left: 0; top: 0; width: 35px; height: 35px; border: 1px solid var(--light-grey-stroke); background: #F9F9F9; }
#tc_timeline.timeclock li.clockedIn:after { content: ""; position: absolute; left: 15px; top: 14px; width: 7px; height: 7px; background: var(--green-text-0); border-radius: 50%; }
#tc_timeline.timeclock li.clockedIn + li.more.static { margin-top: -2px; }
/* position */
#tc_timeline.timeclock li.position { line-height: 33px; padding: 0 0 0 45px; background-image: none!important; position: relative; }
#tc_timeline.timeclock li.position div { position: relative; height: 35px; line-height: 33px; padding: 0 15px; border: 1px solid var(--light-grey-stroke); background: #f9f9f9; background-image: none!important; }
#tc_timeline.timeclock li.position div:before { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--light-grey-stroke); position: absolute; top: 50%; left: -6px; margin-top: -6px; z-index: 10; }
#tc_timeline.timeclock li.position div:after { content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #f9f9f9; position: absolute; top: 50%; left: -4.5px; margin-top: -4px; z-index: 11; }
#tc_timeline.timeclock li.position:before { content: ""; position: absolute; left: 0; top: -11px; width: 35px; height: 50px; border: 1px solid var(--light-grey-stroke); background: #F9F9F9; border-top: none; border-bottom: none; }
#tc_timeline.timeclock li.position:after { content: ""; position: absolute; left: 18px; top: -24px; width: 1px; height: 35px; background: var(--light-grey-stroke); }
#tc_timeline.timeclock li.position span.icon { background: #f9f9f9; position: absolute; left: 10px; z-index: 10; color: var(--grey-text-0); top: 4px; font-size: 18px; display: block; }
#tc_timeline.timeclock li.position span.icon:after { content: ""; position: absolute; left: 8px; top: 20px; width: 1px; height: 14px; background: var(--light-grey-stroke); }
#tc_timeline.timeclock li.position span.icon.fa { top: 8px; background: #f9f9f9; }
/* note */
#tc_timeline.timeclock li.note { line-height: 33px; padding: 0 0 0 45px; background-image: none!important; position: relative; }
#tc_timeline.timeclock li.note div { position: relative; height: 35px; line-height: 33px; padding: 0 15px; border: 1px solid var(--light-grey-stroke); background: #f9f9f9; background-image: none!important; }
#tc_timeline.timeclock li.note div:before { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--light-grey-stroke); position: absolute; top: 50%; left: -6px; margin-top: -6px; z-index: 10; }
#tc_timeline.timeclock li.note div:after { content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #f9f9f9; position: absolute; top: 50%; left: -4.5px; margin-top: -4px; z-index: 11; }
#tc_timeline.timeclock li.note:before { content: ""; position: absolute; left: 0; top: -11px; width: 35px; height: 50px; border: 1px solid var(--light-grey-stroke); background: #F9F9F9; border-top: none; border-bottom: none; }
#tc_timeline.timeclock li.note:after { content: ""; position: absolute; left: 18px; top: -24px; width: 1px; height: 28px; background: var(--light-grey-stroke); }
#tc_timeline.timeclock li.note span.icon { background: #f9f9f9; position: absolute; left: 8px; z-index: 1000; color: var(--grey-text-0); top: 4px; font-size: 20px; display: block; }
#tc_timeline.timeclock li.note span.icon:after { content: ""; position: absolute; left: 10px; top: 20px; width: 1px; height: 14px; background: var(--light-grey-stroke); }
/* break */
#tc_timeline.timeclock li.break { line-height: 33px; padding: 0 0 0 45px; background-image: none!important; position: relative; }
#tc_timeline.timeclock li.break div { position: relative; height: 35px; line-height: 33px; padding: 0 15px; border: 1px solid var(--light-grey-stroke); background: #f9f9f9; background-image: none!important; }
#tc_timeline.timeclock li.break div:before { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--light-grey-stroke); position: absolute; top: 50%; left: -6px; margin-top: -6px; z-index: 10; }
#tc_timeline.timeclock li.break div:after { content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #f9f9f9; position: absolute; top: 50%; left: -4.5px; margin-top: -4px; z-index: 11; }
#tc_timeline.timeclock li.break:before { content: ""; position: absolute; left: 0; top: -11px; width: 35px; height: 50px; border: 1px solid var(--light-grey-stroke); background: #F9F9F9; border-top: none; border-bottom: none; }
#tc_timeline.timeclock li.break:after { content: ""; position: absolute; left: 18px; top: -24px; width: 1px; height: 28px; background: var(--light-grey-stroke); }
#tc_timeline.timeclock li.break span.icon { background: #f9f9f9; position: absolute; left: 10px; z-index: 1000; color: var(--grey-text-0); top: 4px; font-size: 20px; display: block; }
#tc_timeline.timeclock li.break span.icon:after { content: ""; position: absolute; left: 8px; top: 20px; width: 1px; height: 14px; background: var(--light-grey-stroke); }
/* moreA mMap static */
#tc_timeline.timeclock li.moreA.mMap.static { line-height: 33px; padding: 0 0 0 45px; background-image: none!important; position: relative; }
#tc_timeline.timeclock li.moreA.mMap.static div { position: relative; line-height: 33px; padding: 0 15px; border: 1px solid var(--light-grey-stroke); background: #f9f9f9; background-image: none!important; }
#tc_timeline.timeclock li.moreA.mMap.static div.inner { width: calc(100% - 32px); position: relative; z-index: 1000; }
table#tc_tl_overview tbody tr td #tc_timeline.timeclock li.moreA.mMap.static div.inner { width: 100%; }
#tc_timeline.timeclock li.moreA.mMap.static span.tc-update-buttons { width: auto; background: none; }
#tc_timeline.timeclock li.moreA.mMap.static span.tc-update-buttons a { width: auto; }
#tc_timeline.timeclock li.moreA.mMap.static div.inner span.icon { background-image: none!important; font-size: 20px; line-height: 33px; position: absolute; left: -37px; top: -1px; }
#tc_timeline.timeclock li.moreA.mMap.static div.inner a.clockUs { position: relative; padding: 0 15px; background: var(--green-text-0); border: 1px solid var(--green-hover-0); color: #fff; line-height: 25px; height: 27px; border-radius: 2px; float: right; margin: 0 0 0 5px; }
#tc_timeline.timeclock li.moreA.mMap.static div.inner a.clockCs { position: relative; padding: 0 15px; background: var(--red-text-0); border: 1px solid var(--red-hover-0); color: #fff; line-height: 25px; height: 27px; border-radius: 2px; float: right; margin: 0 0 0 5px; text-shadow: none; }
#tc_timeline.timeclock li.moreA.mMap.static div.inner a.viewMap { margin-left: 5px;}
#tc_timeline.timeclock li.moreA.mMap.static div.inner a.viewMap:hover { text-decoration: none; }
#tc_timeline.timeclock li.moreA.mMap.static div.inner select#tc_tl_lo_s { line-height: 25px; height: 27px; margin: 0; float: left; border: 1px solid var(--light-grey-stroke); color: var(--grey-text-1); border-radius: 0!important; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; font-weight: 400; padding: 0px 25px 0px 10px; background: white url('/app/layout/images/arrow-down.png') no-repeat 96% center; }
#tc_timeline.timeclock li.moreA.mMap.static div#mapTcWrap { height: 150px; border-top: none; display: block; margin: -1px 0 0 0; width: 100%; padding: 0!important; }
.dashwidget_body #mapTcWrap { width: calc(100% - 2px) !important; }
#tc_timeline.timeclock li.moreA.mMap.static div#mapTcWrap:before,
#tc_timeline.timeclock li.moreA.mMap.static div#mapTcWrap:after { display: none; }
/* continue */
#tc_timeline.timeclock li.continue { line-height: 33px; height: 33px; padding: 0 0 0 45px; background-image: none!important; position: relative; }
#tc_timeline.timeclock li.continue:before { content: ""; position: absolute; left: 0; top: 0; width: 35px; height: 33px; border: 1px solid var(--light-grey-stroke); background: #F9F9F9; }
#tc_timeline.timeclock li.continue:after { content: ""; position: absolute; left: 15px; top: 14px; width: 7px; height: 7px; background: var(--green-text-0); border-radius: 50%; }
#tc_timeline.timeclock li.continue div a { position: relative; padding: 0 15px; background: var(--green-text-0); background-image: none; border: 1px solid var(--green-hover-0); color: #fff; line-height: 33px; height: 35px; border-radius: 2px; color: #fff; }
#tc_timeline.timeclock li.continue div a:before { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--green-hover-0); position: absolute; top: 50%; left: -6px; margin-top: -6px; z-index: 10; }
#tc_timeline.timeclock li.continue div a:after { content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid var(--green-text-0); position: absolute; top: 50%; left: -4.5px; margin-top: -4px; z-index: 11; }
#tc_timeline.timeclock li.continue .continue_help_tag:before { content: ""; position: absolute; left: -28px; top: -11px; width: 1px; height: 24px; background: var(--light-grey-stroke); z-index: 1; }
#tc_timeline.timeclock li.continue .continue_help_tag:after { content: ""; position: absolute; left: -46px; top: -11px; width: 35px; height: 20px; background: #f9f9f9; border-left: 1px solid var(--light-grey-stroke); border-right: 1px solid var(--light-grey-stroke); z-index: 0; }

/* tips */
#tc_timeline.timeclock li#tc_tl_tips {}
#tc_timeline.timeclock li#tc_tl_tips span { background-image: none!important; }
#tc_timeline.timeclock li#tc_tl_tips input { line-height: 25px; height: 27px; margin: 0 0 0 -30px; min-width: 140px; float: left; border: 1px solid var(--light-grey-stroke); }

#tcmapdata.help { width: 531px; height: 135px; overflow: hidden; transform: translateZ(0px); position: absolute; top: auto; left: 61px!important; background-color: unset !important; }

#tc_timeline.timeclock li.moreA.mMap.static div.inner div { border: none; }
#tc_timeline.timeclock li.moreA.mMap.static div.inner div.tc-flex-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-end; padding: 3px 0; }
#tc_timeline.timeclock li.moreA.mMap.static div.inner div.tc-flex-wrapper .tc-flex-child-right { flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding: 0; height: 30px; }
#tc_timeline.timeclock li.moreA.mMap.static div.inner div.tc-flex-wrapper .tc-flex-child-left { flex-grow: 1; flex-shrink: 0; flex-basis: 160px; background: none; padding: 0; height: 30px; }
#tc_timeline.timeclock li.moreA.mMap.static div.inner div.tc-flex-wrapper .tc-flex-child-left select#tc_tl_lo_s { width: calc(100% - 62px); max-width: 300px; }

#tc_timeline.timeclock li.moreA.mMap.static div.inner:before { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--light-grey-stroke); position: absolute; top: 17px; left: -6px; margin-top: -6px; z-index: 10; }
#tc_timeline.timeclock li.moreA.mMap.static div.inner:after { content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #f9f9f9; position: absolute; top: 17px; left: -4.5px; margin-top: -4px; z-index: 11; }
#tc_timeline.timeclock li.moreA.mMap.static:before { content: ""; position: absolute; left: 0; top: -11px; width: 35px; height: 46px; border: 1px solid var(--light-grey-stroke); background: #F9F9F9; border-top: none; }
#tc_timeline.timeclock li.moreA.mMap.static:after { content: ""; position: absolute; left: 18px; top: -24px; width: 1px; height: 30px; background: var(--light-grey-stroke); }
/* more static */
#tc_timeline.timeclock li.more.static { min-height: 35px; margin-bottom: 10px; background-image: none!important; }
#tc_timeline.timeclock li.more.static:before { content: ""; position: absolute; left: 0; top: -9px; width: 35px; height: 56px; border: 1px solid var(--light-grey-stroke); background: #F9F9F9; border-top: none; border-bottom: none; }
#tc_timeline.timeclock li.more.static:after { content: ""; position: absolute; left: 18px; top: -21px; width: 1px; height: 68px; background: var(--light-grey-stroke); }
#tc_timeline.timeclock li.more.static div { width: 100%; display: flex; position: relative; height: 35px; line-height: 33px; padding: 0 !important; border: 1px solid var(--light-grey-stroke); background: #fff; background-image: none!important; }
#tc_timeline.timeclock li.more.static p { display: flex; align-self: center; position: relative; }
#tc_timeline.timeclock li.more.static p.tc_note_input_container { flex-grow: 1; margin-right: 3px }
#tc_timeline.timeclock li.more.static div:before { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--light-grey-stroke); position: absolute; top: 50%; left: -6px; margin-top: -6px; z-index: 10; }
#tc_timeline.timeclock li.more.static div:after { content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #fff; position: absolute; top: 50%; left: -4.5px; margin-top: -4px; z-index: 11; }
#tc_timeline.timeclock li.more.static div input { padding: 0 65px 0 15px; line-height: 33px; height: 33px; }
#tc_timeline.timeclock li.more.static .rlinks { color: var(--grey-text-0); background-color: #f9f9f9; width: 35px; line-height: 33px; height: 35px; border: 1px solid var(--light-grey-stroke); text-align: center; float: right; background-image: none!important; border-left: none; }
#tc_timeline.timeclock li.more.static .tc_tips.rlinks { z-index: 10; position: relative; border-left: 1px solid var(--light-grey-stroke)!important; }
#tc_timeline.timeclock li.more.static .rlinks:hover { text-decoration: none; }
#tc_timeline.timeclock li.more.static span.icon { position: absolute; left: 13px; top: 13px; z-index: 10; font-size: 11px; }
#tc_timeline.timeclock li.more.static .help_tag { z-index: -1; position: absolute; width: 150px; height: 35px; top: 0; right: 0px; border-top: 1px solid var(--light-grey-stroke); border-bottom: 1px solid var(--light-grey-stroke); border-right: 1px solid var(--light-grey-stroke); }
#tc_timeline.timeclock li.more.static .rlinks .icon-break { font-size: 18px; line-height: 30px; }
#tc_timeline.timeclock li.more.static .rlinks.tc_tips { margin-left: -1px; }
#tc_timeline.timeclock li.more.static .rlinks.map { border-left: 1px solid var(--light-grey-stroke); margin-left: -1px; }
#tc_timeline.timeclock li.more.static .rlinks.pos { border-left: 1px solid var(--light-grey-stroke); margin-left: -1px; }
#tc_timeline.timeclock li.more.static .rlinks.bre { border-left: 1px solid var(--light-grey-stroke); margin-left: -1px; }

#tc_timeline.timeclock li.more.static .group-links { height: 100%; }
#tc_timeline.timeclock li.more.static p.tc_note_group_links { flex-shrink: 0; margin-right: -1px; }
.dashwidget_body #tc_timeline.timeclock li.more.static p.tc_note_group_links { margin-right: 1px; }

/* moreA mLoc static */

#tc_timeline.timeclock li.moreA.mLoc.static div.inner div { border: none; padding: 3px 0; }
#tc_timeline.timeclock li.moreA.mLoc.static div.inner div.tc-flex-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-end; }
#tc_timeline.timeclock li.moreA.mLoc.static div.inner div.tc-flex-wrapper .tc-flex-child-right { flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
#tc_timeline.timeclock li.moreA.mLoc.static div.inner div.tc-flex-wrapper .tc-flex-child-left { flex-grow: 1; flex-shrink: 0; flex-basis: 160px; background: none; }
#tc_timeline.timeclock li.moreA.mLoc.static div.inner div.tc-flex-wrapper .tc-flex-child-left input#tc_tl_tips_i { width: calc(100% - 12px); max-width: 300px; }
table#tc_tl_overview tbody tr td #tc_timeline.timeclock li.moreA.mLoc.static div.inner div.tc-flex-wrapper .tc-flex-child-left input#tc_tl_tips_i { width: 100%; max-width: 320px; }
#tc_timeline.timeclock li.moreA.mLoc.static div.inner div.tc-flex-wrapper .tc-flex-child-left select#tc_tl_po_s { width: calc(100% - 20px); max-width: 300px; }
table#tc_tl_overview tbody tr td #tc_timeline.timeclock li.moreA.mLoc.static div.inner div.tc-flex-wrapper .tc-flex-child-left select#tc_tl_po_s { width: calc(100% - 20px); }

#tc_timeline.timeclock li.moreA.mLoc.static { line-height: 33px; padding: 0 0 0 45px; background-image: none!important; position: relative; }
#tc_timeline.timeclock li.moreA.mLoc.static:before { content: ""; position: absolute; left: 0; top: -10px; width: 35px; height: 45px; border: 1px solid var(--light-grey-stroke); background: #F9F9F9; border-top: none; }
#tc_timeline.timeclock li.moreA.mLoc.static:after { content: ""; position: absolute; left: 18px; top: -9px; width: 1px; height: 23px; background: var(--light-grey-stroke); }
#tc_timeline.timeclock li.moreA.mLoc.static div.inner { position: relative; line-height: 33px; padding: 0 15px; border: 1px solid var(--light-grey-stroke); background: #f9f9f9; background-image: none!important; }
#tc_timeline.timeclock li.moreA.mLoc.static div.inner { width: calc(100% - 32px); position: relative; z-index: 1000; }
table#tc_tl_overview tbody tr td #tc_timeline.timeclock li.moreA.mLoc.static div.inner { width: 100%; }
#tc_timeline.timeclock li.moreA.mLoc.static div.inner:before { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--light-grey-stroke); position: absolute; top: 17px; left: -6px; margin-top: -6px; z-index: 10; }
#tc_timeline.timeclock li.moreA.mLoc.static div.inner:after { content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #f9f9f9; position: absolute; top: 17px; left: -4.5px; margin-top: -4px; z-index: 11; }
#tc_timeline.timeclock li.moreA.mLoc.static span.icon { background-image: none!important; font-size: 20px; line-height: 33px; margin: 0 0 0 -5px; }
#tc_timeline.timeclock li.moreA.mLoc.static span.tc-update-buttons { float: right; width: auto; background: none; }
#tc_timeline.timeclock li.moreA.mLoc.static span.tc-update-buttons a { width: auto; }
#tc_timeline.timeclock li.moreA.mLoc.static div.inner a.clockUs { position: relative; padding: 0 15px; background: var(--green-text-0); border: 1px solid var(--green-hover-0); color: #fff; line-height: 25px; height: 27px; border-radius: 2px; float: right; margin: 0 0 0 5px; }
#tc_timeline.timeclock li.moreA.mLoc.static div.inner a.clockCs { position: relative; padding: 0 15px; background: var(--red-text-0); border: 1px solid var(--red-hover-0); color: #fff; line-height: 25px; height: 27px; border-radius: 2px; float: right; margin: 0 0 0 5px; text-shadow: none; }
#tc_timeline.timeclock li.moreA.mLoc.static div.inner select#tc_tl_po_s { line-height: 25px; height: 27px; margin: 0 0 0 -5px; float: left; border: 1px solid var(--light-grey-stroke); color: var(--grey-text-1); border-radius: 0!important; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; font-weight: 400; padding: 0px 25px 0px 10px; background: white url('/app/layout/images/arrow-down.png') no-repeat 96% center;}
#tc_timeline.timeclock li.moreA.mLoc.static.static span.icon-addBox { background-image: none!important; font-size: 20px; line-height: 33px; position: absolute; left: -33px; top: 1px; font-size: 12px; }
#tc_timeline.timeclock li.moreA.mLoc.static span.fa { position: absolute; left: -36px; top: 8px; font-size: 16px; background: #f9f9f9; width: 0; height: 0; }
/* Last Button - Clock out */
#tc_timeline.timeclock .lastButton { left: -45px; top: 10px; position: relative; width: 100%; padding: 0 0 5px 45px; overflow: hidden!important; background-image: none!important; }
#tc_timeline.timeclock .lastButton:before { content: ""; position: absolute; left: 0; top: 0; width: 35px; height: 35px; border: 1px solid var(--light-grey-stroke); border-top: none; background: #F9F9F9; }
#tc_timeline.timeclock .lastButton a.clockGo { position: relative; margin-left: 1px; display: inline-block; text-shadow: none; background-image: none!important; padding: 0 15px; background: var(--red-text-0); background-image: none; border: 1px solid var(--red-hover-0); color: #fff; line-height: 33px; height: 35px; border-radius: 2px; }
#tc_timeline.timeclock .lastButton a.clockGo:before { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--red-hover-0); position: absolute; top: 50%; left: -6px; margin-top: -6px; z-index: 10; }
#tc_timeline.timeclock .lastButton a.clockGo:after { content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid var(--red-text-0); position: absolute; top: 50%; left: -4.5px; margin-top: -4px; z-index: 11; }
#tc_timeline.timeclock .lastButton a.clockGo:hover { background: var(--red-hover-0); }
#tc_timeline.timeclock .lastButton a.clockGo:hover::after { border-right: 4px solid var(--red-hover-0); }
#tc_timeline.timeclock .lastButton a.clockGo .clockOut_help_tag:before { content: ""; position: absolute; left: -29px; top: -23px; width: 1px; height: 37px; background: var(--light-grey-stroke); }
#tc_timeline.timeclock .lastButton a.clockGo .clockOut_help_tag:after { content: ""; position: absolute; left: -32px; top: 14px; width: 7px; height: 7px; background: var(--red-text-0); border-radius: 50%; }
.dashwidget_body #tc_timeline.timeclock .lastButton:before { height: 36px; }
/* start tc modal */
#tcmodal {}
#tcmodal ul.edit,
#tcmodal ul.view { width: 100%; }
/* clocked in - modal */
#tcmodal ul.edit li.clockedIn div,
#tcmodal ul.view li.clockedIn div { width: calc(100% - 30px); }
#tcmodal ul.edit li.clockedIn div:after,
#tcmodal ul.view li.clockedIn div:after { left: -4px; }
#tcmodal ul.edit li.clockedIn div .time,
#tcmodal ul.view li.clockedIn div .time { width: 220px; }
#tcmodal ul.edit li.clockedIn div .time input,
#tcmodal ul.view li.clockedIn div .time input { border-radius: 0; border: 1px solid var(--light-grey-stroke); line-height: 24px; height: 26px; margin: 0; width: 100px; color: var(--grey-text-0); font-size: 12px; }
#tcmodal ul.edit li.clockedIn div .time input:last-child,
#tcmodal ul.view li.clockedIn div .time input:last-child { margin-left: 10px; }
/* position - modal */
#tcmodal ul.edit li.position div,
#tcmodal ul.view li.position div { width: calc(100% - 30px); }
#tcmodal ul.edit li.position div:after,
#tcmodal ul.view li.position div:after { left: -4px; }
#tcmodal ul.edit li.position .fa-money,
#tcmodal ul.edit li.position .icon-calendarSmall,
#tcmodal ul.view li.position .fa-money,
#tcmodal ul.view li.position .icon-calendarSmall { position: absolute; left: -35px; top: 5px; font-size: 16px; }
#tcmodal ul.view li.position .fa-money { left: 11px; top: 6px; }
#tcmodal ul.edit li.position .icon-calendarSmall:after,
#tcmodal ul.edit li.position .fa-money:after,
#tcmodal ul.view li.position .icon-calendarSmall:after,
#tcmodal ul.view li.position .fa-money:after { content: ""; width: 1px; height: 15px; background: var(--light-grey-stroke); position: absolute; top: 18px; left: 7px; z-index: 10; }
#tcmodal ul.edit li.position select,
#tcmodal ul.view li.position select { margin: 3px 0 0 0; display: inline-block; color: var(--grey-text-1); border-radius: 0!important; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; border: 1px solid var(--light-grey-stroke); font-weight: 400; padding: 0px 25px 0px 10px; line-height: 24px; height: 26px; max-width: 120px; background-image: url('/app/layout/images/arrow-down.png'); background-repeat: no-repeat; background-position: 96% center; }
#tcmodal ul.edit li.position div .time,
#tcmodal ul.view li.position div .time { width: 220px; }
#tcmodal ul.edit li.position div .time input,
#tcmodal ul.view li.position div .time input { border-radius: 0; border: 1px solid var(--light-grey-stroke); line-height: 24px; height: 26px; margin: 0; width: 100px; color: var(--grey-text-0); font-size: 12px; }
#tcmodal ul.edit li.position div .time input.tcedate,
#tcmodal ul.view li.position div .time input.tcedate { margin-left: 10px; }
#tcmodal ul.edit li.position input.ed_tc_tips,
#tcmodal ul.view li.position input.ed_tc_tips,
#tcmodal ul.edit li.position input.ed_tc_pos,
#tcmodal ul.view li.position input.ed_tc_pos { margin: 3px 0 0 0; display: inline-block; color: var(--grey-text-1); border-radius: 0!important; border: 1px solid var(--light-grey-stroke); font-weight: 400; padding: 0px 25px 0px 10px; line-height: 24px; height: 26px!important; width: 120px!important; }
/* location - modal */
#tcmodal ul.edit li.location div,
#tcmodal ul.view li.location div { width: calc(100% - 30px); }
#tcmodal ul.edit li.location div:after,
#tcmodal ul.view li.location div:after { left: -4px; }
#tcmodal ul.edit li.location:after,
#tcmodal ul.view li.location:after { left: 18px; top: -7px; width: 1px; height: 12px; }
#tcmodal ul.edit li.location div .time,
#tcmodal ul.view li.location div .time { width: 220px; }
#tcmodal ul.edit li.location div .time input,
#tcmodal ul.view li.location div .time input { border-radius: 0; border: 1px solid var(--light-grey-stroke); line-height: 24px; height: 26px; margin: 0; width: 100px; color: var(--grey-text-0); font-size: 12px; }
#tcmodal ul.edit li.location div .time input.tcedate,
#tcmodal ul.view li.location div .time input.tcedate { margin-left: 10px; }
#tcmodal ul.edit li.location .icon-locationSmall,
#tcmodal ul.view li.location .icon-locationSmall { position: absolute; left: -35px; top: 5px; font-size: 16px; }
#tcmodal ul.edit li.location select,
#tcmodal ul.view li.location select { margin: 3px 0 0 0; display: inline-block; color: var(--grey-text-1); border-radius: 0!important; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; border: 1px solid var(--light-grey-stroke); font-weight: 400; padding: 0px 25px 0px 10px; line-height: 24px; height: 26px; max-width: 120px; background-image: url('/app/layout/images/arrow-down.png'); background-repeat: no-repeat; background-position: 96% center; }
/* break - modal */
#tcmodal ul.edit li.break div,
#tcmodal ul.view li.break div { width: calc(100% - 30px); }
#tcmodal ul.edit li.break div:after,
#tcmodal ul.view li.break div:after { left: -4px; }
#tcmodal ul.edit li.break .icon-break  { position: absolute; left: -35px; top: 5px; font-size: 16px; }
#tcmodal ul.view li.break .icon-break { position: absolute; left: 11px; top: 5px; font-size: 16px; }
#tcmodal ul.edit li.break .icon-break:after,
#tcmodal ul.view li.break .icon-break:after { content: ""; width: 1px; height: 15px; background: var(--light-grey-stroke); position: absolute; top: 18px; left: 7px; z-index: 10; }
#tcmodal ul.edit li.break div .time,
#tcmodal ul.view li.break div .time { width: 220px; }
#tcmodal ul.edit li.break div .time input,
#tcmodal ul.view li.break div .time input { border-radius: 0; border: 1px solid var(--light-grey-stroke); line-height: 24px; height: 26px; margin: 0; width: 100px; color: var(--grey-text-0); font-size: 12px; }
#tcmodal ul.edit li.break div .time input.tcedate,
#tcmodal ul.view li.break div .time input.tcedate { margin-left: 10px; }
#tcmodal ul.edit li.break input.timerange,
#tcmodal ul.view li.break input.timerange { margin: 3px 0 0 0; display: inline-block; color: var(--grey-text-1); border-radius: 0!important; border: 1px solid var(--light-grey-stroke); font-weight: 400; padding: 0px 25px 0px 10px; line-height: 24px; height: 26px; max-width: 120px; }
/* clockedIn out - modal */
#tcmodal ul.edit li.clockedIn.out,
#tcmodal ul.view li.clockedIn.out { color: #888!important; }
#tcmodal ul.edit li.clockedIn.out div,
#tcmodal ul.view li.clockedIn.out div { width: calc(100% - 26px); }
#tcmodal ul.edit li.clockedIn.out:before,
#tcmodal ul.view li.clockedIn.out:before { top: auto; bottom: 0; border-top: none; height: 50px; }
#tcmodal ul.edit li.clockedIn.out:after { top: 18px; }
#tcmodal ul.view li.clockedIn.out:after { top: 18px; }
#tcmodal ul.edit li.clockedIn.out div,
#tcmodal ul.view li.clockedIn.out div { margin-left: -4px; }
#tcmodal ul.edit li.clockedIn.out .help_tag,
#tcmodal ul.view li.clockedIn.out .help_tag { position: absolute; width: 1px; background: var(--light-grey-stroke); height: 42px; left: 18px; bottom: 19px; }
/* note - modal */
#tcmodal ul.edit li.note div,
#tcmodal ul.view li.note div { width: calc(100% - 30px); }
#tcmodal ul.edit li.note div:after,
#tcmodal ul.view li.note div:after { left: -4px; }
#tcmodal ul.edit li.note div .time,
#tcmodal ul.view li.note div .time { width: 220px; }
#tcmodal ul.edit li.note div .time input,
#tcmodal ul.view li.note div .time input { border-radius: 0; border: 1px solid var(--light-grey-stroke); line-height: 24px; height: 26px; margin: 0; width: 100px; color: var(--grey-text-0); font-size: 12px; }
#tcmodal ul.edit li.note div .time input.tcedate,
#tcmodal ul.view li.note div .time input.tcedate { margin-left: 10px; }
#tcmodal ul.edit li.note .icon-note { position: absolute; left: -35px; top: 5px; font-size: 16px; }
#tcmodal ul.view li.note .icon-note { position: absolute; left: 10px; top: 5px; font-size: 18px; }
#tcmodal ul.view li.note .icon-note:after { left: 8px; }
#tcmodal ul.edit li.note input.edn,
#tcmodal ul.view li.note input.edn { margin: 3px 0 0 0; display: inline-block; color: var(--grey-text-1); border-radius: 0!important; border: 1px solid var(--light-grey-stroke); font-weight: 400; padding: 0px 25px 0px 10px; line-height: 24px; height: 26px!important; width: 120px!important; }
/* Clock out button removed from manage time sheet modal */
#tcmodal ul.view li:nth-last-child(2) + li:not(.clockedIn):before { border-bottom: 1px solid var(--light-grey-stroke); height: 46px;}
#tcmodal ul.view li:nth-last-child(2) + li:not(.clockedIn) span:after { background: none; }
#tcmodal ul.edit li:nth-last-child(2) + li:not(.clockedIn):before { border-bottom: 1px solid var(--light-grey-stroke); height: 46px;}
#tcmodal ul.edit li:nth-last-child(2) + li:not(.clockedIn) span:after { background: none; }
/* edit addevent - modal */
#tcmodal li.edit.addevent { position: relative; }
#tcmodal li.edit.addevent:before { content: ""; position: absolute; left: 0; top: 0; width: 35px; height: 33px; border: 1px solid var(--light-grey-stroke); background: #F9F9F9; }
#tcmodal li.edit.addevent:after { content: "\e600"; position: absolute; left: 14px; top: 9px; color: var(--grey-text-0); font-family: 'HumanityIcons' !important; font-size: 10px; }
#tcmodal li.edit.addevent div { width: calc(100% - 30px);  position: relative; height: 35px; line-height: 33px; padding: 0 15px; border: 1px solid var(--light-grey-stroke); background: #f9f9f9; background-image: none!important; }
#tcmodal li.edit.addevent div:before { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--light-grey-stroke); position: absolute; top: 50%; left: -6px; margin-top: -6px; z-index: 10; }
#tcmodal li.edit.addevent div:after { content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #f9f9f9; position: absolute; top: 50%; left: -4.5px; margin-top: -4px; z-index: 11; }
#tcmodal li.edit.addevent div:after { left: -4px; }
#tcmodal li.edit.addevent #tcinputnote {  margin: 3px 0 0 0; display: inline-block; color: var(--grey-text-1); border-radius: 0!important; border: 1px solid var(--light-grey-stroke); font-weight: 400; padding: 0px 25px 0px 10px; line-height: 24px; height: 26px!important; width: 150px; }
#tcmodal li.edit.addevent a#tcaddnote { background: var(--blue-text-0); color: #fff; border-radius: 2px; border: none; }
#tcmodal li.edit.addevent a#tcaddloc,
#tcmodal li.edit.addevent a#tcaddpos,
#tcmodal li.edit.addevent a#tcaddbreak,
#tcmodal li.edit.addevent a#tcaddtips { border-top: 1px solid var(--light-grey-stroke); border-bottom: 1px solid var(--light-grey-stroke); line-height: 33px; text-align: center; border-left: 1px solid var(--light-grey-stroke); position: absolute; top: 0; right: 0; background-image: none!important; height: 100%; width: 35px; z-index: 10; font-size: 18px; color: var(--grey-text-0); }
#tcmodal li.edit.addevent a#tcaddloc:before { content: "\e646"; font-family: 'HumanityIcons' !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#tcmodal li.edit.addevent a#tcaddpos:before { content: "\e68c"; font-family: 'HumanityIcons' !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#tcmodal li.edit.addevent a#tcaddbreak:before { content: "\e919"; font-family: 'HumanityIcons' !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#tcmodal li.edit.addevent a#tcaddtips:before { content: "\f0d6"; font-family: 'FontAwesome' !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#tcmodal li.edit.addevent a:hover { text-decoration: none; background: #fff;}
#tcmodal li.edit.addevent a:first-child { right: 0!important; }
#tcmodal li.edit.addevent a:nth-child(2) { right: 31px!important; }
#tcmodal li.edit.addevent a:nth-child(3) { right: 66px!important; }
#tcmodal li.edit.addevent a:nth-child(4) { right: 101px!important; }
/* . / end tc modal */

#_cd_timeclock .right table#tc_tl_overview tbody { width: 100%; height: 100%; }
#_cd_timeclock .right table#tc_tl_overview tbody tr {}
#_cd_timeclock .right table#tc_tl_overview tbody tr td { padding: 15px; }
#_cd_timeclock .right table#tc_tl_overview tbody tr td:first-child { border-right: 1px solid var(--light-grey-stroke); width: 53%; }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .tlDate { border: 1px solid var(--light-grey-stroke)!important; background: #fff; width: 100%; padding: 15px; color: var(--grey-text-0); }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .tlDate span { color: var(--grey-text-0); }
#_cd_timeclock .right table#tc_tl_overview tbody tr td span.text { margin: 15px 0; width: 100%; max-width: 100%; border-radius: 3px; color: var(--brown-text-0); background-color: #fcf8e3; border: 1px solid #faebcc; }

.tlDate h2 { border: none; padding: 0; font-size: 14px; line-height: 22px; font-weight: normal; margin: 0;}

section._tc_notice {
    color: var(--brown-text-0);
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    padding: 10px;
    border-radius: 3px;
}

section._tc_notice h3 {
    margin: 0;
    font-size: 13px;
}

#_cd_timeclock section._tc_notice {
    margin: 15px 0 0 0;
}

section.j-tc-notice {
    display: none;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box { border: 1px solid var(--light-grey-stroke); }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box p.para { padding: 15px; color: var(--grey-text-0); font-size: 13px; margin: 0; }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters { background: #fff; border: none; border-bottom: 1px solid var(--light-grey-stroke); padding: 15px; }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters h2 { color: var(--grey-text-0); }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters select { border: 1px solid var(--light-grey-stroke); color: var(--grey-text-1); background: #fff; }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters .jsSelect { border: 1px solid var(--light-grey-stroke); color: var(--grey-text-1); background: #fff; }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters .jsSelect a { border: none; background: #fff; color: var(--grey-text-1); }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters .jsSelect a:after { content: "\E607"; font-family: 'HumanityIcons'; position: absolute; right: 3px; top: 0px; font-size: 18px; color: var(--grey-text-0); }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters .jsSelect ul a:after { content: ""; }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .timeSList { margin: 0; padding: 0; }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .timeSList li { position: relative; overflow: hidden; border: none!important; border-bottom: 1px solid var(--light-grey-stroke)!important; line-height: 30px; margin: 0; padding: 0; background: #fff!important; color: var(--grey-text-0); }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .timeSList li.hum_table_thead { background: #F7F7F7!important; color: var(--grey-text-1); }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .timeSList li span { width: 19%; float: left; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .timeSList li.timeSList-6-spans span { width: 16%;}
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .timeSList li span.edit { margin: 0!important; position: absolute; right: 0px; width: 28px; top: 0px; height: 30px; }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .timeSList li span.edit a { color: var(--grey-text-0); display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .timeSList li span.edit a span.icon-edit { width: 100%; height: 100%; line-height: 30px; }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters_bottom { background: #F7F7F7; border-bottom: none; }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters_bottom p { display: block; }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters_bottom p span { display: inline-block; color: var(--grey-text-0); }
#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters_bottom p span.name { width: 108px; color: var(--grey-text-1); }
/* location */
#tc_timeline.timeclock li.location { line-height: 33px; padding: 0 0 0 45px; background-image: none!important; position: relative; }
#tc_timeline.timeclock li.location:before { content: ""; position: absolute; left: 0; top: -11px; width: 35px; height: 50px; border: 1px solid var(--light-grey-stroke); background: #F9F9F9; border-top: none; border-bottom: none; }
#tc_timeline.timeclock li.location:after { content: ""; position: absolute; left: 18px; top: -8px; width: 1px; height: 56px; background: var(--light-grey-stroke); }
#tc_timeline.timeclock li.location div { position: relative; height: 35px; line-height: 33px; padding: 0 15px; border: 1px solid var(--light-grey-stroke); background: #f9f9f9; background-image: none!important; }
#tc_timeline.timeclock li.location div.inner { float: none; position: relative; z-index: 1000; }
#tc_timeline.timeclock li.location div:before { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--light-grey-stroke); position: absolute; top: 50%; left: -6px; margin-top: -6px; z-index: 10; }
#tc_timeline.timeclock li.location div:after { content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #f9f9f9; position: absolute; top: 50%; left: -4.5px; margin-top: -4px; z-index: 11; }
#tc_timeline.timeclock li.location span.icon { background-image: none!important; font-size: 20px; height: 20px; top: 6px; position: absolute; left: 9px; background: #f9f9f9; z-index: 10; }
#tc_timeline.timeclock .tctruncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; vertical-align: middle; }
#tc_timeline.timeclock .inline { display: inline-block; margin-top: -2px; }
#tc_timeline.timeclock .tctruncate:hover { text-decoration: none;}
#tc_timeline.timeclock .tctruncate span { width: 100%; }
    /*
     * Manage Time Sheets
    **/
.hum_manage_time_sheets { padding: 15px; table-layout: fixed; width: 100%; }
.hum_manage_time_sheets_title { color: var(--grey-text-1); font-size: 14px; margin: 15px; }
.hum_manage_time_sheets_title.main_title { margin-bottom: 0; }
.hum_manage_time_sheets ._tc_filter_inputs { margin-bottom: 15px; border: 2px solid var(--light-grey-stroke); padding: 13px; background: #fff; }
.hum_manage_time_sheets ._tc_filter_inputs table tbody td select { margin: 5px; color: var(--grey-text-1); border-radius: 0!important; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; border: 1px solid var(--light-grey-stroke); font-weight: 400; padding: 0px 25px 0px 10px; line-height: 30px; max-width: 120px; background-image: url('/app/layout/images/arrow-down.png'); background-repeat: no-repeat; background-position: 96% center; }
.hum_manage_time_sheets ._tc_filter_inputs table tbody td input { border: 1px solid var(--light-grey-stroke); font-weight: 400; padding: 0px 25px 0px 10px; line-height: 30px; max-width: 120px; margin: 5px; }
.hum_manage_time_sheets .tc_manage_table { width: 100%; }
.hum_manage_time_sheets .tc_manage_table_head { background: #F7F7F7; cursor: default; }
.hum_manage_time_sheets .tc_manage_table_head:hover { background: #F7F7F7!important; }
.hum_manage_time_sheets .tc_manage_table_head td, .hum_manage_time_sheets .tc_manage_table_head th { padding: 15px; color: var(--grey-text-1); font-weight: 400; font-size: 13px; text-align: left; }
.hum_manage_time_sheets .tc_manage_table_head td:nth-child(2), .hum_manage_time_sheets .tc_manage_table_head th:nth-child(2) { padding-left: 0!important; }
.hum_manage_time_sheets .tc_rdate td.tc_rowdate { color: var(--grey-text-1); padding: 15px 0 15px 15px!important; text-align: left!important; }
.hum_manage_time_sheets table .hum_main_tbody {}
.hum_manage_time_sheets table .hum_main_tbody tr { border-color: var(--light-grey-stroke); cursor: pointer; transition: 0.17s ease; }
.hum_manage_time_sheets table .hum_main_tbody tr.tc_rdate { cursor: default; }
.hum_manage_time_sheets table .hum_main_tbody tr.tc_rdate:hover { background: #fff; }
.hum_manage_time_sheets table .hum_main_tbody tr:nth-child(2) td { border-top: 1px solid var(--light-grey-stroke); }
.hum_manage_time_sheets table .hum_main_tbody tr.tc_row_even { background: none; }
.hum_manage_time_sheets table .hum_main_tbody tr:hover { background: #f1f1f1; transition: 0.17s ease; }
.hum_manage_time_sheets table .hum_main_tbody tr td { border-color: var(--light-grey-stroke); color: var(--grey-text-0); font-size: 13px; font-family: "Roboto", tahoma, arial, Verdana; }
/* Table head actions */
/*#_cd_timeclock table .table_actions { float: right; margin: 0; font-size: 13px; color: var(--grey-text-0); width: 100%; text-align: right; position: relative; position: absolute; right: 10px; top: 14px; }*/
#_cd_timeclock table .table_actions { float: right; margin: 0; font-size: 13px; color: var(--grey-text-0); width: auto; text-align: right; position: relative; right: auto; top: auto; }
#_cd_timeclock table .table_actions input#mts_check_all { margin: 1px 5px 0 5px; display: inline-block;}
#_cd_timeclock table .table_actions .hum_checkall { display: inline-block; }
#_cd_timeclock table .table_actions .hum_approve { border-radius: 2px 0 0 2px; height: 25px; border: 1px solid var(--blue-hover-0); background: var(--blue-text-0); padding: 0 10px; line-height: 23px; color: #fff; display: inline-block; position: relative;  transition: all 0.17s ease; margin-right: 26px; }
#_cd_timeclock table .table_actions .hum_approve:hover { text-decoration: none; background: var(--blue-hover-0); }
#_cd_timeclock table .table_actions .hum_approve .text_part { display: block; padding: 0 10px; }
#_cd_timeclock table .table_actions .hum_approve .text_part:hover { text-decoration: none; background: var(--blue-hover-0); transition: all 0.17s ease; }
#_cd_timeclock table .table_actions span.icon-arrowFullDn {  position: absolute; right: 0; cursor: pointer; border-radius: 0 2px 2px 0; background: var(--blue-text-0); line-height: 23px; border: 1px solid var(--blue-hover-0); width: 30px; text-align: center; border-left: 1px solid var(--blue-hover-0); line-height: 23px; font-size: 20px;  transition: all 0.17s ease; color: #fff; display: inline-block; }
@-moz-document url-prefix() { #_cd_timeclock table .table_actions span.icon-arrowFullDn { top: -4px; } } /* only firefox */
#_cd_timeclock table .table_actions span.icon-arrowFullDn:hover { background: var(--blue-hover-0); transition: all 0.17s ease; }
/* table actions - hum dropdown */
#_cd_timeclock table .table_actions .hum_dropdown { transition: all 0.17s ease; z-index: 1000; font-weight: 300; position: absolute; height: 40px; line-height: 38px; padding: 0 20px 0 15px; border: 1px solid var(--light-grey-stroke); width: 150px; display: block; color: var(--grey-text-0); background: #fff; display: none; }
#_cd_timeclock table .table_actions .hum_dropdown:hover { transition: all 0.17s ease; text-decoration: none; background: #f9f9f9; }
#_cd_timeclock table .table_actions .hum_dropdown span { float: left; display: inline-block; height: 40px; line-height: 38px; margin: 0 10px 0 0; position: absolute; left: 15px; top: 0px; }
#_cd_timeclock table .table_actions .hum_dropdown span.icon-trashSmall { font-size: 17px; }
#_cd_timeclock table .table_actions .hum_dropdown.hum_unnaprove { right: 0px; top: 27px; }
#_cd_timeclock table .table_actions .hum_dropdown.hum_delete { right: 0px; top: 67px; border-top: none; }

.detach-append { overflow: visible; }
#_tsm_ms { margin-left: 10px; position: relative; overflow: hidden; }
/* 1 td - input checkbox */
.hum_manage_time_sheets table .hum_main_tbody tr td.tcm_cb { width: 30px; text-align: center; }
.hum_manage_time_sheets table .hum_main_tbody tr td.tcm_cb input { display: inline-block; }
/* 2 td - employee name */
.hum_manage_time_sheets table .hum_main_tbody tr td.tcm_name { max-width: 140px; min-width: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 0!important; }
/* 3 td - clock in button */
.hum_manage_time_sheets table .hum_main_tbody tr td.clock-in { min-width: 125px; padding-left: 15px; padding-top: 3px; }
/* 4 td - clock out button */
.hum_manage_time_sheets table .hum_main_tbody tr td.clock-out { min-width: 105px; padding-left: 15px; padding-top: 3px; }
/* 5 td - shift length && 6 td - break length */
.hum_manage_time_sheets table .hum_main_tbody tr td.tcm_total { text-align: left; min-width: 85px; padding-left: 15px; }
.hum_manage_time_sheets table .hum_main_tbody tr td.tcm_total span { display: inline-block; font-weight: 400; font-style: normal; text-align: left; padding-left: 15px; }
/* 7 td - tcm schedule */
.hum_manage_time_sheets table .hum_main_tbody tr td.tcm_schedule { cursor: pointer; text-align: center; text-align: left; min-width: 40px; max-width: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hum_manage_time_sheets table .hum_main_tbody tr td.tcm_schedule span { display: inline-block; font-weight: 400; font-style: normal; text-align: left; padding-left: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
/* 8 td - tcm remote */
.hum_manage_time_sheets table .hum_main_tbody tr td.tcm_remote { min-width: 40px; max-width: 60px; font-style: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 15px; }
.hum_manage_time_sheets table .hum_main_tbody tr td.tcm_remote a { text-align: left; display: block; color: var(--grey-text-0); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
/* 9 td - td details && 10 td - tcm_schedule  */
.hum_manage_time_sheets table .hum_main_tbody tr td.td-details { width: 40px; font-style: normal; font-weight: 500; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hum_manage_time_sheets table .hum_main_tbody tr td.td-details span { text-align: center; }
.hum_manage_time_sheets table .hum_main_tbody tr td.td-details a { color: var(--grey-text-0); display: block; line-height: 28px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
.hum_manage_time_sheets table .hum_main_tbody tr td.td-details a:hover { text-decoration: none; }


/* 11 td -  */
/*.hum_manage_time_sheets table .hum_main_tbody tr td:nth-child(11) { position: relative; font-weight: 400; font-style: normal; min-width: 100px; font-style: normal; padding-left: 15px!important; white-space: nowrap; text-overflow: ellipsis; }*/
/* 12 td -   */
/*.hum_manage_time_sheets table .hum_main_tbody tr td:nth-child(12) { text-align: center; line-height: 23px; min-width: 30px; }*/
/* last td */
.hum_manage_time_sheets table .hum_main_tbody tr td.last-td { color: var(--grey-text-0); }
.hum_manage_time_sheets table .hum_main_tbody tr td.last-td .icon-edit { display: inline-block; font-size: 13px; margin: 0 10px 0 0; vertical-align: middle; }
.hum_manage_time_sheets table .hum_main_tbody tr td.last-td .icon-trashSmall { display: inline-block; margin: 0 10px 0 0; font-size: 18px; vertical-align: middle; }
.hum_manage_time_sheets table .hum_main_tbody tr td.last-td .icon-okCircle { opacity: 1; color: var(--green-text-0); margin: 1px 6px 0 0; font-size: 14px; display: inline-block; }
.hum_manage_time_sheets table .hum_main_tbody tr td.last-td .icon-xCircle { opacity: 1; color: #db5e57; margin: 0 6px 0 0; font-size: 14px; display: inline-block; }
.hum_manage_time_sheets table .hum_main_tbody tr td.last-td p { cursor: pointer; vertical-align: middle; display: inline-block; color: var(--green-text-0); margin: 0; padding-right: 10px; width: 100px; }
.hum_manage_time_sheets table .hum_main_tbody tr td.last-td p span { display: inline-block; float: right; }
.hum_manage_time_sheets table .hum_main_tbody tr td.last-td p span.unnaprove { color: #db5e57; }

.hum_manage_time_sheets table .hum_main_tbody tr td span.icon-note { cursor: pointer; font-size: 20px; }
.hum_manage_time_sheets table .hum_main_tbody tr td.td-details { min-width: 40px!important; }

.hum_manage_time_sheets table .hum_main_tbody tr td .tcm_in { min-width: 50px; letter-spacing: 0.03em; position: relative; display: inline-block; font-weight: 600; font-size: 12px; color: var(--grey-text-1); text-align: left; height: 21px!important; line-height: 21px;  margin: 0; padding: 0; background-image: none; text-shadow: none; }
.hum_manage_time_sheets table .hum_main_tbody tr td .tcm_in .in-time { width: 55px; display: inline-block; text-align: left; }
.hum_manage_time_sheets table .hum_main_tbody tr td .tcm_in .tc_camera,
.hum_manage_time_sheets table .hum_main_tbody tr td .tcm_in .icon-locationSmall { width: 22px; text-align: center; color: var(--grey-text-0); font-size: 18px; display: inline-block; vertical-align: top; margin: 0; }
.hum_manage_time_sheets table .hum_main_tbody tr td .tcm_in .emptySpan { width: 22px; display: inline-block; }
.hum_manage_time_sheets table .hum_main_tbody tr td .tcm_in .box { display: inline-block; }
.hum_manage_time_sheets table .hum_main_tbody tr td .tcm_scheduled { display: block; font-weight: 600; font-size: 12px; background: none; color: var(--grey-text-0); border: none; height: 21px!important; line-height: 19px; text-align: left; margin: 3px 0; padding: 0; background-image: none; text-shadow: none; }

.hum_manage_time_sheets table .hum_main_tbody tr td .tcm_cout { letter-spacing: 0.03em; display: inline-block; position: relative; font-weight: 300; font-size: 12px; background: var(--red-text-0); border-radius: 2px; color: #fff; border: 1px solid var(--red-text-0); min-width: 70px!important; text-align: center; height: 21px!important; line-height: 19px; padding: 0 5px; background-image: none; text-shadow: none; }

.hum_manage_time_sheets table .hum_main_tbody tr td .tcm_out { min-width: 50px; letter-spacing: 0.03em; display: inline-block; position: relative; font-weight: 600; font-size: 12px; color: var(--grey-text-1); text-align: left; height: 21px!important; line-height: 21px; margin: 0; padding: 0; background-image: none; text-shadow: none; }
.hum_manage_time_sheets table .hum_main_tbody tr td .tcm_out .out-time { width: 55px; display: inline-block; text-align: left; }

.hum_manage_time_sheets table .hum_main_tbody tr td .tcm_out .icon-warning,
.hum_manage_time_sheets table .hum_main_tbody tr td .tcm_out .tc_camera,
.hum_manage_time_sheets table .hum_main_tbody tr td .tcm_out .icon-locationSmall { width: 22px; text-align: center; color: var(--grey-text-0); font-size: 18px; display: inline-block; vertical-align: top; margin: 0; }
.hum_manage_time_sheets table .hum_main_tbody tr td .tcm_out .icon-locationSmall { margin: 0 0 0 -23px; }
.hum_manage_time_sheets table .hum_main_tbody tr td .tcm_out .icon-warning { font-size: 16px; margin-top: 2px; color: #d9544d; }
.hum_manage_time_sheets table .hum_main_tbody tr td .tcm_out .box { display: inline-block; }
/* Add Clock Time */
.add_clock_time_emp { border: 2px solid var(--light-grey-stroke); background: #fff; }
.add_clock_time_emp b { display: inline-block; line-height: 30px; margin-right: 10px; }
.add_clock_time_emp select { display: inline-block; color: var(--grey-text-1); border-radius: 0!important; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; border: 1px solid var(--light-grey-stroke); font-weight: 400; padding: 0px 25px 0px 10px; line-height: 30px; max-width: 120px; background-image: url('/app/layout/images/arrow-down.png'); background-repeat: no-repeat; background-position: 96% center; }
.add_clock_time_datepickers { background: #fff; margin: 15px; padding: 15px; padding-left: 0; }
.add_clock_time_datepickers select { display: inline-block; color: var(--grey-text-1); border-radius: 0!important; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; border: 1px solid var(--light-grey-stroke); font-weight: 400; padding: 0px 20px 0px 10px; line-height: 30px; max-width: 120px; background-image: url('/app/layout/images/arrow-down.png'); background-repeat: no-repeat; background-position: 92% center; }
.add_clock_time_bottom_cnt { background: #fff; margin: 15px; padding: 15px; padding-left: 0; }
.add_clock_time_bottom_cnt select { display: inline-block; color: var(--grey-text-1); border-radius: 0!important; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; border: 1px solid var(--light-grey-stroke); font-weight: 400; padding: 0px 25px 0px 10px; line-height: 30px; max-width: 180px; background-image: url('/app/layout/images/arrow-down.png'); background-repeat: no-repeat; background-position: 96% center; }
.add_clock_time_bottom_cnt #scheduleBox b,
.add_clock_time_bottom_cnt #remotesiteBox b,
.b_styles { vertical-align: top; min-width: 80px; display: inline-block; line-height: 30px; margin-right: 10px; }
.add_clock_time_bottom_cnt textarea { min-height: 100px; color: var(--grey-text-1); border-radius: 0!important; border: 1px solid var(--light-grey-stroke); margin-left: -2px; }
.add_clock_time_bottom_cnt #add_tc_tips { display: inline-block; color: var(--grey-text-1); border-radius: 0!important; border: 1px solid var(--light-grey-stroke); font-weight: 400; padding: 0 10px; line-height: 30px; height: 30px; min-width: 150px; }
.add_clock_time_bottom_cnt {}

/* Upload time sheet */
.hum_setupsize { padding: 15px; }
.hum_upload_time_sheet_head { border: 2px solid var(--light-grey-stroke); background: #fff; padding: 15px; font-size: 13px; color: #000; }

/* on their way */
.hum_on_their_way { padding: 15px; }
.hum_on_their_way td { line-height: 22px; font-size: 13px; color: var(--grey-text-0); }

/* clocked in list */
.hum_clocked_in_list { padding: 15px; }
.hum_clocked_in_list td { line-height: 22px; font-size: 13px; color: var(--grey-text-0); }

/* time clock locations */
.hum_time_clock_locations { border: 2px solid var(--light-grey-stroke); background: #fff; border-collapse: collapse; }
.hum_time_clock_locations tr td, .hum_time_clock_locations tr th { border-top: 1px solid var(--light-grey-stroke); line-height: 40px; padding: 0 10px; text-align: left; color: var(--grey-text-0); }
.hum_time_clock_locations tr:first-child td, .hum_time_clock_locations tr:first-child th { border-top: none; }
.hum_time_clock_locations tr td:first-child, .hum_time_clock_locations tr th:first-child { text-align: center; font-size: 18px; }
.hum_time_clock_locations.second_table tr td:first-child, .hum_time_clock_locations.second_table tr th:first-child { text-align: left; font-size: 13px; }
.hidden_para { border: 2px solid var(--light-grey-stroke); background: #fff; line-height: 40px; padding: 0px 15px; }
.AddNewTerminal { display: block; }
.hum_AddNewLocation,
#tc_terminal { padding: 15px; }
.hum_AddNewLocation textarea { display: inline-block; color: var(--grey-text-1); border-radius: 0!important; border: 1px solid var(--light-grey-stroke); font-weight: 400; padding: 10px; line-height: 22px; min-width: 120px; min-height: 50px; }
.hum_AddNewLocation input,
#tc_terminal input { display: inline-block; color: var(--grey-text-1); border-radius: 0!important; border: 1px solid var(--light-grey-stroke); font-weight: 400; padding: 0px 10px 0px 10px; line-height: 30px; max-width: 120px; }
.hum_AddNewLocation select,
#tc_terminal select { display: inline-block; color: var(--grey-text-1); border-radius: 0!important; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; border: 1px solid var(--light-grey-stroke); font-weight: 400; padding: 0px 20px 0px 10px; line-height: 30px; max-width: 120px; background-image: url('/app/layout/images/arrow-down.png'); background-repeat: no-repeat; background-position: 92% center; }
.hum_AddNewLocation b,
#tc_terminal b { vertical-align: top; min-width: 80px; display: inline-block; line-height: 30px; margin-right: 10px; }
.hum_side_column { border-left: 1px solid var(--light-grey-stroke); width: 217px; line-height: 18px; position: fixed; right: 0; top: 60px; background: #fff; height: calc(100% - 60px); padding: 15px 30px 15px 15px; color: var(--grey-text-0); overflow: auto; }

/* auto-approve time sheets rules */
.hum_top_info { border: 2px solid var(--light-grey-stroke); background: #fff; line-height: 22px; }
.hum_top_info p { margin: 0; }
.hum_yellow_info { display: inline-block; border-radius: 3px; color: var(--brown-text-0); background-color: #fcf8e3; border: 1px solid #faebcc; max-width: 750px; font-size: 12px; line-height: 22px; }
.hum_yellow_info .icon-info { font-size: 18px; color: var(--red-text-0); display: inline-block; vertical-align: middle; margin-top: -3px; }
.auto_approve_group { border: 2px solid var(--light-grey-stroke); background: #fff; color: var(--grey-text-0); }
.brexact { color: var(--grey-text-0); }
.auto_approve_group input#brmin,
.auto_approve_group input#brmax { margin-top: -6px; color: var(--grey-text-1); border-radius: 0!important; border: 1px solid var(--light-grey-stroke); font-weight: 400; padding: 0px 10px 0px 10px; line-height: 30px; max-width: 120px; }
.auto_approve_group .sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.auto_approve_group select { color: var(--grey-text-1); border-radius: 0!important; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; border: 1px solid var(--light-grey-stroke); font-weight: 400; padding: 0px 20px 0px 10px; line-height: 30px; max-width: 120px; background-image: url('/app/layout/images/arrow-down.png'); background-repeat: no-repeat; background-position: 92% center; }
.auto_approve_group .brslider.ui-widget-content { border: 1px solid var(--blue-text-0) !important; }
.auto_approve_group .brslider a.ui-state-default { border: 1px solid var(--blue-text-0); }

/* Status Bar */
/*.tc_manage_table_head #status_bar { display: inline-block!important; width: auto!important; position: absolute; padding: 0; margin: 0; background: none; border: none; border-radius: 0; box-shadow: none; left: auto!important; text-shadow: none; right: 15px; text-align: left; height: auto; bottom: 16px!important; }*/
.tc_manage_table_head #status_bar { float: right; display: inline-block!important; width: auto!important; position: relative; padding: 0; padding-bottom: 5px; margin: 5px 0 0; background: none; border: none; border-radius: 0; box-shadow: none; left: auto!important; text-shadow: none; right: auto; text-align: left; height: auto; bottom: auto !important; }
/**/
/**/

#hidiv.floater{ left:900px !important;}
.likeQtip{background: none repeat scroll 0% 0% rgb(48, 48, 48) !important; border: 3px solid rgb(48, 48, 48) !important;}

/* Admin Files */
.filestitle {border-bottom:solid 1px #E0E0E0;}
.filestitle .fileupinfo {margin:0 115px 0 0;}
.filestitle .asyncUploader {float:right;}

.filesRight {border-left:solid 1px #E0E0E0; background-color:#F5F5F5;}
.FilesIdle {color:#AAA; font-size:16px; text-align:center; min-height:240px; padding:420px 0 0; background:transparent url('/app/layout/images/filesIdle.png') scroll no-repeat 50% 50%;}

ul.fileList {padding:0; margin:0;}
ul.fileList li {overflow:hidden; border-bottom:solid 1px #E0E0E0; list-style:none; padding:0;}
ul.fileList li a {padding:10px; display:block; color:#444; background:transparent url('/app/layout/images/filesList.png') scroll no-repeat 100% 100px;}
ul.fileList li a:hover {text-decoration:none; background-color:#F5F5F5; background-position:100% 0;}
ul.fileList li.selected a {background-color:#555; color:#FFF; background-position:100% -50px;}
ul.fileList li img {float:left;}
ul.fileList li .fileDet {margin:0 0 0 40px; display:block;}

ul.fileEditList {margin:0; padding:0;}
ul.fileEditList li {list-style:none; padding:0;}
ul.fileEditList .bgrey1 {padding:20px; background-color:#F5F5F5; border-bottom:solid 1px #E0E0E0;}

.labelTitle{
    display: inline-block;
    word-break: break-word;
}

div.carryForwardLabel {
    position: absolute;
    right: 165px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

div.addCarryForwardLabel {
    position: absolute;
    right: 10px;
    top: 18%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

div.carryForwardLabel input:checked + .slider {
    background-color: var(--blue-checkbox-0);
}

div.leaveResetDate,
div.addLeaveResetDate {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.entitledDaysGroup {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    margin-left: 0!important;
}

.entitledDaysGroup ._entitledDays {
    width: 40% !important;
}

.entitledAndResetRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div.leaveActions {
    display: inline;
    align-items: center;
    gap: 15px;
}

div.leaveTypeHeader div.leaveActions {
    display: inline-flex;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
}

div.leaveTypeHeader div.leaveActions > div.carryForwardLabel {
    position: static;
    transform: none;
}

div.leaveTypeHeader div.leaveActions > a.delete-leave-type {
    float: none;
    margin-top: 0;
}

.leave-reset:disabled {
    cursor: not-allowed;
    background-color: #f5f5f5;
    opacity: 0.6;
    pointer-events: none;
}

.disabled-wrapper {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
}

.leaveActions .delete-leave-type {
    position: relative;
    padding-left: 15px;
}

.leaveActions .delete-leave-type::before {
    content: "|";
    position: absolute;
    left: 0;
    color: #ccc;
    font-size: 24px;
    font-weight: 100;
}


.labelTitle input[type='checkbox']{
    float:left;
}
.assignmentTitle{
    min-width:200px;
}
/* scheduler fix */
#scheduler table.fadeRest .sh { filter:alpha(opacity=35) !important; -moz-opacity:0.35 !important; -khtml-opacity: 0.35 !important; opacity: 0.35 !important; }
#scheduler table.showConflicts .sh.conflict {filter:alpha(opacity=100) !important; -moz-opacity:1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; }
#scheduler table.fadeRest .sh.hovered {filter:alpha(opacity=100) !important; -moz-opacity:1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; }

#scheduler .txtclr .costs, #scheduler .summary .costs {margin-left:0px !important;}
div#scheduler td.wk {cursor: pointer;}
div#scheduler table#month td.day {cursor: pointer;}

/* color-blind availability fix */

.cb_palette table.avail_grid td.flag2, .cb_palette div.flag2 { background: #fff !important; }
.cb_palette table.avail_grid td.flag1, .cb_palette div.flag1 { background: #000 !important; color: #fff !important; }
.cb_palette table.avail_grid td.flag1.h15m, .cb_palette div.flag1.h15m { background: #808080 !important; color: #fff !important; }
.cb_palette table.avail_grid td.flag2.h15m, .cb_palette div.flag2.h15m { background: #808080 !important; color: #fff !important; }
.cb_palette table.avail_grid td.changed, .cb_palette div.changed { background:#808080 url('/app/layout/images/schedule/night_bg.png'); }
input[type=checkbox].black-white { margin-left: 15px; cursor: pointer; }
input[type=checkbox].valign-top { vertical-align: top; margin-top: 0px;}
@-moz-document url-prefix() {
    input[type=checkbox].valign-top {vertical-align: unset; margin-right: 0;}
}
input[type=checkbox].black-white:before { content:""; display:inline-block; width:16px; height:16px; background:transparent url('/app/layout/images/general/checkbox-sprite.png') no-repeat 0 0; }
input[type=checkbox].black-white.checked:before,
input[type=checkbox].black-white.checked:checked,
input[type=checkbox].black-white.checked:checked:before { background-position: -16px 0; }
label[for=color-blind],
label[for=color-blind-1],
label[for=color-blind-2]{ margin-left: 7px; cursor: pointer; }

table.ResultsTable td.flag0 { background: #E8F4E6; }
table.ResultsTable td.flag1,div.flag1 { background: #FCD9D9; }
table.ResultsTable td.flag2.h15m,div.flag2.h15m { background: #FFE8E8; }
table.ResultsTable td.flag1.h15m,div.flag1.h15m { background: #FFE8E8; }
table.ResultsTable td.flag2,div.flag2 { background: #E8F4E6; }
table.ResultsTable td.flag3 { background: #FCD9D9; }
table.ResultsTable td.flag4 { background: #fafafa; color:var(--light-grey-stroke)}
table.ResultsTable td.changed,div.changed { background-image: url('/app/layout/images/schedule/night_bg.png'); }

.cb_palette table.ResultsTable td.flag2, .cb_palette div.flag2 { background: #fff; }
.cb_palette table.ResultsTable td.flag1, .cb_palette div.flag1 { background: black; color: #fff;}
.cb_palette table.ResultsTable td.flag1.h15m, .cb_palette div.flag1.h15m { background: #808080; color: #fff;}
.cb_palette table.ResultsTable td.flag2.h15m, .cb_palette div.flag2.h15m { background: #808080; color: #fff;}
.cb_palette table.ResultsTable td.changed, .cb_palette div.changed { background:#808080 url('/app/layout/images/schedule/night_bg.png'); }

#nameFormatCh {
    margin:2px;
    float:right;
}

#nameFormatCh label {
    position:relative;
    left:20px;
    display:block;
    width:140px;
    margin:4px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;

}

#nameFormatCh label span {
    text-align:center;
    padding:8px 0px;
    display:block;
}

#nameFormatCh label input {
    position:absolute;
    top:-20px;
}

#nameFormatCh input:checked + span {
    background-color:#404040;
    color:#F7F7F7;
}

#nameFormatCh .redCh {
    background-color:#A12424;
    color:#FFF;
}

#nameFormatCh p {
    position:relative;
    left:20px;
    font-weight:bold;
}

.workunitspop-parent .workunitspop {
    overflow-x: hidden;
    overflow-y: scroll;
}

#input_work {}
#input_work h3 {
    color: var(--blue-text-0);
    cursor: pointer;
    margin: 0;
    padding: 10px 5px;
}

#input_work .wu-employee {
    border-top: 1px solid #EDEDED;
}

#input_work .wu-employee table {
    display: none;
}

.no_cc_details {
    margin:20px;
    font-size:13px;
    color: var(--grey-text-0);
}

.vacation_action_btn {
    margin: 0 5px;
}

.vacation_action_reason_txt {
    min-width: 300px;
    width: 300px;
}

.tool_tip {
    background: #fff;
    border: 1px solid rgba(187,187,187,0.5);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    padding: 25px 20px 20px 25px;
    width: 220px;
    height: auto;
    position: fixed;
    z-index: 100000000000000000;
    bottom: 10px;
    left: 52px;
    line-height: 20px;
}
.tool_tip:after {
    content: "";
    position: absolute;
    left: -10px;
    bottom: 16px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid rgba(187,187,187,0.75);
    z-index: 10;
}
.tool_tip:before {
    content: "";
    position: absolute;
    left: -8px;
    bottom: 18px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #fff;
    z-index: 11;
}
.tool_tip p {
    color: var(--grey-text-0);
    font-size: 14px;
    margin: 0 0 20px 0;
}
.tool_tip button {
    background: var(--blue-text-0);
    color: #fff;
    border: 1px solid #2b8ead;
    border-radius: 3px;
    height: 40px;
    line-height: 37px;
    width: auto;
    padding: 0 15px;
    transition: all 0.17s ease;
    cursor: pointer;
    font-size: 13px;
    text-shadow: none;
    text-transform: uppercase;
}
.tool_tip button:hover {
    background: #2b8ead;
    color: #fff;
    border: 1px solid var(--blue-text-0);
    transition: all 0.17s ease;
}

.newLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.9);
    z-index: 1000000000000000000;
}

.newLoader p {
    position: absolute;
    width: 300px;
    left: 50%;
    top: 50%;
    margin-top: -109px;
    margin-left: -150px;
    font-size: 15px;
    color: #4ca5ca;
    text-align: center;
    padding-top: 200px;
    position: relative;

}

.newLoader p span.loader {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    margin-left: -5em;
}

.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
}

.loader:before,
.loader:after {
    position: absolute;
    content: '';
}

.loader:before {
    width: 5.2em;
    height: 10.2em;
    background: #ffffff;
    border-radius: 10.2em 0 0 10.2em;
    top: -0.1em;
    left: -0.1em;
    -webkit-transform-origin: 5.2em 5.1em;
    transform-origin: 5.2em 5.1em;
    -webkit-animation: load2 2s infinite ease 1.5s;
    animation: load2 2s infinite ease 1.5s;
}

.loader {
    color: #4ca5ca;
    font-size: 11px;
    text-indent: -99999em;
    margin: 55px auto;
    position: relative;
    width: 10em;
    height: 10em;
    box-shadow: inset 0 0 0 1em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.loader:after {
    width: 5.2em;
    height: 10.2em;
    background: #ffffff;
    border-radius: 0 10.2em 10.2em 0;
    top: -0.1em;
    left: 5.1em;
    -webkit-transform-origin: 0px 5.1em;
    transform-origin: 0px 5.1em;
    -webkit-animation: load2 2s infinite ease;
    animation: load2 2s infinite ease;
}

div.addloc input.g-input {
    padding: 0 5px;
    vertical-align: top;
    border: 1px solid var(--light-grey-stroke);
}
div.addloc input.g-input--lessHeight {
    height: 28px;
}

.g-backWhite {
    background-color: #fff;
}
.g-tableCell {
    padding-right: 10px;
}
.g-tableCell:last-child {
    padding-right: 0;
}
div.addloc input.g-input {
    padding: 0 5px;
    vertical-align: top;
    border: 1px solid var(--light-grey-stroke);
}
div.addloc input.g-input--lessHeight {
    height: 28px;
}
.g-select {
    vertical-align: top;
}
.g-errored-field {
    border: 1px solid #f00 !important;
}
.g-errored-text {
    color: #f00 !important;
}

.displayFlex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

div.addloc input.g-input {
    padding: 0 5px;
    vertical-align: top;
    border: 1px solid var(--light-grey-stroke);
}
div.addloc input.g-input--lessHeight {
    height: 28px;
}
.toggle-link, .toggle-link:visited {
    color: var(--blue-text-0);
    cursor: pointer;
}

.toggle-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

@-webkit-keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 1400px) {
    .hum_manage_time_sheets table .hum_main_tbody tr.tc_manage_table_head {
        height: 68px;
    }
    .tc_manage_table .tc_manage_table_head td.detach-append,
    .tc_manage_table .tc_manage_table_head th.detach-append {
        padding: 12px 12px 12px 0px !important;
        right: 30px;
        width: 200px;
    }
}

/**
 * Workaround css for IE8 & IE9
**/
/* IE8 uses \0 */
@media all\0 {

    #_cd_timeclock {
        position: static;
        width: 100%;
        height: 100%;
        overflow: auto;
    }
    #_cd_timeclock .right {
        position: static;
        overflow: auto;
    }
    #_cd_timeclock select {
        padding-right: 0;
    }
    .left .dent {
        width: 178px;
    }
}
/* IE9 uses \9 */
@media all and (monochrome:0) {
    #_cd_timeclock select {
        padding-right: 0\9;
    }
}

.btn.btn-link {
    color: var(--blue-text-0) !important;
}

form#wall-post-new input[type="text"], form#wall-post-new textarea {
    width: 100%;
    box-sizing: border-box;
}

form#wall-post-new input[type="text"] {
    margin-bottom: 8px;
}

form#wall-post-new textarea {
    min-height: 120px;
    margin-bottom: 2px;
}

.pinned-cont {
    overflow: hidden;
}

.validated-form [aria-invalid="true"] {
    border: 1px solid var(--red-hover-0);
}

.dashwidget_body:after {
    content: '';
    clear: both;
    display: block;
}

.dashwidget[data-name="messagewall"] .dashwidget_body {
    padding: 0;
}

.dash_table_right {
    overflow-x: hidden;
}

div#dash_messagewall_container {
    border-bottom: 1px solid #f0f3f4;
}

div#dash_messagewall_container .dashwidget_label {
    padding: 15px;
    font-weight: normal;
    border: none;
}

div#dash_messagewall_container .dashwidget_label_widget {
    padding-right: 15px;
    font-weight: normal;
    border: none;
}

/* flexboxgrid additions */
.paper-sheet {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
}

.page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background: #F2F2F2;
}

.flex-greedy {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0;
}

[class*="col-"] > input {
    height: 36px;
}

.content-row {
    position: relative;
    padding-bottom: 8px;
}

.btn {
    position: relative;
}

.btn.btn-blue {
    border: 1px solid #2b8ead;
    color: white;
    font-size: 13px;
    border-radius: 2px;
    text-shadow: none;
    cursor: pointer;
    background-color: var(--blue-text-0);
    padding: 8px 12px 8px 12px;
}

.btn.btn-blue-bordered {
    border: 1px solid #13AEF2;
    color: #13AEF2;
    font-size: 13px;
    border-radius: 2px;
    text-shadow: none;
    cursor: pointer;
    background-color: white;
    padding: 10px 12px 10px 12px;
}

.btn-icon > i {
    position: absolute;
    left: 0;
    top: 0;
    height: 33px;
    width: 33px;
    line-height: 33px;
    font-size: 20px;
}
.btn-full{
    width: 100%;
}

/*forecast style rule*/
.sChartBlock {
    width: calc(100% - 190px);
    height: 65px;
    margin-left: 190px;
}

/*zenny - https://jira.humanity.com/browse/HVII-1927*/
#top .date {
  display: table;
}

/*for filter*/
.filter__locationName {
    max-width: 119px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}

/*new view for show-hide panel*/
#ccanvas #cpanel_close.filters_iconWrapper,
#ccanvas #cpanel_open.filters_iconWrapper {
    padding: 0;
    width: 26px;
    right: 8px;
    position: relative;
    -webkit-transition: right .3s;
    transition: right .3s;
}
#ccanvas #cpanel_open.filters_iconWrapper {
    right: 8px;
}
.filters_iconWrapper {
    border: 1px solid var(--light-grey-stroke);
    border-radius: 1px;
}
.filters_iconArr {
    color: #969696;
    font-size: 20px;
    display: inline-block;
    padding: 4px 0;
    right: -6px;
    position: relative;
    -webkit-transition: color .3s, right .3s;
    transition: color .3s, right .3s;
}
.filters_iconArr:hover {
    color: #4FABD1;
    right: -1px;
}
#ccanvas #cpanel_close.filters_iconWrapper:hover,
#ccanvas #cpanel_open.filters_iconWrapper:hover {
    right: 0;
}
/*style for message about The Billing period*/
.billingPeriod {
    position: fixed;
    top: 15px;
    text-align: center;
    width: 100%;
    z-index: 9999;
}
.billingPeriod__text {
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #808080;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #fff;
}

#userAvatarDelete .icon-trashSmall {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 6px;
    margin-left: 9px;
}

.noOverlayDialog + div {
    opacity: 0.0;
    z-index: -100;
}
._e_list_schedules {
    max-width: 200px;
}
.list-schedules {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 550px;
}
.loading-circle {
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 25px;
    height:30px;
    width:30px;
    border: 3px solid var(--blue-text-0);
    border-top-color: transparent;
    -webkit-animation:rotation .6s infinite linear;
    -moz-animation:rotation .6s infinite linear;
    -o-animation:rotation .6s infinite linear;
    animation:rotation .6s infinite linear;
    border-radius:50%
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform:rotate(0deg)
    } to
          {
              -webkit-transform:rotate(359deg)
          }
}
@-moz-keyframes rotation {
    from {
        -moz-transform:rotate(0deg)
    } to {
              -moz-transform:rotate(359deg)
          }
}
@-o-keyframes rotation {
    from {
        -o-transform:rotate(0deg)
    } to {
              -o-transform:rotate(359deg)
          }
}
.loading-div {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.1);
    z-index: 99999;
    pointer-events: all;
}
.loading-font {
    font-size: 16px;
    color: var(--grey-text-0);
}

.center-div {
    position: relative;
    top: calc(50% - 90px);
    left: calc(50% - 175px);
    text-align: center;
    width: 350px;
    height: 180px;
    background-color: white;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
    border-radius: 1%;
}

.disable-click {
    pointer-events: none;
}

.event-log-header .switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 22px;
    top: 7px;
    margin-right: 10px;
}

.event-log-header .switch input {display:none;}

label.switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 22px;
    line-height: 22px;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--light-grey-stroke);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
.event-log-filter {
    margin: 0 5px;
}
.table-header {
    background-color: #f8f8f8;
    height: 30px;
}
.table-space>td {
    padding-bottom: 10px;
    padding-top: 10px;
}
.event-log-button {
    margin-left: 10px;
    width: 80px;
    height: 30px;
    padding: 0;
}
.event-log-header {
    margin-bottom: 20px;
    font-size: 16px;
    color:var(--grey-text-1);
    font-weight: bold;
}
#event-log-table-header tr td {
    padding-left: 10px;
    display: block;
}
.event-log-all-filters {
    background: #F9F9F9;
}
#event-log-table-header .event-log-all-filters input {
    color: var(--grey-text-0);
    font-weight: normal;
}
#event-log-table-header .event-log-all-filters select {
    margin: 20px 5px 5px 10px;
    color: var(--grey-text-0);
    font-weight: normal;
    border-radius: 0!important;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    padding: 0px 25px 0px 10px;
    line-height: 30px;
    height: 32px;
    width: 180px;
    background-image: url('/app/layout/images/arrow-down.png');
    background-repeat: no-repeat;
    background-position: 96% center;
}
#event-log-table-header .event-log-all-filters td:last-child .jsSelect {
    margin-bottom: 20px;
    width: 180px;
}
#event-log-table-header .event-log-all-filters td .jsSelect > a {
    line-height: 28px;
    border: 1px solid var(--light-grey-stroke);
    background: white
    url('/app/layout/images/arrow-down.png') no-repeat 96% center;
    color: var(--grey-text-0);
}
#event-log-table-header .event-log-all-filters td .jsSelect > a:hover {
    background: white url('/app/layout/images/arrow-down.png') no-repeat 96% center;
    color: var(--grey-text-0);
}
.event-log-apply-filters-button-wrap {
    display: inline-block;
    overflow: hidden;
    margin-left: 10px;
}
.user-header {
    padding-left: 9px !important;
}

/* Auto Schedule features on team tools */
#autoschedule-features {
    background-color: #fff;
}

.disabled-feature {
    pointer-events: none;
    opacity: .5;
}

.chloe-chat-above-kc-bot {
    z-index: 1000000000 !important; /* put opened Chloe chat above GS PX KC Bot popup */
}

.sr-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    white-space: nowrap;
}

[data-theme="high-contrast"] #ConfirmSmsDiv a,
[data-theme="high-contrast"] #SendSMSConfirmation,
[data-theme="high-contrast"] ._tc_notice a {
    text-decoration: underline;
}

[data-theme="high-contrast"] a.delTopic {
    min-width: 24px;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tlFilters {
    display: flex;
    align-items: flex-start;
}

.tlTitle {
    flex-shrink: 0;
}

.tsFilters {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
}

.tsFilter {
    display: flex;
    flex-direction: column;
    min-width: 200px;
    flex: 1 1 200px;
}

.tsFilter label {
    margin: 0 0 5px 42px;
}

.tlFilters.tlFilters_bottom {
    flex-direction: column;
}

html, body {
    height: 100%;
}

.login hr{
  display: block;
  border: 0;
  background-color: var(--light-grey-stroke);
  height: 1px;
  margin: 25px 0 30px 0;
}
.forgot-password {
    width:100px;
    padding-top:10px;
    display:block;
    margin:0 auto;
    text-align:center;
    color: var(--blue-text-0) !important;
}

.login-msg{
  display: block;
  margin-bottom: 20px;
  font-weight: 500;
  font-family: Roboto;
  font-size: 13px;
  color: var(--grey-text-0);
}

.login-footer div {
    line-height: 20px;
    border-top: solid 1px #E0E0E0;
    font-size: 13px;
    text-align: center;
}

.login-footer div span {
    color: var(--grey-text-0);
    display:block;
    padding-top: 10px;
}

.login-footer div a {
    color: var(--blue-text-0);
    padding: 0 5px;
}

.login-footer hr {
    border-top: solid 1px #FFF;
    margin: 0;
}

.login-footer div.footer-company-name{
    border-top: none;
    color: #556268;
    margin-bottom: 10px;
}

.status-floater {
    color: #fff;
    width: 225px;
    position: absolute;
    line-height: 45px;
    background: transparent url(/app/layout/images/general/login_notif_img.png) scroll no-repeat 0 50%;
    margin: 0;
    left: 100%;
    top: calc(50% - 4px);
    transform: translateY(-50%);
    display: none;
}

.input-icon {
    position: absolute;
    height: 36px;
    width: 39px;
    line-height: 36px;
    font-size: 20px;
    color: var(--grey-text-0);
}

.input-wrap {
    position: relative;
}

.input-wrap::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 51%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    pointer-events: none;
}

.input-wrap.input-password::before {
    background-image: url('/app/layout/images/icon/icon-privacy.svg');
    width: 12px;
    height: 17px;
    background-size: 12px 17px;
}

.input-wrap.input-email::before {
    background-image: url('/app/layout/images/icon/icon-email.svg');
    background-size: 16px 12px;
    width: 16px;
    height: 12px;
}


#loginForm .input {
    width: 100%;
    box-sizing: border-box;
    height: 36px;
}

.lbody .input:focus {
    border-color: var(--blue-text-0);
}

.password--new, .password-change {
    width: 100%;
}

.password--change {
    display: none;
}

.user--change .password--change {
    display: block;
}

.or-divider {
    height: 20px;
    font-size: 13px;
    line-height: 15px;
    padding: 20px 0;
    color: var(--grey-text-0);
    margin: 0;
    font-family: "Roboto";
    font-weight: 300;
}

.btn.btn-blue {
    margin-bottom: -3%;
}

#loginBtn, #verifyLoginCode, #verifyRecoveryCode, #confirmRecovery, #loginSSO {
    background: var(--blue-text-0);
    border-radius: 6px;
    border: none;
    font-weight: 400;
}

#confirmRecovery {
    margin: 15px 0 40px 0;
}

#SSOLoginButton, #BackToLoginButton {
    color: var(--blue-text-0);
    border-radius: 6px;
    border: 1px solid var(--blue-text-0);
    font-weight: 400;
}

.single-sign-on-footer {
    margin-bottom: 60px;
}

.lMobile, .lDesktop {
    height: 20px;
    width: 20px;
    font-size: 20px;
    margin-right: 10px;
    text-decoration: none !important;
}

.lMobile > i, .lDesktop > i {
    color: #D3D2D3;
}

.lMobile.selected > i, .lDesktop.selected > i {
    color: #959595;
}

.horizontal-line {
    width: 100%;
    height: 1px;
    background: var(--light-grey-stroke);
    margin: 20px 0 2px;
}

.threeparty img {
    height: 57px;
    width: 57px;
    border-radius: 2px;
}

.threeparty > div > div:last-child > div:first-child {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 6px;
}

.threeparty > div > div:last-child > div:last-child {
    font-size: 13px;
    line-height: 18px;
    color: #9EC152;
}

.framed-box {
    padding: 20px;
    margin: 0;
    border: 1px solid var(--light-grey-stroke);
}

.threeparty > div, .threeparty > a {
    width: 100%;
}

.profile-image {
    width: 57px;
}

.profile-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 16px;
}

.inline-text-icon {
    font-size: 24px;
    display: block;
    float: left;
    line-height: 18px;
}

.lbody.loading + .row {
    display: none;
}

.lbody .lstatus {
    width: 100%;
    font-size: 14px;
    text-align: center;
    color: var(--grey-text-0);
}

.lbody .response-message {
    margin-top: 2%;
    width: 100%;
    font-size: 13px;
    text-align: left;
    color: var(--red-text-0);
    margin-bottom: 2%;
}

.lbody .response-message a {
    color: var(--blue-text-0);
}

.form-loading {
    display: none;
    height: 20px;
    margin-bottom: 20px;
    background: url(/app/layout/images/loading.gif) no-repeat scroll center center transparent;
}

.threeparty {
   width: 100%;
}

.alert-success {
    display: inline-flex;
    line-height: 1.4;
    color: var(--green-text-3);
    background-color: var(--green-text-1);
    border-radius: 8px;
    padding: 5px 0 5px 0;
    text-align: left !important;
    border: solid 1px var(--green-text-2);
}

.alert-success .icon {
    background: url(/app/layout/images/icon/icon-check.svg) no-repeat center;
    margin: 0 5px 0 5px;
}

.alert-success .text {
  margin-top: 3px;
}

.fb--logged-in {
    margin-top: 8px;
}

.icon-back:before {
    content: "\e611";
}

.icon-email:before {
    content: "\e62f";
    font-size: 18px;
    color: var(--grey-text-0);
}

.icon-chatSmall2:before {
    content: "\e698";
    /*position: absolute;*/
    /*top: 49px;*/
    /*left: 10px;*/
    font-size: 18px;
    color: #b3b2b3;
}

.icon-user:before {
    content: "\e670";
    font-size: 18px;
    color: #b3b2b3;
}

.error-recovery-code {
    background: #FFB9AE;
    width: 311px;
    height: 45px;
    padding: 15px 15px;
    border-radius: 5px;
    margin-bottom: 15px;

    .error-recovery-code-message {
        font-size: 14px;
        display: flex;
        flex-direction: row;
        color: var(--grey-text-0);

        .mfa-cancelIcon {
            margin-left: auto;
        }

        .mfa-cancelIcon:hover {
            cursor: pointer;
        }

        .error-text {
            text-align: start;
            width: 226px;
        }
    }
}

.login {
    width: 350px;
    margin: 0;
    padding: 0 20px;
    border: 1px solid var(--light-grey-stroke);
    font-family: "Roboto";
    font-size: 12px;
    border-radius: 12px;
    box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.2);

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 35%, rgba(255,255,255,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.8)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 35%,rgba(255,255,255,0.8) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 35%,rgba(255,255,255,0.8) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 35%,rgba(255,255,255,0.8) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 35%,rgba(255,255,255,0.8) 100%);
    background-color: #fff;
}

.login .lbody {
    position: relative;
}

.login .lbody label, .domain-extension {
    font-family: "Roboto", tahoma, arial;
    padding: 0 10px;
    font-size: 14px;
    text-align: justify;
    color: var(--grey-text-0);
    width: 225px;
    line-height: 38px;
    z-index: 1;
}

.login .lsec label {
    padding: 0 20px;
    display: none;
    color: #fff;
    width: 225px;
    position: absolute;
    line-height: 38px;
    background: transparent url('/app/layout/images/general/login_notif_img.png') scroll no-repeat 0 50%;
    left: 300px;
    z-index: 1;
}

.login .lbody.loading {
    background: url("/app/layout/images/loading.gif") no-repeat scroll 50% 50% transparent;
}

#req_status_msg.success{
    background: url("/app/layout/images/icon/tick_circle.png") no-repeat scroll 32% center transparent;
    padding: 10px;
}

.login .lsec {
    border-bottom: solid 1px #F0F0F0;
    padding: 10px 0 0;
    margin: 0 0 20px;
    position: relative;
}

#domain_error {
    padding-left: 10px;
    margin-top: -9px;
}

.login .lsec p{
    text-align: left;
}
.login .input::placeholder{
    color: var(--grey-text-0);
}
.login .input {
    font-family: "Roboto", tahoma, arial;
    width: 100%;
    background-color: #FFF;
    border: 1px solid var(--light-grey-stroke);
    color: #022531;
    box-shadow: 0 0;
    border-radius: 6px;
    font-size: 13px;
    padding-left: 35px;
    height: 38px;
}

.login .logo {
    padding: 35px 0 0 0;
}

#mfa-form #logo {
    padding: 35px 0 20px 0;
}

.login .logo > img {
    width: 238px;
    padding: 20px 0 20px 0;
}

.login h1.login-heading {
    text-align: center;
    color: var(--grey-text-0);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

.login .lfoot {
    overflow: hidden;
    padding: 0 0 20px;
    color: var(--grey-text-0);
}

.login .lfoot > a {
    line-height: 37px;
    float: left;
}

.login .lfoot > a:hover {
    text-decoration: none;
}

.login .lfoot > a u {
    text-decoration: none;
    color: var(--blue-text-0);
    font-size: 13px;
}

.login .lfoot > a u i {
    font-size: 18px;
    vertical-align: sub;
}

.login .lfoot > a u:hover {
    text-decoration: none;
}

.login .lfoot button {
    float: right;
    display: block;
    cursor: pointer;
    padding: 0 15px;
    border-radius: 3px;
    border: solid 1px #2b8ead;
    background-color: var(--blue-text-0);
    box-shadow: 0 0;
    font-size: 14px;
    color: #FFF;
    line-height: 35px;
    font-family: "Roboto", tahoma, arial;
    font-weight: 300;
}

.login .lfoot button:hover {
    background: #3a94b9;
}

.login .lfoot label {
    line-height: 39px;
}

.mb10{
    margin-bottom: 10px;
}

.m10{
    margin: 10px;
}

.lbody .error-message {
    border-color: var(--red-text-0);
}

.change-password-message {
    text-align: left;
    margin-bottom: 2%;
}

.lbody .change-password-error-message {
    margin-top: 2%;
}

.line {
    margin-bottom: 5%;
    margin-top: 5%;
    border-top: solid 1px rgba(0, 0, 0, 0.05);
}

#captcha-message {
    display: none;
    text-align: left;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13px;
    color: var(--red-text-0);
    padding-left: 8px;
}

.captcha-error {
    border: solid 1px var(--red-text-0);
    margin-right: -3px;
}

.center-captcha {
    padding-left: 0;
    padding-right: 0;
}

#captcha-div {
    padding-left: 8px;
    padding-top: 8px;
    margin-right: -3px;
}

.btn.btn-blue-bordered{
    margin-top: 15px;
}

input.company-name-input{
    box-sizing: border-box;
    height: 33px;
    width: 185px;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
    color: #022531;
    font-family: Roboto;
    font-size: 13px;
    padding-left: 30px;
}

.domain-name:before {
    content: '\f0ac';
    font-family: 'FontAwesome' !important;
    font-size: 16px;
    color: var(--grey-text-0);
    position: absolute;
    top:8px;
    left:10px;
    z-index: 1000;
}
.domain-name input{
    position: relative;
}
.sso-form-container label.error{
    float: left;
}

div.sso-label{
    width: 100%;
    display: block;
}
div.sso-label label{
    color: #022531;
    font-size: 13px;
    margin: 10px 0;
    display: block;
    width: 100%;
    text-align: left;
}

div.domain-name{
    position: relative;
    display: block;
    width: 100%;
}
div.domain-name span{
    padding: 10px 5px;
    line-height: 32px;
    color: #556268;
    position: relative;
    width: 30%;
    font-size: 13px;
}
.sso-form-container a{
    color: var(--blue-text-0);
    margin: 5px 0;
    cursor:pointer;
    font-size: 13px;
}

.sso-form-container {
    color: #2B415C;
    font-weight: 400;

    .mfa-title {
        font-size: 24px;
        margin-top: 20px;
    }

    .mfa-phoneIcon {
        width: 30px;
        height: 54px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mfa-recoveryCodeTitle {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .mfa-recovery-explanation {
        font-size: 14px;
        font-weight: 500;
        display: flex;
        flex-direction: column;
        align-items: center;

        .mfa-recovery-explanation-text {
            width: 210px;
        }
    }

    .mfa-subtitle {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 15px;

        .mfa-codeTitle {
            font-size: 20px;
        }

        .mfa-numIcon {
            margin-right: 5px;
        }
    }

    .mfa-enterAuthKey {
        margin-bottom: 10px;
    }

    #login-mfa-code, #login-recovery-code {
        padding-left: 15px;
    }

    .mfa-enterAuthKey::-webkit-outer-spin-button,
    .mfa-enterAuthKey::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .mfa-explanation-text {
        font-size: 13px;
        font-family: "Roboto";
        font-weight: 400;
        color: var(--grey-text-0) !important;
        text-align: left;
        margin-bottom: 20px;
    }

    .mfa-explanation {
        font-size: 14px;
        font-weight: 500;
        display: flex;
        justify-content: center;

        .mfa-explanation-text {
            width: 240px;
        }
    }

    &.recoveryInfoModal {
        display: none;
        flex-direction: column;

        .recoveryTitle {
            font-size: 13px;
            font-family: 'Roboto';
            text-align: left;
            margin-top: 10px;
            font-weight: 500;
        }

        .recoverySubTitle {
            font-size: 13px;
            margin-top: 15px;
            font-family: 'Roboto';
            text-align: left;
            font-weight: 400;
        }

        .recoveryText {
            margin-top: 10px;
            font-size: 13px;
            font-weight: 400;
            font-family: 'Roboto';
            text-align: left;
            color: var(--grey-text-0) !important;
        }

        .recoveryConfirmButton {
            margin-top: auto;
            margin-bottom: 20px;
        }

        .alert-success {
            padding: 0;
            border: none;
            background-color: unset;
            display: flex;
            margin-top: 35px;

            .icon {
                margin: 0 5px 0 -10px;
            }
        }
    }
}

.mfa-bottom-div-text, .mfa-bottom-div-link {
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: 400;
}

.mfa-bottom-div-text {
    color: var(--grey-text-0);
}

.lForgot-section {
    text-align: left;
    margin-bottom: 15px;
}

.lForgot:link, .lForgot:visited {
    font-size: 13px;
    line-height: 20px;
    color: var(--blue-text-0) !important;
    font-weight: 400;
    font-family: Roboto;
}
.login-download-mobile {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.login-wrapper {
    flex-direction: column;
}

.login-download-mobile-title {
    font-size: 16px;
    padding-top: 50px;
}

.app-store-badge, .google-play-badge {
    margin-bottom: 10px;
}

.input-single-sign-on {
    display: flex;
    align-items: end;
    padding-left: 0;
    margin-bottom: 10px;
}

.domain-extension {
    line-height: normal;
}

#chooseCompanyModal {
    position: absolute;

    &.login {
        align-items: center;
        justify-content: center;
        display: flex;
        width: 100%;
        height: 100%;
    }
}
#companyForm {
    display: flex;
    justify-content: center;
    margin-top: 10%;
}
#chooseCompanyModal .overlay {
    background: rgba(184, 184, 184, 1);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000000;

    &.saml {
        overflow-y: auto;
    }
}
#chooseCompanyModal .cnt {
    background: #fff;
    border-radius: 5px;
    max-width: 320px;
    min-height: 120px;
    padding: 20px;
    position: relative;
    z-index: 100000001;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    align-items: center;

    .leftArrowContainer {
        margin-right: auto;
        cursor: pointer;

        .leftArrow {
            margin-bottom: 20px;
        }
    }

    .modalTitle {
        width: 90%;
        text-align: center;
        color: #647988;
        margin-bottom: 10px;
        font-size: 17px;
    }

    .multipleAccountContainer {
        margin-bottom: 20px;
    }

    .companyList {
        height: 140px;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;

        .companyItem {
            width: 90%;
            padding: 0 15px;
            display: flex;
            height: 36px;
            cursor: pointer;
            align-items: center;
            font-size: 14px;
            color: #047BBB;
            background: #F2F4F4;
            margin-bottom: 10px;

            .rightArrow {
                margin-left: auto;
            }
        }
    }
}
#chooseCompanyModal .companyList {
    min-height: 75px;
}
#chooseCompanyModal .companyList p:hover {
    background-color: #d7dee2;
    font-size: medium;
}

.toggle-high-contrast {
    position: absolute;
    bottom: 100px;
    right: 50px;
    font-size: 36px;
    text-decoration: none !important;
}

.toggle-high-contrast .primNavQtip__itemName {
    display: none;
}

@media screen and (max-height: 650px) {
    .login-page {
        height: fit-content;
    }
}

@media screen and (max-width: 400px) {
    .login {
        width: 230px;
    }
    .login-page {
        overflow: auto;
    }
    .login .logo > img {
        width: 200px;
    }
    .login-footer div span {
        display: flex;
        flex-direction: column;
    }
}

.button-high-contrast {
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    position: absolute;
    bottom: 100px!important;
    right: 50px!important;
    font-size: 36px!important;
    text-decoration: none !important;
}

.span-high-contrast {
    font-size: 36px!important;
}

.button-high-contrast:hover,
.button-high-contrast:focus,
.button-high-contrast:active {
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.button-high-contrast:focus-visible {
    outline: 3px solid var(--blue-text-0) !important;
    outline-offset: 4px !important;
}

.button-high-contrast,
.button-high-contrast * {
    color: var(--blue-text-0) !important;
    fill: var(--blue-text-0) !important;
}
    
#domain_error:focus {
    outline: 0px solid;
    outline-offset: 2px;
}