/* Navbar */
.navbar-brand > img.img-svg {
    display: inline;
}

.navbar-brand {
    width: 215px;
}

/*old fieldset fix that has now been fixed another way */
/*.navbar-right a {
    width: 155px;
}*/

.navbar-nav li input {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* X-EDITABLE STYLES */
.editable-container.editable-inline,
.editable-container.editable-inline .control-group.form-group,
.editable-container.editable-inline .control-group.form-group .editable-input,
.editable-container.editable-inline .control-group.form-group .editable-input textarea,
.editable-container.editable-inline .control-group.form-group .editable-input select,
.editable-container.editable-inline .control-group.form-group .editable-input input:not([type=radio]):not([type=checkbox]):not([type=submit]) {
    width: 100%;
}

a.editable-click {
    border-bottom: none;
    color: #1B3449;
}

    a.editable-click:hover {
        color: #1B3449;
        cursor: pointer;
    }

        a.editable-click:hover::after {
            content: ' \f040';
            font-family: FontAwesome;
            color: #1B3449;
            font-style: normal;
        }

        a.editable-click.editable-disabled:hover::after {
            content: '';
        }

        a[data-type="select"].editable-click:hover::after, a[data-type="checklist"].editable-click:hover::after, a.search.editable-click:hover::after {
            content: '';
        }

    a.search.editable-click::before{
        content: ' \f002 ';
        font-family: FontAwesome;
    }

.editable-submit {
    background-color: #92C04F;
    border-color: #74993f;
}

    .editable-submit:hover {
        background-color: #74993f;
        border-color: #57732f;
    }

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    background-color: #bac2c8;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #bac2c8;
    border: 1px solid rgba(186, 194, 200, 0.3);
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    white-space: normal;
    color: #000;
}

    .popover.top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #bac2c8;
    }

    .popover.bottom > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #bac2c8;
    }

.popover-title{
    border-radius:0;
}

.textbox-min {
    min-width: 40px;
}

.panel-filter {
    background-color: #f5f5f5;
}

.program-table tbody tr td {
    vertical-align: top;
}

.retailer-info a{
    overflow-wrap: break-word;
}

.table .btn-group .menu-long { /*Extender of dropdown-menu*/
    max-height: 300px;
}

.btn-group-wide {
    width: 100%;
}

.program-table tbody .reviewable {
    position: relative;
    padding-bottom: 2.5em;
    padding-top: 14px;
}

.program-table td:last-of-type {
    min-width: 100px;
}

td .mark-reviewed{
    position: absolute;
    bottom: 0;
    right: 0.5em;
}

.program-items tbody tr td{
    padding-top: 0 !important;
}

.modal-body {
    overflow-y: auto;
    max-height: 600px;
}

@media screen and (min-width: 768px) {
	#importModal .modal-dialog {
        width: 768px;
	}
    
    #importModal .modal-body {
        max-height: 700px;
    }
}

@media screen and (min-width: 992px) {
	#importModal .modal-dialog {
        width: 900px;
	}
    
    #importModal .modal-body {
        max-height: 900px;
    }
}

@media screen and (max-width: 991px) {
    .table input.program-description {
        width: 120px;
    }
}

.input-status-filter {
    cursor: pointer;
    font-weight: normal;
}

.no-pad {
    padding-left: 0;
    padding-right: 0;
}

/* for the modal progress, we're just giving feedback to the user, so we want it to operate like it has been
    as a modal at the right time, but we don't want it to prevent the user from doing anything... just provide feedback
*/
.modal-progress .progress-bar {
    width: 100%;
}

.truncate {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-wide {
    overflow: hidden;
    overflow-y: scroll;
    text-overflow: ellipsis;
    /*height: 150px;*/
}

.truncate-wide::-webkit-scrollbar {
    width: 20px;
}

.truncate-wide::-webkit-scrollbar-track {
    background-color: transparent;
}

.truncate-wide::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border: 6px solid transparent;
    border-radius: 20px;
    background-clip: content-box;
}

.truncate-wide::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
}

.contract-details-pager .alert {
    margin-bottom: 0;
}

td.caluculated-value span {
    font-style: normal;
    text-decoration: none;
}

.calculated-value-edited .calculated-value span {
    font-style: italic;
    text-decoration: line-through;
}

.calculated-value-edited .calculated-value span::after {
    content: "*";
}

table.calculated-value-edited, table.program-table tr.calculated-value-edited td.calculated-value {
    background-color: #fcf8e3;
}

table.contract-totals.calculated-value-edited a.btn {
    display: inherit;
}

div.contract-details div.under-contract h4.retailer-invoice-num a.editable-empty {
    color: red;
}

div.contract-details table.contract-totals tr.no-zero-quantities,
div.contract-details.not-under-contract table.contract-totals tr.no-zero-quantities,
div.contract-details.not-under-contract table.contract-totals tr.zero-quantity-count {
    display: none;
}

.total-row {
    border-top: solid 2px #707070;
    background-color: #fcf8e3 !important;
}

.total-row :first-child{
    font-weight: bold
}

.multi-select{
    margin-left: 5px;
    font-weight: normal;
    cursor: pointer;
    width: 96%;
    margin-left: 10px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 3px;
} 

.multi-select input {
    margin-right: 5px;
}

p.import-label {
    margin-bottom: 5px;
}

.invoice-attachment {
    padding-top: 5px;
}

.pnl-confirm-delete {
    padding: 4px;
    margin-bottom: 0px;
}

.pnl-delete-contract {
    padding-bottom: 5px;
    text-align: right;
}

.pnl-hidden {
    display: none;
}

@media screen and (min-width: 992px) {
    .modal.invoice-due-email .modal-body {
        padding-top: 5px;
        padding-bottom: 5px;
        overflow-x: hidden;
    }
}

.datepicker-dropdown.dropdown-menu {
    z-index: 1060 !important;
}

.contract-details .program-items .dropdown-toggle {
    border-radius: 4px 0 0 4px;
}

.contract-details .program-table .program-items .dropdown-toggle + .btn-add {
    border-radius: 0 4px 4px 0;
}

@media screen and (min-width: 992px) {
    .contract-details .program-items .dropdown-toggle {
        width: 84%;
    }
}

@media screen and (min-width: 1200px) {
    .contract-details .program-items .dropdown-toggle {
        width: 90%;
    }
}

#retailItemModal input.form-control {
    text-transform: uppercase;
}

.invoice-summary {
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

small.contract-status {
    display: block;
}

@media (min-width: 768px) {
    small.contract-status {
        display: inline-block;
        float: right;
    }
}

.select2v4-container--default .select2v4-results > .select2v4-results__options {
    max-height: 300px;
}

table.chkbox-splitting-codes > tbody > tr > td > input {
    margin-right: 5px !important;
}

.badge-warning {
    background-color: #ffa500 !important;
}

.badge-success {
    background-color: #5cb85c !important;
}

.animate {
    transition: all 0.2s ease-in-out;
}

/* styling change on button to get it to match the shell request support button */
.report-a-bug-panel #btnShowTutorial {
    border-radius: 2px 2px 0 0;
}

.border-right {
    border-right: 1px solid #ddd !important;
}

.border-right-0 {
    border-right: 0px !important;
}

.border-none {
    border: none !important;
}

.custom-program-table-border {
    border: 1px solid #dee2e6 !important;
}

table.program-table tr td:first-child,
table.program-table tr th:first-child {
    border-left: none;
}

table.program-table tr td:last-child,
table.program-table tr th:last-child {
    border-right: none;
}

table.program-table tr:last-child td,
table.program-table tr:last-child th {
    border-bottom: none;
}

.placeholder-transparent {
    padding: 0px !important;
    border-bottom: solid 1px transparent !important;
    height: 0px !important;
}

.border-bottom-gray {
    border-bottom: 1px solid #eaeaea;
}

.white-space-normal {
    white-space: normal;
}