@import url(../../../stylesheets/application.css?4.2.5);
@import url(../../../stylesheets/application.css);
@import url(../stylesheets/mobileview.css);
@import url(../stylesheets/home.css);
@import url(../stylesheets/projectpage.css);
@import url(../stylesheets/issuepage.css);
@import url(../stylesheets/Roadmap.css);
@import url(../stylesheets/activitypage.css);
@import url(../stylesheets/settingpages.css);
@import url(../stylesheets/dark.css);
@import url(../stylesheets/redmine_language.css);
@import url(../stylesheets/register.css);
@import url(../stylesheets/bug_branch.css);
/* @import url(testcase.css); */
@import url(responsive_plugin.css);



@font-face {
    font-family: Poppins-Bold;
    src: url(../fonts/Poppins-Bold.ttf);
}

@font-face {
    font-family: Poppins-Light;
    src: url(../fonts/Poppins-Light.ttf);
}

@font-face {
    font-family: Poppins-Medium;
    src: url(../fonts/Poppins-Medium.ttf);
}

@font-face {
    font-family: Poppins-Regular;
    src: url(../fonts/Poppins-Regular.ttf);
}


@font-face {
    font-family: Poppins-SemiBold;
    src: url(../fonts/Poppins-SemiBold.ttf);
}


body.dark {
    background-color: #000000; /* Dark background color */
    color: #ffffff; /* Adjust text color accordingly */
    /* other dark mode styles */
}

body {
    visibility: hidden;
}

body , h1, h2, h3, h4, h5, h6
{
    font-family: 'Poppins-Regular' !important;
    letter-spacing: 0.5px;
}

#content h1, h2, h3, h4, h5, h6
{
    color: #000000;
}

input, select, button
{
    font-family: Poppins-Regular !important;
}

h2 img.gravatar, h3 img.gravatar
{
    display: none;
}

.controller-welcome.action-index div.flash.notice
{
    display: none;
}

.controller-my.action-page #header,
.controller-admin.action-index #header,
.controller-trackers.action-new #header,
.controller-admin.action-projects #header,
.controller-users.action-index #header,
.controller-groups.action-index #header,
.controller-roles.action-index #header,
.controller-trackers.action-index #header,
.controller-custom_fields.action-index #header,
.controller-custom_fields.action-edit #header,
.controller-custom_fields.action-update #header,
.controller-enumerations.action-index #header,
.controller-enumerations.action-new #header,
.controller-admin.action-plugins #header,
.controller-admin.action-info #header,
.controller-auth_sources.action-index #header,
.controller-settings.action-index#header,
.controller-workflows.action-edit #header,
.controller-users.action-edit #header,
.controller-users.action-show #header,
.controller-users.action-new #header,
.controller-users.action-update #header,
.controller-groups.action-edit #header,
.controller-groups.action-new #header,
.controller-roles.action-new #header,
.controller-roles.action-edit #header,
.controller-roles.action-permissions #header,
.controller-trackers.action-edit #header,
.controller-trackers.action-fields#header,
.controller-issue_statuses.action-index #header,
.controller-issue_statuses.action-new #header,
.controller-workflows.action-permissions #header,
.controller-settings.action-plugin #header,
.controller-my.action-account #header,
.controller-my.action-password #header,
.controller-account.action-lost_password #header,
.controller-workflows.action-index #header,
.controller-workflows.action-copy #header,
.controller-issue_statuses.action-edit #header ,
.controller-issue_statuses.action-update #header ,
.controller-custom_fields.action-new #header ,
.controller-enumerations.action-edit #header,
.controller-auth_sources.action-new #header,
.controller-welcome.action-index #header , 
.controller-roles.action-permissions #header, 
.controller-groups.action-index #header, 
.controller-settings.action-index #header,
.controller-trackers.action-fields #header,
.controller-enumerations.action-create #header,
/* .controller-imports.action-new #header, */
.controller-groups.action-show #header,
.controller-users.action-create #header,
.controller-groups.action-create #header,
.controller-roles.action-create #header,
.controller-trackers.action-create #header,
.controller-issue_statuses.action-create #header,
.controller-custom_fields.action-create #header,
.controller-auth_sources.action-create #header,
.controller-groups.action-create #header,
.controller-groups.action-update #header,
.controller-roles.action-create #header,
.controller-issue_statuses.action-create #header,
.controller-custom_fields.action-create #header,
.controller-auth_sources.action-create #header,
.controller-reports.action-issue_report_details #header,
.controller-users.action-destroy #header,
.controller-imports #header,
.controller-account.action-logout #header,
.controller-metadata #header,
.controller-issue_template_setting #header,

.controller-metadata #header_toggle,
.controller-issue_template_setting #header_toggle,
.controller-account.action-logout #header_toggle,
.controller-groups.action-show #header_toggle,
.controller-users.action-create #header_toggle,
/* .controller-imports.action-new #header_toggle, */
.controller-enumerations.action-create #header_toggle,
.controller-trackers.action-fields #header_toggle,
.controller-my.action-page #header_toggle,
.controller-admin.action-index #header_toggle,
.controller-trackers.action-new #header_toggle,
.controller-admin.action-projects #header_toggle,
.controller-users.action-index #header_toggle,
.controller-groups.action-index #header_toggle,
.controller-roles.action-index #header_toggle,
.controller-trackers.action-index #header_toggle,
.controller-custom_fields.action-index #header_toggle,
.controller-custom_fields.action-edit #header_toggle,
.controller-custom_fields.action-update #header_toggle,
.controller-enumerations.action-index #header_toggle,
.controller-enumerations.action-new #header_toggle,
.controller-admin.action-plugins #header_toggle,
.controller-admin.action-info #header_toggle,
.controller-auth_sources.action-index #header_toggle,
.controller-settings.action-index#header_toggle,
.controller-workflows.action-edit #header_toggle,
.controller-users.action-edit #header_toggle,
.controller-users.action-update #header_toggle,
.controller-users.action-show #header_toggle,
.controller-users.action-new #header_toggle,
.controller-groups.action-edit #header_toggle,
.controller-groups.action-new #header_toggle,
.controller-groups.action-update #header_toggle,
.controller-roles.action-new #header_toggle,
.controller-roles.action-edit #header_toggle,
.controller-roles.action-permissions #header_toggle,
.controller-trackers.action-edit #header_toggle,
.controller-trackers.action-fields#header_toggle,
.controller-issue_statuses.action-index #header_toggle,
.controller-issue_statuses.action-new #header_toggle,
.controller-workflows.action-permissions #header_toggle,
.controller-settings.action-plugin #header_toggle,
.controller-my.action-account #header_toggle,
.controller-my.action-password #header_toggle,
.controller-account.action-lost_password #header_toggle,
.controller-workflows.action-index #header_toggle,
.controller-workflows.action-copy #header_toggle,
.controller-issue_statuses.action-edit #header_toggle ,
.controller-issue_statuses.action-update #header_toggle ,
.controller-custom_fields.action-new #header_toggle ,
.controller-enumerations.action-edit #header_toggle,
.controller-auth_sources.action-new #header_toggle,
.controller-welcome.action-index #header_toggle , 
.controller-roles.action-permissions #header_toggle, 
.controller-groups.action-index #header_toggle, 
.controller-settings.action-index #header_toggle,
.controller-account.action-login #header_toggle ,
.controller-account.action-register #header_toggle ,
.controller-groups.action-create #header_toggle,
.controller-roles.action-create #header_toggle ,
.controller-trackers.action-create #header_toggle ,
.controller-issue_statuses.action-create #header_toggle,
.controller-workflows.action-duplicate #header_toggle ,
.controller-custom_fields.action-create #header_toggle ,
.controller-auth_sources.action-create #header_toggle,
.controller-reports.action-issue_report_details #header_toggle,
.controller-users.action-destroy #header_toggle,
.controller-imports #header_toggle
 {
    display: none;
}


.controller-imports #content h2 , .controller-imports.action-create h2
{
    margin-bottom: 13px;
    font-size: 16px;
    color: #000000;
}


/* a.register {
    display: none !important;
} */

/* *************** Side Bar ********** */

#sidebar 
  {
    margin-top: 110px;
    background: #FFFFFF;
    width: 0px;
    border-left: 1px solid rgb(221 221 221 / 35%);
    margin-right: -4px;
    padding-right: 1px;
  }

  .sidebar_close{
    display: block !important;
  }


#main.nosidebar #B button
{
    display: none !important;
 }

 .contextual .drdn-items {
    padding-top: 7px !important;
 }
 
 #B button
 {
    background: url(../images/toggle.svg) no-repeat;
    margin-right: -15px;
    margin-left: -15px;
    position: fixed;
    top: 440px;
    border-radius: 50px;
    background-size: 28px;
    background-position: 0px 0px;
    height: 30px;
    width: 32px;
    border: 1px solid #80808000;
    transform: rotate(180deg);
 }
 
div#B {
    height: 0px;
}

 #main.sidebar_open #B button
 {

    transform: rotate(0deg);
    margin-left: -13px;
    /* position: absolute; */
 }


 div#B {
    border-left:1px solid rgb(221 221 221 / 35%);
}
div#B.Button_close {
    border-left: 1px solid #f54b4b00;
}

 .sidebar_close h3 {
    font-size: 14px !important;
    margin-left: -6px !important;
 }

 .sidebar_close ul{
    font-size: 13px !important;
    margin-left: -6px;
 }


 .sidebar_close
 {
    width: 12% !important;
    padding-right: 35px;
 }

 textarea 
 {
    background-color: #fdf5f3;
 }



/* ******************* Header toggle bar ****************** */
#header_toggle
{
    content: url(../images/header_toggle_icon.svg);
    top: 50%;
    margin-left: 213px;
    cursor: pointer;
    transform: rotate(180deg);
}

 .hide_header_sidebar #header_toggle

{
    /* background: url(../images/header_toggle_open_icon.svg) !important; */
    /* margin-top: 255px !important; */
    margin-left: 75px !important;
    cursor: pointer !important;
    transform: rotate(0deg);
    
}

.full-width 
{
  width: 40px !important;
  
}

/* .full-width h1 {
    margin-left: -109px;
} */

div#main-menu.hide-text {
    margin-left: 12px;
    margin-top: 10em;
}

#main-menu.hide-text li a {
    margin-left: 80px;
}


#main-menu.hide-text >ul>li>a::before 
{
    margin-left: -93px !important;
}

#main-menu.hide-text li a.new-object {
    color: #FFFFFF !important;
    margin-left: -4px;
    color: #FFFFFF;
    margin-left: -4px;
    font-size: 14px !important;
    background: #ed1c24 !important;
    margin-bottom: -15px;
    border-radius: 3px;
    padding: 5px 10px;
    width: 13px;
}

/* #main-menu.hide-text li a.new-object::after {
    display: none;
} */

#main-menu.hide-text .menu-children 
{
    margin-left: -5px;
    border: 1px solid #759FCF;
    border-radius: 3px;
    margin-top: 14px;
}

#main-menu.hide-text .menu-children li a
 {
    margin-left: 5px;
    font-size: 13px;
    margin-top: -8px;
}

#main-menu > ul > li:nth-child(1) {
    width: fit-content;
}

.controller-projects.action-show #header.full-width .current-project {
    margin-left: 100px;
}

.hide_header_sidebar div#top-menu {
    background-image: url(../images/logo.svg);
    background-size: 30px !important;
    background-repeat: no-repeat;
    background-position: 26px center;
}

.hide_header_sidebar #top-menu > ul > div.image1
{
    display: none;
}

.hide_header_sidebar #top-menu ul {
    margin-left: 77px;
    background-position: 28px 28px;
}

.hide_header_sidebar #top-menu #loggedas a.user.active div#role_name {
    margin-left: -68px;
}

#main-menu.hide-text li a.new-object,
 #main-menu.hide-text li a:hover,
 #main-menu.hide-text .menu-children li a:hover {
    background: none;
  
}

#main-menu.hide-text li a {
    margin-left: 90px;
    font-size: 0px;
    margin-top: 30px;
    padding: 0px;
}

#main-menu.hide-text > ul > li:nth-child(1) > a
 {
    margin-top: 0px;
}

#main-menu.hide-text li a:hover
{
    color: #ed1c24;
}

.controller-account.action-register em.info
{
    font-weight: 100;
    margin-top: 6px;  
}


/* *******************  Login Page ******************* */
#login-form > form > label[for="username"] , #login-form label[for=autologin]{
    font-size: 0px;
    display: flex;
}




#login-form > form > label[for="username"]::before{
    content:"Identifiant";
    font-size: 13px;
}

#login-form label[for=autologin]::after

{
    margin-top: 6px;
    content:"Remember me";
    font-size: 13px;
    /* vertical-align: middle; */
    /* margin-left: -5px; */
}

#login-form input {
    height: 28px;
    width: 13px;
}

#login-form a.lost_password:hover, #login-form label[for=autologin]:hover
{
    color: #ed1c24 !important;
    text-decoration: none;
}
/* .controller-account.action-login pre , .controller-account.action-lost_password pre{
    margin-top: 220px;
    width: 51%;
}
  */

.controller-account.action-register pre {
    margin-top: 55px;
}

.controller-account.action-login pre  , 
.controller-account.action-lost_password pre
{
    display: inline-block;
    font-size: 36px;
    text-align: center;
    /* margin-top: 148px; */
    /* width: 930px; */
    width: 60%;
    margin-top: 6% !important;
    /* margin: auto !important; */
    font-family: Poppins-Medium !important;
}
.controller-account.action-register pre{
    font-size: 36px;
    font-family: Poppins-Medium !important;
    text-align: center;
}


    /* .controller-account.action-login div#content {
        margin-left: 105px;
    } */
    


    .controller-account.action-lost_password #top-menu a {
        margin-right: 0px !important;
    }

    .controller-account.action-lost_password #top-menu li {
        margin-right: 0px !important;
        position: absolute;
        right: 47%;
    }

    .controller-account.action-lost_password #top-menu #account {
        margin-right: 42% !important;
    }


.controller-account.action-lost_password pre {
    margin-bottom: 1px;
}

.controller-account.action-login #content > pre > p:nth-child(2), 
.controller-account.action-register #new_user > pre > p:nth-child(2),
.controller-account.action-lost_password #content > form > pre > p:nth-child(2)
{
    font-size: 16px;
    margin-top: -14px;
    color: #A2A4AB;

}

.controller-account.action-login #content
{
    margin-top: 6% ;
}

.controller-account.action-login #account ul 
{

 display: block !important;
   
}
.controller-account.action-login #top-menu , .controller-account.action-register #top-menu, .controller-account.action-lost_password #top-menu ,
.controller-account.action-login #top-menu a, .controller-account.action-register #top-menu a, .controller-account.action-lost_password #top-menu a
{
    background: none;
    color: black;
    height: 22px;
    line-height: 30px;
    border: none;
}
/* .controller-account.action-login #account ,.controller-account.action-register #account {
    float: left;
    margin-left: 670px;
} */

 /* .controller-account.action-lost_password #account{
    float: left;
    margin-left: 59em;
} */

.controller-account.action-register #top-menu #account ul {
    display: block !important;
}

.controller-account.action-login a.register , .controller-account.action-register a.login  , .controller-account.action-lost_password a.login
{
    font-size: 16px !important;
}

/* .add-filter{
    width: 23%;
} */

.controller-account.action-login #login-form label
{
    
    font-weight: 100 !important;
    display: flex;
}

.controller-account.action-login #login-form > form > label:nth-child(6) {
    margin-top: 35px;
}
.controller-account.action-login #login-form
{
    /* margin: 0em auto 0em 22em; */
    margin: auto !important;
    width: 60%;
    padding: 0%;
    border: none;
    background: none;
    text-align: center;
    float: left;
    
}

.controller-account.action-lost_password div#content , .controller-account.action-login div#content {
    padding-bottom: 0px ;
    padding-right: 0px;
    padding-left: 0px;
}

.controller-account.action-lost_password #content > h2 {
    display: none;
}

.controller-account.action-login #login-form > form
{
    display: inline-block !important;
}


.controller-account.action-login #login-form input[type=submit] {

        margin: 10px 0px 10px 0px ;
        border: 0 !important;
    
    }

    html>body.controller-account.action-login #content {

            /* height: 100% !important ;
        
            padding:0px !important ; */
        
            min-height: 0% !important;
       
       }

input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="number"]:focus, input[type="number"]:active, select:focus, select:active, textarea:focus, textarea:active, #user_login, #user_firstname, input#user_password, input#user_password_confirmation, #user_lastname, #user_mail, #my_account_form select, #user_form select, #user_identity_url
{
    /* background-color:#fdf5f3 !important; */
    background-color:#fdf5f3 ;
}

#login-form input[type=submit]:hover , .controller-account.action-register input[type="submit"]:hover ,
.controller-account.action-lost_password input[type="submit"]:hover, input[type="submit"]:hover {
    background-color: #bd161c !important;
}
 
.controller-account.action-login #content , .controller-account.action-lost_password #content,
.controller-account.action-register #content,
.controller-account.action-login.dark #content 
{
    background-image: url(../images/coccinet.jpg) !important;
    background-position: right !important;
    margin-top: 0%;
    background-size: 45% 100% !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

fieldset#filters td.values select
{
text-overflow: ellipsis !important;
width: 175px;
}

.controller-account.action-login #top-menu , .controller-account.action-lost_password #top-menu , .controller-account.action-register #top-menu{ 
    background: url(../images/logo-coccinet.svg) no-repeat !important;
    width: 100%;
    margin-left: 0px;
    position: absolute;
    margin-top: 35px;
    height: 34px;
    padding: 0px 0px 3px 0px;
    background-position: 3% 8% !important;
}

.controller-account.action-login #header , .controller-account.action-lost_password #header , .controller-account.action-register #header , 
.controller-account.action-login #top-menu ul , .controller-account.action-lost_password #top-menu ul , .controller-account.action-register #top-menu ul {
     display: none;
}


.controller-account.action-login #login-form input[type=text],.controller-account.action-login #login-form input[type=password] ,
.controller-account.action-login input#mail{
    width: 400px;
    height: 52px;
    border-radius: 5px;
}



#login-form input[type=submit] , .controller-account.action-lost_password input[type="submit"] , .controller-account.action-register input[type="submit"]{
    font-size: 16px;
    display: block;
    width: 400px;
    height: 52px;
    background: #ed1c24 !important;
    color: #FFFFFF;
    border-radius: 5px;
    /* margin:2em auto 3em auto; */
    letter-spacing: 0.5px;
}

.controller-account.action-register input[type="submit"]{
    width: 382px;
    margin:2em auto 0em 16.9em;
    letter-spacing: 0.5px;
    letter-spacing: 0.5px;
    margin-left: -10px !important;
}
@media only screen and (max-width:900px){
    .controller-account.action-register input[type="submit"]{
        margin-left: -1px !important;
    }
}

#login-form input{
    background-color: #F5F5F5;
}

input , select{
    height: 36px;
}

#login-form a.lost_password {
    float: right;
    position: absolute;
    margin-top: -30px;
    margin-left: 301px;
    font-weight: 400;
    color: black;
    line-height: 24px;
    font-size: 13px;
    display: block;
}

/* .controller-account.action-login #login-form a.lost_password:after
{
   content: "Forgot password?";
   font-size: 13px;
} */

#login-form input[type=submit]
{
    margin-top: 15%;
}



/* ********************* Register page *********************** */
.controller-account.action-register select#user_language {
    background-position: 95% center;
}

.controller-account.action-register #new_user > div > p:nth-child(1) > label{
    /* font-size: 0px; */
    line-height: 20px;
}

/* .controller-account.action-register #new_user > div > p:nth-child(1) > label:after {
    content: "Username";
    font-size: 13px;
    margin-left: -77px;
} */


.controller-account.action-register #new_user > div > p:nth-child(1) > label span.required {
    /* margin-left: 67px; */
    font-size: 12px;
}

.controller-account.action-register input, 
.controller-account.action-register .tabular select,
.controller-account.action-login input ,
.controller-account.action-login .tabular select ,
.controller-account.action-lost_password input,
.controller-account.action-lost_password .tabular select
{
background-color: #FFFFFF !important;
border-radius: 5px;
border: 1px solid #ccc;
}

.controller-account.action-lost_password input[type="submit"] {
    border: 0 !important;
}

.controller-account.action-register #pref_hide_mail {
    margin-left: -165px;
    /* margin-top: 2px; */
}

.controller-account.action-register #new_user > div > p:nth-child(7) > label {
    /* font-weight: 100 !important; */
    margin-left: 21px;
    /* color: #ccc; */
    font-family: Poppins-Regular;
    font-size: 90%;
}

.controller-account.action-register .box{

    width: min-content;
    border: none;
    background-color: #f6f6f600;
    /* margin-left: 28em ; */
    box-shadow: none;
    /* margin-top: -20px; */
}
/* .controller-account.action-register pre{
    width :59%;
} */

.controller-account.action-lost_password .box{
    /* width: min-content; */
    width: 60%;
    border: none;
    display: inline-block;
    background-color: #f6f6f600;
    box-shadow: none;
}
.controller-account.action-register #top-menu a.register , .controller-account.action-lost_password a.register  {
    display: none;
}

.controller-account.action-register h2 , .controller-account.action-lost_password h2

 {
  
    display: none;
}


/* .tabular label
 {
    text-align:start;
    margin-left: 5px !important;
    line-height: 37px;
} */

#user_login, #user_firstname,input#user_password, input#user_password_confirmation, #user_lastname, #user_mail, #my_account_form select, #user_form select, #user_identity_url 
{
    width: 400px;
    height: 40px;
}

.controller-account.action-register  .tabular select
 {
    width: 100% !important;
    height: 52px !important;
}

/* **************  Forgot page  ************* */
/* .controller-account.action-lost_password input[value="Submit"]::after{
    content: 'Send verification code';
} */

.controller-account.action-lost_password #top-menu #account ul {
    display: block !important;
}
.controller-account.action-lost_password .tabular p
{
    /* padding-left: 260px  ;  */
    display: grid;
    justify-content: space-around;
    width: auto;
    margin: auto;
    align-items: center;
}

.controller-account.action-lost_password .tabular label {

    display: inline-block;
    text-align: start;
   
   }

/* .controller-account.action-lost_password #top-menu #account ul{
    margin-right: 720px;
 } */


.controller-account.action-lost_password input#mail {
    width: 400px;
    height: 52px;
}

 .controller-account.action-lost_password input[type="submit"]{
    margin: 2.5em auto 0em 1px;
    letter-spacing: 0.5px;
   }


   .controller-my.action-account .icon.icon-email-add {
    text-decoration: none;
    border-radius: 5px !important;
    font-size: 13px !important;
    background: none;
    background-color: #ed1c24;
    padding: 10px !important;
    color: #F5F5F5;
   }
   .controller-my.action-account .icon.icon-passwd {
    text-decoration: none;
    border-radius: 5px !important;
    font-size: 13px !important;
    background: none;
    background-color: #ed1c24;
    padding: 10px !important;
    color: #F5F5F5;
   }

   .controller-my.action-account .icon.icon-email-add:hover, .controller-my.action-account .icon.icon-passwd:hover {
    background-color: #bd161c;
   }

   div.wiki a:target + h1, div.wiki a:target + h2, div.wiki a:target + h3, div.wiki a:target + h4, div.wiki a:target + h5, div.wiki a:target + h6 {
    background-color: transparent;
}

.controller-wiki.action-show .wiki.wiki-page h1 {
    margin-top: 5px;
}

input.autocomplete {
    padding-left: 25px !important;
}


/* *****************  Calenadr page  ******************* */
.controller-calendars.action-show table.cal
{
    display: block;
    overflow: scroll;
}


table.cal td.today {
    background: #fdf5f3 !important;
}

.controller-calendars.action-show #content > form:nth-child(n) > table > tbody > tr:nth-child(n) > td:nth-child(n) > div > a ,.controller-my.action-page #content > form:nth-child(n) > table > tbody > tr:nth-child(n) > td:nth-child(n) > div > a{
    padding-left: 16px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#block-calendar > form > table > tbody > tr > td:nth-child(n) > div > a 
{
    padding-left: 15px !important;
}

.controller-calendars.action-show select#year ,.controller-my.action-page select#year {
    margin-right: 25px;
}

.controller-calendars.action-show fieldset#filters td.field ,
.controller-my.action-page fieldset#filters td.field 
{
    width: 69px !important;
    padding-right: 50px !important;
}

.controller-calendars.action-show #query_form_with_buttons > p.buttons > label ,
.controller-my.action-page #query_form_with_buttons > p.buttons > label 
{
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.controller-calendars.action-show #query_form_with_buttons > p.buttons > label:nth-child(1),
.controller-my.action-page #query_form_with_buttons > p.buttons > label:nth-child(1)
 {
    margin-left: -20px !important;
}

.controller-calendars.action-show div.issue , .controller-my.action-page div.issue
{
    background: #fdf5f3 !important;
    margin: 7px 6px !important;
    /* height: 100px; */
}

table.cal td.week-number , table.cal thead th , table.cal td.nwday:not(.odd) 
{
    background-color: #f3f3f3;
}

.controller-calendars.action-show #content > form > table > tbody > tr > td > span
 {
    margin: 5px;
    display: block;
}

.controller-calendars.action-show table.cal td .icon

{  
    background-position: 1% 20%;
    padding-left: 24px;
    background-size: 14px;
}

table#time-report tbody tr.subtotal {
    font-style: normal !important;
    color: black;
}

@media screen and (max-width: 899px){
.flyout-menu ul li a:hover {
    color: #FFFFFF !important;
}
.flyout-menu__avatar > a.user.active {
    color: white !important;
}
}

.controller-resource_bookings.action-index select#values_project_id_1 {
    width: 208px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    border: none;
    background: none;
}


/* .controller-account.action-login #account > ul > li > a.register {
    display: none;
} */


.controller-news.action-index p ,
.controller-news.action-index #content > article > header > h3,
.controller-news.action-show p
{
    text-overflow: ellipsis;
    overflow: hidden;
}

.controller-users.action-edit #user_group_ids 
{
    column-width: auto !important;
}

/* -----wiki page ----- */

.controller-wiki.action-show .icon.icon-fav-off
{
    background-color: #ed1c24 !important;
    color: #FFFFFF !important;
    padding: 9px 13px 8px 26px !important;
    text-decoration: none !important;
    border-radius: 5px !important;
    font-size: 13px !important;
    background-position: 5px 12px !important;
}
.controller-wiki.action-show .icon.icon-fav-off:hover {
    background-color: #bd161c !important;
}

.controller-wiki.action-show input#page_title {
    margin-left: 48px !important;
}



.controller-wiki.action-show #new_page > p > input[type=submit] {
    padding: 18px 18px 18px 18px !important;
    width: 100px;
}
.controller-wiki.action-show #new_page > div > p:nth-child(1) > em {
    padding-left: 49px !important;
}

.controller-wiki.action-show #new_page > div > p:nth-child(2) > label {
    /* margin-left: 27px !important; */
    margin-left: 46px !important;
}

.controller-wiki.action-show #new_page > div > p:nth-child(1) > label {
    margin-left: -86px !important;
}
.controller-wiki.action-show #errorExplanation {
    margin-top: 0px !important;
    margin-left: -11px !important;
}

.controller-wiki.action-show span#ui-id-2 {
    /* margin-left: 3px !important; */
    margin-left: -15px !important;
}



/* -----documents page ----- */
.attachments_fields input.description, #existing-attachments input.description {
    margin-right: 6px;
}

.controller-documents.action-index input#document_title , .controller-documents.action-create  input#document_title {
    width: 50% !important;
}


/* ----------------agileboard------------- */

button.button-save{
    background-color: #ed1c24 !important;
    margin-right: -8px !important;
}
button.button-save:hover {
    background-color: #bd161c !important;
}

button.button-close {
    border: 1px solid #E6E6E6 !important;
    background: white !important;
    color: black !important;
}
button.button-close:hover {
    border: 1px solid #E6E6E6!important;
    background: #ebebeb85 !important;
    color: black !important;
}

.controller-wiki.action-annotate #content >h2 >a {
    display: none !important;
}

select#add_filter_select {
    /* width: 104px !important; */
    margin-right: -14px !important;
}
.add-filter{
    /* width: 22%; */
    width: auto ;
}
.controller-agile.action-index .span-watcher {
    line-height: 38px !important;
}


#search_ico{
    background-image: url(../images/Searchicon.svg);
    padding: 11px !important;
    background-position: 3px 44% !important;
    background-repeat: no-repeat !important;
    cursor: pointer;
    display: none;
    /* margin-left: 11px !important; */
}
/* div#account > li {
    margin-right: -39px;
    margin-left: 28px;
} */
.expanded_navbar#top-menu
{

    height: 110px;
}

.drop_search#content ,
.drop_search#main-menu
{
    margin-top: 144px ;

}
.showing_search#quick-search {
    display: block;
    margin-top: 62px;
    /* margin-right: 164px; */
    margin-right: 268px;

}
div#quick-search {
    display: none;
}

.hide_header_sidebar a#darkbutton {
    margin-left: -57px !important;
}

.hide_header_sidebar a#search_ico {
    margin-left: -6px !important;
}
.drop_search#sidebar {
    margin-top: 140px;
}
 .text_hide#header > h1
 {
    margin-top: 155px;
}

#users_for_watcher {
    height: 223px !important;
    overflow: auto;
}
/* 
.controller-my.action-account .ui-widget-header {
    margin-left: -8px !important;
} */

/* -------------------knowledgebase plugin -------------------- */

.controller-new_pages.action-index .orange-btn {
    background-color: #ed1c24 !important;
}

.controller-new_pages.action-index .orange-btn:hover {
    background-color: #bd161c !important;
}
.controller-new_pages.action-index .secondary-color {
    color: #ed1c24 !important;
}

.controller-new_pages.action-index .active-space {
    color: #ed1c24 !important;
}
.controller-new_pages.action-index .spaces .spaces-title:hover,
.controller-new_pages.action-index .spaces-container:hover .spaces-title,
.controller-new_pages.action-index .spaces .space-item:hover .spaces-title,
.controller-new_pages.action-index .spaces-names li span:hover{
    color: #ed1c24 !important;
}
.controller-new_pages.action-index .add-page-modal .action-btn .next-btn,
.controller-new_pages.action-index .delete-modal .action-btn .delete-btn {
    background-color: #ed1c24 !important;
    border: none !important;
}
/* button.knowledgebase_sider_open {
    left: 104px !important;
} */
/* .controller-new_pages.action-index .toggle-btn {
    left: 240px ;
} */
/* .pages-tree[collapse="true"] {
    margin-left: -254px !important;
} */
.controller-new_pages.action-index .add-page-modal .action-btn .next-btn:hover ,
.controller-new_pages.action-index .delete-modal .action-btn .delete-btn:hover {
    background-color: #bd161c !important;
    border: none !important;
}
button#menu-btn {
    background: none !important;
}
.spaces .active-title {
    color: #ed1c24 !important;
}
.controller-new_pages.action-index .toggle-btn {
    display: none;
}

.controller-new_pages.action-index div#content {
    overflow: hidden !important;
    margin-top: 110px;
}
.controller-new_pages.action-index div#content.drop_search {
    margin-top: 133px;
}

.controller-my.action-page fieldset.collapsible > legend ,
.controller-my.action-page legend#legend-setting ,
.controller-my.action-page legend.icon.icon-boards {
 color: #ed1c24 !important;
}

.controller-my.action-password em.info {
    padding-left: 187px;
}

.controller-workload_dashboard table.list th{
    background-color: #ed1c24 !important;
}
.controller-workload_team.dark #myMemb {
    background-color: #333245 !important;
}

.nodata, .warning {
    text-align: center;
    background-color: #fdf5f3 !important;
    border-color: #fdf5f3 !important;
    color: #000000 !important;
}

.controller-activities.action-index #content > h2 > a.user {
    display: none;
}
.controller-news.action-show #content h2  {
    color: black !important;
}

.controller-issues fieldset.tag_box {
background-color: #fff8f800 !important;
display: inline-flex;
width: 65%;
box-shadow: none !important;
border: none !important;
margin: -34px 250px 3px !important;
}

/* -------------------gantt chart plugin ----------------- */

/* .controller-redmineflux_gantt #wrapper,
.controller-project_gantt #wrapper
 {
    height: 100vh;
} */

.controller-redmineflux_gantt h2.heading-gantt, .controller-redmineflux_gantt h2.plan-heading, .controller-redmineflux_gantt .button-cross,
.controller-project_gantt h2.heading-gantt, .controller-project_gantt h2.plan-heading, .controller-project_gantt .button-cross  {
    color: black !important;
}

.controller-redmineflux_gantt input#watchers-input,
.controller-project_gantt input#watchers-input {
    /* line-height: 38px; */
    height: 27px !important;
}

.controller-redmineflux_gantt div#reportrange,
.controller-project_gantt div#reportrange  {
    min-width: 200px;
}

.controller-redmineflux_gantt .daterangepicker,
.controller-project_gantt .daterangepicker {
    margin-left: 0px !important;
}

.controller-redmineflux_gantt #release_button,
.controller-project_gantt #release_button {
    width: fit-content;
    min-width: 100px;
}

.controller-redmineflux_gantt .options-div,
.controller-project_gantt .options-div {
    flex-wrap: wrap;
}

.controller-redmineflux_gantt .daterangepicker .drp-calendar.right,
.controller-project_gantt .daterangepicker .drp-calendar.right {
    background-color: #ffffff00;
}
.controller-redmineflux_gantt #content h2.plan-heading, 
.controller-project_gantt #content h2.plan-heading{
    margin-bottom: 0px !important;
}

div#large_screen_icon_div {
    height: fit-content !important;
}

@media only screen and (min-width: 1600px){
.controller-project_gantt .column_div {
    right: 1.5%;
    top: 20%;
}
.controller-redmineflux_gantt .column_div {
    right: 1.5%;
    top: 18% !important;
}
}
@media only screen and (min-width: 1131px) and (max-width: 1300px) {
.controller-project_gantt .column_div {
    right: 59% !important;
    top: 43% !important;
}
.controller-project_gantt .hide_header_sidebar .column_div {
    right: 70% !important;
}
.controller-redmineflux_gantt .column_div {
    right: 48%;
    top: 30%;
}
.controller-redmineflux_gantt .hide_header_sidebar .column_div {
    right: 59% !important;
    top: 24%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1500px) {
    .controller-project_gantt .column_div {
        right: 65% !important;
        top: 35% !important;
    }
    .controller-redmineflux_gantt .column_div {
        right: 54%;
        top: 25%;
    }
    .controller-redmineflux_gantt .hide_header_sidebar .column_div {
        right: 62%;
        top: 24%;
    }
}
@media only screen and (min-width: 900px) and (max-width: 1130px) {
    .controller-project_gantt .column_div {
        right: 0%;
        top: 12%;
    }
    .controller-redmineflux_gantt .column_div {
        right: 0%;
        top: 12%;
    }
}
@media only screen and (min-width: 601px) and (max-width: 899px) {
    .controller-project_gantt .column_div {
        right: 0%;
        top: 14%;
    }
    .controller-redmineflux_gantt .column_div {
        right: 0%;
        top: 14%;
    }
}
@media only screen and (min-width: 320px) and (max-width: 505px) {
    .controller-project_gantt .column_div {
        right: auto;
        top: 50%;
    }
    .controller-redmineflux_gantt .column_div {
        right: 0;
        top: 44%;
    }
}
div#gantt_here,.gantt_here_div{
    z-index: 0;
    position: relative;
}

/* .controller-redmineflux_gantt .export_div,
.controller-project_gantt .export_div {
    right: 1.4%;
    top: 23.9%;
    margin-top: 1.5em;
} */

.controller-skills div#flash_notice {
    margin-top: 49px;
    margin-bottom: -65px;
}
.controller-new_pages.action-index .cdx-search-field__icon {
    height: 36px !important;
}

.controller-redmineflux_gantt.action-index  .flux_gantt_resize_layout,
.controller-project_gantt.action-index  .flux_gantt_resize_layout
{
 width: 14px !important;
}

.controller-my.action-account #content h2 
{
    margin-top: 10px;
}

.controller-redmineflux_gantt.action-index .panel_close_gantt .close_icon_gantt{
    transform: rotate(0deg);
    margin-left: -13px;
}
.controller-redmineflux_gantt.action-index #top-menu ul li a.selected{
    color: #2A2B2C !important;
}
.controller-redmineflux_gantt.action-index.dark #top-menu ul li a.selected{
    color: #ffffffc9 !important;
}
@media screen and (min-width: 320px) and (max-width: 1600px) {
    .controller-project_gantt.action-index #small_screen_icon_div {
        margin: 1em 0px 1em 0px !important;
    }
}
.search_issue_gantt
{
    background: #fdf5f3 !important;
}
#small_screen_icon_div{
    height: 26px;
}
input#baseline-input{
    height: auto;
}

@media only screen and (min-width: 1300px) and (max-width: 1367px) {
    .controller-redmineflux_gantt .column_div {
        right: 52%;
        top: 30%;
    }
    .controller-redmineflux_gantt .export_div {
        right: 50% !important;
        top: 30% !important;
    }
    .controller-redmineflux_gantt .hide_header_sidebar .column_div {
        right: 62%;
        top: 22%;
    }
}
@media only screen and (min-width: 1300px) and (max-width: 1367px) {
    .controller-project_gantt .column_div {
        right: 62%;
        top: 42%;
    }
    .controller-project_gantt .hide_header_sidebar .column_div {
        right: 73%;
        top: 41%;
    }
}

/* ******************** Add project name before headings ********************* */

#content > h2 
{
    color: #000 !important;
    display: flex;
    font-size: 21px;
}

#content > h2 > span.span_project 
{
    display: flex;
}

#content > h2 > span > .root_project {
    color: #000 !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 900px;
    display: block;
    text-decoration: none;
}

#content > h2 > span > .separator_project 
{
    margin: 0px 5px 0px 5px
}


a.icon-only.icon-del {
    font-size: 0;
  }
  .controller-dashboard.dark #content::-webkit-scrollbar {
    width: 4px;
    background-color: #888;
    border-radius: 6px;
  }
  .controller-dashboard #content::-webkit-scrollbar {
    width: 4px;
    border-radius: 6px;
  }
  a.icon-only.icon-edit {
    font-size: 0;
  }
  .setting-modal label {
    margin-bottom: 13px;
  }
  #loggedas > a.user.active {
    font-size: 2px !important;
    color: #ffffff;
    /* margin-top: -71px; */
    position: absolute;
    /* margin-right: -45px !important; */
    cursor:default;
  }
  #content > form > fieldset > input.small {
    background-image: url(../images/tick_ico.svg);
    background-position: 53px 14px;
    padding: 18px 31px 18px 12px;
    margin-top: -3px;
    margin-right: 3px;
    border: none;
    background-size: 13px;
    background-repeat: no-repeat;
  }
  #content > form > fieldset > input.small::after{
    background-image: url(../images/tick_ico.svg);


  }
  .controller-f_resources.action-index #B button {
    display: none;
  }
  @media only screen and (min-width:899px){
    .controller-issues #wrapper {
        overflow: unset !important;
      }
  }

  

/* ************************* project imformation  *******************/

#projects-index ul.projects div.description {
    display: none;
   }

.controller-projects.action-index div.custom-details > div.project-members,
.controller-projects.action-index div.custom-details > div.more, 
.controller-projects.action-index div.custom-details > div.issues-info {
    display: contents;
}


/*Improvement #78755
Project Information: Improvements are available in sub projects availability  */


.controller-issues.action-new select, .controller-issues.action-create select {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


a.project.child.parent {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

h2.project_name {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 45%;
}


.controller-projects.action-index #projects-index a.project.child .div_text {
    /* padding-right: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; */
    font-weight: 600;
    font-size: 14px;
    color: #1D314F;
}

ul.projects li.child a::before {
  display: none;

}

.controller-projects.action-index .progress_result {
    cursor: pointer;
    padding-top: 5px;
    margin-left: 7px;
}
@media only screen and (max-width:899px){
    #btn-teams,#timesheet_teams_icon {
      background-image: url(../images/timesheet_team_white.svg) !important;
  
  }
  #btn-planner ,#timesheet_main_dashboard_icon{
    background-image: url(../images/plannerwhite.svg) !important;
  
  }
  .btn-dashboard, #approval_level_dashboard{
    background-image: url(../images/Table-white.svg) !important;
  
  }
  #btn-hscheme{
    background-image: url(../images/holiday-scheme-white.svg) !important;
  
  }
  #btn-skills{
    background-image: url(../images/skills_white.svg) !important;
  
  }
  #btn-wkscheme{
    background-image: url(../images/workload-scheme-white.svg) !important;
  
  }
  .controller-workload_team #btn-workload-report,
  .controller-f_resources.action-index #btn-workload-report,
  .controller-workload_dashboard.action-index #btn-workload-report ,
  .controller-user_workloads.action-new #btn-workload-report,
  .controller-user_holidays.action-new #btn-workload-report,
   .controller-skills.action-index #btn-workload-report{
    background-image: url(../images/workload_planning_graph_white.svg) !important;
  
  }
  .controller-timesheets #timesheet_approval_icon,
  .controller-timesheet_approvals #timesheet_approval_icon,
  .controller-timesheet_teams #timesheet_approval_icon,
  .controller-approval_levels #timesheet_approval_icon  {
    background-image: url(../images/reports_white.svg) !important;
  
  }
  .controller-timesheets #timesheet_report_icon,
  .controller-timesheet_approvals #timesheet_report_icon,
  .controller-timesheet_teams #timesheet_report_icon,
  .controller-approval_levels #timesheet_report_icon,
  .controller-timesheet_reports #timesheet_report_icon {
    background-image: url(../images/timesheet_view_white.svg) !important;
  
  }
  }
  
/* ----------------------- knowledgebase plugin ------------------------ */ 
.controller-new_pages.action-index .next-btn:disabled {
    opacity: 0.7;
}

/* add css for disable update button  */
.controller-timesheets.action-index .button-plan:disabled{
    background-color: #bd161c !important;
    cursor: not-allowed !important;
    opacity: 0.8;
  }
  
  .controller-timesheet_teams #btn_update_team:disabled{
    background-color: #bd161c !important;
    cursor: not-allowed !important;
    opacity: 0.8;
  }
  .controller-approval_levels  #btn_create_level:disabled{
    background-color: #bd161c !important;
    cursor: not-allowed !important;
    opacity: 0.8;
  }
  /* css for disable button end  */
  .controller-agile.action-index #content > div.agile_header img {
    margin-top: 0px !important;
}

.controller-welcome.action-index #content > div.splitcontent > div.splitcontentleft > div {
    display: none;
}


/* Fix the production issues */
/* 
.controller-projects.action-index #content > div.autoscroll > table > thead > tr > th {
    text-align: left;
} */

/* .controller-projects.action-index table.list.projects td {
    text-align: left;
} */

.controller-issues.action-index tr.issue td.done_ratio table.progress {
    margin-left: 3px;
    margin-right: 6px;
}

.controller-issues.action-index p.percent {
    margin-top: -2px;
}

.controller-projects.action-index #content > div.autoscroll > table > tbody > tr:nth-child(1) > td > span.expander.icon.icon-collapsed {
    background-position: 2px 53% !important;
}
/* 
.controller-issues.action-index tr.issue.idnt-1 td.subject {
    background-position: 22px 47%;
    padding-left: 33px !important;
} */

/* .controller-projects.action-index .expander.icon-expended {
    background-position: 2px 0%;
} */

.controller-projects.action-index tr.group span.count {
    top: 9px;
    position: absolute;
    margin-left: 5px;
    padding-top: 20px;
    font-size: 12px;
}

.dark table.progress td.todo {
    background: #d7eaf1 none repeat scroll 0% !important;
}
table.progress td.closed {
    background: #35a663 !important;
}

.dark table.progress td.closed {
    background: #35a663 !important;
}

/* tr.issue.idnt-1 td.subject, tr.project.idnt-1 td.name {
    padding-left: 35px;
    background-position: 21px 47%;
} */

.controller-issues.action-show div.issue div.subject p {
    /* margin-bottom: 0 !important; */
    display: flex;
    gap: 5px;
}

.controller-issues.action-show #issue_tree > form > table > tbody > tr.child > td.subject a {
    display: inline;
    margin-right: 5px;
}

#content > div.autoscroll > table > tbody > tr.group.open:nth-child(1) > td > span.expander.icon.icon-expended {
    background-position: 2px 50% !important;
}

/* .controller-projects.action-index .expander.icon.icon-collapsed {
    background-position: 2px 3% !important;
} */

/* .controller-projects.action-index tr.group.open .expander.icon-expended {
    background-position: 2px 0%;
} */

.controller-projects.action-index .name a {
    display: contents !important;
}

.controller-issues .subject a {
    margin-top: -2px;
}

.controller-issues.action-show tr.issue.idnt-1 td.subject {
    padding-left: 25px;
    background-position: 8px 50%;
}

.controller-projects.action-index tr.project.idnt-1 td.name {
    padding-left: 24px;
    background-position: 8px 50%;
}

/* table.list tr td.name {
    padding-left: 10px;
} */


.controller-issues.action-index .subject a {
    margin-top: 4px;
}

.controller-issues.action-show .subject a {
    margin-top: -2px;
    padding-bottom: 0px !important;
}

.controller-issues tr.issue td.done_ratio table.progress
{
    margin-bottom: 22px;
}

.controller-issues .issues td.done_ratio 
{
    padding-right: 50px !important;
    padding-top: 30px !important;
    padding-bottom: 0px !important;
  }



  /* fix the issues of thr koral website */
  .controller-agile span.icon.icon-del.delete_issue_relation{
    padding-top: 13px !important;
}

#my_account_form > div > div.splitcontentleft > fieldset > p:nth-child(6) > a {
    line-height: 38px;
}

/* #content > form:nth-child(5) > div > table > thead > tr > th {
    text-align: left;
    padding-left: 10px;
} */


/* fix the bug */

#filters-table {
    width: initial;
    /* float: left; */
}
.hascontextmenu.context-menu-selection td, .hascontextmenu.context-menu-selection td:hover {
    color: #ed1c24 !important;
}

/* fix the issues on firefox */
.controller-issue_template_setting div#issue_description , .controller-issue_template_setting .ql-toolbar.ql-snow{
    margin-left: 195px !important;
}
  @-moz-document url-prefix() {
   
.autoscroll .context-menu-selection {
    background-color: #fbd1d3 !important;
    color: #ed1c24 !important
  }
  .autoscroll .context-menu-selection:hover {
    background-color: #fbd1d3 !important;
    color: #ed1c24 !important
  }
  .controller-issues input[id^="dynamic-edit-issue_subject_id-"] {
    width: -webkit-fill-available;
    width: -moz-available; /* For Firefox */
    width: 100%; /* Fallback for all browsers */
  }
  .controller-issues.action-index #JColResizer0 > thead > tr > th.checkbox.hide-when-print {
    padding: 5px 2px 5px 15px !important;
  }
  }
  .controller-issues #content .project a{

    color: #000000 !important;
  }
  .controller-issues #content .autoscroll .context-menu-selection {
    background-color: #fdf5f3 !important;

}

.controller-issues #content .autoscroll .context-menu-selection a, .controller-issues #content .autoscroll .context-menu-selection a:hover {
    color: #ed1c24  !important;
}

.controller-issues #content .autoscroll .context-menu-selection td, .controller-issues #content .autoscroll .context-menu-selection td.done_ratio{
    color: #ed1c24  !important;
}

/*  */

button#addition_btn{
    border-radius: 4px 4px 0 0;
    border: 1px solid #d4dae4;
    background-color: #fdf5f3;
    margin: auto;
    display: block;
    padding: 0.125rem;
    text-align: center;
    width: 230px;
    position: relative;
    z-index: 100;
    color: #434d59;
    bottom: 44px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 83% 50%;

}

/* button#addition_btn:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #d4dae4;
    display: block;
    left: 0;
    top: 16px;
} */
.additonal_open{
    background-image: url(../images/arrow_downs.png);

}

.additional_close{
    background-image: url(../images/arrow_up.png) !important;
}
#attributes > div:nth-child(3) {
    border-bottom: 1px solid #c6ccd0;
    margin-bottom: 25px;
    /* background-color: #FBFBFB; */
    margin-top: -14px;
    padding-bottom: 20px;
}
.additional_btn_wrapper {
    padding-top: 31px;
    border-top: 1px solid;
    border-top: 1px solid #c6ccd0;
    margin-top: 38px;
}

.dark #addition_btn {
    background-color: #333245 !important;
}
.controller-issues #attributes > div:nth-child(1) > div.splitcontentleft > p:nth-child(1) > span > span.selection > span > button.select2-selection__clear {
    display: none;
}


/* Resolve the bug for GItexDemo server */
/* .controller-agile.action-index .toggle_fullscreen + div {
    z-index: 100;
} */

/* .controller-sprint_crafts.action-new #new_sprint_craft > div.box.tabular > p:nth-child(3) {
    display: flex;
    margin-left: 11px;
} */

.controller-projects.action-index #query_form_with_buttons a.icon.icon-del,
.controller-issues.action-index #query_form_with_buttons a.icon.icon-del,
.controller-timelog.action-index #query_form_with_buttons .buttons a.icon-del,
.controller-gantts.action-show #query_form_with_buttons a.icon.icon-del,
.controller-calendars.action-show #query_form_with_buttons a.icon.icon-del,
.controller-admin.action-projects #query_form_with_buttons a.icon.icon-del{
    background-color: #ed1c24;
    color: #FFFFFF !important;
    padding: 10px !important;
    border-radius: 5px !important;
    background-position: 94% 52%;
    padding-right: 30px !important;
    font-size: 12px;
    background-size: 10px;
    font-weight: 100;
    text-decoration: none !important;
    background-repeat: no-repeat;
    border: none !important;
    background-image: url(../images/delete_ico_whitee.svg) !important;
    background-size: 10% 47%;

}

.controller-projects.action-index #query_form_with_buttons a.icon.icon-edit,
.controller-issues.action-index #query_form_with_buttons a.icon.icon-edit,
.controller-timelog.action-index #query_form_with_buttons .buttons a.icon-edit,
.controller-gantts.action-show #query_form_with_buttons a.icon.icon-edit,
.controller-calendars #query_form_with_buttons a.icon.icon-edit,
.controller-admin.action-projects #query_form_with_buttons a.icon.icon-edit {
    background-color: #ed1c24;
    color: #FFFFFF !important;
    padding: 10px !important;
    border-radius: 5px !important;
    background-position: 90% 52%;
    padding-right: 30px !important;
    font-size: 12px;
    background-size: 10px;
    font-weight: 100;
    text-decoration: none !important;
    background-repeat: no-repeat;
    border: none !important;
    background-image: url(../images/penciledit-white.svg) !important;
}


option:disabled {
    color: rgb(169 168 168);
}

.controller-agile.action-index .full-content-custom-agile #B button {
    margin-left: -3px;
}

.controller-workload_teams a.icon-only.icon-edit {
    background: url(../images/penciledit.svg) no-repeat;
}
.controller-workload_teams a.icon-edit {
    background: url(../images/penciledit.svg) no-repeat;
}

#context-menu ul li a.icon.icon-lock {
    background: unset !important;
}
#context-menu ul li a.icon.icon-edit {
    background-image: unset !important;
}
#context-menu ul li a.icon.icon-del {
    background: unset !important;
    margin-left: -11px;
}
.controller-projects.action-index tr.project.child.leaf.idnt-1 td.name {
    padding-left: 24px;
    background-position: 8px 50%;
}

.controller-projects.action-index table.list td.name {
    text-align: left !important;
}
.controller-projects.action-index th.name {
    text-align: left;
}

.controller-settings.action-plugin .icon-edit  {
background-image: url(../images/penciledit.svg) !important;
}
.controller-workload_email_templates .tabular label[for="email_template_body"],
.controller-workload_email_templates .tabular label[for="email_template_footer"]{
    margin-left: -14px;
}

.controller-workload_teams.action-users_with_teams.dark #cancelteamBtn {
    background: #16192A !important;
    border: 1px solid #D8D8D8;
}
.controller-workload_teams.action-users_with_teams.dark #cancelteamBtn:hover {
    background: #656473 !important;
    border-color: #656473 !important;
}
.controller-workload_teams.action-users_with_teams.dark .deleteUserTeam {
    background-color: #000000 !important;
    box-shadow: 0px 0px 6px 4px #333245;
}
.controller-workload_teams.action-users_with_teams .modal-bg_team_delete {
    z-index: 9999;
}
.controller-workload_teams.action-users_with_teams .deleteUserTeam {
    z-index: 9999;
}
#new_email_template > div > p.macros > em > label {
    margin-left: -2px;
}
.controller-workload_email_templates #template-editor-body, .controller-workload_email_templates #template-editor-footer {
    margin-left: 195px !important;

}
.controller-workload_email_templates .ql-toolbar.ql-snow, .controller-workload_email_templates #template-editor-body, .controller-workload_email_templates #template-editor-footer {
    margin-left: 195px !important; 
}
.controller-workload_email_templates.dark #template-editor-body, .controller-workload_email_templates.dark #template-editor-footer {
    background-color: #333245;
}

.controller-workload_email_templates.dark .ql-snow .ql-picker {
    color:#ffffffc9 !important
}

/* .controller-workload_email_templates.dark .ql-snow .ql-stroke {
    fill: #ffffffc9 !important;
    stroke:#ffffffc9 !important;

} */

.controller-workload_teams.action-index.dark .modal_team_edit {
    background-color: #000000 !important;
    box-shadow: 0px 0px 6px 4px #333245;
}

.controller-workload_teams.action-index.dark .close_team_edit_head:hover {
    background: #656473 !important;
    border-color: #656473 !important;
}

.controller-workload_teams.action-index.dark .close_team_edit_head {
    background: #16192A !important;
    border: 1px solid #D8D8D8;
}
.controller-workload_teams #content .modal-memb{
    line-height: 0px;
}
.controller-workload_teams span.selection {
    line-height: 25px;
}
.controller-workload_teams.action-index.dark #content > div.modal > div > img,
.controller-workload_teams.action-index.dark #content > div.modal_team_edit > div.close_team_edit_head_change > img,
.dark #content > div.modal-memb > div > img,
.dark #first-div-plan > div:nth-child(2) > img ,
.dark #content > div.modal-edit_memb > div.close_head > img{
    content: url(../images/cross_copy.svg);
    background-size: contain;
    width: 16px;
    height: 16px;
    /* margin-top: 15px; */
    background-repeat: no-repeat;
}



.controller-settings.action-plugin #content .contextual a.icon.icon-add {
    background: #ed1c24 url(../images/plus.svg) no-repeat;
    background-position: 6% 51% !important;
    height: 14px;
    padding: 14px 15px 14px 28px;
}

.controller-workload_email_templates input.back-button:hover {
    background: #ebebeb !important;
    color: #000000;
}

.controller-workload_email_templates input.back-button {
    background-color: #ffffff !important;
    border: 1px solid #ccc;
    color: black;
    font-weight: 600;
}

.controller-workloads.action-index.dark span.span-watcher {
    color: #ffffffc9 !important;
    cursor: default;
    font-size: 13px;
    font-weight: 100;
    margin-top: 5px;
}

.dark #date-inputs {
    background: #030303;
}
.controller-workloads.action-index span.span-watcher {
    margin-top: 5px;
}

.controller-workloads.zt-gantt-fullScreen-wrapper div.modal {
    z-index: 9999 !important;
}

.controller-workloads.zt-gantt-fullScreen-wrapper div.modal {
    z-index: 99999 !important;
    box-shadow: 0px 0px 6px 4px #333245;
}

.controller-sprint_crafts .tabular textarea {
    width: calc(100% - 26%);
}

@media only screen and (min-width: 900px) and (max-width: 1024px) {
    .tabular textarea {
        width: calc(100% - 39%);
    }

}

.controller-workloads.action-index .zt-gantt-fullScreen-wrapper {
    z-index: 100;
    position: inherit !important;
    min-height: 100vh;
    overflow: unset !important;
}

.controller-issues.action-new.dark #issue_template_field > a {
    color: #ffffffc9 !important;
}


.dark .new_email_template #issue_template_field > a ,
.dark .edit_email_template #issue_template_field > a {
    color: #ffffffc9 !important;
}

.dark .new_email_template span > button > svg > line,
.dark .edit_email_template span > button > svg > line {
    stroke: #ffffffc9 !important;
}

.dark .new_email_template span > button > svg > path,
.dark .edit_email_template span > button > svg > path{
    stroke: #ffffffc9 !important;


}
.dark .new_email_template .ql-snow .ql-fill, .dark .ql-snow .ql-stroke.ql-fill,
.dark .edit_email_template .ql-snow .ql-fill, .dark .ql-snow .ql-stroke.ql-fill {
    fill: #ffffffc9 !important;
}

.dark .new_email_template span > svg > polygon,
.dark .edit_email_template span > svg > polygon{
    stroke: #ffffffc9 !important;
}

.dark .ql-editor.ql-blank::before ,
.dark .ql-editor.ql-blank::before {
   color: #ffffffc9 !important;
}

.dark em.info {
    color: #ffffffc9 !important;
}

/* Clender Css for the new version of the redmine  */
.dark .cal .calhead{
    background-color: #1F263C !important;
}
.dark .cal .week-number {
    background-color: #1F263C !important;

}

.dark li.even.calbody {
    background-color: #333245;
}

.dark .cal li.week-number, .dark .cal {
    color: #ffffffc9 !important;
    background-color: #1F263C !important;
}
.dark .cal .calbody.nwday:not(.odd) {
    background-color: #1F263C !important;
}

.dark .cal .calbody.today {

    background: #ed1c24cc !important;
}

.cal .calbody.today {

    background: #fdf5f3 !important;
}

/* 
.controller-my.action-page table tr th:first-child, .controller-my.action-page table tr th:nth-last-child(2) {
    text-align: center !important;
} */

.controller-my.action-page #block-timelog > form > table > thead > tr > th {
    text-align: left;
    padding-left: 15px;
}
.controller-my.action-page .time-entries td.hours {
    text-align: left !important;
}
.controller-my.action-page #block-timelog > form > table > tbody > tr.odd > td:nth-child(1) {
    text-align: left;
}
.controller-my.action-page tr.time-entry td.activity {
    text-align: left !important;
}
.dark .cross_close_skillup{

content: url(../images/cross_copy.svg);
    
}

#new_email_template > div > p.macros > em > label {
    margin-left: -204px;
    margin-top: -7px;
}

.edit_email_template > div > p.macros > em > label {
    margin-left: -204px;
    margin-top: -7px;
}

td.name > span.icon.icon-user.my-project {
    display: none;
}

.controller-projects.action-index .name .edit-issue {
    cursor: pointer;
    position: absolute;
    margin-left: 6px !important;
}

button.filter_apply,
.button-plan,
#applyButton {
    background-color: #ed1c24 !important;
    border: 0 !important;
}


button.filter_apply:hover,
.button-plan:hover,
#applyButton:hover {
    background-color: #bd161c !important;
}

#main.nosidebar #sidebar,
.daterange,
.my-scale-class.test,
#sidebar,
.input-plan,
.text-area-res,
.controller-workloads .dropdown-select,
.search-bar select,
.main-input,
.select-resource,
.dropdown-select,
#select_activity {
    background-color: #fdf5f3 !important;
}

.my-header-class.test,
.my-scale-class.default,
.controller-timesheets .gantt_grid_header,
.controller-timesheets .my-scale-class_timesheet,
.controller-timesheets .progress-container {
    background-color: #fbd1d3 !important;
}

.dark #main.nosidebar #sidebar {
    background-color: transparent !important;
    box-shadow: none !important;
}

.dark .search-bar select,
.controller-timesheets.dark .my-scale-class_timesheet {
    background-color: #333245 !important;
}

#timesheet_teams_icon,
#timesheet_report_icon,
#approval_level_dashboard,
#timesheet_approval_icon,
#timesheet_help_icon,
#btn-teams,
#btn-skills,
#btn-dashboard,
#btn-hscheme,
#btn-wkscheme,
#btn-workload-report,
#btn-workload-users,
#btn-planner,
#timesheet_main_dashboard_icon,
#timesheet_teams_icon {
    filter: brightness(0.1);
}

.dark #timesheet_teams_icon,
.dark #timesheet_report_icon,
.dark #approval_level_dashboard,
.dark #timesheet_approval_icon,
.dark #timesheet_help_icon,
.dark #btn-teams,
.dark #btn-skills,
.dark #btn-dashboard,
.dark #btn-hscheme,
.dark #btn-wkscheme,
.dark #btn-workload-report,
.dark #btn-workload-users,
.dark #btn-planner,
.dark #timesheet_main_dashboard_icon,
.dark #timesheet_teams_icon {
    filter: brightness(0) invert(1);
}

.zt-gantt-task-cell.User:hover,
.open-popup:hover {
    background-image: url(../images/Newplushover.svg) !important;
}

.zt-gantt-task-cell {
    color: #ed1c24 !important;
}

.issue-card {
     background-color: #fdf5f3 !important;
}

.issue-card:hover {
    background-color: #fbd1d3 !important;
}

.controller-admin.action-index.dark .icon-projects,
.controller-admin.action-index.dark .icon-user,
.controller-admin.action-index.dark .icon-group,
.controller-admin.action-index.dark .icon-roles,
.controller-admin.action-index.dark .icon-issue,
.controller-admin.action-index.dark .icon-issue-edit,
.controller-admin.action-index.dark .icon-workflows,
.controller-admin.action-index.dark .custom-fields,
.controller-admin.action-index.dark .icon-list,
.controller-admin.action-index.dark .icon-settings,
.controller-admin.action-index.dark .icon-server-authentication,
.controller-admin.action-index.dark .icon-plugins,
.controller-admin.action-index.dark .icon-help {
    filter: brightness(0) invert(1);
}

/* Header */

#quick-search {
    display: block !important;
    position: fixed;
    margin-top: 62px;
    margin-right: 268px;
}

#history div:target h4.note-header {
    background-color: #fbd1d3;
}

a.user.user-mention {
    background-color: #fdf5f3;
}

/* ma page */

#my-page #list-top .mypage-box form {
    display: block !important;
}

/* Ergonomie => Fred*/

tr.project td.name a {font-weight: bold;}
.dark div.description > div.contextual > a.icon-comment{box-shadow:none !important;}
.controller-issues.action-show.dark #history .tab-content{border:1px solid #282828 !important}
div.journal.private-notes .wiki{padding:10px;}
.dark #tab-content-history a:link, .dark #tab-content-history a:visited{color:#d22 !important;}
.controller-my form {display: inline !important;}
.hide_header_sidebar div#top-menu{background-image: url(https://www.coccinet.com/wp-content/uploads/2025/02/logo-bl.png);}
#content > form > fieldset > input.small {background-position: 83px 14px;}
.dark #main-menu > ul > li > a.roadmap::before{content: url(https://www.coccinet.com/wp-content/uploads/2025/02/roadmap.dark-bl.svg);}
.dark td.username{text-align:left !important;}
body.dark #admin-menu a.agile{background-image: url(https://www.coccinet.com/wp-content/uploads/2025/02/sprint.png);}