.hub_app_1 #breadcrumbs-popImg {
    display: none;
    bottom: 0;
    position: absolute;
    right: 20px;
    z-index: 9999;
}

.hub_app_1 #scheduler-content {
    height: 100%;
    position: relative;
   /*  margin-right: 5px; */
}

.hub_app_1 #schedule-user .table td {
    padding: 0;
    height: 100%;
    position: relative;
}

.hub_app_1 #schedule-user .fill-shift-slot {
    /*
    position: relative;
    */
    height: 100%;
    width: 100%;
}
.hub_app_1 #schedule-user .cstm-abs-shift-slot{position: absolute;}

.hub_app_1 #schTable .profile-activity {
    height: 100%;
    margin: 0;
    min-height: 40px;
    padding: 8px 8px 8px 10px;
    position: relative;
}

.hub_app_1 #schTable .employee-profile-activity {
    background-color: rgba(0, 0, 0, .04);
}

.hub_app_1 #scheduler-content .media {
    margin: 0;
    overflow: visible;
}

.hub_app_1 #scheduler-content .media-left, #scheduler-content .media-right, #scheduler-content .media-body {
    display: table-cell;
    vertical-align: top;
}

.hub_app_1 #scheduler-content .media .media-left {
    padding-right: 15px;
    position: relative;
    max-width: 85%;
}

.hub_app_1 #scheduler-content .media-object {
    border: 1px solid #dbdfe6;
    height: 40px;
    padding: 1px;
    width: 40px;
}

.hub_app_1 #scheduler-content .media-body {
    width: 10000px;
}

.hub_app_1 #scheduler-content .media-heading {
    font-size: 14px;
    margin: 0;
    max-height: 120px;
}
.hub_app_1 .scheduler-day-content .icon-wrap {
    display: inline-block;
    padding: 7px 4px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    width: 40px;
    height: 40px;
}

.hub_app_1 .scheduler-day-content #shared-emp-shift > .media-left{padding-right: 2px !important;}
.hub_app_1 .scheduler-day-content #shared-emp-shift > .media-left.padding-right-5 > .icon-wrap{width: 26px; height: 26px; padding: 10px 1px;}

.hub_app_1 .scheduler-day-col.current-day {
    /* background-color: #f3f7f9 !important; */
    background-color: rgba(243,247,249,0.7);
}

.closed-day {
    background-color: pink !important;
}

.hub_app_1 .scheduler-day-content {
    position: relative;
    color: #FFF;
    border-radius: 6px;
    margin: 2px 0px;
}

.hub_app_1 .lines {
    background-image: url('../icons/pattern-01-01.png') !important;
}

.hub_app_1 .scheduler-day-content .scheduler-day-time {
    font-size: 14px;
    margin-top: 3px;
    padding-left: 6px;
    text-shadow: none !important;
    text-transform: uppercase;
    /* width: 80%; */
    width: 71%;
    display: inline-block;
    vertical-align: middle;
}

.hub_app_1 .scheduler-day-content .scheduler-day-position {
    background-color: rgba(0, 0, 0, .2);
    padding: 0px 2%;
    margin-left: 4px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    max-width: 75%;
}

.hub_app_1 .scheduler-day-content .scheduler-day-actions {
    background: rgba(0, 0, 0, 0.3);
    padding: 4px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    left: 0;
    line-height: 34px;
    opacity: 0;
    transition: all 0.3s ease 0s;
    height:100%;
    border-radius: 6px;
}





.hub_app_1 .tooltip.top {
    line-height: 1.5;
    font-size: 13px;
    padding: 5px 0;
    margin-top: -10px;
}

.hub_app_1 .tooltip.top .tooltip-arrow {
    bottom: -3px;
    left: 50%;
    margin-left: -8px;
    border-width: 8px 8px 0;
    border-top-color: #404040;
}

.hub_app_1 .tooltip.top .tooltip-inner .left-btn {
    position: absolute;
    left: 5px;
    top: 17px;
/*    background-color: #222;
    padding: 1px 6px;*/
    display: inline-block;
    border-radius: 2px;
    text-transform: uppercase;
    vertical-align: middle;
}

.hub_app_1 .tooltip.top .tooltip-inner .right-text-desc {
    padding : 0px 10px;
    text-align: left;
    line-height: 17px;
    text-transform: uppercase;
    font-size: 11px;
    min-width: 150px;
}

.hub_app_1 .scheduler-day-content:hover .scheduler-day-actions {
    opacity: 1;
}

.hub_app_1 .bottom-space-5 {
    padding-bottom: 5px;
    font-weight: 400;
}

.hub_app_1 .border-bottom-space-5 {
    border-bottom: 1px dashed #BBB;
    padding-bottom: 5px;
    font-weight: 400;
}

.hub_app_1 .link-border-bottom-space-2 {
    border-bottom: 1px dashed #BBB;
    padding-bottom: 2px;
    font-weight: 400;
    cursor: pointer;
}

.hub_app_1 .scheduler-day-actions-btn-group {
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: middle;
    opacity: 1;
    transition: all 0.5s ease 0s;
}

.hub_app_1 .scheduler-day-actions-btn-group.btn-group-vertical .btn {
	height: 20px;
    line-height: 0;
    background-color: rgba(0, 0, 0, 0.2);
    border-color: transparent !important;
    width: 27px;
    text-align: center;
    padding: 0;
    box-shadow: none;
    border-radius: 0px !important;
    margin: 0;
}

.hub_app_1 .upcoming-shifts.scheduler-day-content:hover .scheduler-day-actions-btn-group {
    opacity: 0;
    transition: all 0.5s ease 0s;
}

.hub_app_1 .ui-draggable-dragging.scheduler-day-content:hover .scheduler-day-actions {
    opacity: 0;
}

.hub_app_1 .ui-draggable-dragging.scheduler-day-content:hover .scheduler-day-actions-btn-group {
    opacity: 1;
}

.hub_app_1 .dayColCursor {
    cursor: pointer;
}

.hub_app_1 #schedule-user .schedule-table-action-header {
    clear: both;
    margin-bottom: 10px;
    margin-right: 13px;
    overflow: visible;
    position: relative;
    z-index: 999;
}

.hub_app_1 #schedule-user .schedule-activity {
    min-height: 100%;
}

.hub_app_1 .daily-shifts {
    border-right: 1px solid #C3C3C3;
    float: left;
    width: 4.167%;
}

.hub_app_1 .schedule-activity.daily-shifts:last-child {
    border: 0 !important;
}






.hub_app_1 .scheduler-employee-shift {
    border: 1px solid #f0f1f4;
    border-radius: 3px;
    margin: 3px 0;
    padding: 3px 7px;
    cursor: pointer;
    height: 27px;
    overflow: hidden;
    text-shadow: none;
    transition: all 0.29s ease 0s;
    background-color: #F9F9F9;
}

.hub_app_1 .scheduler-employee-shift:hover {
    background-position: left bottom;
}

.hub_app_1 .scheduler-emp-shift {
    border: 1px solid #DBDBDB;
    border-radius: 3px;
    margin: 3px 0;
    padding: 3px 7px;
    cursor: pointer;
    height: 27px;
    overflow: hidden;
    text-shadow: none;
    background: linear-gradient(to right, #FFFFFF 50%, #F4F4F4 50%) repeat scroll right bottom / 200% 100% rgba(0, 0, 0, 0);
}

.hub_app_1 .min-width-150 {
    min-width: 120px;
    max-width: 100%;
}

.hub_app_1 .height-100-per {
    max-height: 100% !important;
    min-height: 100% !important;
}

.hub_app_1 .columns {
    margin-left: 5px;
    margin-right: 5px;
}

.hub_app_1 .trans-dark {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    background: none;
    border-color: #f19a1f;
    background-color: #f4b04f;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, 0.06)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.06)), color-stop(.75, rgba(255, 255, 255, 0.06)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
}

.hub_app_1 .daily-schedule-box {
    width: 4.166666666666668%;
    float: left;
    border-right: 1px solid #C3C3C3;
    line-height: 39px;
    height: 100%;
}

.hub_app_1 .daily-schedule-box-list {
    width: 4.167%;
    border-right: 1px solid #CECCCC;
    float: left;
    height: 32px;
}

.hub_app_1 .daily-schedule-box:first-child, .daily-schedule-box-list:first-child {
    border-left: 0;
}

.hub_app_1 .daily-schedule-box:last-child, .daily-schedule-box-list:last-child {
    border-right: 0;
}

.hub_app_1 #schedule-user .day-shift {
    border: 2px solid #F5F5F5;
    border-radius: 4px;
    padding: 3px 7px;
    position: absolute;
    color: #ffffff;
    font-weight: bold;
    margin-top: 3px;
}

.hub_app_1 #schedule-user .day-profile-box {
    width: 175px !important;
}

.hub_app_1 .emp-profile-box {
    width: 175px !important;
}

.hub_app_1 .note-cb {
    height: 0 !important;
    opacity: 1 !important;
    position: relative !important;
    width: 0 !important;
}

/* CSS for Checkbox in notes */
.hub_app_1 div.weeklySchChkBox input.alta-switch[type="checkbox"] + .lbl:after {
    border-color: #9F9FFF;
}

.hub_app_1 div.weeklySchChkBox .customSwitch:before {
    width: 94px !important;
}

.hub_app_1 div.weeklySchChkBox .customSwitch:after {
    width: 34px !important;
}

.hub_app_1 div.weeklySchChkBox input.alta-switch.alta-switch-5[type="checkbox"] + .customSwitch:before {
    content: "Critical\a0\a0\a0\a0\a0\a0\a0\a0Non-Critical";
    font-size: 10px;
    text-align: left;
}

.hub_app_1 div.weeklySchChkBox input.alta-switch.alta-switch-5[type="checkbox"] + .lbl:before {
}

.hub_app_1 div.weeklySchChkBox input.alta-switch.alta-switch-5[type="checkbox"]:checked + .customSwitch:before {
    text-indent: 4px;
}

.hub_app_1 div.weeklySchChkBox input.alta-switch.alta-switch-5[type="checkbox"]:checked + .customSwitch:after {
    left: 61px
}

.hub_app_1 div.weeklySchChkBox input.alta.alta-switch[type="checkbox"] {
    width: 83px;
}

.hub_app_1 div.weeklySchChkBox input.alta-switch.alta-switch-5[type="checkbox"]:checked + .lbl:before {
    color: #FFFFFF;
}

.hub_app_1 div.weeklySchChkBox input.alta-switch.alta-switch-5[type="checkbox"] + .lbl:before {
    color: #808080;
}

.hub_app_1 .word-wrap {
    white-space: normal;
    word-wrap: break-word;
}

.hub_app_1 .nb-close {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 50%;
    box-shadow: 0px 0px 2px 0px #505050 inset;
    padding: 1px 5px 0 6px;
}

.hub_app_1 .nb-header {
    background: none repeat scroll 0 0 #E8E8E8;
    border-bottom: 1px solid #CECECE;
    border-radius: 4px 4px 0 0;
    color: #555555;
    padding: 8px;
}

.hub_app_1 .nb-header > h4 {
    text-shadow: 1px 1px #FFFFFF;
}

.hub_app_1 #schedule-user .notes-box .nb-img {
    border: 1px solid #817E78;
    width: 34px;
    height: 34px;
}

.hub_app_1 .nb-content {
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #D1D7DF;
    border-top: 1px solid #FFFFFF;
    padding: 5px 0;
    font-weight: 500;
}

.hub_app_1 Adding custom checkbox icons
.hub_app_1 .nb-cb {
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    cursor: pointer;
}

.hub_app_1 .nb-cb:before, .nb-cb:after {
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
}

.hub_app_1 .nb-cb:before {
    content: '\f096';
    unchecked
}

.hub_app_1 .nb-cb:after {
    content: '\f046';
    max-width: 100%;
    overflow: hidden;
    opacity: 0;
    transition: all 0.35s;
}

.hub_app_1 input[type="checkbox"]:checked + .nb-cb:after {
    max-width: 25px;
    opacity: 1;
}

.hub_app_1 input + .nb-cb:before, input + .nb-cb:after {
    color: #DD5A43;
}

.hub_app_1 .nb-visible {
    display: block;
}

.hub_app_1 .nb-hidden {
    display: none;
}

.hub_app_1 .nb-hover:hover .nb-visible {
    display: none;
}

.hub_app_1 .nb-hover:hover .nb-hidden {
    display: block;
}

.hub_app_1 .nb-content-height {
    max-height: 220px;
    overflow: auto;
    padding: 0 5px;
}

.hub_app_1 #scheduler-content td.emp-profile-box .profile-activity {
    pointer-events: none;
}

.hub_app_1 .shift-warning:before {
    border-color: #DD5A43 #DD5A43 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 5px;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(0deg);
   /* z-index: 998;*/
}

.hub_app_1 .schedule-icon {
    border: none !important;
    height: 1.5em;
    width: 1.5em;
}

.hub_app_1 .nb-critical {
}

.hub_app_1 .nb-footer {
    background: none repeat scroll 0px 0px rgb(247, 247, 247);
    border-radius: 0 0 5px 5px;
    padding: 5px;
}

.hub_app_1 .schedule-fix-header {
    border-color: #C3C3C3 !important;
    cursor: default !important;
}

.hub_app_1 .isclosedday {
    height: 400px;
}

.hub_app_1 .isclosedday-inner {
    position: absolute;
    top: 50%;
    width: 100%;
    font-size: 100px
}

.hub_app_1 .day-view {
    height: 47px !important;
}

.hub_app_1 #schedule-user .bottom {
    bottom: 2px;
    left: 3px;
    position: absolute;
}

.hub_app_1 #schedule-user .top {
    top: 2px;
    position: absolute;
}

.hub_app_1 .full-td-plus {
    bottom: 0;
    left: -1px;
    position: absolute;
    right: 0;
    /*top: -1px;*/
    background: #EAEAEA;
    height: 100%;
    min-height: 47px;
}

.hub_app_1 .full-td-plus .fa-plus {
    font-size: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left: -20px;
    color: gray;
}

.hub_app_1 .monthly-shiftView .full-td-plus .fa-plus {
    font-size: 30px;
    margin-top: -12px;
    margin-left: -12px;
}

.hub_app_1 #scheduler-day-col.scheduler-day-col .full-td-plus {
    display: none;
}

.hub_app_1 #scheduler-day-col.scheduler-day-col:hover .full-td-plus {
    display: block;
}
.hub_app_1 #scheduler-day-col.scheduler-day-col .ui-draggable .full-td-plus{
    display: none;
}

.hub_app_1 .modal-gray .modal-header {
    background: linear-gradient(to bottom, #f4f4f4, #e7e7e7) repeat scroll 0 0 #efefef !important;
    border-bottom: 1px solid #cecece;
    box-shadow: none;
}

/* .sch-popup-150 {max-height: 150px; overflow-y: auto;}
*/

.hub_app_1 .certWarningIcon {
    height: 15px;
    width: 15px;
}

.hub_app_1 .no-transition {
    transition: none !important;
}

.hub_app_1 .max-height-450 {
    max-height: 450px !important;
}

.hub_app_1 .last-th6 {
    border-right: none !important;
}

.hub_app_1 .no-right-border {
    border-right: none !important;
}

.hub_app_1 .no-left-border {
    border-left: none !important;
}

.hub_app_1 .width-17 {
    width: 17px !important;
}

.hub_app_1 .width-164 {
    width: 164px !important;
}

.hub_app_1 .unpaid-break input {
    height: 34px !important;
}

.hub_app_1 .margin-top-minus-4 {
    margin-top: -4px;
}

.hub_app_1 .arrow_box-bottom {
    position: relative;
    background: #88b7d5;
}

.hub_app_1 .arrow_box-bottom:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #88b7d5;
    border-width: 10px;
    margin-left: -10px;
}

.hub_app_1 .arrow_box-left {
    position: relative;
    background: #88b7d5;
}

.hub_app_1 .arrow_box-left:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #88b7d5;
    border-width: 20px;
    margin-top: -20px;
}

.hub_app_1 .arrow_box-right {
    position: relative;
    background: #88b7d5;
}

.hub_app_1 .arrow_box-right:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #88b7d5;
    border-width: 20px;
    margin-top: -20px;
}

.hub_app_1 .arrow_box-top {
    position: relative;
    background: #88b7d5;
}

.hub_app_1 .arrow_box-top:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #88b7d5;
    border-width: 20px;
    margin-left: -20px;
}

.hub_app_1 .sch_border_left {
    border-left: 1px solid #c3c3c3;
}

.hub_app_1 .sch_border_bottom {
    border-bottom: 1px solid #c3c3c3;
}

.hub_app_1 .sch_border_right {
    border-right: 1px solid #c3c3c3;
}

.hub_app_1 .sch_header_background_gradient {
    background: linear-gradient(to bottom, #f4f4f4, #e7e7e7) repeat scroll 0 0 #efefef !important;
}

.hub_app_1 .daily-schedule-box_blank {
    line-height: 34px;
    height: 34px;
    font-weight: bold;
}

.hub_app_1 .daily-schedule-box_footer {
    border-right: 1px solid #c3c3c3;
    float: left;
    height: 100%;
    line-height: 35px;
    width: 4.16667%;
}

.hub_app_1 .daily-schedule-box_footer .popover{
	line-height: normal;
}
.hub_app_1 .daily-schedule-box_footer:last-child {
    border-right: 0px solid transparent;
}

.hub_app_1 .daily-schedule-box-dyna {
    border-right: 1px solid gray;
    float: left;
    height: 100%;
    line-height: 35px;
    width: 4.16667%;
}

.hub_app_1 .daily-schedule-box-dyna:first-child {
    border-left: 0px solid transparent;
}

.hub_app_1 .daily-schedule-box-dyna:last-child {
    border-right: 0px solid transparent;
}

.hub_app_1 .daily-schedule-box-sm {
    border-right: 1px solid #c3c3c3;
    float: left;
    height: 100%;
    line-height: 35px;
    width: 49.0800%;
}

.hub_app_1 .daily-schedule-box-sm:nth-child(even) {
    border-right: 0px solid transparent;
}

.hub_app_1 .daily-schedule-box-sm:nth-child(odd) {
    border-right: 1px solid #c3c3c3;
}

.hub_app_1 .daily-schedule-box-sm:first-child {
    border-left: 0 none;
}

.hub_app_1 .daily-schedule-box-sm:last-child {
    border-right: 0 none;
}

.hub_app_1 .daily-schedule-box-dyna-sm {
    border-right: 1px solid #c3c3c3;
    float: left;
    height: 100%;
    line-height: 35px;
    width: 2.08311%;
}

.hub_app_1 .daily-schedule-box-dyna-sm:nth-child(even) {
    border-right: 1px solid gray;
}

.hub_app_1 .daily-schedule-box-dyna-sm:nth-child(odd) {
    border-right: 1px solid #c3c3c3;
}

.hub_app_1 .day-view-footer-popover .popover {
    max-width: 370px;
}

.hub_app_1 #schedule-user .day-view-footer-popover .popover-content {
    color: #444444;
}

.hub_app_1 .day-view-footer-popover .popover.top > .arrow {
    bottom: -10px;
}

.hub_app_1 #schedule-user .day-view-footer-popover .popover-content {
    background: #fafafa;
	border: 0 none;
    border-radius: 0;
}

.hub_app_1 .day-view-footer-popover .popover.top > .arrow:after {
    border-top-color: #fafafa;
}

.hub_app_1 .o-s-header {
    background: linear-gradient(to bottom, #f4f4f4, #e7e7e7) repeat scroll 0 0 #efefef !important;
    border-bottom: 1px solid #cccccc;
    border-radius: 4px 4px 0 0;
    padding: 7px;
    margin: 0 -15px;
}

.hub_app_1 .o-s-header.positionGuide-detail{
	margin: 0;
}

.hub_app_1 .labour-border {
    border: 1px solid rgb(204, 204, 204);
}

.hub_app_1 .labour-bg {
    background: none repeat scroll 0% 0% rgb(141, 180, 226);
    color: white;
}

.hub_app_1 .margin-t-b-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.hub_app_1 .font-500 {
    font-weight: 500;
}

.hub_app_1 #scheduler-content .ui-resizable-w {
    width: 10px;
}

.hub_app_1 #scheduler-content .ui-resizable-e {
    width: 10px;
}

.hub_app_1 .forcast-vs-sch {
    height: 300px; 
}

.hub_app_1 .font-fam label {
    font-family: sans-serif, serif;
}

.hub_app_1 .actual-filter {
    width: 270px
}

.hub_app_1 .arrow_box-bottom {
    position: relative;
    background: #428bca !important;
}

.hub_app_1 .arrow_box-bottom:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #428bca !important;
    border-width: 10px;
    margin-left: -10px;
}

.hub_app_1 .width-750px {
    width: 750px;
}

.hub_app_1 #customShiftForm .panel .panel-heading {
    line-height: 20px;
}

.hub_app_1 #customShiftForm .panel.panel-primary .panel-heading, #customShiftForm .panel.panel-primary .panel-footer {
    background: #457FB2;
    color: #092f3d;
}

.hub_app_1 #customShiftForm .panel .panel-body {
    border: 1px solid #ccc;
}

.hub_app_1 .std-shift-hover {
    color: #fff;
    font-size: 13px;
    line-height: 25px;
    padding-left: 7px;
    position: absolute;
    right: -55%;
    top: 0;
    width: 55%;
    transition: .3s;
}

.hub_app_1 .std-shift:hover .std-shift-hover {
    right: 0;
}

.hub_app_1 .shift-slot-mdl {
    margin-left: 23.5%;
    margin-top: 5%;
    width: 53%;
}

.hub_app_1 .shift-slot-mdl .ps-scrollbar-y-rail {
    margin-right: 1px;
}

.hub_app_1 .shift-slot-mdl .ps-container .ps-scrollbar-y {
    background-color: #7c7c7c;
}

.hub_app_1 #sch-main-filter .filter-on:after {
    border-color: #1bbc9b transparent transparent #1bbc9b !important;
    right: 70 !important;

}

.hub_app_1 #sch-main-filter .filter-on:before {
    right: 77px !important;
}

.hub_app_1 .shift-slot-Right-arrow {
    background-color: #457fb2;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
    width: 54%;
    line-height: 23px;
    z-index: 999998;
}

.hub_app_1 .bg-blackColorWhite {
    background-color: #555;
    color: #fff;
}

.hub_app_1 .custom-shift-slot-btn {
    background: #fff none repeat scroll 0 0;
    color: #457fb2;
    font-weight: 600;
    line-height: 26px;
    position: absolute;
    right: 8px;
    top: 13px;
    width: 18%;
    cursor: pointer;
    z-index: 1;
    text-align: center;
}

.hub_app_1 .shift-slot-Right-arrow > span {
    display: block;
    margin-bottom: -6px;
}

.hub_app_1 .shift-slot {
    height: 365px;
    width: 100%;
    position: relative;
    border-left: 1px solid #e0e0e0;
    transition: 0.5s;
    overflow: hidden
}

.hub_app_1 .slot-std-shift {
    width: 0px;
    transition: 0.5s;
    overflow: hidden;
}

.hub_app_1 .closed-day-cell {
    display: table;
    height: 100%;
    width: 100%;
}

.hub_app_1 .closed-day-cell span {
    display: table-cell;
    vertical-align: middle;
}

.hub_app_1 .cld-empShare-day .closed-day-cell {
    display: block;
    height: auto;
}

.hub_app_1 .cld-empShare-day .closed-day-cell span {
    display: inline-block;
}

@media ( min-width: 1170px) {
    .es #schedule-user .btn-set-1 {
        width: 335px;
    }

    .hub_app_1 .es #schedule-user .btn-set-2 {
        width: calc(100% - 335px - 530px);
    }

    .hub_app_1 .es #schedule-user .btn-set-3 {
        width: 530px;
        text-align: right;
        float: right;
    }
}

@media ( min-width: 10px) and ( max-width: 1169px ) {
    .es #schedule-user .btn-set-3 {
        width: 100%;
        float: left;
    }
}

@media ( min-width: 810px) {
    .zh #schedule-user .btn-set-1 {
        width: 300px;
    }

    .hub_app_1 .zh #schedule-user .btn-set-2 {
        width: calc(100% - 300px - 345px);
    }

    .hub_app_1 .zh #schedule-user .btn-set-3 {
        float: right;
        text-align: right;
        width: 345px;
    }
}

@media ( min-width: 10px) and ( max-width: 809px ) {
    .zh #schedule-user .btn-set-3 {
        width: 100%;
        float: left;
    }
}

@media ( min-width: 1035px) {
    .en #schedule-user .btn-set-1 {
        width: 317px;
    }

    .hub_app_1 .en #schedule-user .btn-set-2 {
        width: calc(100% - 317px - 440px);
    }

    .hub_app_1 .en #schedule-user .btn-set-3 {
        float: right;
        text-align: right;
        width: 440px;
    }
}

@media ( min-width: 10px) and ( max-width: 1034px ) {
    .en #schedule-user .btn-set-3 {
        width: 100%;
        float: left;
    }
}

@media ( min-width: 1115px) {
    .fr #schedule-user .btn-set-1 {
        width: 365px;
    }

    .hub_app_1 .fr #schedule-user .btn-set-2 {
        width: calc(100% - 365px - 470px);
    }

    .hub_app_1 .fr #schedule-user .btn-set-3 {
        float: right;
        text-align: right;
        width: 470px;
    }
}

@media ( min-width: 10px) and ( max-width: 1114px ) {
    .fr #schedule-user .btn-set-3 {
        width: 100%;
        float: left;
    }
}

.hub_app_1 #schedule-user .bg-disable {
    background-color: lightgray;
}

.hub_app_1 #schedule-user .bg-color-disable {
    background-color: rgba(0, 0, 0, .026);
}

.hub_app_1 #schedule-user .click-disable td, .click-disable:hover td {
    opacity: 0.7;
}

/* #warning-Schedule .sch-popup .popup-header {border-bottom:0px none !important; padding: 10px 15px 0 !important; background: #F3565D !important; color: #fff;}
#warning-Schedule .sch-popup .popover-content {background: #ffffff !important; padding: 10px 15px;}
*/
/* .hub_app_1 #copySchedule .cutomiseBtn {border-radius: 0px !important;}
.hub_app_1 #copySchedule table {width: 100%;}
.hub_app_1 #copySchedule table thead tr th {text-align: center;}
.hub_app_1 #copySchedule table thead tr th small {color: #fff;} */
.hub_app_1 .scheduler-emp-shift-list {
    padding: 0 2px;
}

.hub_app_1 .w-contact-action {
    background: rgba(33, 33, 33, 0.3);
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 20px;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
}

.hub_app_1 .w-contact-action a {
    border: 1px solid rgba(33, 33, 33, 0.1);
    color: #fff;
    display: block;
    line-height: 20px;
    text-align: center;
    width: 20px;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.hub_app_1 .w-contact-action > a:first-child {
    border-bottom: 0px;
}

.hub_app_1 .w-contact-action > a > i {
    text-align: center;
}

.hub_app_1 .scheduler-emp-shift-list-overlay {
    background: rgba(0, 0, 0, 0.4);
    display: none;
    left: 0;
    opacity: 0;
    padding: 12px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    transition: opacity 0.25s ease 0s;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
}

.hub_app_1 .scheduler-emp-shift:hover .w-contact-action {
    opacity: 0;
}

.hub_app_1 .scheduler-emp-shift:hover .scheduler-emp-shift-list-overlay {
    opacity: 1;
    display: block;
}

.hub_app_1 .scheduler-emp-shift-list-overlay-plus {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    color: #FFF;
    margin-right: 5px;
    overflow: hidden;
    padding: 4px;
    text-align: center;
    transition: border-radius 0.25s ease 0s;
    -webkit-transition: border-radius 0.25s ease 0s;
    -moz-transition: border-radius 0.25s ease 0s;
}

.hub_app_1 .scheduler-emp-shift-list-overlay-plus:hover {
    border-radius: 100%;
}

/*schedulePad starts*/

/* altaWeeklySchedule.html */

 .weather-icon {
    color: #EFEFEF;
    font-size: 50px;
    text-shadow: 1px 1px 2px #606060;
}

.weather-deails {
    padding: 20px 5px 10px;
}

  .weather-icon {
    color: #fff;
    font-size: 40px;
    text-shadow: 1px 1px 2px #606060;
    vertical-align: middle;
}

  .weather-name {
    color: #fff;
}

.hub_app_1 .col-xs-6.no-padding.pull-right > label {
    font-weight: bold;
}

.hub_app_1 .weat-name {
    font-weight: bold;
}

.hub_app_1 .control-notes5, .control-notes6 {
    right: -3px !important;
}

.hub_app_1 #schedule-user .dropdown-menu.control-notes6, #schedule-user .dropdown-menu.control-notes5 {
    left: -305px !important;
}

.hub_app_1 #schedule-user .dropdown-menu.control-notes6:after, #schedule-user .dropdown-menu.control-notes5:after {
    right: 2px !important;
}

.hub_app_1 #schedule-user .dropdown-menu.control-notes6:before, #schedule-user .dropdown-menu.control-notes5:before {
    right: 2px !important;
}

.hub_app_1 .publish-emp-shift {
    margin: 6px 0 0 -40px
}

.hub_app_1 .popup-kitsche.visible {
    display: block !important;
}

.hub_app_1 .popup-kitsche {
    background: none repeat scroll 0 0 #6B6B6B !important;
    border: 1px solid #6B6B6B !important;
    border-radius: 5px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
    position: absolute !important;
    z-index: 200 !important;
}

.hub_app_1 .popup-kitsche .arrow {
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid #6B6B6B;
    border-top: 10px solid rgba(0, 0, 0, 0);
    left: -11px;
    position: absolute;
    top: 20px;
    width: 0;
}

.hub_app_1 .pull-left > li {
    list-style: none;
}

.hub_app_1 #schedule-user .popover {
    padding: 0px;
    border: 0;
    animation: 0.4s ease-in-out 0s normal none 1 dropdown;
    -webkit-animation: 0.4s ease-in-out 0s normal none 1 dropdown;
    -ms-animation: 0.4s ease-in-out 0s normal none 1 dropdown;
    -o-animation: 0.4s ease-in-out 0s normal none 1 dropdown;
    -moz-animation: 0.4s ease-in-out 0s normal none 1 dropdown;
}

.hub_app_1 #schedule-user .popover-content {
    background: #54A2F2;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
    width: 172px;
    border-radius: 10px;
}
.hub_app_1 #schedule-user .popover{box-shadow: none;}
.hub_app_1 #schedule-user .popover.bottom > .arrow::after{border-bottom-color: #54a2f2;}

.hub_app_1 .dropdown-notes {
    left: -138px !important;
    width: 350px;
    border: 1px solid #C3C3C3;
    margin-top: 8px;
}

.hub_app_1 .wether-Pop6 + .popover {
    left: -120px !important;
}

.hub_app_1 .wether-Pop6 + .popover.bottom .arrow {
    margin-left: 20px;
}

.hub_app_1 #weather-pop .popover {
    top: 20px !important;
}

.hub_app_1 #weather-pop.btn-group .popover + .btn {
    margin-left: -1px;
}

/* foundation/altaTestApp/altaSchedulePad/schComponent/shiftOfferModal.html */
.hub_app_1 .my-schedule-modelOverflow {
    height: 175px;
    overflow-y: auto;
}

.hub_app_1 .shiftOffermodalbody {
    max-height: 400px;
    min-height: 100px;
    overflow: hidden;
}

.hub_app_1 .shift-offer-gradient {
    background: linear-gradient(#DDD, #EAEAEA) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 4px;
    margin: 0 !important;
    padding: 9px 10px;
    border: 1px solid #B0B0B0;
}

.hub_app_1 .panel-headings {
    background-color: #777777 !important;
    border-radius: 2px !important;
    border-color: #777777 !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 0 #505050, -1px -1px 0 #303030;
}

.hub_app_1 .panel-headings-blue {
    background-color: #457FB2;
    border-radius: 2px !important;
    border-color: #457FB2;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}

.hub_app_1 .shiftOffer-blue {
    color: #457FB2;
}

.hub_app_1 .shiftOffer-modelOverflow {
    max-height: 300px;
    min-height: 200px;
}

.hub_app_1 .shiftOffer-star {
    color: #ff8144;
}

.hub_app_1 .height-80 {
    height: 80px;
}

.hub_app_1 .linecons {
    line-height: 15px;
    overflow: hidden;
    width: 125px;
}

.hub_app_1 .cursor-pointer {
    cursor: pointer;
}

/* foundation/altaTestApp/altaSchedulePad/schComponent/shiftSlot.html */
.hub_app_1 .visible-shift {
    display: block;
}

.hub_app_1 .hidden-shift {
    display: none;
}

.hub_app_1 .shift-hover:hover .visible-shift {
    display: none;
}

.hub_app_1 .shift-hover:hover .hidden-shift {
    display: block;
}

.hub_app_1 .shift-hover .fa-star {
    font-size: 9px;
}

/* foundation/altaTestApp/altaSchedulePad/schComponent/shiftSlot.html ends*/

.hub_app_1 .dayShiftWise {
    border-radius: 20px;
    height: 40px !important;
    line-height: 38px;
    margin: 4px 0;
    position: absolute;
    z-index: 999;
}

.hub_app_1 .scheduled-emp-daily-row .employee-daily-time {
    font-size: 14px;
    margin-bottom: 2px;
    padding-left: 14%;
    text-shadow: none !important;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hub_app_1 .scheduled-emp-daily-row .nextDayCalender .employee-daily-time{
    padding-left: 5%;
}

.hub_app_1 .scheduled-emp-daily-row .currentDayCalender .employee-daily-time{
    max-width: 40%;
}

.hub_app_1 .scheduled-emp-daily-row .employee-daily-position {
    background-color: rgba(0, 0, 0, 0.2);
    font-size: 12px;
    margin-left: 3px;
    padding: 2px 6px 2px 5px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    max-width: 40%;
}

.hub_app_1 .scheduled-emp-daily-row .employee-daily-position-break {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 30px;
}
.hub_app_1 .scheduled-emp-daily-row .employee-daily-position-break.right-0 {
   right:0
}

.hub_app_1 .scheduled-emp-daily-row .employee-break-left-4 {
    left: 4px;
}
.hub_app_1 .scheduled-emp-daily-row .employee-break-left-35 {
    left: 35px;
}

.hub_app_1 .scheduled-emp-daily-row .employee-daily-position-break i {
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
}

.hub_app_1 .scheduled-emp-daily-row .emp-daily-action-wraper {
    display: table;
}

.hub_app_1 .scheduled-emp-daily-row .emp-daily-action {
    position: absolute;
    right: 10px;
    top: 0px;
    opacity: 0;
    display: table-row;
}

.hub_app_1 .scheduled-emp-daily-row .dayShiftWise:hover .emp-daily-action{opacity: 1;}
.hub_app_1 .scheduled-emp-daily-row .emp-daily-action > div {
    text-align: center;
    display: table-cell;
}

.hub_app_1 .scheduled-emp-daily-row .emp-daily-action .day-warning {
    background: rgba(0, 0, 0, 0.2);
    color: #f2583e;
    height: 25px;
    line-height: 25px;
    margin-top: 3px;
    width: 25px;
    cursor: pointer;
    border-radius: 50%;
}

.hub_app_1 .scheduled-emp-daily-row .emp-daily-action .day-creat-shift {
    background: rgba(255, 255, 255, 0.7);
    color: #42c2a6;
    display: none;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    width: 30px;
    margin-left: 5px;
    cursor: pointer;
    border-radius: 50%;
}

.hub_app_1 .scheduled-emp-daily-row .dayShiftWise:hover .day-creat-shift {
    display: block;
}

.hub_app_1 .zipSch-daily-shift-ico {
    background-color: #eeeeee;
    display: inline-block;
    line-height: 1;
    opacity: 0.8;
    padding: 3px 6px;
    position: absolute;
    top: 0px;
    left: 0;
    vertical-align: top;
    width: 60px;
}

/* Dashboard css */

.hub_app_1 ul.users-list {
    padding: 0;
}

.hub_app_1 ul.users-list li:first-child {
    border-bottom: 0;
    border-top: medium none;
}

.hub_app_1 ul.users-list li {
    border-bottom: 1px solid #d4d4d4;
    list-style: none outside none;
    min-height: 60px;
    padding: 5px 10px;
}

.hub_app_1 ul.users-list li {
    list-style: none outside none;
}

.hub_app_1 ul.users-list li a img.avatar {
    border-radius: 50em;
    float: left;
    height: 40px;
    margin-right: 20px;
    margin-top: 3px;
    width: 40px;
}

.hub_app_1 ul.users-list li .name {
    color: #106894;
    font-size: 16px;
    margin: 5px 0 3px;
}

.hub_app_1 ul.users-list li span {
    color: #484848;
    display: inline-block;
    margin-right: 5px;
}

.hub_app_1 ul.users-list .setupButton {
    position: absolute;
    right: 8px;
    top: 8px;
}

.hub_app_1 ul.users-list li {
    background-color: #fff;
    margin-bottom: 8px;
	border-top:1px solid #d4d4d4;
}

.hub_app_1 .inbox-List li {
    border-bottom: 0 none !important;
    border-radius: 5px;
    margin-bottom: 8px;
}

.hub_app_1 .scheduleDashboard .available-list ul li {
    border-radius: 5px;
    margin-bottom: 1px;
    border-bottom: 0;
}

.hub_app_1 #zipDashboard .footer {
    position: fixed;
    bottom: 0;
    padding-left: 50px;
    left: 0;
    width: 100%;
    border-top: 1px solid #ddd;
    z-index: 999;
    padding: 15px 0;
    text-align: center;
    background: #aaaaaa
}

.hub_app_1 #zipDashboard .footer ul {
    display: inline-block;
    text-align: center;
    margin: 0;
    vertical-align: top;
}

.hub_app_1 #zipDashboard .footer h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px;
}

.hub_app_1 #zipDashboard .footer p {
    margin-bottom: 0;
}

.hub_app_1 #zipDashboard .footer li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 8px;
    position: relative;
    box-shadow: 0 0 3px #bdbdbd;
    padding: 15px;
    background-color: #fbfbfb;
    border-radius: 3px;
    width: 30%;
    vertical-align: top;
    height: 155px;
    overflow: hidden;
    text-align: left;
}

.hub_app_1 #zipDashboard .footer li:first-child {
    margin-left: 0;
}

.hub_app_1 #zipDashboard .footer li:last-child {
    margin-right: 0;
}
/* 
.hub_app_1 #zipDashboard .footer .itemImgBox, .footer .itemExplanation {
    display: inline-block;
    vertical-align: top;
} */

.hub_app_1 #zipDashboard .footer .itemImgBox {
   /*  background: #457FB2; */
    border-radius: 5px;
    height: 82px;
    padding: 0 15px;
    width: 86px;
    position: absolute;
    margin-left: 2px;
    margin-top: 4px;
}

.hub_app_1 #zipDashboard .footer .itemImgBox > img {
    padding-top: 11px;
}

.hub_app_1 #zipDashboard .footer .itemExplanation {
    padding-left: 100px;
}

.hub_app_1 #zipDashboard .footer li .itemOverlay {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 65px 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%
}

.hub_app_1 #zipDashboard .itemOverlay .btn {
    width: 110px;
    margin: 0 5px;
}

.hub_app_1 #zipDashboard .footer li:hover .itemOverlay {
    opacity: 1;
}

.hub_app_1 #zipDashboard .setupButton {
    position: absolute;
    top: 8px;
    right: 8px;
}

.hub_app_1 .zipSchdash-labor {
    background-color: #428BCA;
    border-radius: 10px;
}

.hub_app_1 .zipSchdash-schlabor {
    background-color: #F7941D;
    border-radius: 10px;
}

.hub_app_1 .zipSchdash-othours {
    background-color: #2ABB9C;
    border-radius: 10px;
}

/* schedule */
/* /rib/zipSchedule/schedule/dateModal.html */
.hub_app_1 .scheduler-employee-shift-hover div:first-child {
    background-color: #3276B1 !important;
}

.hub_app_1 .scheduler-employee-shift-hover .template {
    line-height: 30px;
}
#shiftSlot .scheduler-employee-shift {
    border: 1px solid #f1f1f1;
}

.hub_app_1 .date-icon {
    margin-left: -20px;
    margin-top: 8px;
    position: absolute;
}

.hub_app_1 .modal .modal-date {
    text-align: center;
}

.hub_app_1 .modal-date .modal-body {
    min-height: 1px;
}

.hub_app_1 .modal-date .dropdown-datepicker {
    margin-left: -22px;
}

.hub_app_1 .dropdown-datepicker table {
   /*  width: 200px; */
}

.hub_app_1 .unassigned-shift {
    margin-left: 10px;
    font-size: 14px;
}

.hub_app_1 .modal .modal-date table .btn {
    padding: 6px 8px !important;
}

.hub_app_1 .opacity-1 {
    opacity: 1;
}

.hub_app_1 .enterTemplName.modal-sm {
    width: 440px;
    top: 85px;
}

.hub_app_1 .search-position {
    position: absolute;
    top: 6px;
    left: 0;
}

/* /rib/zipSchedule/schedule/selectTemplate.html */

/* schedule ends*/

/* scheduleTempelate */
.hub_app_1 .templateCafe {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.hub_app_1 .CafeHover {
    opacity: 0;
    transition: 0.4s;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
}

.hub_app_1 .templateCafe:hover .CafeHover {
    opacity: 1;
}

.hub_app_1 .CafeHover button {
    display: inline-block;
    font-size: 15px;
    margin: 9px 10px 0;
    padding: 3px 0 5px;
    width: 80px;
}

.hub_app_1 .cafeHeader {
    background-color: #578ebe;
    border-radius: 3px 3px 0 0;
    color: #fff;
    padding: 3px 0;
    text-align: center;
}

.hub_app_1 .cafeScheduleList {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    float: left;
    border: 1px solid #dadada;
    width: 100%;
}

.hub_app_1 .cafeScheduleList li {
    background-color: #fff;
    float: left;
    padding: 2px 15px;
    width: 100%;
}

/* endTemplateCss */
/* css for help-guide */

.hub_app_1 .guided-help-step-action {
    position: absolute;
    z-index: 9999;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.hub_app_1 .guided-help-step-action::after {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    content: "";
    cursor: pointer;
    height: 60px;
    position: absolute;
    width: 60px;
    z-index: -1;
}

.hub_app_1 #guided-help-wrapper {
    height: 100%;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1030;
}

.hub_app_1 .guided-help-step-circle {
    /*cursor: pointer;*/
    border: 10000px solid rgba(0, 0, 0, 0.6);
    color: #fff;
    border-radius: 50%;
    height: 61px;
    margin-left: -10000px;
    margin-top: -10000px;
    position: absolute;
    width: 62px;
    transition: 0.6s;
    box-sizing: content-box;
}

.hub_app_1 .guided-help-step-action {
    transition: 0.6s;
}

.hub_app_1 #guided-help-steper {
    transition: 0.6s;
}

.hub_app_1 .guided-help-step-action .guided-help-step-counter {
    background-color: #99cc32;
    border-radius: 50%;
    color: #fff;
    left: -5px;
    padding: 5px 10px;
    position: absolute;
    top: -7px;
    transition: 0.6s;
}

.hub_app_1 .helpMessage {
    left: -150px;
    position: absolute;
    top: 100px;
    width: 300px;
}

.hub_app_1 .helpMessage:before {
    background: rgba(0, 0, 0, 0) url(../icons/arrow-left.png) no-repeat scroll 0 0;
    content: "";
    height: 85px;
    left: 65px;
    position: absolute;
    top: -85px;
    width: 67px;
    transform: none;
}

.hub_app_1 .guide-done {
    margin: 0 auto;
    position: relative;
    top: 230px;
    z-index: 1100;
}

.hub_app_1 .HelpMeMessage {
    position: absolute;
    right: 187px;
    top: -170px;
    display: none;
}

.hub_app_1 .HelpMeMessage::before {
    background: rgba(0, 0, 0, 0) url(../icons/arrow-left.png) no-repeat scroll 0 0;
    content: "";
    height: 70px;
    position: absolute;
    right: -17px;
    top: -70px;
    width: 75px;
}






.hub_app_1 .onb-wiz-mdl-pos, .onb-wiz-mdl-create-shift {
    width: 550px !important;
	max-width: 100%;
}

.hub_app_1 #guided-help-wrapper .modal-backdrop {
	opacity: 0.5;
}
/* css for help-guide ends */

/* Team Center Css */

/* rib/zipSchedule/teamCenter/addTimeOffReq.html */
.hub_app_1 .modal {
    display: block;
    width: 1000;
}

.hub_app_1 #addTimeOffReq .modal-dialog {
    max-height: 780px;
    overflow: auto;
}

.hub_app_1 .displaynone {
    display: none;
}

.hub_app_1 .displayblock {
    display: block;
}

.hub_app_1 #addTimeOffReq label {
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px !important;
}

.hub_app_1 #addTimeOffReq textarea {
    background-color: #FFFFFF;
    border: 1px solid #D5D5D5;
    box-shadow: none;
    color: #858585;
    font-family: inherit;
    font-size: 12px;
    height: 70px !important;
    transition-duration: 0.1s;
}

.hub_app_1 #addTimeOffReq input[type="radio"] + .lbl:before {
    height: 13px !important;
    line-height: 8px !important;
}


/* Member Contacts */
.hub_app_1 #member-contact .member {
    border: 1px solid #ebebeb;
    margin-bottom: 10px;
    -moz-box-shadow: 1px 1px 1px rgba(0, 1, 1, 0.03);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 1, 1, 0.03);
    box-shadow: 1px 1px 1px rgba(0, 1, 1, 0.03);
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 6px;
    margin-left: -13px;
    margin-right: -13px;
    padding: 10px;
    background: #FFF;
}

.hub_app_1 #member-contact .member:hover {
    background: #F7F7F7;
    box-shadow: 1px 1px 1px rgba(0, 1, 1, 0.07);
    -moz-box-shadow: 1px 1px 1px rgba(0, 1, 1, 0.06);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 1, 1, 0.07);
    border-color: #E3E3E3;
}

.hub_app_1 #member-contact .member-name {
    color: #478FCA;
}

.hub_app_1 #member-contact .member .envelope i {
    margin-right: 10px;
}

.hub_app_1 #member-contact .member .phone i {
    margin-right: 14px;
}

.hub_app_1 #member-contact .member-entry img {
    max-height: 90px;
    width: 77px;
    height: 77px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #F7F7F7;
    box-shadow: 0 0px 5px 1px #E0E0E0;
}
 

@media ( max-width: 650px) {
    #member-contact .member-entry .pull-right {
        text-align: left !important;
        float: none !important;
    }

    .hub_app_1 #member-contact .member-entry .pull-left {
        float: none !important;
    }
}

.hub_app_1 .member-contact .member-entry {
    height: 105px;
}

/* rib/zipSchedule/teamCenter/contacts.html ends*/

/* rib/zipSchedule/teamCenter/custAvailability.html */
.hub_app_1 #custAvailForm .form-control {
    height: 23px !important;
}

/* rib/zipSchedule/teamCenter/custAvailability.html ends */

/* rib/zipSchedule/teamCenter/myschedule.html */
.hub_app_1 .modal-shift-offer {
    margin: 0 0 5px;
    padding: 10px 15px 4px;
}

.hub_app_1 #datepkr-auto .dropdown-datepicker {
    right: auto;
}

.hub_app_1 .date-picker-btn {
    width: 210px;
}

/* rib/zipSchedule/teamCenter/myschedule.html ends */

/* rib/zipSchedule/teamCenter/shiftAcceptReqModal.html */

.hub_app_1 #teamcenter-shiftAcceptReqMdl .modal-body {
    max-height: 500px;
    min-height: 100px;
    overflow: auto;
}

/* rib/zipSchedule/teamCenter/shiftAcceptReqModal.html ends*/

/* rib/zipSchedule/teamCenter/siteSchedule.html */
.hub_app_1 .site-sch-shift {
    background-color: #D9EDF7;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    height: 38px;
    padding-top: 9px;
    color: #3170A0;
}

.hub_app_1 .date-picker-btn {
    width: 210px;
}

/* rib/zipSchedule/teamCenter/siteSchedule.html ends */

/* rib/zipSchedule/teamCenter/teamCenter_request.html */
.hub_app_1 .teamCenter_request-content {
    overflow-y: auto;
}

/* .teamCenter_request-content .panel-heading {padding: 7px 15px;}
*/
.hub_app_1 .teamCenter_request-content .panel-primary .panel-heading {
    background-color: #4A98BE;
    border-color: #4A98BE;
    color: #FFFFFF;
}

.hub_app_1 .teamCenter_request-content .panel-primary {
    border-color: #4A98BE;
}

.hub_app_1 .teamCenter_request-contentCursor {
    cursor: pointer;
    margin: 0px 6px 0 0px;
}

.hub_app_1 .bottom-TeamCenterReuestAvail {
    margin-bottom: 10px;
}

.hub_app_1 .panel-space {
    margin-bottom: 8px;
}

.hub_app_1 .hideTabPanel {
    display: none;
}

/*Tickets Widget*/
.hub_app_1 .list-group.tickets {
    margin: 0px;
    background: #F2F2F2;
    padding: 5px;
}

.hub_app_1 .list-group.tickets .list-group-item {
    overflow: hidden;
    margin-bottom: 5px;
    background: #F7F7F7;
    border-radius: 4px;
    border-color: #D9D9D9;
    padding: 10px;
}

/* rib/zipSchedule/teamCenter/teamCenter_request.html ends */

/* /rib/zipSchedule/teamCenter/timeOff.html */

.hub_app_1 .time-off {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #CCCCCC;
    padding: 10px 15px;
}

.hub_app_1 #timeRange input {
    height: 30px;
}

.hub_app_1 #timeMdl .modal-body {
    height: 320px;
    overflow: visible;
}

/* /rib/zipSchedule/teamCenter/timeOff.html ends*/

/* rib/zipSchedule/teamCenter/timeOffOvrlap.html */

/* .hub_app_1 #team-Center-timeOffOvrlap .modal-body {
    max-height: 300px;
    min-height: 100px;
    overflow: auto;
} */

.hub_app_1 #team-Center-timeOffOvrlap{
	width:40%;
	margin:30px auto;
}

.hub_app_1 #shiftOffer-overlap .modal-body {
    max-height: 500px;
    min-height: 100px;
    overflow: auto;
}



/* rib/zipSchedule/teamCenter/timeOffOvrlap.html ends */

/*siteSchedule.html start*/
.hub_app_1 .mySchSiteName {
    margin-bottom: 5px;
    margin-left: -90px;
    margin-right: -15px;
    cursor: pointer;
}

.hub_app_1 .mySchSiteData {
    margin-left: -90px;
    padding-left: 90px;
    margin-top: 12px;
}

/*siteSchedule.html end*/

.hub_app_1 #siteSch .dropdown-menu {
    z-index: 1000;
}

.hub_app_1 #mySch .dropdown-menu {
    z-index: 1000;
}

.hub_app_1 #siteSch .panel-title {
    color: white;
}

.hub_app_1 #siteSch .fa-caret-up {
    margin-top: 1%;
}

.hub_app_1 #siteSch .fa-caret-down {
    margin-top: 1%;
}

/* .hub_app_1 .timeline {list-style: none; padding: 5px 0 5px; position: relative;}
.hub_app_1 .timeline:before {top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #eeeeee; left: 4%; margin-left: -1.5px;}
.hub_app_1 .timeline > li {margin-bottom: 5px; position: relative;}
.hub_app_1 .timeline > li:before, .timeline > li:after {content: " "; display: table;}
.hub_app_1 .timeline > li:after {clear: both;}
.hub_app_1 .timeline > li:before, .timeline > li:after {content: " "; display: table;}
.hub_app_1 .timeline > li:after {clear: both;}
.hub_app_1 .timeline > li > .timeline-panel {width: 89%; float: left; border: 1px solid #d4d4d4; border-radius: 2px; padding: 8px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);}
.hub_app_1 .timeline > li > .timeline-panel:before {position: absolute; top: 8px; right: -10px; display: inline-block; border-top: 10px solid transparent; border-left: 10px solid #ccc; border-right: 0 solid #ccc; border-bottom: 10px solid transparent; content: " ";}
.hub_app_1 .timeline > li > .timeline-panel:after {position: absolute; top: 8px; right: -10px; display: inline-block; border-top: 10px solid transparent; border-left: 10px solid #fff; border-right: 0 solid #fff; border-bottom: 10px solid transparent; content: " ";}
.hub_app_1 .timeline > li > .timeline-badge {color: #fff; width: 30px; height: 30px; line-height: 40px; font-size: 1.4em; text-align: center; position: absolute; top: 6px; left: 5%; margin-left: -22px; background-color: #999999; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;}
.hub_app_1 .timeline > li.timeline-inverted > .timeline-panel {float: right;}
.hub_app_1 .timeline > li.timeline-inverted > .timeline-panel:before {border-left-width: 0; border-right-width: 11px; left: -11px; right: auto;}
.hub_app_1 .timeline > li.timeline-inverted > .timeline-panel:after {border-left-width: 0; border-right-width: 10px; left: -10px; right: auto;}
.hub_app_1 .timeline-badge.primary {background-color: #2e6da4 !important;}
.hub_app_1 .timeline-badge.success {background-color: #3f903f !important;}
.hub_app_1 .timeline-badge.warning {background-color: #f0ad4e !important;}
.hub_app_1 .timeline-badge.danger {background-color: #d9534f !important;}
.hub_app_1 .timeline-badge.info {background-color: #5bc0de !important;}
.hub_app_1 .timeline-title {margin-top: 0; color: inherit;}
.hub_app_1 .timeline-body > p, .timeline-body > ul {margin-bottom: 0;}
.hub_app_1 .timeline-body > p + p {margin-top: 5px;}
 @media ( max-width: 767px) {ul.timeline:before {left: 40px;}
.hub_app_1 ul.timeline > li > .timeline-panel {width: calc(100% -90px); width: -moz-calc(100% -90px); width: -webkit-calc(100% -90px);}
.hub_app_1 ul.timeline > li > .timeline-badge {left: 15px; margin-left: 0; top: 16px;}
.hub_app_1 ul.timeline > li > .timeline-panel {margin-left: 20px;}
.hub_app_1 ul.timeline > li > .timeline-panel:before {border-left-width: 0; border-right-width: 15px; left: -15px; right: auto;}
.hub_app_1 ul.timeline > li > .timeline-panel:after {border-left-width: 0; border-right-width: 14px; left: -14px; right: auto;}}
.hub_app_1 .siteSch-scroll {max-height: 200px;overflow-y: auto;}
.hub_app_1 #availModalView hr{border-color:#a9a9a9;}
 ***************Site Scedule****************
.hub_app_1 .scheduleTimelineData{background-color: #fff; border-radius: 0 0 4px 4px; margin-bottom: 30px;padding-bottom: 15px;}
.hub_app_1 .timelineHeading h4 {background-color: #8a8a8a; border: 1px solid #8a8a8a; border-radius: 5px 5px 0 0; color: #fff; margin: 0; padding: 8px 15px; position: relative;}
.hub_app_1 .timelineHeading h4::before {border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #8a8a8a; content: ""; display: inline-block; left: 41px; position: absolute; top: 42px; z-index: 1000;}
.hub_app_1 #siteSch .timelineHeading h4 i{margin: 0 10px 0 0;}
.hub_app_1 .scheduleTimelin-Listings{list-style: none; margin: 0; padding: 0;}
.hub_app_1 .scheduleTimelin-Listings li {float: left; width: 100%;}
.hub_app_1 .scheduleDateBox {background-color: #E3E3E3; border-radius: 5px; color: #000; display: inline-block; margin: 40px 0 25px; padding: 7px 10px; position: relative;}
.hub_app_1 .scheduleDateBox:before{content: ""; position: absolute; top: -40px; height: 40px; left: 50%; margin-left: -1px; width: 2px; background-color: #e3e3e3;}
.hub_app_1 .scheduleDateBox:after{content: ""; position: absolute; bottom: -25px; height: 25px; left: 50%; margin-left: -1px; width: 2px; background-color: #e3e3e3;}
.hub_app_1 .number-of-schShift {background-color: #aaaaaa; border: 1px solid #8a8a8a; border-radius: 4px 4px 0 0;}
.hub_app_1 .number-of-schShift.no-schShift {background-color: #f2dede; border-color: #d46664; border-radius: 4px;}
.hub_app_1 .number-of-schShift span, .number-of-schShift i{vertical-align: middle;}
.hub_app_1 .number-of-schShift span {float: left; padding: 10px 0 10px 10px; color: #fff;}
.hub_app_1 .number-of-schShift.no-schShift span{color: #d46664;}
.hub_app_1 .togglePlusMinus {background-color: #8a8a8a; padding: 10px 15px; color: #fff;}
.hub_app_1 .schedule-shift-mainBox{border: 1px solid #adbea6; position: relative; border-radius: 0 0 4px 4px; border-top: 0; overflow: hidden; max-height: 225px; overflow-y: auto;}
.hub_app_1 .schedule-shift-mainBox ul{margin: 0; padding: 0;}
.hub_app_1 .schedule-shift-mainBox li{list-style: none; margin-top: 10px;}
.hub_app_1 .schedule-shift-mainBox li:first-child{margin-top: 0;}
.hub_app_1 .singleEmpSchedule-shift{background-color: #EBEBEB; border-radius: 4px; position: relative; float: left; width: 100%; min-height: 60px; overflow: hidden;}
.hub_app_1 .singleEmpSchedule-shift .empImg-box img {border-radius: 50%; height: 40px; margin: 10px; width: 40px;}
.hub_app_1 .singleEmpSchedule-shift .empImg-box{position: absolute; left: 0; top: 0;}
.hub_app_1 .singleEmpSchedule-shift h4{margin-left: 75px; font-size: 16px; margin-bottom: 5px;}
.hub_app_1 .singleEmpSchedule-shift .schedule-shift-detailBox{margin-left: 75px;}
 *************************END**************************************
 
 ********************** My Schedule *****************************
.hub_app_1 .mySchedule-timeline {background-color: #fff; border-radius: 5px; margin-bottom: 20px;}
.hub_app_1 .mySchedule-timeline .scheduleDateBox {margin: 25px 0 15px;}
.hub_app_1 .mySchedule-timeline .scheduleDateBox::before{height: 25px; top: -25px;}
.hub_app_1 .mySchedule-timeline .scheduleDateBox::after{height: 15px; bottom: -15px;} */
/*********************** End ******************************/

/*********************** Cust Avialability ************************/
.hub_app_1 .availabilty-accordian-head {
    background-color: #f8f8f8;
    padding: 7px 15px 7px;
}

.hub_app_1 .availabilty-accordian-head .accordian-title {
    font-size: 15px;
    margin-top: 3px;
}

.hub_app_1 .custAvail-status {
    float: left;
    width: 100%;
    background-color: #fbfbfb;
    border: 1px solid #eeeeee;
    border-radius: 0 0 2px 2px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: -2px;
}

.hub_app_1 .custAvail-status .radius-5 {
    border-radius: 5px;
}

.hub_app_1 .custAvail-status .blockWidth-200 {
    display: inline-block;
    vertical-align: middle;
    width: 230px;
    padding: 0 7px;
}

/*********************** End ************************/

.hub_app_1 .alta-warning .list-group {
    margin: 5px 0;
}

.hub_app_1 .alta-warning .list-group > .list-group-item {
    border-left: 0 none;
    border-right: 0 none;
}

.hub_app_1 .alta-warning .list-group .list-group-item {
    border-color: #dbdfe6;
    padding-left: 0;
    padding-right: 0;
}

.hub_app_1 .alta-warning .list-group .list-group-item:first-child {
    border: 0;
}

.hub_app_1 .alta-warning .list-group .list-group-item h4, .alta-warning .list-group .list-group-item p {
    font-weight: 700;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

.hub_app_1 .alta-warning .list-group .list-group-item h4 {
    color: #262b36;
    font-size: 14px;
}

.hub_app_1 .alta-warning .list-group .list-group-item p {
    color: #818da7;
    font-size: 11px;
    letter-spacing: 0.5px;
}

.ScheduleRepeatBox .timeline-label-inner .alert {
    margin-bottom: 0;
}

.hub_app_1 #copySchedule table{
	width: 100%;
}
.hub_app_1 .scheduled-listing .width-90per{
    width:90%;
}
.hub_app_1 .currentDayCalender .overnightShiftSchedule:before {border-bottom: 0 solid transparent; border-right: 15px solid #fff; border-top: 20px solid transparent; bottom: 0; content: ""; position: absolute; right: 0;}
.hub_app_1 .currentDayCalender .overnightShiftSchedule:after {border-bottom: 20px solid transparent; border-right: 15px solid #fff; border-top: 0 solid transparent; content: "";  position: absolute; right: 0; top: 0;}
.hub_app_1 .currentDayCalender .overnightShiftSchedule{border: 0 !important; border-radius: 20px 0 0 20px;}
.hub_app_1 .currentDayCalender.scheduled-emp-daily-row .overnightShiftSchedule .emp-daily-action{right: 19px;}
.hub_app_1 .nextDayCalender .overnightShiftSchedule:before {border-bottom: 0 solid transparent; border-left: 15px solid #fff; border-top: 20px solid transparent; bottom: 0; content: ""; position: absolute; left: 0;}
.hub_app_1 .nextDayCalender .overnightShiftSchedule:after {border-bottom: 20px solid transparent; border-left: 15px solid #fff; border-top: 0 solid transparent; content: "";  position: absolute; left: 0; top: 0;}
.hub_app_1 .nextDayCalender .overnightShiftSchedule{border: 0 !important; border-radius: 0 20px 20px 0;}
.hub_app_1 .for-opacity-down .ui-state-disabled, .hub_app_1 .for-opacity-down{opacity: 0.7;}
/*.hub_app_1 #timeMdl input[type=radio] + .lbl::before{line-height: 7px;}*/
.hub_app_1 .pending-requests{
    max-height: 350px;
    overflow-x: hidden;
}

 .weather-deails .iconWeatherInfo,.weather-deails .weatherDetailText{vertical-align: middle;}
  .weather-deails .iconWeatherInfo i{float: left;}
  .weather-deails .weatherDetailText{width: 64px; margin-left: 10px;}
.hub_app_1 #zipDashboard .box-title{
    background-color: rgb(234, 234, 227) ! important;
}
.hub_app_1 .scheduler-day-col .moon-icon{
    width: 12px;
    height: 12px;
    /* New css to align bottom */
    margin-bottom:-6px;
}
.hub_app_1 #schTable{overflow-x: hidden;}
.hub_app_1 #zipDashboard #schedules-report.sch-dsb-chart-245{min-height: 245px}
.hub_app_1 #zipDashboard #schedules-report.sch-dsb-chart-256{min-height: 257px}
.hub_app_1  #siteSch  .layout-timeline  .glyphicons.pencil  i::before{
font-size: 25px  !important;
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #bcc4cf;
    position: absolute;
}
/*
.scheduler-day-col:hover {
    border: 2px solid #ff0000;
}*/

.zsbd-avtar-border{
    border-color:#2ABB9A
}
.site-sch-avtar{
    position: absolute;top: 10px;right: 10px;height: 30px;width: 30px;border-radius: 100%;
}
.hub_app_1 #schedule-user .pos-guide .popover-content {
    background-color:#fff;
    border: 0;
}
.hub_app_1 #cust-avail .label {
    border: 1px solid #17a185 !important;
}
.hub_app_1 #shiftSlot textarea.form-control, .hub_app_1 #customShift textarea.form-control{
	 height: 100px;
}
.hub_app_1 .select2-container-multi .select2-choices .select2-search-choice{
margin: 2px 5px 2px 0;
}
.hub_app_1 .employee-Avail-Shift{
background-color:#F7F8FC;
padding:10px;
border:1px solid #d1d2d4;
border-radius:4px;
}
.hub_app_1 .box-info svg{
    vertical-align:middle;
}
.hub_app_1 #schedule-user .tools-popup .dropdown-menu {
right: -63px;
}

.without-bg{background:none; border: 2px dotted #999999;}
.hub_app_1 .without-bg .icon-wrap{background: none !important;}
.hub_app_1 .without-bg .scheduler-day-time{color: #777;}
.hub_app_1 .without-bg .scheduler-day-position{color: #777; background: none;}
.hub_app_1 .without-bg .employee-daily-position{color: #777; background: none;}

.hub_app_1 .more-tooltip-details {
    background: rgba(0,0,0,0.68) none repeat scroll 0 0;
    color: #fff;
    font-size: 12px;
    margin: 10px 0 0 -56px;
    position: relative;
    width: 140px;
    z-index: 9999;
    display: none;
}
.hub_app_1 .more-tooltip-details:before{
	content: "";
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -5px;
	border-bottom: 10px solid #000;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

.hub_app_1 .more-tooltip-details div{
	line-height: 30px;
	border-top: 1px solid #666;
}
.hub_app_1 .more-tooltip-details div:first-child{
	border-top: 0;
}
	
.hub_app_1 .tooltipUpper .more-tooltip-details{
	margin: 0 0 0 -56px;
	position: absolute;
	top: -130px;
	z-index: 9999;
}

.hub_app_1 .tooltipUpper .more-tooltip-details:before{
	content: "";
	position: absolute;
	bottom: -10px;
	top: auto;
	left: 50%;
	margin-left: -5px;
	border-bottom: 0;
	border-top: 10px solid #000;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.hub_app_1 .daily-coverage .daily-coverage-table.table td.col{
    padding: 8px !important;
}
.hub_app_1 .daily-coverage .daily-coverage-table.table td.day-view.day-col{
    padding-top: 8px !important;
}
.hub_app_1 .daily-coverage .table .day-col-header{
    padding: 1px !important;
}
.hub_app_1 .daily-coverage .daily-coverage-footer.table th{
    color: #333333 !important;
    font-weight: 600 !important;
}
.hub_app_1 .daily-coverage .daily-coverage-footer.table tbody :last-child td {
    border-bottom: 0 none !important;
}
.hub_app_1 .scheduler-day-col.closed-day {
	background-color: pink !important;
}

.hub_app_1 .closed-day-with-opecity {
    background-color: pink !important;
    opacity: 0.35;
}

.tool-tip-sch-action{
    border-bottom: 1px solid #616974;
    text-align: left;
    cursor: pointer;
}

.hub_app_1 .daily-coverage.daily-schedule-box {
    line-height: 34px;
}
.hub_app_1 table.daily-report-table thead tr th{
    background-color:#EAEAEA;
    padding:8px 1px;
}
.hub_app_1 table.daily-report-table thead tr th:first-child{
    background-color: none !important;
    background-color: transparent;
    border: 0px !important;
}
.hub_app_1 .daily-coverage .dayShiftWise {
    border-radius: 15px;
    height: 25px !important;
    line-height: 25px;
    margin: 0px;
    top: 4px;
}
.hub_app_1 .daily-coverage .daily-schedule-box_blank{
    font-weight: normal !important;
}
/* new design */
.uiDesign .tooltip-inner {padding: 0 !important;}
.uiDesign .tooltip-inner .tool-tip-sch-action{padding: 4px 6px;}
.uiDesign .tooltip-inner .tool-tip-sch-action:hover{background-color: #222222;}
.uiDesign .tooltip-inner .form-group{margin-bottom: 0;}
 .hub_app_1 .scheduled-emp-daily-row .employee-daily-offer{
    display: inline-block;
    padding-left: 35px;
    vertical-align: middle;
}
/* .hub_app_1 .employee-Avail-Shift .minor-shared-icon{
    top:40px;
}
.hub_app_1 .employee-Avail-Shift .minor-shared-icon.minor-icon{
     left:36px;
} */

.hub_app_1 .sch-dropdown-filter{
    overflow-x: hidden; overflow-y: auto; list-style: outside none none; max-height: 250px; padding-left: 10px;
}
.hub_app_1 .pending-req .popover-title{
background-color:#499DD9;
border-color:#499DD9;
}
.hub_app_1 .warning-req .bg-day-req{
background-color:#843c0c;
color:#fff;
border-radius:4px 4px 0 0; 
-webkit-border-radius:4px 4px 0 0;
}
.hub_app_1 .pending-req .bg-date-req,.hub_app_1 .warning-req .bg-date-req{
background-color:#478FCA;
color:#fff;
border-radius:4px;
-webkit-border-radius:4px;
}
.hub_app_1 .pending-req .popover-bordered-req {
border:1px solid #499DD9; 
}
.hub_app_1 .pending-req .popover.popover-bordered-danger.popover-bordered-req.right > .arrow,
.hub_app_1 .pending-req .popover-danger.popover-bordered-req.right > .arrow{
border-right-color:#499DD9;
}
.hub_app_1 .pending-req .btn-metro{
height:52px;
width:48px;
padding:10px 10px 0;
}
.alta-warning .popover-title .close{
	color:#fff;
	opacity:1;
}

/************MY SCHEDUELE**************/

.hub_app_1 .my-scheduletable table.sch-table > tbody tr td h4 {
    margin: 0 0 5px;
    font-size: 15px;
    color: rgb(119, 119, 119);
    font-weight: 400;
}
.hub_app_1 .my-scheduletable table.sch-table .cont-section {
    font-size: 12px;
    margin: 5px 0px 0px;
    color: rgb(153, 153, 153);
    overflow: hidden;
    clear: both;
}
.hub_app_1 .my-scheduletable .sch-time {
    float: left;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
}
.hub_app_1 .my-scheduletable .sch-save-seat {
    float: right;
}
.hub_app_1 .my-scheduletable .sch-save-seat a {
    background-color: #CCC;
    border-radius: 0.25em;
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    padding: 3px 8px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    vertical-align: middle;
    white-space: nowrap;
}
.hub_app_1 .my-scheduletable .sch-table-content {
    background-color: #fff;
    border-radius: 2px;
    padding: 5px;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.hub_app_1 .my-scheduletable .sch-dated {
    color: #BBB;
    font-size: 30px;
    margin-bottom: 10px;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.hub_app_1 .my-scheduletable table.sch-table td:hover .sch-dated {
    color: #777;
}
.hub_app_1 .my-scheduletable .blockquote {
    border-left: 2px solid #CCCCCC;
    padding: 3px 3px 3px 5px;
}
.hub_app_1 .my-scheduletable .blockquote.timekeeping {
    border-color: #F8AC59;
}
.hub_app_1 .my-scheduletable .blockquote.scheduler {
    border-color: #23c6c8;
}
.hub_app_1 .my-scheduletable .blockquote.redbook {
    border-color: #ed5565;
}
.hub_app_1 .my-scheduletable .blockquote.timekeeping .sch-save-seat a {
    background-color: #F8AC59;
}
.hub_app_1 .my-scheduletable .blockquote.scheduler .sch-save-seat a {
    background-color: #23c6c8;
}
.hub_app_1 .my-scheduletable .blockquote.redbook .sch-save-seat a {
    background-color: #ed5565;
}
.hub_app_1 .my-scheduletable .text-navy {
    color: #1ab394;
}
.hub_app_1 .my-scheduletable .navy-line {
    border-bottom: 2px solid #1ab394;
    height: 1px;
    margin: 60px auto 0;
    width: 60px;
}
.hub_app_1 .my-scheduletable .noIbar {
    cursor: default;
}
/* TABLES */

.hub_app_1 .my-scheduletable .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.hub_app_1 .my-scheduletable .table > thead > tr > th,
.hub_app_1 .my-scheduletable .table > tbody > tr > th,
.hub_app_1 .my-scheduletable .table > tfoot > tr > th,
.hub_app_1 .my-scheduletable .table > thead > tr > td,
.hub_app_1 .my-scheduletable .table > tbody > tr > td,
.hub_app_1 .my-scheduletable .table > tfoot > tr > td {
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #e7eaec;
}
.hub_app_1 .my-scheduletable .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #e7eaec;
}
.hub_app_1 .my-scheduletable .table > caption + thead > tr:first-child > th,
.hub_app_1 .my-scheduletable .table > colgroup + thead > tr:first-child > th,
.hub_app_1 .my-scheduletable .table > thead:first-child > tr:first-child > th,
.hub_app_1 .my-scheduletable .table > caption + thead > tr:first-child > td,
.hub_app_1 .my-scheduletable .table > colgroup + thead > tr:first-child > td,
.hub_app_1 .my-scheduletable .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.hub_app_1 .my-scheduletable .table > tbody + tbody {
    border-top: 2px solid #e7eaec;
}
.hub_app_1 .my-scheduletable .table .table {
    background-color: #ffffff;
}
.hub_app_1 .my-scheduletable .table-condensed > thead > tr > th,
.hub_app_1 .my-scheduletable .table-condensed > tbody > tr > th,
.hub_app_1 .my-scheduletable .table-condensed > tfoot > tr > th,
.hub_app_1 .my-scheduletable .table-condensed > thead > tr > td,
.hub_app_1 .my-scheduletable .table-condensed > tbody > tr > td,
.hub_app_1 .my-scheduletable .table-condensed > tfoot > tr > td {
    padding: 5px;
}
.hub_app_1 .my-scheduletable .table-bordered > thead > tr > th,
.hub_app_1 .my-scheduletable .table-bordered > tbody > tr > th,
.hub_app_1 .my-scheduletable .table-bordered > tfoot > tr > th,
.hub_app_1 .my-scheduletable .table-bordered > thead > tr > td,
.hub_app_1 .my-scheduletable .table-bordered > tbody > tr > td,
.hub_app_1 .my-scheduletable .table-bordered > tfoot > tr > td {
    border: 1px solid #e7eaec;
}
.hub_app_1 .my-scheduletable .table-bordered > thead > tr > th,
.hub_app_1 .my-scheduletable .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
.hub_app_1 .my-scheduletable .table-bordered {
    border: 1px solid #EBEBEB;
}
.hub_app_1 .my-scheduletable .table-bordered > thead > tr > th,
.hub_app_1 .my-scheduletable .table-bordered > thead > tr > td {
    background-color: #f5f5f6;
    border-bottom-width: 1px;
    font-size: 15px;
    text-transform: uppercase;
}
.hub_app_1 .my-scheduletable .table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}
@media screen and (max-width: 767px) {
    .hub_app_1 .my-scheduletable .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #dddddd;
    }
    .hub_app_1 .my-scheduletable .table-responsive > .table {
        margin-bottom: 0;
    }
    .hub_app_1 .my-scheduletable .table-responsive > .table > thead > tr > th,
    .hub_app_1 .my-scheduletable .table-responsive > .table > tbody > tr > th,
    .hub_app_1 .my-scheduletable .table-responsive > .table > tfoot > tr > th,
    .hub_app_1 .my-scheduletable .table-responsive > .table > thead > tr > td,
    .hub_app_1 .my-scheduletable .table-responsive > .table > tbody > tr > td,
    .hub_app_1 .my-scheduletable .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .hub_app_1 .my-scheduletable .table-responsive > .table-bordered {
        border: 0;
    }
    .hub_app_1 .my-scheduletable .table-responsive > .table-bordered > thead > tr > th:first-child,
    .hub_app_1 .my-scheduletable .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .hub_app_1 .my-scheduletable .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .hub_app_1 .my-scheduletable .table-responsive > .table-bordered > thead > tr > td:first-child,
    .hub_app_1 .my-scheduletable .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .hub_app_1 .my-scheduletable .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .hub_app_1 .my-scheduletable .table-responsive > .table-bordered > thead > tr > th:last-child,
    .hub_app_1 .my-scheduletable .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .hub_app_1 .my-scheduletable .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .hub_app_1 .my-scheduletable .table-responsive > .table-bordered > thead > tr > td:last-child,
    .hub_app_1 .my-scheduletable .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .hub_app_1 .my-scheduletable .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .hub_app_1 .my-scheduletable .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .hub_app_1 .my-scheduletable .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .hub_app_1 .my-scheduletable .hub_app_1 .my-scheduletable .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .hub_app_1 .my-scheduletable .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}
.hub_app_1 .my-scheduletable .blockquote {
    background-color: #fff;
}
.sch-table-content {
    background: #ffffff;
    padding: 5px;
}
.timekeeping-panel {
    margin: 5px;
    padding-left: 10px;
}
.bd-orange {
    border-left: 3px solid #ef920f;
}
.bd-green {
    border-left: 3px solid #3ed06e;
}
.bd-blue {
    border-left: 3px solid #68bee1;
}
.bd-gray {
    border-left: 3px solid #D3D3D3;
}
.bd-red {
    border-left: 3px solid #CD5C5C;
}
.bd-voilet {
    border-left: 3px solid #dc4ad3;
}
.date-time {
    font-size: 3.3em;
    color: #838c95;
    line-height: 0.3em;
}
.sch-dated {
    margin-bottom: 10px;
    margin-top: 10px;
}
.td-timekeeping {
    vertical-align: top !important;
    position: relative;
    padding-bottom: 18px !important;
}
.add-time-off-button {
    margin-left: -55px;
    left: 50%;
    text-align: center;
    padding: 3px 15px;
    position: absolute;
    bottom: 0;
    background: #606873;
    color: #ffffff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.add-time-off-button:hover {
    color: #ffffff !important;
    opacity: 0.8;
}
.no-time-off-button {
    margin-left: -55px;
    left: 50%;
    text-align: center;
    padding: 3px 15px;
    position: absolute;
    bottom: 0;
    background: #efeeee;
    color: #7a7e87;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.no-time-off-button:hover {
    color: #7a7e87 !important;
    opacity: 0.8;
}
.my-time-cal {
    background: #68bee1;
    width: 100%;
    padding: 14px;
    border-radius: 5px;
}
.my-time-cal h3 {
    font-size: 24px;
    color: #ffffff;
    padding-bottom: 0px;
    border-bottom: 1px solid #5da8c7;
    display: block;
    text-align: center;
    font-weight: 500;
}
.my-time-cal span {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    font-weight: 500;
    display: block;
    font-weight: bold;
}
.schedules-date {
    font-weight: light;
    font-size: 24px;
    color: #5f6774;
    padding-bottom: 15px;
}
.schedules-date span {
    font-weight: bold;
    font-size: 24px;
    color: #5f6774;
    padding-bottom: 5px;
}
.schedules-button {
    width: 100%;
    float: right;
}
.schedules-button button {
    display: inline-block;
    margin: 0px;
    outline: none;
    border: 1px solid #d4d5d9;
    padding: 5px 15px;
    background: #f6f6f6;
    float: right;
    border-radius: 20px;
    color: #878c92;
    font-size: 16px;
}
.sch-table th {
    font-size: 20px !important;
    color: #616974 !important;
    text-align: center;
}

/* day part table new design */
.hub_app_1 #schTableHeader .table.customTable-header th,
.hub_app_1 .table.customTable-header > thead > tr{background: none;}
.hub_app_1 .day-part-hours{background-color: #578ebe; padding: 8px 0; border-radius: 20px;}
.hub_app_1 .day-part-hours .daily-schedule-box{border-right-color: #fff; line-height: 22px; color: #fff; font-size: 16px; font-weight: 600;}


.hub_app_1 .monthly-schedule-box-30{
    border-right: 1px solid #ccc;
    float: left;
    height: 55px;
}


.hub_app_1 .daily-schedule-box-30{
    border-right: 1px solid #ccc;
    float: left;
    width: 2.08333%;
    height: 55px;
}

.hub_app_1 .daily-schedule-box-30 span {
    float: left;
    transform: rotate(-90deg);
    left: -13px;
    position: relative;
    top: 17px;
}


.hub_app_1 .day-view-footer-popover {
    border-right: 1px solid #ccc;
    float: left;
    padding: 5px 0;
    width: 2.083%;
}

.hub_app_1 .fixed-labor .bg-grey{
background-color:#f2f2f2;
}
.hub_app_1 .fixed-labor .input-hours{
background-color:#00B0F0;
border:1px solid #00b0f0;
color:#fff;
}
.hub_app_1 .fixed-labor  .laborPercentCalender li{
width:12.81%;
}
.hub_app_1 .operation-fixed-hrs{
width:100px;
margin:0 auto;
}
.hub_app_1 .day-view-popup{
padding:0;
margin:-124px 0 0 -46px;
top:0px;
}
   .hub_app_1 #day-view-popup.dropdown-menu.day-view-popup:before{
  top: 95px; right: 80px;
  border-right: 10px solid transparent; 
  border-top: 10px solid #fff; 
  border-left: 10px solid transparent;
   position: absolute;
   content:"";
   border-bottom:0 none !important;
   }
.hub_app_1 #day-view-popup.dropdown-menu.day-view-popup:after{
  top: 96px; right: 80px;
  border-right: 10px solid transparent; 
  border-top: 10px solid #ccc; 
  border-left: 10px solid transparent;
   position: absolute;
   content:"";
   border-bottom:0 none !important;
   }

.hub_app_1 .day-view-popup li{
border-bottom:1px solid #ddd;
}
.hub_app_1 .day-veiw-listing{
background-color:#f1f1f1;
}
.hub_app_1 .day-view-popdown{
padding:0;
margin:0 0 0 -84px;
top:35px;
}

/** schedule pad footer design change **/
tbody.sch-footer-table tr.with-headerBG{background-color: #616974; color: #fff;}
tbody.sch-footer-table tr .no-padding.ng-binding {display: inline-block; width: 40px;}
.schForcast-title span b {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 40px;
    vertical-align: middle;
    font-size: 10px;
}
tbody.sch-footer-table-default tr.with-headerBG{background-color: #616974; color: #fff;}
.my-sch-shift{border-top:1px dotted #838c95}



/* site operation modal css */
.box-content .timeline_entry {
    float: left;
    margin: 0 0.8%;
    min-height: 100px;
    padding: 10px;
    width: 12.68%;
    text-align:center;
    border-radius: 4px;
}

.box-content .timeline_entry.bg-light-gray{background-color: #FCFCFC;}
.box-content .ophrs-form input{width: 100%;}

.tab-optr-modal-panel.box-content{border-top: 0;}
.tab-optr-modal-panel.box-content .timeline_entry{width: 98%; margin: 0 1% 7px; min-height: 0; padding: 6px 10px; background-color: #f7f7f7;}
.tab-optr-modal-panel.box-content .timeline_entry.bg-sky{background-color: #ffe9ed;}
.tab-optr-modal-panel .col-md-12.font-20{width: 70%; text-align: left; font-size: 22px;}
.tab-optr-modal-panel .col-md-12.padding-top-15 {text-align: right; width: 30%; padding-top: 5px !important;}
.tab-optr-modal-panel .col-md-12.no-padding {padding: 0 20% !important;}


/* schedulepad Filter */

.hub_app_1 .sch-filter div{
list-style-type:none;
padding:0;
}

.hub_app_1 .sch-filter ul.dropdown-menu.list-inline.daypartPos{
min-width:410px;
max-width:410px;
margin-left:-140px;
}
.hub_app_1 .sch-filter ul.dropdown-menu.list-inline.onlyPosition{
min-width:200px;
max-width:200px;
margin-left:-55px;
}

.hub_app_1 .sch-filter ul.dropdown-menu.list-inline.with-ReportFlag-true{
min-width:650px;
max-width:650px;
right:-270px;
padding: 10px 0;
}
.hub_app_1 .sch-filter ul.dropdown-menu.list-inline.daypartPos.with-ReportFlag-true{
min-width:500px;
max-width:500px;
right:-230px;
}
.hub_app_1 .sch-filter ul.dropdown-menu.list-inline.onlyPosition.with-ReportFlag-true{
min-width:350px;
max-width:350px;
right:-130px;
}


.hub_app_1 .sch-filter .btn-group > .btn:last-child:not(:first-child),.hub_app_1 .sch-filter .btn-group > .dropdown-toggle:not(:first-child){
border-bottom-left-radius:3px !important;
border-top-left-radius:3px !important;
}
.hub_app_1 .sch-filter .filter-pop>div {
border-right:1px solid rgb(233, 233, 233);
border-left:1px solid rgb(233, 233, 233); 
}
.hub_app_1 .sch-filter .filter-pop-certificate>div:first-child {
border-left:none; 
}
.hub_app_1 .sch-filter .filter-pop-certificate>div {
border-left:1px solid #ccc; 
}
.hub_app_1 .sch-filter .filter-pop.change-withReport > div{
	/* border-right: 0; */
}
.hub_app_1 .sch-filter .filter-pop>div.borderright {
border-right:1px solid #ccc;
border-left:0 none;
}

.hub_app_1 .sch-filter .filter-pop>div.noborder {
border-right:0 none;
border-left:0 none; 
}
.hub_app_1 .sch-filter .filter-pop>div div{
 border-right:0px none !important;
 }




.hub_app_1 .white-spaceText{
	white-space: nowrap;
}

/***** for timeOff approval modal ******/
.timeOff-overlap h5{font-size: 18px;}
.timeOff-overlap p{font-size: 12px;}
.timeOff-overlap textarea{width: 100%; resize: none; margin-bottom: 20px;}

/** site operation hour panel main **/
.operational-hr-panel .timeline_entry{padding: 0;border-radius: 10px ;
background: #fff;}
.operational-hr-panel .operationalDay-name {background-color: #fbfbfb; border: 1px solid #f4f4f4; padding: 10px 0;border-top-left-radius: 10px;
border-top-right-radius: 10px;}
.operational-hr-panel .bg-sky .operationalDay-name{background-color: #ffe9ed; border-color: #ffe9ed;}
.operational-hr-panel .operationDay-allow{background-color: none; border: 1px solid #f4f4f4; border-top: 0; min-height: 120px; padding-top: 48px !important;border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;}
.operational-hr-panel .bg-sky .operationDay-allow{background-color: #fff; border-color: #ffe9ed;}
.hub_app_1 .budgetVarianceImg{
	left: 27px;
    position: absolute;
    text-align: center;
    top: -12px;
}
.hub_app_1 .budgetVarianceImg span.currencyIn-red {border-color: red;}
 .sch-notes-header{  position: absolute; top: -25px; height: 43px; right: -8px; padding: 10px;cursor: pointer; border-left: 1px solid #cfcfce; }



/* Monthly View CSS */
.hub_app_1 .monthly-shiftView .fill-shift-slot {text-align: center;}
.hub_app_1 .monthly-shiftView  .scheduler-day-content{margin-top: 0; /* margin-left:  1px; margin-right:  1px; */ padding: 2px;font-size: 9px;}
.hub_app_1 .monthly-shiftView  .scheduler-day-content:first-child{margin-top: 4px;}
.hub_app_1 .monthly-shiftView .scheduler-day-content .icon-wrap{width: 25px; height: 25px; padding: 0;}
.hub_app_1 .empmonthly-tooltip{box-shadow:0px 0px 0px 1px lightgray;margin-top: -110px !important;}
.hub_app_1 .empmonthly-tooltip .tool-tip-sch-action{color: #616974;background-color: #FFFFFF;border-bottom: 1px solid lightgray;}
.hub_app_1 .empmonthly-tooltip .tool-tip-sch-action:hover{background-color: #F2F2F2;}
.hub_app_1 .empmonthly-tooltip1 .tooltip-arrow{border-left-color: lightgray;}
.hub_app_1 .full-td-plus .fa-plus{margin-left: -16px;}
.hub_app_1 .single-shiftView{padding-bottom: 10px; width: 160px; top: 0; background: #cfcfcf; position: absolute; left: -170px; z-index: 10;}
.hub_app_1 .single-shiftView:before{content:""; position: absolute; right: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #666; top: 5px;}
.hub_app_1 .single-shiftView .single-shift-header{float: left; width: 100%; color: #fff; max-width:160px; padding: 5px 10px; background-color: #666; border-radius: 3px 3px 0 0; margin-bottom: 10px;}
.hub_app_1 .single-shift-header{float: left; width: 100%; color: #fff; max-width:175px; padding: 5px 10px; background-color: #4ba3df; margin-bottom: 10px;}
/*.hub_app_1 .single-shiftView .btn.dim{visibility: hidden; z-index: 999; position: absolute; left: 0; top: 0;  width: 25px; height: 25px; cursor: pointer;}
.hub_app_1 .single-shiftView .btn.dim i{vertical-align: text-top;}*/
.hub_app_1 .scheduler-day-content:hover .btn.dim{visibility: visible;}
.hub_app_1 .border-left{border-left: 2px solid gray;}
.hub_app_1 .month-view-border-left{
border-left: 0px solid #dedde3;
box-sizing: border-box;
background-clip: border-box !important;
/*box-shadow: -1px 0px 0px #dedde3;*/
	}
.hub_app_1 .month-view-border-left .pinOn-hover{
	margin-left: 0px;
}
.hub_app_1 .sch-dated .dropdown-menu{padding:0px !important;}
.hub_app_1 .sch-dated .dropdown-menu:after{border-bottom: none !important;}
.hub_app_1 .sch-dated .dropdown-menu:before{border-bottom: none !important;}
.hub_app_1 .withBorder-bottom{border-bottom: 1px solid #ccc; margin-bottom: 8px; padding-bottom: 5px;}
.hub_app_1 .empmonthly-dayShift{padding: 0 10px;width: 140px;margin: 0 10px;}
.hub_app_1 .empmonthly-dayShift .scheduler-day-position{background: rgba(0, 0, 0, 0.3); display: inline-block; padding: 0px 5px;}
.hub_app_1 .empmonthly-dayShift .scheduler-day-actions,
.hub_app_1 .empmonthly-timeOff .scheduler-day-actions,
.hub_app_1 .empmonthly-sharedShift .scheduler-day-actions {visibility: hidden; position: absolute; top: 0px; left: 0; width: 100%; text-align: center;}
.hub_app_1 .empmonthly-dayShift:hover .scheduler-day-actions,
.hub_app_1 .empmonthly-timeOff:hover .scheduler-day-actions,
.hub_app_1 .empmonthly-sharedShift:hover .scheduler-day-actions{visibility: visible;}
.hub_app_1 .monthly-shiftView .right-text-desc { min-width: 0px;}
.hub_app_1 .empmonthly-timeOff,
.hub_app_1 .empmonthly-sharedShift{padding: 2px 4px; border: 2px dotted #444; border-radius: 5px; margin: 0 10px;}
.hub_app_1 .scheduler-day-content .empmonthly-timeOff .scheduler-day-time,
.hub_app_1 .scheduler-day-content .empmonthly-sharedShift .scheduler-day-time{margin-top: 0; font-size: 13px; padding-left: 0; width: 76%; color: #333;}
.hub_app_1 .monthlySch-viewReport .scheduler-day-content{width: calc( 100% - 2px ) !important; height: auto; border-radius: 3px; text-align: center;padding: 2px;position: relative;color: #FFF;margin: 2px 1px;}
.hub_app_1 .pinOn-hover{padding: 3px 0; position: absolute; top: 0; left: 0; width: 100%; height: 2px; z-index: 9; overflow: hidden; transition: .25s;}
.hub_app_1 .pinOn-hover img{margin-top: 3px;}
.hub_app_1 .with-Fullpin:hover .pinOn-hover{height: 29px; transition: .25s;}
.hub_app_1 .with-Fullpin .pinOn-hover.bg-dark-gray{background-color: gray !important; transition: .25s;}
.hub_app_1 .with-Fullpin .pinOn-hover.bg-dark-red{background-color: #a11010 !important; transition: .25s;}

/**************************************End Report************************************/
.hub_app_1 .change-withReport .col-md-12,
.hub_app_1 .change-withReport .col-md-12 + .zipReport-posFlag{width: 50%;}
.hub_app_1 .change-withReport .col-md-6,
.hub_app_1 .change-withReport .col-md-6 + .zipReport-posFlag{width: 33.3333%;}
.hub_app_1 .change-withReport .col-md-4,
.hub_app_1 .change-withReport .col-md-4 + .zipReport-posFlag{width: 25%;}
.hub_app_1 .dayPartReport .sch-filter ul.dropdown-menu.list-inline.with-ReportFlag-true{
margin-left:-60px;
max-width:200px;
min-width:200px;
}
.hub_app_1 #weekHr th{
background:#9BC2E6;
}
.hub_app_1 #weekHr th.day-col-header .daily-schedule-box{
border-right:1px solid #000;
}
.hub_app_1 #weekHr th:first-child{
background:#2F75B5;
color:#fff;
}
.hub_app_1 .dayViewReport .dayView .sch_border_right,.dayViewReport .dayView .daily-schedule-box_footer{border-right:1px solid #96bada;}
.hub_app_1 .dayViewReport .dayView .sch_border_left{border-left:1px solid #96bada;}
.hub_app_1 .dayViewReport .dayView .sch_border_bottom{border-bottom:1px solid #96bada;}
.hub_app_1 .dayViewReport .dayView .daily-schedule-box_blank{height:auto;line-height:35px;}
.hub_app_1 .dayViewReport .dayView .daily-schedule-box_blank.white-spaceText{padding:5px;}
.hub_app_1 .dayViewReport .daily-schedule-box{line-height:25px;} 
.hub_app_1 .dayViewReport .day-view {height:36px !important;}

/**************************************Start Report************************************/


.hub_app_1 input.alta.alta-switch.alta-switch-5{height:25px!important;}
  .bg-closeDay{background-color: #ffe9ed;}
.padding-left-right-7{padding-left: 7px !important; padding-right: 7px !important;}

.hub_app_1 .click-disable {pointer-events: none;opacity: 1 !important;}
.hub_app_1 #warning-Schedule .list-group-item{
    margin-bottom:0!important;
    border-color: #d3d3d3; border-style: solid; border-width: 1px 0 0 !important;
}
.hub_app_1 #warning-Schedule .list-group-item:first-child{border-width: 0 !important;}
.hub_app_1 .opacity-3{opacity:0.3}
.hub_app_1 .forDiffer-disabled #schedule-user .click-disable td, 
.hub_app_1 .forDiffer-disabled .click-disable:hover td{opacity: 1 !important; position: static;}
.hub_app_1 .monthly-tooltip{border-radius:15px; padding:2px;}
.hub_app_1 .monthly-tooltip .o-s-header{border-radius:11px 11px 0 0; padding:9px;}
.hub_app_1 .monthly-tooltip .cross-icon i{position:absolute;color:#ff0000;top:-1px;right:0px;}
.hub_app_1 .monthly-tooltip .popover-content{border:1px solid #cccccc!important;}

.hub_app_1 #schedule-user .table td .vertical-align-top {vertical-align: top !important;}
.hub_app_1 #schedule-user .table td .vertical-align-middle {vertical-align: middle !important;}
.hub_app_1 .no-text-transform .tooltip.top.in {margin-top: -17px!important}
.hub_app_1 .sch-footer-table-default td,.hub_app_1 .sch-footer-table td{height:30px !important;}

.hub_app_1 .border-style-none{border-style: none !important;}
.hub_app_1 .alta-warning .list-group{border-top: 1px solid #d3d3d3;}
.hub_app_1 .alta-warning .list-group:first-child{border: 0;}
.hub_app_1 .formtimeoffrpt #date-range span{padding:7px 12px !important;}
.hub_app_1 .formtimeoffrpt #date-range input{height:33px !important;}
.hub_app_1 .timeoffemployee span div a{padding:3px 0 3px 8px !important;}
.hub_app_1 .monthly-shiftView #schTableFooter table thead th:last-child .popover{left:inherit !important;right:-20px !important;}
.hub_app_1 .monthly-shiftView #schTableFooter table thead th:nth-last-child(2) .popover{left:inherit !important;right:-55px !important;}
.hub_app_1 .monthly-shiftView #schTableFooter table thead th:nth-last-child(3) .popover{left:inherit !important;right:-90px !important;}
.hub_app_1 .monthly-shiftView #schTableFooter table thead th:nth-last-child(4) .popover{left:inherit !important;right:-122px !important;}
.hub_app_1 .monthly-shiftView #schTableFooter table thead th:last-child .popover .arrow{left:83.39% !important;}
.hub_app_1 .monthly-shiftView #schTableFooter table thead th:nth-last-child(2) .popover .arrow{left:71.39% !important;}
.hub_app_1 .monthly-shiftView #schTableFooter table thead th:nth-last-child(3) .popover .arrow{left:59.39% !important;}
.hub_app_1 .monthly-shiftView #schTableFooter table thead th:nth-last-child(4) .popover .arrow{left:49% !important;}
.hub_app_1 .dailyScheduleview #schTableFooter table thead th .daily-schedule-box_footer:last-child .popover{left:inherit !important;right:0px !important;}
.hub_app_1 .dailyScheduleview #schTableFooter table thead th .daily-schedule-box_footer:nth-last-child(2) .popover{left:inherit !important;right:0px !important;}
.hub_app_1 .dailyScheduleview #schTableFooter table thead th .daily-schedule-box_footer:nth-last-child(3) .popover{left:inherit !important;right:0px !important;}
.hub_app_1 .dailyScheduleview #schTableFooter table thead th .daily-schedule-box_footer:last-child .popover .arrow{left:85.39% !important;}
.hub_app_1 .dailyScheduleview #schTableFooter table thead th .daily-schedule-box_footer:nth-last-child(2) .popover .arrow{left:70.39% !important;}
.hub_app_1 .dailyScheduleview #schTableFooter table thead th .daily-schedule-box_footer:nth-last-child(3) .popover .arrow{left:55.39% !important;}

.hub_app_1 .cstm-pops {box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2) !important;}
.hub_app_1 .cstm-pops .container-fluid{padding-left:10px !important;padding-right:10px !important;}
.hub_app_1 .cstm-pops .container-fluid .o-s-header{margin-left:-10px !important;margin-right:-10px !important;}
.hub_app_1 .cstm-pops .container-fluid .col-md-12{font-size:13px;border-bottom:1px solid #f2f2f2;color:#888888;}
.hub_app_1 .cstm-pops .container-fluid .col-md-12:last-child{font-size:13px;border-bottom:none;color:#888888;}
.hub_app_1 .cstm-pops .container-fluid .col-md-12 .col-md-6{padding:2px 0 2px 0;} 

.hub_app_1 .dayShiftWise.nextDayTimeOffCalender{
border-radius: 0 20px 20px 0 ;
}
.hub_app_1 .dayShiftWise.currentDayTimeOffCalender{
border-radius: 20px 0 0 20px ;
}
.hub_app_1 .scheduled-emp-daily-row .dayShiftWise.nextDayTimeOffCalender:hover .emp-daily-action{
display:none
}

.hub_app_1 #scheduler-day-col.scheduler-day-col:hover .fill-shift-slot .dayShiftWise.nextDayTimeOffCalender{
	z-index:-1 !important ;
}
.month-fluid{right:10px !important;}
@-moz-document url-prefix() {.hub_app_1 .full-td-plus{top:-1px;}}

.hub_app_1 .schedule_non_emailid .tooltip{width: 200px !important; opacity:1;}
.list-group-item{border: 1px solid #f3f3f3;}
.info-tooltip .tooltip-inner{
	min-width: 200px;
    text-align: left;
}