/* Minification failed. Returning unminified contents.
(7531,1): run-time error CSS1035: Expected colon, found '{'
 */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
footer, header, nav {
    display: block;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height: 100%;
}

body {
    margin: 0;
    height: 100%;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 15px;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -32px;
}

.footer, .push {
    height: 60px;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}

a:focus {
    outline: thin dotted;
}

a:active, a:hover {
    outline: 0;
}

img {
    border: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html.js .js-required {
    display: none;
}

html.browser-ie-9 body .box-header h3 {
    font-weight: 700;
}

.width-container {
    width: 980px;
    margin: 0 auto;
}

header#top-bar {
    z-index: 6;
    width: 100%;
    height: 46px;
    border-top: 1px solid #292725;
    border-bottom: 1px solid black;
    background-color: #4a4641;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom,#4a4641 0,#413e39 50%,#3d3a35 51%,#35322f 100%);
}

    header#top-bar .inner-border {
        top: 0;
        left: 0;
        width: 100%;
        height: 45px;
        border-top: 1px solid #6c6863;
        border-bottom: 1px solid #494742;
    }

    header#top-bar .width-container {
        position: relative;
        left: 0px;
        top: 0px;
        width: 1168px;
    }

    header#top-bar .button.action-create:hover {
        box-shadow: 0 1px 2px rgba(0,0,0,0.8);
    }

    header#top-bar div.logo {
        width: 23px;
        height: 33px;
        position: absolute;
        top: 5px;
        left: 50%;
        margin: 0 auto;
        background: url("../images/layout/layout-sprite_3x.png") left top no-repeat;
        background-position: -18px top;
    }

nav#header-nav {
    position: relative;
    z-index: 5;
    height: 40px;
    width: 1260px;
    margin: 15px auto 0 auto;
    border: 1px solid #a9a9a9;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

    nav#header-nav .innard {
        border-left: 1px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        border-top: 1px solid #fafafa;
        border-bottom: 1px solid #e3e3e3;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #f1f1f1;
        background-image: linear-gradient(to bottom,#f1f1f1 0,#d7d7d7 100%);
    }

    nav#header-nav:before, nav#header-nav:after {
        content: '';
        display: block;
        position: absolute;
        bottom: -6px;
        width: 9px;
        height: 5px;
        background: url("../images/layout/layout-sprite_3x.png") left top no-repeat;
    }

    nav#header-nav:before {
        left: 1px;
    }

    nav#header-nav:after {
        right: 1px;
        background-position: -9px top;
    }

    nav#header-nav li {
        position: relative;
        float: left;
        height: 38px;
        line-height: 38px;
        padding: 0 10px;
        margin: 0;
    }

        nav#header-nav li:before, nav#header-nav li:after {
            position: absolute;
            top: 0;
            bottom: -1px;
            opacity: .4;
            content: '';
            width: 1px;
        }

        nav#header-nav li:before {
            background-color: #fcfcfc;
            left: 0;
            background-image: linear-gradient(to bottom,#fcfcfc 0,#e6e6e6 100%);
        }

        nav#header-nav li:after {
            background-color: #ededed;
            left: 1px;
            background-image: linear-gradient(to bottom,#ededed 0,#888 100%);
        }

        nav#header-nav li a {
            color: #404040;
            font-family: Helvetica;
            font-weight: 200;
            font-size: 15px;
            text-shadow: 0 1px 0 rgba(255,255,255,0.8);
            padding: 8px 0 8px 35px;
        }

        nav#header-nav li:first-child {
            margin-left: 28px;
        }

        nav#header-nav li.tab-last {
            float: right;
            margin-right: 11px;
        }

        nav#header-nav li.tab-support {
            float: right;
        }

        nav#header-nav li.state-selected {
            background-color: #6db3e1;
            background-image: linear-gradient(to bottom,#6db3e1 0,#bde0f8 100%);
        }

            nav#header-nav li.state-selected a {
                color: #111;
            }

        nav#header-nav li:hover a {
            color: #111;
        }

        nav#header-nav li .icon {
            background: url("../images/layout/layout-sprite_3x.png") left top no-repeat;
            width: 35px;
            height: 25px;
            position: absolute;
            top: 7px;
            left: 8px;
        }

        nav#header-nav li.tab-dashboard .icon {
            background-position: 0 -40px;
        }

        nav#header-nav li.tab-dashboard.state-selected .icon {
            background-position: 0 -75px;
        }

        nav#header-nav li.tab-leads .icon {
            background-position: -35px -40px;
        }

        nav#header-nav li.tab-leads.state-selected .icon {
            background-position: -35px -75px;
        }

        nav#header-nav li.tab-accounts .icon {
            background-position: -70px -40px;
        }

        nav#header-nav li.tab-accounts.state-selected .icon {
            background-position: -70px -75px;
        }

        nav#header-nav li.tab-contacts .icon {
            background-position: -105px -40px;
        }

        nav#header-nav li.tab-contacts.state-selected .icon {
            background-position: -105px -75px;
        }

        nav#header-nav li.tab-reports .icon {
            background-position: -140px -40px;
        }

        nav#header-nav li.tab-reports.state-selected .icon {
            background-position: -140px -75px;
        }

        nav#header-nav li.tab-setup .icon {
            background-position: -175px -40px;
        }

        nav#header-nav li.tab-setup.state-selected .icon {
            background-position: -175px -75px;
        }

        nav#header-nav li.tab-setttings .icon {
            background-position: -175px -105px;
        }

        nav#header-nav li.tab-setttings.state-selected .icon {
            background-position: -175px -140px;
        }

        nav#header-nav li.tab-access .icon {
            background-position: -65px -105px;
        }

        nav#header-nav li.tab-access.state-selected .icon {
            background-position: -65px -138px;
        }

        nav#header-nav li.tab-support .icon {
            background-position: -210px -40px;
        }

        nav#header-nav li.tab-support.state-selected .icon {
            background-position: -210px -75px;
        }

        nav#header-nav li.tab-export .icon {
            background-position: -205px -40px;
        }

        nav#header-nav li.tab-export.state-selected .icon {
            background-position: -205px -75px;
        }

        nav#header-nav li.tab-job .icon {
            background-position: -208px -105px;
        }

        nav#header-nav li.tab-job.state-selected .icon {
            background-position: -208px -139px;
        }

        nav#header-nav li.tab-timesh .icon {
            background-position: -140px -105px;
        }

        nav#header-nav li.tab-timesh.state-selected .icon {
            background-position: -140px -138px;
        }

        nav#header-nav li.tab-helllp .icon {
            background-position: -110px -103px;
        }

        nav#header-nav li.tab-helllp.state-selected .icon {
            background-position: -110px -138px;
        }

.page-header-title {
    font-size: 24px;
    line-height: 24px;
}

.subheader {
    position: relative;
    border: 1px solid #c9c9c9;
    border-top: 0;
    background: url("/images/layout/subheader-bg.png");
    margin: -20px 0 20px 0;
}

    .subheader:before, .subheader:after {
        content: "";
        display: table;
    }

    .subheader:after {
        clear: both;
    }

    .subheader .biglist-query {
        padding: 10px;
    }

    .subheader .report-nav a {
        display: block;
        float: left;
        width: 159px;
        height: 65px;
        padding: 16px 12px 0 15px;
        border-left: 1px solid #e8e8e8;
    }

        .subheader .report-nav a:first-child {
            width: 163px;
            border-left: none;
        }

        .subheader .report-nav a span.caret {
            float: left;
            font-size: 14px;
            color: #e88d21;
            padding-right: 8px;
        }

        .subheader .report-nav a strong {
            display: block;
            font-size: 15px;
            line-height: 18px;
            font-weight: normal;
            color: black;
        }

        .subheader .report-nav a span.description {
            display: block;
            font-size: 12px;
            color: #9f9f9f;
            margin-left: 12px;
        }

        .subheader .report-nav a:hover, .subheader .report-nav a.state-selected {
            background-color: rgba(222,137,48,0.08);
        }

            .subheader .report-nav a:hover span.description, .subheader .report-nav a.state-selected span.description {
                color: #777;
            }

            .subheader .report-nav a:hover strong {
                text-decoration: underline;
            }

    .subheader nav ul {
        list-style: none;
    }

        .subheader nav ul li {
            color: #5d5a56;
            padding: 2px 0;
            text-shadow: 0 1px white;
        }

            .subheader nav ul li:hover, .subheader nav ul li.state-selected {
                color: #ae6208;
            }

            .subheader nav ul li:before {
                content: '›';
                color: #5d5a56;
                font-size: 14px;
                font-weight: bold;
            }

            .subheader nav ul li:hover:before, .subheader nav ul li.state-selected:before {
                color: #ae6208;
            }

            .subheader nav ul li a {
                font-size: 13px;
            }

    .subheader nav .column {
        float: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 16.66%;
        margin-bottom: 4px;
        padding: 10px 5px;
    }

        .subheader nav .column:first-child {
            padding-left: 10px;
        }

        .subheader nav .column:last-child {
            padding-right: 10px;
        }

        .subheader nav .column .column-header {
            position: relative;
            color: #585651;
            font-size: 15px;
            line-height: 24px;
            list-style-image: none;
            margin-bottom: 6px;
        }

            .subheader nav .column .column-header:before, .subheader nav .column .column-header:after {
                content: '';
                position: absolute;
                width: 90%;
                height: 1px;
                bottom: 1px;
                left: 0;
                right: 0;
                background-color: #c4c4c4;
                background-image: linear-gradient(to right,#c4c4c4 0,#f9f9f9 100%);
            }

            .subheader nav .column .column-header:after {
                bottom: 0;
                background-color: #fff;
                background-image: linear-gradient(to right,#fff 0,#f9f9f9 100%);
            }

#page-content {
    position: relative;
    z-index: 4;
    width: 1200px;
    height: inherit;
    padding: 20px;
    background-color: #f9f9f9;
    margin: 0 auto;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

    #page-content:before, #page-content:after {
        content: "";
        display: table;
    }

    #page-content:after {
        clear: both;
    }

footer {
    color: #565656;
    text-shadow: 0 1px 0 #fff;
}

    footer .footer-bar {
        height: 32px;
        background-color: #f1f1f1;
        line-height: 32px;
        bottom: 0px;
        width: 100%;
        background-image: linear-gradient(to bottom,#f1f1f1 0,#d8d8d8 100%);
        position: relative;
        min-height: 100%;
    }

        footer .footer-bar .copyright {
            float: left;
        }

        footer .footer-bar .privacy {
            float: right;
        }

    footer a {
        color: #565656;
    }

        footer a:hover {
            color: #ae6208;
        }

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

.icon {
    background-repeat: no-repeat;
}

nav.content-tabs li {
    border: 1px solid #aaa;
    border-width: 1px 1px 0 1px;
    margin: 0;
    float: left;
    margin-right: 2px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #eee;
}

    nav.content-tabs li a {
        text-decoration: none;
        position: relative;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        display: block;
        padding: 8px;
        font-size: 14px;
        color: #666;
        text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    }

        nav.content-tabs li a .icon {
            top: 4px;
            left: 4px;
            position: absolute;
        }

        nav.content-tabs li a sup {
            padding: 0 2px 0 4px;
            font-size: 10px;
            vertical-align: baseline;
            position: relative;
            top: -6px;
        }

    nav.content-tabs li:hover {
        border-color: #bbb;
    }

        nav.content-tabs li:hover a {
            background-color: #e1e1e1;
        }

    nav.content-tabs li.state-selected {
        border-color: #4d4d4d;
        background-color: #7e7e7e;
        border-color: #3c3c3c;
    }

        nav.content-tabs li.state-selected a {
            z-index: 21;
            cursor: default;
            color: white;
            -webkit-font-smoothing: antialiased;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.66);
            background-color: #828282;
            padding-bottom: 10px;
            margin-bottom: -2px;
            background-image: linear-gradient(to bottom,#828282 0,#808080 100%);
        }

div.flash-message {
    padding: 8px;
    margin-bottom: 18px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #009336;
    background-color: #d2f3de;
}

    div.flash-message.flash-message-error {
        border-color: #a83538;
        background-color: #f7d8d9;
    }

    div.flash-message.flash-message-info {
        border-color: #1E92F4;
        background-color: #D2E9FC;
    }

table {
    width: 100%;
}

th {
    text-align: left;
}

.interactive-table {
    position: relative;
    font-size: 13px;
    line-height: 29px;
    border: 1px solid #3c3c3c;
    background: #fff;
    margin-top: 30px;
    left: 0;
}

    .interactive-table .interactive-table-header {
        background-color: #808080;
        z-index: 20;
        padding: 8px;
        height: 21px;
        font-size: 14px;
        color: #FFF;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.66);
        -webkit-font-smoothing: antialiased;
        text-align: center;
        line-height: 21px;
        border-bottom: 1px solid #3c3c3c;
        border-top: 1px solid #aaa;
        background-image: linear-gradient(to bottom,#808080 0,#5a5a5a 100%);
    }

    .interactive-table .interactive-table-table-container {
        overflow: hidden;
        position: relative;
        padding: 0px 25px 35px 25px;
    }

.biglist .interactive-table-header {
    bottom: 20px;
    padding-top: 0;
    padding-right: 0;
    text-align: right;
    height: 30px;
}

    .biglist .interactive-table-header .tselect-container {
        margin: 3px 0 0 0;
        position: inherit;
        float: right;
    }

    .biglist .interactive-table-header .filter-bar {
        position: absolute;
        top: 0;
        left: 0;
        border: 0;
        background: 0;
    }

.biglist .interactive-table {
    margin-top: 0;
    clear: both;
}

div.loading {
    background: url("../Images/loading.gif") no-repeat;
    width: 100%;
    height: 100%;
    z-index: 3000;
    position: fixed;
    top: 0px;
    left: 0px;
}

#filterTimeLogRequests .wijmo-wijinput, #filterTimeCards .wijmo-wijinput, #filterTimeSheet .wijmo-wijinput {
    width: 113px;
    margin-bottom: 7px;
    margin-left: 0px;
}

#filterTimeLogRequests .wijmo-wijcombobox-wrapper, #filterTimeCards .wijmo-wijcombobox-wrapper {
    width: 155px;
}

#filterTimeLogRequests .wijmo-wijcombobox-input, #filterTimeCards .wijmo-wijcombobox-input, #filterTimeSheet .wijmo-wijcombobox-input {
    width: 135px;
    margin-left: 0px;
    margin-bottom: 1px;
}

#filterTimeLogRequests fieldset, #filterTimeCards fieldset, #filterTimeSheet fieldset {
    margin: 0px;
    margin-left: 5px;
    margin-top: 8px;
    margin-bottom: 9px;
    padding: 0px;
    border: 1px solid #CCC;
}

#filterTimeSheet fieldset {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 5px;
}

div.filterlogs {
    width: 270px;
    margin-top: 0;
}

fieldset.datalogs {
    width: 127px;
    float: left;
}

fieldset.filterUser {
    clear: left;
    width: 262px;
    height: 65px;
}

    fieldset.filterUser label {
        color: black;
        text-shadow: 0 1px 0 rgba(255,255,255,0.8);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }

#filterTimeLogRequests legend, #filterTimeCards legend, #filterTimeSheet legend {
    color: black;
    font-size: 1em;
    font-family: Arial;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    font-weight: bold;
    padding: 0px;
    margin-left: 15px;
}

#filterTimeLogRequests fieldset.filterTimeSheetPending, #filterTimeCards fieldset.filterTimeSheetPending {
    clear: left;
    width: 262px;
    height: 85px;
    margin-top: 25px;
}

    #filterTimeLogRequests fieldset.filterTimeSheetPending label, #filterTimeCards fieldset.filterTimeSheetPending label {
        color: black;
        text-shadow: 0 1px 0 rgba(255,255,255,0.8);
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
    }

#frmEditClockInPermissions .ip-address {
    height: 80px;
    width: 230px;
    border: 1px solid #a8a8a8;
    line-height: 20px;
    overflow-x: hidden;
    overflow-y: visible;
    moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin-left: 100px
}

#list_AbsencesRequestFilter .absencerequestsdates {
    line-height: 20px;
    margin-top: 6px;
    min-height: 29px;
}

span.arrow_right, span.arrow_left, span.arrow_right, span.arrow_down, span.arrow_up {
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
}

span.arrow_left {
    background: url(../images/arrow_left.png) no-repeat bottom;
}

span.arrow_right {
    background: url(../images/arrow_right.png) no-repeat bottom;
}

span.arrow_down {
    background: url(../images/event_vert_arrow_down.png) no-repeat bottom;
}

span.arrow_up {
    background: url(../images/event_vert_arrow_up.png) no-repeat bottom;
}

span.emptynarrow {
    width: 12px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
}

span.add_people, span.people, span.location_none, span.project_none, span.job_none, span.empty, span.save, span.online, span.offline, span.check_icon, span.disapprove, span.warning_icon, span.timeAddIcon, span.timeAddAbsent, span.add, span.shownote, span.showusernote, span.showcalendar, span.addAll, span.edit, span.delete, span.deleteallusers, span.addGrey, span.hide, span.show, span.close, span.refresh, span.invalidJob, span.lateArrived, span.gracePeriod, span.calendar, span.extendedLunch, span.plan_icon, span.addGreen, span.addDoor, span.img-icon-thumbs-up, span.img-icon-thumbs-down, span.img-icon-pending {
    width: 16px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
}

span.add_people {
    margin-top: 5px;
    background: url(../images/add_people.png) no-repeat left top;
}

span.people {
    margin-top: 5px;
    background: url(../images/view_people.png) no-repeat left top;
}

span.location_none {
    margin-top: 8px;
    background: url(../images/location_none.png) no-repeat left top;
}

span.project_none {
    margin-top: 8px;
    background: url(../images/job_none.png) no-repeat left top;
}

span.job_none {
    margin-top: 8px;
    background: url(../images/job_none.png) no-repeat left top;
}

span.online {
    margin-top: 8px;
    background: url(../images/online.png) no-repeat left top;
}

span.offline {
    margin-top: 8px;
    background: url(../images/offline.png) no-repeat left top;
}

span.refresh {
    margin-top: 8px;
    background: url(../images/refresh.png) no-repeat left top;
}

span.check_icon {
    background: url(../images/check.png) no-repeat left top;
}

span.warning_icon {
    background: url(../images/alert_.png) no-repeat left top;
}

span.timeAddIcon {
    background: url(../images/alert_.png) no-repeat left top;
}

span.timeAddAbsent {
    background: url(../images/absent.png) no-repeat left top;
}

span.invalidJob {
    background: url(../images/alert_.png) no-repeat left top;
    cursor: default;
}

span.invalidProject {
    background: url(../images/alert_.png) no-repeat left top;
    cursor: default;
}

span.save {
    background: url(../images/save.png) no-repeat left top;
}

span.add {
    background: url(../images/action_check.png) no-repeat left top;
}

span.addAll {
    background: url(../images/action_check2.png) no-repeat left top;
}

span.shownote {
    background: url(../images/note.png) no-repeat left top;
    margin-left: 13px !important;
    vertical-align: middle;
}

span.showusernote {
    background: url(../images/note10pxuser.png) no-repeat left top;
    margin-left: 0px !important;
    vertical-align: middle;
}

span.showcalendar {
    background: url(../images/calendar.gif) no-repeat left top;
    margin-left: 13px !important;
    vertical-align: middle;
}

span.edit {
    background: url(../images/edit.png) no-repeat left top;
}

span.delete {
    margin-top: 8px;
    background: url(../images/action_remove.png) no-repeat left top;
}

span.deleteallusers {
    margin-top: 8px;
    background: url(../images/group-delete-icon.png) no-repeat left top;
}

span.addDoor {
    margin-top: 8px;
    background: url(../images/door.png) no-repeat left;
}

span.addGrey {
    margin-top: 8px;
    background: url(../images/add16px.png) no-repeat left top;
}

span.addGreen {
    margin-top: 8px;
    background: url(../images/addsimple.png) no-repeat left top;
}

span.hide {
    margin-top: 8px;
    background: url(../images/hide16.png) no-repeat left top;
}

span.show {
    margin-top: 8px;
    background: url(../images/show16.png) no-repeat left top;
}

span.close {
    background: url(../images/action_close.png) no-repeat left top;
}

span.disapprove {
    background: url(../images/action_close.png) no-repeat left top;
}

span.plan_icon {
    background: url(../images/plan_.png) no-repeat left top;
}

span.img-icon-thumbs-up {
    background: url(../images/icon-thumbs-up.png) no-repeat left top;
}

span.img-icon-thumbs-down {
    background: url(../images/icon-thumbs-down.png) no-repeat left top;
}

span.img-icon-pending {
    background: url(../images/icon-pending.png) no-repeat left top;
}

.circle {
    border-radius: 50%;
    position: relative;
    background: #1e90ff;
    border: 1px solid #a8a8a8;
    min-width: 20px;
    min-height: 17px;
    color: #ffffff;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    float: right;
    margin-top: -32px;
    font-size: 11px;
    padding-top: 2px;
}

/*nav.content-tabs .notificationLi {
    border-top: 1px solid #1e90ff;
    border-left: 1px solid #1e90ff;
    border-right: 1px solid #1e90ff;

}*/
.divTable-row-narrow.userJobsWarningDiv {
    width: 90%;
    margin-top: 10px;
    margin-left: 4%;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #999;
    font-family: Arial;
    font-size: 12px;
}

.userJobsWarningText {
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
}

.notificationDiv {
    margin-left: 5px;
    display: inline-block;
}

.circle:hover {
    background: #85b2cb;
}

span.calendar {
    background: url(../images/calendar.gif) no-repeat left top;
}

span.lateArrived {
    background: url(../images/bullet_red.gif) no-repeat left bottom;
    cursor: default;
}

span.gracePeriod {
    background: url(../images/bullet_yellow.gif) no-repeat left bottom;
    cursor: default;
}

span.extendedLunch {
    background: url(../images/bullet_red.gif) no-repeat left bottom;
    cursor: default;
    width: 12px;
    height: 20px;
}

span.resettop {
    margin-top: 0px;
}

span.addtop {
    margin-top: 8px;
}

span.imglocktimecard {
    display: block;
    float: left;
    margin-top: -4px;
}

    span.imglocktimecard img {
        height: 20px;
        width: 20px;
        margin-top: 4px;
    }

    span.imglocktimecard.top2 img {
        margin-top: 2px;
    }

span.textlocktimecard {
    display: block;
    float: left;
    height: 20px;
    margin-left: 2px;
}

span.create-accrual-rule, span.edit-accrual-rule, span.edit-user-time, #createAccrualByTime, #createAccrualByWHrs, span.edit-absence-hours, span.edit-absence-dates {
    cursor: pointer;
}

.divTable-accrual-options {
    margin-top: 15px;
    margin-left: 10px;
    float: left;
    line-height: 50px;
    color: #666;
    font-size: 15px;
    text-indent: 5px;
}

span.dialog_OK, span.dialog_Invalid, span.dialog_Error, span.dialog_Warning, span.dialog_Delete, span.dialog_EasyScheduling {
    width: 32px;
    height: 40px;
    display: inline-block;
}

span.dialog_EasyScheduling {
    width: 40px !important;
    height: 40px;
    display: inline-block;
}

span.diaglo_info {
    height: 50px;
    width: 220px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

span.dialog_info {
    height: 50px;
    width: 290px;
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    margin-left: 10px;
}

span.dialog_OK {
    background: url(../images/dialog_ok.png) no-repeat left center;
}

span.dialog_Invalid {
    background: url(../images/dialog_invalid.png) no-repeat left center;
}

span.dialog_Error {
    background: url(../images/dialog_error.png) no-repeat left center;
}

span.dialog_Warning {
    background: url(../images/dialog_invalid.png) no-repeat left center;
}

span.dialog_Delete {
    background: url(../images/dialog_delete.png) no-repeat left center;
}

span.dialog_EasyScheduling {
    background: url(../images/dialog_easyScheduling.png) no-repeat left center;
}

div.popuplock {
    border: 1px solid #CCC;
    background-color: #f1f1f1;
    background-image: linear-gradient(to bottom,#f1f1f1 0,#d7d7d7 100%);
    padding: 5px;
    width: 100px;
    text-align: center;
}

div.popup {
    border: 1px solid #CCC;
    background-color: #f1f1f1;
    background-image: linear-gradient(to bottom,#f1f1f1 0,#d7d7d7 100%);
    padding: 5px;
    width: 120px;
    text-align: center;
}

    div.popup span {
        margin-left: 5px;
        margin-right: 5px;
    }

    div.popup .wijmo-wijinput {
        width: 90px;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    div.popup .wijmo-wijtextbox {
        width: 110px;
        margin-bottom: 10px;
        resize: vertical;
        max-height: 120px;
        font-weight: normal;
        font-size: small;
    }

    div.popup .ui-input-spinner-right span {
        margin-left: 0px;
        margin-right: 0px;
    }

div.outofshiftpopup {
    border: 1px solid #CCC;
    background-color: #E6E6E6;
    padding: 5px;
    width: 220px;
    text-align: center;
}

    div.outofshiftpopup span.approve, div.outofshiftpopup span.close {
        margin-right: 5px;
        margin-left: 5px;
    }

    div.outofshiftpopup #controlEndOutOfShift, div.outofshiftpopup #controlStartOutOfShift {
        margin-bottom: 10px;
    }

    div.outofshiftpopup div#startOutOfShiftLabel, div.outofshiftpopup div#endOutOfShiftLabel {
        width: 210px;
        margin-top: 0px;
    }

#jobcodepopup, #locationpopup, #projectspopup {
    border: 1px solid #CCC;
    background-color: #eee;
    background-image: linear-gradient(to bottom,#eee 0,#f1f1f1 100%);
    padding: 5px;
    width: 200px;
    text-align: left;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

    #jobcodepopup div.jobcodecontainer, #locationpopup div.locationcontainer, #projectspopup div.projectscontainer {
        max-height: 200px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    #jobcodepopup div.rdjob, #locationpopup div.rdlocation, #projectspopup div.rdjproj {
        margin-bottom: 10px;
    }

        #jobcodepopup div.rdjob label, #locationpopup div.rdlocation label, #projectspopup div.rdjproj label {
            margin-left: 5px;
        }

#specialjobtypecontariner .wijmo-wijradio-icon, #breakContainer .wijmo-wijradio-icon {
    margin-left: 0px;
}

#specialjobtypecontariner label, #breakContainer label {
    text-align: left;
}

#specialjobtypecontariner .rdspecialjob, #breakContainer .rb-timecard-breaks {
    margin-bottom: 7px;
}

#jobcodepopup div.options-job, #locationpopup div.options-location, #projectspopup div.options-projects {
    margin-top: 5px;
    height: 20px;
    text-align: center;
}

    #jobcodepopup div.options-job span, #locationpopup div.options-location span, #projectspopup div.options-projects span {
        margin-left: 5px;
        margin-right: 5px;
    }

#alloutofshift span.approve, #alloutofshift span.close {
    margin-right: 10px;
    margin-left: 10px;
}

#alloutofshift div.wijmo-checkbox-box {
    margin-top: 5px;
}

span.editpunch:hover {
    cursor: pointer;
    background-color: #6db3e1;
    color: #fff;
    height: 50px;
    border: solid 1px #3f70b9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 5px #85b2cb, inset 0 2px 2px #8f8f8f;
}

div.TimeOut_Different_Date, span.TimeOut_Different_Date, input.TimeOut_Different_Date {
    color: #E2A636 !important;
}

    span.TimeOut_Different_Date:hover {
        color: yellow;
    }

#profile_menu_container {
    float: right;
    color: white;
    padding-top: 5px;
    min-width: 75px;
}

.profile_information {
    float: right;
    color: white;
    padding-top: 13px;
    margin-right: 5px;
}

#profile_menu_container div.wijmo-wijmenu {
    padding: 0px;
    font-size: 12px;
}

#profile_menu_container div.ui-corner-all {
    border: 0px;
}

#profile_menu_container div.ui-widget-header {
    z-index: 20;
    text-align: left;
    border: 0px;
    background-image: none;
    background-color: #4a4641;
    background-image: linear-gradient(to bottom,#4a4641 0,#413e39 50%,#3d3a35 51%,#35322f 100%);
}

#profile_menu_container a.settings.wijmo-wijmenu-link {
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.66);
}

#profile_items .wijmo-wijmenu-text {
    width: 120px;
}

#corner_menu_container div.wijmo-wijmenu, #setting_timecard div.wijmo-wijmenu {
    padding: 0px;
    font-size: 12px;
}

#corner_menu_container div.ui-corner-all, #setting_timecard div.ui-corner-all {
    border: 0px;
}

#corner_menu_container div.ui-widget-header, #setting_timecard div.ui-widget-header {
    background-color: #808080;
    z-index: 20;
    text-align: left;
    background-image: none;
    background-color: rgb(128, 128, 128);
    background-image: linear-gradient(rgb(128, 128, 128) 0px, rgb(90, 90, 90) 100%);
}

#corner_menu_container a.settings.wijmo-wijmenu-link, #setting_timecard a.settings.wijmo-wijmenu-link {
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.66);
}

#corner_menu ul .wijmo-wijmenu-text, #setting_timecard_menu ul .wijmo-wijmenu-text {
    width: 120px;
}

#setting_filter_user_menu div.wijmo-wijmenu {
    padding: 0px;
    font-size: 12px;
    width: 82px;
    height: 23px;
}

#setting_filter_user_menu .wijmo-wijmenu-link {
    padding: 2px;
    width: 76px;
}

#setting_filter_user_menu .wijmo-wijmenu-text {
    width: 60px;
}

#filter_user_item > ul {
    width: 170px;
}

#filter_user_item ul .wijmo-wijmenu-text {
    width: 140px;
}

#filter_user_item span.dataitem, #filter_user_item a.dataitem {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 163px;
    cursor: default;
}

#filter_user_item span.datasubitem {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 193px;
}

#filter_user_status,
#filter_user_positions,
#filter_user_jobcodes,
#filter_user_employeecontracted,
#filter_user_locations,
#filter_user_payperiods,
#filter_timeclock_locations,
#filter_schedule_locations,
#filter_user_timecard_type,
#filter_who_jobcodes,
#filter_who_positions,
#filter_who_devices_locations,
#filter_who_locations,
#filter_who_departaments {
    width: 200px;
    max-height: 270px;
    overflow-y: auto;
    overflow-x: hidden;
}

#approve_timecard_menu {
    margin-right: 8px;
    float: right;
    line-height: 35px;
    color: #666;
    margin-top: 8px;
}

    #approve_timecard_menu div.wijmo-wijmenu {
        padding: 2px;
        font-size: 12px;
        width: 187px;
        height: 23px;
    }

    #approve_timecard_menu .wijmo-wijmenu-link {
        padding: 2px;
        width: 181px;
    }

    #approve_timecard_menu .wijmo-wijmenu-text {
        width: 165px;
        height: 16px;
    }

#approve_timecard_item ul {
    width: 179px;
}

    #approve_timecard_item ul li {
        cursor: pointer;
    }

.columnUserFilter, .columnDeviceFilter, .columnJobFilter, .columnProjectFilter {
    cursor: pointer;
}

.orderbyasc {
    background-image: url(/images/ui-icons_38667f_256x240.png);
    background-position: 1px -16px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.orderbydesc {
    background-image: url(/images/ui-icons_38667f_256x240.png);
    background-position: -64px -16px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

#salaryRulesForm .wizardheader {
    cursor: pointer;
}

#salaryRulesForm .margintop {
    margin-top: 7px;
}

#salaryRulesForm .marginleft {
    margin-left: 10px;
}

#salaryRulesWizard .margintop {
    margin-top: 1px;
}

#salaryRulesWizard .marginleft {
    margin-left: 10px;
}

#salaryRulesWizard .maxwidth {
    width: 850px;
}

#salaryRulesWizard .maxheight {
    width: 500px;
}

#salaryRuleContainer {
    padding: 10px;
    min-height: 430px
}

#salaryRulesForm .wijmo-wijwizard-content {
    height: 455px;
    padding-left: 15px;
}

#salaryRulesForm.mexicowizard .wijmo-wijwizard-content {
    height: 500px;
    padding-left: 15px;
}

#salaryRulesWizard .wijmo-wijwizard-content {
    height: 420px;
}

#salaryRulesWizard div.row label.margintop {
    margin-top: 15px;
    display: inline-block;
}

#salaryRulesWizard label, #salaryRulesForm label {
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
}

    #salaryRulesWizard label.margin, #salaryRulesForm label.margin, #ShiftDialog label.margin {
        margin-left: 5px;
        margin-right: 15px;
    }

    #salaryRulesWizard label.and_or, #salaryRulesForm label.and_or {
        margin-left: 75px;
    }

    #salaryRulesWizard label.ot_daily_tow_weekly, #salaryRulesForm label.ot_daily_tow_weekly {
        margin-left: 20px;
        margin-right: 10px;
    }

#salaryRuleDialog div.wijmo-wijwizard-buttons a, #UserAdminWizard div.wijmo-wijwizard-buttons a {
    margin-left: 5px;
}

.field-validation-error {
    color: red;
    font-size: 12px;
}

#salaryRuleDialog .wijmo-wijinput, #salaryRulesForm .wijmo-wijinput, #ShiftDialog .wijmo-wijinput, #frmAddTimeLogRequest .wijmo-wijinput, #frmAddTime .wijmo-wijinput {
    width: 70px;
}

#addtimedata .wijmo-wijcombobox-wrapper {
    width: 180px;
}

#frmEditDoorSetting .left, #frmCreateEditProjectJob .left, #frmCreateEditProjectTemplateJob .left, #frmEditClient .left, #frmEditProject .left, #frmEditDevice .left, #frmEditDepartment .left, #frmEditJobCode .left, #salaryRuleDialog .wijmo-wijradio, #salaryRuleDialog .left, #salaryRulesForm .left, #salaryRulesForm .wijmo-wijradio, #frmCompanyAdministrator .left, #ShiftDialog .wijmo-wijradio, #ShiftDialog .left, #CustomFieldDialog .wijmo-wijradio, #CustomFieldDialog .left, #UserAdminWizard .left, #frmEditPersonalAdmin .left, #frmEditUserJob .left, #frmCreateUserJob .left, #frmEditAccessLevel .left, #ProjectJobsBulkAssignmentDialog .left, #ProjectTemplateJobsBulkAssignmentDialog .left {
    float: left;
}

#salaryRuleDialog .wijmo-wijradio, #salaryRulesForm .wijmo-wijradio {
    margin-top: -3px;
}

#salaryRulesWizard div.row, #salaryRulesForm div.row, #frmEditUserAdmin div.row {
    margin-bottom: 15px;
    clear: both;
}

#salaryRulesWizard div.rowtop {
    padding-top: 5px;
    margin-bottom: 15px;
    clear: both;
}

#salaryRulesForm div.row, #frmEditUserAdmin div.row {
    height: 25px;
    line-height: 25px;
}

#salaryRulesWizard div.simplerow, #salaryRulesForm div.simplerow {
    margin-bottom: 10px;
    clear: both;
}

#salaryRulesForm div.simplerow {
    height: 15px;
    line-height: 15px;
}

#salaryRulesForm .rb .left {
    width: 180px;
}

#salaryRulesForm .rb {
    margin-top: 20px;
}

#salaryRulesWizard .rb .left {
    width: 180px;
}

#salaryRulesWizard .rb {
    margin-top: 20px;
}

#salaryRulesWizard div.addtop, #salaryRulesForm div.addtop {
    padding-top: 10px;
}

#frmEditSalaryRule .wijmo-wijinput, #frmEditShift .wijmo-wijinput, #salaryRulesForm.wijmo-wijinput {
    width: 70px;
}

#frmSchedule .paydifferentialoptions .wijmo-wijcombobox-wrapper {
    width: 90px;
}

#frmSchedule .dayoptions .wijmo-wijcombobox-wrapper {
    width: 100px;
}

#frmSchedule .divTable-labelCellnarrowtext, #frmSchedule .divTable-labelCellwizz, #frmSchedule .divTable-labelCellnarrowtextopt {
    text-indent: 0px;
}

#frmSchedule .divTable-labelCellwizsel {
    padding-left: 0px;
}

    #frmSchedule .divTable-labelCellwizsel label {
        margin-right: 3px;
    }

#frmSchedule .singleuser.extend, #frmSchedule .wijmo-wijcombobox-wrapper {
    width: 310px;
}

#frmRecurrentSchedule .dayoptions .wijmo-wijcombobox-wrapper {
    width: 100px;
}

#frmRecurrentSchedule .paydifferentialoptions .wijmo-wijcombobox-wrapper {
    width: 90px;
}

#frmRecurrentSchedule .divTable-labelCellnarrowtext, #frmRecurrentSchedule .divTable-labelCellwizz, #frmRecurrentSchedule .divTable-labelCellnarrowtextopt {
    text-indent: 0px;
}

#frmRecurrentSchedule .divTable-labelCellwizsel {
    padding-left: 0px;
}

    #frmRecurrentSchedule .divTable-labelCellwizsel label {
        margin-right: 3px;
    }

#frmRecurrentSchedule .multiusers {
    width: 303px;
    margin-left: 18px;
}

#frmRecurrentSchedule .wijmo-wijcombobox-wrapper {
    width: 310px;
}

#frmRecurrentSchedule .monthly .wijmo-wijcombobox-wrapper {
    width: 120px;
}

#RecurrentScheduleDialog .wijmo-wijinput, #ScheduleDialog .wijmo-wijinput, #DeleteMultipleScheduleDialog .wijmo-wijinput, #RecurrentAbsenceDialog .wijmo-wijinput, #AbsenceDialog .wijmo-wijinput, #DeleteMultipleAbsenceDialog .wijmo-wijinput {
    width: 115px;
}

#ScheduleDialog #btnDeleteSchedule, #RecurrentScheduleDialog #btnRecurrentSchedule {
    margin-right: 20px;
}

#frmRecurrentSchedule div.shift .wijmo-wijcombobox-wrapper, #makePaymentForm .wijmo-wijcombobox-wrapper {
    width: 285px;
}

#frmRecurrentSchedule div.shift {
    height: 20px;
}

#frmRecurrentSchedule div.left, #frmBulkJobAssignment div.left, #frmBulkDeviceAssignment div.left {
    float: left;
}

#frmRecurrentSchedule label, #frmSchedule label {
    color: #666;
    font-size: 15px;
}

#frmRecurrentSchedule .daily, #frmRecurrentSchedule .weekly, #frmRecurrentSchedule .monthly {
    height: 135px;
}

#containerScheduleCalendar {
    padding-left: 10px;
    padding-right: 10px;
}

#scheduleCalendar {
    width: 839px;
}

    #scheduleCalendar tbody tr {
        cursor: default;
    }

.list-leads tbody tr td {
    vertical-align: top;
}

#scheduleCalendar div {
    line-height: 18px;
}

#scheduleoptions {
    padding-top: 5px
}

    #scheduleoptions .datauserschedule {
        float: left;
        width: 40%;
    }

    #scheduleoptions .viewschedule {
        float: left;
    }

    #scheduleoptions .currentperiod {
        float: right;
    }

#scheduleCalendar {
    clear: both;
}

#AccrualRuleMultipleDialog .wijmo-wijinput, #AccrualRuleMultipleDialog .wijmo-wijcombobox, #AccrualRuleDialog .wijmo-wijinput, #AccrualRuleDialog .wijmo-wijcombobox {
    width: 115px;
}

#fymonth .wijmo-wijinput, #fymonth .wijmo-wijcombobox {
    width: 105px;
}

#fyday .wijmo-wijinput, #fyday .wijmo-wijcombobox {
    width: 55px;
}

#aft1 .wijmo-wijcombobox, #aft2 .wijmo-wijcombobox, #aft3 .wijmo-wijcombobox, #aft4 .wijmo-wijcombobox, #aft5 .wijmo-wijcombobox {
    width: 90px;
}

#AccrualRuleMultipleDialog .ui-input-spinner-right, #AccrualRuleDialog .ui-input-spinner-right {
    width: 60px;
}

#frmEditUserAdmin div.wijmo-wijupload-commandRow, #frmEditCompanySetting div.wijmo-wijupload-commandRow, #usbdata div.wijmo-wijupload-commandRow, #data_EmployeeForm div.wijmo-wijupload-commandRow {
    width: 110px;
    display: block;
    float: left;
}

    #frmEditUserAdmin div.wijmo-wijupload-commandRow a, #frmEditCompanySetting div.wijmo-wijupload-commandRow a, #usbdata div.wijmo-wijupload-commandRow, #data_EmployeeForm div.wijmo-wijupload-commandRow a {
        visibility: hidden;
    }

#frmEditUserAdmin ul.wijmo-wijupload-filesList, #frmEditCompanySetting ul.wijmo-wijupload-filesList, #usbdata ul.wijmo-wijupload-filesList, #data_EmployeeForm ul.wijmo-wijupload-filesList {
    width: 110px;
    display: block;
    float: right;
}

    #frmEditUserAdmin ul.wijmo-wijupload-filesList li, #frmEditCompanySetting ul.wijmo-wijupload-filesList li, #usbdata ul.wijmo-wijupload-filesList, #data_EmployeeForm ul.wijmo-wijupload-filesList li {
        border: 0px;
    }

        #frmEditUserAdmin ul.wijmo-wijupload-filesList span.wijmo-wijupload-file, #frmEditCompanySetting ul.wijmo-wijupload-filesList span.wijmo-wijupload-file, #usbdata ul.wijmo-wijupload-filesList span.wijmo-wijupload-file, #data_EmployeeForm ul.wijmo-wijupload-filesList span.wijmo-wijupload-file {
            visibility: hidden;
        }

#frmEditUserAdmin .wijmo-wijcombobox-wrapper {
    width: 133px;
}

#frmEditOpenDoorPermission .wijmo-wijcombobox-wrapper, #frmEditClockInPermissions .wijmo-wijcombobox-wrapper {
    width: 170px;
}

#frmEditAccessLevel .wijmo-wijcombobox-wrapper {
    width: 170px;
}

#frmEditCompanyLocation .select-width-427 .wijmo-wijcombobox-wrapper, #frmCompanyLocation .wijmo-wijcombobox-wrapper {
    width: 425px;
}

#frmBulkJobAssignment .wijmo-wijcombobox-wrapper, #frmEditUserAdmin .wijmo-wijcombobox-wrapper, #frmUserAdmin .wijmo-wijcombobox-wrapper, #frmProject .wijmo-wijcombobox-wrapper, #frmProjectTemplate .wijmo-wijcombobox-wrapper, #frmEditUserJob .wijmo-wijcombobox-wrapper, #frmCreateUserJob .wijmo-wijcombobox-wrapper, #frmCreateEditProjectJob .wijmo-wijcombobox-wrapper {
    width: 182px;
}

#ClientDialog .wijmo-wijcombobox-wrapper, #frmEditClient .wijmo-wijcombobox-wrapper, #frmEditProject .wijmo-wijcombobox-wrapper, #frmEditProjectTemplate .wijmo-wijcombobox-wrapper, #frmEditDepartment .wijmo-wijcombobox-wrapper, #frmEditJobCode .wijmo-wijcombobox-wrapper, #frmEditPersonalAdmin .wijmo-wijcombobox-wrapper, #frmEditDevice .wijmo-wijcombobox-wrapper, #companisettingcountry .wijmo-wijcombobox-wrapper {
    width: 155px;
}

#frmEditPersonalAdmin .sex .wijmo-wijcombobox-wrapper {
    width: 105px;
}

#frmEditBiometricData .wijmo-wijcombobox-wrapper {
    width: 240px;
}

#frmUserAdmin .wijmo-wijwizard-content {
    margin-bottom: 10px;
}

ul#dataUsers {
    font-size: 12px;
    height: 15px;
    line-height: 15px;
}

.ui-dialog-buttonset {
    width: 95%;
    text-align: center;
}

    .ui-dialog-buttonset span.ui-button-text {
        padding: 3px 10px 3px 10px;
        min-width: 40px;
    }

.singleuser {
    height: 20px;
    width: 130px;
    padding-left: 5px;
    padding-top: 5px;
    margin-left: 62px;
    border: solid 1px #a8a8a8;
    color: #313131;
    -webkit-box-shadow: rgba(143, 143, 143, 0.498039);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 2px 2px rgba(143,143,143,0.50);
    box-shadow: inset 0 2px 2px rgba(143,143,143,0.50);
    color: #4f4f4f;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
}

    .singleuser.medium {
        width: 200px;
    }

    .singleuser.extend {
        width: 280px;
    }

    .singleuser.noextend {
        width: 250px;
    }

.paysettingdayweek {
    margin-left: 2px;
    margin-top: 25px;
    line-height: 15px;
    width: 123px;
}

.multiusers {
    display: inline-block;
    overflow-y: auto;
    height: 60px;
    width: 230px;
    padding-left: 5px;
    padding-top: 5px;
    margin-left: 20px;
    border: solid 1px #a8a8a8;
    color: #313131;
    -webkit-box-shadow: rgba(143, 143, 143, 0.498039);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 2px 2px rgba(143,143,143,0.50);
    box-shadow: inset 0 2px 2px rgba(143,143,143,0.50);
    color: #4f4f4f;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
}

#list_devices {
    overflow-y: auto;
    height: 182px;
}

.multiprojects {
    display: inline-block;
    overflow-y: auto;
    height: 120px;
    width: 230px;
    padding-left: 5px;
    padding-top: 5px;
    margin-left: 20px;
    border: solid 1px #a8a8a8;
    color: #313131;
    -webkit-box-shadow: rgba(143, 143, 143, 0.498039);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 2px 2px rgba(143,143,143,0.50);
    box-shadow: inset 0 2px 2px rgba(143,143,143,0.50);
    color: #4f4f4f;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
}

.tblselectionvalue > div {
    float: left;
}

.tblselectionvalue img {
    cursor: pointer;
}

.tbldatavalue {
    margin-left: 20px;
    margin-bottom: 5px;
    margin-right: 5px
}

.tbldatavalues {
    height: 100px;
    width: 229px;
    border: 0px;
}

.clockincontainervalues {
    height: 50px;
    padding: 0px;
}

.clockinvalues {
    height: 50px;
    width: 229px;
    border: 0px;
}

.accesslevelcontainervalues {
    height: 90px;
    padding: 0px;
    width: 240px;
}

.accesslevelvalues {
    height: 90px;
    width: 239px;
    border: 0px;
}

.toolbarDevice {
    padding-top: 88px;
    text-align: center;
    vertical-align: middle;
}

    .toolbarDevice img {
        margin-bottom: 5px;
    }

#clockInPermissionsDevices img {
    cursor: pointer;
}

.selecteddevices {
    height: 250px;
}

    .selecteddevices .multiusers {
        height: 260px;
        width: 350px;
        padding: 0px;
        margin-left: 0px;
        /*overflow-y:scroll;*/
    }

    .selecteddevices #deviceSelectionValues {
        height: 225px;
        width: 350px;
        border: 0px;
    }

div.btnclockinpermissions {
    text-align: right;
    padding-top: 10px;
    width: 350px;
}

.divTable-body-min {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 0 15 0 0;
}

.divTable-body {
    min-width: 570px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 0 15 0 0;
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.divTable-bodyleft {
    min-width: 225px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 0 15 0 0;
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.divTable-bodysch {
    min-width: 570px;
    height: 684px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 0 15 0 0;
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.divTable-bodydown {
    width: 840px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 0 15 0 0;
    border: 1px solid #999;
    margin-left: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.divTable-bodysal {
    min-width: 570px;
    height: 616px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 0 15 0 0;
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.divTable-bodyschgeneral {
    min-width: 570px;
    height: 695px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 0 15 0 0;
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.divTable-bodybiodata {
    width: 100%;
    line-height: 20px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding-top: 10px;
}

.divTable-body2general {
    width: 100%;
    line-height: 20px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding-top: 25px;
}

.divTable-titleRow {
    display: table;
    width: 100%;
    height: 35px;
    background-color: #6698ff;
    border-bottom: 1px solid #777;
}

.divTable-titleCell {
    padding-left: 10px;
    float: left;
    line-height: 35px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
}

.divTable-headerRow {
    display: table;
    width: 100%;
    height: 35px;
    background-color: #d5d5d5;
    border-bottom: 2px solid #bbb;
}

.divTable-softHeaderRow {
    display: table;
    width: 100%;
    height: 35px;
    background-color: #ECECEC;
    border-bottom: 2px solid #bbb;
}

.divTable-headerRowsalary {
    display: table;
    width: 100%;
    height: 45px;
    background-color: #d5d5d5;
    border-bottom: 2px solid #bbb;
}

.divTable-headerCell {
    padding-left: 5px;
    float: left;
    line-height: 35px;
    color: black;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    white-space: nowrap;
    background-color: #d5d5d5;
}

.divTable-softHeaderCell {
    padding-left: 5px;
    float: left;
    line-height: 35px;
    color: black;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    white-space: nowrap;
    background-color: #ECECEC;
}

.divTable-headerCellcenter {
    padding-left: 5px;
    float: left;
    line-height: 35px;
    color: black;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    white-space: nowrap;
    background-color: #d5d5d5;
    text-align: center;
}

.divTable-softHeaderCellcenter {
    padding-left: 5px;
    float: left;
    line-height: 35px;
    color: black;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    white-space: nowrap;
    background-color: #ECECEC;
    text-align: center;
}

.divTable-headerCelltextleft {
    padding-left: 5px;
    float: left;
    line-height: 35px;
    color: black;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    white-space: nowrap;
    background-color: #d5d5d5;
    text-align: left;
    text-indent: 20px;
}

.divTable-headerCelltextleft2 {
    padding-left: 5px;
    float: left;
    line-height: 35px;
    color: black;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    white-space: nowrap;
    background-color: #d5d5d5;
    text-align: left;
    text-indent: 10px;
}

.divTable-headerCelltextleftsalarymulti {
    float: left;
    line-height: 12px;
    height: 40px;
    color: black;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    white-space: nowrap;
    background-color: #d5d5d5;
    text-align: center;
    vertical-align: inherit;
    padding-top: 5px;
}

.divTable-headerCelltextleftsalarysingle {
    float: left;
    line-height: 40px;
    height: 40px;
    color: black;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    white-space: nowrap;
    background-color: #d5d5d5;
    text-align: center;
    vertical-align: inherit;
    padding-top: 5px;
}

.divTable-headerCelltextleftsalarydouble {
    float: left;
    line-height: 15px;
    height: 40px;
    color: black;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    white-space: nowrap;
    background-color: #d5d5d5;
    text-align: center;
    vertical-align: inherit;
    padding-top: 7px;
}

.divTable-headerCelltitle {
    padding-left: 23px;
    float: left;
    line-height: 35px;
    color: black;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    white-space: nowrap;
    background-color: #d5d5d5;
    text-align: left;
}

.divTable-headerCell123 {
    float: left;
    line-height: 35px;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    color: black;
    background-color: #d5d5d5;
    text-align: center;
}

.divTable-row {
    display: table;
    width: 100%;
    height: 35px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.divTable-row-salary {
    display: table;
    width: 100%;
    height: 80px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.divTable-row-salary2 {
    display: table;
    width: 100%;
    height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.divTable-row-salary2padbot {
    display: table;
    width: 100%;
    height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.divTable-row-salary2padbottop {
    display: table;
    width: 100%;
    height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    padding-top: 15px;
}

.divTable-row-salary2pad {
    display: table;
    width: 100%;
    height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    padding-top: 15px;
    padding-bottom: 15px;
}

.divTable-row-salary2padnobot {
    display: table;
    width: 100%;
    height: 50px;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

.divTable-row-salary2padnobot10 {
    display: table;
    width: 100%;
    height: 50px;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.divTable-row-salary2nob {
    display: table;
    width: 100%;
    height: 50px;
    background-color: #fff;
}

#jobs-tree-wrapper {
    float: left;
    margin-bottom: 18px;
}

    #jobs-tree-wrapper .wijmo-wijtree {
        width: 300px;
        height: 165px;
        margin-left: 26px;
    }

        #jobs-tree-wrapper .wijmo-wijtree .wijmo-wijtree-list {
            padding: 0;
        }

ul.projectsAndJobsTree {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

    ul.projectsAndJobsTree li {
        max-width: 240px;
    }

.divTable-row-salarynob {
    display: table;
    width: 100%;
    height: 80px;
    background-color: #fff;
}

.divTable-row-salarynobsmaller {
    display: table;
    width: 100%;
    height: 50px;
    background-color: #fff;
}

.divTable-row-salarynobsmallerpadtop {
    display: table;
    width: 100%;
    height: 50px;
    background-color: #fff;
    padding-top: 20px;
}

.divTable-labelCellsal.salarynobfit {
    height: 15px;
}

.divTable-row-numbers {
    display: table;
    width: 100%;
    height: 50px;
    background-color: #fff;
}

.divTable-row-narrow {
    display: table;
    width: 100%;
    height: 35px;
    background-color: #fff;
}

.user-personal .divTable-row-narrow {
    display: table;
    width: 100%;
    height: 33px;
    background-color: #fff;
}

.clockContainer .divTable-row-narrow {
    margin-left: 8%;
    background-color: transparent;
}

.divTable-row-salarynob1 {
    display: table;
    width: 100%;
    height: 50px;
    background-color: #fff;
}

.divTable-labelCellnarrowtextopt {
    float: left;
    line-height: 30px;
    color: #666;
    text-indent: 5px;
    font-size: 15px;
    line-height: 30px;
}

.divTable-altRow {
    display: table;
    width: 100%;
    height: 35px;
    background-color: #f0f0f0;
    border-bottom: 1px solid #ddd;
}

.divTable-activeRow {
    display: table;
    width: 100%;
    height: 35px;
    background-color: #6db3e1;
    border-bottom: 1px solid #ddd;
}

.divTable-withBorders {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.divTable-headerBorders {
    border-top: 2px solid #bbb;
    border-left: 2px solid #bbb;
    border-right: 2px solid #bbb;
}

.divTable-activeRow div {
    color: #ffffff;
}

.divTable-valueCell {
    padding-left: 5px;
    float: left;
    line-height: 35px;
    color: #336699;
    font-weight: bold;
}

.divTable-labelCell {
    padding-left: 5px;
    float: left;
    line-height: 35px;
    color: #666;
}

.divTable-labelCellsal {
    float: left;
    line-height: 80px;
    height: 80px;
    color: #666;
}

.divTable-fieldCellsalAPI {
    float: left;
    line-height: 50px;
    height: 50px;
    color: #666;
}

.divTable-labelCellsAPI {
    float: left;
    line-height: 50px;
    height: 50px;
    color: #666;
    text-indent: 25px;
}

.divTable-labelCellsalshort {
    float: left;
    line-height: 60px;
    height: 40px;
    color: #666;
    margin-top: 10px;
}

.divTable-labelCellsal22 {
    float: left;
    line-height: 50px;
    color: #666;
}

.divTable-labelCellnarrow {
    float: left;
    line-height: 30px;
    color: #666;
    text-indent: 5px;
}

.divTable-labelCellnarrow1 {
    float: left;
    line-height: 30px;
    color: #666;
}

.divTable-labelCellnarrowchk {
    float: left;
    line-height: 30px;
    color: #666;
    text-indent: 5px;
    padding-top: 3px;
}

.divTable-labelCellnarrowtext {
    float: left;
    line-height: 30px;
    color: #666;
    text-indent: 5px;
    font-size: 15px;
}

.divTable-labelCellwizz {
    float: left;
    line-height: 50px;
    color: #666;
    font-size: 15px;
    text-indent: 5px;
}

.divTable-labelCellRadioOrCheck {
    float: left;
    line-height: 35px;
    color: #666;
    text-indent: 5px;
    vertical-align: top;
    padding-top: 12px;
}

.divTable-labelCellmulti {
    float: left;
    line-height: 20px;
    color: #666;
    height: 80px;
    vertical-align: middle;
}

.divTable-labelCellsal1 {
    float: left;
    line-height: 80px;
    height: 80px;
    color: #666;
    text-indent: 25px;
}

.divTable-labelCellsal1short {
    float: left;
    line-height: 40px;
    height: 40px;
    color: #666;
    text-indent: 25px;
    margin-top: 20px;
}

.divTable-labelCellsal2 {
    float: left;
    line-height: 50px;
    color: #666;
    text-indent: 25px;
}

.divTable-labelemail {
    float: none;
    color: #666;
    text-align: center;
}

.divTable-labelCelldown {
    padding-left: 5px;
    float: left;
    line-height: 35px;
    color: black;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}

.divTable-labelCellfooter {
    padding-left: 9px;
    float: left;
    line-height: 40px;
    color: black;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}

.divTable-labelCellemail {
    padding-left: 5px;
    float: left;
    line-height: 35px;
    color: #666;
    margin-top: 5px;
}

.divTable-labelCellcenter {
    padding-left: 5px;
    float: left;
    line-height: 35px;
    color: #666;
    text-align: center;
}

.divTable-labelCellp {
    float: left;
    color: #666;
    vertical-align: middle;
}

.divTable-labelCell123 {
    float: left;
    line-height: 35px;
    color: #666;
    text-align: center;
}

.divTable-labelimputt {
    float: left;
    line-height: 35px;
    color: #666;
    text-align: center;
    text-indent: 5px;
    padding-top: 4px;
}

.divTable-labelCellleft {
    padding-left: 5px;
    float: left;
    line-height: 35px;
    color: #666;
    padding: 0 15 0 0;
}

.divWidth-icon {
    width: 20%;
}

.divWidth-2percent {
    width: 2%;
}

.divWidth-3percent {
    width: 3%;
}

.divWidth-4percent {
    width: 4%;
}

.divWidth-5percent {
    width: 5%;
}

.divWidth-6percent {
    width: 6%;
}

.divWidth-7percent {
    width: 7%;
}

.divWidth-8percent {
    width: 8%;
}

.divWidth-9percent {
    width: 9%;
}

.divWidth-10percent {
    width: 10%;
}

.divWidth-11percent {
    width: 11%;
}

.divWidth-12percent {
    width: 12%;
}

.divWidth-13percent {
    width: 13%;
}

.divWidth-14percent {
    width: 14%;
}

.divWidth-15percent {
    width: 15%;
}

.divWidth-15percentp {
    width: 15%;
    padding: 0 15px 0 0;
}

.divWidth-16percent {
    width: 16%;
}

.divWidth-16percentp {
    width: 16%;
    padding-top: 5px;
}

.divWidth-17percent {
    width: 17%;
    padding: 0 7px 0 0;
}

.divWidth-17-0percent {
    width: 17%;
}

.divWidth-18percent {
    width: 18%;
}

.divWidth-19percent {
    width: 19%;
}

.divWidth-19-7percent {
    width: 19.7%;
}

.divWidth-20rpercent {
    width: 20%;
}

.divWidth-20percent {
    width: 17%;
    padding: 0 15px 0 0;
}

.divWidth-21percent {
    width: 21%;
}

.divWidth-22percent {
    width: 22%;
}

.divWidth-23percent {
    width: 23%;
    padding: 0;
}

.divWidth-24percent {
    width: 24%;
}

.divWidth-25percent {
    width: 23%;
    padding: 0 15px 0 0;
}

.divWidth-25rpercent {
    width: 25%;
}

.divWidth-26percent {
    width: 26%;
}

.divWidth-27percent {
    width: 27%;
}

.divWidth-28percent {
    width: 28%;
}

.divWidth-30percent {
    width: 30%;
}

.divWidth-31percent {
    width: 31%;
}

.divWidth-32percent {
    width: 32%;
}

.divWidth-33percent {
    width: 33%;
}

.divWidth-34percent {
    width: 34%;
}

.divWidth-35percent {
    width: 35%;
}

.divWidth-36percent {
    width: 36%;
}

.divWidth-37percent {
    width: 37%;
}

.divWidth-38percent {
    width: 38%;
}

.divWidth-39percent {
    width: 39%;
    padding: 0 15px 0 0;
}

.divWidth-40percent {
    width: 40%;
}

.divWidth-41percent {
    width: 41%;
}

.divWidth-42percent {
    width: 42%;
}

.divWidth-43percent {
    width: 43%;
}

.divWidth-45percent {
    width: 45%;
}

.divWidth-46percent {
    width: 46%;
}

.div48percent {
    width: 48%;
}

.div47percent {
    width: 47%;
}

.div49percent {
    width: 49%;
}

.div50percent {
    width: 50%;
}

.divWidth-51percent {
    width: 51%;
}

.divWidth-52percent {
    width: 52%;
}

.divWidth-53percent {
    width: 53%;
}

.divWidth-54percent {
    width: 54%;
}

.divWidth-55percent {
    width: 55%;
}

.divWidth-56percent {
    width: 56%;
}

.divWidth-59percent {
    width: 59%;
}

.divWidth-58percent {
    width: 58%;
}

.divWidth-60percent {
    width: 60%;
}

.divWidth-61percent {
    width: 61%;
}

.divWidth-62percent {
    width: 62%;
}

.divWidth-63percent {
    width: 63%;
}

.divWidth-66percent {
    width: 66%;
}

.divWidth-68percent {
    width: 68%;
}

.divWidth-69percent {
    width: 69%;
}

.divWidth-70percent {
    width: 70%;
}

.divWidth-71percent {
    width: 71%;
}

.divWidth-72percent {
    width: 72%;
}

.divWidth-73percent {
    width: 73%;
}

.divWidth-74percent {
    width: 74%;
}

.divWidth-75percent {
    width: 75%;
}

.divWidth-77percent {
    width: 77%;
}

.divWidth-78percent {
    width: 78%;
}

.divWidth-80percent {
    width: 80%;
}

.divWidth-82percent {
    width: 82%;
}

.divWidth-83percent {
    width: 83%;
}

.divWidth-84percent {
    width: 84%;
}

.divWidth-85percent {
    width: 85%;
}

.divWidth-86percent {
    width: 86%;
}

.divWidth-87percent {
    width: 87%;
}

.divWidth-88percent {
    width: 88%;
}

.divWidth-89percent {
    width: 89%;
}

.divWidth-90percent {
    width: 90%;
}

.divWidth-91percent {
    width: 91%;
}

.divWidth-93percent {
    width: 93%;
}

.divWidth-96percent {
    width: 96%;
}

.divWidth-98percent {
    width: 98%;
}

.divWidth-99percent {
    width: 99%;
}

.divWidth-100percent {
    width: 100%;
}

.divTable-row-narrowopt {
    display: table;
    width: 100%;
    height: 30px;
    background-color: #fff;
}

.divTable-labelCellnum {
    float: left;
    color: #666;
    text-indent: 25px;
    vertical-align: middle;
    padding-top: 10px;
}

.divTable-labelCellnumnarrow {
    float: left;
    color: #666;
    text-indent: 25px;
    vertical-align: middle;
}

.divTable-labelCellnumnarrowopt {
    float: left;
    color: #666;
    text-indent: 25px;
    vertical-align: middle;
    line-height: 30px;
}

.divTable-labelCellnarrowtextpaddown {
    float: left;
    line-height: 30px;
    color: #666;
    text-indent: 5px;
    font-size: 15px;
    padding-bottom: 5px;
}

.divTable-labelCellwizsel {
    float: left;
    color: #666;
    line-height: 15px;
    padding-left: 5px;
    height: 15px;
}

.divTable-labelCellnarrowtextopt {
    float: left;
    line-height: 30px;
    color: #666;
    text-indent: 5px;
    font-size: 15px;
    line-height: 30px;
}

.divTable-row-wizardbigger {
    display: table;
    width: 100%;
    height: 50px;
    background-color: #fff;
}

.divTable-labelCellbigger {
    float: left;
    line-height: 20px;
    color: #666;
    padding-left: 5px;
    font-size: 15px;
}

.divTable-bodywizard {
    width: 400px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
}

.divTable-labelwizard {
    padding-top: 35px;
    width: 800px;
    margin: 0 auto;
    line-height: 35px;
    color: #666;
}

.divTable-labelCellselects {
    float: left;
    color: #666;
    text-indent: 5px;
}

.divTable-row-narrowselects {
    display: table;
    width: 100%;
    background-color: #fff;
    line-height: 15px;
}

.divTable-headerCelltextmidd {
    padding-left: 5px;
    float: left;
    line-height: 35px;
    color: black;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    white-space: nowrap;
    background-color: #d5d5d5;
    text-align: center;
    text-indent: 20px;
}

.divTable-row-narrowlinne {
    display: table;
    width: 100%;
    height: 35px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.divTable-row-narrowaddtop {
    display: table;
    width: 100%;
    height: 35px;
    background-color: #fff;
    padding-top: 15px;
}

.divTable-row-narrowsimpletop {
    display: table;
    width: 100%;
    height: 25px;
    background-color: #fff;
    padding-top: 15px;
}

.divTable-row-narrowsimple {
    display: table;
    width: 100%;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
}

    .divTable-row-narrowsimple > div {
        height: 20px;
        line-height: 20px;
    }

.divTable-row-narrownotop {
    display: table;
    width: 100%;
    height: 35px;
    background-color: #fff;
    padding-top: 0px;
}

.divTable-row-narrowaddtopline {
    display: table;
    width: 100%;
    height: 35px;
    background-color: #fff;
    padding-top: 15px;
    border-bottom: 1px solid #ddd;
}

.divTable-row-narrowaddbottomline {
    display: table;
    width: 100%;
    height: 35px;
    background-color: #fff;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.user-personal .divTable-row-narrowaddbottomline {
    display: table;
    width: 100%;
    height: 30px;
    background-color: #fff;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.divTable-row-topline {
    display: table;
    width: 100%;
    height: 35px;
    background-color: #fff;
    padding-top: 15px;
    border-top: 1px solid #ddd;
}

.divTable-row-time1line {
    display: table;
    width: 100%;
    height: 50px;
    background-color: #fff;
    padding-top: 15px;
}

.divTable-row-users {
    display: table;
    width: 100%;
    height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px
}

.divTable-row-timeemptyline {
    display: table;
    width: 100%;
    height: 5px;
    line-height: 5px;
    background-color: #fff;
    padding-top: 15px;
    border-bottom: 1px solid #ddd;
}

.divTable-row-timeemptyline2 {
    display: table;
    width: 91%;
    height: 40px;
    background-color: #fff;
    text-align: right;
    padding-top: 35px;
}

.divTable-labelCellclockintext {
    float: left;
    line-height: 30px;
    color: #666;
    text-indent: 5px;
    font-size: 15px;
    line-height: 30px;
}

.divTable-labelCellwizsel {
    float: left;
    color: #666;
    line-height: 15px;
    height: 15px;
}

.divTable-row-calendar {
    display: table;
    width: 100%;
    background-color: #fff;
}

.divTable-labelCellcalendar {
    float: left;
    color: #666;
}

    .divTable-labelCellcalendar .ui-datepicker {
        margin-top: 0px;
    }

#errorForClockTime, #errorForExtraClockTime, #frmAddSpecialJob #SpecialJob_errorForClockTime, #frmAddSpecialJob #SpecialJob_errorForExtraClockTime {
    color: red;
}

#errorSelectedEmployees {
    color: red;
    font-size: 12px;
}

#errorSelectedJobs {
    color: red;
    font-size: 12px;
}

.divTable-bodyaddtime {
    width: 100%;
    line-height: 20px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 25 25 25 25;
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.divTable-bodyaddbonushours {
    width: 100%;
    height: 686px;
    line-height: 20px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 25 25 25 25;
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.divTable-bodybulkjob {
    width: 100%;
    line-height: 20px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 25 25 25 25;
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.divTable-bodyprojectjobbulkassignment {
    width: 100%;
    line-height: 20px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 25 25 25 25;
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    height: 617px;
    margin-bottom: 15px
}

.divTable-acrrue {
    width: 600px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 25 25 25 25;
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.divTable-labelacrrue {
    padding-top: 0px;
    width: 660px;
    margin: 0 18px;
    line-height: 35px;
    color: #666;
}

.divTable-insidea {
    width: 570px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    margin: 0 auto;
}

.divTable-insideacrrue {
    width: 625px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.divTable-row-hours {
    display: table;
    width: 100%;
    height: 30px;
    background-color: #fff;
    padding-top: 15px;
}

.divTable-labelhrshrs {
    float: left;
    color: #666;
    text-indent: 5px;
    font-size: 15px;
    line-height: 25px;
    vertical-align: middle;
    text-align: right;
}

.divTable-labelCell1000 {
    float: left;
    line-height: 50px;
    color: #666;
    font-size: 15px;
    text-indent: 5px;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.divTable-labelCell10000 {
    float: left;
    line-height: 15px;
    margin-top: 15px;
    color: #666;
    font-size: 15px;
    text-indent: 5px;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.divTable-end {
    line-height: 15px;
    text-indent: 5px;
    width: 100%;
}

.divTable-labelabshrs {
    float: left;
    color: #666;
    text-indent: 5px;
    font-size: 15px;
    line-height: 25px;
    vertical-align: middle;
}

.divTable-labelabshrs1 {
    float: left;
    color: #666;
    text-indent: 5px;
    font-size: 15px;
    line-height: 25px;
    vertical-align: middle;
    padding-left: 15px;
    text-align: left
}

.divTable-labelabshrs2 {
    float: right;
    color: #666;
    font-size: 15px;
    line-height: 25px;
    vertical-align: middle;
    text-align: left;
}

.divTable-labelabsss {
    float: left;
    color: #666;
    line-height: 15px;
    padding-left: 5px;
    height: 15px;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
}

.divTable-labelabshrsleft {
    float: left;
    color: #666;
    text-indent: 5px;
    font-size: 15px;
    line-height: 25px;
    vertical-align: middle;
    text-align: left;
}

.divTable-labelCellmoree {
    float: left;
    color: #666;
    line-height: 35px;
    padding-left: 5px;
    height: 15px;
}

.divTable-row-narrow222 {
    display: table;
    width: 100%;
    height: 15px;
    background-color: #fff;
    font-size: 15px;
    font-weight: normal;
}

.divTable-labelhrssss {
    float: left;
    color: #666;
    line-height: 15px;
    padding-left: 5px;
    height: 15px;
    font-weight: normal;
    font-size: 12px;
}

.divTable-row-noline1nop {
    display: table;
    width: 100%;
    height: 50px;
    background-color: #fff;
}

.divTable-row-noline1nope {
    display: table;
    width: 100%;
    height: 40px;
    background-color: #fff;
}

.divTable-labelhrs-rgh {
    float: left;
    color: #666;
    font-size: 15px;
    line-height: 25px;
    vertical-align: middle;
    text-align: right;
}

.divTable-labelCellacruicon {
    padding-left: 5px;
    float: left;
    line-height: 5px;
    color: #666;
    text-align: center;
}

.divTable-labelCell2midd {
    float: left;
    line-height: 35px;
    color: #666;
    text-align: center;
}

.divTable-labelCellhandsbio {
    float: left;
    line-height: 30px;
    color: #666;
    font-size: 15px;
}

.divTable-labelCellnumhands {
    float: left;
    color: #666;
    text-indent: 25px;
    vertical-align: middle;
}

div.divTextRight {
    text-align: right;
}

.divTable-labelCellbiosq {
    float: left;
    height: 300px;
    color: #666;
    font-size: 15px;
}

.divTable-row-biodatasq {
    display: table;
    width: 100%;
    height: 250px;
    background-color: #fff;
}

.divTable-row-narrowboxbio {
    display: table;
    height: 35px;
    background-color: #fff;
    float: left;
    padding-bottom: 20px;
}

.divTable-labelCellbiobio, .divTable-labelCellbiobioX {
    float: left;
    line-height: 30px;
    color: #666;
    text-indent: 5px;
    font-size: 15px;
    line-height: 30px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 15px;
    height: 215px;
    width: 260px;
    margin-top: 20px;
}

.divTable-labelCellbiobio {
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

#fingerprintcontent .main-title {
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
    color: #555555;
    margin-bottom: 10px;
}

#fingerprintcontent .item {
    height: 45px;
    line-height: 45px;
}

#fingerprintcontent .icon {
    width: 65px;
    font-size: 32px;
    vertical-align: middle;
}

    #fingerprintcontent .icon.icon-big {
        font-size: 170px;
    }

#fingerprintcontent .icon-finger-check {
    color: #5BA800;
}

.lunchpaidasregular, .absenceAsRegularOrOT, .specialjob {
    color: #E2A636;
    font-weight: bold;
    cursor: pointer;
}

.divTable-labelbiosave {
    float: left;
    vertical-align: middle;
}

div.compactrow {
    line-height: 16px;
    margin-top: 10px
}

.absences-filter div.compactrow {
    margin-top: 4px;
}

.divTable-emailmessa {
    float: left;
    color: #4F94CD;
    vertical-align: middle;
}

.btnwizardcreate {
    text-align: right;
    margin-top: 10px;
}

ul.privilegesTree {
    height: 320px;
    max-width: 500px;
    overflow: auto;
}

    ul.privilegesTree li {
        max-width: 445px;
    }

.wijmo-tree-450-width .wijmo-wijtree {
    width: 455px;
}

div.textareaform {
    padding-top: 25px;
    line-height: 70px;
    height: 70px;
}

.textareaform textarea {
    height: 40px;
    width: 140px;
}

.textareacreate textarea {
    height: 40px;
    width: 140px;
}

div.privilege-instructions {
    height: 50px;
    line-height: 50px;
}

div.narrowheight {
    line-height: 25px;
    height: 25px;
}

div.userHoursAvailable {
    margin-top: 5px;
    font-weight: bold
}

div.BulkJobUsers {
    margin-top: 6px;
    width: 263px
}

div.BulkJobAssignment, div.BulkDeviceAssignment, div.UserGroupAssignment {
    margin-top: 15px;
    width: 380px;
    margin-left: 20px;
}

div.ProjectJobBulkAssignment {
    margin-top: 25px;
    width: 380px;
    margin-left: 20px;
}

div.device-options {
    text-indent: 25px;
    margin-top: 15px;
    padding-top: 10px;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ddd;
}

    div.device-options input {
        margin-right: 10px
    }

#calendarTimeSheetContainer {
    padding-left: 30px;
    padding-top: 10px;
}

    #calendarTimeSheetContainer div {
        line-height: 20px;
    }

#timesheetdata, #timesheetdataday, #weekViewTimeSheet {
    max-height: 430px;
    min-height: 430px;
    overflow-y: auto;
    overflow-x: hidden;
}

#listViewTimeSheet, #weekViewTimeSheet, #dayViewTimeSheet {
    max-height: 467px;
    min-height: 467px;
}

#timesheetdataday {
    max-height: 395px;
    min-height: 395px;
}

#timesheetdatagroup {
    max-height: 430px;
    overflow-y: auto;
    overflow-x: hidden;
}

#list_TimeCardLogVMFilter .wijmo-wijcombobox-wrapper {
    width: 158px;
}

.groupactive {
    background-color: #bde0f8;
}

#filterTimeSheet .fieldfilter {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 8px;
    margin-top: 2px
}

#filterTimeSheet .left {
    float: left;
}

#filterTimeSheet .viewoptions {
    float: right;
    margin-top: 35px
}

#filterTimeSheet .viewtitle {
    float: right;
    margin-top: 32px;
    margin-right: 10px
}

    #filterTimeSheet .viewtitle label {
        font-size: 18px;
        color: black;
        font-weight: bold
    }

#list_TimeCardLogVMFilter .noentries {
    font-style: italic;
    padding-left: 10px;
    font-weight: bold;
    text-align: center;
    font-size: 13px
}

#list_TimeCardLogVMFilter .coltop {
    padding-top: 2px
}

#list_TimeCardLogVMFilter div.projweek, #list_TimeCardLogVMFilter div.jobweek, #list_TimeCardLogVMFilter div.absweek {
    width: 160px;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    color: black
}

#list_TimeCardLogVMFilter .groupcolumn {
    width: 49px;
    font-weight: bold;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    border-left: 1px solid rgba(143,143,143,0.50)
}

#list_TimeCardLogVMFilter .height25 {
    height: 25px;
    line-height: 25px;
}

#list_TimeCardLogVMFilter .border {
    border-left: 1px solid rgba(143,143,143,0.50)
}

#list_TimeCardLogVMFilter .datacell {
    width: 51px;
    padding-left: 2px;
    padding-right: 2px
}

.list-TimeCardLogVMFilter {
    height: 100%;
    max-width: 860px;
    overflow-x: auto;
    overflow-y: hidden;
}

.buttonstimesheet div {
    float: left;
}

.buttonstimesheet .add {
    width: 15%;
    padding: 10px;
    height: 30px
}

.buttonstimesheet .save {
    width: 80%;
    text-align: right;
    padding: 10px;
    height: 30px;
    margin-left: 15px
}

.addtimesheet {
    padding: 10px;
    height: 30px
}

.timesheetentry {
    padding-top: 2px;
    height: 30px;
    line-height: 30px;
}

    .timesheetentry label {
        height: 28px;
        line-height: 28px;
    }

    .timesheetentry .divTable-labelCell {
        line-height: 25px;
    }

.viewtimesheets {
    padding-top: 8px;
    cursor: pointer;
}

.deletetimesheetentry, .lockedtimesheetentry {
    padding-top: 5px;
    cursor: pointer;
}

.notetimesheetentry {
    padding-top: 5px;
    cursor: pointer;
    width: 18px;
}

.timesheetsetting {
    width: 1167px;
    text-align: left;
    margin-top: 5px;
}

    .timesheetsetting .icon {
        font-size: 21px;
        margin: 5px;
        cursor: pointer;
        color: #FFF;
    }

    .timesheetsetting .icon-enabled:hover, .timesheetsetting .icon-selected {
        font-weight: bold;
        text-shadow: rgb(255, 255, 255) 0px 0px 1px, rgb(255, 255, 255) 0px 0px 3px;
    }

    .timesheetsetting .icon-disabled {
        opacity: 0.6;
        cursor: default;
    }

.timesheetmenu {
    text-align: right;
    position: absolute;
    top: 3px;
}

.projectjobscontainer, .usergroupcontainer {
    padding: 0px;
    padding-left: 25px;
    border-bottom: 1px solid #ddd;
    height: 370px;
    overflow: auto
}

.projectjobsempty {
    border-bottom: 1px solid #ddd;
    line-height: 10px
}

.projectjobscolumnleft, .projectjobscolumnright, .usergroupcolumnleft, .usergroupcolumnright {
    float: left;
    width: 48%;
}

.projectjobscolumnright, .usergroupcolumnright {
    margin-left: 10px
}

.jobbox {
    width: 100%;
    margin-bottom: 10px;
}

    .jobbox .divTable-headerRow, .jobbox .divTable-row, .jobbox .divTable-altRow {
        height: 25px;
    }

    .jobbox .divTable-headerRow, .jobbox .divTable-headerCell {
        background-color: #ddd;
    }

    .jobbox .divTable-headerCell, .jobbox .divTable-labelCell {
        line-height: 25px;
    }

    .jobbox .userassigned {
        font-weight: bold;
        color: black;
    }

#dayViewTimeSheet select, #dayViewTimeSheet input,
#listViewTimeSheet select, #listViewTimeSheet input,
#weekViewTimeSheet select, #weekViewTimeSheet input {
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px #CCC solid;
}

#dayViewTimeSheet select, #listViewTimeSheet select, #weekViewTimeSheet select {
    width: 159px;
    margin-top: 2px
}

#weekViewTimeSheet select {
    width: 158px;
    margin-top: 2px;
}

#dayViewTimeSheet input, #listViewTimeSheet input, #weekViewTimeSheet input {
    width: 44px;
    height: 18px;
    margin-top: 1px;
    text-align: right;
}

#dayViewTimeSheet select.reqtimesheetentry, #listViewTimeSheet select.reqtimesheetentry, #weekViewTimeSheet select.reqtimesheetentry {
    border: 1px solid red;
}

#wraphands {
    position: relative;
}

.hands {
    display: block;
    height: 246px;
}

.left1 {
    position: absolute;
    right: 572px;
    bottom: 160px;
}

.left2 {
    position: absolute;
    right: 639px;
    bottom: 246px;
}

.left3 {
    position: absolute;
    right: 684px;
    bottom: 261px;
}

.left4 {
    position: absolute;
    right: 719px;
    bottom: 242px;
}

.left5 {
    position: absolute;
    right: 753px;
    bottom: 199px;
}

.right1 {
    position: absolute;
    right: 509px;
    bottom: 160px;
}

.right2 {
    position: absolute;
    right: 441px;
    bottom: 246px;
}

.right3 {
    position: absolute;
    right: 396px;
    bottom: 261px;
}

.right4 {
    position: absolute;
    right: 361px;
    bottom: 242px;
}

.right5 {
    position: absolute;
    right: 327px;
    bottom: 199px;
}

.lefttext {
    position: absolute;
    right: 620px;
    bottom: 3px;
    text-align: center;
    font-weight: bold;
    width: 100px;
    margin-bottom: 0px;
    font-size: 17px;
}

.righttext {
    position: absolute;
    right: 356px;
    bottom: 3px;
    text-align: center;
    font-weight: bold;
    width: 100px;
    margin-bottom: 0px;
    font-size: 17px;
}

.divTable-labelCellquicktop {
    float: left;
    line-height: 50px;
    color: #666;
    font-size: 15px;
}

.divWidth-70p {
    width: 70px;
}

.divTextIndent5 {
    text-indent: 5px;
}

.divTextIndent10 {
    text-indent: 10px;
}

.righttop15 {
    text-align: right;
    margin-top: 15px
}

.photphoto {
    width: 220px;
    height: 240px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    text-align: left;
    padding: 5px;
    float: left;
    margin-top: 0px;
    margin-left: 5px;
    background-color: #E6E6E6;
}

.photodata {
    height: 200px;
    width: 220px;
    text-align: center;
    position: relative;
}

    .photodata img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 5;
        background-color: #E6E6E6;
        overflow: hidden;
    }

#frmEditCompanySetting .photphoto, #usbdata .photphoto {
    height: 150px;
    margin-bottom: 10px;
}

#frmEditCompanySetting .photodata, #usbdata .photodata {
    height: 110px;
}

.cbtnleft {
    margin-right: 10px;
}

.floatright {
    float: right;
    margin-right: 30px;
}

.photochose {
    margin-top: 5px;
    display: table;
    width: 100%;
}

.divWidth-pen {
    width: 23px;
}

.positiveIndicator {
    color: #327435;
}

.negativeIndicator {
    color: #7e2217;
}

.formdecorator label {
    display: block;
}

.formdecorator {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .formdecorator li {
        clear: both;
        margin-bottom: 1em;
    }

.demo .wijmo-wijmenu {
    margin: 3px;
}

.menuBtn {
    padding: 5px;
    margin: 4px;
}

.leftfiltercontainer {
    padding-left: 10px
}

    .leftfiltercontainer label {
        font-weight: bold;
        color: black;
        text-shadow: 0 1px 0 rgba(255,255,255,0.8);
        line-height: 30px;
        height: 30px
    }

    .leftfiltercontainer .divTable-labelCell {
        margin-top: 5px;
    }

    .leftfiltercontainer .divTable-labelCell {
        margin-top: 10px;
    }

#filterTimeLogRequests .leftfiltercontainer .wijmo-wijcombobox-wrapper, #filterTimeCards .leftfiltercontainer .wijmo-wijcombobox-wrapper {
    width: 230px;
}

#DisaprroveTimecardForm > div {
    padding-top: 10px;
}

#DisaprroveTimecardForm label, #DisapproveTimesheetDialog label {
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 10px;
}

.pagination {
    border: 0;
    padding: 0;
    font-size: 10px;
    text-align: center;
    height: 40px;
}

    .pagination a {
        border: 0px;
        display: inline-block;
        margin-right: 0px;
        padding: 3px 2px;
        min-width: 10px
    }

    .pagination .previous-off, .pagination .next-off {
        color: #888888;
        display: inline-block;
        font-weight: normal;
        padding: 3px 2px;
        font-size: 13px;
        min-width: 10px
    }

    .pagination a.next, .pagination a.previous {
        font-weight: bold;
        color: #000000;
        font-size: 13px;
    }

    .pagination .active {
        color: #000000;
        font-weight: bold;
        padding: 3px 2px;
        min-width: 10px
    }

#pagerUserFilter {
    height: 42px;
}

.barshift {
    height: 30px;
    width: 530px;
    margin-bottom: 15px;
    clear: both;
}

.bartext {
    clear: both;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    height: 15px;
    line-height: 15px;
}

.barshiftdata {
    font-weight: bold;
    height: 2em;
    line-height: 2em;
    float: left;
    text-align: center;
    vertical-align: central;
}

.barshiftblue {
    background-color: #6db3e1;
    background-image: linear-gradient(to bottom,#6db3e1 0,#bde0f8 100%);
}

.barshiftcornerleft {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.barshiftcornerrigth {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.barshiftred {
    background-color: #faacac;
    background-image: linear-gradient(to bottom,#f75555 0,#faacac 100%);
}

#biometricdatamenu {
    margin-bottom: 10px;
}

    #biometricdatamenu nav {
        height: 30px
    }

        #biometricdatamenu nav li {
            height: 29px;
            line-height: 29px;
            margin-left: 2px;
            margin-right: 0px
        }

        #biometricdatamenu nav li {
        }

            #biometricdatamenu nav li a {
                height: 12px;
                line-height: 12px;
            }

#page-body .ui-state-disabled {
    opacity: .50;
    filter: Alpha(Opacity=50)
}

#page-body .wijmo-wijinput-spinup,
#page-body .wijmo-wijinput-spindown {
    height: 44%;
}

#page-body .ui-button,
#page-body .wijmo-wijinput-spinup,
#page-body .wijmo-wijinput-spindown,
#page-body .wijmo-wijradio-box.ui-state-disabled,
#page-body .wijmo-checkbox-box.ui-state-disabled {
    border: 1px solid #a8a8a8;
    background: rgb(243,243,243); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(243,243,243,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
    font-weight: bold;
    color: #4f4f4f;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
}

.dropdown-menu {
    position: absolute;
    z-index: 150;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    font-size: 13px;
}

    .dropdown-menu label {
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: black;
        display: block;
        line-height: 25px;
    }

    .dropdown-menu textarea, .dropdown-menu p {
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
    }

.open > .dropdown-menu {
    display: block;
}

img.timesheetnote {
    float: right;
    cursor: pointer;
    margin-top: 3px;
    margin-right: 3px
}

#creditCardForm .row {
    margin-top: 5px;
    width: 400px
}

#creditCardForm label {
    line-height: 20px
}

#creditCardForm h3 {
    padding-top: 10px;
    padding-bottom: 5px
}

    #creditCardForm h3.credittitle {
        padding-top: 35px;
        float: left;
    }

#creditCardForm .row .field {
    display: table-cell;
    position: relative;
    padding-left: 10px;
}

#creditCardForm .row .first.field {
    padding-left: 0px;
}

#creditCardForm .field .input-area {
    display: block;
}

#creditCardForm .mediumSizeInput {
    width: 200px
}

#creditCardForm .largeSizeInput {
    width: 423px
}

#creditCardForm .shortSizeInput {
    width: 48px
}

#creditCardForm .quarterSizeInput {
    width: 255px
}

#creditCardForm .sSizeInput {
    width: 142px
}

#creditCardForm .buttons {
    text-align: right;
    padding: 10px;
    padding-bottom: 0px;
}

#creditCardForm .roundGradientPanel {
    width: 453px;
    border: 0px;
    color: #5F5D5D;
    /* font-size: 16px; */
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
    background: -moz-linear-gradient(top, rgba(226,226,226,0) 0%, rgba(198,198,198,0.65) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,0)), color-stop(100%,rgba(198,198,198,0.65)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,0) 0%,rgba(198,198,198,0.65) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,0) 0%,rgba(198,198,198,0.65) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,0) 0%,rgba(198,198,198,0.65) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,0) 0%,rgba(198,198,198,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e2e2e2', endColorstr='#a6c6c6c6',GradientType=0 );
}

.AccountCards {
    padding: 20px;
    padding-bottom: 0px;
    padding-top: 10px;
    width: 60%;
}

.creditcardoptions {
    height: 30px;
    margin-top: 5px
}

.AccountTransactions {
    padding-left: 20px;
    padding-right: 20px;
    width: 60%;
    float: left
}

.AccountBalance {
    width: 35%;
    float: right;
    margin-top: 30px
}

.CardList {
    overflow: auto;
    overflow-x: hidden;
    height: 108px
}

.UsedForReccurent {
    padding-left: 80px;
    padding-top: 5px
}

#btnMakePayment {
    height: 40px;
    width: 240px;
    font-size: 15px;
}

#btnPay {
    height: 30px;
    width: 80px
}

div.flash-message a {
    font-style: italic;
    text-decoration: underline;
}

div.flash-message-release-note a {
    font-style: normal;
    text-decoration: none;
}

#paymentConfirmDialog input {
    height: 30px;
    width: 80px
}

#paymentConfirmDialog div.icon {
    float: left;
}

#paymentConfirmDialog div.title {
    float: left;
    margin: 10px;
    margin-top: 13px;
    font-size: 18px;
    font-weight: bold;
}

#paymentConfirmDialog div.msg {
    clear: both;
    text-align: center;
    font-size: 16px;
    padding: 10px;
}

#paymentConfirmDialog div.btns {
    clear: both;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
}

#containerFilterReleaseNotes {
    margin-top: 25px;
    padding: 0 15px 0 0;
    width: 25%
}

#data_ReleaseNotesForm {
    height: 624px;
    padding: 15px;
    overflow: auto;
}

div.releasenotes_details h1 {
    font-size: 20px;
    line-height: 20px
}

div.releasenotes_details h2 {
    font-style: italic;
    font-size: 15px
}

div.releasenotes_details p {
    line-height: 20px;
    font-size: 13px
}

.emailconig-ssl {
    float: left;
    color: #666;
    text-indent: 25px;
    padding-top: 27px;
    line-height: 53px;
    height: 53px;
}

.salaryrule_warning {
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #999;
    font-family: Arial;
    font-size: 12px;
    width: 815px;
    margin-top: 12px;
}

    .salaryrule_warning p {
        font-weight: bold;
        font-size: 12px;
        line-height: 18px
    }

.message_import {
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Arial;
    font-size: 10px;
    width: 815px;
    margin-top: 12px;
}

.colombia_timecardfilter {
    padding: 0 15px 0 0;
    width: 264px;
}

.colombia_timecardContainer {
    width: auto;
    overflow: hidden;
    height: 750px
}

.colombia_timecardData {
    margin-top: 25px;
    width: 99%;
    min-width: 861px;
}

.colombia_timecardList {
    height: 723px;
    overflow-x: auto;
    overflow-y: hidden;
}

.colombia_totaltimecard {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 98%
}

.width3px {
    width: 3px
}

.width10px {
    width: 10px
}

.width20px {
    width: 20px
}

.width22px {
    width: 22px
}

.width25px {
    width: 25px
}

.width32px {
    width: 32px
}

.width35px {
    width: 35px
}

.width37px {
    width: 37px
}

.width40px {
    width: 40px
}

.width42px {
    width: 42px
}

.width43px {
    width: 43px
}

.width47px {
    width: 47px
}

.width52px {
    width: 52px
}

.width54px {
    width: 54px
}

.width57px {
    width: 57px
}

.width60px {
    width: 60px
}

.width65px {
    width: 65px
}

.width69px {
    width: 69px
}

.width87px {
    width: 87px
}

.width82px {
    width: 82px
}

.width86px {
    width: 86px
}

.width88px {
    width: 88px
}

.width92px {
    width: 92px
}

.width98px {
    width: 98px
}

.width100px {
    width: 100px
}

.width103px {
    width: 103px
}

.width105px {
    width: 105px
}

.width106px {
    width: 106px
}

.width129px {
    width: 129px
}

.width118px {
    width: 118px
}

.width280px {
    width: 280px
}

.width350px {
    width: 350px
}

.row-bold {
    font-weight: bold;
}

.dooraccessschedules {
    width: 430px;
    margin-top: 15px;
    margin-left: 20px;
}

.dooraccessschedules_container {
    height: 550px;
    margin-bottom: 15px;
    line-height: 20px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.select_contacts {
    float: left;
    text-align: right;
    margin-top: 40px;
    width: 260px
}

.uploaddata {
    height: 31px;
    width: 220px;
    line-height: 20px;
    padding-left: 5px
}

.message_container {
    width: 100%;
    background-color: #d5d5d5;
    border-bottom: 2px solid #bbb;
    height: 35px
}

.message_nav {
    float: right;
    margin-top: 5px;
    margin-right: 10px;
    height: 30px
}

.message_refresh {
    float: right;
    margin-right: 5px
}

.message_pager {
    float: right;
    margin-right: 10px
}

.btn_compose {
    margin-top: 5px;
    margin-left: 5px;
    width: 160px;
    padding: 4px;
    font-weight: bold
}

.message_table {
    margin-top: 25px;
    width: 83%;
}

.message_filter {
    margin-top: 25px;
    padding: 0 15px 0 0;
    width: 15%;
}

.message_header {
    width: 100%;
    background-color: #d5d5d5;
    border-bottom: 2px solid #bbb;
    height: 35px;
}

.message_buttons {
    float: right;
    margin-right: 5px;
}

.message_contacts {
    border-bottom: 1px solid #ddd;
    min-height: 37px;
    max-height: 75px;
    overflow: auto
}

.message_choosecontacts {
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    padding-top: 5px;
    margin: 2px;
    font-weight: bold;
    border-right: 1px solid;
    cursor: pointer
}

    .message_choosecontacts img {
        margin: 3px;
    }

.message_to {
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    padding-top: 5px;
    margin: 2px;
    font-weight: bold;
}

.message_contact {
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    border-radius: 5px;
    padding: 2px 5px 2px 5px;
    border: 1px dashed;
    margin: 5px;
    font-weight: bold;
}

.message_editsubject {
    width: 880px;
    border: 0px
}

.message_compose_body {
    height: 300px;
    overflow: auto;
    padding: 5px;
    line-height: normal;
}

    .message_compose_body textarea {
        width: 930px;
        height: 280px;
        border: 0px;
    }

.message_read_body {
    height: 390px;
    overflow: auto;
    padding: 5px;
    padding-top: 15px;
    line-height: normal;
}

    .message_read_body pre {
        font-family: Arial;
        font-size: 12px;
    }

.message_attachments {
    height: 75px;
    overflow: auto;
}

.message_attachment {
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 2px 5px 2px 5px;
    border-radius: 5px;
    border: 1px dashed;
    margin: 5px;
    font-weight: bold;
}

.message_del_attch {
    float: left;
    cursor: pointer;
}

    .message_del_attch img {
        margin-left: 5px;
        margin-top: 4px;
        width: 12px;
        height: 12px;
    }

.timegroup, .accesstime {
    float: left;
    color: #666;
    text-align: center;
    line-height: 25px;
    border-left: 1px solid #ddd;
}

    .timegroup input, .accesstime input {
        border: 0px;
        width: 32px;
        margin-top: 3px;
        text-align: center;
    }

.timegroup_container, .passtime_container, .holidays_container, .accesstime_container {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    line-height: 20px;
    border: 1px solid #CCC;
    margin-right: 5px;
}

    .timegroup_container div.divTable-bodyleft {
        width: 530px;
        min-width: 530px;
    }

    .passtime_container div.divTable-bodyleft {
        width: 210px;
        min-width: 210px;
    }

    .holidays_container div.divTable-bodyleft {
        width: 360px;
        min-width: 360px;
    }

    .accesstime_container div.divTable-bodyleft {
        width: 380px;
        min-width: 380px;
    }

    .timegroup_container div.divTable-row {
        height: 25px;
        line-height: 20px;
    }

    .passtime_container div.divTable-row, .holidays_container div.divTable-row, .accesstime_container div.divTable-row {
        height: 35px;
        line-height: 35px;
    }

.passtime {
    float: left;
    color: #666;
    line-height: 25px;
    border-left: 1px solid #ddd;
}

    .passtime input {
        border: 0px;
        width: 65px;
        margin-top: 3px;
    }

.holidaydata {
    float: left;
    color: #666;
    line-height: 35px;
}

    .holidaydata input {
        border: 0px;
        width: 45px;
        margin-top: 3px;
        text-align: center;
    }

input.holidayname {
    width: 170px;
    text-align: left;
}

.holidays_container .numberrow {
    line-height: 35px;
}

.holidays_container .divTable-bodyleft {
    border: none;
}

.divTable-altRow input {
    background-color: #f0f0f0;
}

.datascroll {
    overflow-y: visible;
    overflow-x: hidden;
    height: 208px
}

.datascrollFullSize {
    overflow-y: visible;
    overflow-x: hidden;
    height: 560px
}

.numberrow {
    float: left;
    color: #666;
    line-height: 25px;
    text-indent: 12px;
}

.doorsetting_commands, .doorinfo {
    margin-left: 20px;
    margin-top: 15px;
    width: 800px;
    line-height: 15px;
    border: 1px solid #CCC;
}

    .doorsetting_commands label, .doorinfo label {
        margin-right: 20px;
    }

    .doorsetting_commands div {
        margin-top: 10px;
    }

.doorbtnsave {
    width: 93%;
    text-align: right
}

.holidays_options {
    width: 34%;
    text-align: right;
}

.realtime_options {
    height: 25px;
    width: 100%;
}

    .realtime_options > div {
        float: left;
        width: 300px;
    }

.realtime_option {
    float: left;
    padding: 2px;
    margin-top: 5px;
    margin-left: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .realtime_option input {
        cursor: pointer;
    }

.divTable-realTimeBox {
    clear: both;
    width: 48%;
    padding-left: 10px;
    float: left;
    line-height: 35px;
    color: #666;
    height: 639px;
    overflow-y: scroll;
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    padding-top: 10px;
    margin-right: 10px;
}

.divTable-cellbox {
    margin-bottom: 10px;
    margin-right: 10px;
    float: left;
    line-height: 20px;
    color: #666;
    height: 97px;
    width: 255px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .divTable-cellbox img {
        width: 72px;
        height: 74px
    }

.divTable-Celltxt {
    padding-left: 10px;
    float: left;
    line-height: 20px;
    width: 165px
}

.lablecontent {
    height: 80px;
    padding-top: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
}

.divTable-labelCellWhite {
    padding-left: 5px;
    float: left;
    line-height: 35px;
    color: #fff;
    font-weight: bold;
}

.bg_green {
    background-color: #5BA800;
}

.bg_red {
    background-color: #DA2E2E;
}

.bg_yellow {
    background-color: #D9CB06;
}

.bg_gray {
    background-color: #f1f1f1;
    background-image: linear-gradient(to bottom,#f1f1f1 0,#d7d7d7 100%);
}

.access-admin-log {
    height: 612px;
    overflow-y: auto;
    overflow-x: hidden
}

.access_door_reportfilter, .summary_departments_reportfilter {
    margin-top: 2px;
    clear: both;
    margin-left: 10px;
    margin-bottom: 0px !important;
    width: 262px;
}

#auth_menu_container, #door_menu_container, #act_menu_container, #summary_departments_container, #pay_periods_summary_container {
    float: left;
    margin-right: 10px;
    margin: 0;
    padding: 6px;
}

    #auth_menu_container div.wijmo-wijmenu, #door_menu_container div.wijmo-wijmenu, #act_menu_container div.wijmo-wijmenu, #summary_departments_container div.wijmo-wijmenu, #pay_periods_summary_container div.wijmo-wijmenu {
        padding: 0px;
        font-size: 12px;
        width: 114px;
        height: 23px;
    }

    #auth_menu_container .wijmo-wijmenu-link, #door_menu_container .wijmo-wijmenu-link, #act_menu_container .wijmo-wijmenu-link, #summary_departments_container .wijmo-wijmenu-link, #pay_periods_summary_container .wijmo-wijmenu-link {
        padding: 2px;
        width: 108px;
    }

    #auth_menu_container .wijmo-wijmenu-text, #door_menu_container .wijmo-wijmenu-text, #act_menu_container .wijmo-wijmenu-text, #summary_departments_container .wijmo-wijmenu-text, #pay_periods_summary_container .wijmo-wijmenu-text {
        width: 92px;
    }

#filter_auth_item > ul, #filter_door_item > ul, #filter_act_item > ul, #filter_dep_item > ul, #filter_pps_item > ul {
    width: 182px;
}

#filter_auth_item span.dataitem, #filter_auth_item a.dataitem, #filter_door_item span.dataitem, #filter_door_item a.dataitem, #filter_act_item span.dataitem, #filter_act_item a.dataitem, #filter_dep_item span.dataitem, #filter_dep_item a.dataitem, #filter_pps_item span.dataitem, #filter_pps_item a.dataitem {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 175px;
    cursor: default;
}

#door_menu_container.timeclock_filter {
    height: 59px;
}

#note-button {
    float: right;
    padding-right: 3px;
    cursor: pointer;
}

#noteReportDialog label {
    font-weight: bold;
    padding-bottom: 2px;
}

#Invalidate-menu-Item {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 202px;
}

    #Invalidate-menu-Item div.wijmo-wijtree {
        width: 200px;
    }

#tree-wrapper li.wijmo-wijtree-item {
    margin: 0 0 0 -7px;
}

.note-indicator {
    background: url(../images/note10px.png) no-repeat left top;
    width: 10px;
    height: 10px;
    margin-top: -14px;
    margin-right: 16px;
    float: right;
    cursor: pointer;
}

    .note-indicator.user-note {
        background: url(../images/note10pxuser.png) no-repeat left top;
    }

#frmEditCompanySetting .timecard-status-wrapper {
    margin-top: 13px;
    line-height: 30px;
    height: 30px;
}

#frmEditCompanySetting .divTable-row-salarynobot {
    padding-top: 32px
}

#frmEditCompanySetting .company-alias-wrapper {
    line-height: 30px;
    margin-top: 25px;
    height: 30px;
}

#jobs-tree-wrapper.job-report-filter .wijmo-wijtree {
    width: 250px;
    height: 633px;
    margin: 5px;
}

.timecard_status_indicator {
    width: 16px;
    height: 20px;
    display: inline-block;
    margin-top: 6px;
}

.breakcolumn {
    float: left;
}

.breakpaidcolumn {
    float: left;
    padding-top: 13px;
}

.breakbox {
    border: 1px solid #a8a8a8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    width: 360px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 35px
}

#salaryRulesWizard .breakbox {
    width: 365px;
}

.breakbox div.wijmo-checkbox {
    float: left;
}

.breakbox > div {
    clear: left;
}

.fullscreen-timecard-userfilter {
    width: 263px;
}

.fullscreen-timecard-content {
    width: 83%;
    margin-left: 20px;
}

.timecard-total-bar {
    margin-top: 0px;
    width: 98%;
}

.payratebox {
    border: 1px solid #a8a8a8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    width: 350px;
    float: left;
    margin-right: 5px;
    margin-left: 7px;
    margin-bottom: 10px;
    line-height: 35px
}

    .payratebox > div {
        clear: left;
    }

.dynamic_cl_active {
    background-color: #6db3e1;
}

/*--------Media Queries -------------------*/
@media only screen and (max-width : 1024px) {
    .timecard-wrapper {
        min-width: 1024px;
    }

    .fullscreen-timecard-content {
        min-width: 650px;
        width: 650px;
    }
}

@media only screen and (max-width : 1280px) and (min-width: 1024px) {
    .timecard-wrapper {
        min-width: 1165px;
    }

    .fullscreen-timecard-content {
        min-width: 870px;
        width: 870px;
    }
}

@media only screen and (max-width : 1370px) and (min-width: 1280px) {
    .timecard-wrapper {
        min-width: 1237px;
    }

    .fullscreen-timecard-content {
        min-width: 944px;
        width: 944px;
    }
}

@media only screen and (max-width : 1450px) and (min-width: 1370px) {
    .timecard-wrapper {
        min-width: 1340px;
    }

    .fullscreen-timecard-content {
        min-width: 1030px;
        width: 1030px;
    }
}

@media only screen and (max-width : 1600px) and (min-width: 1450px) {
    .timecard-wrapper {
        min-width: 1484px;
    }

    .fullscreen-timecard-content {
        min-width: 1170px;
        width: 1170px;
    }
}

@media only screen and (max-width : 1681px) and (min-width: 1600px) {
    .timecard-wrapper {
        min-width: 1561px;
    }

    .fullscreen-timecard-content {
        min-width: 1261px;
        width: 1261px;
    }
}

@media only screen and (max-width : 1920px) and (min-width: 1681px) {
    .timecard-wrapper {
        min-width: 1784px;
    }

    .fullscreen-timecard-content {
        min-width: 1484px;
        width: 1484px;
    }
}

/* ------------------------------------ */
.inner-div-menudates {
    margin: 0 auto;
    display: table;
    margin-bottom: 10px;
}

#bulk-edit-timecard-rows-container {
    height: 577px;
    max-height: 577px;
    overflow-y: auto;
}

.rigthFloatingItem {
    float: right;
    margin-right: 30px;
}

.clockin-tree-container {
    height: 90px;
    width: 260px;
    padding: 0px;
    overflow-x: hidden;
}

    .clockin-tree-container .wijmo-wijtree .wijmo-wijtree-child {
        margin-left: 7px;
    }

    .clockin-tree-container div.wijmo-wijtree {
        width: 100%;
        height: 100%;
        border: 0px;
    }

    .clockin-tree-container a span {
        color: #666;
        font-size: 14px;
    }

.access-level-tree-container {
    height: 172px;
    width: 253px;
    padding: 0px;
    overflow-x: hidden;
    margin-left: 0;
}

    .access-level-tree-container .wijmo-wijtree .wijmo-wijtree-child {
        margin-left: 7px;
    }

    .access-level-tree-container div.wijmo-wijtree {
        width: 100%;
        height: 100%;
        border: 0px;
    }

    .access-level-tree-container a span {
        color: #666;
        font-size: 14px;
    }

.admin-tree-grandpa .access-level-tree-container {
    height: 143px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.dialogWarning-middel-side {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    margin-right: 10px;
}

#addPunchDialog .note {
    margin-left: 30px;
    width: 225px;
    resize: none;
}

/*------------*/
.field-edited {
    color: red;
}

.customFielPer ul li ul {
    width: 100% !important;
}

    .customFielPer ul li ul span {
        width: 96% !important;
    }

.custom_field_numeric {
    float: right !important;
}

#filter_custom_field {
    width: 100%;
}

#body_bulk_disapproval_table {
    overflow-y: auto;
    height: 190px;
}

#bulk_disapproval_table .divTable-body {
    height: 249px;
}

#bulk_approval_dialog_notification label, #period_content label, .titleTrees {
    line-height: 19px;
}

#labeles {
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 4px;
}

#foot_btn_run {
    text-align: right;
    margin-right: 13px;
    margin-top: 6px;
}

#foot_btn_run2 {
    text-align: right;
    margin-top: 35px;
}

#period_content div {
    display: inline-block;
    width: 184px;
}

#period_content {
    width: 575px;
    margin-top: 11px;
    margin-left: 5px;
}

.locationtree {
    width: 300px;
    margin-left: 5px;
}

#period_content input {
    margin-top: 2px;
    width: 153px;
}

#bulk_acces_level {
    display: inline-block;
    height: 340px;
}

    #bulk_acces_level .access-level-tree-container {
        height: 296px;
        border: 1px solid #a8a8a8;
    }

    #bulk_acces_level .locationtree {
        width: 247px;
        margin-right: 50px;
    }

    #bulk_acces_level div {
        display: inline-block;
    }

    #bulk_acces_level #departments-tree, #bulk_acces_level #locations-tree {
        width: 94%;
        height: 296px;
    }

#bulk_approval_dialog {
    padding-left: 17px;
    height: 444px;
}

#wait_for_buk_approval {
    text-align: center;
    padding-top: 38px;
    min-height: 64px !important;
}

.opt2 {
    margin-left: 4px;
}

.opt3 {
    margin-left: 8px;
}

.show_projects_job {
    margin-left: 26px;
    margin-top: 10px;
}

#notePupupDialog {
    margin-top: 11px;
    margin-bottom: -15px;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.truncate_without_cursor {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.expandText {
    cursor: pointer;
}

.display-flex {
    display: flex;
}

.date-aling {
    margin-left: 40px;
    width: 12%;
}

.field-width-date-admin {
    width: 140px;
}

.field-width-note-admin {
    width: 220px;
}

.field-width-note-user {
    width: 140px;
    margin-right: 5px;
    margin-left: 5px;
}

.field-width-date-user {
    width: 140px;
}

.field-width-note-user {
    width: 147px;
}

.multiusers.multiuser-permissions {
    border: hidden;
}
/*wizard bar*/
.steps-wizard {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
}

    .steps-wizard .ta-steps-bar {
        margin: 10px 15px;
        width: 775px;
        height: 75px;
    }

    .steps-wizard .bar-indicator {
        width: 100px;
        height: 13px;
        border-radius: 10px;
        margin: 4px;
    }

    .steps-wizard .bar {
        width: 745px;
        height: 20px;
        margin: 25px 15px;
        border-radius: 10px;
        background-color: #DADADA;
        border: 1px solid #BCBCBC;
        display: inline-block;
        position: relative;
        float: left;
    }

    .steps-wizard .bar-items {
        width: 735px;
        height: 12px;
    }

    .steps-wizard .bar-item {
        height: 35px;
        width: 35px;
        margin-top: -19px;
        margin-left: 60px;
        display: inline-block;
        float: left;
    }

    .steps-wizard .nav-bar-btn {
        height: 35px;
        width: 35px;
        font-size: 18px;
        cursor: pointer;
        z-index: 3;
        position: relative;
        background-color: #FFF;
        border-radius: 50%;
    }

        .steps-wizard .nav-bar-btn span {
            font-size: 18px;
            line-height: 35px;
            width: 35px;
            text-align: center;
            display: inline-block;
        }

    .steps-wizard .nav-step-selected.nav-bar-btn span {
        color: #FFF;
    }
    /*small bar*/
    .steps-wizard .nav-bar-btn span {
        font-size: 22px;
        line-height: 34px;
        width: 37px;
    }

    .steps-wizard .nav-bar-btn {
        height: 35px;
        width: 35px;
        border-width: 4px !important;
    }

    .steps-wizard .bar-item {
        height: 30px;
        width: 30px;
        margin-top: -17px;
        margin-left: 35px;
    }

    .steps-wizard .bar-indicator {
        height: 10px;
        border-radius: 12px;
        margin: 3px 3px;
    }

    .steps-wizard .bar {
        width: 317px;
        height: 16px;
        margin: 5px;
        float: none;
    }

    .steps-wizard .bar-items {
        width: 392px;
    }

    .steps-wizard .ta-steps-bar {
        /*margin: 15px 60px;*/
        width: 360px;
        height: 30px;
        display: inline-block;
        text-align: center;
    }
    /*end small bar*/
    /*wizard component*/
    .steps-wizard .block-title {
        height: 30px;
        line-height: 30px;
        margin: 6px 0;
        padding: 0 5px;
        background-color: rgb(102,102,102);
        color: #FFF;
        border-radius: 5px;
        text-align: left;
    }

    .steps-wizard .icon-title {
        font-size: 20px;
        display: inline-block;
        margin: 5px 5px 0 0;
    }

    .steps-wizard .block-title span {
        vertical-align: top;
    }

.stepwizard-section {
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    min-height: 465px;
    height: 485px;
    position: relative;
}
/*end wizard component*/
.steps-wizard.schedule-wizard .ta-content-section {
    height: 165px;
    width: 430px;
    margin-left: 20px;
    display: inline-block;
    text-align: left;
    padding-left: 20px;
}

.steps-wizard.schedule-wizard .btn-wrapper {
    text-align: right;
    margin-top: 10px;
    margin-left: 25px;
}

.steps-wizard.schedule-wizard {
    width: 485px;
}

.item-title, .item-data {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.item-title {
    width: 125px;
    color: #555555;
}

.item-content {
    height: 40px;
    line-height: 40px;
}

.step-2 .item-content.first {
    height: 25px;
    line-height: 23px;
}

.item-data label {
    line-height: 18px;
}

.schedule-divider {
    width: 300px;
    margin-top: -2px;
    margin-bottom: 35px;
}

.action-btns {
    float: right;
}

.wiz-nav-btns {
    float: left;
}

.newshift .wijmo-wijinput {
    width: 70px;
}

.steps-wizard.schedule-wizard .singleuser {
    margin-left: 0;
    line-height: 16px;
    width: 200px;
}

#ScheduleDialog {
    overflow: hidden !important;
}

    #ScheduleDialog .wijmo-wijcombobox-input {
        width: 190px !important;
    }

    #ScheduleDialog .newshift .wijmo-wijinput {
        width: 70px !important;
    }

    #ScheduleDialog .wijmo-wijcombobox, #ScheduleDialog .wijmo-wijcombobox-wrapper {
        width: 205px !important;
    }

    #ScheduleDialog .left {
        display: inline-block;
    }

    #ScheduleDialog #btnDeleteSchedule, #RecurrentScheduleDialog #btnRecurrentSchedule {
        margin-right: 0;
    }

#RecurrentScheduleDialog .step-1 .wijmo-wijcombobox-input {
    width: 245px !important;
}

#RecurrentScheduleDialog .step-1 .wijmo-wijcombobox, #RecurrentScheduleDialog .step-1 .wijmo-wijcombobox-wrapper {
    width: 260px !important;
}

#RecurrentScheduleDialog .step-2 .selectshift .wijmo-wijcombobox {
    width: 250px !important;
}

#RecurrentScheduleDialog .step-2 .selectshift .wijmo-wijcombobox-wrapper {
    width: 240px !important;
}

#RecurrentScheduleDialog .step-2 .selectshift .wijmo-wijcombobox-input {
    width: 215px !important;
}

#RecurrentScheduleDialog .step-2 .newshiftwrapper .wijmo-wijcombobox {
    width: 170px !important;
}

#RecurrentScheduleDialog .step-2 .newshiftwrapper .wijmo-wijcombobox-wrapper {
    width: 160px !important;
}

#RecurrentScheduleDialog .step-2 .newshiftwrapper .wijmo-wijcombobox-input {
    width: 135px !important;
}

#RecurrentScheduleDialog .step-4 .wijmo-wijcombobox {
    width: 255px !important;
}

#RecurrentScheduleDialog .step-4 .wijmo-wijcombobox-wrapper {
    width: 245px !important;
}

#RecurrentScheduleDialog .step-4 .wijmo-wijcombobox-input {
    width: 220px !important;
}

#RecurrentScheduleDialog .newshift .wijmo-wijinput {
    width: 75px !important;
}

#RecurrentScheduleDialog .wijmo-wijcombobox-trigger, #ScheduleDialog .wijmo-wijcombobox-trigger {
    right: -2px !important;
}

#RecurrentScheduleDialog .steps-wizard.schedule-wizard .ta-content-section {
    height: 300px;
}

#frmRecurrentSchedule .weekly, #frmRecurrentSchedule .monthly {
    height: 115px;
}

#RecurrentScheduleDialog .newshift .wijmo-wijinput {
    width: 75px !important;
}

.filter_timeclock_locations_fixed {
    max-height: 200px !important;
}

#frmEditPaySetting .divTable-row-salary2padnobot.border-bottom {
    border-bottom: 1px solid #ddd;
    margin-bottom: 19px;
}

.custom-confirmation-dialog .block-title {
    height: 30px;
    line-height: 30px;
    margin: 5px 0;
    padding: 0 5px;
    background-color: rgb(102,102,102);
    color: #FFF;
    border-radius: 5px;
}

.custom-confirmation-dialog .icon, .steps-wizard .icon-title {
    font-size: 20px;
    display: inline-block;
    margin: 5px 5px 0 0;
}

.custom-confirmation-dialog .block-title span, .steps-wizard .block-title span {
    vertical-align: top;
}

.custom-confirmation-dialog .os-block {
    margin-top: 10px;
}

#ApproveTimecardConfirmationDialog .divTable-body {
    min-width: 560px;
}
/*custom slide radio button*/
.nav-menu .panel-options-switch {
    display: inline-block !important;
    margin-top: 0;
    margin-right: 0;
}

.nav-menu .toggle_radio {
    background-color: #B8B4B4;
}

.switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 40px;
    line-height: 26px;
    font-size: 11px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

    .switch-label:active {
        font-weight: bold;
    }

.switch-label-off {
    padding-left: 2px;
}

.switch-label-on {
    padding-right: 2px;
}

.switch-label .icon {
    color: #FFF;
    font-size: 16px;
    line-height: 26px;
    text-shadow: none;
}

.panel-options-switch {
    display: none !important;
    margin-top: 4px;
    margin-right: 5px;
    float: right;
}

.toggle_radio {
    position: relative;
    background: rgba(255,255,255,.1);
    overflow: hidden;
    padding: 0 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    height: 26px;
    width: 101px;
}

    .toggle_radio.toogle4 {
        width: 135px;
    }

    .toggle_radio > * {
        float: left;
    }

    .toggle_radio input[type=radio] {
        display: none;
    }

    .toggle_radio label {
        color: rgba(255,255,255,.9);
        z-index: 0;
        display: block;
        width: 30px;
        height: 20px;
        margin-left: 3px;
        cursor: pointer;
        z-index: 1;
        text-align: center;
    }

.toggle_option_slider {
    width: 35px;
    height: 26px;
    position: absolute;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    background-color: #057AF1;
}
/*end custom slide radio button*/
/*override area*/
#threemonths_toggle:checked ~ .toggle_option_slider {
    left: 0px;
}

#sixmonths_toggle:checked ~ .toggle_option_slider {
    left: 34px;
}

#oneyear_tggle:checked ~ .toggle_option_slider {
    left: 66px;
}

#all_toggle:checked ~ .toggle_option_slider {
    left: 0px;
}

#active_toggle:checked ~ .toggle_option_slider {
    left: 34px;
}

#inactive_toggle:checked ~ .toggle_option_slider {
    left: 66px;
}

#regular_toggle:checked ~ .toggle_option_slider {
    left: 0px;
}

#absence_toggle:checked ~ .toggle_option_slider {
    left: 34px;
}

#both_toggle:checked ~ .toggle_option_slider {
    left: 66px;
}

#fixed_toggle:checked ~ .toggle_option_slider {
    left: 100px;
}

#overtime_toggle:checked ~ .toggle_option_slider {
    left: 34px;
}

#doubletime_toggle:checked ~ .toggle_option_slider {
    left: 66px;
}

#bh_regular_toggle:checked ~ .toggle_option_slider {
    left: 0px;
}

#bh_overtime_toggle:checked ~ .toggle_option_slider {
    left: 34px;
}

#bh_doubletime_toggle:checked ~ .toggle_option_slider {
    left: 66px;
}

#mobile-require-picture-0:checked ~ .toggle_option_slider {
    left: 0px;
}

#mobile-require-picture-1:checked ~ .toggle_option_slider {
    left: 34px;
}

#mobile-require-picture-2:checked ~ .toggle_option_slider {
    left: 66px;
}

#use-mobile-time-to-punch-0:checked ~ .toggle_option_slider {
    left: 0px;
}

#use-mobile-time-to-punch-1:checked ~ .toggle_option_slider {
    left: 34px;
}

#use-mobile-time-to-punch-2:checked ~ .toggle_option_slider {
    left: 66px;
}
/*End override area*/


#containerFilterProject .nav-menu, #containerFilterJobCode .nav-menu {
    margin: 4px 0;
}

#containerFilterProject {
    text-shadow: none;
}

#AbsenceTypeDialog .left label {
    vertical-align: top;
    padding-left: 20px;
}

#AbsenceTypeDialog .left {
    width: 50px;
    display: inline-block;
}

#AbsenceTypeDialog .left-large {
    width: 80px;
    display: inline-block;
}

#MultiPayRatesDialog .payratebox {
    width: 372px;
    padding-left: 25px;
}

#MultiPayRatesDialog {
    padding-top: 30px;
}

#AddTimeLogRequest .multiusers, #AddTimeDialog .multiusers {
    width: 205px;
    margin-left: 55px;
}

#AddTimeLogRequest #Note, #AddTimeDialog #Note, #frmAddSpecialJob #SpecialJob_Note {
    resize: none;
    width: 202px;
    height: 55px;
    margin-left: 77px;
}

#frmAddTimeLogRequest .divTable-row-users, #frmAddTimeLogRequest .divTable-row-timeemptyline,
#frmAddTime .divTable-row-users, #frmAddTime .divTable-row-timeemptyline {
    border-bottom: none;
}

#frmAddTimeLogRequest .margin-left-parent, #frmAddTime .margin-left-parent {
    margin-left: 31px;
}

#frmAddTimeLogRequest .margin-left-son, #frmAddTime .margin-left-son {
    margin-left: 25px;
}

#note-devices-no-Suported {
    background-color: cadetblue;
    height: 30px;
    text-align: center;
    margin-top: 5px;
}

#frmEditRestrictPunch .check-wrapper {
    margin-top: 4px;
    display: inline-block;
    vertical-align: top;
}

#frmEditRestrictPunch .margin-right {
    margin-left: 51px;
    margin-right: 20px;
}

#frmEditRestrictPunch .margin-right-2 {
    margin-left: 55px;
}

#frmEditRestrictPunch .margin-right-3 {
    margin-left: 15px;
}

#frmEditRestrictPunch .label-size {
    width: 40px;
    margin-right: 5px;
}

.restrict-punch-container .flash-message, #message-device .flash-message {
    margin-bottom: 0px;
    margin-top: 5px;
    min-height: 32px;
}

#frmAddSpecialJob #SpecialJob_addtimedata .wijmo-wijcombobox-wrapper {
    width: 180px;
}

#AddSpecialJobDialog .multiusers {
    margin-left: 51px;
    width: 216px;
}

#frmAddSpecialJob #SpecialJob_Note {
    margin-left: 40px;
}

.icon_hand {
    cursor: pointer;
}

#timepopup #special_job_combobox, #timepopup #breaks_combobox {
    height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
}

#popup-disapproved-note .dropdown-menu {
    text-align: left;
    margin: -118px -140px 0;
}

#popup-disapproved-note .notetimesheetentry {
    width: 60px;
    margin-top: 6px;
}

#quickbook_section #acordion_period div.filterlogs {
    width: 315px;
}

#quickbook_section #vsplitter {
    height: 700px;
}

#acordion_users > div:first-of-type {
    width: 300px !important;
}

#quickbook_section #quickbooks_button_bar {
    line-height: 18px;
    border-bottom: 1px solid #999;
    border-bottom: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    height: 38px;
}

#quickbook_section #btnPreview, #quickbook_section #btnExport {
    position: inherit;
    margin-top: 5px;
}

#aca-wrapper {
    height: 570px;
}

    #aca-wrapper, #aca-wrapper .ui-widget-header {
        border: none !important;
    }

.periods-wrapper {
    margin-top: -12px;
}

    .periods-wrapper .period {
        width: 240px;
        height: 165px;
        margin: 15px;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        text-align: center;
        vertical-align: top;
    }

        .periods-wrapper .period .wijmo-wijinput {
            width: 95px !important;
        }

        .periods-wrapper .period .dates-selector {
            margin-top: -25px;
        }

        .periods-wrapper .period .date-row {
            width: 240px;
            line-height: 25px;
        }

        .periods-wrapper .period .dates-title {
            width: 80px;
        }

        .periods-wrapper .period .il-block {
            display: inline-block;
            color: #FFF;
        }

    .periods-wrapper .period-title {
        text-transform: uppercase;
        color: #FFF;
        font-size: 15px;
        position: absolute;
        bottom: 0;
        left: 0%;
        right: 50px;
        width: 240px;
    }

    .periods-wrapper .period-months {
        font-size: 55px;
        line-height: 105px;
        color: #FFF;
        display: inline-block;
    }

    .periods-wrapper .m-period {
        background-color: #FF902C;
    }

    .periods-wrapper .a-period {
        background-color: #36BC9B;
    }

    .periods-wrapper .s-period {
        background-color: #5D9CEC;
    }

.graphic-wrapper {
    width: 815px;
    margin-left: 14px;
}

    .graphic-wrapper .graphic-period {
        display: inline-block;
        height: 95px;
        margin-right: -3px;
        border: 1px solid #FFF;
        vertical-align: top;
        text-align: center;
        -webkit-transition: width 300ms ease-in-out, height 300ms ease-in-out;
        -moz-transition: width 300ms ease-in-out, height 300ms ease-in-out;
        -o-transition: width 300ms ease-in-out, height 300ms ease-in-out;
        transition: width 300ms ease-in-out, height 300ms ease-in-out;
    }

        .graphic-wrapper .graphic-period span {
            line-height: 18px;
            margin-top: 20px;
            display: inline-block;
            color: #FFF;
            text-align: center;
        }

#btn-save-ongoing {
    float: right;
    top: 10px;
    right: 16px;
    width: 55px;
}

#aca-wrapper .tab {
    border: 1px solid #aaa;
    border-width: 1px 1px 0 1px;
    margin: 0;
    float: left;
    margin-right: 2px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #eee;
}

    #aca-wrapper .tab:hover {
        background: #E1E1E1;
    }

    #aca-wrapper .tab.ui-state-active {
        background: #7e7e7e;
        border-color: #3c3c3c;
        color: #FFFFFF;
        font-weight: normal;
    }

        #aca-wrapper .tab.ui-state-active:hover {
            background: #7e7e7e;
        }

    #aca-wrapper .tab a {
        text-shadow: none;
    }

.panel-overlay {
    width: 100%;
    height: 100%;
    background-color: #666;
    position: absolute;
    z-index: 1000;
    opacity: 0.5;
}
/*QTIP CUSTOM USER RATE*/

#tip-rate-container .tooltip-item-btn h2, #data_UserAdminForm .tooltip-item-btn h2, #data_CompanySettingForm .tooltip-item-btn h2 {
    font-size: 15px;
}

#tip-rate-container .tooltip-item-btn span, #data_UserAdminForm .tooltip-item-btn span, #data_CompanySettingForm .tooltip-item-btn span {
    font-size: 14px;
}

    #tip-rate-container .tooltip-item-btn span.tip-legend, #data_UserAdminForm .tooltip-item-btn span.tip-legend, #data_CompanySettingForm .tooltip-item-btn span.tip-legend {
        font-size: 10px;
    }

#tip-rate-container .tooltip-item-btn, #data_UserAdminForm .tooltip-item-btn, #data_CompanySettingForm .tooltip-item-btn {
    width: 205px;
    height: 150px;
    color: #FFF;
}

#tip-rate-container .tooltip-item-cat-btn, #data_UserAdminForm .tooltip-item-cat-btn, #data_CompanySettingForm .tooltip-item-cat-btn {
    width: 205px;
    height: 50px;
    color: #FFF;
}

#tip-rate-container .qtip-custom-class, #data_UserAdminForm .qtip-custom-class, #data_CompanySettingForm .qtip-custom-class {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #808080;
    padding: 6px 0;
    border: 1px solid #282828;
    color: #FFF;
    font-size: 12px;
    line-height: 17px;
    padding: 10px;
    text-align: justify;
}

#tip-rate-container .qtip-custom-class .qtip-close, #data_UserAdminForm .qtip-custom-class .qtip-close, #data_CompanySettingForm .qtip-custom-class .qtip-close {
    left: auto;
    right: 4px;
    top: 4px;
}

#tip-rate-container .qtip-custom-class .qtip-close:hover, #data_UserAdminForm .qtip-custom-class .qtip-close:hover, #data_CompanySettingForm .qtip-custom-class .qtip-close:hover {
    text-decoration: none;
}

#tip-rate-container .qtip-custom-class .qtip-close .ui-icon-close, #data_UserAdminForm .qtip-custom-class .qtip-close .ui-icon-close, #data_CompanySettingForm .qtip-custom-class .qtip-close .ui-icon-close {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    color: #c2c2c2;
    font-size: 12px;
    font-family: leap;
}

#tip-rate-container .qtip-custom-class .qtip-close .ui-icon-close:hover, #data_UserAdminForm .qtip-custom-class .qtip-close .ui-icon-close:hover, #data_CompanySettingForm .qtip-custom-class .qtip-close .ui-icon-close:hover {
    color: #fff;
}

#tip-rate-container .qtip-custom-class .qtip-close .ui-icon-close:before, #data_UserAdminForm .qtip-custom-class .qtip-close .ui-icon-close:before, #data_CompanySettingForm .qtip-custom-class .qtip-close .ui-icon-close:before {
    content: "\e042";
}

#tip-rate-container .qtip-custom-class h2, #data_UserAdminForm .qtip-custom-class h2, #data_CompanySettingForm .qtip-custom-class h2 {
    line-height: 18px;
}

#tip-rate-container .qtip-custom-class p, #data_UserAdminForm .qtip-custom-class p, #data_CompanySettingForm .qtip-custom-class p {
    font-family: Arial;
    font-size: 15px;
    line-height: 18px;
}

#tip-rate-container .qtip-custom-class ul, #data_UserAdminForm .qtip-custom-class ul, #data_CompanySettingForm .qtip-custom-class ul {
    list-style-image: none;
    margin-left: 52px;
}

#tip-rate-container .qtip-custom-class li, #data_UserAdminForm .qtip-custom-class li, #data_CompanySettingForm .qtip-custom-class li {
    margin: 15px 0;
    padding-left: 32px;
    background: url(images/icon-list-arrow-small.png) no-repeat;
}

#tip-rate-container .qtip-custom-class .bg-arrow, #data_UserAdminForm .qtip-custom-class .bg-arrow, #data_CompanySettingForm .qtip-custom-class .bg-arrow {
    top: 15px;
    left: -8px;
    width: 9px;
    height: 21px;
    position: absolute;
    z-index: 55;
    background: url(images/bg-tooltip-arrows.png) no-repeat;
    background-position: -32px -1px;
}

#tip-rate-container .qtip-custom-class a, #tip-rate-container .qtip-custom-class a:hover, #data_UserAdminForm .qtip-custom-class a, #data_UserAdminForm .qtip-custom-class a:hover, #data_CompanySettingForm .qtip-custom-class a, #data_CompanySettingForm .qtip-custom-class a:hover {
    color: #808080;
    text-decoration: none;
    background: none;
    border: 0;
}

#tip-rate-container .qtip-custom-class a:hover, #data_UserAdminForm .qtip-custom-class a:hover, #data_CompanySettingForm .qtip-custom-class a:hover {
    text-decoration: underline;
}

#tip-rate-container .icon-circle, #data_UserAdminForm .icon-circle, #data_CompanySettingForm .icon-circle {
    border-radius: 50%;
    background-color: #666;
    color: #FFF;
    width: 15px;
    height: 15px;
    display: inline-block;
    line-height: 13px;
    font-weight: bold;
    cursor: pointer;
    vertical-align: top;
}

#tip-rate-container .tip-content, #data_UserAdminForm .tip-content, #data_CompanySettingForm .tip-content {
    color: #FFF;
    display: none;
    width: 250px;
    height: auto;
}

#UseAbsenceConfiguration span.wijmo-wijinput-wrapper {
    padding-right: 45px;
}

.frmEditAbsenceType {
    height: 100%;
    position: relative;
}

#frmEditHolidayRate .absence-type-btn-wr {
    text-align: right;
    position: absolute;
    bottom: 57px;
    right: 56px;
}

#data_CompanyAdministratorForm .divWidth-70p {
    width: 63px;
}

#data_CompanyAdministratorForm .divTable-labelCellnumhands {
    text-indent: 18px;
}

#data_CompanyAdministratorForm .admin-tree-grandpa .access-level-tree-container {
    height: 395px;
}

#containerFilterCompanyAdministrator {
    margin-top: 25px
}

#data_CompanyAdministratorForm {
    height: 833px;
}

.data_CompanyAdministratorFormWrapper {
    margin-top: 25px;
}

#frmEditCriticalSetting, #frmEditTimesheetSetting, #frmEditCompanySetting, #frmEditUISetting,
#frmEditPayrollSystems, #frmEditBiometricDevice, #frmEditJobTrackingSetting, #frmEditPaySetting,
#frmEditBreaksSetting, #frmEditPayRatesSetting, #frmEmailsConfig, #frmEditShift, #frmEditDepartment,
#frmEditAbsenceType, #frmEditCustomField, #frmEditEmployeePosition, #frmEditContractor,
#frmEditCompanyLocation, #frmEditPrivilegesGroup, #frmEditAccessLevel {
    position: relative;
    height: 100%;
}

.btn-submit-wrapper {
    text-align: right;
    margin-top: 10px;
    /*position: absolute;*/
    bottom: 0;
}

.btn-submit {
    right: 15px;
    bottom: 15px;
}

.btn-task-submit {
    bottom: 10px;
}

.settings-items-wrapper {
    height: 540px;
    overflow-y: auto;
}

#unionrules_container.create-rule .divTable-row-narrow {
    margin-top: 20px;
    margin-bottom: 20px;
}

#unionrules_container .row-slim-both {
    margin-top: 0;
    margin-bottom: 0;
}

#unionrules_container .row-slim-top {
    margin-top: 0;
}

#unionrules_container .row-slim-bottom {
    margin-bottom: 0;
}

.slim-row, .slim-row .divTable-labelCellsal1, .slim-row .divTable-labelCellsal {
    height: 50px;
    line-height: 50px;
}

.radio-yes-w {
    margin: 17px 60px;
}

.radio-no-w {
    margin: 17px 20px;
}

.radio-excused-w {
    margin: 17px 60px;
}

.radio-unexcused-w {
    margin: 17px 60px;
}

.national-holidays {
    display: none;
    margin-left: 8px;
}

.formatted-pannel {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
}

.ribbon-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom: 0px;
    height: 35px;
    line-height: 40px;
    background-color: #666666;
    color: #FFF;
    display: inline-block;
    position: relative;
    width: 100%;
}

.ribbon-title {
    color: #FFF;
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    line-height: 35px;
}

.ribbon-header .icon {
    font-size: 16px;
    margin: 8px 3px 0 9px;
}

.holiday-desc-section {
    position: absolute;
    bottom: 45px;
    width: 100%;
}

.holiday-desc {
    display: inline-block;
    position: relative;
    width: 215px;
    text-align: justify;
    line-height: 20px;
}

.holiday-desc-section .icon-flag-holiday {
    font-size: 100px;
    display: inline-block;
    width: 155px;
    position: relative;
    vertical-align: top;
    text-align: center;
}

.holiday-list {
    height: 390px;
}

    .holiday-list .divTable-labelCell:not(.delete-opt) {
        text-indent: 20px;
    }

.national-holidays .delete-opt {
    margin-top: 12px;
}

.national-holidays .icon-trash {
    cursor: pointer;
    font-size: 14px;
}

.national-holidays .icon-add {
    cursor: pointer;
}

.national-holidays #btnSaveHolidays {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.national-holidays #btnSaveNextYearHolidays {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

#frmEditCriticalSetting .divTable-row-salary2pad {
    padding-top: 10px;
    padding-bottom: 10px;
}

#frmEditCriticalSetting .divTable-row-salary2pad-last {
    border: none;
}
/*Begin - Breaks Container*/
.breaks-container {
    width: 100%;
    height: 100%;
}

.breaks-master {
    width: 49%;
}

.breaks-detail {
    width: 48%;
    margin-left: 15px;
}

.breaks-master, .breaks-detail {
    height: 100%;
    float: left;
    border-radius: 5px;
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

    .breaks-master .panel-header, .breaks-detail .panel-header {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        margin-bottom: 0px;
        height: 35px;
        background-color: #666666;
        color: #FFF;
        display: inline-block;
        position: relative;
        width: 100%;
    }

        .breaks-master .panel-header .icon, .breaks-detail .panel-header .icon {
            font-size: 18px;
            margin: 8px 8px;
            display: inline-block;
        }

        .breaks-detail .panel-header .icon {
            font-size: 15px;
            margin: 9px 9px;
        }

        .breaks-master .panel-header .action {
            font-size: 17px;
            margin: 8px 8px;
            display: inline-block;
            float: right;
            cursor: pointer;
        }

.panel-body-header {
    margin-bottom: 0px;
    height: 35px;
    background-color: #D5D5D5;
    color: #FFF;
    display: inline-block;
    position: relative;
    width: 100%;
}

.breaks-master .panel-header .panel-title, .breaks-detail .panel-header .panel-title {
    color: #FFF;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    line-height: 35px;
}

.breaks-master .panel-body .divTable-headerCelltextleft {
    text-align: center;
    text-indent: 0px;
    padding: 0 5px 0 0;
}

.breaks-master .panel-body, .breaks-detail .panel-body {
    width: 100%;
    height: 543px;
}

    .breaks-master .panel-body .divTable-row span.name, .panel-body .divTable-altRow span.name {
        text-align: left;
        margin-left: 5px;
    }

    .breaks-master .panel-body .divTable-row, .breaks-master .panel-body .divTable-altRow {
        text-align: center;
        margin-left: 0px;
    }

    .breaks-master .panel-body .break-row.icon {
        font-size: 13px;
        margin-top: 9px;
        line-height: 35px;
        cursor: pointer;
    }

    .breaks-master .panel-body .available-breaks-list {
        height: 505px;
        overflow-y: auto;
    }

#createEditBreak .panel-body .buttons-row {
    padding-top: 85px;
}

#createEditBreak .panel-body .ui-button {
    margin-right: 15px;
    float: right;
}
/*End - Breaks Container*/

/*Begin - Breaks tab in Salary Rule*/
#salaryRulesForm .lunch-and-breaks .divTable-row-salary2pad, #salaryRulesWizard .lunch-and-breaks .divTable-row-salary2pad {
    padding-top: 0;
    padding-bottom: 0;
}

#salaryRulesForm .lunch-and-breaks .divTable-labelCellsal2, #salaryRulesWizard .lunch-and-breaks .divTable-labelCellsal2 {
    text-indent: 0;
    margin-right: 15px;
    line-height: 40px;
}

#salaryRulesForm .lunch-and-breaks .divTable-labelCellRadioOrCheck, #salaryRulesWizard .lunch-and-breaks .divTable-labelCellRadioOrCheck {
    padding-top: 15px;
    margin-left: 15px;
}

#salaryRulesForm .lunch-and-breaks .automatic-deduct-breaks, #salaryRulesWizard .lunch-and-breaks .automatic-deduct-breaks {
    padding-top: 10px;
}

#salaryRulesForm .automatic-deduct-breaks .row, #salaryRulesForm .automatic-deduct-breaks .sub-row, #salaryRulesWizard .automatic-deduct-breaks .row, #salaryRulesWizard .automatic-deduct-breaks .sub-row {
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
}

#salaryRulesForm .automatic-deduct-breaks .sub-row, #salaryRulesForm .fixed-lunch-and-breaks .sub-row, #salaryRulesWizard .automatic-deduct-breaks .sub-row, #salaryRulesWizard .fixed-lunch-and-breaks .sub-row {
    margin-left: 20px;
}

#salaryRulesForm .fixed-lunch-and-breaks, #salaryRulesWizard .fixed-lunch-and-breaks {
    height: 350px;
}

    #salaryRulesForm .fixed-lunch-and-breaks .left-panel, #salaryRulesWizard .fixed-lunch-and-breaks .left-panel {
        width: 49%;
        height: 100%;
        float: left;
    }

        #salaryRulesForm .fixed-lunch-and-breaks .left-panel .divTable-labelCellRadioOrCheck, #salaryRulesWizard .fixed-lunch-and-breaks .left-panel .divTable-labelCellRadioOrCheck {
            margin-left: 0;
        }

    #salaryRulesForm .fixed-lunch-and-breaks .right-panel, #salaryRulesWizard .fixed-lunch-and-breaks .right-panel {
        width: 50%;
        margin-top: 15px;
        height: 326px;
        float: left;
        border-radius: 5px;
        border: 1px solid #999;
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
    }

        #salaryRulesForm .fixed-lunch-and-breaks .right-panel .panel-header, #salaryRulesWizard .fixed-lunch-and-breaks .right-panel .panel-header {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            margin-bottom: 0;
            height: 35px;
            background-color: #666666;
            color: #FFF;
            display: inline-block;
            position: relative;
            width: 100%;
        }

            #salaryRulesForm .fixed-lunch-and-breaks .right-panel .panel-header .icon, #salaryRulesWizard .fixed-lunch-and-breaks .right-panel .panel-header .icon {
                font-size: 18px;
                margin: 8px 8px;
                display: inline-block;
            }

            #salaryRulesForm .fixed-lunch-and-breaks .right-panel .panel-header .panel-title, #salaryRulesWizard .fixed-lunch-and-breaks .right-panel .panel-header .panel-title {
                color: #FFF;
                font-size: 15px;
                display: inline-block;
                vertical-align: top;
                line-height: 35px;
            }

    #salaryRulesForm .fixed-lunch-and-breaks .panel-body .divTable-headerCelltextleft, #salaryRulesWizard .fixed-lunch-and-breaks .panel-body .divTable-headerCelltextleft {
        text-align: center;
        text-indent: 0;
        padding: 0 5px 0 0;
    }

    #salaryRulesForm .fixed-lunch-and-breaks .divTable-row, #salaryRulesForm .fixed-lunch-and-breaks .divTable-altRow, #salaryRulesWizard .fixed-lunch-and-breaks .divTable-row, #salaryRulesWizard .fixed-lunch-and-breaks .divTable-altRow {
        text-align: center;
        margin-left: 0;
    }

    #salaryRulesForm .fixed-lunch-and-breaks .available-breaks-list, #salaryRulesWizard .fixed-lunch-and-breaks .available-breaks-list {
        height: 252px;
        overflow-y: auto;
    }

    #salaryRulesWizard .fixed-lunch-and-breaks .left-panel .row {
        height: 25px;
        line-height: 25px;
    }

    #salaryRulesForm .fixed-lunch-and-breaks .panel-title-right, #salaryRulesWizard .fixed-lunch-and-breaks .panel-title-right {
        margin-right: 10px;
        display: inline-block;
        float: right;
    }

    #salaryRulesWizard .fixed-lunch-and-breaks .panel-title-right {
        margin-top: 10px;
    }
/*End - Breaks tab in Salary Rule*/
#schedule-pattern-container .div-radio, #schedule-pattern-container .div-checkbox {
    margin-right: 20px;
}

#schedule-pattern-container .daily-option1-wrapper .wijmo-wijradio, #schedule-pattern-container .monthly-option1-wrapper .wijmo-wijradio {
    float: left;
    margin-top: 7px;
}

#schedule-pattern-container .schedule-divider {
    width: 500px;
    margin-top: 45px;
    margin-bottom: 15px;
}

#clockInPermissionsDevices #LocationsDevice, #SelectedLocationsDevice {
    width: 95px !important;
}

#clockInPermissionsDevices .ui-corner-all .wijmo-wijcombobox-input {
    margin-left: -5px !important;
}

#btnTakePicture {
    position: relative;
    float: right;
    top: -30px;
    line-height: 16px;
}

.menu-separator {
    position: relative;
    top: 6.2px;
    color: #dadada;
    display: inline-block;
    margin-left: 2px;
}

.submit-ticket-iframe-container {
    height: 100px;
}

.divTable-labellogin.submit-ticket-container {
    height: 500px !important;
}

h2.submit-ticket-header {
    font-weight: normal;
    font-size: 2em;
    padding-top: 1em;
    padding-bottom: 0.5em;
    text-align: center;
}

.div-5-padding-left {
    padding-right: 5px;
}

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

.div-15-padding-left {
    padding-right: 15px;
}

.div-20-padding-left {
    padding-right: 20px;
}

.div-25-padding-left {
    padding-right: 25px;
}

.div-30-padding-left {
    padding-right: 30px;
}

.div-35-padding-left {
    padding-right: 35px;
}

.div-40-padding-left {
    padding-right: 40px;
}

.div-45-padding-left {
    padding-right: 45px;
}

.div-50-padding-left {
    padding-right: 50px;
}

.div-5-padding-right {
    padding-right: 5px;
}

.div-10-padding-right {
    padding-right: 10px;
}

.div-15-padding-right {
    padding-right: 15px;
}

.div-20-padding-right {
    padding-right: 20px;
}

.div-25-padding-right {
    padding-right: 25px;
}

.div-30-padding-right {
    padding-right: 30px;
}

.div-35-padding-right {
    padding-right: 35px;
}

.div-40-padding-right {
    padding-right: 40px;
}

.div-45-padding-right {
    padding-right: 45px;
}

.div-50-padding-right {
    padding-right: 50px;
}

/*Device global settings*/
.divTable-settings-row {
    margin: 0px 25px;
}

.settings-group-title {
    line-height: 20px;
    font-family: Arial;
    font-size: 15px;
    border-bottom: 2px #f1f1f1 solid;
    color: #999999;
}

.settings-item {
    margin: 10px 15px 10px 15px;
}

.settings-item-title {
    line-height: 25px;
    font-family: Arial;
    font-size: 14px;
    display: table-row;
}

.setting-item-side-block {
    display: inline-block;
    position: relative;
    width: 49%;
}

.title-icon {
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.device-wallpaper {
    height: 150px;
}

#frmBulkEditDeviceSettings .photphoto {
    width: 250px;
    height: 200px;
}

#frmBulkEditDeviceSettings .photodata {
    width: 250px;
    height: 200px;
}

#frmBulkEditDeviceSettings div.wijmo-wijupload-commandRow {
    width: 110px;
    display: block;
    float: left;
}

    #frmBulkEditDeviceSettings div.wijmo-wijupload-commandRow a {
        visibility: hidden;
    }

#frmBulkEditDeviceSettings ul.wijmo-wijupload-filesList {
    width: 110px;
    display: block;
    float: right;
}

    #frmBulkEditDeviceSettings ul.wijmo-wijupload-filesList li {
        border: 0px;
    }

    #frmBulkEditDeviceSettings ul.wijmo-wijupload-filesList span.wijmo-wijupload-file {
        visibility: hidden;
    }

#frmBulkEditDeviceSettings .wijmo-wijupload-filesList {
    visibility: hidden;
}

#frmBulkEditDeviceSettings .wijmo-wijupload {
    margin-top: 5px;
}

#frmBulkEditDeviceSettings .wijmo-wijprogressbar .ui-progressbar-label {
    font-weight: bolder;
    cursor: pointer;
}

#timepopup *, #addtimepopup * {
    box-sizing: border-box;
}

#timepopup .switch-value, #addtimepopup .switch-value {
    width: 40%;
    display: inline-block;
    text-align: left;
}

#timepopup .radio-wrapper, #addtimepopup .radio-wrapper {
    width: 61px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    background: #cccccc;
    border-radius: 30px;
    position: relative;
    margin-left: 1%;
    p

{
    position: absolute;
    z-index: 10;
    color: white;
    font-size: 1.7em;
    margin: 0;
    margin-top: 13px;
}

.correct {
    left: 17px;
    top: -5px;
}

.wrong {
    right: 17px;
    top: -5px;
}

.neutral-icon {
    left: 69px;
    top: -8px;
    opacity: .5;
}

label {
    z-index: 9;
}

}

#timepopup input[type="radio"], #addtimepopup input[type="radio"] {
    display: none;
}

#timepopup i, #addtimepopup i {
    z-index: 99;
    font-size: 18px;
}

#timepopup .neutral-icon i, #addtimepopup .neutral-icon i {
    font-size: 10px;
}

#timepopup .neutral + label, #addtimepopup .neutral + label {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    left: 33%;
    transition: transform 1s;
    cursor: pointer;
}

#timepopup .neutral:checked + label, #addtimepopup .neutral:checked + label {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #666666;
    cursor: pointer;
}

#timepopup .yes + label, #addtimepopup .yes + label {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    text-align: center;
    cursor: pointer;
}

#timepopup .yes:checked + label, #addtimepopup .yes:checked + label {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #1bab29cf;
    cursor: pointer;
    -moz-animation-duration: 0.4s;
    -moz-animation-name: slidein;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-name: slidein;
    animation-duration: 0.4s;
    animation-name: slidein;
    -webkit-transform: translateZ(0);
}

#timepopup .no + label, #addtimepopup .no + label {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    text-align: center;
    cursor: pointer;
}

#timepopup .no:checked + label, #addtimepopup .no:checked + label {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #d01d1da6;
    cursor: pointer;
    -moz-animation-duration: 0.4s;
    -moz-animation-name: slideno;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-name: slideno;
    animation-duration: 0.4s;
    animation-name: slideno;
    -webkit-transform: translateZ(0);
}

#timepopup .switch.container, #addtimepopup .switch.container {
    padding-bottom: 10px;
}

@keyframes slidein {
    from {
        transform: translate(20px, 0);
    }

    to {
        transform: translate(0px, 0px);
    }
}

@keyframes slideno {
    from {
        transform: translate(-20px,0);
    }

    to {
        transform: translate( 0px, 0px);
    }
}

@keyframes returnLeft {
    from {
        transform: translate(-20px,0);
    }

    to {
        transform: translate(0px,0);
    }
}

@keyframes returnRight {
    from {
        transform: translate(20px,0);
    }

    to {
        transform: translate(0px,0);
    }
}

.critical-settings-row {
    display: table;
    width: 97%;
    padding: 5px;
}

.bottom-separator {
    border-bottom: 1px solid #e4e2e263;
}

.critical-settings-row > .compact-text-div {
    line-height: normal;
    width: 78%;
    float: left;
    display: inline-block;
    line-height: 25px;
}

.critical-settings-row > .compact-radio-div {
    float: left;
    vertical-align: top;
    text-indent: 5px;
    margin-left: 10px;
}

.critical-settings-sub-row {
    width: 97%;
    display: table;
    padding: 10px 25px;
}

table.ticket-table {
    font-size: 12px;
}

thead.ticket-table-thead {
    background: rgb(213,213,213);
    height: 34.6px
}

tbody.ticket-table-tbody > tr:nth-child(odd) {
    background-color: rgb(240,240,240);
}

tbody.ticket-table-tbody > tr:nth-child(even) {
    background-color: rgb(255,255,255);
}

tbody.ticket-table-tbody > tr > td {
    cursor: default;
}

.ticket-first-row {
    padding-left: 1em;
}

tbody.ticket-table-tbody > tr:hover {
    background-color: rgb(230,230,230);
}

.btn-tickets-details {
    text-align: center;
    vertical-align: middle !important;
    padding-right: 1em;
}

    .btn-tickets-details > button {
        border: 0px;
        background-color: transparent;
        outline: none;
    }

    .btn-tickets-details > * {
        padding-top: 1em;
        padding-bottom: 1em;
    }

div.table-tickets-container {
    /*    border: 0.5px solid #000000;*/
    margin-top: 1em;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.ticket-filter {
    padding-left: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
}

#ticket-dialog > fieldset {
    margin-top: 1em;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    border: 0;
}

.form-group {
    padding: 0.7em;
}

    .form-group > label {
        width: 160px !important;
        display: inline-block;
    }

    .form-group > input, .form-group > textarea {
        padding-left: 0.4em;
        padding-right: 0.4em;
        width: 20em;
    }

    .form-group > textarea {
        height: 12em;
    }

tfoot.tickets-paginator-container {
    font-size: 10px;
    color: #888888;
}

    tfoot.tickets-paginator-container a {
        color: #777;
        padding-left: 0.7em;
        padding-right: 0.7em;
    }

        tfoot.tickets-paginator-container a:hover {
            color: #444;
        }

        tfoot.tickets-paginator-container a.active {
            color: black;
        }

        tfoot.tickets-paginator-container a.disabled {
            color: #DDD;
        }

.checkBPayRoll {
    position: relative !important;
    margin: 9px 5px 5px !important;
    line-height: 16px !important;
    display: block !important;
}

/*Blocking click during loading process*/
#blocking-click {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #2d5972;
    opacity: 0;
    z-index: 1000;
    cursor: progress;
}

/*Full Screen Loader*/
#fullscreen-loader {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #2d5972;
    opacity: .50;
    z-index: 1000;
}

.loader {
    border: 10px solid #f3f3f3; /* Light grey */
    border-top: 10px solid #0396f9;
    border-bottom: 10px solid #0396f9;
    /* border-top: 10px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*Full Screen Loader*/

/*Full Screen Message*/
#fullscreen-message {
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    /*height: 100%;*/
    height: stretch;
    /* UI Properties */
    background: #00000052 0% 0% no-repeat padding-box;
    opacity: 1;
    position: fixed;
    /*background: #2d5972;*/
    /*opacity: .50;*/
    z-index: 1000;
}

.full-screeen-message-close {
    position: absolute;
    width: 32px;
    height: 32px;
    opacity: 0.3;
}

    .full-screeen-message-close:hover {
        opacity: 0.75;
    }

    .full-screeen-message-close:before, .full-screeen-message-close:after {
        position: absolute;
        left: 11px;
        top: 6px;
        content: ' ';
        height: 25px;
        width: 1px;
        background-color: white;
    }

    .full-screeen-message-close:before {
        transform: rotate(45deg);
    }

    .full-screeen-message-close:after {
        transform: rotate(-45deg);
    }

.message {
}
/*Full Screen Message*/
/*Clair Message*/
#clair-message > div > .full-screeen-message-close:before, #clair-message > div > .full-screeen-message-close:after {
    width: 2px;
    background-color: #494747;
}
/*Full Div Loader
    Note: Custom width and heigh
*/
.full-div-loader {
    /*display: none;*/
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .50;
    z-index: 1000;
    margin-top: -5px;
}

.inner-div-loader {
    border: 2px solid transparent;
    border-top: 2px solid #0396f9;
    border-right: 2px solid #0396f9;
    border-bottom: 2px solid #0396f9;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*Div Loader*/

/*Small Loader for menu items*/
.outer-loader-15px {
    /*display: none;*/
    width: 100%;
    height: 30px;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .50;
    z-index: 1000;
    margin-top: -5px;
}

.inner-loader-15px {
    border: 2px solid #f3f3f3;
    border-top: 2px solid #4f4f4f;
    border-bottom: 2px solid #4f4f4f;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    animation: spin 1s linear infinite;
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*Small Loader*/

/*Mini Loader*/
.outer-mini-loader {
    /*display: none;*/
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 1000;
}

.inner-mini-loader {
    border: 2px solid transparent;
    /*border-top: 2px solid #057af1;
    border-right: 2px solid #057af1;
    border-bottom: 2px solid #057af1;*/
    border-radius: 50%;
    width: 15px;
    height: 15px;
    animation: spin 1s linear infinite, appearWithDelay 2s forwards;
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
/*Mini Loader*/

@keyframes appearWithDelay {
    0% {
        border-top: 2px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 2px solid transparent;
    }

    75% {
        border-top: 2px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 2px solid transparent;
    }

    100% {
        border-top: 2px solid #057af1;
        border-right: 2px solid #057af1;
        border-bottom: 2px solid #057af1;
    }
}

/*facebook loader*/
.lds-facebook {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 25px;
}

    .lds-facebook div {
        display: inline-block;
        position: absolute;
        margin: auto;
        left: 6px;
        width: 6px;
        background: #4f4f4f;
        animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    }

        .lds-facebook div:nth-child(1) {
            left: 6px;
            animation-delay: -0.24s;
        }

        .lds-facebook div:nth-child(2) {
            left: 15px;
            animation-delay: -0.12s;
        }

        .lds-facebook div:nth-child(3) {
            left: 25px;
            animation-delay: 0;
        }

@keyframes lds-facebook {
    0% {
        top: 0px;
        height: 25px;
    }

    50%, 100% {
        top: 10px;
        height: 5px;
    }
}

/*facebook loader*/

.mobile-with-picture {
    cursor: pointer;
}

.original-time-fontcolor {
    color: #388abf !important;
    font-style: italic !important;
}

.wijmo-wijmenu-list, .wijmo-wijmenu-list label {
    cursor: pointer !important;
}

.previous-datetime {
    width: 150px;
    display: inline-block;
    position: relative;
    padding: 2px 2px;
    border: 1px solid #797575;
    border-radius: 5px;
    font-size: 12px;
    color: #696363;
    font-weight: bold;
    background-color: #ccc;
}

.undo-time-icon-click {
    float: right;
    font-size: 14px;
    cursor: pointer;
}

.split-bg-89-11 {
    background: #FFF; /* Old browsers */
    background: -moz-linear-gradient(left, #CCC 0%, #CCC 89%, #FFF 89%, #FFF 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, top right, top right, color-stop(0%,#CCC), color-stop(89%,#CCC), color-stop(89%,#FFF), color-stop(100%,#FFF)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #CCC 0%,#CCC 89%,#FFF 89%,#FFF 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #CCC 0%,#CCC 89%,#FFF 89%,#FFF 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #CCC 0%,#CCC 89%,#FFF 89%,#FFF 100%); /*IE10+*/
    background: linear-gradient(to right, #CCC 0%,#CCC 89%,#FFF 89%,#FFF 100%); /* W3C */
}

.access-logs-totals-outer-container {
    margin-top: 10px;
}

.access-logs-totals-inner-container {
    border: 1px solid black;
    background-color: #CCC;
    margin: auto;
    width: 500px;
    padding: 0px 10px;
}

.access-logs-totals-item-container {
    display: inline-block;
    width: 32%;
}

    .access-logs-totals-item-container label {
        font-weight: bold;
        margin-right: 5px;
    }

.who-is-in-totals-outer-container {
    margin-top: 10px;
}

.who-is-in-totals-inner-container {
    border: 1px solid black;
    background-color: #CCC;
    margin: auto;
    width: 810px;
    padding: 0px 10px;
}

.who-is-in-totals-item-container {
    display: inline-block;
}

    .who-is-in-totals-item-container label {
        font-weight: bold;
        margin-right: 5px;
    }

/*#setting_timecard_menu .wijmo-wijmenu-list {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
}
#setting_timecard_menu .wijmo-wijmenu-list::-webkit-scrollbar { 
    display: none; 
}*/

.import-upload-box {
    width: 300px;
    height: 100px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #999;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    text-align: left;
    padding: 10px 5px 5px 5px;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    background-color: #E6E6E6;
}

.divTable-breakSeetings-row-narrow {
    display: table;
    width: 100%;
    line-height: 30px;
    background-color: #fff;
}

.divTable-breakSeetings-Num-Img {
    float: left;
    color: #666;
    text-indent: 25px;
    vertical-align: middle;
}

.divTable-breakSeetings-Heading1 {
    float: left;
    color: #666;
    font-size: 15px;
    text-indent: 5px;
    vertical-align: middle;
}

.divTable-breakSeetings-inside-row-narrow {
    display: table;
    width: 100%;
    line-height: 25px;
    background-color: #fff;
}

.divTable-breakSeetings-sel {
    float: left;
    line-height: 25px;
    color: #666;
    text-indent: 5px;
}

.payroll-linked-employees-fontcolor {
    color: #d61f1f !important;
    font-style: italic !important;
}

border-1px-solid-red {
    border: 1px solid red !important;
}