/* Minification failed. Returning unminified contents.
(6527,7): 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:650px;
    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 {
    font-size: 15px;
}
#tip-rate-container .tooltip-item-btn span, #data_UserAdminForm .tooltip-item-btn span {
    font-size: 14px;
}
#tip-rate-container .tooltip-item-btn span.tip-legend, #data_UserAdminForm .tooltip-item-btn span.tip-legend {
    font-size: 10px;
}
#tip-rate-container .tooltip-item-btn, #data_UserAdminForm .tooltip-item-btn {
    width: 205px;
    height: 150px;
    color: #FFF;
}
#tip-rate-container .tooltip-item-cat-btn, #data_UserAdminForm .tooltip-item-cat-btn {
    width: 205px;
    height: 50px;
    color: #FFF;
}

#tip-rate-container .qtip-custom-class, #data_UserAdminForm .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 {
    left: auto;
    right: 4px;
    top: 4px;
}

#tip-rate-container .qtip-custom-class .qtip-close:hover, #data_UserAdminForm .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 {
    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 {
    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 {
    content: "\e042";
}

#tip-rate-container .qtip-custom-class h2, #data_UserAdminForm .qtip-custom-class h2 {
    line-height: 18px;
}

#tip-rate-container .qtip-custom-class p, #data_UserAdminForm .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 {
    list-style-image: none;
    margin-left: 52px;
}

#tip-rate-container .qtip-custom-class li, #data_UserAdminForm .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 {
    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 {
    color: #808080;
    text-decoration: none;
    background: none;
    border: 0;
}

#tip-rate-container .qtip-custom-class a:hover, #data_UserAdminForm .qtip-custom-class a:hover {
    text-decoration: underline;
}
#tip-rate-container .icon-circle, #data_UserAdminForm .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 {
    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 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;
}