body {
    background-color: #f8f8f8;
}
#AttendanceInTimeHour,#AttendanceInTimeMin,#AttendanceInTimeMeridian,#AttendanceOutTimeHour,#AttendanceOutTimeMin,#AttendanceOutTimeMeridian{
    width:8% !important;
    display:inline-block;
}
#AttendanceInTimeHour,#AttendanceInTimeMin,#AttendanceInTimeMeridian,#AttendanceOutTimeHour,#AttendanceOutTimeMin,#AttendanceOutTimeMeridian{
    width:8% !important;
    display:inline-block;
}
#wrapper {
    width: 100%;
}

#page-wrapper {
    padding: 0 15px;
    background-color: #fff;
    margin-top:69px;
    min-height: 500px;
}

.navbar-top-links {
    text-align: right;
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px 5px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

@media(max-width:767px) {
    .navbar-top-links {
        display: none;
    }
    .navbar-top-links li {
        display: block;
    }
    .navbar-top-links .dropdown-user {
        right: auto;
        left: 0;
    }
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.login-panel {
    margin-top: 5%;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

.show-grid [class^=col-] {
    padding-bottom: 10px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.show-grid {
    margin: 15px 0;
}

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
    padding-left: 100px;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}
.form-group.checkbox input {
    width: auto;
    height: 11px;
    display: inline;
}
.form-group.checkbox label {
    margin-left: 5px;
}

.form-actions {
    margin-top: 20px;
    padding-left: 150px;
}
.row-fluid {
    overflow: hidden;
    margin-bottom: 10px;
}
.row-fluid .span3 {
    width: 150px;
    float: left;
    font-weight: bold;
}
.row-fluid .span9 {
    float: left;
}
.help-inline {color: red; font-size: 12px;}
#append_row {display: none;}

footer {box-shadow: 0px -10px 10px #cbcbcb;overflow: hidden;padding: 10px 15px;}
#scrollUp {position: fixed; z-index: 99999; right: 10px;width: 34px;height: 30px;top: 89%;display:none;font-size:31px;cursor:pointer;color:red;}

.paginginfo {float:left}
.paging {float:right}
.paging .first, .paging .first a {margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.paging .last, .paging .last a {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.paging .current {z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7;}
.paging a, .paging span.first, .paging span.prev, .paging span.next, .paging span.last, .paging .current {position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; text-decoration: none;}
.paging a, .paging span.first, .paging span.prev, .paging span.next, .paging span.last {background-color: #fff; border: 1px solid #ddd;}
.paging a {color: #337ab7;}
.paging span.first, .paging span.prev, .paging span.next, .paging span.last {color: #bababa;}
.paging .current {color: #fff; background-color: #337ab7; border: 1px solid #337ab7;}


#prntlogo {float: left;height: 100px}
#prhead {border: 1px solid #555555;display: inline-block;padding: 1px 15px;margin-bottom: 10px}

nav.fixed {position: absolute;width: 100%}

#icoprint{position: absolute;right: 27px;top: 51px;}