body {
    color: #5B5B5B;
    background-color: #eeeeee;
    font-size:16px;
}

.page-nav {
    background-color: #0898D8;
    padding: 7px 15px 7px 15px;
    text-align: center;
    color: #ffffff;
    position: fixed;
    width: 100%;
    top: 0;
    z-index:100;
    height: 38px;
}

.page-nav .nav-left {
    position: absolute;
    left: 15px;
    top : 5px;
    float: left;
}

.page-nav .nav-right {
    position: absolute;
    right:15px;
    top :5px;
    float:right;
}

.page-nav img {
    height:24px;
}

.page-nav .nav-right a {
    margin-left:15px;
}

.page {
    margin-top: 40px;
}

.page-header-top {
    padding: 0px 15px 0px 15px;
}

.page-header-top .header {
    padding: 5px 15px 5px 15px;
    background-color: #C8EBFF;
    border-radius: 10px;
    text-align:center;
}

.page-header-top .header table {
    width: 100%;
}

.page-header-top .header img {
    height: 20px;
    vertical-align: middle;
}

.page-tab {
    padding-left: 10px;
    padding-right: 10px;
}

.page-tab table tr td {
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float:left;
}

.float-right {
    float:right;
}

.float-center {
    float:center;
}

.spacer {
    padding:8px;
    margin:0px;
}

.pane {
    padding: 0px 15px 10px 15px;
}

.pane .pane-header {
    padding: 5px 15px 5px 15px;
    background-color: #C8EBFF;
    text-align:left;
    font-size: 16px;
}

.pane .pane-header.first {
    border-radius: 10px 10px 0px 0px
}

.pane .pane-header.today,
.pane .pane-header.first.today {
    background-color: #0898D8;
    color: #ffffff;
}

.pane .pane-header img {
    margin-bottom:3px;
}

.pane .pane-body {
    padding: 5px 15px 5px 15px;
    background-color: #ffffff;    
}

.pane .pane-body.last {
    border-radius: 0px 0px 10px 10px
}

.pane .pane-body.next {
    border-top: 1px #eeeeee solid;
}

.pane .pane-body.summary {
    padding-top:10px;
    padding-bottom:10px;
    border-radius: 10px 10px 10px 10px
}

.pane .pane-blank {
    background-color: #ffffff; 
    border-radius: 10px;
    height:200px;
    text-align: center;
    padding-top: 50px;
}

.pane img {
    height: 18px;
}

.pane .pane-footer {
    padding-top:10px;
}

.menu-list {
    padding: 15px 0px 10px 0px;
}

.menu-list table {
    width: 100%;
}

.menu-list .menu-item-image {
    width: 30px;
    text-align: center;
}

.menu-list .menu-item-image img {
    height: 16px;
}

.menu-list .menu-item-name {
    padding-left: 10px;
}

.menu-list .menu-item-next {
    text-align: right;
}

.menu-list .menu-item-next img {
    height: 16px;
}

.site {
    font-size: 14px;
    color: #0898D8;
}

.site img {
    height:14px;
}

.table-schedule-day {
    padding: 0px;
    width: 100%;
}

.table-schedule-day .shift-status {
    font-size: 14px;
}

.table-report {
    border:0;
    border-bottom: 0px;
    border-radius:15px; 
    background-color:#ffffff; 
}

.table-report thead {
    background-color: #C8EBFF;
}

.table-report th {
    text-align:center;
}

.table-report th.row-topleft {
    border-radius: 15px 0px 0px 0px;
}

.table-report th.row-topright {
    border-radius: 0px 15px 0px 0px;
}

.table-report th.col-first,
.table-report td.col-first {
    border-left:0;
}

.table-report th.col-last,
.table-report td.col-last {
    border-right:0;
}

.table-report td.align-right {
    text-align: right;
}

.table-report-noborder {
    width:100%;
    padding: 8px;
    border: 0;
}

.table-report-noborder td {
    padding: 8px;
}

.work-completed {
    color: #6D988A;
}

.work-working {
    color: #0898D8;
}

.work-pending {
    color: #FEBD69;
}

.work-button {
    font-size:14px;
    color: #ffffff;
    border:0;
    border-radius: 5px;
    padding:5px;
    min-width: 130px;
}

.work-button img {
    height:20px;
}

.work-button.work-alert {
    background-color: #FA6856;
}

.work-button.work-warning {
    background-color: #FEBD69;
}

.calendar td {
    vertical-align: middle;
}

.calendar img {
    height: 20px;
}

.calendar .cal-header {
    padding: 10px;
    font-weight:bold;
    color: #0898D8;
}

.calendar .header {
    text-align: center;
}

.calendar .day {
    text-align: center;
    vertical-align: middle;
    height:50px;
}

.calendar .day.today {
    font-weight:bold;
    color: #0898D8;
    background-color: #C8EBFF;
}

.btn-main {
    color: #ffffff;
    background-color: #0898D8;
    border-color: #0898D8;
    margin-right: 10px;
}

.btn-main:hover {
    color: #fff;
    border-color: #dadada #dadada #acacac;
    background: #0898D8;
}

.btn-main:active:focus {
    color: #fff;
    border-color: #dadada #dadada #acacac;
    background: #0898D8;
}

.btn-main.selected {
    color: #fff;
    border-color: #dadada #dadada #acacac;
    background: #0898D8;
}

.btn-submain {
    margin-right: 10px;
}

.blue {
    color: #0898D8;
}

.bg-blue {
    background-color: #0898D8;
    color: #ffffff;
}

.bg-light {
    background-color: #eeeeee;
}

.bg-white {
    background-color: #ffffff;
}


.listing {
    padding: 10px 15px 10px 15px;
}

.listing img {
    height:16px;
    padding-bottom:2px;
}




.table {
	margin-bottom:inherit;
}

.table-title, .panel-heading {
	background-color: #C8EBFF;
	font-weight: 700;
}

.img-thumbnail {
    padding:10px;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    margin:3px;
}

.img-thumbnail img {
    max-height: 100px;
}

a {
	color: #5b5b5b;
}

.px-navbar .dropdown-menu, .px-navbar .dropdown-multi-column {
    border-top-color: #0898D8;
}

.dropdown-menu {
    min-width: 240px;
}

.panel-footer {
    xborder-top: 0;
}

.modal-footer {
    border-top: 0;
}

.commentbox {
    border: 1px solid #eaecf0;
    xbackground-color: #fafbfd;
    border-radius: 10px;
    padding:10px;
    margin-top:10px;
    margin-bottom:10px;
}

.commentbox.deleted {
    border: 1px solid #eaecf0;
    background-color: #fafbfd;
    border-radius: 10px;
    padding-top:0px;
    padding-bottom:0px;
}

.commentbox.byme {
    background-color: #e3f0ff;
}

.commentbox .metadata {
    font-style:italic;
    font-weight: 300;
    text-align:right;
}

.commentbox .commenttext {
    font-weight: 600;
}

.commentbox .commentby {
    font-weight: 400;
}


@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right:auto;
    }
}

.note-toolbar .note-style .dropdown-style h1, 
.note-toolbar .note-style .dropdown-style h2, 
.note-toolbar .note-style .dropdown-style h3, 
.note-toolbar .note-style .dropdown-style h4, 
.note-toolbar .note-style .dropdown-style h5, 
.note-toolbar .note-style .dropdown-style h6, 
.note-toolbar .note-style .dropdown-style p {
    padding: 10px;
}

.form-group.note-form-group.note-group-select-from-files {
    display:none;
}