:root {
    --nd-brand: #018eb7;
    --nd-brand-dark: #017399;
    --nd-brand-darker: #0b6e82;
    --nd-brand-light: #e6f4f8;
    --nd-brand-soft: rgba(1, 142, 183, .18);
    --primary: #018eb7;
    --purple: #018eb7;
    --blue: #018eb7;
}
.text-primary,
.layout-sidebar-large .sidebar-left .navigation-left .nav-item.active,
.layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .nav-item-hold {
    color: var(--nd-brand) !important;
}
a.text-primary:focus,
a.text-primary:hover {
    color: var(--nd-brand-dark) !important;
}
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff !important;
    background-color: var(--nd-brand) !important;
    border-color: var(--nd-brand) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
    color: #fff !important;
    background-color: var(--nd-brand-dark) !important;
    border-color: var(--nd-brand-dark) !important;
    box-shadow: 0 0 0 .2rem var(--nd-brand-soft) !important;
}
.btn-outline-primary {
    color: var(--nd-brand) !important;
    border-color: var(--nd-brand) !important;
    background-color: transparent !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary.active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #fff !important;
    background-color: var(--nd-brand) !important;
    border-color: var(--nd-brand) !important;
}
.badge-primary,
.bg-primary {
    background-color: var(--nd-brand) !important;
    border-color: var(--nd-brand) !important;
    color: #fff !important;
}
.border-primary,
.border-bottom-primary {
    border-color: var(--nd-brand) !important;
}
.card-icon-bg-primary [class^=i-],
.card-icon-bg-primary i {
    color: var(--nd-brand) !important;
}
.layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .triangle {
    border-color: transparent transparent var(--nd-brand) !important;
}
.page-item.active .page-link,
.pagination .page-item.active .page-link {
    background-color: var(--nd-brand) !important;
    border-color: var(--nd-brand) !important;
}
.page-link {
    color: var(--nd-brand);
}
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
    color: var(--nd-brand) !important;
    border-color: var(--nd-brand) var(--nd-brand) #fff !important;
}
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--nd-brand) !important;
    border-color: var(--nd-brand) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--nd-brand) !important;
}

#loading-message {
    display: none;
    padding: 30px;
    background: rgba(0,0,0,0.8);
    border-radius: 10px;
    color: #FFF;
    text-align: center;
    z-index: 99999;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    cursor: default;
    position: fixed;
}
.appform label{
    /*font-weight: 900;*/
    font-size: 12px;
}
.error{
        color: #e41616 !important;
}

.btn-white{
    border: 1px solid #E0E0E0;
    background: #fff;
}

.btn-default{
    border: 1px solid var(--nd-brand);
    background: #fff;
}




.main-header .logo,
.layout-sidebar-large .main-header .logo {
    width: 180px !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: visible;
}
.main-header .logo img,
.layout-sidebar-large .main-header .logo img {
    width: 150px !important;
    height: auto !important;
    max-width: 150px !important;
    max-height: 40px !important;
    object-fit: contain !important;
    display: block;
    margin: 14px 12px;
}
.auth-logo img {
    width: 220px;
    height: auto;
    max-height: 48px;
    object-fit: contain;
}

.view-as-list.active, .view-as-form.active{
    background: var(--nd-brand);
    color: #fff;
}
.left{
    float: left;
}
.right{
    float: right;
}
.row{
    clear: both;
}

.TopToolBar{
    display: block;
    min-height: 34px;
    margin-bottom: 10px;
}
.tbl-filter{
    margin: 10px 0px;
}
.table{
/*    border: 1px solid #E0E0E0;*/
}
.table:focus{
    outline: none;
}
.table .active{
    background: #ECEFF1;
}

.hide{ display: none;}