body {font-family: 'Arial', Helvetica, sans-serif; padding-left: 20px; padding-right: 20px;}
/* Disable Selection */
body, div, table, tr, th, td{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
table {margin: 0;border-collapse: collapse; border: none;}
table thead, th {resize: horizontal; overflow: auto; text-align: center; font-weight: normal;}
table tr, td {text-align: center; margin: 0; font-size: 14px;}
table tfoot {border-top: 1px solid black; font-weight: bold;}
.x-btn-logout {padding-top: 5px;padding-bottom: 10px!important;}
/* overriding jQuery-Mobile */
.ui-autocomplete {position: absolute; z-index: 999999;}
.ui-loader {display: none;}
.ui-page {border:none!important;outline:none;}
.ui-page-active:focus {border: none!important; outline: none;}
.ui-page-theme-a:focus {border: none!important; outline: none;}
/* Bootstrap overrides */
.jumbotron {text-align: center;}
.modal-backdrop {background: white;}
.panel .panel-body {padding: 0; margin: 0;}
.panel-footer .row button, .btn {margin-left: 10px; margin-right: 10px;}
.panel-heading .row {padding-left: 10px; padding-right: 10px;}
.row .marketing {margin-left: 5px; margin-right: 5px;}
.row {padding-left: 10px; padding-right: 10px;}
.nav {margin-bottom: 3px;}
.copyright-container {text-align: center;}
.panel-body .msgbox-content {padding: 10px;}
/* Login */
.login .row {padding: 10px;}
.login .login-clock {text-align: center; margin-top: 10px;}
.login .login-clock label {font-size: 20px;}
.login .col-sm-6 {margin:0;padding-left:5px;padding-right:25px;}
.login .login-clock button {width: 100%; margin-top: 10px;}
.login-button {margin:0;}
.login-button button {margin: 0; width: 100%;}
.login .user-login-credential {margin: 0;}
/* -------------------------------------------------------------- */
/* Nav */
.nav-information-display-panel {width: 250px; margin-right: 10px;}
.nav-information-display-panel button {position: relative; height: 30px;}
.nav-information-display-panel .nav-clock, .nav-application-title {letter-spacing: 2px;}
.nav-information-display-panel table {width: 100%; border: none!important;}
.logo {height: 100px; width: auto;}
/* -------------------------------------------------------------- */
.input-group {margin-bottom: 5px;}
.input-group-addon-separator {width: 40%;}
.input-group-addon-btn {cursor: pointer;}
.input-group-addon a:link, a:visited, a:hover, a:active {text-decoration: none;}
.input-group input {min-width: 150px;}
.employees-schedules-container td {text-align: left;}
.employees-schedules-container table div {text-align: left; padding-left: 10px; padding-right: 5px;}
.employees-schedules-container table label {font-weight: normal; font-size: 11px;}
.employees-schedules-container table span {font-weight: bold; font-size: 11px;}
.employees-schedules-container table tbody button {background: transparent!important; border: none; height: 100%; width: 100%;}
.schedule-edit-data-table {width: 100%;}
.schedule-editor-box table input {width: 100%;}
.schedule-editor-box .employee-information-data {margin-bottom: 10px;}
.schedule-editor-box .employee-information-data table, tr, td {border: none!important;}
.schedule-editor-box .employee-information-data td {text-align: left;}
.schedule-editor-box .schedule-data-container table, tr, td {text-align: left;}
.employee-editor-box table td {padding: 3px;width: 20%;}
.employee-editor-box table td input {width:100%;}
.password-container, .change-user-password {margin-top: 5px; margin-bottom: 5px;}
.password-container table, td { border: none;}
.change-user-password table, td { border: none;}
.time-message {font-weight: bold; font-size: 10px;}
.x-row-header {font-weight: bold; font-size: 14px; width:100%; height: 100%;}