/*
 *  Document   : main.css
 *  Author     : pixelcave
 *  Description: The main stylesheet of the template
 *
 *  Structure (with shortcodes):
 *      (#m01mls) MAIN LAYOUT
 *      (#m02hds) HEADER
 *      (#m03sns) SIDEBAR/NAVIGATION
 *      (#m04mcs) MAIN CONTENT
 *      (#m05pgs) PAGES
 *      (#m06bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
 *      (#m07hes) HELPERS
 *      (#m08ths) THEMES
 *      (#m09res) RESPONSIVE
 *      (#m10rts) RETINA
 *      (#m11prs) PRINT
 */

/*
=================================================================
(#m01mls) MAIN LAYOUT
=================================================================
*/

/* Include Inter font from Google Web Fonts (loaded via template_start.php, fallback @import) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');


/* Preloader */
#page-wrapper.page-loading {
    overflow: hidden;
}

#page-wrapper.page-loading .preloader {
    display: block;
}

#page-wrapper.page-loading #page-container {
    opacity: 0;
}

.preloader {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333333;
    z-index: 99999;
}

.preloader .inner {
    position: fixed;
    top: 20%;
    left: 50%;
    margin: 0 0 0 -50px;
    width: 100px;
    height: 100px;
    text-align: center;
}

.preloader-spinner {
    width: 24px;
    height: 24px;
    border: 3px solid transparent;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    border-top-color: #ffffff;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner .4s linear infinite;
    -moz-animation: nprogress-spinner .4s linear infinite;
    -ms-animation: nprogress-spinner .4s linear infinite;
    -o-animation: nprogress-spinner .4s linear infinite;
    animation: nprogress-spinner .4s linear infinite;
}

.preloader-spinner {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-width: 3px;
}

/* Main Structure */
body {
    font-family: "Inter", "Nunito", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1e293b;
    font-size: 13px;
    background-color: #0f172a;
}

#page-container,
#main-container,
#page-content + footer {
    min-width: 320px;
}

#page-container {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    overflow-x: hidden;
    -webkit-transition: background-color 0.2s ease-out, opacity 0.3s ease-out;
    transition: background-color 0.2s ease-out, opacity 0.3s ease-out;
}

#page-container,
#sidebar,
#sidebar-alt {
    background-color: transparent;
}

#sidebar,
#sidebar-alt {
    width: 0;
    position: absolute;
    overflow: hidden;
}

#sidebar-alt {
    right: 0;
}

#sidebar,
#sidebar-alt,
#main-container,
.header-fixed-top header,
.header-fixed-bottom header,
.footer-fixed #page-content + footer {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#page-content {
    padding: 10px 5px 1px;
    background-color: transparent;
    min-height:1000px;
}

#page-content + footer {
    padding: 9px 10px;
    font-size: 11px;
    background-color: rgba(255, 255, 255, 0.45);
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    color: #475569;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Fixed Header */
#page-container.header-fixed-top {
    padding: 50px 0 0;
}

#page-container.header-fixed-bottom {
    padding: 0 0 50px;
}

/* Sidebar + Static Header */
.sidebar-visible-xs #sidebar {
    width: 200px;
}

.sidebar-visible-xs #main-container {
    margin-left: 200px;
    margin-right: -200px;
}

/* Sidebar + Fixed Header */
.header-fixed-top #sidebar,
.header-fixed-bottom #sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
}

.header-fixed-top .sidebar-content,
.header-fixed-bottom .sidebar-content {
    padding-bottom: 50px;
}

.sidebar-visible-xs.header-fixed-top header.navbar-fixed-top,
.sidebar-visible-xs.header-fixed-bottom header.navbar-fixed-bottom {
    left: 200px;
    right: -200px;
}

/* Alternative Sidebar + Static Header */
.sidebar-alt-visible-xs #sidebar-alt {
    width: 200px;
}

.sidebar-alt-visible-xs #main-container {
    margin-right: 200px;
    margin-left: -200px;
}

/* Alternative Sidebar + Fixed Header */
.header-fixed-top #sidebar-alt,
.header-fixed-bottom #sidebar-alt {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
}

.sidebar-alt-visible-xs.header-fixed-top header.navbar-fixed-top,
.sidebar-alt-visible-xs.header-fixed-bottom header.navbar-fixed-bottom {
    right: 200px;
    left: -200px;
}

/* Fixed Footer */
.footer-fixed #page-content + footer {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999;
}

.footer-fixed #page-content {
    padding-bottom: 41px;
}

.footer-fixed.sidebar-visible-xs #page-content + footer {
    right: -200px;
    left: 200px;
}

.footer-fixed.sidebar-alt-visible-xs #page-content + footer {
    right: 200px;
    left: -200px;
}

.footer-fixed.header-fixed-bottom #page-content + footer {
    bottom: 50px;
}

/*
=================================================================
(#m02hds) HEADER
=================================================================
*/

header.navbar-default,
header.navbar-inverse {
    padding: 0;
    margin: 0;
    min-width: 320px;
    border: none;
}

header.navbar-default.navbar-fixed-top {
    border-bottom: 1px solid #eaedf1;
}

header.navbar-default.navbar-fixed-bottom {
    border-top: 1px solid #eaedf1;
}

header.navbar-inverse.navbar-fixed-top {
    border-bottom: 1px solid #394263;
}

header.navbar-inverse.navbar-fixed-bottom {
    border-top: 1px solid #394263;
}

/* Header Nav */
.navbar-default .navbar-nav > li > a {
    color: #394263;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #1bbae1;
}

.navbar-inverse .collapse.in .navbar-nav .open .dropdown-menu > li > a {
    color: #dddddd;
}

.nav.navbar-nav-custom {
    float: left;
    margin: 0;
}

.nav.navbar-nav-custom > li {
    min-height: 50px;
    float: left;
}

.nav.navbar-nav-custom > li > a {
    min-width: 50px;
    padding: 5px 7px;
    line-height: 40px;
    text-align: center;
    color: #394263;
    position: relative;
}

.nav.navbar-nav-custom > li > a .gi,
.nav.navbar-nav-custom > li > a .hi,
.nav.navbar-nav-custom > li > a .si,
.nav.navbar-nav-custom > li > a .fi {
    margin-top: -3px;
}

.nav.navbar-nav-custom > li > a .label-indicator {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    font-weight: 600;
}

.navbar-fixed-bottom .nav.navbar-nav-custom > li > a .label-indicator {
    top: auto;
    bottom: 0;
}

.navbar-inverse .nav.navbar-nav-custom > li > a {
    color: #ffffff;
}

.nav.navbar-nav-custom > li.open > a,
.nav.navbar-nav-custom > li > a:hover,
.nav.navbar-nav-custom > li > a:focus {
    background-color: #1bbae1;
    color: #ffffff;
}

.nav.navbar-nav-custom > li > a > img {
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 20px;
    vertical-align: top;
}

/* Header Search */
.navbar-form {
    margin: 7px 0;
}

.collapsing .navbar-form,
.collapse.in .navbar-form {
    margin-left: -15px;
    margin-right: -15px;
}

.collapsing .navbar-form .form-group,
.collapse.in .navbar-form .form-group {
    margin-bottom: 0;
}

.navbar-form-custom {
    padding: 0;
    width: 100px;
    float: left;
    height: 50px;
}

.navbar-form-custom .form-control {
    padding: 10px;
    margin: 0;
    height: 50px;
    font-size: 15px;
    background: transparent;
    border: none;
    z-index: 2000;
}

.navbar-form-custom .form-control:hover,
.navbar-form-custom .form-control:focus {
    background-color: #ffffff;
}

.navbar-form-custom .form-control:focus {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 18px;
    padding: 10px 20px;
}

.navbar-inverse .navbar-form-custom .form-control {
    color: #ffffff;
}

.navbar-inverse .navbar-form-custom .form-control:hover,
.navbar-inverse .navbar-form-custom .form-control:focus {
    background: #000000;
    color: #ffffff;
}

/*
=================================================================
(#m03sns) SIDEBAR/NAVIGATION
=================================================================
*/

/* Sidebar Content */
.sidebar-content {
    width: 200px;
    color: #ffffff;
}

.sidebar-section {
    padding: 10px;
}

/* Sidebar Brand + Title */
.sidebar-brand,
.sidebar-title {
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    margin: 0;
    font-weight: 300;
    font-size: 18px;
    display: block;
    color: #ffffff;
    background: url('../img/template/ie8_opacity_dark_15.png') repeat;
    background: rgba(0, 0, 0, 0.15);
}

a.sidebar-brand:hover,
a.sidebar-brand:focus,
a.sidebar-title:hover,
a.sidebar-title:focus {
    background-color: #1bbae1;
    color: #ffffff;
    text-decoration: none;
}

.sidebar-brand i,
.sidebar-title i {
    font-size: 14px;
    display: inline-block;
    width: 18px;
    text-align: center;
    margin-right: 10px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.sidebar-title i.pull-left {
    margin: 20px 10px 0 0;
}

.sidebar-title i.pull-right {
    margin: 20px 0 0 10px;
}

/* Sidebar User */
.sidebar-user {
    padding-left: 88px;
    background: url('../img/template/ie8_opacity_light_10.png') repeat;
    background: rgba(255, 255, 255, 0.1);
}

.sidebar-user-avatar {
    width: 68px;
    height: 68px;
    float: left;
    padding: 2px;
    margin-left: -78px;
    border-radius: 34px;
    background: url('../img/template/ie8_opacity_light_75.png') repeat;
    background: rgba(255, 255, 255, 0.75);
}

.sidebar-user-avatar img {
    width: 64px;
    height: 64px;
    border-radius: 32px;
}

.sidebar-user-name {
    font-size: 17px;
    font-weight: 300;
    margin-top: 10px;
    line-height: 26px;
}

.sidebar-user-links a {
    color: #ffffff;
    opacity: 0.3;
    filter: alpha(opacity=30);
    margin-right: 5px;
}

.sidebar-user-links a:hover,
.sidebar-user-links a:focus {
    color: #ffffff;
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

.sidebar-user-links a > i {
    font-size: 14px;
}

/* Sidebar Color Themes */
.sidebar-themes {
    list-style: none;
    margin: 0;
    padding-top: 12px;
    padding-bottom: 6px;
    background: url('../img/template/ie8_opacity_dark_15.png') repeat;
    background: rgba(0, 0, 0, 0.15);
    opacity: .5;
    filter: alpha(opacity=50);
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
}

.sidebar-themes:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.sidebar-themes li {
    float: left;
    margin: 0 5px 6px 0;
}

.sidebar-themes li a {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
}

.sidebar-themes li a:hover,
.sidebar-themes li a:focus {
    border-color: #ffffff !important;
}

.sidebar-themes li.active a {
    border-color: #ffffff !important;
}

/* Sidebar Chat */
.chat-users {
    list-style: none;
    margin: 0;
    padding: 10px;
}

.chat-users li {
    float: left;
    margin: 0;
    padding: 3px;
}

.chat-users a {
    position: relative;
    display: inline-block;
    padding: 2px;
    width: 52px;
    height: 52px;
    border-radius: 25px;
    background: url('../img/template/ie8_opacity_light_10.png') repeat;
    background: rgba(255, 255, 255, 0.10);
}

.chat-users a span {
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #cccccc;
}

.chat-users a img {
    width: 48px;
    height: 48px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.chat-users a.chat-user-online,
.chat-users a.chat-user-away,
.chat-users a.chat-user-busy {
    background: url('../img/template/ie8_opacity_light_75.png') repeat;
    background: rgba(255, 255, 255, 0.75);
}

.chat-users a.chat-user-online span {
    background-color: #2ecc71;
}

.chat-users a.chat-user-away span {
    background-color: #f39c12;
}

.chat-users a.chat-user-busy span {
    background-color: #e74c3c;
}

.chat-users a:hover {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 4px 2px #999999;
    box-shadow: 0 0 4px 2px #999999;
}

.chat-users a:hover img,
.chat-users a.chat-user-online img,
.chat-users a.chat-user-away img,
.chat-users a.chat-user-busy img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.chat-talk-info {
    line-height: 22px;
    font-size: 13px;
}

.chat-talk-info img {
    width: 22px;
    height: 22px;
    float: left;
    margin-right: 10px;
}

.chat-talk-messages {
    list-style: none;
    margin: 0;
    padding: 5px 0;
    background: url('../img/template/ie8_opacity_dark_20.png') repeat;
    background: rgba(0, 0, 0, 0.20);
}

.chat-talk-messages li {
    padding: 7px 10px;
    margin-bottom: 7px;
}

.chat-talk-messages .chat-talk-msg {
    width: 180px;
    margin-right: 20px;
    border-right: 3px solid #fff;
    background: url('../img/template/ie8_opacity_dark_40.png') repeat;
    background: rgba(0, 0, 0, 0.40);
}

.chat-talk-messages .chat-talk-msg.chat-talk-msg-highlight {
    margin-right: 0;
    margin-left: 20px;
    border-right: none;
    border-left-width: 3px;
    border-left-style: solid;
}

.chat-form {
    margin: 0;
    padding: 5px 10px;
    background: url('../img/template/ie8_opacity_dark_40.png') repeat;
    background: rgba(0, 0, 0, 0.40);
}

.chat-form .form-control {
    background: transparent;
    color: #eeeeee;
}

/* Sidebar Navigation */
.sidebar-nav {
    list-style: none;
    margin: 0;
    padding: 10px 0 0;
}

.sidebar-nav .sidebar-header:first-child {
    margin-top: 0;
}

.sidebar-nav a {
    display: block;
    color: #eaedf1;
    padding: 0 10px;
    min-height: 35px;
    line-height: 35px;
}

.sidebar-nav a:hover,
.sidebar-nav a:focus,
.sidebar-nav a.open,
.sidebar-nav li.active > a {
    color: #ffffff;
    text-decoration: none;
    background: url('../img/template/ie8_opacity_dark_15.png') repeat;
    background: rgba(0, 0, 0, 0.15);
}

.sidebar-nav a.active {
    padding-left: 5px;
    border-left: 5px solid #1bbae1;
    background: url('../img/template/ie8_opacity_dark_30.png') repeat;
    background: rgba(0, 0, 0, 0.3);
}

.sidebar-nav a > .sidebar-nav-icon {
    margin-right: 10px;
}

.sidebar-nav a > .sidebar-nav-indicator {
    float: right;
    line-height: inherit;
    margin-left: 4px;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.sidebar-nav a > .sidebar-nav-icon,
.sidebar-nav a > .sidebar-nav-indicator {
    display: inline-block;
    opacity: 0.5;
    filter: alpha(opacity=50);
    width: 18px;
    font-size: 14px;
    text-align: center;
}

.sidebar-nav a:hover,
.sidebar-nav a:hover > .sidebar-nav-icon,
.sidebar-nav a:hover > .sidebar-nav-indicator,
.sidebar-nav a.active,
.sidebar-nav a.active > .sidebar-nav-icon,
.sidebar-nav a.active > .sidebar-nav-indicator,
.sidebar-nav a.open,
.sidebar-nav a.open > .sidebar-nav-icon,
.sidebar-nav a.open > .sidebar-nav-indicator,
.sidebar-nav li.active > a,
.sidebar-nav li.active > a > .sidebar-nav-icon,
.sidebar-nav li.active > a > .sidebar-nav-indicator {
    opacity: 1;
    filter: alpha(opacity=100);
}

.sidebar-nav a.active > .sidebar-nav-indicator,
.sidebar-nav a.open > .sidebar-nav-indicator,
.sidebar-nav li.active > a > .sidebar-nav-indicator {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.sidebar-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    background: url('../img/template/ie8_opacity_dark_30.png') repeat;
    background: rgba(0, 0, 0, 0.3);
}

.sidebar-nav li.active > ul {
    display: block;
}

.sidebar-nav ul a {
    margin: 0;
    font-size: 12px;
    padding-left: 15px;
    min-height: 32px;
    line-height: 32px;
}

.sidebar-nav ul a.active,
.sidebar-nav ul a.active:hover {
    border-left: 5px solid #1bbae1;
    padding-left: 10px;
}

.sidebar-nav ul ul {
    background: url('../img/template/ie8_opacity_dark_40.png') repeat;
    background: rgba(0, 0, 0, 0.4);
}

.sidebar-nav ul ul a {
    padding-left: 25px;
}

.sidebar-nav ul ul a.active,
.sidebar-nav ul ul a.active:hover {
    padding-left: 20px;
}

/* Sidebar Header */
.sidebar-header {
    margin: 10px 0 0;
    padding: 10px;
    line-height: 12px;
}

.sidebar-header + .sidebar-section {
    padding-top: 0px;
    padding-bottom: 0px;
}

.sidebar-header .sidebar-header-title {
    color: #ffffff;
    font-size: 11px;
    text-transform: uppercase;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.sidebar-header-options {
    float: right;
    display: inline-block;
}

.sidebar-header-options > a,
.sidebar-nav .sidebar-header-options a {
    float: right;
    margin: 0;
    padding: 0;
    min-height: 0;
    line-height: inherit;
    display: block;
    min-width: 18px;
    text-align: center;
    color: #ffffff;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.sidebar-header-options a.active,
.sidebar-header-options a:hover,
.sidebar-header-options a:focus,
.sidebar-nav .sidebar-header-options a.active,
.sidebar-nav .sidebar-header-options a:hover,
.sidebar-nav .sidebar-header-options a:focus {
    background: none;
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
}

.sidebar-header-options a > i {
    font-size: 14px;
}

/*
=================================================================
(#m04mcs) MAIN CONTENT
=================================================================
*/

/* Content Header */
.content-header {
    background-color: #ffffff;
    border-top: 1px solid #eaedf1;
    border-bottom: 1px solid #dbe1e8;
}

.content-header h1,
.content-header h2 {
    margin: 0;
    font-size: 26px;
    line-height: 32px;
}

.content-header small
.content-header small{
    font-size: 17px;
}

.header-section h1 i {
    font-size: 56px;
    float: right;
    margin: 2px 0 0 10px;
    color: #eaedf1;
    margin: 0 0 0 10px;
    line-height: 64px;
}

.header-section {
    padding: 30px 10px;
}

.content-header,
.content-top {
    margin: -10px -5px 10px;
}

.content-top {
    background-color: #ffffff;
    border-bottom: 1px solid #dbe1e8;
}

.content-header-media {
    position: relative;
    height: 248px;
    overflow: hidden;
    border-top-color: #222222;
}

.content-header-media .header-section {
    z-index: 200;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #ffffff;
    background: url('../img/template/ie8_opacity_dark_60.png') repeat;
    background: rgba(0, 0, 0, 0.6);
}

.content-header-media small,
.content-header-media i {
    color: #dddddd;
}

.content-header-media > img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2560px;
    height: 248px;
    margin-left: -1280px;
}

.content-header-media > .content-header-media-map {
    height: 270px;
}

/* Blocks */
.block {
    margin: 0 0 10px;
    padding: 20px 15px 1px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.block.full {
    padding: 20px 15px;
}

.block .block-content-full {
    margin: -20px -15px -1px;
}

.block .block-content-mini-padding {
    padding: 8px;
}

.block.full .block-content-full {
    margin: -20px -15px;
}

.block .tab-content .block-content-full,
.block.full .tab-content .block-content-full {
    margin-top: -19px !important;
}

.block-title {
    margin: -20px -15px 20px;
    background-color: rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.block-title h1,
.block-title h2,
.block-title h3,
.block-title h4,
.block-title h5,
.block-title h6 {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
    padding: 10px 16px 7px;
    font-weight: normal;
}

.block-title h1 small,
.block-title h2 small,
.block-title h3 small,
.block-title h4 small,
.block-title h5 small,
.block-title h6 small {
    font-size: 13px;
    color: #777777;
    font-weight: normal;
}

.block-title h1,
.block-title h2,
.block-title h3 {
    padding-left: 15px;
    padding-right: 15px;
}

.block-title .nav-tabs,
.block-options {
    min-height: 40px;
    line-height: 38px;
}

.block-title .nav-tabs {
    padding: 3px 1px 0;
    border-bottom: none;
}

.block-title .nav-tabs > li > a {
    border-bottom: none;
}

.block-title .nav-tabs {
    margin-bottom: -2px;
}

.block-title .nav-tabs > li > a {
    margin-bottom: 0;
}

.block-title .nav-tabs > li > a:hover {
    background: none;
}

.block-title .nav-tabs > li.active > a,
.block-title .nav-tabs > li.active > a:hover,
.block-title .nav-tabs > li.active > a:focus {
    border: 1px solid #eaedf1;
    border-bottom-color: #ffffff;
    background-color: #ffffff;
}

.block-title code {
    padding: 2px 3px;
}

.block-options {
    margin: 0 6px;
    line-height: 37px;
}

.block-options .label {
    display: inline-block;
    padding: 6px;
    vertical-align: middle;
    font-size: 13px;
}

.block-top {
    margin: -20px -15px 20px;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
}

.block-section {
    margin-bottom: 20px;
}

.block.block-fullscreen {
    position: fixed;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    z-index: 1031;
    margin-bottom: 0;
    overflow-y: auto;
}

/* Widgets */
.widget {
    background-color: transparent;
    margin-bottom: 10px;
}

.widget .widget-extra-full,
.widget .widget-extra {
    position: relative;
    padding: 15px;
	border: solid 1px;
}

.widget .widget-extra {
    padding-top: 1px;
    padding-bottom: 1px;
}

.widget .widget-content-light {
    color: #ffffff;
}

.widget .widget-content-light small {
    color: #eeeeee;
}

.widget .widget-image,
.widget .widget-icon {
    width: 64px;
    height: 64px;
}

.widget .widget-icon {
    display: inline-block;
    line-height: 64px;
    text-align: center;
    font-size: 28px;
    color: #ffffff;
    border-radius: 32px;
}

.widget .widget-icon .gi,
.widget .widget-icon .si,
.widget .widget-icon .hi,
.widget .widget-icon .fi {
    margin-top: -3px;
}

.widget .widget-options,
.widget .widget-options-left {
    position: absolute;
    top: 5px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.widget .widget-options {
    right: 5px;
}

.widget .widget-options-left {
    left: 5px;
}

.widget .widget-options:hover,
.widget .widget-options-left:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.widget-simple {
    padding: 15px;
}

.widget-simple:before,
.widget-simple:after {
    content:" ";
    display:table;
}

.widget-simple:after{
    clear:both;
}

.widget-simple .widget-image,
.widget-simple .widget-icon {
    margin: 0 15px;
}

.widget-simple .widget-image.pull-left,
.widget-simple .widget-icon.pull-left {
    margin-left: 0;
}

.widget-simple .widget-image.pull-right,
.widget-simple .widget-icon.pull-right {
    margin-right: 0;
}

.widget-simple .widget-content {
    font-size: 18px;
    margin: 12px 0;
}

.widget-simple .widget-content small {
    display: block;
    margin-top: 7px;
    font-size: 13px;
    font-weight: 400;
}

.widget-advanced .widget-header {
    position: relative;
    padding: 15px 15px 50px;
    height: 150px;
    overflow: hidden;
}

.widget-advanced .widget-background {
    position: absolute;
    top: 0;
    left: 0;
    height: 150px;
}

.widget-advanced .widget-background-map {
    height: 180px;
    width: 100%;
}

.widget-advanced .widget-content-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    margin: 0;
    background: url('../img/template/ie8_opacity_dark_60.png') repeat;
    background: rgba(0, 0, 0, 0.6);
}

.widget-advanced .widget-main {
    position: relative;
    padding: 50px 15px 15px;
}

.widget-advanced .widget-image-container {
    position: absolute;
    display: inline-block;
    padding: 5px;
    width: 74px;
    height: 74px;
    top: -36px;
    left: 50%;
    margin-left: -36px;
    border-radius: 36px;
    background-color: #ffffff;
}

.widget-advanced .widget-header .widget-image-container {
    position: static;
    left: auto;
    top: auto;
    margin: 0;
}

.widget-advanced-alt .widget-header,
.widget-advanced-alt .widget-main {
    padding: 15px;
}

.widget-advanced-alt .widget-header {
    height: auto;
    min-height: 150px;
}

/* Link Widgets */
a.widget {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

a.widget:hover,
a.widget:focus,
a.widget:active {
    text-decoration: none;
}

a.widget.widget-hover-effect1:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

a.widget.widget-hover-effect1:active {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

a.widget.widget-hover-effect2:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.2);
}

a.widget.widget-hover-effect2:active {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.widget.widget-hover-effect3:hover {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
}

a.widget.widget-hover-effect3:active {
    -webkit-transform: rotate(2deg) scale(0.95);
    transform: rotate(2deg) scale(0.95);
}

a.widget.widget-hover-effect4:hover {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
}

a.widget.widget-hover-effect4:active {
    -webkit-transform: rotate(-1deg) scale(0.95);
    transform: rotate(-1deg) scale(0.95);
}

/* Content which contains floats */
.content-float .pull-left {
    margin: 0 20px 20px 0;
}

.content-float .pull-right {
    margin: 0 0 20px 20px;
}

/* Draggable Blocks */
.draggable-blocks .block-title {
    cursor: move;
}

.draggable-placeholder {
    background-color: #dddddd;
    border: 1px dashed #999999;
    margin-bottom: 10px;
}

/* Scroll to top link */
#to-top {
    display: none;
    position: fixed;
    bottom: 55px;
    left: 5px;
    border-radius: 3px;
    padding: 0 12px;
    font-size: 28px;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
    opacity: 0.1;
    filter: alpha(opacity=10);
}

#to-top:hover {
    color: #ffffff;
    background-color: #1bbae1;
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

/*
=================================================================
(#m05pgs) PAGES
=================================================================
*/

/* Login */
#login-background {
    width: 100%;
    height: 224px;
    overflow: hidden;
    position: relative;
}

#login-background > img {
    position: absolute;
    width: 2560px;
    height: 400px;
    left: 50%;
    margin-left: -1280px;
}

#login-alt-container {
    display: none;
}

#login-container,
#login-alt-container {
    position: absolute;
    width: 300px;
    top: 10px;
    left: 50%;
    margin-left: -150px;
    z-index: 1000;
}

#login-container .login-title {
    padding: 20px 10px;
    background: #444444;
    background: url('../img/template/ie8_opacity_dark_60.png') repeat;
    background: rgba(0, 0, 0, 0.6);
}

#login-container .login-title h1,
#login-alt-container h1 {
    font-size: 26px;
    color: #777;
}

#login-container .login-title h1 small,
#login-alt-container h1 small {
    font-size: 16px;
    color: #777;
}

#login-container > .block {
    border: none;
}

#login-container .register-terms {
    line-height: 30px;
    margin-right: 10px;
    float: left;
}

/* Full Background Image */
.full-bg {
    min-height: 100%;
    min-width: 1280px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1280px) {
    .full-bg {
        left: 50%;
        margin-left: -640px;
    }
}

/* Full Page Container */
.full-page-container {
    position: absolute;
    width: 300px;
    padding: 10px;
    top: 20px;
    left: 50%;
    margin-left: -150px;
    z-index: 1000;
    background-color: #333333;
    background-color: rgba(0,0,0,.5);
}

.full-page-section {
    padding: 25px 0;
    margin: 25px -10px;
    background-color: #000000;
    background-color: rgba(0,0,0,.15);
}

/* Countdown */
.countdown-con {
    color: #ffffff;
    text-align: center;
}

.countdown-con .countdown-num {
    font-size: 56px;
    font-weight: bold;
}

.countdown-con .countdown-info {
    font-size: 16px;
    color: rgba(255, 255, 255, .6);
}

/* Calendar */
.calendar-events {
    list-style: none;
    margin: 0;
    padding: 0;
}

.calendar-events li {
    color: #ffffff;
    margin-bottom: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #555555;
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.calendar-events li:hover {
    cursor: move;
    opacity: 1;
    filter: alpha(opacity=100);
}

/* Gallery */
.gallery img, .gallery a img, .gallery-image img, a[data-toggle="lightbox-image"] img {
    max-width: 100%;
}

a[data-toggle="lightbox-image"],
a.gallery-link {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.gallery a:hover img,
.gallery-image:hover img,
a[data-toggle="lightbox-image"]:hover img {
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.gallery-image {
    position: relative;
}

.gallery-image-options {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    padding: 10px;
}

.gallery-image:hover .gallery-image-options {
    display: block;
}

.gallery > .row > div {
    margin-bottom: 15px;
}

.gallery.gallery-widget > .row > div {
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}

/* Media Items */
.media-items {
    position: relative;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    background-color: #f9f9f9;
    border: 2px solid #f1f1f1;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

.media-items:hover {
    border-color: #cccccc;
}

.media-items:hover .media-items-options {
    display: block;
}

.media-items .media-items-options {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 10px;
    display: none;
}

.media-items .media-items-content {
    padding: 40px 0 20px;
}

/* Charts */
.pie-chart .pie-avatar {
    position: absolute;
    top: 8px;
    left: 8px;
}

.chart {
    height: 360px;
}

.chart-tooltip,
.mini-chart-tooltip {
    position: absolute;
    display: none;
    color: #ffffff;
    background-color: #000000;
    padding: 4px 10px;
}

.chart-pie-label {
     font-size: 12px;
     text-align: center;
     padding: 8px 12px;
     color: #ffffff;
}

.mini-chart-tooltip {
    left: 0;
    top: 0;
    visibility: hidden;
}

.legend table td {
    padding: 4px;
    font-size: 14px;
}

/* Timeline */
.timeline {
    position: relative;
}

.timeline-header {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    padding: 0 15px;
    min-height: 60px;
    line-height: 60px;
    background-color: #ffffff;
    border-bottom: 2px solid #f0f0f0;
    z-index: 500;
}

.timeline-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.timeline-list:after {
    position: absolute;
    display: block;
    width: 2px;
    top: 0;
    left: 95px;
    bottom: 0;
    content: "";
    background-color: #f0f0f0;
    z-index: 1;
}

.timeline-header + .timeline-list:after {
    top: 60px;
}

.timeline-list li {
    position: relative;
    margin: 0;
    padding: 15px 0;
}

.timeline-list.timeline-hover li:hover {
    background-color: #f9f9f9;
}

.timeline-list .timeline-icon {
    position: absolute;
    left: 80px;
    top: 10px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 15px;
    z-index: 500;
}

.timeline-list .active .timeline-icon {
    background-color: #1bbae1;
    border-color: #1bbae1;
    color: #ffffff;
}

.timeline-list .timeline-time {
    float: left;
    width: 70px;
    text-align: right;
}

.timeline-list .timeline-content {
    margin-left: 120px;
}

.block-content-full .timeline-content {
    padding-right: 20px;
}

.media-feed {
    margin-bottom: 0;
}

.media-feed > .media {
    margin-top: 0;
    padding: 20px 20px 0;
    border-top: 1px dotted #dbe1e8;
}

.media-feed > .media:first-child {
    border-top: none;
}

.media-feed.media-feed-hover > .media:hover {
    background-color: #f9f9f9;
}

/* Error */
#error-container {
    padding: 120px 20px;
    position: relative;
}

#error-container .error-options {
    position: absolute;
    top: 20px;
    left: 20px;
}

#error-container h1 {
    font-size: 96px;
    color: #ffffff;
    margin-bottom: 40px;
}

#error-container h2 {
    color: #cccccc;
    margin-bottom: 40px;
    line-height: 1.4;
}

#error-container form {
    padding: 20px;
    border-radius: 3px;
    background: #ffffff;
    background: url('../img/template/ie8_opacity_light_10.png') repeat;
    background: rgba(255, 255, 255, 0.1);
}

#error-container .form-control {
    border-color: #ffffff;
}

/* Pricing Table */
.table.table-pricing {
    background-color: #ffffff;
}

.table-pricing th,
.table-pricing td {
    text-align: center;
}

.table-pricing th {
    font-size: 24px !important;
}

.table-pricing td {
    font-size: 15px;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.table-pricing .table-price {
    background-color: #f9f9f9;
}

.table-pricing.table-featured .table-price,
.table-pricing .table-price.table-featured {
    background-color: #252525;
}

.table-pricing.table-featured th,
.table-pricing th.table-featured {
    background-color: #1bbae1;
    border-bottom: 2px solid #394263;
    color: #ffffff;
}

.table-pricing.table-featured td,
.table-pricing td.table-featured {
    background-color: #394263;
    color: #ffffff;
}

/* Chat UI */
.chatui-container {
    position: relative;
}

.chatui-people,
.chatui-talk {
    overflow-y: hidden;
}

.chatui-people .chatui-header {
    font-size: 14px;
    line-height: 14px;
    color: #999999;
    text-transform: uppercase;
    padding: 5px 20px;
}

.chatui-people hr {
    border-top-color: #252525;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.chatui-people .list-group-item {
    background: transparent;
    min-height: 52px;
    border: 0;
    border-radius: 0 !important;
}

.chatui-people .list-group-item .badge {
    margin-top: 7px;
}

.chatui-people .list-group-item .list-group-item-heading {
    color: #ffffff;
    line-height: 32px;
    margin: 0;
}

.chatui-people .list-group-item:hover,
.chatui-people .list-group-item:focus {
    background: url('../img/template/ie8_opacity_dark_20.png') repeat;
    background: rgba(0, 0, 0, 0.2);
}

.chatui-people .list-group-item img {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.chatui-talk {
    top: 0;
    bottom: 50px;
}

.chatui-talk ul {
    padding: 15px;
    margin: 0;
    list-style: none;
}

.chatui-talk li {
    padding: 5px 10px;
    margin-bottom: 7px;
}

.chatui-talk .chatui-talk-msg {
    padding: 15px 10px;
    padding-right: 50px;
    border-left: 5px solid #333333;
    background-color: #f6f6f6;
    position: relative;
}

.chatui-talk .chatui-talk-msg.chatui-talk-msg-highlight {
    padding-left: 50px;
    border-left: none;
    border-right-width: 5px;
    border-right-style: solid;
}

.chatui-talk-msg .chatui-talk-msg-avatar {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
}

.chatui-talk-msg.chatui-talk-msg-highlight .chatui-talk-msg-avatar {
    top: 8px;
    right: auto;
    left: 8px;
}

.chatui-input {
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #eeeeee;
}

/* Tasks */
.task-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.task-list li {
    padding: 15px 40px 15px 15px;
    margin-bottom: 10px;
    background-color: #ffffff;
    border-radius: 3px;
    position: relative;
    -webkit-transition: box-shadow 0.15s ease-out;
    transition: box-shadow 0.15s ease-out;
}

.task-list li:hover {
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.task-list li.in-1x {
    margin-left: 15px;
}

.task-list li.in-2x {
    margin-left: 30px;
}

.task-list li > .task-close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #000000;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.task-list li:hover > .task-close {
    opacity: .25;
    filter: alpha(opacity=25);
}

.task-list li.task-done {
    opacity: .50;
    filter: alpha(opacity=50);
}

.task-list li.task-done > label {
    text-decoration: line-through;
}

/*
=================================================================
(#m06bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
=================================================================
*/

/* Navbar */
.navbar.navbar-default {
    background-color: transparent;
}

.navbar.navbar-inverse {
    background-color: #4c5471;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    border-width: 0;
}

/* Typography */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Inter", "Nunito", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small,
h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small,
.h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: 300;
    color: #777777;
}

h1, h2, h3 {
    margin-bottom: 15px;
}

.text-primary,
.text-primary:hover,
a,
a:hover,
a:focus,
a.text-primary,
a.text-primary:hover,
a.text-primary:focus {
    color: #1bbae1;
}

.text-danger,
.text-danger:hover,
a.text-danger,
a.text-danger:hover,
a.text-danger:focus {
    color: #e74c3c;
}

.text-warning,
.text-warning:hover,
a.text-warning,
a.text-warning:hover,
a.text-warning:focus {
    color: #e67e22;
}

.text-success,
.text-success:hover,
a.text-success,
a.text-success:hover,
a.text-success:focus {
    color: #27ae60;
}

.text-info,
.text-info:hover,
a.text-info,
a.text-info:hover,
a.text-info:focus {
    color: #3498db;
}

.text-muted,
.text-muted:hover,
a.text-muted,
a.text-muted:hover,
a.text-muted:focus {
    color: #999999;
}

.text-light,
.text-light:hover,
a.text-light,
a.text-light:hover,
a.text-light:focus {
    color: #ffffff;
}

b, strong {
    font-weight: 600;
}

ul,
ol {
    padding-left: 30px;
}

.list-li-push li {
    margin-bottom: 10px;
}

p {
    line-height: 1.6;
}

article p {
    font-size: 16px;
    line-height: 1.8;
}

.well {
    background-color: #f9f9f9;
    border: 1px solid #eeeeee;
}

.page-header {
    border-bottom-width: 1px;
    border-bottom-color: #dddddd;
    margin: 30px 0 20px;
}

.sub-header {
    margin: 10px 0 20px;
    padding: 10px 0;
    border-bottom: 1px dotted #dddddd;
}

blockquote {
    border-left-width: 3px;
}

blockquote {
    margin: 20px 0;
    padding: 30px 60px 30px 20px;
    position: relative;
    width: 100%;
    border-color: #eaedf1;
}

blockquote:before {
    display: block;
    content: "\201C";
    font-family: serif;
    font-size: 96px;
    position: absolute;
    right: 10px;
    top: -30px;
    color: #eaedf1;
}

blockquote.pull-right:before {
    left: 10px;
    right: auto;
}

/* Forms */
label {
    font-weight: 600;
}

fieldset legend {
    font-size: 16px;
    padding: 30px 0 10px;
    border-bottom: 2px solid #eaedf1;
}

input[type="file"] {
    padding-top: 7px;
}

input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control,
textarea.form-control {
    -webkit-appearance: none;
}

.form-control {
    font-size: 13px;
    padding: 6px 8px;
    max-width: 100%;
    margin: 1px 0;
    color: #394263;
    border-color: #dbe1e8;
}

.form-control-borderless .form-control,
.form-control-borderless .input-group-addon,
.form-control-borderless,
.form-control-borderless:focus {
    border: transparent !important;
}

.input-group {
    margin-top: 1px;
    margin-bottom: 1px;
}

.input-group .form-control {
    margin-top: 0;
}

.form-control:focus {
    border-color: #1bbae1;
}

.help-block {
    color: #777777;
    font-weight: 400;
}

.input-group-addon {
    min-width: 45px;
    text-align: center;
    background-color: #ffffff;
    border-color: #dbe1e8;
}

.form-horizontal .control-label {
    margin-bottom: 5px;
}

.form-bordered {
    margin: -15px -15px -1px;
}

.modal-body .form-bordered {
    margin-bottom: -20px;
}

.modal-lg-80{width:80%;height:80%;}

.form-bordered fieldset legend {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.form-bordered .form-group {
    margin: 0;
    border: none;
    padding: 15px;
    border-bottom: 1px dashed #eaedf1;
}

.form-bordered .form-group.form-actions {
    background-color: #f9fafc;
    border-bottom: none;
}

.form-horizontal.form-bordered .form-group {
    padding-left: 0;
    padding-right: 0;
}

.form-bordered .help-block {
    margin-bottom: 0;
}

.has-success .form-control,
.has-warning .form-control,
.has-error .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-success .help-block,
.has-success .control-label,
.has-success .input-group-addon,
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .radio,
.has-success .radio-inline {
    color: #27ae60;
}

.has-success .form-control,
.has-success .input-group-addon {
    border-color: #27ae60;
    background-color: #ffffff;
}

.has-success .form-control:focus {
    border-color: #166638;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .input-group-addon,
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .radio,
.has-warning .radio-inline {
    color: #e67e22;
}

.has-warning .form-control,
.has-warning .input-group-addon {
    border-color: #e67e22;
    background-color: #ffffff;
}

.has-warning .form-control:focus {
    border-color: #b3621b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .input-group-addon,
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .radio,
.has-error .radio-inline {
    color: #e74c3c;
}

.has-error .form-control,
.has-error .input-group-addon {
    border-color: #e74c3c;
    background-color: #ffffff;
}

.has-error .form-control:focus {
    border-color: #c0392b;
}

/* Form Wizards */
.wizard-steps {
    border-bottom: 1px solid #eaedf1;
    margin-bottom: 20px;
}

.form-bordered .wizard-steps {
    margin-bottom: 0;
}

.wizard-steps .row {
    margin: 0;
}

.wizard-steps .row div {
    padding: 15px 0;
    font-size: 15px;
    text-align: center;
}

.form-bordered .wizard-steps .row div {
    padding-top: 10px;
}

.wizard-steps span {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border: 1px solid #1bbae1;
    border-radius: 50px;
}

.wizard-steps div.done span,
.wizard-steps div.active span {
    background-color: #1bbae1;
    color: #ffffff;
}

.wizard-steps div.done span {
    opacity: 0.25;
    filter: alpha(opacity=25);
}

.wizard-steps div.active span {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* Form Select Switches */
.switch {
    margin: 1px 0;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.switch input {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}

.switch span {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 28px;
    border-radius: 28px;
    background-color: #f9f9f9;
    border: 1px solid #dddddd;
    -webkit-transition: background-color 0.35s;
    transition: background-color 0.35s;
}

.switch span:after {
    content: "";
    position: absolute;
    left: 2px;
    top: 1px;
    bottom: 1px;
    width: 24px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 50%;
    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.switch input:checked + span:after {
    left: 26px;
    border: none;
    -webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: -2px 0 3px rgba(0, 0, 0, 0.1);
}

.switch input:checked + span {
    background-color: #eeeeee;
}

.switch-default span {
    border-color: #dbe1e8;
}

.switch-default input:checked + span {
    background-color: #dbe1e8;
}

.switch-primary span {
    border-color: #1bbae1;
}

.switch-primary input:checked + span {
    background-color: #1bbae1;
}

.switch-info span {
    border-color: #7abce7;
}

.switch-info input:checked + span {
    background-color: #7abce7;
}

.switch-success span {
    border-color: #aad178;
}

.switch-success input:checked + span {
    background-color: #aad178;
}

.switch-warning span {
    border-color: #f7be64;
}

.switch-warning input:checked + span {
    background-color: #f7be64;
}

.switch-danger span {
    border-color: #ef8a80;
}

.switch-danger input:checked + span {
    background-color: #ef8a80;
}

.lt-ie9 .switch input {
    position: static;
    opacity: 1;
    filter: alpha(opacity=100);
}

.lt-ie9 .switch span,
.lt-ie9 .switch span:after {
    display: none !important;
}

/* Tables */
.table.table-vcenter th,
.table.table-vcenter td {
    vertical-align: middle;
}

.table-options {
    padding: 6px 0;
}

.table thead > tr > th {
    font-size: 14px;
    font-weight: 600;
}

.table thead > tr > th > small {
    font-weight: 400;
    font-size: 75%;
}

.table thead > tr > th,
.table thead > tr > td,
.table tfoot > tr > th,
.table tfoot > tr > td {
    padding-top: 14px;
    padding-bottom: 14px;
}

.table tfoot > tr > th,
.table tfoot > tr > td {
    background-color: #f9fafc;
}

.table-borderless tbody > tr > th,
.table-borderless tbody > tr > td {
    border-top-width: 0;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td,
.table tbody + tbody,
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border-color: #eaedf1;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #eaedf1;
}

/* List Group */
.list-group-item {
    border-color: #eaedf1;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    background-color: #1bbae1;
    border-color: #1bbae1;
}

a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
    color: #ffffff;
}

a.list-group-item:hover,
a.list-group-item:focus {
    background-color: #f9fafc;
}

a.list-group-item.active > .badge {
    background: url('../img/template/ie8_opacity_dark_40.png') repeat;
    background: rgba(0, 0, 0, 0.4);
    color: #ffffff;
}

/* Navs */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    color: #fff;
    background-color: #1bbae1;
}

.nav > li i {
    font-size: 14px;
}

.nav-pills > .active > a > .badge {
    color: #1bbae1;
}

.nav-stacked > li > a {
    margin: 4px 0 0;
}

.nav .caret,
.nav a:hover .caret,
.nav a:focus .caret {
    border-top-color: #1bbae1;
    border-bottom-color: #1bbae1;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #f9fafc;
}

.nav-tabs {
    border-bottom-color: #eaedf1;
}

.nav-tabs > li {
    margin-bottom: 0;
}

.nav-tabs > li > a {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: -1px;
}

.nav-tabs > li > a:hover {
    border-color: #eaedf1;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #394263;
    border-color: #eaedf1;
    border-bottom-color: transparent;
}

/* Fiche contact : les badges (Commentaires, Documents, Enquête) rendent
   certains <li> plus hauts → le float:left de Bootstrap 3 accroche les
   onglets wrappés sous l'item le plus haut au lieu de revenir à gauche.
   Flexbox élimine ce float drop et conserve un wrap propre. */
#maintabs.nav-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    border-bottom: 1px solid #eaedf1;
}
#maintabs.nav-tabs > li {
    float: none;
    margin-bottom: -1px;
}

.nav-pills > li.active > a > .badge {
    background: url('../img/template/ie8_opacity_dark_20.png') repeat;
    background: rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

.nav-pills.nav-icons > li > a i {
    margin-right: 10px;
}

.nav-pills.nav-icons > li.active > a i,
.nav-pills.nav-icons > li.active > a:hover i,
.nav-pills.nav-icons > li.active > a:focus i {
    color: #ffffff;
}

.dropdown-menu {
    padding: 0;
    font-size: 13px;
    border-color: #dbe1e8;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

.dropdown-menu > li > a {
    padding: 6px 10px;
}

.dropdown-menu i {
    opacity: 0.2;
    filter: alpha(opacity=20);
    line-height: 17px;
}

.dropdown-menu a:hover i {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.dropdown-menu .divider {
    margin: 2px 0;
    padding: 0 !important;
    background-color: #f0f0f0;
}

li.dropdown-header {
    padding: 5px 10px;
    color: #394263;
    background-color: #f9fafc;
    border-top: 1px solid #eaedf1;
    border-bottom: 1px solid #eaedf1;
}

.dropdown-menu li:first-child.dropdown-header {
    border-top: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.dropdown-menu.dropdown-custom {
    min-width: 200px;
}

.dropdown-menu.dropdown-custom > li {
    padding: 8px 10px;
    font-size: 12px;
}

.dropdown-menu.dropdown-custom > li > a {
    border-radius: 3px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -3px;
    margin-left: 0;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

.collapse.in .dropdown.open .dropdown-menu {
    display: block;
    position: static;
    margin: 0 0 0 15px;
    left: auto;
    top: auto;
}

.left-submenu {
	float: none;
}

.left-submenu > .dropdown-menu {
    border-radius: 6px 0px 6px 6px;
    left: auto;
    margin-left: 10px;
    right: 98%;
}
.navbar-fixed-top .dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
}

.pagination > li > a,
.pagination > li > span  {
    color: #1bbae1;
    margin-left: 5px;
    margin-right: 5px;
    border: none !important;
    border-radius: 25px !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #1bbae1;
}

.pager > li > a,
.pager > li > span {
    border-color: #eaedf1;
}

.pager > li > a:hover,
.pagination > li > a:hover {
    background-color: #1bbae1;
    border-color: #1bbae1;
    color: #ffffff;
}

.pager > li.disabled > a:hover {
    border-color: #eaedf1;
}

/* Horizontal Navigation */
.nav-horizontal {
    padding: 10px 7px 1px;
    margin: 0;
    list-style: none;
}

.nav-horizontal li {
    display: inline-block;
    margin: 0 3px 9px;
}

.nav-horizontal a {
    display: block;
    min-width: 140px;
    border-radius: 3px;
    font-weight: bold;
    text-align: left;
    padding: 8px 10px;
    background-color: #f9fafc;
}

.nav-horizontal a:hover,
.nav-horizontal li.active a {
    background-color: #1bbae1;
    text-decoration: none;
    color: #ffffff;
}

.nav-horizontal a:focus {
    text-decoration: none;
}

.nav-horizontal a:hover i,
.nav-horizontal li.active a i {
    color: #ffffff;
    opacity: .6;
    filter: alpha(opacity=60);
}

.nav-horizontal i {
    display: inline-block;
    font-size: 14px;
    color: #dbe1e8;
    margin-right: 5px;
}

/* Popover */
.popover-title {
    background: none;
    border: none;
    font-size: 17px;
    font-weight: 600;
}

/* Tooltip */
.tooltip {
    z-index: 1051;
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tooltip-inner {
    padding: 4px 6px;
    background-color: #000000;
    color: #ffffff;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #000000;
}

/* Breadcrumps */
.breadcrumb {
    background-color: #ffffff;
}

.breadcrumb i {
    font-size: 14px;
}

.breadcrumb-top {
    margin: -10px -5px 10px;
    padding: 7px 10px;
    border-top: 1px solid #eaedf1;
    border-bottom: 1px solid #dbe1e8;
    font-size: 12px;
}

.content-header + .breadcrumb-top,
.breadcrumb-top + .content-header {
    margin-top: -11px;
}

.breadcrumb > li + li:before {
    content: "\203a";
}

/* Progress Bars */
.progress,
.progress-bar {
    height: 20px;
    line-height: 20px;
}

.progress-bar-danger {
    background-color: #e74c3c;
}

.progress-bar-warning {
    background-color: #f39c12;
}

.progress-bar-success {
    background-color: #2ecc71;
}

.progress-bar-info {
    background-color: #3498db;
}

/* Modals */
.modal-content {
    border-radius: 3px;
}

.modal-header {
    padding: 15px 15px 14px;
    border-bottom: 1px solid #eeeeee;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.modal-title {
    font-weight: 300;
}

.modal-body {
    padding: 20px 15px;
}

.modal-body .nav-tabs {
    margin: 0 -15px 15px;
    padding: 0 5px !important;
}

.modal-footer {
    margin-top: 0;
    padding: 14px 15px 15px;
    border-top: 1px solid #eeeeee;
    background-color: #f9f9f9;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Buttons */
.btn {
    margin: 1px 0;
    background-color: #ffffff;
}

.btn .gi,
.btn .hi,
.btn .si,
.btn .fi {
    line-height: 1;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.block-options .btn,
.input-group .btn,
.modal-content .btn {
    margin-top: 0;
    margin-bottom: 0;
}

.btn-default {
    background-color: #f1f3f6;
    border-color: #dbe1e8;
    color: #394263;
}

.btn-default.btn-alt {
    background-color: #ffffff;
}

.btn-default:hover {
    background-color: #eaedf1;
    border-color: #c2c8cf;
}

.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default.active,
.btn-default.active:hover,
.btn-default.active:focus,
.open .btn-default.dropdown-toggle,
.open .btn-default.dropdown-toggle:hover,
.open .btn-default.dropdown-toggle:focus,
.open .btn-default.dropdown-toggle.focus {
    background-color: #eaedf1;
    border-color: #eaedf1;
}

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
.btn-default[disabled]:active:focus,
.btn-default[disabled].active:focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default:active:focus,
fieldset[disabled] .btn-default.active:focus {
    background-color: #eaedf1;
    border-color: #eaedf1;
}

.btn-primary {
    background-color: #6ad2eb;
    border-color: #1bbae1;
    color: #ffffff;
}

.btn-primary.btn-alt {
    background-color: #ffffff;
    color: #1bbae1;
}

.btn-primary:hover {
    background-color: #1bbae1;
    border-color: #1593b3;
    color: #ffffff;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary.active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.open .btn-primary.dropdown-toggle,
.open .btn-primary.dropdown-toggle:hover,
.open .btn-primary.dropdown-toggle:focus,
.open .btn-primary.dropdown-toggle.focus {
    background-color: #1bbae1;
    border-color: #1bbae1;
    color: #ffffff;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
.btn-primary[disabled]:active:focus,
.btn-primary[disabled].active:focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active:focus,
fieldset[disabled] .btn-primary.active:focus {
    background-color: #1bbae1;
    border-color: #1bbae1;
    color: #ffffff;
}

.btn-danger {
    background-color: #ef8a80;
    border-color: #e74c3c;
    color: #ffffff;
}

.btn-danger.btn-alt {
    background-color: #ffffff;
    color: #e74c3c;
}

.btn-danger:hover {
    background-color: #e74c3c;
    border-color: #9c3428;
    color: #ffffff;
}

.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger.active,
.btn-danger.active:hover,
.btn-danger.active:focus,
.open .btn-danger.dropdown-toggle,
.open .btn-danger.dropdown-toggle:hover,
.open .btn-danger.dropdown-toggle:focus,
.open .btn-danger.dropdown-toggle.focus {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #ffffff;
}

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
.btn-danger[disabled]:active:focus,
.btn-danger[disabled].active:focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger:active:focus,
fieldset[disabled] .btn-danger.active:focus {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #ffffff;
}

.btn-warning {
    background-color: #f7be64;
    border-color: #f39c12;
    color: #ffffff;
}

.btn-warning.btn-alt {
    background-color: #ffffff;
    color: #f39c12;
}

.btn-warning:hover {
    background-color: #f39c12;
    border-color: #b3730c;
    color: #ffffff;
}

.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning.active,
.btn-warning.active:hover,
.btn-warning.active:focus,
.open .btn-warning.dropdown-toggle,
.open .btn-warning.dropdown-toggle:hover,
.open .btn-warning.dropdown-toggle:focus,
.open .btn-warning.dropdown-toggle.focus {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #ffffff;
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
.btn-warning[disabled]:active:focus,
.btn-warning[disabled].active:focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning:active:focus,
fieldset[disabled] .btn-warning.active:focus {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #ffffff;
}

.btn-success {
    background-color: #aad178;
    border-color: #7db831;
    color: #ffffff;
}

.btn-success.btn-alt {
    background-color: #ffffff;
    color: #7db831;
}

.btn-success:hover {
    background-color: #7db831;
    border-color: #578022;
    color: #ffffff;
}

.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success.active,
.btn-success.active:hover,
.btn-success.active:focus,
.open .btn-success.dropdown-toggle,
.open .btn-success.dropdown-toggle:hover,
.open .btn-success.dropdown-toggle:focus,
.open .btn-success.dropdown-toggle.focus {
    background-color: #7db831;
    border-color: #7db831;
    color: #ffffff;
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
.btn-success[disabled]:active:focus,
.btn-success[disabled].active:focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success:active:focus,
fieldset[disabled] .btn-success.active:focus {
    background-color: #7db831;
    border-color: #7db831;
    color: #ffffff;
}

.btn-info {
    background-color: #7abce7;
    border-color: #3498db;
    color: #ffffff;
}

.btn-info.btn-alt {
    background-color: #ffffff;
    color: #3498db;
}

.btn-info:hover {
    background-color: #3498db;
    border-color: #2875a8;
    color: #ffffff;
}

.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info:active:hover,
.btn-info:active:focus,
.btn-info.active,
.btn-info.active:hover,
.btn-info.active:focus,
.open .btn-info.dropdown-toggle,
.open .btn-info.dropdown-toggle:hover,
.open .btn-info.dropdown-toggle:focus,
.open .btn-info.dropdown-toggle.focus {
    background-color: #3498db;
    border-color: #3498db;
    color: #ffffff;
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
.btn-info[disabled]:active:focus,
.btn-info[disabled].active:focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info:active:focus,
fieldset[disabled] .btn-info.active:focus {
    background-color: #3498db;
    border-color: #3498db;
    color: #ffffff;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link.btn-icon:hover,
.btn-link.btn-icon:focus {
    color: #1bbae1;
}

.btn-link.btn-icon {
    color: #999999;
}

.btn-link.btn-icon:hover,
.btn-link.btn-icon:focus {
    text-decoration: none;
}

.block-options .btn {
    border-radius: 15px;
    padding-right: 8px;
    padding-left: 8px;
    min-width: 30px;
    text-align: center;
}

/* Panels */
.panel {
    margin-bottom: 20px;
}

.panel-heading {
    padding: 15px;
}

.panel-title {
    font-size: 14px;
}

.panel-default > .panel-heading {
    background-color: #f9f9f9;
}

.panel-group {
    margin-bottom: 20px;
}

/* Pre, Code */
pre {
    background: #151515;
    overflow: scroll;
}

code {
    border: 1px solid #fad4df;
    margin: 1px 0;
    display: inline-block;
}

.btn code {
    display: inline;
    margin: 0;
}

/* Alerts */
.alert {
    border-top-width: 0;
    border-right-width: 2px;
    border-bottom-width: 0;
    border-left-width: 2px;
}

.alert-danger {
    color: #e74c3c;
    background-color: #ffd1cc;
    border-color: #ffb8b0;
}

.alert-danger .alert-link {
    color: #e74c3c;
}

.alert-warning {
    color: #e67e22;
    background-color: #ffe4cc;
    border-color: #ffd6b2;
}

.alert-warning .alert-link {
    color: #e67e22;
}

.alert-success {
    color: #27ae60;
    background-color: #daf2e4;
    border-color: #b8e5cb;
}

.alert-success .alert-link {
    color: #27ae60;
}

.alert-info {
    color: #3498db;
    background-color: #dae8f2;
    border-color: #b8d2e5;
}

.alert-info .alert-link {
    color: #3498db;
}

.alert-dismissable .close {
    top: -5px;
    right: -25px;
}

.close {
    text-shadow: none;
}

/* Alternative Alerts */
.alert.alert-alt {
    margin: 0 0 2px;
    padding: 5px;
    font-size: 12px;
    border-width: 0;
    border-left-width: 2px;
}

.alert.alert-alt small {
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.alert-alt.alert-dismissable .close {
    right: 0;
}

.alert-alt.alert-dismissable .close:hover {
    color: #ffffff;
}

.alert-danger.alert-alt {
    border-color: #e74c3c;
}

.alert-warning.alert-alt {
    border-color: #e67e22;
}

.alert-success.alert-alt {
    border-color: #27ae60;
}

.alert-info.alert-alt {
    border-color: #3498db;
}

.sidebar-content .alert.alert-alt {
    margin-left: -10px;
    padding-left: 10px;
    background: transparent;
    color: #ffffff;
}

#sidebar-alt .sidebar-content .alert.alert-alt {
    margin-left: 0;
    margin-right: -10px;
    padding-left: 0;
    padding-right: 10px;
}

#sidebar-alt .sidebar-content .alert.alert-alt {
    border-width: 0;
    border-right-width: 2px;
}

/* Bootstrap Growl — semi-transparent glassmorphism notifications */
.bootstrap-growl,
body > .alert[style*="position: fixed"],
body > .alert[style*="z-index"] {
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
    border-width: 0 !important;
    border-left-width: 4px !important;
    font-size: 13px;
    backdrop-filter: blur(16px) saturate(1.2);
    -webkit-backdrop-filter: blur(16px) saturate(1.2);
}

body > .alert-danger[style*="position: fixed"],
body > .alert-danger[style*="z-index"] {
    background-color: rgba(254, 226, 226, 0.88) !important;
    color: #991b1b !important;
    border-color: #ef4444 !important;
}

body > .alert-success[style*="position: fixed"],
body > .alert-success[style*="z-index"] {
    background-color: rgba(220, 252, 231, 0.88) !important;
    color: #166534 !important;
    border-color: #22c55e !important;
}

body > .alert-warning[style*="position: fixed"],
body > .alert-warning[style*="z-index"] {
    background-color: rgba(254, 243, 199, 0.88) !important;
    color: #92400e !important;
    border-color: #f59e0b !important;
}

body > .alert-info[style*="position: fixed"],
body > .alert-info[style*="z-index"] {
    background-color: rgba(219, 234, 254, 0.88) !important;
    color: #1e40af !important;
    border-color: #127FED !important;
}

/* Labels, Badges */
.label,
.badge {
    font-weight: normal;
    font-size: 90%;
}

.label {
    padding: 1px 4px;
}

.badge {
    background: url('../img/template/ie8_opacity_dark_30.png') repeat;
    background: rgba(0, 0, 0, 0.3);
    padding: 3px 6px;
}

.label-danger {
    background-color: #e74c3c;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #ff5542;
}

.label-warning {
    background-color: #e67e22;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ff8b26;
}

.label-success {
    background-color: #27ae60;
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #2cc76c;
}

.label-info {
    background-color: #2980b9;
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #2f92d4;
}

.label-primary {
    background-color: #1bbae1;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #5ac5e0;
}

.label-default {
    background-color: #999999;
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #777777;
}

/* Carousel */
.carousel-control.left,
.carousel-control.right,
.carousel-control.left.no-hover:hover,
.carousel-control.right.no-hover:hover {
    background: none;
}

.carousel-control.left:hover,
.carousel-control.right:hover {
    background: url('../img/template/ie8_opacity_dark_30.png') repeat;
    background: rgba(0, 0, 0, 0.30);
}

.carousel-control span {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-control i {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
}

/* Bottom Margin */
p, .table, .alert, .carousel {
    margin-bottom: 20px;
}

/* Removing shadows and radius */
.navbar-form-custom .form-control:hover,
.navbar-form-custom .form-control:focus,
.navbar-form,
.navbar-collapse,
.form-control,
.form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus,
.popover,
.progress,
.progress-bar,
.btn.active,
.open .btn.dropdown-toggle,
.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-form-custom .form-control,
.navbar,
.dropdown-menu,
.tooltip-inner,
.breadcrumb,
.alert.alert-alt {
    border-radius: 0;
}

/*
=================================================================
(#m07hes) HELPERS
=================================================================
*/

.push-bit {
    margin-bottom: 10px !important;
}

.push {
    margin-bottom: 15px !important;
}

.push-top-bottom {
    margin-top: 40px;
    margin-bottom: 40px;
}

.display-none {
    display: none;
}

.remove-margin {
    margin: 0 !important;
}

.remove-margin-bottom {
    margin-bottom: 0 !important;
}

.remove-padding {
    padding: 0 !important;
}

.remove-radius {
    border-radius: 0 !important;
}

.remove-box-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.remove-transition {
    -moz-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}

.lt-ie9 .hidden-lt-ie9,
.lt-ie10 .hidden-lt-ie10 {
    display: none !important;
}

.visible-lt-ie9,
.visible-lt-ie10 {
    display: none;
}

.lt-ie9 .visible-lt-ie9,
.lt-ie10 .visible-lt-ie10 {
    display: block;
}

:focus {
    outline: 0 !important;
}

/*
=================================================================
(#m08ths) THEMES
=================================================================
*/

/* Alternative Main Style */
.style-alt #page-content {
    background-color: #ffffff;
}

.style-alt .block {
    border-color: #dbe1e8;
}

.style-alt .block.block-alt-noborder {
    border-color: transparent;
}

.style-alt .block-title {
    background-color: #dbe1e8;
    border-bottom-color: #dbe1e8;
}

.style-alt .content-header + .breadcrumb-top,
.style-alt .breadcrumb-top + .content-header,
.style-alt #page-content + footer {
    background-color: #f9fafc;
}

.style-alt .content-header,
.style-alt .breadcrumb-top {
    border-bottom-color: #eaedf1;
}

.style-alt #page-content + footer {
    border-top-color: #eaedf1;
}

.style-alt .widget,
.style-alt .task-list li {
    background-color: #f6f6f6;
}

/* Test Circle used in Color Themes Page */
.test-circle {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border-radius: 50px;
    background-color: #eeeeee;
    border: 2px solid #cccccc;
    color: #ffffff;
    margin-bottom: 15px;
}

/* Default Color Theme specific colors */
.themed-color {
    color: #1bbae1;
}

.themed-border {
    border-color: #1bbae1;
}

.themed-background {
    background-color: #1bbae1;
}

.themed-color-dark {
    color: #394263;
}

.themed-border-dark {
    border-color: #394263;
}

.themed-background-dark {
    background-color: #394263;
}

/* Contextual Background Colors */
.themed-background-danger {
    background-color: #e74c3c !important;
}

.themed-background-warning {
    background-color: #e67e22 !important;
}

.themed-background-info {
    background-color: #3498db !important;
}

.themed-background-success {
    background-color: #27ae60 !important;
}

.themed-background-muted {
    background-color: #999999 !important;
}

.themed-background-muted-light {
    background-color: #f9f9f9!important;
}

/*
=================================================================
(#m09res) RESPONSIVE
=================================================================
*/

/* Small devices, Tablets (>767px) */
@media screen and (min-width: 768px) {

    /* General */
    #login-background {
        height: 400px;
    }

    #login-background > img {
        top: 0;
    }

    #login-container,
    #login-alt-container {
        width: 480px;
        top: 80px;
        margin-left: -240px;
    }

    .full-page-container {
        width: 740px;
        top: 120px;
        padding: 20px;
        margin-left: -370px;
    }

    .full-page-section {
        padding: 50px 0;
        margin: 50px -20px;
    }

    #page-content {
        padding: 20px 20px 1px;
    }

    .header-section,
    .breadcrumb-top,
    .block,
    .block.full,
    .modal-body,
    #page-content + footer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .block .block-content-full {
        margin: -20px -20px -1px;
    }

    .block.full .block-content-full {
        margin: -20px;
    }

    .content-header,
    .content-top,
    .breadcrumb-top {
        margin: -20px -20px 20px;
    }

    .content-header + .breadcrumb-top,
    .breadcrumb-top + .content-header {
        margin-top: -21px;
    }

    .block,
    .widget {
        margin-bottom: 20px;
    }

    .block-title,
    .block-top {
        margin-left: -20px;
        margin-right: -20px;
    }

    .draggable-placeholder {
        margin-bottom: 20px;
    }

    .navbar-fixed-top .dropdown-menu {
        max-height: none;
        overflow-y: visible;
    }

    /* Forms */
    .form-bordered {
        margin-left: -20px;
        margin-right: -20px;
    }

    .form-bordered .form-group {
        padding-left: 20px;
        padding-right: 20px;
    }

    .form-horizontal.form-bordered .form-group {
        padding-left: 5px;
        padding-right: 5px;
    }

    /* Tabs */
    .nav-tabs > li > a {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 3px;
        margin-right: 3px;
    }

    /* Chat UI */
    .chatui-people,
    .chatui-talk,
    .chatui-input {
        position: absolute;
    }

    .chatui-talk,
    .chatui-input {
        right: 250px;
        left: 0;
    }

    .chatui-people {
        top: 0;
        right: 0;
        bottom: 0;
        width: 250px;
        height: auto;
    }

    .chatui-talk {
        height: auto;
    }

    .chatui-talk .chatui-talk-msg {
        width: 50%;
        margin-left: 50%;
    }

    .chatui-talk .chatui-talk-msg.chatui-talk-msg-highlight {
        margin-left: 0;
        margin-right: 50%;
    }

    .chatui-input {
        bottom: 0;
    }
}

/* Medium devices, Desktops (>991px) */
@media screen and (min-width: 992px) {

    /* General */
    #login-alt-container {
        display: block;
    }

    /* Sidebar Animations */
    .sidebar-no-animations #sidebar,
    .sidebar-no-animations #sidebar-alt {
        -webkit-transition: opacity 0.5s linear, background-color 0.2s ease-out;
        transition: opacity 0.5s linear, background-color 0.2s ease-out;
    }

    .sidebar-no-animations #main-container,
    .sidebar-no-animations.header-fixed-top header.navbar-fixed-top,
    .sidebar-no-animations.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-no-animations.footer-fixed #page-content + footer {
        -webkit-transition: none;
        transition: none;
    }

    /* Reset sidebar classes used only on small screens */
    .sidebar-visible-xs #sidebar,
    .sidebar-alt-visible-xs #sidebar-alt {
        width: 0;
    }

    .sidebar-visible-xs #main-container,
    .sidebar-alt-visible-xs #main-container {
        margin-left: 0;
        margin-right: 0;
    }

    .sidebar-visible-xs.header-fixed-top header.navbar-fixed-top,
    .sidebar-visible-xs.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-alt-visible-xs.header-fixed-top header.navbar-fixed-top,
    .sidebar-alt-visible-xs.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-visible-xs.footer-fixed #page-content + footer,
    .sidebar-alt-visible-xs.footer-fixed #page-content + footer {
        right: 0;
        left: 0;
    }

    /* Both Sidebars */
    #sidebar,
    #sidebar-alt,
    .sidebar-partial #sidebar,
    .sidebar-alt-partial #sidebar-alt {
        width: 0;
        opacity: 0.2;
        filter: alpha(opacity=20);
    }

    .sidebar-partial #sidebar,
    .sidebar-alt-partial #sidebar-alt {
        width: 65px;
    }

    .sidebar-partial #sidebar:hover,
    .sidebar-visible-lg #sidebar,
    .sidebar-visible-lg.sidebar-partial #sidebar,
    .sidebar-alt-partial #sidebar-alt:hover,
    .sidebar-alt-visible-lg #sidebar-alt,
    .sidebar-alt-visible-lg.sidebar-alt-partial #sidebar-alt {
        width: 200px;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .sidebar-partial #sidebar .sidebar-brand i,
    .sidebar-alt-partial #sidebar-alt .sidebar-brand i {
        display: none;
    }

    .sidebar-partial #sidebar:hover .sidebar-brand i,
    .sidebar-visible-lg #sidebar .sidebar-brand i,
    .sidebar-alt-partial #sidebar-alt:hover .sidebar-brand i,
    .sidebar-alt-visible-lg #sidebar-alt .sidebar-brand i {
        display: inline-block;
    }

    /* Main Sidebar */
    .sidebar-partial #main-container {
        margin-left: 65px;
    }

    .sidebar-partial #sidebar:hover + #main-container,
    .sidebar-visible-lg #main-container {
        margin-left: 200px;
    }

    .sidebar-partial.footer-fixed #main-container #page-content + footer,
    .sidebar-partial.header-fixed-top header.navbar-fixed-top,
    .sidebar-partial.header-fixed-bottom header.navbar-fixed-bottom {
        left: 65px;
    }

    .sidebar-partial #sidebar:hover + #main-container header.navbar-fixed-top,
    .sidebar-partial #sidebar:hover + #main-container header.navbar-fixed-bottom,
    .sidebar-partial #sidebar:hover + #main-container #page-content + footer,
    .sidebar-visible-lg.header-fixed-top header.navbar-fixed-top,
    .sidebar-visible-lg.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-visible-lg.footer-fixed #main-container #page-content + footer {
        left: 200px;
    }

    /* Alternative Sidebar */
    .sidebar-alt-partial #main-container {
        margin-right: 65px;
    }

    .sidebar-alt-partial #sidebar-alt:hover ~ #main-container,
    .sidebar-alt-visible-lg #main-container {
        margin-right: 200px;
    }

    .sidebar-alt-partial.footer-fixed #main-container #page-content + footer,
    .sidebar-alt-partial.header-fixed-top header.navbar-fixed-top,
    .sidebar-alt-partial.header-fixed-bottom header.navbar-fixed-bottom {
        right: 65px;
    }

    .sidebar-alt-partial #sidebar-alt:hover ~ #main-container header.navbar-fixed-top,
    .sidebar-alt-partial #sidebar-alt:hover ~ #main-container header.navbar-fixed-bottom,
    .sidebar-alt-partial #sidebar-alt:hover ~ #main-container #page-content + footer,
    .sidebar-alt-visible-lg.header-fixed-top header.navbar-fixed-top,
    .sidebar-alt-visible-lg.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-alt-visible-lg.footer-fixed #main-container #page-content + footer {
        right: 200px;
    }

    /* Main Sidebar - Mini mode */
    .sidebar-mini.sidebar-visible-lg-mini #main-container {
        margin-left: 40px;
    }

    .sidebar-mini.sidebar-visible-lg-mini #main-container header.navbar-fixed-top,
    .sidebar-mini.sidebar-visible-lg-mini #main-container header.navbar-fixed-bottom,
    .sidebar-mini.sidebar-visible-lg-mini #main-container #page-content + footer {
        left: 40px;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar {
        overflow: visible;
        opacity: 1;
        filter: alpha(opacity=100);
        z-index: 1029;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-content {
        width: 40px;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-nav-mini-hide,
    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-header > span {
        display: none;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-header {
        padding: 0;
        margin: 5px 0;
        border-top: 1px solid rgba(255, 255, 255, .1);
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-nav li {
        position: relative;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-nav .sidebar-nav-menu + ul {
        position: absolute;
        width: 220px;
        top: 0;
        right: -220px;
        margin: 0;
        padding: 6px 5px;
        border-left: 3px solid #1bbae1;
        background-color: #394263;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-nav ul a {
        margin: 0;
        padding-left: 10px;
        border-left: none;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-nav ul ul {
        margin-left: 0;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-nav > li.active > ul {
        display: none;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-nav .sidebar-nav-menu.open + ul {
        display: block !important;
    }

    /* Nav Horizontal */
    .nav-horizontal a {
        text-align: center;
        min-width: 130px;
        padding: 12px 15px;
    }

    .nav-horizontal i {
        display: block;
        height: 55px;
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 42px;
        padding: 10px;
    }
}

/* Large devices, Desktops (>1199px) */
@media screen and (min-width: 1200px) {

    /* Main Layout */
    .header-fixed-top .sidebar-content,
    .header-fixed-bottom .sidebar-content {
        padding-bottom: 0;
    }

    /* General */
    article p {
        font-size: 19px;
        line-height: 1.9;
    }
}

/*
=================================================================
(#m10rts) RETINA
=================================================================
*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    /* If you did use a CSS image background, you can put your high resolution image here */

}

/*
=================================================================
(#m11prs) PRINT
=================================================================
*/

@media print {
    #sidebar, #sidebar-alt, .content-header, .breadcrumb-top, .block-title .block-options, #page-content + footer, #to-top {display: none !important;}
    #page-content {min-height: 0 !important; height: auto !important; padding: 0 !important;}
    #main-container {margin: 0 !important;}
    .block, .block.full {border: none !important; padding: 0 !important;}
    .block-title {margin: 0 0 20px !important;}
}



  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #127FED #dfeffc;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {    width: 7px;	height	: 7px;  }

  *::-webkit-scrollbar-track {    background: #dfeffc;  }

  *::-webkit-scrollbar-thumb {   
	background: #DFEFFC;
	background: -webkit-radial-gradient(center, #DFEFFC, #3599DB);
	background: -moz-radial-gradient(center, #DFEFFC, #3599DB);
	background: radial-gradient(ellipse at center, #DFEFFC, #3599DB);
    border-radius: 10px;
    border: 1px solid #DFEFFC;
  }

::-webkit-scrollbar-thumb:hover {
	border: 2px solid #127FED;
}

::-webkit-scrollbar-thumb:active {
   border: 2px solid #666666;
}



.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {vertical-align:middle;}
.ui-jqgrid .ui-jqgrid-htable th {height:35px;}
.ui-jqgrid tr.jqgrow td {height:35px;}
.ui-jqgrid body, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-size:12px; font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.jqgrow td > a > img, .jqgrow td > img {border-radius: 30px;max-height: 40px;}

.ui-widget-content a.lnk {color:#e38e7b !important; }
.ui-widget-content .subgridcms a {color: #e38e7b !important;}
.ui-widget-content .subgridcms li.active a {color: #394263 !important;}
.subgridcms li img {border-radius: 25px;}

.widget-extra-full .small img {border-radius:20px; width:30px; height:30px;}

.prgdash {height: 15px;width: 80px;float:left;}
.prgdashctt {background-color: #e67e22;height: 15px;}
.bglotclose {background-color:#ffdddd !important;}

#map {height:200px; width:100%;}
.page-lap #map {height:400px; width:100%;}
.page-dashboard #map, .page-dashboard #map2 {height:520px; width:100%;}
.page-installator #comment, .page-entrepot #comment {height:200px; width:100%;}
.pac-container {z-index:1051 !important;}

.fc-time-grid-event {overflow:auto;}
.fc-content .fc-time {background-color: #e38e7b;}
.fc-title b {background-color: #778;display: block;}

#list_trips td, #list_laps td[aria-describedby="list_laps_action"]{white-space:normal;}

.tbpsgplan {width: 100%;}
.tbpsgplan tr:nth-child(even) {background-color:#f9f9f9;}
.tbpsgplan td:first-child, .tbpsgplan tr:nth-child(2) td {font-weight: bold;}
.tbpsgplan td {padding: 5px;}

.tbpsgview .text-success, #list_trips .text-success{background-color: #fff000;}
.calhdi {font-size:12px; text-align:center;font-weight:bold;text-transform:uppercase;}
.calhdi1, .calhdi2 {background-color:#ddddff;color:#000;}
.calhdi0, .calhdi3 {background-color:#ffdddd; color:#000;}

.txtmsg {text-align:center; font-size:16px; color:#990000;padding: 20px;}

.selvac {border:solid 2px #e38e7b !important;}
#tbvac {display: block;max-height: 500px;overflow: auto;}
#tbvac td > div > ul {list-style: outside none none;padding-left: 10px;}
#tbvac td > div > ul > li > a:first-child {width: 40px;}
#tbvac td > div > ul > li > * {display: inline-block;vertical-align: top;width: calc(100% - 40px);}

#modal-psg .modal-dialog {width:800px;}

.tooltip {position: fixed;}
.fc-title a {color:#fff;}

div#searchres {display:none;position: absolute;left: 10px;border: solid 1px #eee;padding: 20px;background: #fff;right: 10px;top: 52px;z-index:9;max-height: 400px;overflow: auto;box-shadow: 2px 2px 5px #ccc;z-index:200}
li.media {border-bottom: solid 1px #eee;cursor:pointer;}
li.media:hover{background-color:#eee;}
.media a > i {font-size:30px;}
.media>.pull-left {margin: 20px 10px 0;}
#tbclimsg td:first-child {width: 150px;white-space: nowrap;vertical-align: top;}
.gallery-file {text-align:center;}
.gallery-file > i {font-size:50px;padding-bottom:20px;}

.page-contact .nav-tabs li .badge {display: initial;}
.page-contact .nav-tabs li .badge:empty {display: none;}
.page-contact #frminfousr .form-group, .page-contact #frminfoquest .form-group {padding:2px !important;}

#modal-rapport .modal-body {max-height: 500px;overflow: auto;}
#modal-columns .modal-dialog{width:1100px;}
#modal-columns .modal-body{overflow:auto;height:500px;}

.recinfcli{padding:20px;text-align: center;line-height: 30px;font-size: 18px;}

.fc-content span.label {margin-top: 1px;display: inline-block;}
.align-right {text-align: right;}

.calrdvdispo{color:#000 !important;}
.calfull{position:absolute;top:0;left:0;width:100%;padding:0}
.simudisdel{font-size:12px;text-align: right;margin-top: 10px;/*position: absolute;top: 10px;left: 0;right: 0;*/}
.simuentdisdel{font-size:12px; margin-top:5px;}
.simudisdel > span {box-shadow: 0px 0px 7px 1px #999;height: 20px;line-height: 22px;margin: 0 5px;border:solid 1px #fff;}
.simuentdisdel > span {box-shadow: 0px 0px 7px 1px #999;height: 20px;line-height: 22px;margin: 5px;border:solid 1px #fff}
/* .blrzone{filter: blur(1px);opacity: 0.45;} */
.icordvstatut {font-size: 16px;padding: 0 5px;}
.btsavdone > i {font-size: 16px;padding: 0 5px;}
.blkwinf {background: #000;color: #fff;font-weight: 600; padding: 0 3px;font-size: 10px;}
.btchent, .btattins, .btdetins{font-size:11px;margin-top:5px;}

#selcross_chosen {min-width: 150px;}

#lstcolumns .chosen-container .chosen-drop {
    left: 0;
    opacity:0;
    height:0;
    overflow: hidden;
}
#lstcolumns .chosen-container.chosen-with-drop .chosen-drop {
    opacity:1;
    height:auto;
}
#principal table tr:nth-child(2n) td {background-color: #eee;padding: 3px 3px;}
#principal table td.espace{display: none;}

legend .block-options {min-height: 0;line-height: 0;}

#jdautoc{position: absolute;background-color: #fff;border: solid 1px #eee;padding: 10px;box-shadow: 0 0 5px #eee;border-radius: 3px;z-index:1050}
#jdautoc > div {border-bottom: solid 1px #eee;padding: 3px 7px;cursor: pointer;}
#jdautoc > div:hover {background-color: #1bbae1;border-radius: 5px;color: #fff;}
#jdautoc > div:last-child {border: 0;padding-bottom: 0;}
#jdautoc > div .l1{font-weight:600;}

#tbsuivdos td:nth-child(1), #tbsuivdos td:nth-child(2), #tbsuivdos td:nth-child(3) {width:20%}
#tbsuivdos td textarea{font-size:12px}

#frminfodir .control-label{text-align:left}

.ui-multiselect-menu{z-index: 999;}

.btclosetab{
    text-align:right; 
    color:#fff;
    line-height: 8px; 
    width: 18px; 
    font-size: 8px; 
    font-family: tahoma; 
    top: 2px; 
    right: 2px;
    position:absolute; 
    border: 1px solid #ddd;
    background-color:red; 
    text-align:center;
    
}
.row-flex {
    display: flex;
    flex-wrap: wrap;
}

.col-flex {
    display: flex;
    flex-direction: column;
}

.widget-hover-effect2 {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}


/** modif pour taille de la recherche */
div[aria-describedby*="colchooser_list"] .ui-resizable{height: 550px !important;}
div[aria-describedby*="colchooser_list"] .ui-multiselect-checkboxes .ui-helper-reset{height: 391px !important;}
div[aria-describedby*="colchooser_list"] .ui-multiselect-menu{height: 349px !important;}
div[aria-describedby*="colchooser_list"] .ui-multiselect-checkboxes {height: 315px !important;}
div[id*="colchooser_list"] {height: 400px !important;}
div[aria-describedby*="colchooser_list"] .ui-multiselect-menu {display: block !important;}
#serachcolchoz{width:102%;border:solid 1px #ddd;border-radius:3px;margin-bottom: 5px;}

.lblsuiv {border: solid 1px #ccc;padding: 3px;border-radius: 3px;float: right;margin-right: 5px;margin-top: 10px;}

/* MODULE : AFFICHAGE DES PARCELLES CADASTRALES  */
.popmapcadastre {
    padding:10px;
    background-color: #f6f6f6;
    background: #f6f6f6;
    /* margin-top:100px; */
    margin-left:10px;
    border-radius: 5px;
    opacity: 0.9;
    min-width: 194px;
}

.maploader {
    background-color: #fff;
}

.fc-time-grid-event:hover {
    min-height: 100px;
    min-width: 200px;
    left: 0px !important;
    opacity: 0.95;
    z-index: 999 !important;
}


/* specif timeline planning v2 */
.calendarv2 .fc-timeline-event:hover {
    min-height: 100px;
    min-width: 200px;
    opacity: 0.95; 
    z-index: 999 !important;   
}

.calendarv2 .fc-resource-area .resblc {
    display: flex;
    justify-content: center;
    align-items: center;
}

.calendarv2 .fc-resource-area .fc-cell-content {
    text-align: center;
}

.calendarv2 .fc-resource-area tr[data-resource-id] .fc-cell-content{
    color:#fff;
    font-weight: 600;
}

.calendarv2 .fc-chrono .fc-cell-content {
    text-align: center;
    font-size: 11px;
    font-weight: 400;
}

/* .calendarv2 .fc-scroller.fc-no-scrollbars {
    overflow: hidden !important;
} */

.calendarv2 .fc-time-area.fc-widget-header {
    padding-top: 0px;
    padding-bottom: 0px;
}

.calendarv2 .elmrdv .btn {
    display:none
}

.calendarv2 .elmrdv:hover .btn{
    display: inline;
}

.calendarv2 .fc-scroller-clip .fc-widget-header .fc-cell-content {
    text-transform: uppercase;
}

.calendarv2 .fc-head {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 99;
}

.sidebarnotif{
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
}

.jdshadow{
    box-shadow: 0px 0px 5px #999;
}

.pebtok ul {column-count: 3;}

/* ========================================
   Contact Page Styles
   ======================================== */

/* Style pour le sous-menu imbriqué */
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: -100%;
	margin-top: -6px;
	margin-left: -1px;
	border-radius: 0 6px 6px 6px;
	min-width: 180px;
}

/* Style spécifique pour le bouton Imprimer */
#optgen .dropdown-submenu > .dropdown-menu {
	top: 0 !important;
	left: -112% !important;
	right: 100% !important;
	margin-top: 0px !important;
	margin-left: 0px !important;
	border-radius: 0 6px 6px 6px !important;
	min-width: 180px;
}

.dropdown-submenu:hover > .dropdown-menu {
	display: block !important;
}

.dropdown-submenu > a {
	white-space: nowrap;
}

.dropdown-submenu > a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	border-right-color: #ccc;
	margin-top: 5px;
	margin-left: 10px;
}

.dropdown-submenu:hover > a:after {
	border-right-color: #fff;
}

/* ========================================
   Modal Animations
   ======================================== */

/* Animation pour le modal */
.modal.fade .modal-dialog {
	transform: scale(0.8);
	opacity: 0;
	transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.modal.fade.in .modal-dialog {
	transform: scale(1);
	opacity: 1;
}

/* ========================================
   Operation Changes Display
   ======================================== */

/* Style pour les listes de changements */
.change-list {
	background-color: #fff3cd;
	border-left: 4px solid #ffc107;
	padding: 15px;
	margin: 15px 0;
	border-radius: 4px;
}

.change-item {
	margin-bottom: 12px;
}

.change-item:last-child {
	margin-bottom: 0;
}

.change-label {
	font-weight: 700;
	color: #495057;
	display: block;
	margin-bottom: 4px;
}

.change-value {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-left: 15px;
}

.change-value .before {
	color: #dc3545;
	font-weight: 600;
}

.change-value .after {
	color: #28a745;
	font-weight: 600;
}

.change-value .arrow {
	color: #6c757d;
}

/* ========================================
   Calculation Breakdown (cumac detail modal)
   ======================================== */

.calc-breakdown {
	background: #e8f4fd;
	border-left: 4px solid #2196F3;
	padding: 15px;
	margin: 15px 0;
	border-radius: 4px;
}
.calc-title {
	font-weight: 700;
	color: #1565C0;
	margin-bottom: 10px;
	font-size: 14px;
}
.calc-params {
	width: 100%;
	margin-bottom: 10px;
}
.calc-params td {
	padding: 3px 8px;
	border-bottom: 1px solid #d0e5f5;
}
.calc-params .param-label {
	font-weight: 600;
	color: #555;
	width: 45%;
}
.calc-params .param-value {
	color: #333;
}
.calc-steps {
	margin-top: 8px;
	border-top: 2px solid #90caf9;
	padding-top: 8px;
}
.calc-step {
	display: flex;
	justify-content: space-between;
	padding: 4px 8px;
	border-bottom: 1px dotted #bbdefb;
}
.calc-step:last-child {
	border-bottom: 2px solid #1565C0;
	font-weight: 700;
	color: #1565C0;
}
.step-label {
	color: #555;
}
.step-value {
	font-weight: 600;
	font-family: monospace;
}

/* ========================================
   Warning Sections
   ======================================== */

.warning-section {
	background-color: #f8d7da;
	border-left: 4px solid #dc3545;
	padding: 15px;
	margin: 15px 0;
	border-radius: 4px;
}

.warning-section .warning-title {
	font-weight: 700;
	color: #721c24;
	margin-bottom: 10px;
	font-size: 15px;
}

.warning-section ul {
	margin: 0;
	padding-left: 20px;
}

.warning-section li {
	color: #721c24;
	margin-bottom: 5px;
}

/* =================================================================
   NAVBAR CRM - Unified header navigation (blue light theme)
   Design system: UI UX Pro Max
   Palette: #caf0f8 → #bbd0ff gradient
   ================================================================= */

/* --- Header layout: hamburger | nav scrollable | right actions --- */
.navbar-crm-header {
	display: flex;
	align-items: stretch;
	width: 100%;
	min-height: 50px;
}

.navbar-crm-header__left {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.navbar-crm-header__hamburger {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	color: #1d4e89;
	font-size: 16px;
	transition: background-color 200ms ease, color 200ms ease;
}

.navbar-crm-header__hamburger:hover,
.navbar-crm-header__hamburger:focus {
	background-color: rgba(59, 130, 246, 0.12);
	color: #0b3d91;
	text-decoration: none;
}

/* Center scrollable nav container */
.navbar-crm-header__center {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	position: relative;
}

.navbar-crm-nav {
	overflow-x: auto;
	overflow-y: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
    scroll-padding-left: 8px;
	flex: 1;
	min-width: 0;
}

.navbar-crm-nav::-webkit-scrollbar {
	display: none;
}

/* Arrow scroll buttons */
.navbar-crm-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 50px;
	flex-shrink: 0;
	color: #1d4e89;
	font-size: 12px;
	background: transparent;
	cursor: pointer;
	transition: opacity 200ms ease, color 200ms ease;
	text-decoration: none;
	z-index: 2;
}

.navbar-crm-arrow:hover,
.navbar-crm-arrow:focus {
	color: #0b3d91;
	text-decoration: none;
	background: transparent;
}

.navbar-crm-arrow--hidden {
	opacity: 0;
	pointer-events: none;
    width: 0;
    overflow: hidden;
}

/* Inline search (replaces nav in center zone) */
.navbar-crm-search-inline {
	flex: 1;
	min-width: 0;
	overflow: hidden;
}

.navbar-crm-search-inline__form {
	display: flex;
	align-items: center;
	height: 50px;
	padding: 0 12px;
	margin: 0;
	position: relative;
}

.navbar-crm-search-inline__icon {
	color: #5b9bd5;
	margin-right: 10px;
	font-size: 14px;
	flex-shrink: 0;
}

.navbar-crm-search-inline__input {
	flex: 1;
	border: none;
	background: transparent;
	font-size: 14px;
	color: #0b3d91;
	outline: none;
	height: 42px;
	padding: 0;
	min-width: 0;
}

.navbar-crm-search-inline__input::placeholder {
	color: #90b8f8;
}

.navbar-crm-search-inline__close {
	color: #999;
	margin-left: 10px;
	font-size: 14px;
	flex-shrink: 0;
	transition: color 200ms ease;
}

.navbar-crm-search-inline__close:hover {
	color: #d32f2f;
	text-decoration: none;
}

.navbar-crm-nav__list {
	list-style: none;
    margin: 0;
    padding: 0 8px;
	display: flex;
	align-items: stretch;
    justify-content: center;
	flex-wrap: nowrap;
}

.navbar-crm-nav__item {
	flex-shrink: 0;
}

.navbar-crm-nav__link {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0 14px;
	height: 50px;
	font-size: 13px;
	font-weight: 500;
	color: #1d4e89;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 200ms ease, color 200ms ease;
	cursor: pointer;
	border-bottom: 2px solid transparent;
}

.navbar-crm-nav__link:hover,
.navbar-crm-nav__link:focus {
	background-color: rgba(59, 130, 246, 0.10);
	color: #0b3d91;
	text-decoration: none;
}

.navbar-crm-nav__link:focus {
	outline: 2px solid #90caf9;
	outline-offset: -2px;
}

.navbar-crm-nav__item--active .navbar-crm-nav__link {
	background-color: #127FED;
	color: #ffffff;
	border-bottom-color: #1d4e89;
}

.navbar-crm-nav__item--active .navbar-crm-nav__link:hover {
	background-color: #2563eb;
	color: #ffffff;
}

.navbar-crm-nav__link i {
	font-size: 14px;
	opacity: 0.75;
	transition: opacity 200ms ease;
	width: 16px;
	text-align: center;
}

.navbar-crm-nav__item--active .navbar-crm-nav__link i {
	opacity: 1;
	color: #ffffff;
}

.navbar-crm-nav__link span {
	line-height: 1.2;
}

/* Right actions */
.navbar-crm-header__right {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	margin: 0;
	float: none !important;
}

/* Search toggle icon */
.navbar-crm-search-toggle a {
	color: #1d4e89;
	transition: background-color 200ms ease, color 200ms ease;
}

.navbar-crm-search-toggle a:hover,
.navbar-crm-search-toggle a:focus {
	background-color: rgba(59, 130, 246, 0.10);
	color: #0b3d91;
}

/* searchres dropdown inherits existing styles from main.css line ~4317 */

/* --- Apply blue theme to the header bar itself --- */
header.navbar {
	background: linear-gradient(135deg, #caf0f8 0%, #bbd0ff 100%);
	border-bottom: 1px solid #bbd0ff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* --- Responsive --- */
@media screen and (max-width: 991px) {
    .navbar-crm-header {
        flex-wrap: wrap;
    }

    .navbar-crm-header__left {
        order: 1;
    }

    .navbar-crm-header__right {
        order: 2;
        margin-left: auto;
    }

    .navbar-crm-header__center {
        order: 3;
        width: 100%;
        flex: none;
        border-top: 1px solid #bbd0ff;
    }

    .navbar-crm-nav__list {
        justify-content: center;
        margin: 0;
        padding: 0 4px;
    }

	.navbar-crm-nav__link {
		padding: 0 10px;
		height: 40px;
		font-size: 12px;
		gap: 4px;
	}

	.navbar-crm-nav__link i {
		font-size: 13px;
		opacity: 1;
	}

	.navbar-crm-nav__link span {
		display: inline;
		font-size: 11px;
	}

	.navbar-crm-arrow {
		height: 40px;
		width: 24px;
	}
}


/* ============================================================
 * Lucid Navigator v2 – SaaS Tonal Modern (Bootstrap 3 / ProUI)
 * ============================================================ */

/* ─── Design Tokens ──────────────────────────────────────────── */
:root {
    /* Brand */
    --ln-primary:          #127FED;
    --ln-primary-dark:     #1d4ed8;
    --ln-primary-bg:       rgba(59, 130, 246, 0.10);
    --ln-primary-hover-bg: rgba(59, 130, 246, 0.18);

    /* Violet */
    --ln-violet:           #8b5cf6;
    --ln-violet-dark:      #7c3aed;
    --ln-violet-bg:        rgba(139, 92, 246, 0.10);
    --ln-violet-hover-bg:  rgba(139, 92, 246, 0.18);

    /* Secondary (alias to violet) */
    --ln-secondary:        #8b5cf6;
    --ln-secondary-dark:   #7c3aed;
    --ln-secondary-bg:     rgba(139, 92, 246, 0.10);
    --ln-secondary-hover-bg: rgba(139, 92, 246, 0.18);

    /* Success */
    --ln-success:          #22c55e;
    --ln-success-dark:     #16a34a;
    --ln-success-bg:       rgba(34, 197, 94, 0.10);
    --ln-success-hover-bg: rgba(34, 197, 94, 0.18);

    /* Warning */
    --ln-warning:          #f59e0b;
    --ln-warning-dark:     #d97706;
    --ln-warning-bg:       rgba(245, 158, 11, 0.10);
    --ln-warning-hover-bg: rgba(245, 158, 11, 0.18);

    /* Yellow (extra semantic) */
    --ln-yellow:           #eab308;
    --ln-yellow-dark:      #ca8a04;
    --ln-yellow-bg:        rgba(234, 179, 8, 0.10);
    --ln-yellow-hover-bg:  rgba(234, 179, 8, 0.18);

    /* Danger */
    --ln-danger:           #ef4444;
    --ln-danger-dark:      #dc2626;
    --ln-danger-bg:        rgba(239, 68, 68, 0.10);
    --ln-danger-hover-bg:  rgba(239, 68, 68, 0.18);

    /* Info */
    --ln-info:             #06b6d4;
    --ln-info-dark:        #0891b2;
    --ln-info-bg:          rgba(6, 182, 212, 0.10);
    --ln-info-hover-bg:    rgba(6, 182, 212, 0.18);

    /* Default */
    --ln-default-bg:       rgba(0, 0, 0, 0.03);
    --ln-default-dark:     #334155;
    --ln-default-hover-bg: rgba(0, 0, 0, 0.06);

    /* Neutrals – glassmorphism LIGHT theme */
    --ln-bg:               #eef2f9;
    --ln-surface:          rgba(255, 255, 255, 0.55);
    --ln-border:           rgba(0, 0, 0, 0.08);
    --ln-divider:          rgba(0, 0, 0, 0.05);
    --ln-text:             #1e293b;
    --ln-text-muted:       #64748b;

    /* Shadows */
    --ln-shadow-card:  0 2px 12px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
    --ln-shadow-hover: 0 8px 32px rgba(59, 130, 246, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);

    /* Glass tokens – light mode */
    --glass-bg: rgba(255, 255, 255, 0.45);
    --glass-bg-strong: rgba(255, 255, 255, 0.65);
    --glass-border: rgba(255, 255, 255, 0.6);
    --glass-blur: 16px;
    --glass-blur-strong: 24px;
}

/* ─── Base / Typo ────────────────────────────────────────────── */
body {
    font-family: "Inter", "Nunito", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.55;
    color: var(--ln-text);
    background: #ffffff;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 600;
    color: var(--ln-text);
    line-height: 1.3;
}

a {
    color: #127FED;
    font-weight: 600;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

a:hover,
a:focus {
    color: #1d4ed8;
    text-decoration: none;
}

.content-header {
    border-top: none;
    border-bottom: none !important;
}

#page-content,
#main-container {
    background-color: transparent;
}

/* ─── Global Transitions ─────────────────────────────────────── */
.btn,
.nav > li > a,
.form-control,
.pagination > li > a,
.list-group-item {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* ─── Blocks / Cards ─────────────────────────────────────────── */
.block,
.block.full {
    margin: 0 0 20px;
    padding: 20px 18px 18px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-left: 4px solid var(--ln-primary);
    border-radius: 16px;
    box-shadow: var(--ln-shadow-card);
    overflow: visible;
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
    -webkit-transition: box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.block:not(.block-fullscreen):hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: var(--ln-shadow-hover);
}

/* JDGrid host blocks: avoid transform (prevents Bootstrap modal positioning issues) */
.block:has([id^="grid_"]):not(.block-fullscreen),
.block:has([id^="grid_"]):not(.block-fullscreen):hover {
    -webkit-transform: none !important;
    transform: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Block-title: modern blue header band */
.block-title,
.block-top {
    margin: -20px -18px 20px;
    margin-left: -22px;
    padding: 0 18px 0 22px;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.06) 0%, rgba(99, 102, 241, 0.03) 50%, rgba(236, 72, 153, 0.02) 100%);
    border-bottom: 1px solid rgba(59, 130, 246, 0.08);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    min-height: 48px;
    overflow: visible;
    position: relative;
}

.block-title h1,
.block-title h2,
.block-title h3,
.block-title h4,
.block-title h5,
.block-title h6 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #1e3a5f;
    padding: 13px 0 12px;
    margin: 0;
    letter-spacing: 0.01em;
    text-transform: none;
}

.block-title h1 i,
.block-title h2 i,
.block-title h3 i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(99, 102, 241, 0.10) 100%);
    color: #127FED;
    font-size: 14px;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.12);
}

.block-title h1 strong,
.block-title h2 strong,
.block-title h3 strong {
    font-weight: 700;
    color: #2563eb;
}

.block-title h1 small,
.block-title h2 small,
.block-title h3 small,
.block-title h4 small,
.block-title h5 small,
.block-title h6 small {
    font-size: 11px;
    font-weight: 500;
    color: var(--ln-text-muted);
    text-transform: none;
    letter-spacing: 0;
}

/* ─── Tab-pane h2 — navbar active style ──────────────────────── */
.tab-pane > h2 {
    font-weight: 600;
    color: #1d4ed8;
    margin: 0 0 20px;
    padding: 8px 16px;
    letter-spacing: -0.01em;
    display: inline-block;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(139, 92, 246, 0.10) 100%);
    border: 1px solid rgba(59, 130, 246, 0.18);
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1);
}

body.v2-dark .tab-pane > h2 {
    color: #93c5fd;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.18) 0%, rgba(139, 92, 246, 0.12) 100%);
    border-color: rgba(59, 130, 246, 0.3);
    box-shadow: 0 2px 10px rgba(59, 130, 246, 0.15);
}

/* full-bleed content areas */

.block .block-content-full {
    margin: -20px -18px -18px;
    padding-left: 0;
    padding-right: 0;
}

.block.full .block-content-full {
    margin: -20px -18px;
}

/* ─── Nested Blocks – no double accent / no lift ─────────────────────── */
.block .block,
.block .block.full {
    padding: 16px;
    border-left-color: rgba(59, 130, 246, 0.15);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04);
    background: rgba(255, 255, 255, 0.35);
    border-radius: 12px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.block .block:not(.block-fullscreen):hover {
    -webkit-transform: none;
    transform: none;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04);
}

.block .block-title,
.block .block .block-title {
    background: rgba(255, 255, 255, 0.25);
    margin: -16px -16px 16px;
    padding: 0 14px;
}

/* ─── Buttons — Tonal (pastel bg, dark text) ─────────────────── */
.btn {
    border-radius: 8px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.01em;
    border: none;
    box-shadow: none;
    text-shadow: none;
}

.btn:active,
.btn.active {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
    box-shadow: none;
}

/* Default */
.btn-default {
    background-color: var(--ln-default-bg);
    border-color: var(--ln-border);
    color: var(--ln-default-dark);
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open .btn-default.dropdown-toggle {
    background-color: var(--ln-default-hover-bg);
    border-color: var(--ln-border);
    color: var(--ln-text);
}

/* Primary – tonal blue */
.btn-primary {
    background-color: var(--ln-primary-bg);
    border-color: transparent;
    color: var(--ln-primary-dark);
}
.btn-primary.btn-alt {
    background-color: #f0f6ff;
    border: 1px solid #bcd0e8;
    color: #2f4f74;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open .btn-primary.dropdown-toggle {
    background-color: var(--ln-primary-hover-bg);
    border-color: transparent;
    color: var(--ln-primary-dark);
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary {
    background-color: var(--ln-primary-bg);
    color: #94c9e8;
    opacity: 0.6;
}

.btn-primary.btn-alt:hover,
.btn-primary.btn-alt:focus,
.btn-primary.btn-alt.focus,
.btn-primary.btn-alt:active,
.btn-primary.btn-alt.active,
.open .btn-primary.btn-alt.dropdown-toggle {
    background-color: #e3edf9;
    border-color: #a9c2df;
    color: #244563;
}

/* Success – tonal green */
.btn-success {
    background-color: var(--ln-success-bg);
    border-color: transparent;
    color: var(--ln-success-dark);
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open .btn-success.dropdown-toggle {
    background-color: var(--ln-success-hover-bg);
    border-color: transparent;
    color: var(--ln-success-dark);
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success {
    background-color: var(--ln-success-bg);
    color: var(--ln-success-dark);
    opacity: 0.55;
}

/* Warning – tonal amber */
.btn-warning {
    background-color: var(--ln-warning-bg);
    border-color: transparent;
    color: var(--ln-warning-dark);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open .btn-warning.dropdown-toggle {
    background-color: var(--ln-warning-hover-bg);
    border-color: transparent;
    color: var(--ln-warning-dark);
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning {
    background-color: var(--ln-warning-bg);
    color: var(--ln-warning-dark);
    opacity: 0.55;
}

/* Danger – tonal red */
.btn-danger {
    background-color: var(--ln-danger-bg);
    border-color: transparent;
    color: var(--ln-danger-dark);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open .btn-danger.dropdown-toggle {
    background-color: var(--ln-danger-hover-bg);
    border-color: transparent;
    color: var(--ln-danger-dark);
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger {
    background-color: var(--ln-danger-bg);
    color: var(--ln-danger-dark);
    opacity: 0.55;
}

/* Info – tonal sky */
.btn-info {
    background-color: #d5e2f2;
    border-color: #b7cbe3;
    color: #2e4a6a;
}
.btn-info.btn-alt {
    background-color: #f4f8fc;
    border: 1px solid #b7cbe3;
    color: #2e4a6a;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open .btn-info.dropdown-toggle {
    background-color: #c4d6ec;
    border-color: #9fb9d7;
    color: #233f5e;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info {
    background-color: #d5e2f2;
    color: #2e4a6a;
    opacity: 0.55;
}

/* Violet and Yellow extras */
.btn-violet {
    background-color: var(--ln-violet-bg);
    border-color: transparent;
    color: var(--ln-violet-dark);
}
.btn-violet:hover,
.btn-violet:focus,
.btn-violet.focus,
.btn-violet:active,
.btn-violet.active,
.open .btn-violet.dropdown-toggle {
    background-color: var(--ln-violet-hover-bg);
    border-color: transparent;
    color: var(--ln-violet-dark);
}

.btn-yellow {
    background-color: var(--ln-yellow-bg);
    border-color: transparent;
    color: var(--ln-yellow-dark);
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow.focus,
.btn-yellow:active,
.btn-yellow.active,
.open .btn-yellow.dropdown-toggle {
    background-color: var(--ln-yellow-hover-bg);
    border-color: transparent;
    color: var(--ln-yellow-dark);
}

/* ─── Semantic Labels & Badges ───────────────────────────────── */
.label,
.badge {
    border-radius: 999px;
    font-weight: 600;
    font-size: 11px;
    padding: 3px 9px;
    letter-spacing: 0.03em;
    line-height: 1.5;
}

.badge,
.label-default {
    background-color: var(--ln-default-bg);
    color: var(--ln-default-dark);
}

.label-primary,
.badge-primary {
    background-color: var(--ln-primary-bg);
    color: var(--ln-primary-dark);
}

.label-success,
.badge-success {
    background-color: var(--ln-success-bg);
    color: var(--ln-success-dark);
}

.label-warning,
.badge-warning {
    background-color: var(--ln-warning-bg);
    color: var(--ln-warning-dark);
}

.label-danger,
.badge-danger {
    background-color: var(--ln-danger-bg);
    color: var(--ln-danger-dark);
}

.label-info,
.badge-info {
    background-color: var(--ln-info-bg);
    color: var(--ln-info-dark);
}

.label-violet,
.badge-violet {
    background-color: var(--ln-violet-bg);
    color: var(--ln-violet-dark);
}

.label-yellow,
.badge-yellow {
    background-color: var(--ln-yellow-bg);
    color: var(--ln-yellow-dark);
}

/* ─── Alerts ─────────────────────────────────────────────────── */
.alert {
    border: none;
    border-left: 4px solid;
    border-radius: 12px;
    background: var(--glass-bg);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.alert-success {
    background-color: var(--ln-success-bg);
    border-left-color: var(--ln-success);
    color: var(--ln-success-dark);
}
.alert-warning {
    background-color: var(--ln-warning-bg);
    border-left-color: var(--ln-warning);
    color: var(--ln-warning-dark);
}
.alert-danger {
    background-color: var(--ln-danger-bg);
    border-left-color: var(--ln-danger);
    color: var(--ln-danger-dark);
}
.alert-info {
    background-color: var(--ln-info-bg);
    border-left-color: var(--ln-info);
    color: var(--ln-info-dark);
}

/* ─── Navigation & Dropdowns ─────────────────────────────────── */
.nav > li > a:hover,
.nav > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: var(--ln-primary-bg);
    color: var(--ln-primary-dark);
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: var(--ln-primary-bg);
    color: var(--ln-primary-dark);
    font-weight: 700;
}

.nav-pills > li > a,
a[data-toggle="pill"] {
    color: #64748b;
    font-weight: 500;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
a[data-toggle="pill"]:hover,
a[data-toggle="pill"]:focus {
    color: #1e293b;
    background-color: rgba(0, 0, 0, 0.04);
}

.nav-pills > li.active > a[data-toggle="pill"],
.nav-pills > li.active > a[data-toggle="pill"]:hover,
.nav-pills > li.active > a[data-toggle="pill"]:focus {
    background-color: rgba(59, 130, 246, 0.10);
    color: #1d4ed8;
}

/* ─── Tabs ───────────────────────────────────────────────────── */
.nav-tabs {
    border-bottom: 2px solid rgba(0, 0, 0, 0.06);
}

.nav-tabs > li > a {
    border: none;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    color: #64748b;
    font-weight: 500;
    padding: 10px 16px;
    margin-bottom: -2px;
    background: transparent;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    background-color: transparent;
    border-color: transparent;
    border-bottom-color: var(--ln-primary);
    color: #1e293b;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: transparent;
    border: none;
    border-bottom: 3px solid var(--ln-primary);
    color: var(--ln-primary-dark);
    font-weight: 700;
}

/* block-title tabs */
.block-title .nav-tabs {
    border-bottom: none;
    margin-bottom: -2px;
}

.block-title .nav-tabs > li > a {
    color: var(--ln-text-muted);
    border-bottom: 3px solid transparent;
    background: transparent;
}

.block-title .nav-tabs > li.active > a,
.block-title .nav-tabs > li.active > a:hover,
.block-title .nav-tabs > li.active > a:focus {
    border: none;
    border-bottom: 3px solid var(--ln-primary);
    background: transparent;
    color: var(--ln-primary-dark);
    font-weight: 700;
}

/* ─── Pagination ─────────────────────────────────────────────── */
.pagination > li > a,
.pagination > li > span {
    border-color: var(--ln-border);
    color: var(--ln-text);
    font-weight: 500;
    padding: 7px 13px;
    background-color: var(--ln-surface);
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: var(--ln-primary-bg);
    border-color: var(--ln-primary);
    color: var(--ln-primary-dark);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--ln-primary-bg);
    border-color: var(--ln-primary);
    color: var(--ln-primary-dark);
    font-weight: 700;
}

.pagination > .disabled > a,
.pagination > .disabled > span {
    background-color: var(--ln-default-bg);
    border-color: var(--ln-border);
    color: var(--ln-text-muted);
}

/* ─── List Group ─────────────────────────────────────────────── */
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    background-color: var(--ln-primary-bg);
    border-color: var(--ln-primary);
    color: var(--ln-primary-dark);
}

/* ─── Text helpers ───────────────────────────────────────────── */
.text-primary, a.text-primary:hover, a.text-primary:focus { color: var(--ln-primary-dark); }
.text-success, a.text-success:hover, a.text-success:focus { color: var(--ln-success-dark); }
.text-warning, a.text-warning:hover, a.text-warning:focus { color: var(--ln-warning-dark); }
.text-danger,  a.text-danger:hover,  a.text-danger:focus  { color: var(--ln-danger-dark);  }
.text-info,    a.text-info:hover,    a.text-info:focus    { color: var(--ln-info-dark);    }
.text-violet,  a.text-violet:hover,  a.text-violet:focus  { color: var(--ln-violet-dark);  }
.text-yellow,  a.text-yellow:hover,  a.text-yellow:focus  { color: var(--ln-yellow-dark);  }

/* ─── Form Actions / modal bottom rows ──────────────────────── */
.form-bordered .form-group.form-actions {
    background-color: transparent;
    border-top: 1px dashed var(--ln-divider);
    border-bottom: none;
    padding: 14px 18px;
}

.block .form-bordered .form-group.form-actions {
    margin: 0;
    border-radius: 0;
    background-color: transparent;
    border-top: 1px dashed var(--ln-divider);
}

.modal-body .form-bordered {
    margin: 0;
}

.modal-body .form-bordered .form-group.form-actions:last-child {
    margin: 0 -15px -15px;
    padding: 14px 15px 15px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: rgba(0, 0, 0, 0.015);
}

#modal-comments .modal-body > form > .form-group.form-actions,
#modal-comments .modal-body > .row .form-group.form-actions,
.modal-body > form > .form-group.form-actions,
.modal-body > .row .form-group.form-actions {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#modal-comments .form-group.form-actions {
    padding: 12px 15px;
    border-radius: 0 0 10px 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background-color: rgba(0, 0, 0, 0.015);
    overflow: hidden;
}

/* ─── Widgets (modern cards) ────────────────────────────────── */
.widget,
a.widget {
    margin-bottom: 18px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-left: 4px solid var(--ln-primary);
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
    -webkit-transition: box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

a.widget:hover,
a.widget:focus {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.2);
}

.widget .widget-extra,
.widget .widget-extra-full {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background: rgba(0, 0, 0, 0.02);
    padding: 12px 14px;
}

.widget .widget-extra.themed-background-dark,
.widget .widget-extra-full.themed-background-dark {
    background: #a3aecd9c !important;
    color: #1e293b !important;
}

.widget .widget-extra-full:last-child {
    border-bottom: 0;
}

.widget .widget-content-light {
    background-color: transparent;
    color: var(--ln-text);
}

.widget .widget-extra:not(.themed-background):not(.themed-background-info):not(.themed-background-success):not(.themed-background-warning):not(.themed-background-danger):not(.themed-background-dark) .widget-content-light,
.widget .widget-extra-full:not(.themed-background):not(.themed-background-info):not(.themed-background-success):not(.themed-background-warning):not(.themed-background-danger):not(.themed-background-dark) .widget-content-light {
    color: var(--ln-text) !important;
}

.widget .widget-extra.themed-background .widget-content-light,
.widget .widget-extra.themed-background-info .widget-content-light,
.widget .widget-extra.themed-background-success .widget-content-light,
.widget .widget-extra.themed-background-warning .widget-content-light,
.widget .widget-extra.themed-background-danger .widget-content-light {
    color: #ffffff !important;
}

.widget .widget-extra.themed-background-dark .widget-content-light,
.widget .widget-extra-full.themed-background-dark .widget-content-light {
    color: #1e293b !important;
}

.widget .widget-content-light small,
.widget small {
    color: var(--ln-text-muted);
}

.widget .widget-extra-full.widget-preca-blue {
    background: rgba(59, 130, 246, 0.1);
}

.widget .widget-extra-full.widget-preca-yellow {
    background: rgba(234, 179, 8, 0.1);
}

.widget .widget-extra-full.widget-preca-violet {
    background: rgba(139, 92, 246, 0.1);
}

.widget .widget-extra-full.widget-preca-pink {
    background: rgba(236, 72, 153, 0.1);
}

/* Single continuous left border on the whole widget when a preca class is present */
.widget:has(.widget-preca-blue) { border-left: 4px solid #127FED; }
.widget:has(.widget-preca-yellow) { border-left: 4px solid #eab308; }
.widget:has(.widget-preca-violet) { border-left: 4px solid #8b5cf6; }
.widget:has(.widget-preca-pink) { border-left: 4px solid #ec4899; }

.page-contact #rowinfosum .widget .widget-extra-full,
.page-contact #rowinfosum .widget .widget-extra-full .h4 {
    color: #1e293b;
}

#rowinfosum a.widget,
#rowinfosum .widget {
    border-left: 0 !important;
}

/* Dark-mode contrast fix: solid darker bg + light text on the
   themed-background-dark widget headers and the CEE template tiles.
   The semi-transparent #a3aecd9c composites too light over the dark page,
   leaving #1e293b text below WCAG AA. */
body.v2-dark .widget .widget-extra.themed-background-dark,
body.v2-dark .widget .widget-extra-full.themed-background-dark,
body.v2-dark .cee-op-title-bandeau,
body.v2-dark .cee-stat-tile {
    background: #3a4570 !important;
    color: #e2e8f0 !important;
}

body.v2-dark .widget .widget-extra.themed-background-dark .widget-content-light,
body.v2-dark .widget .widget-extra-full.themed-background-dark .widget-content-light,
body.v2-dark .cee-op-title-bandeau h4,
body.v2-dark .cee-stat-tile > div {
    color: #e2e8f0 !important;
}

.widget .widget-icon {
    background-color: rgba(59, 130, 246, 0.08);
    color: #127FED;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.widget .themed-background,
.widget .themed-background-info,
.widget.widget-themes .themed-background,
.widget.widget-themes .themed-background-info {
    background-color: var(--ln-primary) !important;
    color: #ffffff !important;
}

.widget.themed-background,
a.widget.themed-background,
.widget.themed-background-info,
a.widget.themed-background-info {
    background-color: var(--ln-primary) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

.widget .themed-background-success,
.widget.widget-themes .themed-background-success {
    background-color: var(--ln-success) !important;
    color: #ffffff !important;
}

.widget.themed-background-success,
a.widget.themed-background-success {
    background-color: var(--ln-success) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

.widget .themed-background-warning,
.widget.widget-themes .themed-background-warning {
    background-color: var(--ln-warning) !important;
    color: #ffffff !important;
}

.widget.themed-background-warning,
a.widget.themed-background-warning {
    background-color: var(--ln-warning) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

.widget .themed-background-danger,
.widget.widget-themes .themed-background-danger {
    background-color: var(--ln-danger) !important;
    color: #ffffff !important;
}

.widget.themed-background-danger,
a.widget.themed-background-danger {
    background-color: var(--ln-danger) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

.widget .themed-background-dark,
.widget.widget-themes .themed-background-dark {
    background-color: var(--ln-primary-dark) !important;
    color: #ffffff !important;
}

.widget .themed-background-muted,
.widget.widget-themes .themed-background-muted {
    background-color: #6f89a7 !important;
    color: #ffffff !important;
}

.widget .themed-background-muted-light,
.widget.widget-themes .themed-background-muted-light {
    background-color: #f3f7fc !important;
    color: var(--ln-primary-dark) !important;
}

.widget-advanced .widget-header,
.widget-advanced-alt .widget-header,
.widget-advanced-alt .widget-main {
    border-radius: 0;
}

.widget .text-light,
.widget a.text-light,
.widget a.text-light:hover,
.widget a.text-light:focus {
    color: #ffffff !important;
}

.widget .widget-options,
.widget .widget-options-left {
    opacity: 0.7;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.03);
}

.widget .widget-options:hover,
.widget .widget-options-left:hover {
    opacity: 1;
    background: rgba(59, 130, 246, 0.08);
    color: #1d4ed8;
}

.widget-simple .widget-content {
    font-size: 13px;
    color: var(--ln-text);
}

.widget-simple .widget-content small {
    color: var(--ln-text-muted);
    font-weight: 500;
}

/* ─── Forms ──────────────────────────────────────────────────── */
.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control,
input[type="number"].form-control,
input[type="tel"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
textarea.form-control,
select.form-control {
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.12);
    border-radius: 0;
    color: var(--ln-text);
    font-size: 14px;
    font-family: inherit;
    height: auto;
    min-height: 38px;
    padding: 8px 4px;
    box-shadow: none;
    -webkit-transition: border-color 0.3s ease, box-shadow 0.3s ease;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-control:focus,
input[type="text"].form-control:focus,
input[type="password"].form-control:focus,
input[type="email"].form-control:focus,
textarea.form-control:focus,
select.form-control:focus {
    border-color: var(--ln-primary);
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 2px 0 0 var(--ln-primary);
    outline: none;
}

.form-control::-webkit-input-placeholder { color: var(--ln-text-muted); opacity: 0.6; }
.form-control::-moz-placeholder          { color: var(--ln-text-muted); opacity: 0.6; }
.form-control:-ms-input-placeholder      { color: var(--ln-text-muted); opacity: 0.6; }

.input-group-addon {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.12);
    border-radius: 0;
    color: var(--ln-text-muted);
    font-size: 14px;
}

.input-group .form-control:first-child {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group .form-control:last-child {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-addon:first-child {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-addon:last-child {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Validation states */
.has-success .form-control {
    border-color: var(--ln-success);
    background-color: var(--ln-success-bg);
}
.has-success .form-control:focus {
    border-color: var(--ln-success);
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18);
}
.has-warning .form-control {
    border-color: var(--ln-warning);
    background-color: var(--ln-warning-bg);
}
.has-warning .form-control:focus {
    border-color: var(--ln-warning);
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.18);
}
.has-error .form-control {
    border-color: var(--ln-danger);
    background-color: var(--ln-danger-bg);
}
.has-error .form-control:focus {
    border-color: var(--ln-danger);
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.18);
}
.has-success .control-label, .has-success .help-block { color: var(--ln-success-dark); }
.has-warning .control-label, .has-warning .help-block { color: var(--ln-warning-dark); }
.has-error   .control-label, .has-error   .help-block { color: var(--ln-danger-dark);  }

/* Select2 / Chosen harmonisation */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices {
    border: none !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--ln-text);
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single,
.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices {
    border-color: var(--ln-primary) !important;
    box-shadow: 0 2px 0 0 var(--ln-primary) !important;
}

/* Chosen dropdown panel spacing and rounded menu */
.chosen-container .chosen-drop {
    margin-top: 5px !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12) !important;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.chosen-container .chosen-results {
    border-radius: 8px !important;
}

.chosen-container .chosen-results li {
    border-radius: 0 !important;
}

.chosen-container .chosen-results li:first-child {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.chosen-container .chosen-results li:last-child {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.chosen-container .chosen-results li.highlighted,
.chosen-container .chosen-results li.result-selected {
    background-color: var(--ln-primary-bg) !important;
    background-image: none !important;
    color: var(--ln-primary-dark) !important;
}

/* Input-group compatibility fixes */
.input-group-btn .form-control {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group .input-group-btn + .form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: none !important;
}

.input-group .form-control:first-child:not(.input-timepicker24) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group.bootstrap-timepicker .form-control,
.input-group .input-timepicker24 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group.bootstrap-timepicker .input-group-btn {
    display: table-cell !important;
    width: auto !important;
    vertical-align: middle !important;
}

.input-group.bootstrap-timepicker .input-group-btn .btn {
    border-radius: 0 8px 8px 0 !important;
}

.input-group .form-control + .input-group-addon {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin-left: -1px;
}

.input-group .input-group-addon + .form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: none !important;
    margin-left: -1px;
}

/* Remove seams between input, addon and button in all orders */
.input-group .form-control + .input-group-btn,
.input-group .input-group-addon + .input-group-btn,
.input-group .input-group-btn + .input-group-addon,
.input-group .input-group-btn + .form-control {
    margin-left: -1px !important;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
    margin-right: -1px !important;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    margin-left: -1px !important;
}

.input-group > .form-control,
.input-group > .input-group-addon,
.input-group > .input-group-btn > .btn {
    position: relative;
    z-index: 2;
}

.input-group > .form-control:focus {
    z-index: 3;
}

.input-group-addon {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 0 !important;
    color: #64748b !important;
    font-weight: 600 !important;
}

/* ─── Tables ─────────────────────────────────────────────────── */
.table {
    background-color: transparent;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 13px 12px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    vertical-align: middle;
}

.table > thead > tr > th,
.table > thead > tr > td {
    background-color: rgba(0, 0, 0, 0.02);
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.table-striped > tbody > tr:nth-of-type(odd),
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: transparent;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: rgba(59, 130, 246, 0.08);
}

.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border-left: 0;
    border-right: 0;
}

/* ─── Modals ─────────────────────────────────────────────────── */
.modal-content {
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 20px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.03);
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(28px) saturate(1.4);
    -webkit-backdrop-filter: blur(28px) saturate(1.4);
    color: var(--ln-text);
    overflow: hidden;
}

.modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.06) 0%, rgba(139, 92, 246, 0.04) 100%);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 16px 22px;
}

.modal-title {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    letter-spacing: -0.01em;
}

.modal-body {
    padding: 20px 22px;
}

.modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: rgba(0, 0, 0, 0.015);
    padding: 14px 22px;
}

/* ─── Dropdowns ──────────────────────────────────────────────── */
.dropdown.open,
.btn-group.open {
    position: relative;
    z-index: 1000;
}

.dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 14px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.03);
    padding: 6px;
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(var(--glass-blur-strong));
    -webkit-backdrop-filter: blur(var(--glass-blur-strong));
    z-index: 1050;
}

.dropdown-menu > li > a {
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 13px;
    color: var(--ln-text);
}

.dropdown-menu > .divider {
    background-color: rgba(0, 0, 0, 0.06);
    margin: 5px 0;
}

/* ─── Panels ─────────────────────────────────────────────────── */
.panel {
    border: 1px solid var(--glass-border);
    border-left: 4px solid var(--ln-primary);
    border-radius: 14px;
    box-shadow: var(--ln-shadow-card);
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
}

.panel-heading {
    background: rgba(255, 255, 255, 0.35);
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    font-weight: 700;
    color: #1e293b;
}

.panel-primary { border-left-color: var(--ln-primary); }
.panel-success { border-left-color: var(--ln-success); }
.panel-warning { border-left-color: var(--ln-warning); }
.panel-danger  { border-left-color: var(--ln-danger);  }
.panel-info    { border-left-color: var(--ln-info);    }

/* ─── Reduced Motion ─────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    *,
    *:before,
    *:after {
        -webkit-animation: none !important;
        animation: none !important;
        -webkit-transition: none !important;
        transition: none !important;
    }

    .block:hover,
    .btn:active,
    .btn.active {
        -webkit-transform: none;
        transform: none;
    }
}

/* =================================================================
   CRM Shell Refresh - Floating navbar + sidebar (legacy-safe)
   ================================================================= */

:root {
    --crm-shell-bg-top: rgba(255, 255, 255, 0.55);
    --crm-shell-bg-bottom: rgba(240, 235, 255, 0.55);
    --crm-shell-border: rgba(0, 0, 0, 0.06);
    --crm-shell-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);

    --crm-accent: #127FED;
    --crm-accent-soft: rgba(59, 130, 246, 0.08);
    --crm-accent-strong: #1d4ed8;

    --crm-text-main: #1e293b;
    --crm-text-muted: #64748b;

    --crm-sidebar-bg-top: rgba(255, 255, 255, 0.6);
    --crm-sidebar-bg-bottom: rgba(240, 235, 255, 0.6);
    --crm-sidebar-border: rgba(0, 0, 0, 0.06);
    --crm-sidebar-item-hover: rgba(0, 0, 0, 0.04);
    --crm-sidebar-item-active: rgba(59, 130, 246, 0.10);
}

header.navbar {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0 10px;
}

#page-container {
    background-color: transparent !important;
     /* background-color:  #f8f9fa !important; */
}

#main-container {
    background: transparent;
}

#page-content {
    background-color: transparent !important;
}

.navbar-crm-header {
    min-height: 50px;
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.45) 0%, rgba(230, 240, 255, 0.35) 50%, rgba(240, 235, 255, 0.4) 100%);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow:
        0 8px 32px rgba(59, 130, 246, 0.06),
        0 2px 8px rgba(0, 0, 0, 0.04),
        0 1px 0 0 rgba(255, 255, 255, 0.7) inset,
        0 -1px 0 0 rgba(59, 130, 246, 0.05) inset;
    overflow: visible;
    position: relative;
}

.navbar-crm-header::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    backdrop-filter: blur(32px) saturate(1.5);
    -webkit-backdrop-filter: blur(32px) saturate(1.5);
    z-index: 0;
    pointer-events: none;
}

/* .navbar-crm-header::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: #43bcfd;
    z-index: 1;
    pointer-events: none;
} */
.navbar-crm-header::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    /* background: linear-gradient(90deg, transparent, #43bcfd 20%, #a78bfa 50%, #43bcfd 80%, transparent); */
    background: linear-gradient(90deg, transparent, #40c0ff 20%, #40c0ff 50%, #40c0ff 80%, transparent);
    /* background: #40c0ff; */
    z-index: 3;
    pointer-events: none;
}

.navbar-crm-header > * {
    position: relative;
    z-index: 2;
}

header.navbar.navbar-fixed-top,
header.navbar-default.navbar-fixed-top,
header.navbar-inverse.navbar-fixed-top {
    border-bottom: none !important;
    z-index: 1050;
    overflow: visible;
}

.navbar-crm-header__hamburger,
.navbar-crm-arrow,
.navbar-crm-search-toggle a,
.navbar-crm-header__right > li > a {
    color: var(--crm-text-main);
}

.navbar-crm-header__hamburger:hover,
.navbar-crm-header__hamburger:focus,
.navbar-crm-arrow:hover,
.navbar-crm-arrow:focus,
.navbar-crm-search-toggle a:hover,
.navbar-crm-search-toggle a:focus,
.navbar-crm-header__right > li.open > a,
.navbar-crm-header__right > li > a:hover,
.navbar-crm-header__right > li > a:focus {
    background-color: rgba(59, 130, 246, 0.08);
    color: #1d4ed8;
}

.navbar-crm-header .nav.navbar-nav-custom > li.open > a,
.navbar-crm-header .nav.navbar-nav-custom > li > a:hover,
.navbar-crm-header .nav.navbar-nav-custom > li > a:focus {
    background-color: rgba(59, 130, 246, 0.08) !important;
    color: #1d4ed8 !important;
}

.navbar-crm-nav {
    padding: 0 4px;
}

.navbar-crm-nav__link {
    height: 44px;
    margin: 3px 2px;
    padding: 0 12px;
    border-radius: 10px;
    border-bottom: none;
    color: var(--crm-text-main);
    transition: all 0.15s ease;
}

.navbar-crm-nav__link:hover,
.navbar-crm-nav__link:focus {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(139, 92, 246, 0.06) 100%);
    color: #1d4ed8;
    transform: translateY(-1px);
}

.navbar-crm-nav__item--active .navbar-crm-nav__link,
.navbar-crm-nav__item--active .navbar-crm-nav__link:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(139, 92, 246, 0.10) 100%);
    color: #1d4ed8;
    border: 1px solid rgba(59, 130, 246, 0.18);
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1);
}

.navbar-crm-nav__item--active .navbar-crm-nav__link i {
    color: #127FED;
    opacity: 1;
}

.navbar-crm-nav__link i {
    opacity: 0.85;
}

.navbar-crm-header__right > li > a {
    min-width: 44px;
    line-height: 40px;
    border-radius: 10px;
    margin: 4px 2px;
}

.navbar-crm-header__right > li > a > img {
    border: 2px solid #ffffff;
    box-shadow: 0 2px 8px rgba(17, 51, 84, 0.18);
}

.navbar-crm-header__right > li.dropdown {
    position: relative;
}

.navbar-crm-header__right .dropdown-menu {
    margin-top: 8px;
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.13);
    z-index: 2001;
    background: #fff;
    pointer-events: auto;
}

.navbar-crm-header__right .dropdown-menu > li > a,
.navbar-crm-header__right .dropdown-menu.dropdown-custom > li > a {
    display: block;
    padding: 8px 14px;
    color: #334155;
    border-radius: 8px;
    margin: 2px 6px;
    position: relative;
    z-index: 1;
}

.navbar-crm-header__right .dropdown-menu > li > a:hover,
.navbar-crm-header__right .dropdown-menu.dropdown-custom > li > a:hover {
    background: rgba(59, 130, 246, 0.08);
    color: #1d4ed8;
    text-decoration: none;
}

.navbar-crm-header__right .dropdown-menu .dropdown-header {
    padding: 10px 14px 6px;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.navbar-crm-search-inline {
    position: relative;
    overflow: visible;
    z-index: 3;
}

.navbar-crm-header__center {
    overflow: visible;
    z-index: 3;
}

#searchres {
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    z-index: 3002;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 14px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(var(--glass-blur-strong));
    -webkit-backdrop-filter: blur(var(--glass-blur-strong));
}

.navbar-crm-search-inline__form {
    height: 50px;
    padding: 0 14px;
}

.navbar-crm-search-inline__input {
    color: var(--crm-text-main);
}

.navbar-crm-search-inline__input::placeholder {
    color: #94a3b8;
}

@media screen and (min-width: 992px) {
    #sidebar,
    #sidebar-alt,
    #page-container.sidebar-partial #sidebar,
    #page-container.sidebar-visible-lg #sidebar,
    #page-container.sidebar-alt-partial #sidebar-alt,
    #page-container.sidebar-alt-visible-lg #sidebar-alt {
        background: transparent !important;
    }

    #sidebar-scroll {
        margin: 10px 10px 12px 10px;
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        background: linear-gradient(165deg,
            rgba(255, 255, 255, 0.22) 0%,
            rgba(224, 240, 255, 0.14) 30%,
            rgba(232, 226, 255, 0.12) 60%,
            rgba(255, 255, 255, 0.18) 100%);
        box-shadow:
            0 12px 48px rgba(59, 130, 246, 0.08),
            0 4px 20px rgba(139, 92, 246, 0.04),
            0 0 0 0.5px rgba(255, 255, 255, 0.5),
            0 1px 0 0 rgba(255, 255, 255, 0.8) inset,
            inset 0 -1px 0 rgba(59, 130, 246, 0.03),
            inset 0 30px 60px rgba(255, 255, 255, 0.08),
            inset 0 -30px 60px rgba(59, 130, 246, 0.03);
        overflow-y: hidden;
        overflow-x: hidden;
        position: relative;
        isolation: isolate;
        height: calc(100vh - 24px);
        backdrop-filter: blur(54px) saturate(1.9) brightness(1.06);
        -webkit-backdrop-filter: blur(54px) saturate(1.9) brightness(1.06);
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #sidebar-scroll::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 380px;
        pointer-events: none;
        z-index: 1;
        background:
            linear-gradient(to top, rgba(239, 246, 255, 0.35) 0%, rgba(255, 255, 255, 0) 60%),
            url('/crm/img/background_skyscraper.png') center bottom / cover no-repeat;
        /* background:
            linear-gradient(to top, rgba(239, 246, 255, 0.35) 0%, rgba(255, 255, 255, 0) 60%),
            url('/crm/img/background-leaf2.jpg') center bottom / cover no-repeat; */
        opacity: 0.38;
        -webkit-mask-image: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0.94) 40%, transparent 100%);
        mask-image: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0.94) 40%, transparent 100%);
    }

    #sidebar-scroll > * {
        position: relative;
        z-index: 2;
    }

    #sidebar-scroll > .sidebar-content {
        height: 100%;
        min-height: 0;
    }

    #sidebar-scroll .sidebar-brand {
        order: 1;
        flex-shrink: 0;
    }

    #sidebar-scroll .sidebar-nav {
        order: 2;
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 10px 10px 120px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #sidebar-scroll .sidebar-nav::-webkit-scrollbar {
        display: none;
    }

    #sidebar-scroll .sidebar-section.sidebar-user.clearfix.sidebar-nav-mini-hide {
        order: 3;
        margin-top: 0;
        flex-shrink: 0;
        position: relative;
        z-index: 3;
    }

    #sidebar-scroll::-webkit-scrollbar {
        display: none;
    }

    #sidebar-alt-scroll {
        margin: 10px 10px 12px 10px;
        border-radius: 18px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        background: rgba(255, 255, 255, 0.45);
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
        overflow-y: auto;
        overflow-x: hidden;
        max-height: calc(100vh - 24px);
        display: flex;
        flex-direction: column;
        backdrop-filter: blur(var(--glass-blur-strong));
        -webkit-backdrop-filter: blur(var(--glass-blur-strong));
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #sidebar-alt-scroll::-webkit-scrollbar {
        display: none;
    }

    .sidebar-content {
        width: 200px;
        min-height: 100%;
        display: flex;
        flex-direction: column;
    }

    #sidebar-alt .sidebar-content {
        color: #475569;
    }

    #sidebar-alt .sidebar-content.sidebarnotif {
        width: 100%;
        height: 100%;
        max-height: calc(100vh - 32px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .sidebar-brand,
    .sidebar-title {
        background: linear-gradient(135deg, rgba(59, 130, 246, 0.06) 0%, rgba(99, 102, 241, 0.04) 100%);
        border-bottom: 1px solid rgba(59, 130, 246, 0.08);
        color: #1e3a5f;
        font-weight: 700;
        letter-spacing: 0.01em;
        height: auto;
        line-height: 1.4;
        padding: 14px 16px;
        display: flex;
        align-items: center;
        font-size: 15px;
        border-radius: 22px 22px 0 0;
    }

    .sidebar-brand i,
    .sidebar-title i {
        width: auto;
        margin-right: 8px;
        opacity: 0.7;
        color: #127FED;
    }

    #sidebar-alt .sidebar-brand,
    #sidebar-alt .sidebar-title {
        background: rgba(255, 255, 255, 0.3);
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        color: #334155;
    }

    .sidebar-user {
        background: rgba(0, 0, 0, 0.02);
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        border-bottom: none;
    }

    .sidebar-user-name {
        color: #1e293b;
    }

    .sidebar-user-links a {
        color: #475569;
        opacity: 0.6;
    }

    .sidebar-user-links a:hover,
    .sidebar-user-links a:focus {
        color: #1e293b;
        opacity: 1;
    }

    #sidebar-alt .sidebar-user {
        background: rgba(0, 0, 0, 0.02);
        border-top: 1px solid rgba(0, 0, 0, 0.05);
    }

    #sidebar-alt .sidebar-user-name {
        color: #334155;
    }

    #sidebar-alt .sidebar-user-links a {
        color: #64748b;
        opacity: 0.6;
    }

    .sidebar-nav {
        padding: 10px 10px 8px;
    }

    .sidebar-nav a {
        margin-bottom: 3px;
        padding: 0 14px;
        min-height: 38px;
        line-height: 38px;
        font-size: 13px;
        font-weight: 500;
        border-radius: 10px;
        color: #475569;
        background: transparent;
        transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    }

    #sidebar-alt .sidebar-nav a {
        color: #64748b;
    }

    .sidebar-nav a:hover,
    .sidebar-nav a:focus,
    .sidebar-nav a.open,
    .sidebar-nav li.active > a {
        color: #1e3a5f;
        background: linear-gradient(135deg, rgba(59, 130, 246, 0.06) 0%, rgba(99, 102, 241, 0.04) 100%);
        transform: translateX(2px);
        transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    }

    #sidebar-alt .sidebar-nav a:hover,
    #sidebar-alt .sidebar-nav a:focus,
    #sidebar-alt .sidebar-nav a.open,
    #sidebar-alt .sidebar-nav li.active > a {
        color: #334155;
        background: rgba(0, 0, 0, 0.04);
    }

    .sidebar-nav a.active,
    .sidebar-nav ul a.active,
    .sidebar-nav ul a.active:hover {
        color: #1d4ed8;
        background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(99, 102, 241, 0.08) 100%);
        border-left: 3px solid #127FED;
        padding-left: 11px;
        box-shadow: 0 2px 12px rgba(59, 130, 246, 0.1);
        font-weight: 600;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    #sidebar-alt .sidebar-nav a.active,
    #sidebar-alt .sidebar-nav ul a.active,
    #sidebar-alt .sidebar-nav ul a.active:hover {
        color: #1d4ed8;
        background: rgba(59, 130, 246, 0.08);
        box-shadow: 0 2px 8px rgba(59, 130, 246, 0.06);
    }

    .sidebar-nav a > .sidebar-nav-icon,
    .sidebar-nav a > .sidebar-nav-indicator {
        opacity: 0.85;
    }

    .sidebar-nav ul {
        margin-top: 2px;
        border-radius: 10px;
        background: rgba(0, 0, 0, 0.03);
    }

    #sidebar-alt .sidebar-nav ul {
        background: rgba(0, 0, 0, 0.02);
    }

    .sidebar-nav ul a {
        padding-left: 18px;
    }

    .sidebar-nav ul ul a {
        padding-left: 28px;
    }

    .sidebar-header {
        padding: 10px 12px 8px;
    }

    .sidebar-header .sidebar-header-title {
        color: #94a3b8;
        opacity: 0.85;
        text-transform: uppercase;
        font-size: 10px;
        letter-spacing: 0.08em;
    }

    #sidebar-alt .sidebar-header .sidebar-header-title {
        color: #94a3b8;
        opacity: 1;
    }

    .sidebar-header-options > a,
    .sidebar-nav .sidebar-header-options a {
        opacity: 0.7;
    }
}

@media screen and (max-width: 991px) {
    header.navbar {
        padding: 0;
    }

    .navbar-crm-header {
        border-radius: 0;
        border-left: none;
        border-right: none;
        box-shadow: none;
    }
}

/* =================================================================
   CRM Login Refresh - Theme aligned
   ================================================================= */

/* (Login styles unified in login-bg-v2 section below) */

/* =================================================================
   Login V2 - Glassmorphism with leaf background
   ================================================================= */

@keyframes loginV2Gradient {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes loginV2Float {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33%      { transform: translate(30px, -20px) scale(1.05); }
    66%      { transform: translate(-20px, 15px) scale(0.97); }
}

.full-bg.login-bg-v2 {
    overflow: hidden;
    background:
        linear-gradient(165deg,
            rgba(59, 130, 246, 0.30) 0%,
            rgba(139, 92, 246, 0.22) 30%,
            rgba(224, 240, 255, 0.18) 60%,
            rgba(59, 130, 246, 0.25) 100%),
        url('/crm/img/background_skyscraper.png') center center / cover no-repeat;
    background-size: 300% 300%, cover;
    background-repeat: no-repeat;
    animation: loginV2Gradient 18s ease infinite;
    z-index: 0;
}

.full-bg.login-bg-v2::before,
.full-bg.login-bg-v2::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.full-bg.login-bg-v2::before {
    background:
        radial-gradient(ellipse at 20% 15%, rgba(59, 130, 246, 0.18) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 30%, rgba(139, 92, 246, 0.14) 0%, transparent 50%),
        radial-gradient(ellipse at 55% 85%, rgba(224, 240, 255, 0.20) 0%, transparent 45%);
    mix-blend-mode: normal;
    animation: loginV2Float 25s ease-in-out infinite;
}

.full-bg.login-bg-v2::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(240, 235, 255, 0.15) 100%);
}

/* Container */
#login-container.login-container-v2 {
    width: 440px;
    top: 7vh;
    margin-left: -220px;
}

/* Title card - glassmorphism (same gradient base as form card for seamless flow) */
#login-container .login-title.login-title-v2 {
    background: linear-gradient(165deg,
        rgba(255, 255, 255, 0.50) 0%,
        rgba(224, 240, 255, 0.40) 30%,
        rgba(232, 226, 255, 0.35) 60%,
        rgba(255, 255, 255, 0.45) 100%);
    -webkit-backdrop-filter: blur(54px) saturate(1.9) brightness(1.06);
    backdrop-filter: blur(54px) saturate(1.9) brightness(1.06);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow:
        0 16px 48px rgba(59, 130, 246, 0.10),
        0 4px 20px rgba(139, 92, 246, 0.04),
        0 0 0 0.5px rgba(255, 255, 255, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.6);
    padding: 28px 24px 18px;
}

#login-container .login-title.login-title-v2 h1 small {
    color: #64748b;
    font-size: 14px;
    font-weight: 400;
}

#login-container .login-title.login-title-v2 h1 small strong {
    color: #1e293b;
    font-weight: 600;
}

/* Form card - glassmorphism */
.login-card-v2 {
    background: linear-gradient(165deg,
        rgba(255, 255, 255, 0.50) 0%,
        rgba(224, 240, 255, 0.40) 30%,
        rgba(232, 226, 255, 0.35) 60%,
        rgba(255, 255, 255, 0.45) 100%);
    -webkit-backdrop-filter: blur(54px) saturate(1.9) brightness(1.06);
    backdrop-filter: blur(54px) saturate(1.9) brightness(1.06);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 0 0 20px 20px;
    box-shadow:
        0 16px 48px rgba(59, 130, 246, 0.10),
        0 4px 20px rgba(139, 92, 246, 0.04),
        inset 0 -1px 0 rgba(255, 255, 255, 0.6);
    padding: 14px 0 10px;
}

/* Form adjustments */
.login-card-v2 .form-bordered {
    margin: 0;
}

.login-card-v2 .form-bordered .form-group {
    border: none;
    padding: 8px 22px;
}

.login-card-v2 .form-control-borderless .form-control,
.login-card-v2 .form-control-borderless .input-group-addon {
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    background-color: rgba(255, 255, 255, 0.6);
    color: #1e293b;
}

.login-card-v2 .input-group > .input-group-addon,
.login-card-v2 .input-group > .form-control {
    border-radius: 12px;
}

.login-card-v2 .input-group > .input-group-addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none !important;
}

.login-card-v2 .input-group > .form-control {
    border-left: none !important;
    border-right: none !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.login-card-v2 .input-group > .form-control:last-child {
    border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.login-card-v2 .input-group > .form-control + .input-group-addon {
    border-left: none !important;
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.login-card-v2 .input-group .form-control {
    height: 48px;
    font-size: 14px;
    color: #1e293b;
}

.login-card-v2 .input-group .form-control::placeholder {
    color: #94a3b8;
}

.login-card-v2 .input-group-addon {
    color: #64748b;
    min-width: 44px;
}

.login-card-v2 .input-group-addon a {
    color: #64748b;
}

.login-card-v2 .input-group-addon a:hover,
.login-card-v2 .input-group-addon a:focus {
    color: #127FED;
}

.login-card-v2 .form-control:focus,
.login-card-v2 input[type="text"].form-control:focus,
.login-card-v2 input[type="password"].form-control:focus {
    border-color: rgba(59, 130, 246, 0.4) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
    background-color: rgba(255, 255, 255, 0.8);
}

.login-card-v2 .form-group.form-actions {
    background: transparent;
    border: none;
    padding-top: 14px;
}

/* Login button - CRM v2 blue primary */
.btn-login-v2 {
    width: 100%;
    max-width: 320px;
    border-radius: 12px;
    padding: 12px 18px;
    font-size: 15px;
    font-weight: 600;
    background: #127FED;
    border: 1px solid #127FED;
    color: #fff;
    transition: all 0.25s ease;
    box-shadow: 0 4px 14px rgba(59, 130, 246, 0.25);
}

.btn-login-v2:hover,
.btn-login-v2:focus {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #fff;
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.35);
    transform: translateY(-1px);
}

.btn-login-v2:active {
    transform: translateY(0);
    background: #2563eb;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2);
}

/* Responsive */
@media screen and (max-width: 767px) {
    #login-container.login-container-v2 {
        width: calc(100% - 24px);
        left: 12px;
        right: 12px;
        margin-left: 0;
        top: 16px;
    }

    .login-title.login-title-v2 img {
        width: 260px !important;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .full-bg.login-bg-v2,
    .full-bg.login-bg-v2::before {
        animation: none;
    }
}


/* =================================================================
   Contact Page - Legends refresh
   ================================================================= */

.page-contact #frminfodir fieldset > legend {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: calc(100% - 6px);
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 0 12px;
    padding: 8px 12px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.4);
    box-shadow: none;
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.35;
    letter-spacing: 0;
    text-transform: none;
    overflow: hidden;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.page-contact #frminfodir fieldset > legend > i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #127FED;
    background: rgba(59, 130, 246, 0.10);
}

.page-contact #frminfodir fieldset > legend .pull-right {
    float: none !important;
    margin-top: 0;
    margin-left: auto;
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .page-contact #frminfodir fieldset > legend {
        font-size: 13px;
        padding: 8px 10px;
    }

    .page-contact #frminfodir fieldset > legend .pull-right {
        float: none !important;
        display: block;
        margin-top: 8px;
    }
}

/* =================================================================
   DARK MODE — activated via body.v2-dark
   ================================================================= */

/* Toggle button styles */
.v2-theme-toggle {
    cursor: pointer;
}

.v2-theme-toggle a {
    font-size: 16px !important;
}

.v2-theme-toggle .fa-moon-o { display: inline; }
.v2-theme-toggle .fa-sun-o  { display: none;   }

body.v2-dark .v2-theme-toggle .fa-moon-o { display: none;   }
body.v2-dark .v2-theme-toggle .fa-sun-o  { display: inline; }

/* ── Dark tokens ─────────────────────────────────────────────── */
body.v2-dark {
    --ln-bg:               #0f172a;
    --ln-surface:          rgba(255, 255, 255, 0.06);
    --ln-border:           rgba(255, 255, 255, 0.12);
    --ln-divider:          rgba(255, 255, 255, 0.08);
    --ln-text:             #e2e8f0;
    --ln-text-muted:       #94a3b8;
    --ln-default-bg:       rgba(255, 255, 255, 0.08);
    --ln-default-dark:     #e2e8f0;
    --ln-default-hover-bg: rgba(255, 255, 255, 0.15);
    --ln-shadow-card:  0 4px 24px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.15);
    --ln-shadow-hover: 0 8px 40px rgba(59, 130, 246, 0.2), 0 4px 12px rgba(0, 0, 0, 0.2);
    --glass-bg: rgba(255, 255, 255, 0.07);
    --glass-bg-strong: rgba(255, 255, 255, 0.12);
    --glass-border: rgba(255, 255, 255, 0.15);

    --crm-shell-bg-top: rgba(15, 23, 42, 0.6);
    --crm-shell-bg-bottom: rgba(30, 27, 75, 0.6);
    --crm-shell-border: rgba(255, 255, 255, 0.12);
    --crm-shell-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
    --crm-accent: #60a5fa;
    --crm-accent-soft: rgba(96, 165, 250, 0.12);
    --crm-accent-strong: #93c5fd;
    --crm-text-main: #e2e8f0;
    --crm-text-muted: #94a3b8;
    --crm-sidebar-bg-top: rgba(30, 27, 75, 0.7);
    --crm-sidebar-bg-bottom: rgba(49, 46, 129, 0.7);
    --crm-sidebar-border: rgba(255, 255, 255, 0.15);
    --crm-sidebar-item-hover: rgba(255, 255, 255, 0.1);
    --crm-sidebar-item-active: rgba(59, 130, 246, 0.2);

    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);
    background-attachment: fixed;
}

/* ── Dark links ──────────────────────────────────────────────── */
body.v2-dark a { color: #60a5fa; }
body.v2-dark a:hover, body.v2-dark a:focus { color: #93c5fd; }

/* ── Dark block-title ────────────────────────────────────────── */
body.v2-dark .block-title,
body.v2-dark .block-top {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(37, 99, 235, 0.03) 50%, rgba(139, 92, 246, 0.03) 100%);
    border-bottom-color: rgba(59, 130, 246, 0.12);
}

body.v2-dark .block-title h1,
body.v2-dark .block-title h2,
body.v2-dark .block-title h3,
body.v2-dark .block-title h4,
body.v2-dark .block-title h5,
body.v2-dark .block-title h6 {
    color: #e2e8f0;
}

body.v2-dark .block-title h1 i,
body.v2-dark .block-title h2 i,
body.v2-dark .block-title h3 i {
    color: #60a5fa;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(99, 102, 241, 0.14) 100%);
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2);
}

body.v2-dark .block-title h1 strong,
body.v2-dark .block-title h2 strong,
body.v2-dark .block-title h3 strong {
    color: #93c5fd;
}

/* ── Dark nested blocks ──────────────────────────────────────── */
body.v2-dark .block .block,
body.v2-dark .block .block.full {
    border-left-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
    background: rgba(255, 255, 255, 0.04);
}

body.v2-dark .block .block-title,
body.v2-dark .block .block .block-title {
    background: rgba(255, 255, 255, 0.03);
}

/* ── Dark tabs & pills ───────────────────────────────────────── */
body.v2-dark .nav-tabs { border-bottom-color: rgba(255, 255, 255, 0.08); }
body.v2-dark .nav-tabs > li > a { color: #94a3b8; }
body.v2-dark .nav-tabs > li > a:hover,
body.v2-dark .nav-tabs > li > a:focus { color: #e2e8f0; }

body.v2-dark .nav-pills > li > a,
body.v2-dark a[data-toggle="pill"] { color: #94a3b8; }
body.v2-dark .nav-pills > li > a:hover,
body.v2-dark a[data-toggle="pill"]:hover { color: #e2e8f0; background-color: rgba(255, 255, 255, 0.06); }
body.v2-dark .nav-pills > li.active > a[data-toggle="pill"] { background-color: rgba(59, 130, 246, 0.15); color: #93c5fd; }

/* ── Dark forms ──────────────────────────────────────────────── */
body.v2-dark .form-control,
body.v2-dark input[type="text"].form-control,
body.v2-dark input[type="password"].form-control,
body.v2-dark input[type="email"].form-control,
body.v2-dark input[type="number"].form-control,
body.v2-dark textarea.form-control,
body.v2-dark select.form-control {
    border-bottom-color: rgba(255, 255, 255, 0.15);
}

body.v2-dark .form-control:focus {
    background-color: rgba(255, 255, 255, 0.03);
}

body.v2-dark .input-group-addon {
    border-bottom-color: rgba(255, 255, 255, 0.15) !important;
    color: #94a3b8 !important;
}

body.v2-dark .select2-container--default .select2-selection--single,
body.v2-dark .select2-container--default .select2-selection--multiple,
body.v2-dark .chosen-container-single .chosen-single,
body.v2-dark .chosen-container-multi .chosen-choices {
    border-bottom-color: rgba(255, 255, 255, 0.15) !important;
}

body.v2-dark .chosen-container .chosen-drop {
    background: rgba(15, 23, 42, 0.92);
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4) !important;
}

/* ── Dark tables ─────────────────────────────────────────────── */
body.v2-dark .table > thead > tr > th,
body.v2-dark .table > thead > tr > td {
    background-color: rgba(255, 255, 255, 0.04);
    color: #94a3b8;
}

body.v2-dark .table > thead > tr > th,
body.v2-dark .table > tbody > tr > td,
body.v2-dark .table > tfoot > tr > td {
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* ── Dark modals ─────────────────────────────────────────────── */
body.v2-dark .modal-content {
    background: rgba(15, 23, 42, 0.85);
    border-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.4);
}

body.v2-dark .modal-header {
    background: rgba(255, 255, 255, 0.05);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.v2-dark .modal-title { color: #f1f5f9; }

body.v2-dark .modal-footer {
    background: rgba(255, 255, 255, 0.03);
    border-top-color: rgba(255, 255, 255, 0.08);
}

body.v2-dark .modal-body .form-bordered .form-group.form-actions:last-child {
    background-color: rgba(255, 255, 255, 0.03);
}

body.v2-dark #modal-comments .form-group.form-actions {
    border-top-color: rgba(255, 255, 255, 0.06);
    background-color: rgba(255, 255, 255, 0.03);
}

/* ── Dark dropdowns ──────────────────────────────────────────── */
body.v2-dark .dropdown-menu {
    background: rgba(15, 23, 42, 0.9);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

body.v2-dark .dropdown-menu > .divider {
    background-color: rgba(255, 255, 255, 0.08);
}

/* ── Dark panels ─────────────────────────────────────────────── */
body.v2-dark .panel-heading {
    background: rgba(255, 255, 255, 0.04);
    border-bottom-color: rgba(255, 255, 255, 0.08);
    color: #f1f5f9;
}

/* ── Dark widgets ────────────────────────────────────────────── */
body.v2-dark .widget .widget-extra,
body.v2-dark .widget .widget-extra-full {
    border-bottom-color: rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.03);
}

body.v2-dark .widget .widget-icon {
    background-color: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
    border-right-color: rgba(255, 255, 255, 0.06);
}

body.v2-dark .widget .widget-options,
body.v2-dark .widget .widget-options-left {
    background: rgba(255, 255, 255, 0.06);
}

body.v2-dark .widget .widget-options:hover,
body.v2-dark .widget .widget-options-left:hover {
    background: rgba(59, 130, 246, 0.15);
    color: #93c5fd;
}

body.v2-dark .page-contact #rowinfosum .widget .widget-extra-full,
body.v2-dark .page-contact #rowinfosum .widget .widget-extra-full .h4 {
    color: #e2e8f0;
}

/* ── Dark navbar ─────────────────────────────────────────────── */
body.v2-dark .navbar-crm-header {
    background:
        linear-gradient(135deg, rgba(15, 23, 42, 0.45) 0%, rgba(30, 41, 82, 0.4) 50%, rgba(30, 27, 75, 0.4) 100%);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.25),
        0 1px 0 0 rgba(255, 255, 255, 0.06) inset;
}

body.v2-dark .navbar-crm-header::after {
    background: #43bcfd;
}

body.v2-dark .navbar-crm-header__hamburger:hover,
body.v2-dark .navbar-crm-header__hamburger:focus,
body.v2-dark .navbar-crm-arrow:hover,
body.v2-dark .navbar-crm-arrow:focus,
body.v2-dark .navbar-crm-search-toggle a:hover,
body.v2-dark .navbar-crm-search-toggle a:focus,
body.v2-dark .navbar-crm-header__right > li.open > a,
body.v2-dark .navbar-crm-header__right > li > a:hover,
body.v2-dark .navbar-crm-header__right > li > a:focus {
    background-color: rgba(255, 255, 255, 0.1);
    color: #93c5fd;
}

body.v2-dark .navbar-crm-header .nav.navbar-nav-custom > li.open > a,
body.v2-dark .navbar-crm-header .nav.navbar-nav-custom > li > a:hover,
body.v2-dark .navbar-crm-header .nav.navbar-nav-custom > li > a:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #93c5fd !important;
}

body.v2-dark .navbar-crm-nav__link:hover,
body.v2-dark .navbar-crm-nav__link:focus {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
    color: #93c5fd;
}

body.v2-dark .navbar-crm-nav__item--active .navbar-crm-nav__link,
body.v2-dark .navbar-crm-nav__item--active .navbar-crm-nav__link:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.18) 0%, rgba(139, 92, 246, 0.12) 100%);
    color: #93c5fd;
    border-color: rgba(59, 130, 246, 0.3);
    box-shadow: 0 2px 10px rgba(59, 130, 246, 0.15);
}

body.v2-dark .navbar-crm-nav__item--active .navbar-crm-nav__link i {
    color: #60a5fa;
}

body.v2-dark .navbar-crm-header__right .dropdown-menu {
    background: #0f172a;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.4);
}

body.v2-dark .navbar-crm-header__right .dropdown-menu > li > a,
body.v2-dark .navbar-crm-header__right .dropdown-menu.dropdown-custom > li > a {
    color: #cbd5e1;
}

body.v2-dark .navbar-crm-header__right .dropdown-menu > li > a:hover,
body.v2-dark .navbar-crm-header__right .dropdown-menu.dropdown-custom > li > a:hover {
    background: rgba(59, 130, 246, 0.12);
    color: #93c5fd;
}

body.v2-dark .navbar-crm-header__right .dropdown-menu .dropdown-header {
    color: #64748b;
}

body.v2-dark #searchres {
    background: rgba(15, 23, 42, 0.92);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}

/* ── Dark sidebar ────────────────────────────────────────────── */
@media screen and (min-width: 992px) {
    body.v2-dark #sidebar-scroll {
        border-color: rgba(255, 255, 255, 0.07);
        background: linear-gradient(165deg,
            rgba(30, 41, 82, 0.22) 0%,
            rgba(20, 30, 60, 0.18) 30%,
            rgba(25, 20, 55, 0.16) 60%,
            rgba(15, 23, 42, 0.2) 100%);
        box-shadow:
            0 12px 48px rgba(0, 0, 0, 0.28),
            0 0 0 0.5px rgba(255, 255, 255, 0.05),
            0 1px 0 0 rgba(255, 255, 255, 0.05) inset,
            inset 0 30px 60px rgba(255, 255, 255, 0.02),
            inset 0 -30px 60px rgba(0, 0, 0, 0.08);
    }

    body.v2-dark #sidebar-scroll::after {
        background:
            linear-gradient(to top, rgba(15, 23, 42, 0.55) 0%, rgba(15, 23, 42, 0) 60%),
            url('/crm/img/background_skyscraper.png') center bottom / cover no-repeat;
        /* background:
            linear-gradient(to top, rgba(15, 23, 42, 0.55) 0%, rgba(15, 23, 42, 0) 60%),
            url('/crm/img/background-leaf2.jpg') center bottom / cover no-repeat; */
        opacity: 0.3;
        filter: saturate(0.8) brightness(0.7) hue-rotate(-8deg);
    }

    body.v2-dark #sidebar-alt-scroll {
        border-color: rgba(255, 255, 255, 0.1);
        background: rgba(15, 23, 42, 0.6);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    }

    body.v2-dark #sidebar-alt .sidebar-content { color: #cbd5e1; }

    body.v2-dark .sidebar-brand,
    body.v2-dark .sidebar-title {
        background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
        border-bottom-color: rgba(59, 130, 246, 0.15);
        color: #e2e8f0;
        font-weight: 700;
    }

    body.v2-dark .sidebar-brand i,
    body.v2-dark .sidebar-title i {
        color: #60a5fa;
    }

    body.v2-dark #sidebar-alt .sidebar-brand,
    body.v2-dark #sidebar-alt .sidebar-title {
        background: rgba(255, 255, 255, 0.05);
        border-bottom-color: rgba(255, 255, 255, 0.1);
        color: #cbd5e1;
    }

    body.v2-dark .sidebar-user {
        background: rgba(255, 255, 255, 0.04);
        border-top-color: rgba(255, 255, 255, 0.08);
    }

    body.v2-dark #sidebar-alt .sidebar-user {
        background: rgba(255, 255, 255, 0.04);
        border-top-color: rgba(255, 255, 255, 0.08);
    }

    body.v2-dark .sidebar-nav a { color: #cbd5e1; }
    body.v2-dark #sidebar-alt .sidebar-nav a { color: #94a3b8; }

    body.v2-dark .sidebar-nav a:hover,
    body.v2-dark .sidebar-nav a:focus,
    body.v2-dark .sidebar-nav a.open,
    body.v2-dark .sidebar-nav li.active > a {
        color: #f1f5f9;
        background: rgba(59, 130, 246, 0.08);
    }

    body.v2-dark #sidebar-alt .sidebar-nav a:hover,
    body.v2-dark #sidebar-alt .sidebar-nav a:focus,
    body.v2-dark #sidebar-alt .sidebar-nav a.open,
    body.v2-dark #sidebar-alt .sidebar-nav li.active > a {
        color: #e2e8f0;
        background: rgba(255, 255, 255, 0.08);
    }

    body.v2-dark .sidebar-nav a.active,
    body.v2-dark .sidebar-nav ul a.active,
    body.v2-dark .sidebar-nav ul a.active:hover {
        color: #ffffff;
        background: linear-gradient(135deg, rgba(59, 130, 246, 0.22) 0%, rgba(139, 92, 246, 0.15) 100%);
        border-left: 3px solid #60a5fa;
        padding-left: 11px;
        box-shadow: 0 4px 16px rgba(59, 130, 246, 0.15);
        font-weight: 600;
    }

    body.v2-dark #sidebar-alt .sidebar-nav a.active,
    body.v2-dark #sidebar-alt .sidebar-nav ul a.active {
        color: #f1f5f9;
        background: rgba(59, 130, 246, 0.15);
    }

    body.v2-dark .sidebar-nav ul { background: rgba(0, 0, 0, 0.2); }
    body.v2-dark #sidebar-alt .sidebar-nav ul { background: rgba(0, 0, 0, 0.15); }
    body.v2-dark #sidebar-alt .sidebar-header .sidebar-header-title { color: #64748b; }

    body.v2-dark .sidebar-user-name { color: #e2e8f0; }
    body.v2-dark .sidebar-user-links a { color: #ffffff; opacity: 0.3; }
    body.v2-dark .sidebar-user-links a:hover { color: #ffffff; opacity: 1; }
    body.v2-dark #sidebar-alt .sidebar-user-name { color: #cbd5e1; }
    body.v2-dark #sidebar-alt .sidebar-user-links a { color: #ffffff; opacity: 0.3; }
}

/* ── Dark footer ─────────────────────────────────────────────── */
body.v2-dark #page-content + footer {
    background-color: rgba(255, 255, 255, 0.06);
    border-top-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.6);
}

body.v2-dark #page-content + footer a {
    color: rgba(255, 255, 255, 0.7);
}

/* ── Dark login ──────────────────────────────────────────────── */
body.v2-dark #login-container .login-title.login-title-modern {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}

body.v2-dark #login-container .login-title.login-title-modern h1 small { color: #94a3b8; }
body.v2-dark #login-container .login-title.login-title-modern h1 small strong { color: #e2e8f0; }

body.v2-dark #login-container > .block.login-card-block {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
}

body.v2-dark #login-container .form-control-borderless .form-control,
body.v2-dark #login-container .form-control-borderless .input-group-addon {
    border-bottom-color: rgba(255, 255, 255, 0.15) !important;
    color: #e2e8f0;
}

body.v2-dark #login-container .input-group .form-control { color: #e2e8f0; }
body.v2-dark #login-container .input-group-addon { color: #94a3b8; }
body.v2-dark #login-container .input-group-addon a { color: #94a3b8; }
body.v2-dark #login-container .input-group-addon a:hover { color: #e2e8f0; }

/* ── Dark contact legends ────────────────────────────────────── */
body.v2-dark .page-contact #frminfodir fieldset > legend {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.05);
    color: #e2e8f0;
}

body.v2-dark .page-contact #frminfodir fieldset > legend > i {
    color: #93c5fd;
    background: rgba(59, 130, 246, 0.15);
}