/*** new ***/

.hub_app_2 #schedule-user #schTable .profile-activity ,hub_app_22 #schedule-user #schTable .profile-activity {
    height: 100%;
    margin: 0;
    min-height: 40px;
    padding: 8px 8px 8px 10px;
    position: relative;
}

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

.hub_app_2 #scheduler-content,.hub_app_22 #scheduler-content  {
    height: 100%;
    position: relative;
}

.hub_app_2 .media,.hub_app_22 .media {
    margin: 0;
    overflow: visible;
}

.hub_app_2 .media-left, .hub_app_2 .media-right, .hub_app_2 .media-body,.hub_app_22 .media-left,.hub_app_22 .media-right, hub_app_22 .media-body {
    display: table-cell;
    vertical-align: middle;
}
.hub_app_2 .media-right,.hub_app_22 .media-right{max-width:42px;}
.hub_app_2 .select2-drop-mask{z-index: 100 !important;}

.hub_app_2 .media .media-left,.hub_app_22 .media .media-left {
    padding: 0;
	position: relative;
	margin: 5px 0px 0px 0px;
	max-width: 50px;
	min-width: 40px;
}
.hub_app_2 #schedule-user .bg-color-disable,.hub_app_22 #schedule-user .bg-color-disable {
    background-color: rgba(0, 0, 0, .026);
}


.hub_app_2 .media-object,.hub_app_22 .media-object {
    border: 1px solid #dbdfe6;
    height: 40px;
    padding: 1px;
    width: 40px;
}

.hub_app_2 .media-body,.hub_app_22 .media-body {
   /* width: 10000px; */
   /* max-width: 120px; */
   padding-left:10px;
}
.hub_app_2 .media-heading {
    font-size: 15px;
    margin: 0;
}

/* .hub_app_2 .minor-shared-icon,.hub_app_22 .minor-shared-icon {
    border-radius: 50%;
    height: 13px;
    position: absolute;
    top: 33px;
    width: 13px;
} */

.hub_app_2 .minor-shared-icon.shared-icon,.hub_app_22 .minor-shared-icon.shared-icon {
	/* changing 0px to 15px */
     /* left: 15px; */
}

.hub_app_2 .minor-shared-icon.minor-icon,.hub_app_22 .minor-shared-icon.minor-icon {
	/* changing 25px to 31px */
    /* left: 31px; */
    /* changing -2px to 0px */
   /*  margin-top:0px; */
}

.hub_app_2 .scheduler-day-content,.hub_app_22 .scheduler-day-content {
    margin: 2px 1px;
    position: relative;
    color: #FFF;
    border-radius: 6px;
}

.hub_app_2 .zip-clock-main-container,.hub_app_22 .zip-clock-main-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.hub_app_2 .zip-clock-page-heading,.hub_app_22 .zip-clock-page-heading {
    box-shadow: 0 0 1px 0 #ffffff inset;
    padding-bottom: 15px;
}

.hub_app_2 .zip-clock-dashboard, .hub_app_2 .zip-shift-management,.hub_app_22 .zip-clock-dashboard ,.hub_app_22 .zip-shift-management {
    padding-bottom: 10px;
}

.hub_app_2 .zip-clock-page-heading .page-heading-text,.hub_app_22 .zip-clock-page-heading .page-heading-text {
    margin: 12px 0 0;
    font-size: 21px;
    color: #578ebe;
}

.hub_app_2 .zip-clock-page-heading .page-heading-action,.hub_app_22 .zip-clock-page-heading .page-heading-action {
    display: block;
    list-style: none outside none;
    margin: 13px 0 0;
    padding: 0;
    text-align: right;
}

.hub_app_2 .zip-clock-table,.hub_app_22 .zip-clock-table {
    width: 100%;
    table-layout: fixed;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 15px;
}

.hub_app_2 .zip-clock-table tr, .hub_app_2 .zip-clock-table td, .hub_app_2 .zip-clock-table th, .hub_app_2 .zip-clock-table table ,.hub_app_22 .zip-clock-table tr ,.hub_app_22 .zip-clock-table td ,.hub_app_22 .zip-clock-table th,.hub_app_22 .zip-clock-table table {
    height: 100%;
}

.hub_app_2 td.current-closed-day,.hub_app_22 td.current-closed-day {
    background: none repeat scroll 0 0 #b9b9c3 !important;
}

/* .hub_app_2 .zip-clock-table th {font-weight: normal;}
.hub_app_2 .zip-clock-table td, .hub_app_2 .zip-clock-table th {color: rgba(0, 0, 0, 0.6); text-overflow: ellipsis; text-shadow: 0 1px 0 #ffffff; vertical-align: middle; white-space: nowrap;}
.hub_app_2 .table.zip-clock-table thead tr, .hub_app_2 .table.zip-clock-table thead tr th {background-color:#E7E7E7; background-image:linear-gradient(to  bottom, #ffffff  0px, #e2e2e2  100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffffff', endColorstr='#ffe2e2e2', GradientType=0); position: relative;*//*z-index: -1;}
.hub_app_2 .table.zip-clock-table.flat-table thead tr, .hub_app_2 .table.zip-clock-table.flat-table thead tr th {background: #efefef 100%;}
.hub_app_2 .table.zip-clock-table th {font-size: 14px;}
.hub_app_2 .table.zip-clock-table td {font-size: 13px; background: #f9f9f9;}
.hub_app_2 .table.zip-clock-table th, .hub_app_2 .table.zip-clock-table td {color: #555555; text-shadow: 0 1px 0 #fff;}
.hub_app_2 .table-bordered.zip-clock-table > thead > tr > th, .hub_app_2 .table-bordered.zip-clock-table > tbody > tr > th, .hub_app_2 .table-bordered.zip-clock-table > tfoot > tr > th, .hub_app_2 .table-bordered.zip-clock-table > thead > tr > td, .hub_app_2 .table-bordered.zip-clock-table > tbody > tr > td, .hub_app_2 .table-bordered.zip-clock-table > tfoot > tr > td {border-color: #dbdbdb;}
 */
.hub_app_2 .table.zip-clock-table img.avatar,.hub_app_22 .table.zip-clock-table img.avatar {
    border-radius: 50em;
    float: left;
    height: 40px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 3px;
    width: 40px;
}

.hub_app_2 .colgroup-col-16,.hub_app_22 .colgroup-col-16 {
    width: 16%;
}

.hub_app_2 .colgroup-col-14,.hub_app_22 .colgroup-col-14 {
    width: 14%;
}

.hub_app_2 .colgroup-col-22,.hub_app_22 .colgroup-col-22 {
    width: 22%;
}

.hub_app_2 .colgroup-col-13,.hub_app_22 .colgroup-col-13 {
    width: 13%;
}

.hub_app_2 .colgroup-col-12,.hub_app_22 .colgroup-col-12 {
    width: 12%;
}

.hub_app_2 .colgroup-col-28,.hub_app_22 .colgroup-col-28 {
    width: 28%;
}

.hub_app_2 .th-heading-wrap,.hub_app_22 .th-heading-wrap {
    white-space: normal !important;
    overflow:hidden;
    text-overflow:ellipsis;
}

.hub_app_2 .table-user-photo,.hub_app_22 .table-user-photo {
    border: 2px solid #FFFFFF;
    border-radius: 100%;
    margin: -4px 8px 0 0;
    width: 45px;
    height: 45px;
}

.hub_app_2 .margin-right-17,.hub_app_22 .margin-right-17 {
    margin-right: 17px;
}

/* rib/ZipClock/MySchedule/oprCnfMdl.html */
.hub_app_2 .zipClock-resize-none,.hub_app_22 .zipClock-resize-none {
    resize: none;
    min-height: 90px;
}

.hub_app_2 .fa-2,.hub_app_22 .fa-2 {
    font-size: 20px;
}

.hub_app_2 .zip-clock-time,.hub_app_22 .zip-clock-time {
    position: absolute;
    top: 10px;
}

.hub_app_2 .zip-clock-timepunch-1,.hub_app_22 .zip-clock-timepunch-1 {
    background: #4682B4;
    text-shadow: 0 1px 0 #FFFFFF;
    position: relative;
    color: white;
}

.hub_app_2 .zip-clock-timepunch-2,.hub_app_22 .zip-clock-timepunch-2 {
    background: #4682B4;
    text-shadow: 0 1px 0 #fff;
    position: relative;
    color: white;
}

.hub_app_2 .zip-clock-shift-background-no-position,.hub_app_22 .zip-clock-shift-background-no-position {
    /* #85C8C7 */
    background: #0066cc;
     padding: 5px 7px !important;
}
.hub_app_2 .jobcode,.hub_app_22 .jobcode{max-width: 88%;
padding: 0 2%;
text-align: left; 
font-size: 12px;
overflow: hidden;
display: inline-block;
text-transform: uppercase;
}

.hub_app_2 .btn-gray,.hub_app_22 .btn-gray {
    background-color: #aaa;
    border-color: #AAA;
    color: #ffffff;
}

.hub_app_2 .text-red,.hub_app_22 .text-red {
    color: red;
    font-weight: bold;
}

.hub_app_2 .btn.btn-gray.text-red:hover,.hub_app_22 .btn.btn-gray.text-red:hover {
    background-color: #AAA;
    border-color: #AAA;
    color: red;
}

.hub_app_2 .zip-clock-alerts .fa-smile-o, .hub_app_2 .zip-clock-alerts .fa-frown-o ,.hub_app_22 .zip-clock-alerts .fa-smile-o ,.hub_app_22 .zip-clock-alerts .fa-frown-o{
    padding: 1px 4px;
    font-size: 40px;
}

.hub_app_2 .zip-clock-alerts .fa-square-o,.hub_app_22 .zip-clock-alerts .fa-square-o {
    font-size: 30px;
    color: #777;
}

.hub_app_2 .zip-clock-alerts .alert-circle-o,.hub_app_22 .zip-clock-alerts .alert-circle-o {
    background: #888;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    margin: 0;
    text-align: center;
    width: 21px;
    height: 21px;
}

.hub_app_2 .zip-clock-alerts .alert-circle,.hub_app_22 .zip-clock-alerts .alert-circle {
    border: 3px solid #888;
    border-radius: 50%;
    color: inherit;
    font-size: 17px;
    font-weight: normal;
    line-height: 25px;
    margin: 4px;
    text-align: center;
    width: 35px;
    height: 35px;
    padding: 2px 0 0 0 !important;
}

.hub_app_2 .alert-circle.green,.hub_app_22 .alert-circle.green {
    border-color: #1bbc9b !important
}

.hub_app_2 .alert-circle.red,.hub_app_22 .alert-circle.red {
    border-color: #dd5a43 !important;
}

.hub_app_2 .alert-circle.orange,.hub_app_22 .alert-circle.orange {
    border-color: #feb902 !important;
}

.hub_app_2 .alert-circle.purple,.hub_app_22 .alert-circle.purple {
    border-color: #9585bf !important;
}

.hub_app_2 .margin-right-5,.hub_app_22 .margin-right-5 {
    margin-right: 5px;
}

.hub_app_2 .alert-circle.yellow,.hub_app_22 .alert-circle.yellow {
    border-color: #fee188 !important;
}

.hub_app_2 .alert-circle.blue,.hub_app_22 .alert-circle.blue {
    border-color: #578ebe !important;
}

/*.in + */
.hub_app_2 .bootstrap-datetimepicker-widget > ul > .picker-switch,.hub_app_22 .bootstrap-datetimepicker-widget > ul > .picker-switch {
    border: 1px solid #dddddd;
}

.hub_app_2 .bootstrap-datetimepicker-widget,.hub_app_22 .bootstrap-datetimepicker-widget {
    width: 208px;
}

.hub_app_2 .bootstrap-datetimepicker-widget .datepicker-days td,.hub_app_22 .bootstrap-datetimepicker-widget .datepicker-days td {
    width: 25px;
}

.hub_app_2 .bootstrap-datetimepicker-widget .datepicker-months tbody td, .hub_app_2 .bootstrap-datetimepicker-widget .datepicker-years tbody td ,.hub_app_22 .bootstrap-datetimepicker-widget .datepicker-months tbody td ,.hub_app_22 .bootstrap-datetimepicker-widget .datepicker-years tbody td{
    padding: 0 4px;
}

.hub_app_2 .bootstrap-datetimepicker-widget .datepicker-months tbody td span, .hub_app_2 .bootstrap-datetimepicker-widget .datepicker-years tbody td span,.hub_app_22 .bootstrap-datetimepicker-widget .datepicker-months tbody td span, .hub_app_22 .bootstrap-datetimepicker-widget .datepicker-years tbody td span {
    margin: 0;
}

.hub_app_2 .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .btn,.hub_app_22 .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .btn {
    padding: 0;
}

.hub_app_2 .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .btn-primary,.hub_app_22 .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .btn-primary {
    padding: 6px 12px;
}

.hub_app_2 .bootstrap-datetimepicker-widget td, .hub_app_2 .bootstrap-datetimepicker-widget th,.hub_app_22 .bootstrap-datetimepicker-widget td ,.hub_app_22 .bootstrap-datetimepicker-widget th {
    border-radius: 0;
}

.hub_app_2 #clockTableHeader th a, .hub_app_2 #clockTableHeader th.th-heading-wrap span,.hub_app_22 #clockTableHeader th a ,.hub_app_22 #clockTableHeader th.th-heading-wrap span {
    color: #000;
    font-weight: 600;
}

.hub_app_2 .blink,.hub_app_22 .blink {
    animation: 15s ease-out 4s normal none infinite pulsate;
    -moz-animation: 1.3s linear 0s normal none infinite pulsate;
    -webkit-animation: 1.3s linear 0s normal none infinite pulsate;
    -o-animation: 1.3s linear 0s normal none infinite pulsate;
    -ms-animation: 1.3s linear 0s normal none infinite pulsate;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.hub_app_2 #zip-clock-user .profile-activity .time,.hub_app_22 #zip-clock-user .profile-activity .time {
    color: #888888;
    display: block;
}

.hub_app_2 #zip-clock-user .tools,.hub_app_22 #zip-clock-user .tools {
    background: rgba(100, 100, 100, 0.1);
    bottom: 0;
    padding: 2px 2px 0;
    position: absolute;
    right: 0;
    top: 0;
    white-space: normal;
    width: 20px;
}

.hub_app_2 .zip-clock-emp-shift,.hub_app_22 .zip-clock-emp-shift {
	border-radius:6px;
    cursor: pointer;
    margin: 3px 3px 7px;
    overflow: hidden;
    padding: 12px 7px;
    text-shadow: none;
    border-radius: 3px;
    min-height:47px;
}

.hub_app_2 .tile-stats,.hub_app_22 .tile-stats {
    height: 100%;
    position: relative; /*transition: all 0.4s ease 0s;*/
    width: 100%;
}

.hub_app_2 .tile-stats .tile-stats-icon,.hub_app_22 .tile-stats .tile-stats-icon {
    float: left;
    padding: 24px 0 0 0;
    text-align: center;
    width: 20%;
    transition: all 0.5s ease 0s;
}

.hub_app_2 .tile-stats .tile-stats-icon i,.hub_app_22 .tile-stats .tile-stats-icon i {
    color: #a2abba;
    font-size: 43px;
}

.hub_app_2 .tile-stats .tile-stats-content,.hub_app_22 .tile-stats .tile-stats-content {
    float: left;
    padding: 18px 0 19px 0;
    width: 80%;
    transition: all 0.5s ease 0s;
}

.hub_app_2 .tile-stats .tile-stats-content .tile-stats-number,.hub_app_22 .tile-stats .tile-stats-content .tile-stats-number {
    color: #768399;
    font-size: 21px;
    font-weight: 700;
}

.hub_app_2 .tile-stats .tile-stats-content .tile-stats-text,.hub_app_22 .tile-stats .tile-stats-content .tile-stats-text {
    color: #a2abba;
    font-size: 13px;
}

.hub_app_2 .tile-stats:hover,.hub_app_22 .tile-stats:hover {
    border-color: #c4c4b8;
}

.hub_app_2 .tile-stats.blue-bg,.hub_app_22 .tile-stats.blue-bg {
    border-color: #75b9e6;
}

.hub_app_2 .tile-stats.blue-bg li,.hub_app_22 .tile-stats.blue-bg li {
    border-color: #75b9e6;
}

.hub_app_2 .tile-stats.blue-bg:hover,.hub_app_22 .tile-stats.blue-bg:hover {
    background: none repeat scroll 0 0 #4aa3de;
}

.hub_app_2 .tile-stats.gray-bg,.hub_app_22 .tile-stats.gray-bg {
    border-color: #f3f5f6;
}

.hub_app_2 .tile-stats.gray-bg:hover,.hub_app_22 .tile-stats.gray-bg:hover {
    background: none repeat scroll 0 0 #e4e9eb;
}

.hub_app_2 .tile-stats.red-bg,.hub_app_22 .tile-stats.red-bg {
    border-color: #f68484;
}

.hub_app_2 .tile-stats.red-bg:hover,.hub_app_22 .tile-stats.red-bg:hover {
    background: none repeat scroll 0 0 #f35454;
}

.hub_app_2 .tile-stats.orange-bg,.hub_app_22 .tile-stats.orange-bg {
    background: #f4b162;
}

.hub_app_2 .tile-stats.orange-bg li,.hub_app_22 .tile-stats.orange-bg li {
    border-color: #f4b162;
}

.hub_app_2 .tile-stats.orange-bg:hover,.hub_app_22 .tile-stats.orange-bg:hover {
    background: none repeat scroll 0 0 #f19932;
}

.hub_app_2 .tile-stats.yellow-bg,.hub_app_22 .tile-stats.yellow-bg {
    border-color: #fc6;
}

.hub_app_2 .tile-stats.yellow-bg:hover,.hub_app_22 .tile-stats.yellow-bg:hover {
    background: none repeat scroll 0 0 #fb3;
}

.hub_app_2 .tile-stats.green-bg,.hub_app_22 .tile-stats.green-bg {
    border-color: #71d398;
    backgound-color: #71d398;
}

.hub_app_2 .tile-stats.green-bg:hover,.hub_app_22 .tile-stats.green-bg:hover {
    background: none repeat scroll 0 0 #4ac77c;
}

.hub_app_2 .tile-stats.pink-bg,.hub_app_22 .tile-stats.pink-bg {
    border-color: #f78db8;
    backgound-color: #f78db8;
}

.hub_app_2 .tile-stats.pink-bg:hover,.hub_app_22 .tile-stats.pink-bg:hover {
    background: none repeat scroll 0 0 #f45d9a;
}

.hub_app_2 .tile-stats.magenta-bg,.hub_app_22 .tile-stats.magenta-bg {
    border-color: #e65097;
}

.hub_app_2 .tile-stats.magenta-bg:hover,.hub_app_22 .tile-stats.magenta-bg:hover {
    background: none repeat scroll 0 0 #e0237c;
}

.hub_app_2 .tile-stats.purple-bg,.hub_app_22 .tile-stats.purple-bg {
    border-color: #af91e1;
    background-color: #af91e1;
}

.hub_app_2 .tile-stats.purple-bg li,.hub_app_22 .tile-stats.purple-bg li {
    border-color: #af91e1;
}

.hub_app_2 .tile-stats.purple-bg:hover,.hub_app_22 .tile-stats.purple-bg:hover {
    background: none repeat scroll 0 0 #9269d6;
}

.hub_app_2 .tile-stats.dark-bg,.hub_app_22 .tile-stats.dark-bg {
    border-color: #79859b;
    backgound-color: #79859b;
}

.hub_app_2 .tile-stats.dark-bg:hover,.hub_app_22 .tile-stats.dark-bg:hover {
    background: none repeat scroll 0 0 #606c81;
}

.hub_app_2 .tile-stats.teal-bg,.hub_app_22 .tile-stats.teal-bg {
    border-color: #97d3c5;
    background: #97d3c5;
}

.hub_app_2 .tile-stats.teal-bg:hover,.hub_app_22 .tile-stats.teal-bg:hover {
    background: none repeat scroll 0 0 #73c4b1;
}

.hub_app_2 .tile-stats.brown-bg,.hub_app_22 .tile-stats.brown-bg {
    background: #d1b993;
    border-color: #d1b993;
}

.hub_app_2 .tile-stats.brown-bg:hover,.hub_app_22 .tile-stats.brown-bg:hover {
    background: none repeat scroll 0 0 #C2A26F;
}

/*
.ngTagsInput *, *:after, *:before {box-sizing: border-box;}
*, *:before, *:after {box-sizing: border-box;}
.ngTagsInput *, *:after, *:before {box-sizing: border-box;}
*, *:before, *:after {box-sizing: border-box;}
*/
.hub_app_2 .tile-stats-action,.hub_app_22 .tile-stats-action {
    background: rgba(0, 0, 0, 0.03);
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    cursor: pointer;
    height: 100%;
    padding: 34px 18px 0;
    position: absolute;
    right: 1px;
    top: 1px;
    transition: all 0.5s ease 0s;
}

.hub_app_2 .clock-dashboard-tile-info,.hub_app_22 .clock-dashboard-tile-info {
    margin-bottom: 8px;
    padding: 1px;
}

.hub_app_2 .clock-dashboard-tile-info ul.users-list,.hub_app_22 .clock-dashboard-tile-info ul.users-list {
    margin: 0;
}

.hub_app_2 .dashboard-right-panel,.hub_app_22 .dashboard-right-panel {
    overflow: hidden;
    max-height: 310px;
    min-height: 310px;
}

.hub_app_2 .dashboard-right-panel .users-list,.hub_app_22 .dashboard-right-panel .users-list {
    /* height: 219px; */
    overflow: auto;
}

/* .hub_app_2 .display-table {
    display: table;
    table-layout: fixed;
    width: 100%;
} */

.hub_app_2 .display-table .table-cell,.hub_app_22 .display-table .table-cell {
    display: table-cell;
    float: none;
}

.hub_app_2 .user-comment-thumb,.hub_app_22 .user-comment-thumb {
    width: 80px;
}

.hub_app_2 .user-comment-action,.hub_app_22 .user-comment-action {
    width: 80px;
}

.hub_app_2 .user-comment-name,.hub_app_22 .user-comment-name {
    font-weight: bold;;
}

.hub_app_2 .user-comment-meta,.hub_app_22 .user-comment-meta {
    color: #9b9fa6;
    margin-top: 5px;
}

/* ToDo List
=================================================================== */
.hub_app_2 .todo-list,.hub_app_22 .todo-list {
    margin-top: -1px;
}

.hub_app_2 .todo-list .header,.hub_app_22 .todo-list .header {
    background: #f5f5f5;
    line-height: 30px;
    padding: 0 15px;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    -webkit-box-shadow: inset 0 0 1px 1px #ffffff;
    -moz-box-shadow: inset 0 0 1px 1px #ffffff;
    box-shadow: inset 0 0 1px 1px #ffffff;
}

.hub_app_2 .todo-list ul,.hub_app_22 .todo-list ul {
    margin: 0;
    padding: 5px 0 0 0;
    list-style: none;
}

.hub_app_2 .todo-list ul li,.hub_app_22 .todo-list ul li {
    position: relative;
    line-height: 40px;
    border-bottom: 1px solid #d4d4d4;
    overflow: hidden;
    padding: 0 15px 0 25px;
    background: white;
}

.hub_app_2 .todo-list ul li:before, .hub_app_2 .todo-list ul li:after,.hub_app_22 .todo-list ul li:before, .hub_app_22 .todo-list ul li:after {
    position: absolute;
    content: '';
    height: 25px;
    width: 3px;
    border-left: 1px dotted #d4d4d4;
    border-right: 1px dotted #d4d4d4;
    top: 10px;
}

.hub_app_2 .todo-list ul li:before,.hub_app_22 .todo-list ul li:before {
    left: 8px;
}

.hub_app_2 .todo-list ul li:after,.hub_app_22 .todo-list ul li:after {
    left: 10px;
}

.hub_app_2 .todo-list ul li:first-child,.hub_app_22 .todo-list ul li:first-child {
    margin-top: -5px;
}

.hub_app_2 .todo-list ul li:last-child,.hub_app_22 .todo-list ul li:last-child {
    border-bottom: none;
}

.hub_app_2 .todo-list ul li .desc,.hub_app_22 .todo-list ul li .desc {
    display: inline-block;
    margin-top: 3px;
}

.hub_app_2 .todo-list ul li .custom-checkbox-item,.hub_app_22 .todo-list ul li .custom-checkbox-item {
    margin: 1px 0 4px 0;
}

.hub_app_2 .todo-list ul.completed,.hub_app_22 .todo-list ul.completed {
    color: #d4d4d4;
}

.hub_app_2 .todo-list ul.completed:empty,.hub_app_22 .todo-list ul.completed:empty {
    padding: 0 !important;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.hub_app_2 .todo-list ul.completed:empty:before,.hub_app_22 .todo-list ul.completed:empty:before {
    content: 'No completed tasks';
}

.hub_app_2 .todo-list ul.completed li,.hub_app_22 .todo-list ul.completed li {
    text-decoration: line-through;
}

.hub_app_2 .todo-list ul:empty,.hub_app_22 .todo-list ul:empty {
    padding: 5px;
}

/* Users List
=================================================================== */
.hub_app_2 ul.users-list,.hub_app_22 ul.users-list {
    padding: 0;
}

.hub_app_2 ul.users-list a:hover,.hub_app_22 ul.users-list a:hover {
    text-decoration: none;
}

.hub_app_2 ul.users-list li:last-child,.hub_app_22 ul.users-list li:last-child {
    border-bottom: none;
}

.hub_app_2 ul.users-list li:first-child,.hub_app_22 ul.users-list li:first-child {
    border-top: none;
    border-bottom: 1px solid #d4d4d4;
}

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

.hub_app_2 ul.users-list li a img.avatar,.hub_app_22 ul.users-list li a img.avatar {
    height: 40px;
    width: 40px;
    float: left;
    margin-top: 0px;
    margin-right: 15px;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
}

.hub_app_2 ul.users-list li .name .dropdown,.hub_app_22 ul.users-list li .name .dropdown {
    float: right;
    margin: -1px 0;
}

.hub_app_2 ul.users-list li .name .dropdown a,.hub_app_22 ul.users-list li .name .dropdown a {
    color: #484848;
    font-size: 12px;
    text-decoration: none;
}

.hub_app_2 ul.users-list li .name .dropdown-menu a,.hub_app_22 ul.users-list li .name .dropdown-menu a {
    padding: 5px 10px;
}

.hub_app_2 ul.users-list li .name .dropdown ul li,.hub_app_22 ul.users-list li .name .dropdown ul li {
    padding: 0;
    min-height: 10px;
}

.hub_app_2 ul.users-list li .name .dropdown ul li i,.hub_app_22 ul.users-list li .name .dropdown ul li i {
    display: inline-block;
    width: 15px;
}

.hub_app_2 ul.users-list li .place,.hub_app_22 ul.users-list li .place {
    width: 35%;
}

.hub_app_2 ul.users-list li i,.hub_app_22 ul.users-list li i {
    margin-right: 2px;
}

.hub_app_2 ul.users-list.no-padding li,.hub_app_22 ul.users-list.no-padding li {
    padding: 5px 0;
}

/* Clock Dashboard
=================================================================== */
.hub_app_2 .stat-panel,.hub_app_22 .stat-panel {
    background: #fff;
    border-radius: 2px;
    display: table;
    margin-bottom: 22px;
    overflow: hidden;
    position: relative;
    table-layout: fixed !important;
    width: 100%;
    opacity: 0.9;
    box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.28);
    -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;
}

.hub_app_2 .stat-cell,.hub_app_22 .stat-cell {
    display: table-cell !important;
    padding: 10px 80px 10px 15px;
    position: relative;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color:#fff;
}


.hub_app_2 .stat-cell .bg-icon,.hub_app_22 .stat-cell .bg-icon {
    bottom: 0;
    color: #000;
    font-size: 50px;
    height: 67px;
    line-height: 83px;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
    width: 100px;
    opacity: 0.13;
}

.hub_app_2 .stat-panel:hover,.hub_app_22 .stat-panel:hover {
    opacity: 1;
}

.hub_app_2 .stat-panel:hover .fa,.hub_app_22 .stat-panel:hover .fa {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -webkit-animation: 0.6s linear 0s normal none 1 zoom;
    -ms-animation: 0.6s linear 0s normal none 1 zoom;
    -o-animation: 0.6s linear 0s normal none 1 zoom;
    -moz-animation: 0.6s linear 0s normal none 1 zoom;
    animation: 0.6s linear 0s normal none 1 zoom;
}

.hub_app_2 .active .stat-panel,.hub_app_22 .active .stat-panel {
    -webkit-box-shadow: 0px 7px 7px 1px rgba(109, 109, 109, 0.79);
    -moz-box-shadow: 0px 7px 7px 1px rgba(109, 109, 109, 0.79);
    opacity: 1;
}

.hub_app_2 .stat-panel .bg-red,.hub_app_22 .stat-panel .bg-red {
    border: 0 solid #DD5A43;
}

.hub_app_2 .stat-panel .bg-cyan,.hub_app_22 .stat-panel .bg-cyan {
    border: 0 solid #44B6AE;
}

.hub_app_2 .stat-panel .bg-orange,.hub_app_22 .stat-panel .bg-orange {
    border: 0 solid #D19744;
}

.hub_app_2 .stat-panel .bg-blue,.hub_app_22 .stat-panel .bg-blue {
    border: 0 solid #5597CD;
}

.hub_app_2 .active .stat-cell,.hub_app_22 .active .stat-cell {
    border-width: 4px;
    -webkit-box-shadow: 0px 7px 7px 1px rgba(109, 109, 109, 0.79);
    -moz-box-shadow: 0px 7px 7px 1px rgba(109, 109, 109, 0.79);
}

.hub_app_2 .active .stat-panel .fa,.hub_app_22 .active .stat-panel .fa {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.hub_app_2 .stat-cell .bg-icon.bg-icon-left,.hub_app_22 .stat-cell .bg-icon.bg-icon-left {
    left: 0;
    right: auto
}

.hub_app_2 a.stat-cell:hover,.hub_app_22 a.stat-cell:hover {
    text-decoration: none
}

.hub_app_2 .text-xlg,.hub_app_22 .text-xlg {
    color: #fff;
    font-size: 27px;
    vertical-align: middle;
}

.hub_app_2 .text-bg,.hub_app_22 .text-bg {
    color: #e9e9e9;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
}

.hub_app_2 #zip-my-clock .zip-clock-pie,.hub_app_22 #zip-my-clock .zip-clock-pie {
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: 50%;
    display: block;
    height: 130px;
    position: relative;
    width: 130px;
    text-align: center;
    cursor: pointer;
    margin-top: 15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: -4px 4px 2px rgba(0, 0, 0, 0.3);
}

.hub_app_2 #zip-my-clock .zip-clock-pie .block,.hub_app_22 #zip-my-clock .zip-clock-pie .block {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
    display: block;
    height: 110px;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 110px;
}

.hub_app_2 #zip-my-clock .clock-time,.hub_app_22 #zip-my-clock .clock-time {
    color: rgba(255, 255, 255, 0.9);
    font-size: 2em;
    line-height: 1em;
    position: absolute;
    top: 34%;
    width: 100%;
}

.hub_app_2 #zip-my-clock .clock-text,.hub_app_22 #zip-my-clock .clock-text {
    color: rgba(255, 255, 255, 0.9);
    width: 90%;
    font-size: 1.1em;
    line-height: 1.9em;
    position: absolute;
    top: 26%;
}

.hub_app_2 #zip-my-clock .clock-text > b,.hub_app_22 #zip-my-clock .clock-text > b {
    color: rgba(255, 255, 255, 0.95);
    font-size: 35px;
}

.hub_app_2 #zip-my-clock .degree,.hub_app_22 #zip-my-clock .degree {
    background-image: linear-gradient(90deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

.hub_app_2 #zip-my-clock .zip-clock-pie.clock-in,.hub_app_22 #zip-my-clock .zip-clock-pie.clock-in {
    background-color: #00c08b;
    border-color: #00c08b;
}

.hub_app_2 #zip-my-clock .zip-clock-pie.clock-in .block,.hub_app_22 #zip-my-clock .zip-clock-pie.clock-in .block {
    background-color: #15CB96;
    border-color: #00c08b;
}

.hub_app_2 #zip-my-clock .zip-clock-pie.clock-out,.hub_app_22 #zip-my-clock .zip-clock-pie.clock-out {
    background-color: #b92e1c;
    border-color: #b92e1c;
}

.hub_app_2 #zip-my-clock .zip-clock-pie.clock-out .block,.hub_app_22 #zip-my-clock .zip-clock-pie.clock-out .block {
    background-color: #d34836;
    border-color: #d34836;
}

.hub_app_2 #zip-my-clock .clock-disabled,.hub_app_22 #zip-my-clock .clock-disabled {
    cursor: default;
}

.hub_app_2 #zip-my-clock .clock-enabled, .hub_app_2 #zip-my-clock .clock-enabled .block,.hub_app_22 #zip-my-clock .clock-enabled, .hub_app_22 #zip-my-clock .clock-enabled .block {
    background-position: 0 0px;
    -webkit-box-shadow: rgba(0, 0, 0, .4) 0 3px 8px;
    -moz-box-shadow: rgba(0, 0, 0, .4) 0 3px 8px;
    box-shadow: rgba(0, 0, 0, .4) 0 3px 8px;
}

.hub_app_2 #zip-my-clock .clock-enabled:active .block, .hub_app_2 #zip-my-clock .zip-clock-pie.clock-in.clock-disabled .block,.hub_app_22 #zip-my-clock .clock-enabled:active .block, .hub_app_22 #zip-my-clock .zip-clock-pie.clock-in.clock-disabled .block {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset;
}

.hub_app_2 #zip-my-clock .zip-clock-break,.hub_app_22 #zip-my-clock .zip-clock-break {
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 6px 0 #1a74a1, 0 5px 5px rgba(0, 0, 0, 0.35);
    display: inline-block;
    transition: box-shadow 0.2s ease-in-out 0s;
    cursor: pointer;
    -moz-box-shadow: 0 6px 0 #1a74a1, 0 5px 5px rgba(0, 0, 0, 0.35); /* for Firefox 3.5+ */
    -webkit-box-shadow: 0 6px 0 #1a74a1, 0 5px 5px rgba(0, 0, 0, 0.35); /* for Safari and Chrome */
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#1a74a1', Direction=145, Strength=3);
}

.hub_app_2 #zip-my-clock .zip-clock-break span,.hub_app_22 #zip-my-clock .zip-clock-break span {
    /*background: linear-gradient(#3194c6, #5bacd6) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.15) inset;
    color: rgba(255, 255, 255, 0.95);
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    padding: 12px 20px;
    text-shadow: 0 -1px 1px rgba(19, 65, 88, 0.8);
    transition: transform 0.2s ease-in-out 0s;
    background-color: #3194c6;
    background-image: linear-gradient(to bottom, #3194c6 0px, #5bacd6 100%);
    background-repeat: repeat-x; /*filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ff3194c6', endColorstr='#ff5bacd6', GradientType=0);*/
}

.hub_app_2 #zip-my-clock .zip-clock-break:active,.hub_app_22 #zip-my-clock .zip-clock-break:active {
    box-shadow: 0 8px 0 #1a74a1, 0 12px 10px rgba(0, 0, 0, 0.3);
}

.hub_app_2 #zip-my-clock .zip-clock-break:active span,.hub_app_22 #zip-my-clock .zip-clock-break:active span {
    transform: translate(0px, 4px);
}

.hub_app_2 #zip-my-clock .zip-clock-list,.hub_app_22 #zip-my-clock .zip-clock-list {
    background-color: #f5f5f5;
    border-bottom: 1px solid #d4d4d4;
    border-radius: 0;
    box-shadow: 0 0 1px 1px #ffffff inset;
    padding: 5px 10px;
}

.hub_app_2 #zip-my-clock .clock-time-table-head,.hub_app_22 #zip-my-clock .clock-time-table-head {
    font-size: 11px;
    line-height: 11px;
}

.hub_app_2 .zip-my-clock-emp-table .full-td-plus,.hub_app_22 .zip-my-clock-emp-table .full-td-plus {
    background: #eaeaea;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:100%;
    min-height:59px;
}

.hub_app_2 .zip-my-clock-emp-table .table,.hub_app_22 .zip-my-clock-emp-table .table {
    border-collapse: collapse;
    border: 0px solid #38160C;
}


.hub_app_2 .zip-my-clock-emp-table-top td, .hub_app_2 .zip-my-clock-emp-table-top th,.hub_app_22 .zip-my-clock-emp-table-top td, .hub_app_22 .zip-my-clock-emp-table-top th {
    color: #333;
    text-overflow: ellipsis;
    text-shadow: 0 1px 0 #FFFFFF;
    vertical-align: top !important;
    white-space: nowrap;
}

.hub_app_2 .space-10,.hub_app_22 .space-10 {
    margin-top: 10px;
}

.hub_app_2 .zip-my-clock-emp-table th,.hub_app_22 .zip-my-clock-emp-table th {
    font-weight: normal;
}

.hub_app_2 .zip-my-clock-emp-table th i,.hub_app_22 .zip-my-clock-emp-table th i {
    cursor: pointer;
}

.hub_app_2 .zip-my-clock-emp-table th i:hover,.hub_app_22 .zip-my-clock-emp-table th i:hover {
    opacity: 1;
}

.hub_app_2 .zip-my-clock-emp-table .profile-activity,.hub_app_22 .zip-my-clock-emp-table .profile-activity {
    background: none repeat scroll 0 0 #f4f4f4;
    height: 100%;
    margin: 0;
    min-height: 55px;
    position: relative;
    color: #888888;
    display: block;
}

.hub_app_2 .zip-my-clock-emp-table .profile-activity > .choppOff,.hub_app_22 .zip-my-clock-emp-table .profile-activity > .choppOff {
    margin: 5px 2px;
}

.hub_app_2 .zip-my-clock-emp-table .schedule-activity .clock-busi-date,.hub_app_22 .zip-my-clock-emp-table .schedule-activity .clock-busi-date {
    margin-left: 7px;
    color: #999;
}

.hub_app_2 .zip-my-clock-emp-table .tools-alert,.hub_app_22 .zip-my-clock-emp-table .tools-alert {
    background: rgba(100, 100, 100, 0.1);
    bottom: 0;
    padding: 2px 2px 0;
    position: absolute;
    right: 0;
    top: 0;
    white-space: normal;
    width: 35px;
}

.hub_app_2 .zip-my-clock-emp-table .tools,.hub_app_22 .zip-my-clock-emp-table .tools {
    background: rgba(100, 100, 100, 0.1);
    bottom: 0;
    padding: 2px 2px 0;
    position: absolute;
    right: 0;
    top: 0;
    white-space: normal;
    width: 20px;
}

.hub_app_2 .min-height,.hub_app_22 .min-height {
    min-height: 48px;
}

.hub_app_2 .zip-my-clock-emp-table .schedule-activity,.hub_app_22 .zip-my-clock-emp-table .schedule-activity {
    /*   min-height: 100% !important; */
    position: relative;
}

.hub_app_2 .modal-body-addpunch,.hub_app_22 .modal-body-addpunch {
    min-height: 300px;
}

.hub_app_2 .zip-clock-popup.visible,.hub_app_22 .zip-clock-popup.visible {
    display: block;
}

.hub_app_2 .zip-clock-popup,.hub_app_22 .zip-clock-popup {
    animation: 0.4s ease-in-out 0s normal none 1 dropdown;
    display: none;
    position: absolute;
    transform-origin: 171px -3px 0;
    width: 480px;
    z-index: 200;
    margin: 250px 0 0 145px;
}

.hub_app_2 .zip-clock-popup.arrowLeftTop .arrow,.hub_app_22 .zip-clock-popup.arrowLeftTop .arrow {
    border-right-color: #f9f9f9;
    left: -17px;
    top: 40px;
}

.hub_app_2 .zip-clock-popup .arrow, .zip-clock-popup .arrow-border,.hub_app_22 .zip-clock-popup .arrow, .zip-clock-popup .arrow-border {
    height: 0;
    position: absolute;
    width: 0;
}

.hub_app_2 .zip-clock-popup .arrow,.hub_app_22 .zip-clock-popup .arrow {
    border: 9px solid rgba(0, 0, 0, 0);
    z-index: 5;
}

.hub_app_2 .zip-clock-popup.arrowLeftTop .arrow-border,.hub_app_22 .zip-clock-popup.arrowLeftTop .arrow-border {
    border-right-color: #c3c3c3;
    left: -20px;
    top: 39px;
}

.hub_app_2 .zip-clock-popup .arrow-border,.hub_app_22 .zip-clock-popup .arrow-border {
    border: 10px solid rgba(0, 0, 0, 0);
    z-index: 1;
}

.hub_app_2 .zip-clock-popup .text-black,.hub_app_22 .zip-clock-popup .text-black {
    color: black;
}

.hub_app_2 .max-width-80per,.hub_app_22 .max-width-80per {
    max-width: 80%;
}
.hub_app_2 .max-width-73per,.hub_app_22 .max-width-73per {
    max-width: 73%;
}

.hub_app_2 .colgroup-col-20,.hub_app_22 .colgroup-col-20 {
    width: 20%;
}

.hub_app_2 .colgroup-col-15,.hub_app_22 .colgroup-col-15 {
    width: 15%;
}

.hub_app_2 .colgroup-col-10,.hub_app_22 .colgroup-col-10 {
    width: 10%;
}

.hub_app_2 .colgroup-col-11,.hub_app_22 .colgroup-col-11 {
    width: 11%;
}

.hub_app_2 .colgroup-col-8,.hub_app_22 .colgroup-col-8 {
    width: 8%;
}

.hub_app_2 .zip-list-items,.hub_app_22 .zip-list-items {
    padding: 0;
}

.hub_app_2 .zip-list-items.zip-list-items-no-hover li:hover,.hub_app_22 .zip-list-items.zip-list-items-no-hover li:hover {
    background: none;
    cursor: default
}

.hub_app_2 .zip-list-items.stretchable > li,.hub_app_22 .zip-list-items.stretchable > li {
    height: auto
}

.hub_app_2 .zip-list-items li,.hub_app_22 .zip-list-items li {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 10px;
    overflow: hidden;
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out
}

.hub_app_2 .zip-list-items li:last-child,.hub_app_22 .zip-list-items li:last-child {
    margin-bottom: -10px
}

.hub_app_2 .zip-list-items img, .zip-list-items .icon,.hub_app_22 .zip-list-items img, .zip-list-items .icon {
    float: left;
    height: 40px;
    width: 40px;
}

.hub_app_2 .zip-list-items .icon,.hub_app_22 .zip-list-items .icon {
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    font-size: 32px
}

.hub_app_2 .zip-list-items .news-item-info,.hub_app_22 .zip-list-items .news-item-info {
    margin-left: 50px
}

.hub_app_2 .zip-list-items .name, .hub_app_2 .zip-list-items, .hub_app_2 .zip-list-items .position,.hub_app_22 .zip-list-items .name, .hub_app_22 .zip-list-items, .hub_app_22 .zip-list-items .position {
    line-height: 20px;
}

.hub_app_2 .zip-list-items .name,.hub_app_22 .zip-list-items .name {
    margin: 0;
    color: #0d638f;
}

.hub_app_2 .zip-list-items p,.hub_app_22 .zip-list-items p {
    margin-top: 5px;
    font-size: 90%;
    line-height: 1.4
}

.hub_app_2 .zip-list-items .time,.hub_app_22 .zip-list-items .time {
    color: #999999;
}

.hub_app_2 .zip-list-items .options,.hub_app_22 .zip-list-items .options {
    margin-top: 5px
}

.hub_app_2 .zip-list-items .comment,.hub_app_22 .zip-list-items .comment {
    font-size: 11.05px;
    color: #f8f8f8;
    line-height: 1.3em
}

.hub_app_2 .users-statics-list,.hub_app_22 .users-statics-list {
    background: #fcf8e3;
    overflow: auto;
    padding: 8px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-bottom: 5px;
}

.hub_app_2 .circle-icon,.hub_app_22 .circle-icon {
    border-radius: 50%;
    display: block;
    float: left;
    font-size: 25px;
    height: 40px;
    line-height: 40px;
    margin: 0 10px 0 0;
    text-align: center;
    vertical-align: middle;
    width: 40px;
}

.hub_app_2 .circle-avatar > img,.hub_app_22 .circle-avatar > img {
    border-radius: 50%;
    height: 37px;
    margin-top: -5px;
    width: 37px;
}

.hub_app_2 .users-statics-list p, .hub_app_2 .circle-info p,.hub_app_22 .users-statics-list p, .hub_app_22 .circle-info p {
    margin: 0;
}

.hub_app_2 .size-h2,.hub_app_22 .size-h2 {
    font-size: 17px;
    line-height: 36px;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.hub_app_2 .statics-info,.hub_app_22 .statics-info {
    background-color: #D9EDF7;
    border-color: #98cce6;
    color: #3a87ad;
}

.hub_app_2 .statics-info .circle-icon,.hub_app_22 .statics-info .circle-icon {
    background-color: #98cce6;
}

.hub_app_2 .statics-success,.hub_app_22 .statics-success {
    background-color: #DBF6D3;
    border-color: #aed4a5;
    color: #569745;
}

.hub_app_2 .statics-success .circle-icon,.hub_app_22 .statics-success .circle-icon {
    background-color: #aed4a5;
}

.hub_app_2 .statics-danger,.hub_app_22 .statics-danger {
    background-color: #F2DEDE;
    border-color: #e0b1b8;
    color: #b94a48;
}

.hub_app_2 .statics-danger .circle-icon,.hub_app_22 .statics-danger .circle-icon {
    background-color: #e0b1b8;
}

.hub_app_2 .statics-warning,.hub_app_22 .statics-warning {
    background-color: #fcf8e3;
    border-color: #f1daab;
    color: #c09853;
}

.hub_app_2 .statics-warning .circle-icon,.hub_app_22 .statics-warning .circle-icon {
    background-color: #f1daab;
}

.hub_app_2 .informer-pulsate,.hub_app_22 .informer-pulsate {
    animation: 1s ease-out 0s normal none infinite pulsate;
    opacity: 0;
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.9, 0.9);
        opacity: 0.0;
    }
    50% {
        opacity: 1.0;
    }
    100% {
        -webkit-transform: scale(1.1, 1.1);
        opacity: 0.0;
    }
}

@-moz-keyframes pulsate {
    0% {
        -moz-transform: scale(0.9, 0.9);
        opacity: 0.0;
    }
    50% {
        opacity: 1.0;
    }
    100% {
        -moz-transform: scale(1.1, 1.1);
        opacity: 0.0;
    }
}

@keyframes pulsate {
    0% {
        transform: scale(0.9, 0.9);
        opacity: 0.0;
    }
    50% {
        opacity: 1.0;
    }
    100% {
        transform: scale(1.1, 1.1);
        opacity: 0.0;
    }
}

.hub_app_2 #point,.hub_app_22 #point {
    -moz-animation: pulsate 1.9s ease infinite;
    -webkit-animation: pulsate 1s ease infinite;
}

/* Simple Animation */
@-webkit-keyframes mymove {
    0% {
        opacity: 1.0;
        text-shadow: 0 0 20px #00c6ff;
    }
    50% {
        opacity: 0;
        text-shadow: none;
    }
    100% {
        opacity: 1.0;
        text-shadow: 0 0 20px #00c6ff;
    }
}

@-moz-keyframes mymove {
    0% {
        opacity: 1.0;
        text-shadow: 0 0 20px #00c6ff;
    }
    50% {
        opacity: 0;
        text-shadow: none;
    }
    100% {
        opacity: 1.0;
        text-shadow: 0 0 20px #00c6ff;
    }
}

/* tooltip css */
.hub_app_2 .zip-alert-tooltip .tooltip-inner, .hub_app_2 .zip-clock-alerts .tooltip-inner,.hub_app_22 .zip-alert-tooltip .tooltip-inner, .hub_app_22 .zip-clock-alerts .tooltip-inner {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    color: #000;
    padding: 12px 14px;
    max-width: 280px;
    word-wrap: break-word;
    white-space: normal;
}

.hub_app_2 .zip-alert-tooltip .tooltip.in,.hub_app_22 .zip-alert-tooltip .tooltip.in {
    opacity: 1;
}

.hub_app_2 .zip-clock-prj .tooltip-inner,.hub_app_22 .zip-clock-prj .tooltip-inner {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    color: #000;
    max-width: 280px;
    word-wrap: break-word;
    white-space: normal;
    position: absolute;
}

.hub_app_2 .zip-clock-prj .tooltip > .tooltip-arrow,.hub_app_22 .zip-clock-prj .tooltip > .tooltip-arrow {
    opacity: 0;
}

.hub_app_2 .zip-alert-tooltip .tooltip.bottom > .tooltip-arrow:after,.hub_app_22 .zip-alert-tooltip .tooltip.bottom > .tooltip-arrow:after {
    border-bottom-color: #fff;
    border-top-width: 0;
    margin-left: -10px;
    top: 1px;
}

.hub_app_2 .zip-alert-tooltip .tooltip > .tooltip-arrow:after,.hub_app_22 .zip-alert-tooltip .tooltip > .tooltip-arrow:after {
    border-width: 10px;
    content: "";
}

.hub_app_2 .zip-alert-tooltip .tooltip > .tooltip-arrow:after,.hub_app_22 .zip-alert-tooltip .tooltip > .tooltip-arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.hub_app_2 #zc-shift-mgmt .tooltip,.hub_app_22 #zc-shift-mgmt .tooltip {
    height: 100px;
    left: 88px !important;
    top: 0 !important;
    white-space: nowrap;
    min-width: 175px;
    width: 150px;
    word-wrap: normal;
}

.hub_app_2 .zip-alert-tooltip .tooltip.right .tooltip-arrow,.hub_app_22 .zip-alert-tooltip .tooltip.right .tooltip-arrow {
    border-right-color: #dddddd;
    border-width: 11px;
    left: -16px;
    margin-top: -6px;
    top: 17%;
}

.hub_app_2 .zip-alert-tooltip .tooltip.right > .tooltip-arrow:after,.hub_app_22 .zip-alert-tooltip .tooltip.right > .tooltip-arrow:after {
    border-right-color: #ffffff;
    border-top-width: 10px;
    margin-left: -9px;
    top: -10px;
}

.hub_app_2 .zip-alert-tooltip .tooltip.bottom .tooltip-arrow,.hub_app_22 .zip-alert-tooltip .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ccc;
    border-width: 0 5px 5px;
    left: 50%;
    margin-left: -5px;
    top: 0;
}

.hub_app_2 .min-shr,.hub_app_22 .min-shr {
    background: rgba(100, 100, 100, 0.1);
    padding: 5px 2px 0;
    height: 100%;
    max-height: 100%;
    min-width: 20px;
    min-height: 100%;
    position: absolute;
}

.hub_app_2 .min-shr-das,.hub_app_22 .min-shr-das {
    background: rgba(100, 100, 100, 0.1);
    padding: 5px 2px 0;
    height: 60px;
    max-height: 100%;
    min-width: 12px;
}

.hub_app_2 .min-shr-shift,.hub_app_22 .min-shr-shift {
    background: rgba(100, 100, 100, 0.1);
    padding: 10px 5px 0;
    height: 60px;
    margin: -6.5px;
    margin-left: -8px;
    max-height: 100%;
    min-width: 26px;
}

.hub_app_2 .main-box,.hub_app_22 .main-box {
    background: none repeat scroll 0 0 #eee;
    margin-bottom: 16px;
    overflow: auto;
    border: 1px solid #fafafa;
}

.hub_app_2 .main-box h2,.hub_app_22 .main-box h2 {
    font-size: 1.3em;
    line-height: 29px;
    margin: 0;
    padding: 0;
}

.hub_app_2 .label-info,.hub_app_22 .label-info {
    position: absolute;
}

.hub_app_2 .main-box .main-box-header,.hub_app_22 .main-box .main-box-header {
    padding: 10px 20px;
    width: auto;
}

.hub_app_2 .emp-report,.hub_app_22 .emp-report {
    width: 400px;
    text-align: center;
    margin: 0px 117px 0px 0px;
    padding-left: 136px;
    left: 18px;
}

.hub_app_2 .main-box .main-box-body,.hub_app_22 .main-box .main-box-body {
    padding: 0 20px 20px;
}

.hub_app_2 .profile-user-info-striped,.hub_app_22 .profile-user-info-striped {
    border: 1px solid #ddd;
}

.hub_app_2 .profile-user-info,.hub_app_22 .profile-user-info {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #f0f0f0;
    display: table;
    margin: 0 auto;
    width: 100%;
}

.hub_app_2 .profile-info-row:first-child .profile-info-name, .hub_app_2 .profile-info-row:first-child .profile-info-value,.hub_app_22 .profile-info-row:first-child .profile-info-name, .hub_app_22 .profile-info-row:first-child .profile-info-value {
    border-top: medium none;
}

.hub_app_2 .profile-user-info-striped .profile-info-name,.hub_app_22 .profile-user-info-striped .profile-info-name {
    background-color: #fff;
    border-top: 1px solid #f7fbff;
    color: #336199;
}

.hub_app_2 .profile-info-value,.hub_app_22 .profile-info-value {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #fafafa;
    display: table-cell;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0px;
    width: 65px;
}

.hub_app_2 .profile-info-row,.hub_app_22 .profile-info-row {
    background: none repeat scroll 0 0 #fff;
    position: relative;
}

.hub_app_2 .profile-info-name,.hub_app_22 .profile-info-name {
    background-color: transparent;
    border-top: 1px dotted #d5e4f1;
    color: #667e99;
    font-weight: 400;
    padding: 6px 10px;
    vertical-align: middle;
    width: 100%;
}

.hub_app_2 #zipeditpunch .timeline-centered,.hub_app_22 #zipeditpunch .timeline-centered {
    margin-bottom: 30px;
    position: relative;
}

.hub_app_2 #zipeditpunch .timeline-centered:before, .hub_app_2 .timeline-centered:after,.hub_app_22 #zipeditpunch .timeline-centered:before, .hub_app_22 .timeline-centered:after {
    content: " ";
    display: table;
}

.hub_app_2 #zipeditpunch .timeline-centered:after,.hub_app_22 #zipeditpunch .timeline-centered:after {
    clear: both;
}

.hub_app_2 #zipeditpunch .timeline-centered:before,.hub_app_22 #zipeditpunch .timeline-centered:before {
    background: #FBFBFB;
    bottom: 0px;
    content: "";
    display: block;
    left: 0%;
    margin-left: -20px;
    position: absolute;
    top: 0px;
    width: 4px;
}

.hub_app_2 #zipeditpunch .timeline-centered .timeline-entry,.hub_app_22 #zipeditpunch .timeline-centered .timeline-entry {
    clear: both;
    float: right;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

.hub_app_2 #zipeditpunch .timeline-centered .timeline-entry:after,.hub_app_22 #zipeditpunch .timeline-centered .timeline-entry:after {
    clear: both;
}

.hub_app_2 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner,.hub_app_22 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner {
    margin-left: -28px;
    position: relative;
}

.hub_app_2 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after,.hub_app_22 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
    content: " ";
    display: table;
}

.hub_app_2 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner:after,.hub_app_22 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner:after {
    clear: both;
}

.hub_app_2 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon,.hub_app_22 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 0 0 3px #FBFBFB;
    font-size: 15px;
    text-align: center;
    width: 100px;
    position: absolute;
    top: calc(50% - 17px);
    left: -40px;
}

.hub_app_2 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary,.hub_app_22 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
    background-color: #303641;
    color: #FFFFFF;
}

.hub_app_2 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success,.hub_app_22 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
    background-color: #E3E3E3;
    color: #515255;
}

.hub_app_2 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label,.hub_app_22 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
    background: none repeat scroll 0 0 padding-box #FBFBFB;
    border-radius: 3px;
    margin-left: 80px;
    padding: 5px;
    position: relative;
}

.hub_app_2 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-label-inner,.hub_app_22 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-label-inner {
    border-radius: 3px;
    max-height: 197px;
    overflow: auto;
}

.hub_app_2 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after,.hub_app_22 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
    border-color: rgba(0, 0, 0, 0) #F8F8F8 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 7px 7px 7px 0;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin-left: -7px;
    position: absolute;
    top: calc(50% - 6px);
    width: 0;
}

.hub_app_2 #zipeditpunch .timeline-label .timeline-label-inner .group-item,.hub_app_22 #zipeditpunch .timeline-label .timeline-label-inner .group-item {
    margin-bottom: 4px;
    overflow: auto;
    transition: all 0.5s ease 0s;
}

.hub_app_2 #zipeditpunch .timeline-label .timeline-label-inner .list-group-item:last-child,.hub_app_22 #zipeditpunch .timeline-label .timeline-label-inner .list-group-item:last-child {
    margin-bottom: 0px;
}

.hub_app_2 #zipeditpunch .timeline-label .timeline-label-inner .enabled-shift,.hub_app_22 #zipeditpunch .timeline-label .timeline-label-inner .enabled-shift {
    background: #C4E3F3;
}

.hub_app_2 #zipeditpunch .timeline-label .timeline-label-inner .enabled-shift:hover,.hub_app_22 #zipeditpunch .timeline-label .timeline-label-inner .enabled-shift:hover {
    background: #AECFF3;
}

.hub_app_2 #zipeditpunch .timeline-label .timeline-label-inner .disabled-shift,.hub_app_22 #zipeditpunch .timeline-label .timeline-label-inner .disabled-shift {
    background: #E7E7E7;
    border-color: #DDDDDD;
}

.hub_app_2 #zipeditpunch .timeline-label .timeline-label-inner .site-schedule-shift,.hub_app_22 #zipeditpunch .timeline-label .timeline-label-inner .site-schedule-shift {
    background: #E7E7E7;
    border-color: #DDDDDD;
}

.hub_app_2 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner .user-image,.hub_app_22 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner .user-image {
    border-radius: 50%;
    height: 50px;
    left: -15px;
    width: 50px;
}

.hub_app_2 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner .user-image + .timeline-label,.hub_app_22 #zipeditpunch .timeline-centered .timeline-entry .timeline-entry-inner .user-image + .timeline-label {
    margin-left: 60px !important;
    margin-top: 8px !important;
}

.hub_app_2 #zcprjot .list-group-item,.hub_app_22 #zcprjot .list-group-item {
    overflow: auto;
}

.hub_app_2 #zcprjot .list-group-item.active, .hub_app_2 #zcprjot .list-group-item.active:hover, .hub_app_2 #zcprjot .list-group-item.active:focus,.hub_app_22 #zcprjot .list-group-item.active, .hub_app_22 #zcprjot .list-group-item.active:hover, .hub_app_22 #zcprjot .list-group-item.active:focus {
    background-color: #999;
    border-color: #999;
    color: #fff;
    z-index: 2;
}

.hub_app_2 .padding-left-40,.hub_app_22 .padding-left-40 {
    padding-left: 40px;
}

.hub_app_2 .zip-user,.hub_app_22 .zip-user {
    position: absolute;
    margin-top: 10px;
}

.hub_app_2 .margin-top-27,.hub_app_22 .margin-top-27 {
    margin-top: 27px;
}

.hub_app_2 .img-top,.hub_app_22 .img-top {
    position: relative;
    top: 2px;
}

.hub_app_2 .font-top-right,.hub_app_22 .font-top-right {
    font-size: 9px;
    position: relative;
    top: -10px;
    left: -4px;
    margin-right: -5px;
}

.hub_app_2 .bg-green,.hub_app_22 .bg-green {
    background: #8de98d;
}

.hub_app_2 .tile-stats.bg-green:hover,.hub_app_22 .tile-stats.bg-green:hover {
    background: #76d276;
}

.hub_app_2 #chartdiv .amChartsLegend,.hub_app_22 #chartdiv .amChartsLegend {
    margin-left: -62px;
}

.hub_app_2 #chartdiv > div,.hub_app_22 #chartdiv > div {
    margin-top: -33px;
    outline: 1px solid #DADADA;
    outline-offset: -37px;
}

.hub_app_2 .act-vs-sch,.hub_app_22 .act-vs-sch {
    margin-top: -55px;
}

.hub_app_2 .punch-in-note-txtAr,.hub_app_22 .punch-in-note-txtAr {
    max-height: 42px;
    max-width: 386px;
    height: 50px;
    width: 100%;
}

.hub_app_2 .clock-filters,.hub_app_22 .clock-filters {
    left: calc(50% - 100px);
    position: absolute;
    top: 8px;
}

.hub_app_2 .clock-filters > div,.hub_app_22 .clock-filters > div {
    margin-right: 4px;
}

.hub_app_2 .clock-filters .btn,.hub_app_22 .clock-filters .btn {
    position: relative;
}

.hub_app_2 .li-alta-list .fa,.hub_app_22 .li-alta-list .fa {
    opacity: 1;
}

.hub_app_2 .li-alta-list:hover .fa,.hub_app_22 .li-alta-list:hover .fa {
    opacity: 1;
}

.hub_app_2 .li-alta-list .punchInfo .fa,.hub_app_22 .li-alta-list .punchInfo .fa {
    opacity: 1;
}

.hub_app_2 .printable-timesheet,.hub_app_22 .printable-timesheet {
    cursor: pointer;
    margin: 3px;
    overflow: hidden;
    text-shadow: none;
    background: teal;
    color: white
}

.hub_app_2 .min-shr-dash,.hub_app_22 .min-shr-dash {
    background: rgba(100, 100, 100, 0.1);
    padding: 10px 5px 0;
    height: 60px;
    max-height: 100%;
    min-width: 28px;
    height: 100%;
    min-height: 65px;
}

.hub_app_2 #summary_MangeHeading,.hub_app_22 #summary_MangeHeading {
    background: #f2f2f2;
    border-bottom: 1px solid #dbdbdb;
}

.hub_app_2 #summary_Mange,.hub_app_22 #summary_Mange {
    border: 1px solid #dbdbdb;
}

.hub_app_2 #panel-Subscribe-border,.hub_app_22 #panel-Subscribe-border {
    border-left: 1px solid transparent;
}

.hub_app_2 #panel-UnSubscribe-border,.hub_app_22 #panel-UnSubscribe-border {
    border-left: 1px solid transparent;
}

.hub_app_2 .max-h-145,.hub_app_22 .max-h-145 {
    max-height: 145px;
    overflow: auto;
}

.hub_app_2 #summary_Mange ul li,.hub_app_22 #summary_Mange ul li {
    padding: 5px 15px !important;
}

.hub_app_2 .margin-l-18,.hub_app_22 .margin-l-18 {
    margin-left: 18px;
}

.hub_app_2 .empPref-pieChart,.hub_app_22 .empPref-pieChart {
    height: 550px;
    width: 95%;
    font-size: 11px;
    margin: -120px auto;
}

@media ( max-width: 768px) {
    .hub_app_2 .empPref-pieChart,.hub_app_22 .empPref-pieChart {
        margin: 0px auto;
    }
}

.hub_app_2 .empPref-pieChart .amChartsLegend,.hub_app_22 .empPref-pieChart .amChartsLegend {
    margin-top: -100px
}

.hub_app_2 .empPref-columnChart,.hub_app_22 .empPref-columnChart {
    height: 300px;
    width: 95%;
    font-size: 11px;
}

.hub_app_2 .hourly-report, .hub_app_2 .hourly-report td, .hub_app_2 .hourly-report tr,.hub_app_22 .hourly-report, .hub_app_22 .hourly-report td, .hub_app_22 .hourly-report tr {
    height: 100%;
}

.hub_app_2 .hourly-border,.hub_app_22 .hourly-border {
    border-bottom: 1px solid #dddddd;
}

.hub_app_2 .hourly-report .top-cntr,.hub_app_22 .hourly-report .top-cntr {
    padding-top: 9px;
}

.hub_app_2 .margin-left-25,.hub_app_22 .margin-left-25 {
    margin-left: 25px;
}

.hub_app_2 input.zip-checkbox,.hub_app_22 input.zip-checkbox {
    height: inherit;
    opacity: inherit;
    position: inherit;
}

.hub_app_2 .last-th-6,.hub_app_22 .last-th-6 {
    border-right: none !important;
}

.hub_app_2 .font-size-11,.hub_app_22 .font-size-11 {
    font-size: 11px !important;
}

.hub_app_2 .margin-left-15,.hub_app_22 .margin-left-15 {
    margin-left: -15px;
}

.hub_app_2 .tile-stats.sky-bg:hover,.hub_app_22 .tile-stats.sky-bg:hover {
    background: #5a9ac3;
}

.hub_app_2 .tile-stats.sky-bg.hub_app_22 .tile-stats.sky-bg {
    background: #6fb2dc;
}

.hub_app_2 .font-top-coff-pen,.hub_app_22 .font-top-coff-pen {
    font-size: 11px;
    position: relative;
    margin-top: 2px;
}

.hub_app_2 .margin-left-9,.hub_app_22 .margin-left-9 {
    margin-left: 9px;
}

.hub_app_2 .colgroup-col-40,.hub_app_22 .colgroup-col-40 {
    width: 40% !important;
}


.hub_app_2 .payRollrep6,.hub_app_22 .payRollrep6 {
    border-right: none !important;
}

.hub_app_2 .padding-left-13,.hub_app_22 .padding-left-13 {
    padding-left: 13px;
}

.hub_app_2 .warn-icon,.hub_app_22 .warn-icon {
    background: url('../icons/error-icon.png') no-repeat;
    padding-right: 6px;
}

.hub_app_2 .width-25,.hub_app_22 .width-25 {
    width: 26px;
}

.hub_app_2 .font-10-px,.hub_app_22 .font-10-px {
    font-size: 10px;
}

.hub_app_2 .table-search2,.hub_app_22 .table-search2 {
    position: absolute;
    top: 4px;
}

.hub_app_2 .table-search1,.hub_app_22 .table-search1 {
    left: 38px;
    position: absolute;
    top: 4px;
    margin-right: 1100px;
}

.hub_app_2 .margin-left-200,.hub_app_22 .margin-left-200 {
    margin-left: -200px !important;
}

.hub_app_2 .shift-table-search,.hub_app_22 .shift-table-search {
    left: 270px;
    position: absolute;
    top: 46px;
}

.hub_app_2 .shift-table-search1,.hub_app_22 .shift-table-search1 {
    left: 50px;
    position: absolute;
    top: 46px;
}

.hub_app_2 table.table.table-div-auto-height > tbody > tr > td > div,.hub_app_22 table.table.table-div-auto-height > tbody > tr > td > div {
    height: auto;
}

.hub_app_2 .zip-clock-alerts .time,.hub_app_22 .zip-clock-alerts .time {
    margin: -5px;
}

.hub_app_2 .space-25,.hub_app_22 .space-25 {
    padding-top: 25px;
}

.hub_app_2 .margin-top-7,.hub_app_22 .margin-top-7 {
    margin-top: 7px;
}

.hub_app_2 .margin-top-25,.hub_app_22 .margin-top-25 {
    margin-top: 25px;
}

.hub_app_2 ul.users-list li span.sugg_counter,.hub_app_22 ul.users-list li span.sugg_counter {
    font-size: 18px;
    color: #DD5A43;
}

.hub_app_2 #zip-clock-dashboard .page-heading-action,.hub_app_22 #zip-clock-dashboard .page-heading-action {
    padding: 3px;
}

.hub_app_2 .tile-stats.animate-tile-stats .tile-stats-content,.hub_app_22 .tile-stats.animate-tile-stats .tile-stats-content {
    padding: 4px 0 8px !important;
}

.hub_app_2 .tile-stats.animate-tile-stats .tile-stats-icon,.hub_app_22 .tile-stats.animate-tile-stats .tile-stats-icon {
    padding: 10px 0 0 !important;
}

.hub_app_2 .tile-stats.animate-tile-stats .tile-stats-action,.hub_app_22 .tile-stats.animate-tile-stats .tile-stats-action {
    padding-top: 20px !important;
}

.hub_app_2 .zip-clock-one-day,.hub_app_22 .zip-clock-one-day,.hub_app_20 .zip-clock-one-day{
    background: none repeat scroll 0 0 #31b0d5;
	bottom: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	height: 100%;
	line-height: 1;
	padding: 6px 0 0 0;
	position: absolute;
	right: 0px;
	text-align: center;
	top: 0;
	width: 26px;
	border-radius: 0 5px 5px 0;
}

.hub_app_2 .zip-clock-one-day-text,.hub_app_22 .zip-clock-one-day-text,.hub_app_20 .zip-clock-one-day-text {
    font-size: 8px;
}

.hub_app_2 #zip-clock-dashboard .panel-heading-inner,.hub_app_22 #zip-clock-dashboard .panel-heading-inner {
    color: #4a98be;
}

.hub_app_2 .height-170,.hub_app_22 .height-170 {
    height: 170px;
}

.hub_app_2 .padding-left-14,.hub_app_22 .padding-left-14 {
    padding-left: 14px;
}

.hub_app_2 .min-height-150,.hub_app_22 .min-height-150 {
    min-height: 150px !important;
}

.hub_app_2 .ui-timepicker-wrapper,.hub_app_22 .ui-timepicker-wrapper {
    position: fixed !important;
}

.hub_app_2 .dropdown-menu.filter-list,.hub_app_22 .dropdown-menu.filter-list {
    z-index: 3 !important;
}

/* .hub_app_2 .select2-drop.select2-with-searchbox, .hub_app_22 .select2-drop.select2-with-searchbox {
    z-index: 1099 !important;
} */

.hub_app_2 .modal ~ .select2-drop.select2-with-searchbox,.hub_app_22 .modal ~ .select2-drop.select2-with-searchbox {
    z-index: 9999 !important;
}

.hub_app_2 .zip-clock-bg-gray,.hub_app_22 .zip-clock-bg-gray {
    background: #fafafa;
}

.hub_app_2 .grey-color,.hub_app_22 .grey-color {
    color: #888 !important;
}

.hub_app_2 .zcshift-clock,.hub_app_22 .zcshift-clock {
    margin-left: -25px;
}

.hub_app_2 .img-100,.hub_app_22 .img-100 {
    width: 100px;
    height: 100px;
}

.hub_app_2 .zc-plus-bottom,.hub_app_22 .zc-plus-bottom {
    bottom: 0px;
    position: absolute;
}

.hub_app_2 .zip-clock-alert-dashboard .tooltip.top .tooltip-arrow,.hub_app_22 .zip-clock-alert-dashboard .tooltip.top .tooltip-arrow {
    border-top-color: #fff;
    border-width: 5px 5px 0;
    bottom: 1px;
    left: 50%;
    margin-left: -5px;
}

.hub_app_2 .zip-clock-alert-dashboard .tooltip-arrow,.hub_app_22 .zip-clock-alert-dashboard .tooltip-arrow {
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0;
}

.hub_app_2 .show-punch-time,.hub_app_22 .show-punch-time {
    width: 73px;
    margin: 2px;
}

.hub_app_2 .time,.hub_app_22 .time {
    line-height: 20px;
    font-size: 14px;
}

.hub_app_2 .no-border-bottom,.hub_app_22 .no-border-bottom {
    border-bottom: none !important;
    box-shadow: none !important;
    padding-bottom: 0px !important;
}

.hub_app_2 .punch-report-img,.hub_app_22 .punch-report-img {
    height: 36px !important;
    width: 36px !important;
}



.hub_app_2 .width-22,.hub_app_22 .width-22 {
    width: 22px;
}

.hub_app_2 .chart-circle,.hub_app_22 .chart-circle {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 50%;
    background: none repeat scroll 0% 0% rgb(221, 221, 221);
    width: 260px;
    height: 260px;
}

.hub_app_2 .no-display,.hub_app_22 .no-display {
    position: relative;
    text-align: center;
    font-size: 12px;
    top: 120px;
}

.hub_app_2 #zcprjot .popover,.hub_app_22 #zcprjot .popover {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 6px;
    left: 89px !important;
}

.hub_app_2 #zcprjot .popover-content,.hub_app_22 #zcprjot .popover-content {
    background-color: #ffffff;
    color: #000;
}

.hub_app_2 #weeklylbor .timeline-entry .timeline-entry-inner .timeline-icon,.hub_app_22 #weeklylbor .timeline-entry .timeline-entry-inner .timeline-icon {
    left: -140px;
    top: 3px;
    width: 200px;
}

.hub_app_2 .shift_mgmt_search,.hub_app_22 .shift_mgmt_search {
    position: absolute;
    z-index: 10;
    line-height: 40px;
    margin-right: 5px;
}

.hub_app_2 .shift_mgmt_addon,.hub_app_22 .shift_mgmt_addon {
    line-height: 9px;
}

.hub_app_2 .clock-time .clock-center,.hub_app_22 .clock-time .clock-center {
    left: 20%;
    position: relative;
    width: 50%;
}

.hub_app_2 .printable-timesheet,.hub_app_22 .printable-timesheet {
    cursor: pointer;
    margin: 3px;
    overflow: hidden;
    text-shadow: none;
    background: #0066cc;
    color: white
}

.hub_app_2 .top-corner-notif:before,.hub_app_22 .top-corner-notif:before {
    border-color: #50d050 transparent transparent #50d050;
    border-style: solid;
    border-width: 22px;
    content: "";
    height: 0;
  /*   left: -11px; */
    left: -6px;
    position: absolute;
    top: -3px;
    width: 0;
    z-index: -1;
}

/* .hub_app_2 .zcdash-upcoming .top-corner-notif:before {
	 border-width: 17px;
} */

.hub_app_2 .top-corner-notif,.hub_app_22 .top-corner-notif {
    color: #fff;
    left:6px;
   /*  float: left;
    font-size: 19px; */
   /*  line-height: 15px; */
    position: relative;
  /* text-indent: 9px; */
    width: 0;
    z-index: 1;
   top:-15px; 
}

/* .hub_app_2 .zcdash-upcoming .top-corner-notif,.hub_app_22 .zcdash-upcoming .top-corner-notif{
	 font-size: 12px;
    line-height: 0px;
    top: 0;
} */

.hub_app_2 .margin-left-30,.hub_app_22 .margin-left-30 {
    margin-left: 30px !important;
}

.hub_app_2 .only-num,.hub_app_22 .only-num {
    height: 34px !important;
}

.hub_app_2 #clock-dashboard-table .left .tooltip-arrow::before,.hub_app_22 #clock-dashboard-table .left .tooltip-arrow::before {
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid #ffffff;
    border-top: 9px solid transparent !important;
    content: "";
    margin-top: -9px;
    position: absolute;
    right: -4px;
    top: 50%;
    z-index: 1;
}

.hub_app_2 #clock-dashboard-table .left .tooltip-arrow,.hub_app_22 #clock-dashboard-table .left .tooltip-arrow {
    right: 1px;
}

.hub_app_2 #clock-dashboard-table .right .tooltip-arrow,.hub_app_22 #clock-dashboard-table .right .tooltip-arrow {
    top: 38% !important;
}

/**********/
.hub_app_2 .topLegends .bg-green,.hub_app_22 .topLegends .bg-green {
    background-color: #00b050;
}

.hub_app_2 .topLegends,.hub_app_22 .topLegends {
    border-radius: 4px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.hub_app_2 .topLegends li,.hub_app_22 .topLegends li {
    float: left;
    padding: 6px 15px 6px 0;
    font-size: 13px;
    color: #333;
}
.hub_app_2 .topLegends li span, .hub_app_22 .topLegends li span{
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background-color: #ccc;
    margin-right: 10px;
    vertical-align: middle;
    border-radius: 50%;
}



.hub_app_2 .bg-light-grey,.hub_app_22 .bg-light-grey {
	/* changing color #eaeaea to rgba(221,221,221,0.6)) */
    background: rgba(221,221,221,0.6) !important;
}
.hub_app_2 .bg-light-disable,.hub_app_22 .bg-light-disable {
    background: rgba(221,221,221,0.3) !important;
}
/** */
.form-no-margin .control-group {
    margin: 0 !important;
}


#editPunchMdl input {
    max-width: 100%;
}

.hub_app_2 .ui-timepicker-wrapper,.hub_app_22 .ui-timepicker-wrapper {
    width: 126px;
}

/****/
.hub_app_2 #schTableHeader .table th,.hub_app_22 #schTableHeader .table th {
    background: #EEE;
    border-bottom: 0 none !important;
    height:40px;
    color:#666;
    font-weight:normal;
}

.hub_app_2 #schedule-user .table td,.hub_app_22 #schedule-user .table td {
    padding: 0;
    vertical-align: middle;
    height: 100%;
    position: relative;
}

.hub_app_2 #schedule-user .fill-shift-slot,.hub_app_22 #schedule-user .fill-shift-slot {
    /*
    position: relative;
    */
    height: 100%;
    width: 100%;
}

.hub_app_2 .scheduler-day-actions-btn-group,.hub_app_22 .scheduler-day-actions-btn-group {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    transition: all 0.5s ease 0s;
}

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

.hub_app_2 .scheduler-day-actions-btn-group.btn-group-vertical .btn,.hub_app_22 .scheduler-day-actions-btn-group.btn-group-vertical .btn {
    height: 27px;
    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;
}

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

.hub_app_2 .scheduler-day-content .scheduler-day-position,.hub_app_22 .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_2 .scheduler-day-content .scheduler-day-actions,.hub_app_22 .scheduler-day-content .scheduler-day-actions {
    background: rgba(0, 0, 0, 0.3);
    padding: 9px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    left: 0;
    line-height: 34px;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.hub_app_2 .search-position,.hub_app_22 .search-position {
   position: absolute;
    top: 6px;
    left: 0;
  }
.hub_app_2 .employeeSearch-activity .table-search2 input,.hub_app_22 .employeeSearch-activity .table-search2 input{
	min-height: 32px;
}
.hub_app_2 #scheduler-day-col .tool-plus,.hub_app_22 #scheduler-day-col .tool-plus {
	display:none;
}
.hub_app_2 #scheduler-day-col.scheduler-day-col:hover .tool-plus,.hub_app_22 #scheduler-day-col.scheduler-day-col:hover .tool-plus {
	display:block;
}
.hub_app_2 .full-td-plus .fa-plus,.hub_app_22 .full-td-plus .fa-plus{
        font-size: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left: -20px;
    color: gray;
}
.hub_app_2 #scheduler-day-col.scheduler-day-col .full-td-plus,.hub_app_22 #scheduler-day-col.scheduler-day-col .full-td-plus {
    display: none;
}
.hub_app_2 #scheduler-day-col.scheduler-day-col:hover .full-td-plus,.hub_app_22 #scheduler-day-col.scheduler-day-col:hover .full-td-plus {
	display : block;
}
.hub_app_2 .dropdown-menu.filter-list > li > .filter-toggle,.hub_app_22 .dropdown-menu.filter-list > li > .filter-toggle {
    color: #7E9095;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block !important;
    margin: 0;
}
.hub_app_2 .dropdown-menu.filter-list > li > .filter-toggle i,.hub_app_22 .dropdown-menu.filter-list > li > .filter-toggle i {
    color: #E6E6E6;
    float: left;
    padding: 3px 5px 0 0;
}

.hub_app_2 .dropdown-menu.filter-list .filter-toggle.selected i,.hub_app_22 .dropdown-menu.filter-list .filter-toggle.selected i {
    color: #7E9095;
}   
.hub_app_2 .modal-body-addpunch ul,.hub_app_22 .modal-body-addpunch ul {
	list-style: none;
}
.hub_app_2 .ban-emoticon,.hub_app_22 .ban-emoticon {
	opacity : 0.4;font-size:40px;margin:1px 4px;
}
.hub_app_2 .for-opacity-down .ui-state-disabled, .hub_app_2 .for-opacity-down,.hub_app_22 .for-opacity-down .ui-state-disabled, .hub_app_22 .for-opacity-down{opacity: 0.7;}
/* css for help-guide */

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

.hub_app_2 .guided-help-step-action::after,.hub_app_22 .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_2 #guided-help-wrapper,.hub_app_22 #guided-help-wrapper {
    height: 100%;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1030;
}

.hub_app_2 .guided-help-step-circle,.hub_app_22 .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;
}

.hub_app_2 .guided-help-step-action,.hub_app_22 .guided-help-step-action {
    transition: 0.6s;
}

.hub_app_2 #guided-help-steper,.hub_app_22 #guided-help-steper {
    transition: 0.6s;
}

.hub_app_2 .guided-help-step-action .guided-help-step-counter,.hub_app_22 .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_2 .helpMessage,.hub_app_22 .helpMessage {
    left: -150px;
    position: absolute;
    top: 100px;
    width: 300px;
}

.hub_app_2 .helpMessage.left:before,.hub_app_22 .helpMessage.left: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;
    transition: 0.3s;
}
.hub_app_2 .helpMessage.right:before,.hub_app_22 .helpMessage.right:before {
    background: rgba(0, 0, 0, 0) url(../icons/arrow-right.png) no-repeat scroll 0 0;
    content: "";
    height: 85px;
    left: 210px;
    position: absolute;
    top: -85px;
    width: 85px;
    transition: 0.3s;
}

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

.hub_app_2 .HelpMeMessage,.hub_app_22 .HelpMeMessage {
    position: absolute;
    right: 187px;
    top: -170px;
    display: none;
}
.hub_app_2 #schedule-user .click-disable td, .click-disable:hover td,.hub_app_22 #schedule-user .click-disable td, .click-disable:hover td{opacity: 1;}

.hub_app_2 .HelpMeMessage::before,.hub_app_22 .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_2 #guided-help-wrapper .modal-backdrop,.hub_app_22 #guided-help-wrapper .modal-backdrop {
	opacity: 0.5;
}
.hub_app_2 .lines,.hub_app_22 .lines {
    background-image: url('../icons/pattern-01-01.png') !important;
}

.hub_app_2 #wiz-clock-window,.hub_app_22 #wiz-clock-window{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat;z-index: 1030;}
/*.hub_app_2 a.go-to-next{color: #fff; font-size: 15px; font-weight: 600; position: fixed; bottom: 3%; right: 8%; text-decoration: none;z-index: 1031}
.hub_app_2 a.go-to-next:hover, a.go-to-next:focus{text-decoration: none; outline: none;}
.hub_app_2 a.go-to-next:after{content: ""; width: 0; position: absolute; height: 1px; background-color: #fff; bottom: -2px; left: 50%; transition: 0.2s;}
.hub_app_2 a.go-to-next:hover:after{width: 86%; left: 0;}*/

.hub_app_2 a.go-to-next,.hub_app_22 a.go-to-next {background-color: #efefef; border-radius: 5px 0 0 5px; color: #bf3030!important; font-size: 16px; transition: 0.3s; font-weight: 600; height: 36px; padding: 6px 15px; position: fixed; right:8%; top:8%;text-decoration: none;  z-index: 1031;}
.hub_app_2 a.go-to-next:before,.hub_app_22 a.go-to-next:before {border-bottom: 18px solid transparent; border-left: 19px solid #efefef; transition: 0.3s; border-top: 18px solid transparent; content: ""; position: absolute; right: -18px; top: 0;}
.hub_app_2 a.go-to-next:hover,.hub_app_22 a.go-to-next:hover{background-color: #bf3030 !important; color: #efefef!important; transition: 0.3s;}
.hub_app_2 a.go-to-next:hover:before,.hub_app_22 a.go-to-next:hover:before{border-left-color: #bf3030;}
/* labour onWiz */
.hub_app_2 a.laborlawsSkip-btn,.hub_app_22 a.laborlawsSkip-btn{ border-radius: 5px; color: #fff!important; font-size: 16px; transition: 0.3s; font-weight: 600; height: 36px; padding: 6px 15px; position: fixed; text-decoration: underline;  z-index: 1031;}
.hub_app_2 a.laborlawsSkip-btn:hover,.hub_app_22 a.laborlawsSkip-btn:hover{ transition: 0.3s;}
.hub_app_2 a.laborlaws-btn,.hub_app_22 a.laborlaws-btn { border-radius: 5px 0 0 5px; color: #fff!important; font-size: 16px; transition: 0.3s; font-weight: 600; height: 36px; padding: 6px 15px; position: fixed; right:12%; text-decoration: none;  z-index: 1031;}
.hub_app_2 a.laborlaws-btn:before,.hub_app_22 a.laborlaws-btn:before { border-bottom: 18px solid transparent; border-left: 19px solid #428bca; transition: 0.3s; border-top: 18px solid transparent; content: ""; position: absolute; right: -18px; top: 0;}
.hub_app_2 a.laborlaws-btn:hover,.hub_app_22 a.laborlaws-btn:hover{ transition: 0.3s;}
.hub_app_2 a.laborlaws-btn:hover:before,.hub_app_22 a.laborlaws-btn:hover:before{border-left-color: #3071a9; }

.hub_app_2 .labour-Msg,.hub_app_22 .labour-Msg {
    left: 50%;
    position: absolute;
    top: 460px;
    width: 800px;
    margin-left: -496px;
}

/* .hub_app_2 .labour-Msg.left:before/* ,.hub_app_22 .labour-Msg.left:before {
    background: rgba(0, 0, 0, 0) url(../icons/arrow-Main.png) no-repeat scroll 0 0;
    content: "";
    height: 85px;
    left: -45px;
    position: absolute;
    top: -75px;
    width: 67px;
    transition: 0.3s;
} */

.hub_app_2 .labour-Msg.left::before,.hub_app_22 .labour-Msg.left::before {
    background: rgba(0, 0, 0, 0) url("../icons/arrow-Main.png") no-repeat scroll 0 0;
    content: "";
    height: 265px;
    left: -78px;
    position: absolute;
    top: -236px;
    transition: all 0.3s ease 0s;
    width: 180px;
}



.hub_app_2 .wizard-bg-1,.hub_app_22 .wizard-bg-1{background-image: url(../icons/wizClock-13.png);}
.hub_app_2 .wizard-bg-3,.hub_app_22 .wizard-bg-3{background-image: url(../icons/laborRules_onbrd.png);}
.hub_app_2 .wizard-bg-4,.hub_app_22 .wizard-bg-4{background-image: url(../icons/wizClock-timeclock.png);}
/* .hub_app_2 .wizard-bg-4 ,.hub_app_22 .wizard-bg-4{background-image: url(../icons/wizClock-4.png);} */	
/* .hub_app_2 .wizard-bg-5,.hub_app_22 .wizard-bg-5{background-image: url(../icons/wizClock-5.png);}
.hub_app_2 .wizard-bg-6,.hub_app_22 .wizard-bg-6{background-image: url(../icons/wizClock-6.png);}
.hub_app_2 .wizard-bg-7,.hub_app_22 .wizard-bg-7{background-image: url(../icons/wizClock-7.png);}
.hub_app_2 .wizard-bg-8,.hub_app_22 .wizard-bg-8{background-image: url(../icons/wizClock-8.png);}
.hub_app_2 .wizard-bg-9,.hub_app_22 .wizard-bg-9{background-image: url(../icons/wizClock-9.png);}
.hub_app_2 .wizard-bg-10,.hub_app_22 .wizard-bg-10{background-image: url(../icons/wizClock-10.png);}
.hub_app_2 .wizard-bg-11,.hub_app_22 .wizard-bg-11{background-image: url(../icons/wizClock-11.png);}
.hub_app_2 .wizard-bg-12,.hub_app_22 .wizard-bg-12{background-image: url(../icons/wizClock-12.png);}
.hub_app_2 .wizard-bg-13,.hub_app_22 .wizard-bg-13{background-image: url(../icons/wizClock-13.png);}
 */
.hub_app_2 .wiz-labor-law-window,.hub_app_22 .wiz-labor-law-window{display: none; margin-top: 25px;}
.hub_app_2 #wiz-clock-window .container,.hub_app_22 #wiz-clock-window .container{width: 1160px; margin: 0 auto;}
.hub_app_2 .wizard-bg-3 .wiz-labor-law-window,.hub_app_22 .wizard-bg-3 .wiz-labor-law-window{display: block;}
.hub_app_2 #wiz-clock-window h3, #wiz-clock-window h4, #wiz-clock-window p,.hub_app_22 #wiz-clock-window h3, #wiz-clock-window h4, #wiz-clock-window p{color: #fff; font-weight: normal;}
.hub_app_2 #wiz-clock-window h3,.hub_app_22 #wiz-clock-window h3{font-weight: 600; font-size: 30px;}
.hub_app_2 #wiz-clock-window p,.hub_app_22 #wiz-clock-window p{margin-bottom: 0px;}
.hub_app_2 #wiz-clock-window h4,.hub_app_22 #wiz-clock-window h4{font-size: 18px; float: left; width: 100%; font-weight: 600;}
.hub_app_2 #wiz-clock-window .wiz-labor-law-window h3, .hub_app_2 #wiz-clock-window .wiz-labor-law-window h4,.hub_app_22 #wiz-clock-window .wiz-labor-law-window h3, .hub_app_22 #wiz-clock-window .wiz-labor-law-window h4{margin-bottom: 0px;}
.hub_app_2 .wiz-labor-law-window ul,.hub_app_22 .wiz-labor-law-window ul{padding: 0;margin-bottom: 0px;}
.hub_app_2 .wiz-labor-law-window li,.hub_app_22 .wiz-labor-law-window li{float: left; width: 100%; list-style: none; margin-bottom: 3px;}
.hub_app_2 .wiz-labor-law-window li label, .hub_app_2 .wiz-labor-law-window li input,.hub_app_22 .wiz-labor-law-window li label,.hub_app_22 .wiz-labor-law-window li input{ display: inline-block; vertical-align: middle;}
.hub_app_2 .wiz-labor-law-window li label,.hub_app_22 .wiz-labor-law-window li label{color: #fff; font-size: 15px; width: 70%;}
.hub_app_2 .wiz-labor-law-window li input,.hub_app_22 .wiz-labor-law-window li input{width: 100px; padding: 5px;height: 28px;}

.hub_app_2 .wiz-about-punch-mgmt,.hub_app_22 .wiz-about-punch-mgmt{display: none; margin-top: 250px; font-size: 24px; font-weight: 600; color: #fff; line-height: 36px;}
.hub_app_2 .wizard-bg-13 .wiz-about-punch-mgmt,.hub_app_22 .wizard-bg-13 .wiz-about-punch-mgmt{display: block;}
.hub_app_2 #guided-help-wrapper .modal-backdrop,.hub_app_22 #guided-help-wrapper .modal-backdrop {opacity: 0.5;}
.hub_app_2 .wiz-clk-in-sett,.hub_app_22 .wiz-clk-in-sett{position:absolute; bottom:0; height:100%; padding:6% 0 0; color:#fff; display: none;}
.hub_app_2 .wiz-clk-in-sett .clk-in-device,.hub_app_22 .wiz-clk-in-sett .clk-in-device{padding:20px; background-color:#487EA4; margin-bottom:15px; cursor:pointer; -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;}
.hub_app_2 .wiz-clk-in-sett .clk-in-device.device-checked,.hub_app_22 .wiz-clk-in-sett .clk-in-device.device-checked{position: relative;}
.hub_app_2 .wiz-clk-in-sett .clk-in-device.device-checked:before,.hub_app_22 .wiz-clk-in-sett .clk-in-device.device-checked:before{top:0; position:absolute; right:0; border-top:45px solid #fff; border-left:45px solid transparent; content:"";}
.hub_app_2 .wiz-clk-in-sett .clk-in-device.device-checked:after,.hub_app_22 .wiz-clk-in-sett .clk-in-device.device-checked:after{position:absolute; font-family: 'FontAwesome'; content:"\f00c"; top: 2px; right: 4px; color: #548AAE; font-size: 18px;}
.hub_app_2 .wizard-bg-2 .wiz-clk-in-sett,.hub_app_22 .wizard-bg-2 .wiz-clk-in-sett{display: block;}
.hub_app_2 .zc-onb-guide-setup,.hub_app_22 .zc-onb-guide-setup  {z-index: 1050; position: fixed; margin: auto; left 0; width: 100%;}
.hub_app_2 .zc-onb-guide-setup .wiz-progress,.hub_app_22 .zc-onb-guide-setup .wiz-progress{left: 20%; right:20%; top: 20px; position: fixed;}
.hub_app_2 .zc-onb-guide-setup .skip-onb-guide,.hub_app_22 .zc-onb-guide-setup .skip-onb-guide{left: 20px; bottom: 10px; position: fixed;}
.hub_app_2 .zc-onb-guide-setup .skip-all-btn,.hub_app_22 .zc-onb-guide-setup .skip-all-btn{border-radius: 26px; line-height: 45px; height: 45px; width: 150px; text-align: center; background-color: rgba(255, 0, 0, 0.6); color: #e7e7e7; margin-top: 10px; font-size: 14px; text-shadow: none; padding: 0;}
.hub_app_2 .step-progress-bar,.hub_app_22 .step-progress-bar{float: left; width: 100%;}
.hub_app_2 .step-progress-bar li,.hub_app_22 .step-progress-bar li{background-color: #fff; border-radius: 50%; display: inline-block; height: 10px; list-style: outside none none; margin: 0 7px; transform: scale(1); width: 10px; z-index: 11; position: relative;}
/* .hub_app_2 .step-progress-bar li:after{content: ""; position: absolute; right: -26px; top: 56%; width: 26px; height: 1px; background-color: #fff; margin-top: -1px;} 
.hub_app_2 .step-progress-bar li:first-child:before,.hub_app_22 .step-progress-bar li:first-child:before{content: ""; position: absolute; left: -26px; top: 56%; width: 26px; height: 1px; background-color: #fff; margin-top: -1px;} */ 
.hub_app_2 .step-progress-bar li.step-done,.hub_app_22 .step-progress-bar li.step-done{background-color: #53b920; color: #fff;}
.hub_app_2 .step-progress-bar li.step-current,.hub_app_22 .step-progress-bar li.step-current{transform: scale(1.2); box-shadow: 0 0 3px #f00 inset;}
/* css for help-guide ends */
/** Zip clock Audit Trail CSS****************************/
.hub_app_2 .wrapperClock,.hub_app_22 .wrapperClock{max-width: 600px; margin: 0 auto;}
.hub_app_2 .auditTimeline,.hub_app_22 .auditTimeline {list-style: none; padding: 20px 0 20px; position: relative;}
.hub_app_2 .auditTimeline:before,.hub_app_22 .auditTimeline:before {top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #EDEFF0; left: 50%; margin-left: -2px;}
.hub_app_2 .auditTimeline::after,.hub_app_22 .auditTimeline::after {background-color: #EDEFF0; border-radius: 50%; bottom: -15px; content: ""; height: 30px; left: 50%; margin-left: -15px; position: absolute; width: 30px;}
.hub_app_2 .auditTimeline > li,.hub_app_22 .auditTimeline > li {position: relative;}
.hub_app_2 .auditTimeline > li:before, .auditTimeline > li:after,.hub_app_22 .auditTimeline > li:before, .auditTimeline > li:after {content: " "; display: table;}
.hub_app_2 .auditTimeline > li:after,.hub_app_22 .auditTimeline > li:after {clear: both;}
.hub_app_2 .auditTimeline > li:before, .auditTimeline > li:after,.hub_app_22 .auditTimeline > li:before, .auditTimeline > li:after {content: " "; display: table;}
.hub_app_2 .auditTimeline > li:after,.hub_app_22 .auditTimeline > li:after {clear: both;}
.hub_app_2 .auditTimeline > li > .auditTimeline-panel,.hub_app_22 .auditTimeline > li > .auditTimeline-panel {width: 45%; float: left; border-radius: 12px; border: 3px solid #fff; position: relative; font-size: 13px; color: #fff;}
.hub_app_2 .auditTimeline > li.auditTimeline-inverted > .auditTimeline-panel,.hub_app_22 .auditTimeline > li.auditTimeline-inverted > .auditTimeline-panel {float: right;}
.hub_app_2 .auditTimeline > li > .auditTimeline-panel:before, .auditTimeline > li > .auditTimeline-panel:after,.hub_app_22 .auditTimeline > li > .auditTimeline-panel:before, .auditTimeline > li > .auditTimeline-panel:after{content: ""; position: absolute;}
.hub_app_2 .auditTimeline > li > .auditTimeline-panel:before,.hub_app_22 .auditTimeline > li > .auditTimeline-panel:before{border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #478FCA; right: -8px; top: 50%; margin-top: -10px; z-index: 9;}
.hub_app_2 .auditTimeline > li > .auditTimeline-panel:after,.hub_app_22 .auditTimeline > li > .auditTimeline-panel:after{border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #fff; right: -10px; top: 50%; margin-top: -14px; z-index: 1;}
.hub_app_2 .auditTimeline > li.auditTimeline-inverted > .auditTimeline-panel:before,.hub_app_22 .auditTimeline > li.auditTimeline-inverted > .auditTimeline-panel:before{right: auto; left: -8px; border-right: 8px solid #478FCA; border-left: 0;}
.hub_app_2 .auditTimeline > li.auditTimeline-inverted > .auditTimeline-panel:after,.hub_app_22 .auditTimeline > li.auditTimeline-inverted > .auditTimeline-panel:after{right: auto; left: -10px; border-right: 8px solid #fff; border-left: 0;}
.hub_app_2 .auditTimeline > li > .auditTimeline-panel.bg-orange:before,.hub_app_22 .auditTimeline > li > .auditTimeline-panel.bg-orange:before{border-left-color: #F0AD4E;}
.hub_app_2 .auditTimeline > li > .auditTimeline-panel.bg-green:before,.hub_app_22 .auditTimeline > li > .auditTimeline-panel.bg-green:before{border-left-color: #00B050;}
.hub_app_2 .auditTimeline > li.auditTimeline-inverted > .auditTimeline-panel.bg-orange:before,.hub_app_22 .auditTimeline > li.auditTimeline-inverted > .auditTimeline-panel.bg-orange:before{border-right-color: #F0AD4E;}
.hub_app_2 .auditTimeline > li.auditTimeline-inverted > .auditTimeline-panel.bg-green:before,.hub_app_22 .auditTimeline > li.auditTimeline-inverted > .auditTimeline-panel.bg-green:before{border-right-color: #00B050;}
.hub_app_2 .auditTimeline > li > .auditTimeline-badge,.hub_app_22 .auditTimeline > li > .auditTimeline-badge {background-color: #f1f1f1; margin-top: -17px;line-height:24px; height: 30px; border-radius: 50%; color: #757575; font-size: 14px; left: 50%; margin-left: -15px; padding: 3px; position: absolute; text-align: center; top: 50%; width: 30px; z-index: 100;}
.hub_app_2 .auditTimeline > li > .auditTimeline-badge.bg-blue,.hub_app_22 .auditTimeline > li > .auditTimeline-badge.bg-blue{background-color: #D9E6F5 !important;}
.hub_app_2 .auditTimeline > li > .auditTimeline-badge.bg-green,.hub_app_22 .auditTimeline > li > .auditTimeline-badge.bg-green{background-color: #CFF3EB !important;}
.hub_app_2 .auditTimeline > li > .auditTimeline-badge.bg-orange,.hub_app_22 .auditTimeline > li > .auditTimeline-badge.bg-orange{background-color: #FCEFDD !important;}
.hub_app_2 .auditTimeline-body .personImg,.hub_app_22 .auditTimeline-body .personImg {width: 40px; display: inline-block; vertical-align: middle; height: 40px; overflow: hidden;}
.hub_app_2 .auditTimeline-inverted > .auditTimeline-panel,.hub_app_22 .auditTimeline-inverted > .auditTimeline-panel{text-align: right;}
.hub_app_2 .auditTimeline-body .personImg img,.hub_app_22 .auditTimeline-body .personImg img { width: 100%; height: 100%;}
.hub_app_2 .auditTimeline-body,.hub_app_22 .auditTimeline-body {float: left; width: 100%; vertical-align: middle; padding: 10px 14px; text-align: left;}
.hub_app_2 .auditTimeline-badge.primary,.hub_app_22 .auditTimeline-badge.primary {background-color: #2e6da4 !important;}
.hub_app_2 .auditTimeline-badge.success,.hub_app_22 .auditTimeline-badge.success {background-color: #3f903f !important;}
.hub_app_2 .auditTimeline-badge.warning,.hub_app_22 .auditTimeline-badge.warning {background-color: #f0ad4e !important;}
.hub_app_2 .auditTimeline-badge.danger,.hub_app_22 .auditTimeline-badge.danger {background-color: #d9534f !important;}
.hub_app_2 .auditTimeline-badge.info,.hub_app_22 .auditTimeline-badge.info {background-color: #5bc0de !important;}
.hub_app_2 .auditTimeline-title,.hub_app_22 .auditTimeline-title {margin-top: 0; color: inherit;}
.hub_app_2 .auditTimeline-body > p, .auditTimeline-body > ul,.hub_app_22 .auditTimeline-body > p, .auditTimeline-body > ul  {margin: 0;}
.hub_app_2 .auditTimeline-body > p + p ,.hub_app_22 .auditTimeline-body > p + p {margin-top: 5px;}
.hub_app_2 .auditTimeline-body .for-inline-block,.hub_app_22 .auditTimeline-body .for-inline-block{display: inline-block; vertical-align: middle; margin-left: 8px; line-height: unset;}
li.auditTimeline-inverted .auditTimeline-body {text-align: left;}
li.auditTimeline-inverted .auditTimeline-body .for-inline-block{margin-right: 0px; text-align: left; margin-left: 15px;}
/* @media (max-width: 767px) {ul.auditTimeline:before {left: 10px;}
.hub_app_2 .auditTimeline-panel::after,.hub_app_22 .auditTimeline-panel::after{right: auto; left: -20px; border-radius: 60% 0 0 60%;}
ul.auditTimeline > li > .auditTimeline-panel {width: 55%;}
ul.auditTimeline > li{margin-bottom: 15px;}
ul.auditTimeline > li > .auditTimeline-badge {left: 11px; margin-left: 0;}
ul.auditTimeline > li > .auditTimeline-panel, ul.auditTimeline > li.auditTimeline-inverted > .auditTimeline-panel {float: left; margin-left: 115px;}
.hub_app_2 .auditTimeline-panel > img,.hub_app_22 .auditTimeline-panel > img{right: auto; left: -50px;}
.hub_app_2 .auditTimeline::after,.hub_app_22 .auditTimeline::after{left: 0; margin-left: -5px;}
ul.auditTimeline > li > .auditTimeline-panel::before {left: -50px; right: auto;}
ul.auditTimeline > li > .auditTimeline-panel:after {border-left-width: 0; border-right-width: 14px; left: -14px; right: auto;}
 */
 .hub_app_2 .auditTimeline-body p{line-height:1.1;}
.hub_app_2 .tooltip.right .tooltip-arrow,.hub_app_22 .tooltip.right .tooltip-arrow {
    border-right-color: #fff;
}
.hub_app_2 .tooltip.left .tooltip-arrow,.hub_app_22 .tooltip.left .tooltip-arrow {
    border-left-color: #fff;
}
.hub_app_2 .weather-icon,.hub_app_22 .weather-icon {
    color: #EFEFEF;
    font-size: 50px;
    text-shadow: 1px 1px 2px #606060;
}

.hub_app_2 .weather-deails,.hub_app_22 .weather-deails {
    padding: 25px 5px 5px;
}

.hub_app_2 .weather-icon,.hub_app_22 .weather-icon {
    color: #EFEFEF;
    font-size: 40px;
    text-shadow: 1px 1px 2px #606060;
}

.hub_app_2 .weather-name,.hub_app_22 .weather-name {
    color: #fff;
}



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



.hub_app_2 .dropdown-notes,.hub_app_22 .dropdown-notes {
    left: -138px;
    width: 350px;
    border: 1px solid #C3C3C3;
    margin-top: 8px;
}


.hub_app_2 .nb-header,.hub_app_22 .nb-header {
    background: #e8e8e8 none repeat scroll 0 0;
    border-bottom: 1px solid #cecece;
    border-radius: 4px 4px 0 0;
    color: #555555;
    padding: 8px;
}


.hub_app_2 #zip-clock-user .popover,.hub_app_22 #zip-clock-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_2 #weather-pop .popover,.hub_app_22 #weather-pop .popover{top: 20px !important;}
.hub_app_2 #zip-clock-user .bottom,.hub_app_22 #zip-clock-user .bottom{bottom: 2px;}

.hub_app_2 #zip-clock-user .popover-content,.hub_app_22 #zip-clock-user .popover-content {
    background: #54A2F2;
    border: 1px solid #54a2f2;
    border-radius: 4px;
    padding: 5px;
    width: 172px;
    /* margin: 0 0 0 -88px !important; */
    border-radius: 10px;
}
.hub_app_2 #zip-clock-user .popover.bottom > .arrow::after,.hub_app_22 #zip-clock-user .popover.bottom > .arrow::after{border-bottom-color: #54a2f2;}

.hub_app_2 .nb-content,.hub_app_22 .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_2 #zip-clock-user .notes-box .nb-img,.hub_app_22 #zip-clock-user .notes-box .nb-img {
    border: 1px solid #817E78;
    width: 34px;
    height: 34px;
}

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

.hub_app_2 .nb-hidden,.hub_app_22 .nb-hidden{display: none;}
.hub_app_2 .nb-hover:hover .nb-visible,.hub_app_22 .nb-hover:hover .nb-visible {
    display: none;
}

.hub_app_2 .nb-hover:hover .nb-hidden,.hub_app_22 .nb-hover:hover .nb-hidden {
    display: block;
}

.hub_app_2 #importEmpCsv div[id^="option"]:after,.hub_app_22 #importEmpCsv div[id^="option"]:after{background-color: #f7f8fc;}
#site-timesheet .clock-busi-date{padding: 15px 0;}
.hub_app_2 .panel-headings-blue,.hub_app_22 .panel-headings-blue {
    background-color: #457FB2;
    border-radius: 2px !important;
    border-color: #457FB2;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}
.hub_app_2 .margin-right-25,.hub_app_22 .margin-right-25 {
margin-right: 25px;
}
/** for background **/
.hub_app_2 #zip-clock-dashboard .box-title, .hub_app_2 #zc-shift-mgmt .box-title,.hub_app_22 #zip-clock-dashboard .box-title,.hub_app_22 #zc-shift-mgmt .box-title{background-color: rgb(234, 234, 227) ! important;}
.hub_app_2 #zip-clock-dashboard .zip-clock-alerts.zip-my-clock-emp-table, .hub_app_2 #zc-shift-mgmt .zip-clock-table,.hub_app_22 #zip-clock-dashboard .zip-clock-alerts.zip-my-clock-emp-table ,.hub_app_22 #zc-shift-mgmt .zip-clock-table{border-top: 2px solid #dedde3;}
.hub_app_2 .action-buttons a, .hub_app_2 .action-buttons .btn,.hub_app_22 .action-buttons a ,.hub_app_22 .action-buttons .btn{font-size: 150%; margin: 0 1px;}

.hub_app_2 .dropdown-datepicker table,.hub_app_22 .dropdown-datepicker table {
	width:200px;
}
.zc-day-timeoff{
    height: 15px;
    width: 15px;
    margin-top: -3px;
}
.height-55{
    height:55px
}
.zc-onb-wekClk{
    height: 60px;
    width: 80px;
}
.zc-onb-standalone{
    height: 60px;
    width: 65px;
}
.zc-onb-mobClk{
    width: 30px;
    height: 60px;
}
.hub_app_2 .changeDST-message,.hub_app_22 .changeDST-message  {font-size: 12px; position: absolute; text-align: center; top: -56px; width: 140px; z-index: 88;}
.hub_app_2 .changeDST-message.alert-danger,.hub_app_22 .changeDST-message.alert-danger{background-color: #fff1f1;}
.hub_app_2 .changeDST-message:before,.hub_app_22 .changeDST-message:before{content: ""; border-top: 11px solid #c09198; border-left: 11px solid transparent; border-right: 11px solid transparent; position: absolute; bottom: -11px; left: 50%; margin-left: -6px;}
.hub_app_2 .changeDST-message:after,.hub_app_22 .changeDST-message:after{content: ""; border-top: 10px solid #fff1f1; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; z-index: 1;}
.hub_app_2 .changeDST-message .hide-pop,.hub_app_22 .changeDST-message .hide-pop{background-color: #fff1f1; border-color: #c09198;}
.hub_app_2 .changeDST-message .hide-pop i,.hub_app_22 .changeDST-message .hide-pop i{color: #b94a48;}
/* .hub_app_2 #schTableHeader .table th.current-day {background-color: #fff1f1 !important;} */

#shift-mngt-modal .modal-content{padding: 0;}
#shift-mngt-modal .modal-content .modal-header{padding: 25px 25px 15px;}
#shift-mngt-modal .modal-content .modal-body{padding: 20px 25px 25px; overflow-x: hidden; overflow-y: auto; max-height: 540px;}

.hub_app_2 #zc-week-sch-header .dropdown-menu.control-notes6,.hub_app_22 #zc-week-sch-header .dropdown-menu.control-notes6  {
    left: -305px !important;
}
.hub_app_2 #zc-week-sch-header .dropdown-menu.control-notes6:after,.hub_app_22 #zc-week-sch-header .dropdown-menu.control-notes6:after {
    right: 2px !important;
}
.hub_app_2 #zc-week-sch-header .dropdown-menu.control-notes6:before,.hub_app_22 #zc-week-sch-header .dropdown-menu.control-notes6:before{
    right: 2px !important;
}
.hub_app_2 #zip-clock-user .media-body,.hub_app_22 #zip-clock-user .media-body {
	/* max-width: 35%; */
}
.hub_app_2 .faq-details .media-body,.hub_app_22 .faq-details .media-body{
	max-width: none;
}
.hub_app_2 .zip-clock-emp-shift.non-moveable-shift.non-clickable-punch,.hub_app_22 .zip-clock-emp-shift.non-moveable-shift.non-clickable-punch { cursor: default; background: #fafafa; color: #707070; border: 2px dotted #a0a0a0; border-radius: 6px; padding: 9px 7px;}
.hub_app_2 .scheduler-day-col.closed-day,.hub_app_22 .scheduler-day-col.closed-day {
    background-color: pink !important;
}
.hub_app_2 .filter-on:before,.hub_app_22 .filter-on:before {
    color: #fff;
    content: "\f00c";
    font-family: fontawesome;
    font-size: 8px;
    font-weight: normal;
    position: absolute;
    left: 1px;
    top: -1px;
    z-index: 1;
}

.hub_app_2 .filter-on:after,.hub_app_22 .filter-on:after {
    border-color: #1bbc9b transparent transparent #1bbc9b;
    border-style: solid;
    border-width: 8px 8px 9px 9px;
    content: "";
    height: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
}

 .filter-sch-task{
   margin-left: -127px;
   min-width: 350px !important;right:auto !important;
    }
      .sch-task-border{
    border-right:1px solid #ccc;
    }
    



.clk-notes-header {
border-left: 1px solid #cfcfce;
cursor: pointer;
height: 20px;
padding: 0px 10px;
margin: 7px 0;
position: absolute;
right: -8px;
top: -7px;
}

/** css for zipCLock wizard second step **/
.hub_app_2 .wiz-clk-in-sett .ipadBlock p, .wiz-clk-in-sett .mobileBlock p,.hub_app_22 .wiz-clk-in-sett .ipadBlock p, .wiz-clk-in-sett .mobileBlock p{font-size: 20px; line-height: 26px; margin-bottom: 20px !important;}
.hub_app_2 .wiz-clk-in-sett img,.hub_app_22 .wiz-clk-in-sett img{max-width: 100%;}
.hub_app_2 .wiz-clk-in-sett .mobileBlock p,.hub_app_22 .wiz-clk-in-sett .mobileBlock p{margin-top: 96px;}
.hub_app_2 .wiz-clk-in-sett form,.hub_app_22 .wiz-clk-in-sett form {display: inline-block; line-height: 1.2; margin-top: 0; vertical-align: top;}
.hub_app_2 .wiz-clk-in-sett .mobileBlock .col-md-7:before,.hub_app_22 .wiz-clk-in-sett .mobileBlock .col-md-7:before{content: ""; position: absolute; left: 0; top: 0; background: url(../icons/clock_arrow.png) no-repeat; width: 167px; height: 81px;}

/* new tip for My Punches punch li start*/
hub_app_2 .punch-tip-new:after {
    position: absolute;
    top: -7px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #a8a8a8;
    border-left: 7px solid transparent;
    content: '';
    left: 3px;
}

.hub_app_2 .punch-tip-new:before,.hub_app_22 .punch-tip-new:before {
    position: absolute;
    top: -7px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e8e8e8;
    border-left: 7px solid transparent;
    z-index: 1;
    content: '';
}

  .bg-closeDay{background-color: #ffe9ed;}

/*  new tip for My Punches punch li end  */
.hub_app_2 .click-disable,.hub_app_22 .click-disable{opacity: 1 !important;}
.hub_app_2 .last-th6,.hub_app_22 .last-th6{border-right:0 none;}

/* new enhancement for my punches*/

.hub_app_2 .min-height-65 ,.hub_app_22 .min-height-65{ min-height: 65px;}
.hub_app_2 .min-height-55,.hub_app_22 .min-height-55 { min-height: 55px;}
.hub_app_2 .min-height-125 ,.hub_app_22 .min-height-125{min-height: 125px;}
.hub_app_2 .min-height-96 ,.hub_app_22 .min-height-96{min-height: 89px;}   
.hub_app_2 .border-tb-l-radius,.hub_app_22 .border-tb-l-radius{border-top-left-radius:3px!important; border-bottom-left-radius:3px !important;}
.hub_app_2 .forDiffer-disabled #schedule-user .click-disable td,.hub_app_22 .forDiffer-disabled #schedule-user .click-disable td,  
.hub_app_2 .forDiffer-disabled .click-disable:hover td,.hub_app_22 .forDiffer-disabled .click-disable:hover td{position: static;}
.hub_app_2 .employee-Avail-Shift,.hub_app_22 .employee-Avail-Shift{
background-color:#F7F8FC;
padding:5px;
border:1px solid #d1d2d4;
border-radius:4px;
}
.hub_app_2 .shiftOffer-blue,.hub_app_22 .shiftOffer-blue {
    color: #457FB2;
}
.hub_app_2 .zc-puchMgt table thead tr th,.hub_app_22 .zc-puchMgt table thead tr th{/* height:40px; */}
.hub_app_2 .zc-puchMgt table tbody tr td .media.profile-activity,.hub_app_22 .zc-puchMgt table tbody tr td .media.profile-activity {padding: 4px 8px 4px 10px;height:55px;}

.popover .arrowtip-right{content: "";  position: absolute; right: -11px; top: 50%; margin-top: -6px; border-left: 11px solid #eb6154; border-top: 11px solid transparent; border-bottom: 11px solid transparent;}
.popover .arrowtip-right:after{content: ""; position: absolute; right: 1px; top: -10px; border-left: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; z-index: 10;}
.hub_app_2 #zip-clock-user .dst-dayAlert .tooltip-inner,.hub_app_22 #zip-clock-user .dst-dayAlert .tooltip-inner{background: #fddede; border: 1px solid #d10202; color: #000; border-radius: 5px; width: 150px; font-size: 14px;}
.hub_app_2 #zip-clock-user .dst-dayAlert .tooltip.top .tooltip-arrow,.hub_app_22 #zip-clock-user .dst-dayAlert .tooltip.top .tooltip-arrow{border-top-color: #d10202;}

.hub_app_2 .no-paddin-table-td td,.hub_app_22 .no-paddin-table-td td{padding:0px !important; font-size:13px !important; height:30px;}
.hub_app_2 .no-paddin-table-td td strong,.hub_app_22 .no-paddin-table-td td strong {padding-left:5px;}
.hub_app_2 .violations-border-bottom,.hub_app_22 .violations-border-bottom {border-bottom:1px solid #d3d3d3;}

.hub_app_2 .badge-updated,.hub_app_22 .badge-updated {height: 25px;width: 25px;line-height: 25px;padding: 0; border-radius: 25px;}

.hub_app_2 .tooltip_punch,.hub_app_22 .tooltip_punch{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background-color: rgba(0,0,0,0.4);
}
.hub_app_2 .zip-clock-emp-shift .scheduler-day-actions,.hub_app_22 .zip-clock-emp-shift .scheduler-day-actions{visibility: hidden;}
.hub_app_2 .zip-clock-emp-shift:hover .scheduler-day-actions,.hub_app_22 .zip-clock-emp-shift:hover .scheduler-day-actions{visibility: visible;}

.hub_app_2 .profile-activity,.hub_app_22 .profile-activity {
    height: 100%;
    margin: 0;
    min-height: 40px;
    padding: 5px 8px 7px 10px;
    position: relative;
}

.hub_app_2 .closed-day-with-opecity,.hub_app_22 .closed-day-with-opecity {
    background-color: pink !important;
    opacity: 0.35;
}
.hub_app_2 .bg-date-violation,.hub_app_22 .bg-date-violation{background-color:#478fca; border-radius:4px; color:#fff;}
.hub_app_2 .bg-footer,.hub_app_22 .bg-footer{background-color:#f4f4f4;}

.hub_app_2 .input-disable-true .form-control[disabled] ,.hub_app_22 .input-disable-true .form-control[disabled], 
.hub_app_2 .input-disable-true .form-control[readonly] ,.hub_app_22 .input-disable-true .form-control[readonly], 
.hub_app_2 .input-disable-true fieldset[disabled] .form-control,.hub_app_22 .input-disable-true fieldset[disabled] .form-control{background-color: #f4f4f4; height: 34px;}
.hub_app_2 .zip-clock-emp-shift .moon-icon,.hub_app_22 .zip-clock-emp-shift .moon-icon {width: 12px; height: 12px;}
.hub_app_2 .scheduler-day-col .moon-icon,.hub_app_22 .scheduler-day-col .moon-icon{width: 12px;height: 12px; /* Adding new Css to align moon-icon */ ;margin-top:-4px;}
.hub_app_2 .warn-icon-new,.hub_app_22 .warn-icon-new{position:absolute;right:0;top:0;}
.hub_app_2 .dollar-icon-new,.hub_app_22 .dollar-icon-new{position:absolute;right:4px;bottom:4px;height:18px;width:18px;background:transparent;border:2px solid #DD5A43;border-radius:10px;line-height:15px;}
.hub_app_2 .dollar-icon-new.click-disable,.hub_app_22 .dollar-icon-new.click-disable {pointer-events: none; opacity: 0.6 !important;}
.hub_app_2 .dollar-icon-big-new,.hub_app_22 .dollar-icon-big-new{position:static;right:8px;bottom:28px;height:29px;width:32px;background:transparent;border:2px solid #DD5A43;border-radius:15px;line-height:24px;}
.hub_app_2 .pull-edit-top-right ,.hub_app_22 .pull-edit-top-right {position: absolute; right: -2px;top: 1px;}
.hub_app_2 .pull-edit-top-bottom ,.hub_app_22 .pull-edit-top-bottom {bottom: -1px; position: absolute; right: 2px;}
.hub_app_2 .pull-moon-right-middle,.hub_app_22 .pull-moon-right-middle,.hub_app_22 .pull-moon-right-middle,.hub_app_22 .pull-moon-right-middle {position: absolute; right: 6px; top: 12px;}
.hub_app_2 .employee-profile-activity-new,.hub_app_22 .employee-profile-activity-new{vertical-align: top !important;}
.hub_app_2 .mrgn-left-m-10,.hub_app_22 .mrgn-left-m-10{margin-left:-10px !important;}
.hub_app_2 .zcupa-top-corner-notif:before,.hub_app_22 .zcupa-top-corner-notif:before{/* top: -11px !important; */}

.hub_app_2 #site-timesheet,.hub_app_22 #site-timesheet{overflow: hidden !important;}
.hub_app_2 #clock-dashboard-table .text-center *:nth-child(2),.hub_app_22 #clock-dashboard-table .text-center *:nth-child(2){margin-left:0;}
.hub_app_2 #zcupcoming-table .text-center *:nth-child(2),.hub_app_22 #zcupcoming-table .text-center *:nth-child(2){margin-left:-8px;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .hub_app_2 .zip-my-clock-emp-table td,.hub_app_22 .zip-my-clock-emp-table td 
   {
    padding: 0px !important;
    /*position:relative !important;*/
    height:59px;
    min-height:59px;
}
.hub_app_2 .top-corner-notif,.hub_app_22 .top-corner-notif{top:-15px;}

}

.hub_app_2 .zip-clock-alerts .fa-meh-o,.hub_app_22 .zip-clock-alerts .fa-meh-o{margin:1px 4px;}
/* .hub_app_2 .employee-Avail-Shift .minor-shared-icon{top:40px;} */
/* .hub_app_2 .employee-Avail-Shift .minor-shared-icon.minor-icon{left:36px;} */

.hub_app_2 .zcmismatchinput,.hub_app_22 .zcmismatchinput{width:100% !important;text-align:left;height:30px !important;}
.hub_app_2 .zcmismatchgrp .zcmismatchdata,.hub_app_22 .zcmismatchgrp .zcmismatchdata{border-bottom:1px solid #f2f2f2;margin-bottom:15px;}
.hub_app_2 .zcmismatchgrp .zcmismatchdata:last-child,.hub_app_22 .zcmismatchgrp .zcmismatchdata:last-child{border-bottom: none;margin-bottom:0px;}
.hub_app_2 .zcmismatchgrp,.hub_app_22 .zcmismatchgrp{border-bottom:1px solid #f2f2f2;}
.hub_app_2 .mismatch,.hub_app_22 .mismatch{background-color: #f6b5c1 !important;}
.hub_app_2 .zip-my-clock-emp-table .scheduler-day-col .resolve-issue,.hub_app_22 .zip-my-clock-emp-table .scheduler-day-col .resolve-issue {
    background: rgba(0,0,0,0.6);
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:100%;
    min-height:59px;
    text-shadow:none !important;
    opacity:1;
}
.hub_app_2 .zip-my-clock-emp-table .resolve-issue .inner-resolve,.hub_app_22 .zip-my-clock-emp-table .resolve-issue .inner-resolve{min-height: 55px; vertical-align: middle; position: absolute; bottom: 0px; left: 0px; right: 0px; top: 52%; margin-top: -30px;}
.trans-white{background:rgba(255, 255, 255, 0.7) none repeat scroll 0 0 !important;}
.up-tag-date {position: absolute; right: 10px; top: 3px;}

/* new ZipClock PayRole WIZARD start */
.ZCWIZ {
    background-color: #fff;
    transition: all .5s ease;
    border-radius: 8px;
    font-size: 18px;
    padding: 20px 15px;
    color: #555;
    float:left;
    width: 100%;
    position: relative;
    cursor: pointer;
    box-shadow: 0 1px 4px 0 #ccc;
    z-index:1
 }
 .ZCWIZ .ZCWIZ-circle i{
 position: absolute;
 right: 15px;
 top: 20px;
 color: #ccc;
 font-size: 30px; 
 }
 .ZCWIZ.ZCWIZ_circle_icon .ZCWIZ-circle i.fa-check-circle{display:none;} 
 .ZCWIZ.ZCWIZ_circle_icon.ZCWIZ_tick_icon .ZCWIZ-circle i.fa-circle-thin{display:none;} 
 .ZCWIZ.ZCWIZ_circle_icon.ZCWIZ_tick_icon .ZCWIZ-circle i.fa-check-circle{display:block;color: #5cb85c;}
 /* new ZipClock PayRole end */

 
 
.hub_app_2 .scheduler-employee-shift,.hub_app_22 .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_2 .scheduler-employee-shift:hover,.hub_app_22 .scheduler-employee-shift:hover {
    background-position: left bottom;
}



/* Pay roll Review Screen */
ul.thumbnails {list-style: none;padding: 0;display: flex;justify-content:center; margin:0 auto;}
.control-box {width: 100%;}
.carousel_tab{display: block;padding: 7px 7px 7px 12px;line-height: 1;background-color: #EEF2F6;border-radius: 5px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;cursor: pointer;font-size: 14px;-webkit-transform: skew(15deg);-moz-transform: skew(15deg);-o-transform: skew(15deg);height: 43px;}
.carousel_tab.active {background-color: #494D55;color: #fff;}
.carousel_tab.active .carousel_valueWrap,
.carousel_tab .carousel_valueWrap{color: #fd5969;}
.carousel_tab::after{content: "";position: absolute;border-top: 1px solid #494D55;top: 20px;width: 20px;right: -20px;cursor:default;}
.carousel_tab .carousel_tabName{display: inline-block;width: 54%; vertical-align: middle; transform: skew(-14deg);}
.carousel_tab .carousel_valueWrap_outer{width: 42%; display: inline-block;vertical-align: middle;}
.carousel_tab .carousel_valueWrap{width: 25px;height: 25px;border-radius: 50%;text-align: center;background-color: #fff;color: #EA6163l;font-size: 12px;display: inline-block;vertical-align: middle;transform: skew(-14deg);padding:6px;float: right;margin:3px 0 0 3px;}
.carousel_tab .carousel_valueWrap:last-child{margin-left:0;}
.carousel_tab.active .carousel_valueWrap i.fa-check, .carousel_tab .carousel_valueWrap i.fa-check{color:#4DC054;}
.carousel_tab .carousel_valueWrap i.fa-exclamation{color:#fd5969;}
.item.active ul.thumbnails li:last-child .carousel_tab:last-child::after{display: none;}
.carousel-control-Btn{background: #EEF2F6;border: 0px;border-radius: 0px;display: inline-block;font-size: 20px;font-weight: 200;line-height: 18px;padding: 6px 12px 6px 9px;margin: 3px -20px 0;height: 35px;width: 25px;color:#fff;position: absolute;top: 1px;bottom: 0;}
.carousel-control-Btn.left{ border-radius: 0 30px 30px 0;left:-5px; right: auto;}
.carousel-control-Btn.right{border-radius: 30px 0 0 30px; right:-5px;left: auto;}
.carousel-control-Btn.left:hover,.carousel-control-Btn.right:hover{color: #f1f1f1;}
.carousel-control-Btn.active{color: #fff; background-color: #494D55;}
         
.payroll_Details_tab {table-layout:fixed; display: table;width: 100%;cursor: pointer;border-radius: 6px; vertical-align: middle;overflow: hidden; margin-bottom:20px;box-shadow:0 0 2px 0 #ccc;}
.payroll_Details_tab.active{box-shadow:0 1px 4px 0px #bbb;}
.payroll_Details_tab.active .pdtr{background-color: #A3A3F8; color: #fff !important;}
.payroll_Details_tab .pdtl{width:40%;background-color: #fff; padding: 15px 20px; font-style: italic; font-size:16px;display: table-cell;vertical-align: middle;line-height: 1.2;}
.payroll_Details_tab .pdtr{width:60%;background-color: #EEF2F6; padding:15px 20px;font-size: 26px;display: table-cell;vertical-align: middle;text-align: center;}
.aaaa .col-md-3{padding:0 15px;}
.submit_payroll_small,.submit_payroll_big{table-layout: fixed; cursor:default;}
.submit_payroll_big.payroll_Details_tab .pdtr,
.submit_payroll_big.payroll_Details_tab .pdtl
{
padding: 20px;
}
.submit_payroll_big.payroll_Details_tab .pdtr,
.submit_payroll_small.payroll_Details_tab .pdtr{
font-size: 24px;}
.submit_payroll_small.payroll_Details_tab .pdtr,
.submit_payroll_small.payroll_Details_tab .pdtl{
padding: 10px;
}

.clockIn_user{ cursor:pointer;margin: 50px 10px; width: 150px;height: 150px; color: #fff; font-size: 18px; border-radius: 50%; border: 4px solid #62C86E; background-color: #75D580; align-items: center;justify-content: center;display: inline-flex; vertical-align: middle;}

@media only screen and (min-width: 1800px) and (max-width: 1930px){
.carousel_tab{padding: 11px 11px 11px  15px;height: 52px;}
.payroll_Details_tab .pdtl{padding: 20px 25px;font-size: 18px;}
 .payroll_Details_tab .pdtr{padding: 20px 25px; font-size: 28px}
 .aaaa .col-md-3 {
    padding: 0 20px;
	}
}

  

/* payroll publish screen end*/

/* webClock screen start */
 .WClock_wrapper{display:flex; width: 100%;  text-align: center;}
    .WClock_wrapper .user_section{width: 50%; padding: 50px 50px 15px 50px; background-color: #fff; border-radius: 4px 0 0 4px; height: 485px; display: inline-flex; justify-content: center; align-items:center;flex-direction:column;}
    .WClock_wrapper .user_section .wClockUser_img{width: 220px; height: 220px; border-radius: 50%;}
    .WClock_wrapper .user_section .wClockUser_name{color: #777;font-size: 26px;}
    .WClock_wrapper .user_section .broadcast p{font-size: 14px; font-style: italic; color: #999999; margin-top: 40px; text-align: left;}
    .WClock_wrapper .user_section .broadcast p span{color: #ff0000;}
    .WClock_wrapper .clockIn_section{position: relative;width: 50%;padding: 40px 50px 40px 50px;background-color:#f1f1f1;  border-radius: 0 4px 4px 0; height: 485px; display: inline-flex; justify-content: center; align-items:center; flex-direction:column;}
    .WClock_wrapper .clockIn_section .clockIn_user{margin: 50px 10px; width: 150px;height: 150px; color: #fff; font-size: 18px; border-radius: 50%; border: 4px solid #62C86E; background-color: #75D580; align-items: center;justify-content: center;display: inline-flex; vertical-align: middle;}
     .WClock_wrapper .clockIn_section .clockIn_user.clkuser{margin:20px 10px 5px 10px;}
    .WClock_wrapper .clockIn_section .clockIn{margin: 50px 10px; width: 150px;height: 150px; color: #fff; font-size: 18px; border-radius: 50%; border: 5px solid #62C86E; background-color: #75D580; align-items: center;justify-content: center;display: inline-flex; vertical-align: middle;}
    .WClock_wrapper .clockIn_section .clockOut, .WClock_wrapper .clockIn_section .endBreak{margin: 25px 10px; width: 150px;height: 150px; color: #fff; font-size: 18px; border-radius: 50%; border: 5px solid #e30000; background-color: #ff0000; align-items: center;justify-content: center;display: inline-flex; vertical-align: middle;}
    .WClock_wrapper .clockIn_section .user_Detail_Login{font-weight: 600; font-size: 16px; color:#666; margin-top: 60px;}
 	.WClock_wrapper .clockIn_section .user_Detail_Login span{font-size: 14px; color: #5e5e5e;font-weight: normal;}
                
    #more_jobcode {
        position: absolute;
        right: 2%;
        bottom: 0px;
        width: 96%;
        left:2%;

    }
    #more_jobcode h2 {
        background: #444;
        font-size: 14px;
        line-height: 0;
        color: #ffffff;
        line-height: 1.2;
        border-radius: 10px 10px 0 0;
        width: 200px;
        padding: 10px;
        margin: 0 auto;
        position: relative;
    }
    #more_jobcode h2 #expand{
        font-size: 26px;
        font-weight: bold;
        position: absolute;
        right: 15px;
        top: 2px;
        cursor: pointer;
        color: #fff;;
    }
    #more_jobcode .scroll{background-color: #ffffff; padding: 10px 5px; box-shadow: 0px -1px 3px #ccc; border-radius: 8px 8px 0 0;}
    #more_jobcode .scroll .clockIn_user{width: 100px; height: 100px; font-size: 12px; margin: 5px 8px;}
   
   /* webClock screen end */
   
.alta-client-table button span i.fa-lg{vertical-align: -31% !important;}

 .hub_app_2 #altaEventFilterDrct .altaEventFilter3 .altaEventFilter-Header,.hub_app_22 #altaEventFilterDrct .altaEventFilter3 .altaEventFilter-Header {
        width: 100%;
    }
  
  .hub_app_2 .bg-mistach-red,.hub_app_22 .bg-mistach-red {
 	background-color:#FD5969;
 }
 
  .hub_app_2 .mismatch-red,.hub_app_22 .mismatch-red {
     color:#FD5969;
 }

.zcdash_tiles .zcdashValue{
	border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px;
    font-size:16px;
    font-weight:bold;
    background-color:#fff;
    color:#3a3a3a;
}
.zcdash_tiles .zcdashValue.zcdash_blue{
	background-color:#35c4ff ;
	color:#fff;
	
}
 .zcdash_tiles .zc_tilesBorder{
  border: 1px solid rgba(0,0,0,0.08);
 border-radius:4px;
 background: #fff;
  padding:15px;
 text-align:center;
 }
 .zc_tilesBorder hr{
 margin-top:10px;
 margin-bottom:5px;
 }
 .zcdash_tiles .zcdash_tilesShadow{
 box-shadow:0px 2px 3px 0px rgba(0,0,0,0.1);
 cursor:pointer;
 }
 .zcdash_tiles .zcdash_tilesShadow:hover{
  box-shadow:2px 2px 4px 0px rgba(0,0,0,0.15);
 }
 .zcdash_tiles .zcdash_tilesShadow:focus, .zcdash_tiles .zcdash_tilesShadow:active{
 box-shadow:1px 2px 3px 1px rgba(0,0,0,0.3);
 }
 .zcdash_tiles .suggestion{
 position:absolute;
 left:0;right:0;
 bottom:0;
 padding:3px;
 font-size:13px;
 }
 .zcdash_tiles .missingEmp{
 background-color:#FD5969;
 }
  .zcdash_tiles .missingEmp h1,  .zcdash_tiles .upcoming_shift h1{
  height:46px;
  line-height:1.1; 
  }
    .zcdash_tiles .missingEmp .zcdashValue,.zcdash_tiles .upcoming_shift .zcdashValue{
    color:#3a3a3a;
    }
  .zcdash_tiles .upcoming_shift{
 background-color: #4CCB8A;
 }
  .zcdash_tiles .zc_tiles_leftBorder{
	border-left:1px solid #ccc;
}

 .hub_app_2 .zip-clock-emp-shift .media .media-left,.hub_app_22 .zip-clock-emp-shift .media .media-left {
	min-width:28px;
}
.hub_app_2 .noSelect, .hub_app_22 .noSelect{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hub_app_2 #tmDvDateModal table {
    width: 100%;
}

.hub_app_2 .zcintegrationLogs .select2-container .select2-choice {
	border-radius: 25px !important;
}

#altaEventFilterDrct .altaEventFilter2 .punchCls.altaEventFilter-Header  {
    width: 100%;
}
.hub_app_2 .multiselect-chg button,
 .hub_app_-51 .multiselect-chg button{
border-radius: 5px!important;
    padding: 7px 15px 7px 12px;
    margin: 0;
    font-size: 13px;
    height: 34px;
   
}
 .hub_app_2 .multiselect-chg .btn-group.open .dropdown-toggle, 
 .hub_app_-51 .multiselect-chg .btn-group.open .dropdown-toggle{
 box-shadow:none;
    -webkit-box-shadow:none;
}
 .hub_app_2 .multiselect-chg .multi-select-popup,
 .hub_app_-51 .multiselect-chg .multi-select-popup{
padding-bottom:10px;
box-shadow:none;
}
 .hub_app_2 .multiselect-chg .multi-select-popup li a,
 .hub_app_-51 .multiselect-chg .multi-select-popup li a{
line-height:1.2;
color:#000;
    position: relative;
    text-indent: 2px;
    font-size:13px;  
}
 .hub_app_2 .multiselect-chg .multi-select-popup li,
 .hub_app_-51 .multiselect-chg .multi-select-popup li{
margin-left:-5px;
margin-right:-5px;
}
 .hub_app_2 .multiselect-chg .multi-select-popup li a i, 
 .hub_app_-51 .multiselect-chg .multi-select-popup li a i{
top:-1px; display:inline-block;
  width: 0;
 text-indent: -9px;}
 .hub_app_2 .multiselect-chg .multi-select-popup li:nth-child(2) button,
 .hub_app_-51 .multiselect-chg .multi-select-popup li:nth-child(2) button{   
    padding: 4px 0;
    height: 28px;
    line-height: 19px;    
       margin-bottom:5px;
}

.hub_app_2 .switch-voilation .switch-toggle.switch-candy, .hub_app_2 .switch-voilation .switch-light.switch-candy>span
	{
	border: 1px solid #8A8F95 !important;
}