/* Global Styles */

html {
    overflow-y: scroll;
}
html,
body {
    height: 100%
}
body {
    /*    margin-top: 50px;*/
    /*    background-color: #222222;*/
}
footer {
    z-index: 999;
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    background-color: rgba(245, 245, 245, 0.95);
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.25);
    padding-bottom: 7px;
    padding-top: 7px;
}
footer .row-stacked {
    margin-bottom: 0;
}
/*footer .btn-group {
    border-radius: 7px;
    box-shadow: 0 0 6px 5px rgba(0, 0, 0, 0.25);
}*/

/*#wrapper {
    height: 100%;
    padding-left: 0;
}*/
.home-page {
    height: 100%;
    margin-top: -50px;
}
.home-page > #page-wrapper {
    min-height: 0;
    padding-top: 50px;
}
.vcentre {
    display: inline-block;
    float: none;
    vertical-align: middle;
}
@media (min-width: 1200px) {
    .padding-left-remove {
        padding-left: 0;
        margin-left: -4px;
    }
}
.external-event {
    background: none repeat scroll 0 0 #3366cc;
    color: #fff;
    cursor: pointer;
    font-size: 0.85em;
    margin: 10px 0;
    padding: 2px 4px;
}
/*.ng-dirty > .ng-invalid > button,
.ng-dirty.ng-invalid {
    border: 1px solid #F00;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #CE8483;
    border-radius: 4px;
}*/

/* Nav Messages */

.messages-dropdown .dropdown-menu .message-preview .avatar,
.messages-dropdown .dropdown-menu .message-preview .name,
.messages-dropdown .dropdown-menu .message-preview .message,
.messages-dropdown .dropdown-menu .message-preview .time {
    display: block;
}
.messages-dropdown .dropdown-menu .message-preview .avatar {
    float: left;
    margin-right: 15px;
}
.messages-dropdown .dropdown-menu .message-preview .name {
    font-weight: bold;
}
.messages-dropdown .dropdown-menu .message-preview .message {
    font-size: 12px;
}
.messages-dropdown .dropdown-menu .message-preview .time {
    font-size: 12px;
}
/* Nav Announcements */

.announcement-heading {
    font-size: 50px;
    margin: 0;
}
.announcement-text {
    margin: 0;
}
/* Table Headers */

table.tablesorter thead {
    cursor: pointer;
}
table.tablesorter thead tr th:hover {
    background-color: #f5f5f5;
}
/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 347px;
}
.flot-chart-content {
    width: 100%;
    height: 100%;
}
/* Morris Chart Containers */

.morris-chart {
    height: 347px;
}
.morris-chart-content h1 {
    margin: 0;
}
/* Navbar */

.navbar {
    line-height: 1.4;
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #000;
    background-color: #E7E7E7;
}
.navbar-inverse .navbar-nav>.side-nav-dropdown.active>a,
.navbar-inverse .navbar-nav>.side-nav-dropdown.active>a:hover,
.navbar-inverse .navbar-nav>.side-nav-dropdown.active>a:focus {
    color: #fff;
    background-color: #080808;
}
.side-nav>li.dropdown>ul.dropdown-menu>li>a.active {
    color: #000;
    background-color: #E7E7E7;
}
.side-nav>li.dropdown>ul.dropdown-menu>li>a:hover,
.side-nav>li.dropdown>ul.dropdown-menu>li>a:focus {
    color: #fff;
    background-color: #080808;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: #080808;
    }
}
/* Edit Below to Customize Widths > 768px */

@media (min-width: 768px) {
    /* Wrappers */
    /*    #wrapper {
        padding-left: 225px;
    }*/
    /*    #page-wrapper {
        padding: 15px 25px;
    }*/
    /* Side Nav */
    .side-nav {
        margin-left: -225px;
        left: 225px;
        width: 225px;
        position: absolute;
        top: 51px;
        border-radius: 0;
        border: none;
        background-color: #222222;
        overflow-y: auto;
    }
    /* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */
    .side-nav>li.dropdown>ul.dropdown-menu {
        position: relative;
        min-width: 225px;
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 0;
        background-color: #353535;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    .side-nav>li.dropdown>ul.dropdown-menu>li>a {
        color: #999999;
        padding: 15px 15px 15px 25px;
    }
    .side-nav>li>a {
        width: 225px;
        text-transform: capitalize;
    }
    .navbar-inverse .navbar-nav>li>a:hover,
    .navbar-inverse .navbar-nav>li>a:focus {
        background-color: #080808;
    }
    /* Nav Messages */
    .messages-dropdown .dropdown-menu {
        min-width: 300px;
    }
    .messages-dropdown .dropdown-menu li a {
        white-space: normal;
    }
    .event-padding {
        padding-top: 34px;
    }
    .event-padding > label {
        padding-top: 7px;
    }
}
/* Custom page CSS
-------------------------------------------------- */

/* Not required for sticky footer method. */

.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.error-body {
    background-image: url('../images/template/404_background.png');
}
.error-template {
    padding: 40px 15px;
    text-align: center;
}
.error-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}
.error-actions .btn {
    margin-right: 10px;
}
.breadcrumb {
    text-transform: capitalize;
}
.logo,
.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.capitalize {
    text-transform: capitalize;
}
div.error input,
div.error input:focus {
    border-color: rgb(217, 83, 79);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(217, 83, 79, 0.6);
}
div.warning input,
div.warning input:focus {
    border-color: rgb(240, 173, 78);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(240, 173, 78, 0.6);
}
div.warning .help-block {
    color: rgb(240, 173, 78);
}
.panel-body .panel-heading {
    cursor: pointer;
}
.panel .send_time,
.panel .receive_time {
    padding: 0 5px;
}
.msg-reply > a,
.msg-delete > a {
    font-size: 2em;
}
.msg-delete > a:visited {
    color: rgb(185, 74, 72);
}
.app_buttons {
    top:25px;
}
.dashboard-page .row > .panel > .panel-heading > .panel-title {
    margin-top: 10px;
    margin-bottom: 5px;
}
.pieLabelBackground {
    border-radius: 4px;
}
.tab-content {
    padding: 10px;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-top-color: rgba(0, 0, 0, 0);
    border-radius: 4px;
}
.alt {
    background-color: #DDD;
}
.myDragClass {
    background-color: #FFF;
}
.portal-page .margin-l-r-20px,
.customers-page .margin-l-r-20px {
    margin: 0 20px;
}
.rounds-page .label.label-danger,
.rounds-page .label.label-default,
.rounds-page .label.label-success {
    margin-right: 10px;
}
.rounds-page .progress {
    margin-top: 10px;
}
.rounds-page .panel-body ul.sortable li {
    padding: 5px;
    margin: 3px 0;
    border: 1px dashed #999999;
    border-radius: 4px;
    cursor: move;
}
.rounds-page select.visit_status {
    width: 30%;
}
.rounds-page .sortable-dragging {
    background: #FCF8E3;
}
.rounds-page li.sortable-placeholder {
    background: #DFF0D8;
    height: 50px;
}
.rounds-page .panel-body {
    padding: 5px;
}
.rounds-page .col-lg-4 {
    padding-right: 0;
}
.accounts-page .position-static {
    position: static !important;
}
.table>thead>tr>.link,
.table>tbody>tr>.link,
.table>tfoot>tr>.link,
.table>thead>.link>td,
.table>tbody>.link>td,
.table>tfoot>.link>td,
.table>thead>.link>th,
.table>tbody>.link>th,
.table>tfoot>.link>th {
    background-color: #D9EDF7;
}
.table>thead>tr>.hover,
.table>tbody>tr>.hover,
.table>tfoot>tr>.hover,
.table>thead>.hover>td,
.table>tbody>.hover>td,
.table>tfoot>.hover>td,
.table>thead>.hover>th,
.table>tbody>.hover>th,
.table>tfoot>.hover>th {
    background-color: #F5F5F5;
}
thead th {
    cursor: pointer;
}
div.dataTables_info {
    margin: 27px 0 20px;
}
.sorting_desc {
    background: url("../images/template/sort_desc.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.sorting {
    background: url("../images/template/sort_both.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.sorting_asc {
    background: url("../images/template/sort_asc.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
body.mceContentBody,
.mce-content-body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    background-color: #FFF;
    margin: 8px;
}
.tab-pane-container {
    padding: 15px;
}
.row-stacked {
    margin-bottom: 15px;
}
.booking-draggable {
    margin-bottom: 5px;
    cursor: move;
}
.booking-draggable dl {
    margin-bottom: 0;
}
.booking-draggable dt {
    margin: 0;
    width: 35%;
}
.booking-draggable dd {
    margin: 0;
}
.fc-slats td {
    height: 3.5em !important;
}
.fc .fc-today.fc-state-highlight {
    background: none repeat scroll 0 0 #faf2cc;
}
.fc-day-grid-event .fc-content.invoiced,
.fc-time-grid-event .fc-bg.invoiced {
    background-color: #84bd68;
    opacity: 1;
}
