/* Havas updates 2025 */

body {
    font-family: Baikal;
    src: url('../fonts/Baikal/BaikalNormal-Medium.otf');
    font-weight:300;
}



/* Black Main */
.navbar-inverse {
    background-color: #000000;
    border-color: #080808;
}

.account-section {
    background-color: #000000;
}

#client-welcome-text p {
    color: white;
}

a {
    color: white;
}

a:hover, a:focus{
    color: #e60000;
}

#internal-sidebar{
    background-color: black;
    border-color: white;
    border-right: 1px solid;
    border-color: white;
}

ul.sidebar-menu li a{
    color: white;
}

ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus{
    background-color: #008596;
}

.rl-menu{
    background-color: black;
}

.black-bg{
    background-color: black;
    color:white;
    border-color:white;

    a{
        color:white;
    }
}

ul.tabs{
    background-color: black;
}

a.tab{
    border-color: black;
}

a.tab.active{
    background-color: #008596;
    color: white;
    border-color: white
}

a.tab:hover{
    background-color: white;
    color:black;
}

.modal-header{
    background-color: black;
    border-top: white 1px solid;
    border-left: white 1px solid;
    border-right: white 1px solid; 
}

a.show-dashboards{
    color: black;
}

a.show-dashboards:hover{
    color: #e60000;
}

a.collapse-dashboards{
    color: #e60000;
}
a.collapse-dashboards:hover{
    color: black;
}

.comm-instance > td > a{
    color: black;
}

.comm-instance > td > a:hover{
    color: #e60000;
}

#menu-toggler{
    color: #e60000;
    background-color: black;
}

#back-toggler{
    color: #e60000;
    background-color: black;
}

#sidebar{
    background-color: black;
}

.dcjq-parent .active:hover{
    color:white;
    background-color: #008596;
}

#sidebar h3{
    color: white;
}

#sidebar h4{
    color:white;
}

ul.sidebar-menu li ul.sub li a:hover{
    background-color: #008596;
}

.modal-body .nav-tabs > li a{
    background-color: white;
    color: black;
}

.modal-body .nav-tabs > li.active a{
    background-color: #e60000;
    color: white;
}

.editable-instance{
    color: black;
}

#editable-instance:hover{
    color: #e60000;
}

a[onclick*="copyToClipboard"] {
    color: black;
}
a[onclick*="copyToClipboard"]:hover {
    color: #e60000;
} 

.stripes{
    background-image: unset;
    height: 10px;
    margin-top: -75px;
    margin-bottom: 71px;

    svg{
        height: 122px;
        width: 100%;
    }
}

.email-footer {
    background-color: black;
    color: white;
}

::selection{
    background: #008596;
    color: #fff;
}

.tabbed_box h4{
    color: #008596;
}

#all-clients a{
    color: #e60000;
}

#all-clients a:hover{
    color: black;
}

/* ************************************************************* */
/* ************************************************************* */

/* Red Main */
/* .navbar-inverse {
    background-color: #ff9696;
    border-color: #080808;
  }
.account-section {
    background-color: white;
}

#client-welcome-text p {
    color: black;
}

a {
    color: white;
}

a:hover, a:focus{
    color: black;
} */


/* ************************************************************* */
/* ************************************************************* */

/* White Main */
/* .navbar-inverse {
    background-color: #ffffff;
    border-color: #080808;
  }

  .account-section {
    background-color: #ffffff;
}

#client-welcome-text p {
    color: #000000;
}

a {
    color: #000000;
}

a:hover, a:focus{
    color: #e60000;
}

#internal-sidebar{
    background-color: #ffffff;
    border-color: #080808;
    border-right: 1px solid black;
}

ul.sidebar-menu li a{
    color: #000000;
}

ul.sidebar-menu li a:visited{
    color: #000000;
    background-color: #ff9696;
}

ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus{
    background-color: #ff9696;
}

.rl-menu{
    background-color: #ffffff;
}

.black-bg{
    background-color: #ffffff;
    color:black;
    border-color:black;

    a{
        color:black;
    }
}

ul.tabs{
    background-color: #ffffff;
}

a.tab{
    border-color: white;
}

a.tab.active{
    background-color: #ff9696;
    color: white;
    border-color: #e60000
}

a.tab:hover{
    background-color: black;
    color:white;
}

.modal-header{
    background-color: black;
}

a.show-dashboards{
    color: black;
}

a.show-dashboards:hover{
    color: #e60000;
}

a.collapse-dashboards{
    color: #e60000;
}
a.collapse-dashboards:hover{
    color: white;
}

.comm-instance > td > a{
    color: white;
}

.comm-instance > td > a:hover{
    color: #e60000;
}

#menu-toggler{
    color: black;
    background-color: white;
}

#back-toggler{
    color: black;
    background-color: white;
}

#sidebar{
    background-color: white;
}

.dcjq-parent .active:hover{
    color:;
    background-color: #ff9696;
}

#sidebar h3{
    color: black;
}

#sidebar h4{
    color:black;
}

ul.sidebar-menu li ul.sub li a:hover{
    background-color: #ff9696;
}

.modal-body .nav-tabs > li a{
    background-color: black;
    color: white;
}

.modal-body .nav-tabs > li.active a{
    background-color: #e60000;
    color: black;
}

.editable-instance{
    color: white;
}

#editable-instance:hover{
    color: #e60000;
}

a[onclick*="copyToClipboard"] {
    color: white;
}
a[onclick*="copyToClipboard"]:hover {
    color: #e60000;
} 

.stripes{
    background-image: unset;
    height: 10px;
    margin-top: -75px;
    margin-bottom: 71px;

    svg{
        height: 122px;
        width: 100%;
    }
}

.email-footer {
    background-color: white;
    color: black;
}

::selection{
    background: #ff9696;
    color: #fff;
} */