/** =================================================== **/
/*  CUSTOM STYLES
/** =================================================== **/

* {
    margin: 0;
}

html, body {
    height: 100%;
}

hr {
    margin-top: 10px;
}

h1, h2, h3, h4, legend {
    color: #116d76;
}

.page-wrap {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -50px;
}

.page-wrap:after {
    content: "";
    display: block;
}

.site-footer, .page-wrap:after {
    height: 50px;
}

.site-footer {
    background: #01545b;
    color: #ffffff;
}

.top-bar-left, .top-bar-right {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 50px;
    color: #ffffff;
    margin-bottom: 0px;
}

.top-bar-left a, .top-bar-right a {
    color: #ffffff;
    display: block;
    padding-top: 5px;
}

.top-bar-left {
    background: #01545b;
    text-align: left;
}

.top-bar-left h1 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: #ffffff;
}

.top-bar-right {
    background: #116d76;
    text-align: right;
}

.top-bar-right .user-info p {
    margin: 0;
    padding-top: 5px;
    text-align: left;
}

.content {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

header {
    background-color: #308e97;
    color: #ffffff;
    font-size: 30px;
    padding: 0;
    height: 50px;
}

header .header-title {
    padding-left: 80px
}

li.name h1 {
    color: #ffffff;
}

.num-right {
    text-align: right !important;
}

.num-center {
    text-align: center !important;
}

.report-header-title,
.report-header-type {
    color: #01545b;
}

.report-header-title {
    font-weight: bold;
}

.report-header-type {
    font-style: italic;
}

.add-link {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 1.25rem;
    position: absolute;
    top: 15px;
    right: 30px;
    text-align: center;
    text-decoration: none;
    padding: 1rem 2rem 1.0625rem 2rem;
    font-size: 1rem;
    background-color: #966600;
    color: #fff;
    clear: both;

}

.add-link:hover {
    text-decoration: none;
    display: block;
    cursor: pointer;
    background-color: #008CBA;
    border-color: #007095;
    color: #fff;
    transition: background-color 300ms ease-out;
}

.index table {
    margin-top: 3rem;
}

/* main nav */
.nav-pills {
    padding-top: 10px;
}

.nav-pills > li > a {
    color: #01545b;
    text-transform: uppercase;
    font-weight: bold;
}

/* forms */
form {
}

label {
    padding-bottom: 5px;
    font-weight: bold;
    text-transform: uppercase;
}

label small {
    font-style: italic;
    color: #c9302c;
}

legend {
    display: block;
    color: #116d76;
}

input[type="file"] {
    padding: 5px 0 40px 5px;
    border: 1px solid #cccccc;
    max-width: 500px;
    background: #fafafa;
    color: #c9302c;
}

.required > label:after {
    content: ' *';
    color: #C3232D;
}

/* panels & buttons */
.btn-cake {
    color: #fff;
    background-color: #116d76;
    border-color: #01545b;
}

.btn-cake:hover {
    color: #ffffff;
    background-color: #01545b;
    border-color: #01545b;
}

.panel-cake {
    border-color: #116d76;
}

.panel-cake > .panel-heading {
    color: #ffffff;
    background-color: #116d76;
    border-color: #116d76;
}

/* tables */
table thead > tr > th > a {
    color: #000000;
}

th.actions, td.actions {
    width: 150px !important;
    text-align: center;
}

td.actions a {
    display: inline-block;
    padding: 0;
    color: #666666;
}

td.actions a:hover {
    color: #de770f;
}

td.actions a i.fa-border {
    border: solid .08em #999999;
}

table.space-rows {
    border-collapse: separate;
    border-spacing: 0 0.5em;
}

table.space-rows tbody > tr {
    background: #f7f7f9;
    border: none;
}

table.space-rows tbody > tr:hover {
    cursor: move;
}

table.space-rows tbody > tr > td {
    border-top: none;
}

table.sales-totals td {
    font-size: 2rem;
}

/* login */
.login {
    max-width: 500px;
    margin: 50px auto 0 auto;
}

/* WYSIWIG editor */
.trumbowyg-editor pre {
    box-shadow: none;
}

/* datepicker */
.flatpickr-input[readonly] {
    max-width: 100px;
    background: #ffffff !important;
}

/* searchform */
.search-form-container {
    height: 55px;
    padding: 10px;
    background: #efefef;
}

/* report filter */
#filterForm {
    margin-top: 2rem;
    padding: 1rem;
    background: #fefefe;
}

.add-remove {
    padding-top: 2.5rem;
}

/* Datepickers */
#datepicker {

}

.attachments > .badge {
    background: transparent !important;
}

a.remove-file span {
    color: #cc0000 !important;
}

a.file-link {
    color: #000000 !important;
    font-weight: 600;
}

a.file-link:hover {
    color: #337ab7;
}

.csv-errors h4 {
    color: #cc0000;
    margin: 0;
}