﻿.system-name {
    padding-top: 0;
    margin-bottom: 8px;
}
.system-owner {
    margin-bottom: 8px !important;
}
td.button-group {
    width: 125px;
}

.notes-error {
    display: none
}
select.flatpickr-yearDropdown {
    font-size: 15px;
}
.glyphicon {
    top: -1px;
}
.btn-default { color: #333 !important; }
    span#spin {
    position: absolute;
    left: 10px;
    height: 10px;
}
.form-group.required .control-label:after
, .col-md-12.required .control-label:after 
, .col-md-6.required .control-label:after 
{
    content: " *";
    color: red;
}
    span#spin .fa-3x {
        font-size: 15px;
    }

.select2-container--default .select2-selection--single {
    border-radius: 1px;
}

.select2-container .select2-selection--single {
    height: 32px;
}

div:not(.btn-group) > .btn {
    margin: 0 10px;
    margin-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 32px;
}

.pagination {
    margin-top: 0
}

ul.main-menu li ul {
    background-color: #1D1D1D;
}

ul.main-menu > li.active > a {
    background-color: #de9d29;
    color: #FFFFFF;
}

ul.main-menu .nav > li > a.active, ul.main-menu .nav > li > a:hover, ul.main-menu .nav > li > a:focus, ul.main-menu .nav > li.has-sub.active > a, ul.main-menu > li > a:hover {
    background-color: #623c00 !important;
    color: #FFFFFF;
}

.page-sidebar {
    background-color: #990000 !important;
    /* background-color: #1a1a1a !important;*/ /*Test Environment*/
}

.login-content a {
    color: #990000;
}

.niche-hide {
    display: none
}

.checkbox-cont {
    border: 1px solid #c2cfd6;
    padding: 6px 15px;

}

.form-paginated {
    display: inherit
}

#table-filter_length label {
    top: 28px;
    position: relative;
}

.pagination-container {
    float: right;
}

.panel-heading {
    border-bottom: 1px solid #ddd;
}

.action-buttons .btn-group ul, .action-buttons .btn-group li {
    padding: 0;
    margin: 0;
}

.action-buttons .btn-group li {
    width: 100%;
}

    .action-buttons .btn-group li a {
        width: 100%;
        padding: 8px 10px;
    }

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #d68f1e;
    border-color: #d68f1e;
}

.panel-primary {
    border-color: #ddd;
}

table.nutrition-management ul {
    padding: 0;
    margin: 0;
    padding-left: 15px;
}

table.nutrition-management table ul li {
    padding: 0;
    margin: 0;
}

button.btn.btn-success.btn-block.btn-sm {
    margin-top: 15px;
}

button.btn.btn-default.btn-sm.btn-reset.btn-block {
    margin-bottom: 5px;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

table.table.table-bordered.bfci-table, .bfci-bordered {
    border: 2px solid #000000;
    
}

.bfci-table .form-control {
    min-width: 50px;
}

.bfci-bordered-top {
    border-top: 2px solid #000000 !important;
}

.bfci-bordered-bottom {
    border-bottom: 2px solid #000000 !important;
}

.bfci-bordered-left {
    border-left: 2px solid #000000 !important;
}

.bfci-bordered-right {
    border-right: 2px solid #000000 !important;
}

table.table.table-bordered.bfci-table td {
    border-color: #000000 !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}
.margin-bottom-5 {
    margin-bottom: 5px !important;
}
.margin-bottom-10 {
    margin-bottom: 10px !important;
}
.x_panel {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 10px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease;
    border-top: 0;
}

.x_content {
    padding: 0 5px 6px;
    position: relative;
    width: 100%;
    float: left;
    clear: both;
    margin-top: 5px;
}

.main-content {
    padding-top: 0px;
}

.main-container {
    background-color: #F7F7F7;
    padding: 10px;
}

.page-title {
    font-size: 20px;
    margin-bottom: 10px;
}

.export-buttons {
    position: absolute;
    right: 0;
    top: -60px;
}

.btn-group, .btn-group-vertical {
    min-width: 105px;
}

.page-container {
    width: 99% !important;.page-sidebar
    /* background: #1a1a1a !important;  */ /*Test Environment*/
        background-color: #d68f1e !important;
}

.form-paginated .control-label, .form-vertical .control-label {
    text-align: left;
    width: 100%;
}

span.multiselect-native-select {
    position: relative;
    width: 100%;
    display: block;
}

button.multiselect.dropdown-toggle.btn.btn-default {
    width: 100%;
    text-align: left;
}

.multiselect-native-select .btn-group {
    width: 100%;
}

b.caret {
    float: right;
    margin-top: 10px;
}

.table-responsive, .scrollable {
    display: block;
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    clear: left;
    height: auto;
}

td, th {
    font-size: 13px
}
.page-sidebar {
    width: 230px ;
}
ul.main-menu li ul > li > a {
    padding-left: 50px;
}
ul.main-menu li a {
    padding: 12px 15px;
    font-size: 13px;
}
    .form-paginated {
    -webkit-box-shadow: 5px 5px 10px 3px #3336;
    box-shadow: 5px 5px 10px 3px #3336;
    display: block;
    float: left;
    width: 100%;
    padding-top: 15px;
}

.ajax-loader {
    background: #000 none repeat scroll 0 0;
    height: 100%;
    opacity: 0.9;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9999;
    display: none;
}

    .ajax-loader > img {
        position: relative;
        top: 45%;
    }
.password-field .input-group-addon {
    cursor: pointer;
}
#CaptchaInputText {
    padding: 8px 8px;
}
ul.main-menu > li > ul > li:before, ul.main-menu > li > ul > li:after, ul.main-menu li ul li:after {
    left: 10px;
}
ul.main-menu > li > ul:before {
    left: 13px;
}
ul.main-menu li ul li.active:after {
    left: 8px;
}
/*
td,th {
    white-space: nowrap;
}
.table td:last-child, .table th:last-child {
    position: absolute;
    width: 5em;
    right: 0;
    top: auto;
    border-top-width: 1px;

    background: #fff;
}
    */
    /*
    table {
    table-layout: fixed;
    width: 100%;
}
    td {
    border: 2px solid #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
th{overflow: hidden}
*/
    .form-group.required .control-label:after {
    content: " *";
    color: red;
}

.table td.fit,
.table th.fit {
    white-space: nowrap;
    width: 1%;
}
.form-group{padding-bottom: 15px}
.hidden-temp {display: none}

h1.page-title, .system-name {
    color: #d68f1e;
    font-weight: bold;
}
h2, h3, .system-owner {
    color: #d68f1e;
}
.system-owner, .system-name {
    font-weight: bold;
    text-align: center;
}

.strip {
    height: 3px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.tab a {
    color: #000099;
}

.top-strip {
    border: 0px none;
    margin: 0;
}
.h2, h2 {
    font-size: 20px;
}
h3 {
    font-size: 16px;
}
h4 {
    font-size: 14px;
    margin-bottom: 12px;
}
h5 {
    font-size: 12px;
    margin-bottom: 10px;
}

.bg-black, .btn-black {
    background: #000;
    border-color: #000;
}

.bg-red, .btn-red, .btn-red:active, .btn-red:visited {
    background: #e30613;
    border-color: #e30613;
}

.bg-green, .btn-green {
    background: #009640;
    border-color: #009640;
}
.btn-primary {
    color: #fff;
    background-color: #d68f1e;
    border-color: #d89121;
}
.btn-primary:hover {
    color: #fff;
    background-color: #990000;
    border-color: #990000;
}
.modal-title {
    color: #fff;
}
.bg-success {
    --bs-bg-opacity: 1;
    background-color: #d68f1e;
}
