:root,
[data-bs-theme=light] {
    --bs-text-opacity: 1;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
}

/*== MAIN LAYOUT ==*/

html,body {
    height: 100%;
    background: #006699;
    overflow: -moz-scrollbars-vertical;
}

.overflow-auto {overflow: auto!important}
.overflow-hidden {overflow: hidden!important}

.position-static {position: static!important}
.position-relative {position: relative!important}
.position-absolute {position: absolute!important}
.position-fixed {position: fixed!important}
.position-sticky {position: -webkit-sticky!important; position: sticky!important}
.fixed-top {position: fixed; top: 0; right: 0; left: 0; z-index: 1030}
.fixed-bottom {position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030}


/*=== SIZING AND SPACING ===*/
.w-25{width:25%!important}
.w-33{width:33.33%!important}
.w-50{width:50%!important}
.w-66{width:66.66%!important}
.w-75{width:75%!important}
.w-100{width:100%!important}
.w-auto{width:auto!important}
.h-25{height:25%!important}
.h-50{height:50%!important}
.h-75{height:75%!important}
.h-100{height:100%!important}
.h-auto{height:auto!important}
.mw-100{max-width:100%!important}
.mh-100{max-height:100%!important}
.min-vw-100{min-width:100vw!important}
.min-vh-100{min-height:100vh!important}
.vw-100{width:100vw!important}
.vh-100{height:100vh!important}

@media (min-width: 576px) { /*SM*/
.w-sm-25{width:25%!important}
.w-sm-33{width:33.33%!important}
.w-sm-50{width:50%!important}
.w-sm-66{width:66.66%!important}
.w-sm-75{width:75%!important}
.w-sm-100{width:100%!important}
.w-sm-auto{width:auto!important}
.h-sm-25{height:25%!important}
.h-sm-50{height:50%!important}
.h-sm-75{height:75%!important}
.h-sm-100{height:100%!important}
.h-sm-auto{height:auto!important}
.mw-sm-100{max-width:100%!important}
.mh-sm-100{max-height:100%!important}
.min-vw-sm-100{min-width:100vw!important}
.min-vh-sm-100{min-height:100vh!important}
.vw-sm-100{width:100vw!important}
.vh-sm-100{height:100vh!important}
}
@media (min-width: 768px) { /*MD*/
.w-md-25{width:25%!important}
.w-md-33{width:33.33%!important}
.w-md-50{width:50%!important}
.w-md-66{width:66.66%!important}
.w-md-75{width:75%!important}
.w-md-100{width:100%!important}
.w-md-auto{width:auto!important}
.h-md-25{height:25%!important}
.h-md-50{height:50%!important}
.h-md-75{height:75%!important}
.h-md-100{height:100%!important}
.h-md-auto{height:auto!important}
.mw-md-100{max-width:100%!important}
.mh-md-100{max-height:100%!important}
.min-vw-md-100{min-width:100vw!important}
.min-vh-md-100{min-height:100vh!important}
.vw-md-100{width:100vw!important}
.vh-md-100{height:100vh!important}
}
@media (min-width: 992px) { /*LG*/
.w-lg-25{width:25%!important}
.w-lg-33{width:33.33%!important}
.w-lg-50{width:50%!important}
.w-lg-66{width:66.66%!important}
.w-lg-75{width:75%!important}
.w-lg-100{width:100%!important}
.w-lg-auto{width:auto!important}
.h-lg-25{height:25%!important}
.h-lg-50{height:50%!important}
.h-lg-75{height:75%!important}
.h-lg-100{height:100%!important}
.h-lg-auto{height:auto!important}
.mw-lg-100{max-width:100%!important}
.mh-lg-100{max-height:100%!important}
.min-vw-lg-100{min-width:100vw!important}
.min-vh-lg-100{min-height:100vh!important}
.vw-lg-100{width:100vw!important}
.vh-lg-100{height:100vh!important}
}
@media (min-width: 1200px) { /*XL*/
.w-xl-25{width:25%!important}
.w-xl-33{width:33.33%!important}
.w-xl-50{width:50%!important}
.w-xl-66{width:66.66%!important}
.w-xl-75{width:75%!important}
.w-xl-100{width:100%!important}
.w-xl-auto{width:auto!important}
.h-xl-25{height:25%!important}
.h-xl-50{height:50%!important}
.h-xl-75{height:75%!important}
.h-xl-100{height:100%!important}
.h-xl-auto{height:auto!important}
.mw-xl-100{max-width:100%!important}
.mh-xl-100{max-height:100%!important}
.min-vw-xl-100{min-width:100vw!important}
.min-vh-xl-100{min-height:100vh!important}
.vw-xl-100{width:100vw!important}
.vh-xl-100{height:100vh!important}
}
@media (min-width: 1400px) { /*XXL*/
.w-xxl-25{width:25%!important}
.w-xxl-33{width:33.33%!important}
.w-xxl-50{width:50%!important}
.w-xxl-66{width:66.66%!important}
.w-xxl-75{width:75%!important}
.w-xxl-100{width:100%!important}
.w-xxl-auto{width:auto!important}
.h-xxl-25{height:25%!important}
.h-xxl-50{height:50%!important}
.h-xxl-75{height:75%!important}
.h-xxl-100{height:100%!important}
.h-xxl-auto{height:auto!important}
.mw-xxl-100{max-width:100%!important}
.mh-xxl-100{max-height:100%!important}
.min-vw-xxl-100{min-width:100vw!important}
.min-vh-xxl-100{min-height:100vh!important}
.vw-xxl-100{width:100vw!important}
.vh-xxl-100{height:100vh!important}
}


.m-0{margin:0!important}
.mt-0,.my-0{margin-top:0!important}
.mr-0,.mx-0{margin-right:0!important}
.mb-0,.my-0{margin-bottom:0!important}
.ml-0,.mx-0{margin-left:0!important}
.m-1{margin:0.25rem!important}
.mt-1,.my-1{margin-top:0.25rem!important}
.mr-1,.mx-1{margin-right:0.25rem!important}
.mb-1,.my-1{margin-bottom:0.25rem!important}
.ml-1,.mx-1{margin-left:0.25rem!important}
.m-2{margin:0.5rem!important}
.mt-2,.my-2{margin-top:0.5rem!important}
.mr-2,.mx-2{margin-right:0.5rem!important}
.mb-2,.my-2{margin-bottom:0.5rem!important}
.ml-2,.mx-2{margin-left:0.5rem!important}
.m-3{margin:1rem!important}
.mt-3,.my-3{margin-top:1rem!important}
.mr-3,.mx-3{margin-right:1rem!important}
.mb-3,.my-3{margin-bottom:1rem!important}
.ml-3,.mx-3{margin-left:1rem!important}
.m-4{margin:1.5rem!important}
.mt-4,.my-4{margin-top:1.5rem!important}
.mr-4,.mx-4{margin-right:1.5rem!important}
.mb-4,.my-4{margin-bottom:1.5rem!important}
.ml-4,.mx-4{margin-left:1.5rem!important}
.m-5{margin:3rem!important}
.mt-5,.my-5{margin-top:3rem!important}
.mr-5,.mx-5{margin-right:3rem!important}
.mb-5,.my-5{margin-bottom:3rem!important}
.ml-5,.mx-5{margin-left:3rem!important}
.p-0{padding:0!important}
.pt-0,.py-0{padding-top:0!important}
.pr-0,.px-0{padding-right:0!important}
.pb-0,.py-0{padding-bottom:0!important}
.pl-0,.px-0{padding-left:0!important}
.p-1{padding:0.25rem!important}
.pt-1,.py-1{padding-top:0.25rem!important}
.pr-1,.px-1{padding-right:0.25rem!important}
.pb-1,.py-1{padding-bottom:0.25rem!important}
.pl-1,.px-1{padding-left:0.25rem!important}
.p-2{padding:0.5rem!important}
.pt-2,.py-2{padding-top:0.5rem!important}
.pr-2,.px-2{padding-right:0.5rem!important}
.pb-2,.py-2{padding-bottom:0.5rem!important}
.pl-2,.px-2{padding-left:0.5rem!important}
.p-3{padding:1rem!important}
.pt-3,.py-3{padding-top:1rem!important}
.pr-3,.px-3{padding-right:1rem!important}
.pb-3,.py-3{padding-bottom:1rem!important}
.pl-3,.px-3{padding-left:1rem!important}
.p-4{padding:1.5rem!important}
.pt-4,.py-4{padding-top:1.5rem!important}
.pr-4,.px-4{padding-right:1.5rem!important}
.pb-4,.py-4{padding-bottom:1.5rem!important}
.pl-4,.px-4{padding-left:1.5rem!important}
.p-5{padding:3rem!important}
.pt-5,.py-5{padding-top:3rem!important}
.pr-5,.px-5{padding-right:3rem!important}
.pb-5,.py-5{padding-bottom:3rem!important}
.pl-5,.px-5{padding-left:3rem!important}
.m-n1{margin:-0.25rem!important}
.mt-n1,.my-n1{margin-top:-0.25rem!important}
.mr-n1,.mx-n1{margin-right:-0.25rem!important}
.mb-n1,.my-n1{margin-bottom:-0.25rem!important}
.ml-n1,.mx-n1{margin-left:-0.25rem!important}
.m-n2{margin:-0.5rem!important}
.mt-n2,.my-n2{margin-top:-0.5rem!important}
.mr-n2,.mx-n2{margin-right:-0.5rem!important}
.mb-n2,.my-n2{margin-bottom:-0.5rem!important}
.ml-n2,.mx-n2{margin-left:-0.5rem!important}
.m-n3{margin:-1rem!important}
.mt-n3,.my-n3{margin-top:-1rem!important}
.mr-n3,.mx-n3{margin-right:-1rem!important}
.mb-n3,.my-n3{margin-bottom:-1rem!important}
.ml-n3,.mx-n3{margin-left:-1rem!important}
.m-n4{margin:-1.5rem!important}
.mt-n4,.my-n4{margin-top:-1.5rem!important}
.mr-n4,.mx-n4{margin-right:-1.5rem!important}
.mb-n4,.my-n4{margin-bottom:-1.5rem!important}
.ml-n4,.mx-n4{margin-left:-1.5rem!important}
.m-n5{margin:-3rem!important}
.mt-n5,.my-n5{margin-top:-3rem!important}
.mr-n5,.mx-n5{margin-right:-3rem!important}
.mb-n5,.my-n5{margin-bottom:-3rem!important}
.ml-n5,.mx-n5{margin-left:-3rem!important}
.m-auto{margin:auto!important}
.mt-auto,.my-auto{margin-top:auto!important}
.mr-auto,.mx-auto{margin-right:auto!important}
.mb-auto,.my-auto{margin-bottom:auto!important}
.ml-auto,.mx-auto{margin-left:auto!important}

/*=== COLORS ===*/
/*
.bg-primary {background-color: rgba(var(--bs-primary-rgb), .25) !important;}
.bg-secondary {background-color: rgba(var(--bs-secondary-rgb), .25) !important;}
.bg-success {background-color: rgba(var(--bs-success-rgb), .25) !important;}
.bg-info {background-color: rgba(var(--bs-info-rgb), .25) !important;}
.bg-warning {background-color: rgba(var(--bs-warning-rgb), .25) !important;}
.bg-danger {background-color: rgba(var(--bs-danger-rgb), .25) !important;}
*/

.bg-primary {background-color: rgba(var(--bs-primary-rgb), 1) !important;}
.bg-secondary {background-color: rgba(var(--bs-secondary-rgb), 1) !important;}
.bg-success {background-color: rgba(var(--bs-success-rgb), 1) !important;}
.bg-info {background-color: rgba(var(--bs-info-rgb), 1) !important;}
.bg-warning {background-color: rgba(var(--bs-warning-rgb), 1) !important;}
.bg-danger {background-color: rgba(var(--bs-danger-rgb), 1) !important;}

.bg-light {background-color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;}
.bg-dark {background-color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;}
.bg-black {background-color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;}
.bg-white {background-color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;}
.bg-body {background-color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;}
.bg-badge-lead {background-color: purple !important;}
.bg-badge-prospect {background-color: #002a80 !important;}
.bg-badge-customer {background-color: darkgreen !important;}
/*=== COLORS ===*/


/*=== TEXT ===*/

.text-primary {color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;}
.text-secondary {color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;}
.text-success {color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;}
.text-info {color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;}
.text-warning {color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;}
.text-danger {color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;}
.text-light {color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;}
.text-dark {color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;}
.text-black {color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;}
.text-white {color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;}
.text-body {color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;}

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

/*=== DISPLAY ===*/

.d-none {display: none!important}
.d-inline {display: inline!important}
.d-inline-block {display: inline-block!important}
.d-block {display: block!important}
.d-table {display: table!important}
.d-table-row {display: table-row!important}
.d-table-cell {display: table-cell!important}
.d-flex {display: -ms-flexbox!important; display: flex!important}
.d-inline-flex {display: -ms-inline-flexbox!important; display: inline-flex!important}

.gap-0 {gap: 0 !important;}
.gap-1 {gap: 0.25rem !important;}
.gap-2 {gap: 0.5rem !important;}
.gap-3 {gap: 1rem !important;}
.gap-4 {gap: 1.5rem !important;}
.gap-5 {gap: 3rem !important;}

/*=== FLEXBOX  ===*/

@media screen {
    .d-flex {display: -ms-flexbox !important; display: flex !important;}
    .flex-row {-ms-flex-direction: row !important; flex-direction: row !important;}
    .flex-column {-ms-flex-direction: column !important; flex-direction: column !important;}
    .flex-row-reverse {-ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important;}
    .flex-column-reverse {-ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important;}
    .flex-wrap {-ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}
    .flex-nowrap {-ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important;}
    .flex-wrap-reverse {-ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important;}
    .flex-fill {-ms-flex: 1 1 auto !important; flex: 1 1 auto !important;}
    .flex-grow-0 {-ms-flex-positive: 0 !important; flex-grow: 0 !important;}
    .flex-grow-1 {-ms-flex-positive: 1 !important; flex-grow: 1 !important;}
    .flex-shrink-0 {-ms-flex-negative: 0 !important; flex-shrink: 0 !important;}
    .flex-shrink-1 {-ms-flex-negative: 1 !important; flex-shrink: 1 !important;}
    .justify-content-start {-ms-flex-pack: start !important; justify-content: flex-start !important;}
    .justify-content-end {-ms-flex-pack: end !important; justify-content: flex-end !important;}
    .justify-content-center {-ms-flex-pack: center !important; justify-content: center !important;}
    .justify-content-between {-ms-flex-pack: justify !important; justify-content: space-between !important;}
    .justify-content-around {-ms-flex-pack: distribute !important; justify-content: space-around !important;}
    .align-items-start {-ms-flex-align: start !important; align-items: flex-start !important;}
    .align-items-end {-ms-flex-align: end !important; align-items: flex-end !important;}
    .align-items-center {-ms-flex-align: center !important; align-items: center !important;}
    .align-items-baseline {-ms-flex-align: baseline !important; align-items: baseline !important;}
    .align-items-stretch {-ms-flex-align: stretch !important; align-items: stretch !important;}
    .align-content-start {-ms-flex-line-pack: start !important; align-content: flex-start !important;}
    .align-content-end {-ms-flex-line-pack: end !important; align-content: flex-end !important;}
    .align-content-center {-ms-flex-line-pack: center !important; align-content: center !important;}
    .align-content-between {-ms-flex-line-pack: justify !important; align-content: space-between !important;}
    .align-content-around {-ms-flex-line-pack: distribute !important; align-content: space-around !important;}
    .align-content-stretch {-ms-flex-line-pack: stretch !important; align-content: stretch !important;}
    .align-self-auto {-ms-flex-item-align: auto !important; align-self: auto !important;}
    .align-self-start {-ms-flex-item-align: start !important; align-self: flex-start !important;}
    .align-self-end {-ms-flex-item-align: end !important; align-self: flex-end !important;}
    .align-self-center {-ms-flex-item-align: center !important; align-self: center !important;}
    .align-self-baseline {-ms-flex-item-align: baseline !important; align-self: baseline !important;}
    .align-self-stretch {-ms-flex-item-align: stretch !important; align-self: stretch !important;}
}

/*=== FLEXBOX END ===*/


/*=== BORDER ===*/

.border           {border: 1px solid #dee2e6!important}
.border-top       {border-top: 1px solid #dee2e6!important}
.border-right     {border-right: 1px solid #dee2e6!important}
.border-bottom    {border-bottom: 1px solid #dee2e6!important}
.border-left      {border-left: 1px solid #dee2e6!important}
.border-0         {border: 0!important}
.border-top-0     {border-top: 0!important}
.border-right-0   {border-right: 0!important}
.border-bottom-0  {border-bottom: 0!important}
.border-left-0    {border-left: 0!important}
.border-primary   {border-color: #007bff!important}
.border-secondary {border-color: #6c757d!important}
.border-success   {border-color: #28a745!important}
.border-info      {border-color: #17a2b8!important}
.border-warning   {border-color: #ffc107!important}
.border-danger    {border-color: #dc3545!important}
.border-light     {border-color: #f8f9fa!important}
.border-dark      {border-color: #343a40!important}
.border-white     {border-color: #fff!important}

.rounded {border-radius: 0.375rem; !important;}
.rounded-0 {border-radius: 0 !important;}
.rounded-1 {border-radius: 0.25rem !important;}
.rounded-2 {border-radius: 0.375rem !important;}
.rounded-3 {border-radius: 0.5rem !important;}
.rounded-4 {border-radius: 1rem !important;}
.rounded-5 {border-radius: 2rem !important;}
.rounded-circle {border-radius: 50% !important;}
.rounded-pill {border-radius: 50rem !important;}
.rounded-top {border-top-left-radius: 0.375rem; !important; border-top-right-radius: 0.375rem; !important;}
.rounded-end {border-top-right-radius: 0.375rem; !important; border-bottom-right-radius: 0.375rem; !important;}
.rounded-bottom {border-bottom-right-radius: 0.375rem; !important; border-bottom-left-radius: 0.375rem; !important;}
.rounded-start {border-bottom-left-radius: 0.375rem; !important; border-top-left-radius: 0.375rem; !important;}

/*=== BORDER END ===*/

/*=== BUTTONS ===*/
.btn.btn-pill {
    border-radius: 100px;
}
.btn.btn-circle {
    width: 22px; height: 22px;
    padding: 1px 0px;
    border-radius: 100px;
}
/*=== BUTTONS END ===*/


/*=== LIST GROUP ===*/
.list-group .list-group-item.item-active {
    box-shadow: inset 5px 0 rgba(var(--bs-primary-rgb), var(--bs-text-opacity));
    background-color: rgba(var(--bs-primary-rgb), 0.05);
}
.list-group-flush .list-group-item {
    border: none !important;
    border-top: 1px solid #DDD !important;
    border-radius: 0;
}
.list-group-flush .list-group-item:first-child {
    border-top: none !important
}
.list-group-hover .list-group-item:hover {
    background-color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
/*=== LIST GROUP ===*/


/*=== SHADOWS ===*/
.shadow {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
.shadow-sm {box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}
.shadow-lg {box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;}
.shadow-none {box-shadow: none !important;}

.shadow-hover:hover {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
.shadow-hover-sm:hover {box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}
.shadow-hover-lg:hover {box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;}
.shadow-hover-none:hover {box-shadow: none !important;}
/*=== SHADOWS ===*/





#MainDiv {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: #006699;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 100%;
}

#MainDiv > * {

}


/* Main Body */
#bn_body_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    flex: 0 1 100%;

}

#bn_body_main > *:not(#bn_body_conent) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}


#bn_body_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex: 0 0 auto;
    height: 44px;
    width:100%;
    background: #006699;
    border-bottom: 2px solid #005d90;
    -webkit-transition: padding 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: padding 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#bn_body_header .main-brand {
    position: relative;
    height: 44px;
    flex: 0 0 159px;
    /*border-bottom: 2px solid #005d90;*/
    -webkit-transition: margin 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: margin 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#bn_body_header .main-brand a {
    display: block;
    padding: 6px 10px;
}
#bn_body_header .main-brand .sidebar-toggle {
    display: block;
    position: absolute;
    top: 50%; right: 8px;
    width: 34px; height: 30px;
    margin-top: -13px;
    padding: 0;
    background: transparent;
    border: none;
    color: #99c2d6;
    font-size: 21px;
}
#bn_body_header .main-brand .sidebar-toggle:hover {
    background: #99c2d6;
    color: #005d90;
}
#bn_body_header .main-brand .sidebar-toggle:focus {
    outline: none;
}


#bn_body_header .horizontal-menu-toggle {
    display: none;
    width: 42px;
    padding: 11px 0;
    border-right: 1px solid rgba(255,255,255,0.25);
    color: #FFF;
    font-size: 16px;
    text-align: center;
}
#bn_body_header .horizontal-menu-toggle:hover,
#bn_body_header .horizontal-menu-toggle:focus {
    background: #00578a;
}


.header-user-menu {
    -webkit-box-flex: 0;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;

}

.header-user-menu > ul {
    margin: 8px 5px 8px 0;
}
.header-user-menu > ul > li {
    margin: 0 0 0 -1px;
    padding: 0;
}
.header-user-menu > ul > li a {
    display: block;
    padding: 5px 8px;
    background: #00578a;
    color: #bfd6e3;
    font-size: 12px;
    border: 1px solid #148cc8;
}
.header-user-menu > ul > li a:hover,
.header-user-menu > ul > li a:focus {
    background: #34ace0;
    color: #FFF;
    text-decoration: none;
}

/* User menu dropdown */
.header-user-menu ul li.dropdown .dropdown-menu {
    margin: 0;
    background: #034a7a;
    border-radius: 0;
}
.header-user-menu ul li.dropdown .dropdown-menu:after {
    content: "";
    display: block;
    position: absolute;
    top: -5px; right: 7px;
    width: 0; height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;

    border-bottom: 5px solid #034a7a;
}
.header-user-menu ul li.dropdown .dropdown-menu li a {
    background: transparent;
    border: none;
}
.header-user-menu ul li.dropdown .dropdown-menu li a:hover,
.header-user-menu ul li.dropdown .dropdown-menu li a:focus {
    background: #00578a;
}
.header-user-menu ul li.dropdown .dropdown-menu li a.btn-red {
    margin: 2px 8px 0;
    background: #ff5252;
    border-color: #b33939;
    color: #FFF;
}
.header-user-menu ul li.dropdown .dropdown-menu li a.btn-red:hover,
.header-user-menu ul li.dropdown .dropdown-menu li a.btn-red:focus {
    background: #b33939
}
.header-user-menu ul li.dropdown .dropdown-menu li.divider {
    margin: 9px 15px;
    background: #3385ad;
}
/*User menu dropdowns*/
.header-user-menu ul li.dropdown .dropdown-menu li.has-dropdown > a {
    position: relative;
}
.header-user-menu ul li.dropdown .dropdown-menu li.has-dropdown > a:after {
    content: "\f107";
    display: block;
    position: absolute;
    top: 50%; right: 14px;
    margin-top: -7px;
    font: normal normal normal 14px/1 FontAwesome;
}
.header-user-menu ul li.dropdown .dropdown-menu li.has-dropdown ul {
    position: relative;
}
.header-user-menu ul li.dropdown .dropdown-menu li.has-dropdown ul:after {
    content: "";
    display: block;
    position: absolute;
    top: 0; bottom: 0;
    border-left: 1px dotted rgba(255,255,255,0.1);
}
.header-user-menu ul li.dropdown .dropdown-menu li.has-dropdown ul {
    display: none;
    background: #034270;
}
.header-user-menu ul li.dropdown .dropdown-menu li.has-dropdown ul:after {
    left: 10px;
}
.header-user-menu ul li.dropdown .dropdown-menu li.has-dropdown ul > li > a {
    padding-left: 22px;
}

.header-user-menu ul li.dropdown .dropdown-menu li.has-dropdown ul li.has-dropdown ul {
    display: none;
    background: #033c68;
    z-index: 999;
}
.header-user-menu ul li.dropdown .dropdown-menu li.has-dropdown ul li.has-dropdown ul:after {
    left: 20px;
}
.header-user-menu ul li.dropdown .dropdown-menu li.has-dropdown ul li.has-dropdown ul > li > a {
    padding-left: 28px;
}


.bn_body_main_menu {
    background: #005d90;
    z-index: 999;
}
.bn_body_main_menu ul,
.bn_body_main_menu ul li {
    margin: 0; padding: 0;
    list-style: none;
    display: block;
}
.bn_body_main_menu > ul > li {
    float: left;
    border-right: 1px solid rgba(255,255,255,0.15);
}
.bn_body_main_menu ul li a {
    display: block;
    padding: 6px 8px;
    color: #FFF;
    font-size: 12px;
}
.bn_body_main_menu ul li:hover > a,
.bn_body_main_menu ul li:focus > a{
    background: rgba(0,0,0,0.2);
    text-decoration: none;
}


/*--- Dropdowns ---*/
.bn_body_main_menu li.has-dropdown {
    position: relative;
}
.bn_body_main_menu li.has-dropdown > a {
    padding-right: 18px;
}
.bn_body_main_menu li.has-dropdown > a > i {
    position: absolute;
    top: 50%; right: 5px;
    margin: -6px 0 0 0;
}
.bn_body_main_menu li.has-dropdown .dropdown-list {
    position: absolute;
    left: 0; top: 100%;
    width: 180px;
    background: #007AB9;
    visibility: hidden;
    -webkit-transition: all 250ms linear 100ms;
    transition: all 250ms linear 100ms;
}
.bn_body_main_menu li.has-dropdown .dropdown-list li a {
    border-bottom: 1px solid rgba(28, 186, 222, 0.25);
}
.bn_body_main_menu li.has-dropdown:hover .dropdown-list {
    visibility: visible;
    -webkit-transition: all 0s linear 0s;
    transition: all 0s linear 0s;
}
.bn_body_main_menu li.has-dropdown:hover a,
.bn_body_main_menu li.has-dropdown:focus a {
    text-decoration: none;
}

/*--- Submenus ---*/
.bn_body_main_menu li.has-submenu {
    position: relative;
}
.bn_body_main_menu li.has-submenu > a > i {
    position: absolute;
    top: 50%; right: 5px;
    margin: -6px 0 0 0;
}
.bn_body_main_menu li.has-submenu > .submenu-list {
    position: absolute;
    left: 100%; top: 0;
    width: 180px;
    background: #008FC2;
    visibility: hidden;
    -webkit-transition: all 250ms linear 100ms;
    transition: all 250ms linear 100ms;
}
.bn_body_main_menu li.has-submenu:hover > .submenu-list {
    visibility: visible;
    -webkit-transition: all 0s linear 0s;
    transition: all 0s linear 0s;
}
.bn_body_main_menu li.has-submenu > .submenu-list li a:hover,
.bn_body_main_menu li.has-submenu > .submenu-list li a:focus {
    background: rgba(255,255,255,0.2);
    text-decoration: none;
}

@media screen and (max-width: 991px) {
    #bn_body_header .horizontal-menu-toggle {
        display: block;
    }

    .bn_body_main_menu {
        position: relative;
        z-index: 9999;
    }
    #bn-navmenu {
        position: fixed;
        top: 44px; left: -200px; bottom: 0;
        width: 200px;
        background: #005d90;
        overflow-y: auto;
        -webkit-transition: left 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: left 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
    #bn-navmenu > li {
        display: block;
        float: none;
    }
    #MainDiv.menu-open #bn-navmenu {
        left: 0;
    }

    .bn_body_main_menu li > a:hover,
    .bn_body_main_menu li > a:focus {
        text-decoration: none;
    }
    .bn_body_main_menu li.has-dropdown > a,
    .bn_body_main_menu li.has-submenu > a {
        position: relative;
    }
    .bn_body_main_menu li.has-dropdown .dropdown-list,
    .bn_body_main_menu li.has-submenu > .submenu-list {
        width: 100%;
    }

    .bn_body_main_menu li.has-dropdown .dropdown-list {
        position: static;
        visibility: visible;
        display: none;
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear;
    }
    .bn_body_main_menu li.has-dropdown:hover .dropdown-list,
    .bn_body_main_menu li.has-dropdown:focus .dropdown-list {
        visibility: visible;
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear;
    }
    .bn_body_main_menu li.has-dropdown .dropdown-list > li > a {
        padding-left: 15px;
    }
    .bn_body_main_menu li.has-submenu > .submenu-list {
        position: static;
        visibility: visible;
        display: none;
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear;
    }
    .bn_body_main_menu li.has-dropdown .submenu-list > li > a {
        padding-left: 25px;
    }
}



#bn_body_conent {
    background-color:#FFFFFF;
    width:100%;
    padding: 10px 15px;
    font-size: smaller;
    flex: 1 1 auto !important;
    overflow-y: auto;
}

#BNBodyContent {
    height: 100%;
}



.bodytplheader {
    width:100%;
    padding: 6px 10px;
    background: #f9f9f9 !important;
    border-bottom: 1px solid #AAAAAA;
    font-size: smaller;
}

.bodytplheader div.title {
    font-size: small;
    font-weight: bold;
    padding: 8px !important;
    margin: 0;
}
.bodytplheader h2 {
    font-size: small;
    font-weight: bold;
    padding: 0 !important;
    margin: 0 !important;
}

.bn_body_footer {
    width:100%;
    padding: 7px 15px 5px;
    background:#E1E8EC;
    font-size: 12px;
}
.bn_body_footer span {
    padding: 0 4px;
    color: #789;
}
.bn_body_footer span strong {
    color: #678;
}
.bn_body_footer .ui-disclaimer {
    background-color: #FFF;
    color: red;
    font-size: small;
    font-weight: bold;
    padding: 2px 5px;
}


/*== MAIN LAYOUT END ==*/



.panel-20 {
  display: block; 
  margin: 15px 0;
  background: #FFF;
  border: 1px solid #DEDEDE;
}
.panel-20 .panel-20-heading {
  position: relative;
  background: #E9E9E9;
  border-bottom: 1px solid #DEDEDE;
}
.panel-20 .panel-20-heading .title {
  padding: 5px 35px 5px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel-20 .panel-20-heading .panel-actions {
  position: absolute;
  top: 0; bottom: 0; right: 0; left: auto;
}
.panel-20 .panel-20-heading .panel-actions > a {
  display: block;
  padding: 5px 10px;
  background: #E9E9E9;
  border-left: 1px solid #CCC;
  color: #666;
}
.panel-20 .panel-20-heading .panel-actions > a:hover,
.panel-20 .panel-20-heading .panel-actions > a:focus {
  background: #DDD;
}

.panel-20 .panel-20-body {
  padding: 10px;
  overflow: hidden;
}
.panel-20 .panel-20-body.collapsed {
  padding: 0;
}
.panel-20 .panel-20-footer {
  border-top: 1px solid #CCC;
  padding: 4px 10px;
}
.panel-20 .panel-20-footer *.btn {
  padding: 3px 8px;
}

/*--- adicionales ---*/
.panel-20 .panel-20-body .content > .row {margin: 0;}
.panel-20 .panel-20-body .content > .row:nth-child(odd) {
  background: rgba(0,0,0,0.04);
}


.panel-20.fixed-height .panel-20-body {
  overflow-y: scroll;
}


/*   forms    */

.form-horizontal div.form-group > div > label
{
    font-size: 12px;
}

.form-horizontal div.form-group > div > label.small
{
    font-size: 10px;
}

.form-horizontal div.form-group > div > label.small span
{
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    margin-left: 5px;
}

.form-horizontal div.form-group.form-label
{
    margin-bottom: 0px;
}


/*=== Modals ===*/

.bnmodalwin .modal-content {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.bnmodalwin .modal-header {padding: 10px 15px; background: #5d778b; color: #d9e5ef}
.bnmodalwin.bnmodalnested .modal-dialog {max-width: 570px; margin-top: 80px; margin-bottom: 80px;}

div.hrlabel
{

    height: 1px;
    background-color: #cccccc;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

div.hrlabel span
{
    color: #888888;
    font-size: x-small;
    letter-spacing: 1px;
    position: relative;
    top: -0.9em;
    padding-left: 8px;
    padding-right: 8px;

}

div.hrlabel span.gray
{
    background-color: #FAFAFA;
}

div.hrlabel span.white
{
    background-color: #FFF;
}


/*=== Top Bar ===*/

.bn-topbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -15px 20px;
    padding: 15px 0 10px;
    background: #FFF;
    border-bottom: 2px solid #AAA;

}
.bn-topbar > * {

}
.bn-topbar .topmenu-title {
    padding: 8px 20px;
    border-right: 1px solid #AAA;
    font-size: 14px;
}
.bn-topbar .list-inline {
    flex: 1 0 auto;
    margin: 0;
    padding: 0 10px;
}
.bn-topbar .list-inline > li {
    padding: 0;
    margin: 0 2px;
}
.bn-topbar .list-inline > li > a {
    display: block;
    padding: 8px 12px;
    background: #EEE;
    border: 1px solid #CCC;
    border-radius: 50px;
    color: #444;
}

.bn-topbar .list-inline > li > a:hover,
.bn-topbar .list-inline > li > a:focus {
    background: #CCC;
    color: #111;
    text-decoration: none;
}
.bn-topbar .list-inline.topmenu-left {
    text-align: left;
}
.bn-topbar .list-inline.topmenu-right {
    text-align: right;
}


/*=== Filters ===*/

.amb-filter-menu {
    background: #F5F5F5;
    position: relative;
}
.amb-filter-menu .filter-icon {
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    display: block;
    position: absolute;
    top: 0; bottom: 0; left: 0;
    width: 25px;
    padding: 8px 0;
    font-size: 18px;
    text-align: center;
}
.amb-filter-menu .filter-icon:after {
    display: block;
    content: attr(data-content);
    position: absolute;
    top: 0; bottom: 0;
    left: 100%;
    padding: 8px 10px;
    color: rgba(0, 0, 0, 0.65);
    font-size: 12px;
    font-style: italic;
    text-align: center;
    white-space: nowrap;
}
.amb-filter-menu>ul {
    margin: 5px 0;
    padding: 0 0 0 25px
}
.amb-filter-menu .badge {
    background: transparent;
    border: 1px solid #999;
}
.amb-filter-menu .badge a.remove:hover, .amb-filter-menu .badge a.remove:focus {
    color: rgba(139, 21, 27, 0.84)
}
.amb-filter-menu>ul>li>.badge {
    padding: 6px 10px;
    border-radius: 30px;
}
.amb-filter-menu>ul>li>.badge a:hover {
    text-decoration: none
}
.amb-filter-menu>ul>li>.badge .remove {
    margin-left: 6px;
    margin-right: -4px;
}
.amb-filter-menu .dropdown-menu {
    padding: 0;
}
.amb-filter-menu .dropdown-menu li {}
.amb-filter-menu .dropdown-menu li .badge {
    position: relative;
    border: none;
    padding: 0;
    border-radius: 0;
    width: 100%;
    text-align: left;
}
.amb-filter-menu .dropdown-menu li .badge a {
    display: block;
    padding: 8px 10px;
}
.amb-filter-menu .filter-overflow-list li .badge a:not(.remove) {
    padding-right: 35px;
}
.amb-filter-menu .dropdown-menu li .badge a:not(.remove):hover {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.1)
}
.amb-filter-menu .dropdown-menu li .badge a.remove {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}
.amb-filter-menu .flt-label {
    color: #000 !important;
    font-weight: normal;
}
.amb-filter-menu .select2-container>a {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: none !important;
}


/*--- Filter Navbar ---*/

.bn-filter-navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    position: relative;
    margin: 20px 0;
    background: #FFF;
    border: 1px solid #3d71b8;
    border-radius: 100px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.05);
}
.bn-filter-navbar > * {
}

.bn-filter-navbar .list-inline {
    margin: 0;
}

.bn-filter-navbar .filter-open {
    content: "\f0b0";
    display: block;
    height: 36px;
    width: 36px;
    margin: 0 3px 0 0;
    padding: 8px 9px;
    background: #3d71b8;
    border-radius: 50%;
    border: 1px solid #1857b2;
    font: normal normal normal 18px/1 FontAwesome;
    color: #FFF;
}
.bn-filter-navbar .filter-open:hover,
.bn-filter-navbar .filter-open:focus {
    background: #1857b2;
}

.bn-filter-navbar ul.filter-list {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 0 10px 0 0;
}
.bn-filter-navbar ul.filter-list li {
    position: relative;
    display: block;
    float: left;
    margin: 4px 4px 4px 0;
}
.bn-filter-navbar ul.filter-list li:hover {
    cursor: default;
}
.bn-filter-navbar ul.filter-list li a:not(.filter-delete) {
    display: block;
    padding: 2px 25px 2px 8px;
    background: #FAFAFA;
    border: 1px solid #999;
    border-radius: 20px;
    color: #888;
}
.bn-filter-navbar ul.filter-list li a:not(.filter-delete):hover,
.bn-filter-navbar ul.filter-list li a:not(.filter-delete):focus {
    color: #111;
    background: #F1F1F1;
    text-decoration: none;
}
.bn-filter-navbar ul.filter-list li a.filter-delete {
    position: absolute;
    display: block;
    height: 20px; width: 20px;
    top: 1px; right: 6px;
    color: #FFF;
    background: #999;
    padding: 2px 5px;
    border-radius: 50%;
}
.bn-filter-navbar ul.filter-list li a.filter-delete:hover {
    background: #3d71b8;
    color: #FFF;
}

.bn-filter-navbar ul.filter-options {
    margin: 0 10px 0 15px;
}
.bn-filter-navbar ul.filter-options li:not(:first-child) {
    border-left: 1px solid #EEE;
}
.bn-filter-navbar ul.filter-options li:last-child {
    margin-right: 0;
}
.bn-filter-navbar ul.filter-options li a {
    display: block;
    padding: 8px;
    color: #3d71b8;
}
.bn-filter-navbar ul.filter-options li a:hover,
.bn-filter-navbar ul.filter-options li a:focus {
    color: #1857b2;
    text-transform: none;
}
.bn-filter-navbar ul.filter-options .dropdown > a {
    height: 34px; width: 34px;
    border-radius: 50%;
    border: none;
}


.bn-filter-navbar .filter-form {
    margin-right: 5px;
}
.bn-filter-navbar .filter-form .select2-default {
    height: auto;
    border-radius: 20px;


}

/*--- Filter Navbar End ---*/



.disable-selection {
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer */
   -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none; /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}

.pointer
{
    cursor: pointer;
}

.round { border-radius: 3px; padding: 3px; }



/*=== Responsive Tables I ===*/

.responsive-table-container {
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    /*height: 0;*/
    overflow-y: auto;
    overflow-x: auto;
}


.table.nv-table-a > thead > tr > th {
    position: relative;
    padding: 0;
    background: #3d71b8;
    color: #FFF;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: bolder;
    text-transform: uppercase;
}
.table.nv-table-a > thead > tr > th:not(:last-child) {
    border-right: 1px solid #3A539B;
}

.table.nv-table-a > thead > tr > th.headerSortUp,
.table.nv-table-a > thead > tr > th.headerSortDown {
    background: #3A539B !important;
}
.table.nv-table-a > thead > tr > th > *:not(.sort-icon) {
    padding: 8px 15px;
}
.table.nv-table-a > thead > tr > th > div[style="clear:both"]{
    display: none;
}
.table.nv-table-a > thead > tr > th > .Sort {
    padding: 15px 20px 13px 30px;
}

.table.nv-table-a > thead > tr > th.sortable div.Sort {
    position: relative;
}
.table.nv-table-a > thead > tr > th.sortable div.Sort:before,
.table.nv-table-a > thead > tr > th.sortable div.Sort:after {
    display: block;
    position: absolute;
    top: 50%; bottom: auto; right: 0;
    margin: -16px 5px 0 0;
    padding: 9px 2px;
    font: normal normal normal 14px/1 FontAwesome;
}
.table.nv-table-a > thead > tr > th.sortable div.Sort:before{
    content: "\f0dc";
    color: rgba(255,255,255,0.2);
}
.table.nv-table-a > thead > tr > th.sortable.headerSortUp div.Sort:after {
    content: "\f0de";
    color: #FFF;
}
.table.nv-table-a > thead > tr > th.sortable.headerSortDown div.Sort:after {
    content: "\f0dd";
    color: #FFF;
}
.table.nv-table-a > thead > tr > th.sortable div.Sort:hover {
    background: rgba(255,255,255,0.05);
}

.table.nv-table-a > thead > tr > th.sortable .sort-icon {
    position: absolute;
    top: 50%; left: 0; bottom: auto; right: auto;
    margin: -10px 6px;
}
.table.nv-table-a > thead > tr > th.sortable .sort-icon a {
    display: block;
    width: 20px; height: 20px;
    padding: 3px 0;
    border-radius: 50%;
    color: rgba(255,255,255,0.5);
    text-align: center;
}
.table.nv-table-a > thead > tr > th.sortable .sort-icon a:hover {
    background: rgba(255,255,255,0.1);
}
.table.nv-table-a > thead > tr > th.filtered .sort-icon a {
    background: #ff8300;
    color: #FFF;
}
.table.nv-table-a>tbody>tr>td {
    padding: 15px 8px;
    border-top: 1px solid #e7eef7;
    vertical-align: middle;
}
.table.nv-table-a>tbody>tr:nth-of-type(odd) {
    background: #fafcfd;
}
.table.nv-table-a>tbody>tr>td a {
    color: #1857b2;
    font-weight: bold;
}



/* Responsive Tables II */

.table.BNTableBS {
    margin-top: 15px;
}
.table.BNTableBS>thead>tr>th {
    padding: 0;
    background: #3d71b8;
    border-bottom: 2px solid #1857b2;
    color: #FFF;
    font-size: 12px;
    font-weight: bolder;
    text-transform: uppercase;
}
.table.BNTableBS>thead>tr>th:not(:first-child) {
    border-left: 2px solid #FFF;
}
.table.BNTableBS>thead>tr>th > div {
    position: relative;
    padding: 12px 8px 9px 8px;
    white-space: nowrap;
}
.table.BNTableBS > thead > tr > th > .Sort {
    padding: 12px 20px 9px 8px;
}
.table.BNTableBS>thead>tr>th > div input {
    height: auto !important;
}
.table.BNTableBS > thead > tr > th.sortable div.Sort:before,
.table.BNTableBS > thead > tr > th.sortable div.Sort:after {
    display: block;
    position: absolute;
    top: 50%; bottom: auto; right: 0;
    margin: -16px 5px 0 0;
    padding: 9px 2px;
    font: normal normal normal 14px/1 FontAwesome;
}
.table.BNTableBS > thead > tr > th.sortable div.Sort:before{
    content: "\f0dc";
    color: rgba(255,255,255,0.2);
}
.table.BNTableBS > thead > tr > th.sortable.headerSortUp div.Sort:after {
    content: "\f0de";
    color: #FFF;
}
.table.BNTableBS > thead > tr > th.sortable.headerSortDown div.Sort:after {
    content: "\f0dd";
    color: #FFF;
}
.table.BNTableBS > thead > tr > th.sortable div.Sort:hover {
    background: rgba(255,255,255,0.05);
}

.table.BNTableBS > thead > tr > th.sortable .sort-icon {
    position: absolute;
    top: 50%; left: 0; bottom: auto; right: auto;
    margin: -10px 6px;
}
.table.BNTableBS > thead > tr > th.sortable .sort-icon a {
    display: block;
    width: 20px; height: 20px;
    padding: 3px 0;
    border-radius: 50%;
    color: rgba(255,255,255,0.5);
    text-align: center;
}


.table.BNTableBS>tbody>tr>td {
    padding: 15px 8px;
    border-top: 1px solid #e7eef7;
    vertical-align: middle;
}
.table.BNTableBS>tbody>tr:nth-of-type(odd) {
    background: #fafcfd;
}
.table.BNTableBS>tbody>tr>td a {
    color: #1857b2;
    font-weight: bold;
}




/*=== Milestones ===*/

.milestones {
    list-style-type: none;
    padding-left: 14.5px;
}
.milestones.milestones-bordered {
    border-bottom: 2px solid lightgrey;
    border-top: 2px solid lightgrey;
}
.milestones.milestones-bordered-top {
    border-top: 2px solid lightgrey;
}
.milestones.milestones-bordered-bottom {
    border-bottom: 2px solid lightgrey;
}
.milestones > li {
    border-left: 1px dotted lightgrey;
    border-bottom: 1px dotted lightgrey;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    min-height: 50px;
}
.milestones > li h1,
.milestones > li h2,
.milestones > li h3,
.milestones > li h4,
.milestones > li h5,
.milestones > li h6 {
    margin-top: 0px;
    margin-bottom: 5px;
}
.milestones > li .list-group:last-child,
.milestones > li .panel:last-child,
.milestones > li .well:last-child,
.milestones > li .table:last-child,
.milestones > li .alert:last-child,
.milestones > li .progress:last-child,
.milestones > li pre:last-child {
    margin-bottom: 5px;
}
.milestones > li:last-child {
    border-bottom: none;
}
.milestones > li > .fa:first-child,
.milestones > li > .glyphicon:first-child {
    margin-left: -39.5px;
    margin-top: -5px;
    float: left;
    position: relative;
    border-radius: 14.5px;
    padding: 7.5px;
    font-size: 12px;
    min-width: 29px;
    text-align: center;
}
.milestone-default {
    background-color: #eeeeee;
    color: #777777;
    border: 1px solid #e2e2e2;
}
.milestone-primary {
    background-color: #337ab7;
    color: #fff;
    border: 1px solid #2e6da4;
}
.milestone-success {
    background-color: #5cb85c;
    color: #fff;
    border: 1px solid #4cae4c;
}
.milestone-info {
    background-color: #5bc0de;
    color: #fff;
    border: 1px solid #46b8da;
}
.milestone-warning {
    background-color: #f0ad4e;
    color: #fff;
    border: 1px solid #eea236;
}
.milestone-danger,
.milestone-error {
    background-color: #d9534f;
    color: #fff;
    border: 1px solid #d43f3a;
}




/*=== Drawer Modal ===*/

.modal.right > .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.right > .modal-dialog .modal-content {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.modal.right > .modal-dialog .modal-body {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    padding: 15px;
    overflow-y: auto;
}

/*Right*/
.modal.right.fade > .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in > .modal-dialog {
    right: 0;
}

.modal.right  > .modal-dialog .modal-content {
    border-radius: 0;
    border: none;
}
.modal.right  > .modal-dialog .modal-content .modal-body {
    overflow-y: auto;
}

@media screen and (max-width: 767px) {
    .modal.right.fade.in > .modal-dialog {
        max-width: 480px;
        width: 80%;
    }
}

@media screen and (max-width: 767px) {
    .modal.right.fade.in > .modal-dialog {
        left: 40px;
        max-width: none;
        width: auto;
    }
}


/* Module Navbar */
.tabs-wrapper {
    margin: 0 -20px;
    padding: 5px 20px 15px;
}


.tabs-container {
    position: relative;
    width: 100%;
    margin: 10px 0;
    background: #FFF;
}

.flex-tabs {
    width: 100%;
    overflow: auto;
    border-bottom: none;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.05);
}
.flex-tabs::-webkit-scrollbar {
    width: 0; height: 0;
    background: transparent; /* make scrollbar transparent */
}
.flex-tabs li {
    flex: 0 0 150px;
    float: none;
    text-align: center;
}

.flex-tabs li a,
.flex-tabs li a:hover,
.flex-tabs li a:focus,
.flex-tabs li.active a,
.flex-tabs li.active a:hover,
.flex-tabs li.active a:focus {
    border: none;
    border-radius: 0;
    background: none;
}
.flex-tabs li a {
    margin: 0;
    padding: 12px 10px;
    color: #777;
    font-size: 14px;
    white-space: nowrap;
    border-right: 2px solid #F5F5F5 !important;
}
.flex-tabs li a:hover,
.flex-tabs li a:focus {
    color: #000;
    box-shadow: inset 0 -3px rgba(0,0,0,0.1);
}
.flex-tabs li.active a {
    color: #007DD1;
    border: none;
    box-shadow: inset 0 -5px #007DD1;
    margin: 0;
}

/* Scroll buttons */
.tabs-container .scroll {
    display: none;
    position: absolute;
    top: 0; bottom: 0;
    padding: 10px 7px;
    background: transparent;
    z-index: 99;
    font-size: 14px;
    color: #FFF;
}
.tabs-container .scroll:hover {
    background: #FFF;
    color: #000;
}
.tabs-container .scroll.scroll-left {
    left: 0;
    box-shadow: inset 10px 0 7px -3px rgba(0,0,0,0.1);
}
.tabs-container .scroll.scroll-right {
    right: 0;
    box-shadow: inset -10px 0 7px -3px rgba(0,0,0,0.1);
}

.tabs-container.scrollable .scroll {
    display: block;
}

/* Inner content */
.inner-content-area {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 -20px;
    padding: 0 20px;
}

.inner-content-area .inner-content-left-menu {
    flex: 0 0 200px;
    margin: 0 20px 0 -20px;
    border: 1px solid #EEE;
    border-radius: 0 5px 5px 0;
    box-shadow: 1px 0 2px rgba(0,0,0,0.03);
}
.inner-content-area .inner-content-left-menu .menu-items {
    margin: 0; padding: 0;
    list-style: none;
}
.inner-content-area .inner-content-left-menu .menu-items li {
    border-bottom: 1px solid #DDD;
}
.inner-content-area .inner-content-left-menu .menu-items li a {
    display: block;
    padding: 12px 15px 12px 25px;
    color: #666;
}
.inner-content-area .inner-content-left-menu .menu-items li a:hover,
.inner-content-area .inner-content-left-menu .menu-items li a:focus {
    background: rgba(0,0,0,0.025);
    color: #007DD1;
    text-decoration: none;
}
.inner-content-area .inner-content-left-menu .menu-items li.active a {
    box-shadow: inset 4px 0 #007DD1;
    color: #007DD1;
    font-weight: bold;
}


.inner-content-area .inner-content-sidebar {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    margin: 0 20px 0 0;
    padding: 20px 15px;
    background: #FFF;
    overflow-y: auto;
}
.inner-content-area .inner-content-sidebar.small {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 250px;
    flex: 1 0 250px;
}
.inner-content-area .inner-content-sidebar.medium {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 350px;
    flex: 1 0 350px;
}
.inner-content-area .inner-content-sidebar.large {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 500px;
    flex: 1 0 500px;
}

.inner-content-area .inner-content-sidebar .main-client-info .img-circle {
    max-width: 50px;
    margin-right: 10px;
}
.inner-content-area .inner-content-sidebar .main-client-info h4 {padding-top: 5px;}
.inner-content-area .inner-content-sidebar .main-client-info dl dt,
.inner-content-area .inner-content-sidebar .complementary-data dt {margin-top: 15px;}

.inner-content-area .inner-content-section {
    width: 100%;
    border: 1px solid #DDD;
}
/* Section header */
.section-title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    padding: 10px 15px 0;
    box-shadow: inset 0 -1px #DDD;
}
.section-title > * {}
.section-title .content-title {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0;
    padding: 0;
}
.section-title .content-title h4 {
    margin-bottom: 5px;
    font-size: 18px;
}

.section-title .tabs-dropdown {
    margin: 5px 0;
}
.section-title .tabs-dropdown > .dropdown-toggle {
    height: 28px; width: 28px;
    padding: 4px;
    background: #fafafa !important;
    border: 1px solid #CCC !important;
    border-radius: 50%;
    color: #AAA !important;
}
.section-title .tabs-dropdown .dropdown-toggle:hover,
.section-title .tabs-dropdown .dropdown-toggle:focus,
.section-title .tabs-dropdown .open > .dropdown-toggle:hover,
.section-title .tabs-dropdown .open > .dropdown-toggle:focus {
    border-color: #007DD1 !important;
    color: #007DD1 !important;
    outline: none;
}
.section-title .tabs-dropdown .dropdown-menu {
    top: calc(100% + 5px);
    margin-top: -1px;
    border-top-right-radius: 0;
}
.section-title .tabs-dropdown .dropdown-menu:before {
    content: "";
    position: absolute;
    top: -7px; right: 7px;
    width: 0; height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #DDD;
}
.section-title .tabs-dropdown .dropdown-menu:after {
    content: "";
    position: absolute;
    top: -5px; right: 8px;
    width: 0; height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #FFF;
}
.section-title .nav-tabs {margin-right: 5px;}
.section-title .nav-tabs>li>a:hover,
.section-title .nav-tabs>li>a:focus {background: #E5E5E5;}
.section-title .nav-tabs>li.active>a,
.section-title .nav-tabs>li.active>a:hover,
.section-title .nav-tabs>li.active>a:focus {background: #FAFAFA;}

.section-title .nav-actions {
    margin: 0; padding: 0;
    list-style: none;
}
.section-title .nav-actions > li {
    display: inline-block;
}
.section-title .nav-actions > li > a {
    padding: 6px 12px;
    border-radius: 5px;
    border: 1px solid #007bff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    color: #007bff;
}
.section-title .nav-actions > li > a:hover,
.section-title .nav-actions > li > a:focus {
    color: #FFF;
    background: #007bff;
}
.inner-content-area .inner-content-section .inner-content-main {
    padding: 20px 15px 0;
    overflow: auto;
    background: #FAFAFA;
}

/* actions bar */
.inner-content-bottom {
    padding: 10px 15px;
    background: #FFF;
    border-top: 1px solid #EEE;
}
.inner-content-bottom .right {
    flex: 1 0 auto;
    text-align: right;
}

/* DASHBOARD TIMELINE */
.transfer-list .label
{
    font-size: x-small;
}



.dashboard-timeline {
    padding: 0 5px;
}

.dashboard-timeline .tl-month {
    padding: 5px 0
}

.dashboard-timeline .header {
    border-bottom: 2px solid #CCC;
    padding: 0 10px
}

.dashboard-timeline .header small {
    margin: 0 5px;
    font-size: 75%
}

.dashboard-timeline .content .tl-list {
    position: relative;
    margin: 25px 0 0 30px;
    padding: 0;
    padding-left: 20px;
}

.dashboard-timeline .content .tl-list:before {
    position: absolute;
    left: -2px;
    top: -25px;
    content: "";
    height: 100%;
    width: 2px;
    background: #CCC;
}

.dashboard-timeline .content .tl-list > li {
    position: relative;
    padding: 10px 5px;
    list-style: none;
    line-height: 1.8;
}

.dashboard-timeline .content .tl-list > li:before {
    position: absolute;
    left: -36px;
    top: 15px;
    content: "\f129";
    display: block;
    height: 30px;
    width: 30px;
    padding-top: 7px;
    background: #FFF;
    border: 2px solid #CCC;
    border-radius: 50%;
    font: normal normal normal 14px/1 FontAwesome;
    color: #CCC;
    text-align: center;
}

.dashboard-timeline .content .tl-list > li.marketing:before {
    content: "\f024";
    color: #183ccc;
}

.dashboard-timeline .content .tl-list > li.transfer:before {
    content: "\f054";
    color: #006c79;
}
.dashboard-timeline .content .tl-list > li.web:before {
    content: "\f2d0";
    color: #183ccc;
}
.dashboard-timeline .content .tl-list > li.partner:before {
    content: "\f0e7";
    color: #cc1b20;
}

.dashboard-timeline .content .tl-list > li.important:before {
    border: 2px solid #cc1b20;
    background-color: #fff17e;
    color: #cc1b20;
}

.dashboard-timeline .content .tl-list > li.opp:before {
    content: "\f155";
    color: #087c0c;
}
/* DASHBOARD TIMELINE */

/* Misc */

.avatar-block {
    position: relative;
    margin: 0 0 20px 0;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #DDD;
    background: #007DD1 center center no-repeat;
    background-size: cover;
    text-align:center
}
.avatar-block.d-30  {width: 30px; height: 30px;}
.avatar-block.d-50  {width: 50px; height: 50px;}
.avatar-block.d-80  {width: 80px; height: 80px;}
.avatar-block.d-100 {width: 100px; height: 100px;}
.avatar-block.d-120 {width: 120px; height: 120px;}
.avatar-block .btn-edit {
    position: absolute;
    bottom: 2px; right: 2px;
    width: 34px; height: 34px;
    padding: 4px;
    background: #DDD;
    border: 3px solid #FFF;
    border-radius: 50%;
    color: #007DD1;
}
.avatar-block .btn-edit:hover,
.avatar-block .btn-edit:hover {
    background: #007DD1;
    color: #FFF;
}

.w-0 {
    width: 0 !important;
}

.h-0 {
    height: 0 !important;
}

.tx-9 {
    font-size: 9px;
}

.tx-10 {
    font-size: 10px;
}

.tx-11 {
    font-size: 11px; }

.tx-12 {
    font-size: 12px; }

.tx-13 {
    font-size: 13px;
    line-height: 1.3; }

.tx-14 {
    font-size: 14px;
}



.text-xs {
    font-size: 0.75rem;
}

.text-sm {
    font-size: 0.875rem;
}

.text-base {
    font-size: 1rem;
}

.text-lg {
    font-size: 1.125rem;
}

.text-xl {
    font-size: 1.25rem;
}

.text-2xl {
    font-size: 1.5rem;
}

.text-3xl {
    font-size: 1.875rem;
}

.text-4xl {
    font-size: 2.25rem;
}

.text-5xl {
    font-size: 3rem;
}

.text-6xl {
    font-size: 4rem;
}
.text-nowrap
{
    white-space: nowrap;
}