: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}
}


/*=== 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;}
}

/*=== 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;
}


.font-thin {
    font-weight: 100;
}
.font-extralight {
    font-weight: 200;
}
.font-light {
    font-weight: 300;
}
.font-normal {
    font-weight: 400;
}
.font-medium {
    font-weight: 500;
}
.font-semibold {
    font-weight: 600;
}
.font-bold {
    font-weight: 700;
}
.font-extrabold {
    font-weight: 800;
}
.font-black {
    font-weight: 900;
}


.cloudTalkButton {
    background-color: #FFF;
    border: 0;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    background-image: url('../vendor/ctalk/logo.webp');
}
.cloudTalkButton:hover {
    background-color: #FFF;
    border: 0;
}


.popover-close-btn {
    position:absolute;
    top:6px;
    right:8px;
    color: darkred !important;
    border: none;
    background: none;
}




.activity-assets-container .activity-form-preview, .activity-assets-container .activity-form-file-list {
    margin-top: 10px;
    border: 1px solid #ddd;
    padding: 10px;
    min-height: 50px;
    display: none;
}

.activity-assets-container .thumbnails-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.activity-assets-container .thumbnail-item {
    position: relative;
    width: 100px;
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}

.activity-assets-container .thumbnail-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.activity-assets-container .thumbnail-item .file-name {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 2px 5px;
    font-size: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.activity-assets-container .remove-item {
    position: absolute;
    top: 5px;
    right: 5px;
    background: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    padding: 0;
}

.activity-assets-container .files-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.activity-assets-container .file-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    background: #f8f9fa;
    border-radius: 4px;
}

.activity-assets-container .file-name {
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

form.dragover {
    position: relative;
}

form.dragover::after {
    content: "Suelta los archivos.";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    z-index: 1000;
}

.svg-icon {
    height: 15px;
    width: auto;
    vertical-align: middle;
}


.activity-assets-container .pending-delete {
    opacity: 0.6;
}

.activity-assets-container .pending-delete-image {
    position: relative; /* Necesario para posicionar el pseudo-elemento */
}

.activity-assets-container .pending-delete-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: darkred;
    opacity: 0.6;
    pointer-events: none; /* Permite hacer clic en los elementos debajo */
}

.activity-assets-container .pending-delete .file-name {
    text-decoration: line-through;
    color: darkred;
}

.mk-spreadsheet-wrapper {
    min-height: 500px;
    margin-bottom: 20px;
}

.mk-spreadsheet-table-responsive {
    overflow-x: auto;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    border-radius: 4px;
}

.mk-spreadsheet-container {
    width: 100%;
    height: 450px;
}

.mk-spreadsheet-container .ht_clone_left {
    z-index: 11;
    border-right: 2px solid #CCC;
}

.mk-spreadsheet-container .id-column {
    background-color: #f5f5f5 !important;
    font-weight: bold;
}

.mk-spreadsheet-container .cell-error {
    background-color: #ffdddd !important;
    color: #d32f2f !important;
}

.mk-spreadsheet-container .cell-warning {
    background-color: #fff9c4 !important;
    color: #370606 !important;
    font-style: italic !important;
}

.mk-spreadsheet-container .cell-empty {
    background-color: #fff9c4 !important;
    color: #ff8f00 !important;
    font-style: italic !important;
}


/* Bootstrap 5 Utilities Compatible with Bootstrap 3 */
/* Generated utilities that don't conflict with BS3 grid system */

/* ========================================
   SPACING UTILITIES
   ======================================== */

/* Margin utilities */
.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.m-auto { margin: auto !important; }

/* Margin top */
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.mt-auto { margin-top: auto !important; }

/* Margin right */
.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }
.mr-auto { margin-right: auto !important; }

/* Margin bottom */
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.mb-auto { margin-bottom: auto !important; }

/* Margin left */
.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }
.ml-auto { margin-left: auto !important; }

/* Margin X axis */
.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
.mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.mx-5 { margin-left: 3rem !important; margin-right: 3rem !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }

/* Margin Y axis */
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

/* Padding utilities */
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }

/* Padding top */
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }

/* Padding right */
.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: 0.25rem !important; }
.pr-2 { padding-right: 0.5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 3rem !important; }

/* Padding bottom */
.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }

/* Padding left */
.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 0.25rem !important; }
.pl-2 { padding-left: 0.5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 3rem !important; }

/* Padding X axis */
.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.px-5 { padding-left: 3rem !important; padding-right: 3rem !important; }

/* Padding Y axis */
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

/* Gap utilities */
.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; }

/* ========================================
   TEXT UTILITIES
   ======================================== */

/* Text alignment */
.text-start { text-align: left !important; }
.text-end { text-align: right !important; }
.text-center { text-align: center !important; }

/* Text transform */
.text-lowercase { text-transform: lowercase !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }

/* Font weight */
.fw-light { font-weight: 300 !important; }
.fw-lighter { font-weight: lighter !important; }
.fw-normal { font-weight: 400 !important; }
.fw-bold { font-weight: 700 !important; }
.fw-bolder { font-weight: bolder !important; }
.fw-semibold { font-weight: 600 !important; }

/* Font style */
.fst-italic { font-style: italic !important; }
.fst-normal { font-style: normal !important; }

/* Font size */
.fs-1 { font-size: calc(1.375rem + 1.5vw) !important; }
.fs-2 { font-size: calc(1.325rem + 0.9vw) !important; }
.fs-3 { font-size: calc(1.3rem + 0.6vw) !important; }
.fs-4 { font-size: calc(1.275rem + 0.3vw) !important; }
.fs-5 { font-size: 1.25rem !important; }
.fs-6 { font-size: 1rem !important; }

/* Line height */
.lh-1 { line-height: 1 !important; }
.lh-sm { line-height: 1.25 !important; }
.lh-base { line-height: 1.5 !important; }
.lh-lg { line-height: 2 !important; }

/* Text decoration */
.text-decoration-none { text-decoration: none !important; }
.text-decoration-underline { text-decoration: underline !important; }
.text-decoration-line-through { text-decoration: line-through !important; }

/* Text wrapping and overflow */
.text-wrap { white-space: normal !important; }
.text-nowrap { white-space: nowrap !important; }
.text-break { word-wrap: break-word !important; word-break: break-word !important; }
.text-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Font family */
.font-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }

/* ========================================
   COLOR UTILITIES
   ======================================== */

/* Text colors */

.text-primary { color: rgba(var(--bs-primary-rgb), 1) !important;}
.text-secondary { color: rgba(var(--bs-secondary-rgb), 1) !important;}
.text-success { color: rgba(var(--bs-success-rgb), 1) !important;}
.text-info { color: rgba(var(--bs-info-rgb), 1) !important;}
.text-warning { color: rgba(var(--bs-warning-rgb), 1) !important;}
.text-danger { color: rgba(var(--bs-danger-rgb), 1) !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-body { color: #000 !important; }
.text-white { color: #fff !important; }
.text-muted { color: #6c757d !important; }
.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }
.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }
.text-reset { color: inherit !important; }

/* Background colors */



.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-body { background-color: #000 !important; }
.bg-white { background-color: #fff !important; }
.bg-transparent { background-color: transparent !important; }



/* Soft background color variations with reduced opacity */
.bg-primary-soft { background-color: rgba(var(--bs-primary-rgb), 0.1) !important; }
.bg-secondary-soft { background-color: rgba(var(--bs-secondary-rgb), 0.1) !important; }
.bg-success-soft { background-color: rgba(var(--bs-success-rgb), 0.1) !important; }
.bg-info-soft { background-color: rgba(var(--bs-info-rgb), 0.1) !important; }
.bg-warning-soft { background-color: rgba(var(--bs-warning-rgb), 0.1) !important; }
.bg-danger-soft { background-color: rgba(var(--bs-danger-rgb), 0.1) !important; }
.bg-light-soft { background-color: rgba(var(--bs-light-rgb), 0.5) !important; }
.bg-dark-soft { background-color: rgba(var(--bs-dark-rgb), 0.1) !important; }

/* Alternative soft variations with different opacity levels */
.bg-primary-soft-subtle { background-color: rgba(var(--bs-primary-rgb), 0.05) !important; }
.bg-secondary-soft-subtle { background-color: rgba(var(--bs-secondary-rgb), 0.05) !important; }
.bg-success-soft-subtle { background-color: rgba(var(--bs-success-rgb), 0.05) !important; }
.bg-info-soft-subtle { background-color: rgba(var(--bs-info-rgb), 0.05) !important; }
.bg-warning-soft-subtle { background-color: rgba(var(--bs-warning-rgb), 0.05) !important; }
.bg-danger-soft-subtle { background-color: rgba(var(--bs-danger-rgb), 0.05) !important; }

/* Medium soft variations */
.bg-primary-soft-medium { background-color: rgba(var(--bs-primary-rgb), 0.2) !important; }
.bg-secondary-soft-medium { background-color: rgba(var(--bs-secondary-rgb), 0.2) !important; }
.bg-success-soft-medium { background-color: rgba(var(--bs-success-rgb), 0.2) !important; }
.bg-info-soft-medium { background-color: rgba(var(--bs-info-rgb), 0.2) !important; }
.bg-warning-soft-medium { background-color: rgba(var(--bs-warning-rgb), 0.2) !important; }
.bg-danger-soft-medium { background-color: rgba(var(--bs-danger-rgb), 0.2) !important; }
/* Background gradient */
.bg-gradient {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)) !important;
}

/* ========================================
   DISPLAY UTILITIES
   ======================================== */

.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: flex !important; }
.d-inline-flex { display: inline-flex !important; }

/* ========================================
   FLEXBOX UTILITIES
   ======================================== */

/* Flex direction */
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }

/* Flex wrap */
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

/* Flex fill */
.flex-fill { flex: 1 1 auto !important; }

/* Flex grow and shrink */
.flex-grow-0 { flex-grow: 0 !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }

/* Justify content */
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.justify-content-evenly { justify-content: space-evenly !important; }

/* Align items */
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }

/* Align self */
.align-self-auto { align-self: auto !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch { align-self: stretch !important; }

/* Align content */
.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }

/* Order */
.order-first { order: -1 !important; }
.order-0 { order: 0 !important; }
.order-1 { order: 1 !important; }
.order-2 { order: 2 !important; }
.order-3 { order: 3 !important; }
.order-4 { order: 4 !important; }
.order-5 { order: 5 !important; }
.order-last { order: 6 !important; }

/* ========================================
   POSITION UTILITIES
   ======================================== */

.position-static { position: static !important; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed { position: fixed !important; }
.position-sticky { position: sticky !important; }

/* Position values */
.top-0 { top: 0 !important; }
.top-50 { top: 50% !important; }
.top-100 { top: 100% !important; }
.bottom-0 { bottom: 0 !important; }
.bottom-50 { bottom: 50% !important; }
.bottom-100 { bottom: 100% !important; }
.start-0 { left: 0 !important; }
.start-50 { left: 50% !important; }
.start-100 { left: 100% !important; }
.end-0 { right: 0 !important; }
.end-50 { right: 50% !important; }
.end-100 { right: 100% !important; }

/* Translate middle */
.translate-middle {
    transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
    transform: translateX(-50%) !important;
}
.translate-middle-y {
    transform: translateY(-50%) !important;
}

/* ========================================
   BORDER UTILITIES
   ======================================== */

/* Add borders */
.border { border: 1px solid #dee2e6 !important; }
.border-top { border-top: 1px solid #dee2e6 !important; }
.border-end { border-right: 1px solid #dee2e6 !important; }
.border-bottom { border-bottom: 1px solid #dee2e6 !important; }
.border-start { border-left: 1px solid #dee2e6 !important; }

/* Remove borders */
.border-0 { border: 0 !important; }
.border-top-0 { border-top: 0 !important; }
.border-end-0 { border-right: 0 !important; }
.border-bottom-0 { border-bottom: 0 !important; }
.border-start-0 { border-left: 0 !important; }

/* Border colors */
.border-primary { border-color: rgba(var(--bs-primary-rgb), 1) !important;}
.border-secondary { border-color: rgba(var(--bs-secondary-rgb), 1) !important;}
.border-success { border-color: rgba(var(--bs-success-rgb), 1) !important;}
.border-info { border-color: rgba(var(--bs-info-rgb), 1) !important;}
.border-warning { border-color: rgba(var(--bs-warning-rgb), 1) !important;}
.border-danger { border-color: rgba(var(--bs-danger-rgb), 1) !important;}
.border-light { border-color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;}
.border-dark { border-color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;}
.border-white { border-color: #fff !important; }

/* Border width */
.border-1 { border-width: 1px !important; }
.border-2 { border-width: 2px !important; }
.border-3 { border-width: 3px !important; }
.border-4 { border-width: 4px !important; }
.border-5 { border-width: 5px !important; }

/* Border radius */
.rounded { border-radius: 0.25rem !important; }
.rounded-0 { border-radius: 0 !important; }
.rounded-1 { border-radius: 0.2rem !important; }
.rounded-2 { border-radius: 0.25rem !important; }
.rounded-3 { border-radius: 0.3rem !important; }
.rounded-circle { border-radius: 50% !important; }
.rounded-pill { border-radius: 50rem !important; }
.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}
.rounded-end {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}
.rounded-start {
    border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
}

/* ========================================
   WIDTH & HEIGHT UTILITIES
   ======================================== */

/* Width */
.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }
.mw-100 { max-width: 100% !important; }
.vw-100 { width: 100vw !important; }
.min-vw-100 { min-width: 100vw !important; }

/* Height */
.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; }
.mh-100 { max-height: 100% !important; }
.vh-100 { height: 100vh !important; }
.min-vh-100 { min-height: 100vh !important; }

/* ========================================
   SHADOW UTILITIES
   ======================================== */

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

/* ========================================
   OVERFLOW UTILITIES
   ======================================== */

.overflow-auto { overflow: auto !important; }
.overflow-hidden { overflow: hidden !important; }
.overflow-visible { overflow: visible !important; }
.overflow-scroll { overflow: scroll !important; }
.overflow-x-auto { overflow-x: auto !important; }
.overflow-x-hidden { overflow-x: hidden !important; }
.overflow-x-visible { overflow-x: visible !important; }
.overflow-x-scroll { overflow-x: scroll !important; }
.overflow-y-auto { overflow-y: auto !important; }
.overflow-y-hidden { overflow-y: hidden !important; }
.overflow-y-visible { overflow-y: visible !important; }
.overflow-y-scroll { overflow-y: scroll !important; }

/* ========================================
   VISIBILITY UTILITIES
   ======================================== */

.visible { visibility: visible !important; }
.invisible { visibility: hidden !important; }

/* ========================================
   VERTICAL ALIGN UTILITIES
   ======================================== */

.align-baseline { vertical-align: baseline !important; }
.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
.align-text-bottom { vertical-align: text-bottom !important; }
.align-text-top { vertical-align: text-top !important; }

/* ========================================
   FLOAT UTILITIES
   ======================================== */

.float-start { float: left !important; }
.float-end { float: right !important; }
.float-none { float: none !important; }

/* ========================================
   OPACITY UTILITIES
   ======================================== */

.opacity-0 { opacity: 0 !important; }
.opacity-25 { opacity: 0.25 !important; }
.opacity-50 { opacity: 0.5 !important; }
.opacity-75 { opacity: 0.75 !important; }
.opacity-100 { opacity: 1 !important; }

/* ========================================
   Z-INDEX UTILITIES
   ======================================== */

.z-n1 { z-index: -1 !important; }
.z-0 { z-index: 0 !important; }
.z-1 { z-index: 1 !important; }
.z-2 { z-index: 2 !important; }
.z-3 { z-index: 3 !important; }

/* ========================================
   INTERACTION UTILITIES
   ======================================== */

.pe-none { pointer-events: none !important; }
.pe-auto { pointer-events: auto !important; }
.user-select-all { user-select: all !important; }
.user-select-auto { user-select: auto !important; }
.user-select-none { user-select: none !important; }

/* ========================================
   RESPONSIVE UTILITIES (Basic)
   ======================================== */

/* Hide on specific breakpoints */
@media (max-width: 767px) {
    .d-none-mobile { display: none !important; }
}

@media (min-width: 768px) {
    .d-none-desktop { display: none !important; }
}

/* ========================================
   ADDITIONAL UTILITIES
   ======================================== */

/* Ratio */
.ratio {
    position: relative;
    width: 100%;
}
.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}
.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ratio-1x1 { --bs-aspect-ratio: 100%; }
.ratio-4x3 { --bs-aspect-ratio: 75%; }
.ratio-16x9 { --bs-aspect-ratio: 56.25%; }
.ratio-21x9 { --bs-aspect-ratio: 42.857143%; }

/* Stretched link */
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

/* Text selection */
.text-select-all {
    user-select: all !important;
}
.text-select-auto {
    user-select: auto !important;
}
.text-select-none {
    user-select: none !important;
}

/* Cursor */
.cursor-pointer { cursor: pointer !important; }
.cursor-auto { cursor: auto !important; }
.cursor-not-allowed { cursor: not-allowed !important; }



form span.help-block
{
    color: #8d0300 !important;
    background-color: #fcf8e3 !important;
    font-size: x-small;
    padding: 5px !important;
    border: 1px solid #faebcc !important;
    border-radius: 5px !important;
    font-weight: bold;
    /** add fontawesome icon at the start of the element **/

}