﻿:root {
    --primaryColor: #101145;
}

@media (min-width: 575px) {
    .label-wrapper {
        float: right;
    }
}

@media (max-width: 575px) {
    .label-wrapper {
        float: left;
    }
}

.button-column {
    text-align: center;
}

.fa {
    padding-right: 5px !important;
}

input[disabled] {
    /*background-color: white !important;*/
}

textarea[disabled] {
    /*background-color: white !important;*/
}

select[disabled] {
    /*background-color: white !important;*/
}

a.cursorlink:hover {
    cursor: pointer;
}

.hidden {
    display: none;
}

.grouphidden {
    display: none;
}


.btnExportExcel {
    position: relative;
    float: right;
    margin-left: 21px;
}

/*.card-body .form-control {
max-width: 425px;
}*/

label.form-checklabel {
    font-weight: bold;
}

.button-horizontal-align {
    margin-top: 29px;
}

.form-azm-check {
    margin-top: 33px;
    max-width: 61px;
}

.columnNoWrap {
    white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #007bff;
    border-color: #006fe6;
    color: #fff;
    padding: 0 10px;
    margin-top: .31rem;
}

.text-sm .select2-container--default .select2-selection--multiple, select.form-control-sm ~ .select2-container--default .select2-selection--multiple {
    min-height: 30px !important;
}

select.form-control-sm ~ .select2-container--default {
    font-size: 0.75rem;
}

.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered, select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 .25rem 0;
    margin-top: -.1rem;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.LookupSearchHeader {
    margin-left: 10px;
}

#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.label-wrapper {
    display: table;
    min-height: 28px;
    padding-top: 2px;
    text-align: right;
}

.content-ribbon {
    padding: 10px;
}

.content-ribbon button {
    margin-left: 6px;
    float: right;
}


.button-ribbon a {
    margin-left: 6px;
    float: right;
}

.pull-left{
    float: left;
}

.pull-right {
    float: right;
}

.content-ribbon {
    display: flow-root;
}

.content-header > h1 > small {
    color: #0076BB;
    font-weight: normal;
    margin-left: 6px;
}

.content-header > h1 > small {
    font-size: 15px;
    display: inline-block;
    padding-left: 4px;
    font-weight: 300;
}

.content-wrapper > .content {
    padding: .5rem .5rem;
}


.longText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-primary {
    color: #fff;
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
}

.btn-outline-primary {
    color: var(--primaryColor);
    border-color: var(--primaryColor);
}

.btn-outline-primary:hover {
    color: #ffffff;
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: var(--primaryColor);
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #ffffff;
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--primaryColor);
    border-color: #ffffff;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
}

[class*='sidebar-dark-'] {
    background-color: rgb(145,145,145);
}

[class*=sidebar-dark] .brand-link {
    border-bottom: 1px solid #1d1f23;
    color: #c2c7d0;
}

[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link {
    color: #c2c7d0;
}

.dataTables_wrapper .table th, .table td {
    overflow: overlay;
}

.card-primary:not(.card-outline) > .card-header {
    background-color: var(--primaryColor);
}

.mt-2 {
    background-color: #1d1f23;
}

.os-content{
    padding: 0px 0px 8px 8px !important;
}

.badge-primary {
    background-color: var(--primaryColor);
}

.GridRowGrouping tr.odd td:first-child,
.GridRowGrouping tr.even td:first-child {
    padding-left: 3em;
}

.GridRowGrouping > tbody > .dtrg-group:hover {
    cursor: pointer;
}