/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/*
    Created on : Jul 6, 2016, 10:53:49 AM
    Author     : brad
*/

/** Specify the font family to be used within the body */

body {
    font-family: "Lato", Georgia, sans-serif;
    background-color: #A6ADB6;
}

footer {
    text-align: right;
}

hr {
    border-color: black;
}

.table-striped>tbody>tr:nth-child(2n), .table-striped>tbody>tr:nth-child(2n) {
    background-color: #EAEDEE;
}

.table-hover tbody tr:hover {
    background: #f5f5f5;
}

.table-hover tbody tr.sync-hover {
    background: #f5f5f5;
}

.panel {
    background-color: #16525A;
    border: none;
}

.panel-body {
    background-color: #EAEDEE;
    margin: 30px auto 0;
    margin-top: 0;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
    border-radius: 0px 0px 5px 5px;
}

.panel-default>.panel-heading, thead {
    background-color: #16525A;
    color: white;
}

.dr-logo {
    color: #E8E9E9;
    font-size: 30px;
}

.dr-logo sup {
    color: white;
    font-size: 12px;
}

.dr-sidebar {
    background-color: #16525A;
    margin: 0px auto 0;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
}

.dr-sidebar-active {
    background-color: #16525A;
}

.dr-sidebar>ul {
    padding-left: 0;
}

.dr-sidebar>ul>li>ul {
    padding-left: 30px;
}

.dr-sidebar>ul>li {
    padding: 0;
}

.dr-sidebar>ul>li a {
    padding: 0 0 0 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    display: block;
    /*border-bottom: 1px solid rgba(204, 204, 204, 0.6);*/
    color: #CFCFCE;
}

.dr-sidebar ul li a.activemenuitem {
    background-color: #103A3A;
    display: block;
    width: 100%;
    border-bottom: none;
    font-weight: 400;
    color: white;
    font-size: 15px;
    margin-top: 0px;
}

.dr-sidebar ul li:last-of-type a {
    background-color: #16525A;
}

.dr-sidebar ul li:last-of-type ul li a.activemenuitem {
    background-color: #103A3A;
    padding-bottom: 5px;
}

.dr-sidebar>ul>li>ul>li a {
    border-bottom: none;
    padding-bottom: 0;
}

.dr-sidebar>ul>li a:hover {
    color: white !important;
    text-decoration: none;
}

.dr-sidebar ul {
    list-style: none;
}

.dr-sidebar>ul>li:last-child {
    padding-bottom: 10px;
}

.dr-sidebar a {
    color: white;
}

.dr-sidebar li {
    padding-top: 10px;
}

.modal-header {
    background-color: #16525A;
    color: white;
    text-align: center;
}

.navbar-default {
    background-color: #16525A;
    border-bottom: none;
    padding: 10px 0;
    z-index: 9;
}

.navbar-nav {
    margin-left: 30px;
}

.navbar-nav li a {
    text-transform: capitalize;
}

.navbar-right {
    margin-right: 30px;
}

body .navbar-default .navbar-right>li>a {
    color: #E8E9E9;
}

.navbar-default .navbar-nav>li>a {
    color: #E8E9E9;
}

.navbar-default .navbar-nav>li>a:hover {
    color: white;
}

.navbar-default .navbar-right>li>a {
    color: #0096CE;
}

/* These set the nav-tab colors for active and inactive items */

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: white;
    background-color: #103A3A;
}

/* These set the nav-tab colors for active and inactive items */

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: white;
    background-color: #103A3A;
    border-radius: 0;
    border: none;
    font-size: 16px;
}

.nav-tabs>li>a, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
    color: #CFCFCE;
    background-color: #18535B;
    border-radius: 0;
    border: none;
    font-size: 16px;
}

.nav-tabs>li a:hover {
    color: white !important;
}

/* This fills in whitespace at the bottom of the nav-tabs */

.nav-tabs {
    border-bottom: none;
}

.nav-tabs>li {
    margin-bottom: 0;
}

.fa-btn {
    margin-right: 6px;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

/** Sets the look of active menu items. Primarily for the side menu */

a.activemenuitem {
    font-size: larger;
    font-weight: bold;
}

a[disabled="disabled"] {
    pointer-events: none;
}

/** Sets the background colour of required items */

input:required, select:required, textarea:required {
    background-color: #d6f1f5 !important;
    color: black;
}

input:required::placeholder, select:required::placeholder, textarea:required::placeholder {
    color: black;
}

input:readonly, select:readonly, textarea:readonly {
    background-color: rgb(250, 255, 189);
}

/* Used to highlight invalid items on return from server validation */

.customInvalid {
    border: 3px solid red;
}

/* Moving the add button to above the table */

.btn-add {
    margin-left: 15px;
    background-color: #417BBF;
    border-color: #195266;
}

.dataTables_length {
    float: left;
}

/*Remove the increment/decrement on number fields, so they display as text fields.*/

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

/** Required css for the jquery autocomplete to work. */

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 4px;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    _border-right-width: 2px;
    _border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

/*
* UIS Styling
*/

.form-control:focus {
    border: 1px solid black;
    box-shadow: 0 0 5px black;
}

.datepicker thead {
    background-color: white;
    color: black;
}

/* THP - Always show datepicker above modals */

.ui-datepicker {
    position: relative;
    z-index: 10000 !important;
}

.filterRow input {
    color: black;
}

.filterRow {
    background-color: white;
}

.hidden {
    display: none;
}

.notes-button-active {
    color: blue;
}

.notesfield>textarea.notesfield-text {
    width: 100%;
}

.notesfield>textarea.notesfield-text:not([ data-readonly]) {
    background-color: white;
}

.notesfield-textmodal {
    width: 100%;
}

tr>td.textarea-truncated {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 1px;
    cursor: pointer;
    color: blue;
}

tr>td>span.textarea-truncated {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 1px;
    cursor: pointer;
    color: blue;
}

.textarea-truncated-content {
    width: 100%;
}

/* Put the master comments modal on top of other modals (1050 is the default for bootstrap modals) */
.field-mastercomments-modal {
    z-index: 1060
}

.addBtn {
    float: left;
}

.modal-header>.close {
    color: white;
}

.btn-excel>.glyphicon, .btn-excel-favourite>.glyphicon, .btn-edit-favourite>.glyphicon, .btn-report>.glyphicon, .btn-email>.glyphicon {
    font-size: 20px;
}

.btn-excel, .btn-report {
    background-color: #417BBF;
    color: white;
    margin-left: 15px;
    line-height: 12px;
}

.btn-excel-favourite, .btn-edit-favourite {
    margin-left: 15px;
    line-height: 12px;
}

.btn-email {
    margin-left: 15px;
    line-height: 12px;
}

.clear {
    clear: both;
}

.center {
    text-align: center;
}

.chosen-drop {
    min-width: 100px;
}

.chosen-container {
    min-width: 75px;
}

/* Lookup preset sizes */
.lookup-md+.chosen-container {
    min-width: 150px;
}
.lookup-lg+.chosen-container {
    min-width: 250px;
}

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

.check-green {
    color: green;
}

.check-red {
    color: red;
}

.check-orange {
    color: orange;
}

.filter-from, .filter-to {
    width: 14ch !important;
}

.form-border {
    border: 1px solid lightgrey;
    padding: 5px;
}

.form-border-left {
    border-left: 1px solid lightgrey;
}

.form-border-right {
    border-right: 1px solid lightgrey;
}

.form-border-bottom {
    border-bottom: 1px solid lightgrey;
}

.sub-border {
    border: 1px dashed lightgrey;
    padding: 5px;
}

.capitalize {
    text-transform: uppercase;
}

label.capitalize {
    text-transform: none;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    text-transform: none;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    text-transform: none;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    text-transform: none;
}

input.field-calculated, input.field-calculated[disabled], input.field-calculated[readonly], td.calculated, th.calculated, div.calculated {
    background-color: rgb(250, 255, 189);
}

tfoot>tr>td.calculated {
    text-align: right;
}

/* Universal row selection styling */
.row-selected {
    background-color: #107998 !important;
}

.row-selected td {
    color: white;
}

/*  Custom 'required' components  */

select.lookup:required+div.chosen-container {
    border: 3px solid #d6f1f5;
    border-radius: 8px;
}

select.multiselect:required+div.chosen-container {
    border: 3px solid #d6f1f5;
    border-radius: 8px;
}

input.multiselect-placeholder {
    height: 29px;
    /* This should always match the height for lookups + margin/padding (chosen.css) */
}

input.notes-text-hidden[required]+a.notes-button {
    border: 3px solid #d6f1f5;
    border-radius: 8px;
}

.modal-full {
    width: 98%;
    height: 92%;
}

.dataentrygrid-embed-add {
    margin-bottom: 6px;
}

div.dataentrygrid-holder .chosen-container {
    width: 100% !important;
}

.dataentrygrid input.form-control, .dataentrygrid-embed input.form-control {
    width: 100%;
    min-width: 100px;
}

.dataentrygrid input.form-control[type=checkbox], .dataentrygrid-embed input.form-control[type=checkbox] {
    width: auto;
    min-width: 0px;
}

.dataentrygrid select.form-control, .dataentrygrid-embed select.form-control {
    width: 100%;
    min-width: 100px;
}

.dataentrygrid .input-group, .dataentrygrid-embed .input-group {
    width: 100%;
    min-width: 150px;
}

.dataentrygrid .input-group-addon.datepicker-addon, .dataentrygrid-embed .input-group-addon.datepicker-addon {
    width: 10%;
    min-width: 30px;
}

.opening-button {
    background-color: #107998;
}

.excelBtn {
    float: left;
}

.odd td {
    color: #333;
}

button[data-target="#opening-find"] {
    background-color: #107998;
}

.btn-primary {
    background-color: #107998 !important;
}

.btn-primary:hover {
    background-color: #106377 !important;
}

.btn-primary.active {
    background-color: #106377 !important;
}

.error-border {
    border: 2px solid red;
}

.error-border:focus {
    border: 2px solid red;
    box-shadow: 0 0 5px red;
}

.documents-email, .documents-download {
    color: black;
    font-size: 30px;
    padding: 0;
}

.documents-all, .documents-none, .documents-filter {
    font-size: 24px;
    padding: 0;
}

.field-openingfilter {
    text-align: left;
}

/*
* Submission text colors
*/

.submission-success {
    color: green;
}

.submission-fail {
    color: red;
}

.submission-default {
    color: black;
}

/***** Dashboard Report *****/

tr.silv-forecast-header, td.silv-forecast-header {
    background-color: #9bbf61;
    color: #FFFFFF;
}

tr.silv-forecast-total, td.silv-forecast-total {
    background-color: #000000;
    color: #FFFFFF;
}

table.silv-forecast tr:nth-child(2n) td:not(.silv-forecast-total) {
    border-bottom: 2px solid black;
}

table.silv-forecast td:not(.silv-forecast-header) {
    text-align: right;
}

tr.silv-forecast-header th, tr.silv-forecast-header td {
    text-align: center;
}

/***** Chartist Overrides *****/

.ct-series-a .ct-slice-pie {
    /* fill of the pie slieces */
    fill: #4b87c6;
    stroke: #E7E7E7;
    stroke-width: 3px;
}

.ct-series-b .ct-slice-pie {
    /* fill of the pie slieces */
    fill: #cc7363;
    stroke: #E7E7E7;
    stroke-width: 3px;
}

.ct-series-c .ct-slice-pie {
    /* fill of the pie slieces */
    fill: #f49542;
    stroke: #E7E7E7;
    stroke-width: 3px;
}

.ct-series-d .ct-slice-pie {
    /* fill of the pie slieces */
    fill: #93bc73;
    stroke: #E7E7E7;
    stroke-width: 3px;
}

.ct-series-e .ct-slice-pie {
    /* fill of the pie slieces */
    fill: #84d4d6;
    stroke: #E7E7E7;
    stroke-width: 3px;
}

.ct-series-f .ct-slice-pie {
    /* fill of the pie slieces */
    fill: #bc86ef;
    stroke: #E7E7E7;
    stroke-width: 3px;
}

.ct-series-g .ct-slice-pie {
    /* fill of the pie slieces */
    fill: #edde5e;
    stroke: #E7E7E7;
    stroke-width: 3px;
}

.ct-series-h .ct-slice-pie {
    /* fill of the pie slieces */
    fill: #826836;
    stroke: #E7E7E7;
    stroke-width: 3px;
}

/**** Fix/Hack for multiselect placeholders in chosen.js ****/

li.search-field input.default {
    width: 100% !important;
}

.table-responsive {
    white-space: nowrap;
}

.favourite-all, .favourite-none {
    color: white;
}

td.grid-right, input.grid-right {
    text-align: right;
}

.dataTables_processing {
    color: white;
    font-weight: bold;
}


.hover-cursor-pointer:hover {
    cursor: pointer;
}

td.overflow-hidden {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

td.overflow-visible {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}