@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(../stylesheets/notification_plugin.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: #ecf8ff;
 }



/* ******************* 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: #0094ff !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: #0094FF;
}

.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:"Username";
    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: #0094FF !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;
    }

    .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 ;
    
    }

    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:#ecf8ff !important; */
    background-color:#ecf8ff ;
}

#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: #0094FFdb !important;
}
 
.controller-account.action-login #content , .controller-account.action-lost_password #content ,
.controller-account.action-register #content 
{
    background-image: url(../images/login-image.png) !important;
    background-position: right !important;
    margin-top: 0%;
    background-size: 40% 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/fluxlogo.svg) no-repeat !important;
    width: 100%;
    margin-left: 0px;
    position: absolute;
    margin-top: 35px;
    height: 28px;
    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: #0094FF !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-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: #0094FF;
    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: #0094FF;
    padding: 10px !important;
    color: #F5F5F5;
   }

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

   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: #e6f9f49e !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: #ecf8ff !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: #0094FF !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: #0094FFdb !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: #0094FF !important;
    margin-right: -8px !important;
}
button.button-save:hover {
    background-color: #0094FFdb !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;
    /* 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: 72px;
    /* 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: #0094FF !important;
}

.controller-new_pages.action-index .orange-btn:hover {
    background-color: #0094FFdb !important;
}
.controller-new_pages.action-index .secondary-color {
    color: #0094FF !important;
}

.controller-new_pages.action-index .active-space {
    color: #0094FF !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: #0094FF !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: #0094FF !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: #0094FFdb !important;
    border: none !important;
}
button#menu-btn {
    background: none !important;
}
.spaces .active-title {
    color: #0094FF !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: #0094FF !important;
}

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

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

.nodata, .warning {
    text-align: center;
    background-color: #ecf8ff !important;
    border-color: #ecf8ff !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 179px 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: #F5FBFF !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: 53%;
        top: 29%;
    }
    .controller-redmineflux_gantt .export_div {
        right: 50% !important;
        top: 29% !important;
    }
    .controller-redmineflux_gantt .hide_header_sidebar .column_div {
        right: 63%;
        top: 22%;
    }
}
@media only screen and (min-width: 1300px) and (max-width: 1367px) {
    .controller-project_gantt .column_div {
        right: 63%;
        top: 40%;
    }
    .controller-project_gantt .hide_header_sidebar .column_div {
        right: 73%;
        top: 39%;
    }
}

/* ******************** 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: #0094ffdb !important;
    cursor: not-allowed !important;
    opacity: 0.8;
  }
  
  .controller-timesheet_teams #btn_update_team:disabled{
    background-color: #0094ffdb !important;
    cursor: not-allowed !important;
    opacity: 0.8;
  }
  .controller-approval_levels  #btn_create_level:disabled{
    background-color: #0094ffdb !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: #0094FF !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: #ecf8ff !important;
    color: #0094FF !important
  }
  .autoscroll .context-menu-selection:hover {
    background-color: #ecf8ff !important;
    color: #0094FF !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: #d1ebfa !important;

}

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

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

/*  */

button#addition_btn{
    border-radius: 4px 4px 0 0;
    border: 1px solid #d4dae4;
    background-color: #ecf8ff;
    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 ,
#query_form_with_buttons > p > a.icon.icon-del {
    background-color: #0094FF;
    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 ,
#query_form_with_buttons > p > a.icon.icon-edit {
    background-color: #0094FF;
    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: #0094FF 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: #0094ffcc !important;
}

.cal .calbody.today {

    background: #e6f9f49e !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;
}

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

/* Css for testcase */


.controller-test_suites.action-releases #sidebar_right {
    margin-top: 105px;
}

.controller-test_suites.action-releases #content {
    margin-top: 112px;
    background: rgb(246 246 250 / 68%);
    padding-top: 10px;

}
/* 
#B button {
    display: none;
} */

select#div_dimention_graph {
    margin-top: 1px;
}

 #reset_filters_button {
    cursor: pointer;
    background-image: url(../images/reset_graph.svg);
    background-position: center;
    border: unset;
    font-size: 0;
    width: 37px;
    height: 37px;
}

.dark .testRun_DetailDiv {
    box-shadow: 0px 1px 11px 0px rgb(34 24 24);
    border-radius: 4px;
    background-color: #333245 !important;
}
.dark .prirityoverview ul {
    background-color: #333245 !important;

}

.controller-test_suites.action-releases.dark #sidebar_right {
    background-color: #333245 !important;

}

.controller-test_suites.action-releases.dark .activity_date_heading {
    background-color: #333245 !important;

}

.controller-test_suites.action-releases.dark .activity_item {

    background-color: #333245 !important;
    color: white;
}

.dark .testcase_overview_graph {
    width: 100%;
    min-height: 365px !important;
    background-color: #333245 !important;
}

.dark .parent_calendar {
    background-color: #333245 !important;
}

.dark #reset_filters_button {
    background-color: #333245 !important;

}

.controller-test_suites.action-releases.dark .date_title {
    /* font-weight: bold; */
    color: white;
}
.controller-test_suites.action-releases #main #sidebar ,
.controller-testcase_milestones #main #sidebar,
.controller-runs.action-defect #sidebar, 
.controller-testcases.action-show #main #sidebar, 
.controller-test_suites.action-index #main #sidebar, 
.controller-runs.action-new #main #sidebar, 
.controller-runs.action-show #main #sidebar,
.controller-test_suites.action-releases #mainn #sidebar, 
.controller-testcase_activities.action-index #main #sidebar,
.controller-issue_testcase #main #sidebar,
.controller-testcase_milestones #main #sidebar,
.controller-testcase_todos #main #sidebar, 
.controller-testcase_reports.action-index #main #sidebar,
.controller-testcase_reports.action-new #main #sidebar, 
.controller-testcase_reports.action-show #main #sidebar, 
.controller-testcase_reports.action-edit #main #sidebar,
.controller-traceability_rtms.action-index #main #sidebar, 
.controller-testcase_reports.action-create #main #sidebar,
.controller-testcase_reports.action-update #main #sidebar,
.controller-requirements.action-index #main #sidebar,
.controller-testcase_import.action-step1 #main #sidebar, 
.controller-testcase_import.action-step2 #main #sidebar, 
.controller-testcase_import.action-step3 #main #sidebar,
.controller-testcase_import.action-step4 #main #sidebar, 
.controller-testplans #main #sidebar, 
.controller-testcase_environment #main #sidebar{

    padding-right: 10px;
}
.controller-test_suites.action-releases.dark #main #sidebar ,
.controller-testcase_milestones.dark #main #sidebar,
.controller-runs.action-defect.dark #sidebar, 
.controller-testcases.action-show.dark #main #sidebar, 
.controller-test_suites.action-index.dark #main #sidebar, 
.controller-runs.action-new.dark #main #sidebar, 
.controller-runs.action-show.dark #main #sidebar,
.controller-test_suites.action-releases.dark #mainn #sidebar, 
.controller-testcase_activities.action-index.dark #main #sidebar,
.controller-issue_testcase.dark #main #sidebar,
.controller-testcase_milestones.dark #main #sidebar,
.controller-testcase_todos.dark #main #sidebar, 
.controller-testcase_reports.action-index.dark #main #sidebar,
.controller-testcase_reports.action-new.dark #main #sidebar, 
.controller-testcase_reports.action-show.dark #main #sidebar, 
.controller-testcase_reports.action-edit.dark #main #sidebar,
.controller-traceability_rtms.action-index.dark #main #sidebar, 
.controller-testcase_reports.action-create.dark #main #sidebar,
.controller-testcase_reports.action-update.dark #main #sidebar,
.controller-requirements.action-index.dark #main #sidebar,
.controller-testcase_import.action-step1.dark #main #sidebar, 
.controller-testcase_import.action-step2.dark #main #sidebar, 
.controller-testcase_import.action-step3.dark #main #sidebar,
.controller-testcase_import.action-step4.dark #main #sidebar, 
.controller-testplans.dark #main #sidebar, 
.controller-testcase_environment.dark #main #sidebar{
    background-color: #1F263C !important;
    padding-right: 10px;
}
.controller-test_suites.action-releases #main #sidebar {
    padding-right: 10px;
}
.dark #copy-chart-button {
    background-color: #1F263C !important;

}

.dark rect.apexcharts-grid-row {
    fill: #333245 !important;
}

.toggle-icon {
    /* background-color: #000000 !important; */
    height: 29px;
    width: 30px;
    border: 1px solid #80808000;
}
.dark #editor_new_milestone {
    background-color: #1F263C !important;

}

.controller-testcase_milestones #main-menu li a.test-suites, .controller-testcase_environment #main-menu li a.test-suites {
    background: #FBFBFB !important;
    color: #555;
}

.controller-testcase_milestones.dark #main-menu li a.test-suites, .controller-testcase_environment.dark #main-menu li a.test-suites {
    background:#1F263C !important;
    width:auto;
}
.controller-testcase_milestones #main-menu li a.test-suites, .controller-testcase_environment #main-menu li a.test-suites {
    background:#FBFBFB !important;
    width:auto;
    color:#1D273C !important;
}
.controller-testcase_milestones #content {
    margin-top: 112px;
    padding-top: 10px;
    background: rgb(246 246 250 / 68%);

}
.controller-testcase_environment.action-index div#content {
    margin-top: 112px;
    padding-top: 10px;
    background: rgb(246 246 250 / 68%);
}
.controller-testcase_milestones button[type="submit"]:hover {
    background-color: unset !important;
}

.controller-traceability_rtms.action-index.dark div#traceability_summary {
    background-color: #1F263C !important;
    color: white;

}

.dark .flex_requirement span.requirement_total, 
.dark .flex_total_testcases .requirement_total,
 .dark .flex_defects .requirement_total {
    color: white !important;

}

.controller-traceability_rtms.action-index #content {
    margin-top: 112px;
    padding-top: 10px;
    background: rgb(246 246 250 / 68%);

}


.testcase_tooltip .tooltiptext { 
    left: 118% !important;
    margin-top: -3px !important;
   
}

.controller-testcase_activities.action-index.dark .activity_item {
    background-color: #1F263C;
}
.testsuite-container {
    margin-top: 9em;
}


.dark .testsuite-tree {
    background-color: #1F263C;

}

.controller-test_suites.action-index.dark div#query_form_with_buttons #query_form_content {
    background-color: #1F263C;

}

.controller-test_suites.action-index #main #B button {
    display: none;
}

#content div#new-run-btn {
    margin-top: 5px;
}

.dark .action-run {
    background-color: #000000 !important;

}

.dark table.list td {
    background-color: #1F263C !important;
    color: white;
}

.controller-test_suites.dark #JColResizer0>thead>tr>th.project, .controller-testcase_milestones.dark table.list th {
    min-width: 20px !important;
    color: #ffffffc9 !important;
}

.controller-testcase_environment.action-index #content > table > thead > tr > th:nth-child(1){
    text-align: center;
}

.dark div#delete_milestone ,
.dark .run_modal,
.dark #delete-modal,
.dark #delete-environment-modal,
.dark #add-child-modal,
.dark #delete_report,
.dark #testcase-result-modal,
.dark #schedule_delete_report,
.dark .custom-popup-content,
.dark #delete-step-template{
    
    background-color: #000000 !important;
    border: 1px solid #D8D8D8;
    box-shadow: 0px 0px 6px 4px #333245;
}            

.dark button.milestone_cancel-btn,
.dark #close-testsuite-edit-modal ,
.dark #close-testsuite-modal,
.dark .cancel-folder,
.dark .isClosed_cancel-btn,
.dark .report_cancel-btn,
.dark input[type="submit"] + a,
.dark .cancel-btn,
.dark #clearButtonFilter,
.dark #cancel_defect_form,
.dark .button_for_cancel,
.dark .schedule_report_cancel-btn,
.dark .back-button,
.dark #cancel-remove,
.dark .delete-step_cancel-btn
{
    background: #333245;
    color: #ffffff !important;
}

.dark button.milestone_cancel-btn:hover ,
.dark #close-testsuite-edit-modal:hover,
.dark #close-testsuite-modal:hover,
.dark .cancel-folder:hover,
.dark .report_cancel-btn:hover,
.dark .cancel-btn:hover,
.dark #clearButtonFilter:hover,
.dark #cancel_defect_form:hover,
.dark .button_for_cancel:hover,
.dark .schedule_report_cancel-btn:hover,
.dark .back-button:hover,
.dark #cancel-remove:hover,
.dark .delete-step_cancel-btn:hover
{
    background-color: #ced3e6a8 !important;
    border: 1px solid #ced3e6a8 !important;
}

.milestone-image-folder {
    width: 15px;
    height: 25px;
    /* content: url(../images/cross_dark.svg); */
}
.dark #modal-content {
    background: #333245;
}
.controller-testcase_milestones #content {
    background: rgb(246 246 250 / 68%);
}
#close-popup:hover {
    background-color: unset !important;
    border-radius: 2px;
}
.controller-testcase_email_templates .back-button {
    font-weight: normal !important;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    width: 70px;
    display: inline-flex
;
    height: 22px;
    line-height: 20px;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.controller-testcase_environment div#content {
    margin-top: 112px;
    padding-top: 10px;
    background: rgb(246 246 250 / 68%);
}
 div.flash.notice {
    background-color: unset;
 
}

.dark .delete-step-heading {
    font-size: 18px;
    color: #f3f3f3;
    font-weight: 600;
}
div#run_list {
    margin-left: 200px;
}
.dark #query_form select[multiple=multiple] {
    background: #000000 !important;
}
.dark div#pages-tree {
    background-color: #16192A !important;
}
#all_runlist > div > p:nth-child(3) > label {
    margin-left: 190px !important;
}
.dark div#page-content {
    background-color: #333245 !important;
}

.add-space, .add-space path {
    cursor: pointer;
    transition: all 0.3s ease;
    fill: #0094ff !important;
}

.controller-traceability_rtms.action-index #B button ,
.controller-test_suites #B button,
.controller-testcase_milestones #B button,
.controller-testcase_environment #B button,
.controller-runs #B button ,
.controller-testcase_todos #B button,
.controller-testcase_reports #B button,
.controller-requirements #B button {
    display: none;
}


.dark .testcase_management-overview, 
.dark .runs-results-overview, .version_heading,
 .dark .todo_heading,
  .dark #content .testcase_reports {
    color: #ffffffc9 !important;

}

label#milestone_description_label {
    margin-left: -9px;
}

.controller-testcase_milestones.action-new .ql-toolbar.ql-snow, 
.controller-testcase_milestones.action-new #editor_new_milestone,
 .controller-testcase_milestones.action-create .ql-toolbar.ql-snow,
  .controller-testcase_milestones.action-create #editor_new_milestone {
    margin-left: 196px !important;
}

.controller-testcase_todos .drop_search#content, 
.controller-testcase_todos .drop_search#main-menu {
    margin-top: 130px;
    padding-top: 16px;
    background: rgb(246 246 250 / 68%);

}

.controller-testcase_todos div#content {
    margin-top: 112px;
    padding-top: 10px;
    background: rgb(246 246 250 / 68%);

}

.controller-testcase_todos .drop_search#sidebar {
    margin-top: 133px;
}

.controller-test_suites.action-releases .drop_search#content,
.controller-testcase_milestones .drop_search#content,
.controller-testcase_environment .drop_search#content,
.controller-test_suites .drop_search#content,
.controller-runs .drop_search#content,
.controller-testcase_todos .drop_search#content,
.controller-testcase_reports .drop_search#content,
.controller-requirements .drop_search#content,
.controller-traceability_rtms .drop_search#content

 {
    margin-top: 133px !important;

}
.controller-test_suites.action-releases .drop_search#main-menu ,
.controller-testcase_milestones .drop_search#main-menu ,
.controller-testcase_environment .drop_search#main-menu ,
.controller-test_suites .drop_search#main-menu ,
.controller-runs .drop_search#main-menu ,
.controller-testcase_todos .drop_search#main-menu ,
.controller-testcase_reports .drop_search#main-menu ,
.controller-requirements .drop_search#main-menu ,
.controller-traceability_rtms .drop_search#main-menu 

{
    margin-top: 133px !important;

}
.drop_search#sidebar {
    margin-top: 132px;
}

.drop_search + #sidebar_right {
    margin-top: 134px !important;
}

.dark #editor_report {
    background-color: #333245 !important;
}


.dark #editor_edit_milestone {
    background-color: #333245 !important;
}


.dark .testcase_tooltip .tooltiptext {
    background-color: #656473;
}

.dark .testcase_tooltip .tooltiptext::before {
    border-color: transparent #656473 transparent transparent;
}

.dark button#close-testrun-modal,
.dark #close-testrun-cases-modal {
    background-color: #000000;
    color:white !important
}
.dark button#close-testrun-modal:hover ,
#close-testrun-cases-modal:hover{
       background-color: #5c5c5c !important;
}



.dark #testrun-cases-overlay,
.dark #edit_testsuite-modal,
.dark #delete_testsuite-modal,
.dark #testsuite-modal,
.dark #close_run,
.dark #delete_run,
.dark #run-test-cases-modal{

    background-color: #000000 !important;
    border: 1px solid #D8D8D8;
    box-shadow: 0px 0px 6px 4px #333245;
}


.dark .testsuite-select-cases-tree {
    min-width: auto;
    background-color:#333245 !important
}

.testcase_tooltip .tooltiptext {
    width: auto !important;

}

.dark .testRun_User {
    color: #fff3f3 !important;
}

/* .controller-runs a.icon.icon-add:hover {
    background-color: unset !important;
    background-image: url(../images/plus_icon.svg) !important;
    background-repeat: no-repeat  !important;
}.controller-runs a.icon.icon-add {
    background-color: unset !important;
    background-image: url(../images/plus_icon.svg) !important;
    background-repeat: no-repeat  !important;
} */

.dark .ql-snow .ql-stroke {
    fill: none !important;
    stroke: #ffffffc9 !important;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

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

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

.controller-test_suites #query_form .buttons a.icon.icon-reload,
.controller-test_suites #query_form .buttons a.icon.icon-checked {
    padding: 8px 30px 10px 14px !important;
}

a#add-assignment {
    background-color: #0094FF !important;
}
/* .controller-test_suites.dark .toggle-icon {
    background-color:unset !important;
    background: url(../images/dark_mode_header_toggle_icon.svg) no-repeat !important;
    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);
}
.controller-test_suites .toggle-icon {
    background-color:unset !important;
    background: url(../images/header_toggle_icon.svg) no-repeat !important;
    position: fixed;
    top: 440px;
    border-radius: 50px;
    background-size: 28px;
    background-position: 0px 0px;
    height: 30px;
    width: 32px;
    border: 1px solid #80808000;
    transform: rotate(0deg);
} */

/* 
#sidebar_right.closed .toggle-btn-img-tc {
    background: url(../images/dark_mode_header_toggle_icon.svg) !important;
    transform: rotate(0deg);
} */

.controller-test_suites.dark .closed .toggle-icon {
    transform: rotate(0deg);
}

.controller-test_suites.dark #sidebar_right.closed .toggle-btn-img-tc {
    transform: rotate(180deg) !important;
}

.controller-test_suites .toggle-icon img {
    position: relative;
    bottom: 1px;
    /* display: none; */
}

.controller-test_suites .closed .toggle-icon {
    transform: rotate(0deg);
}

.testsuite-tree button#toggle-btn-tc {
    margin-left: 231px;
}

.hide_header_sidebar .testsuite-tree button#toggle-btn-tc {
    margin-left: 93px;
}


.controller-requirements.action-index #main-menu li a.test-suites {
    background: unset !important;
    color: #555;
    color: #0094ff !important;
}

.controller-runs a.icon.icon-add:hover {
    background-image: url(../images/plus.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 90% 52% !important;
    background-size: 23% !important;
    background-color: #0094ffdb !important;
}

.controller-testcase_milestones #main-menu li a.test-suites, 
.controller-testcase_environment #main-menu li a.test-suites,
.controller-runs #main-menu li a.test-suites,
.controller-test_suites.action-index a.test-suites.selected, 
.controller-runs #main-menu li a.test-suites,
 .controller-testcases #main-menu li a.test-suites,
 .controller-testcase_activities #main-menu li a.test-suites, 
 .controller-testcase_todos #main-menu li a.test-suites,
  .controller-testcase_reports #main-menu li a.test-suites, 
 .controller-issue_testcase #main-menu li a.test-suites,
  .controller-traceability_rtms.action-index #main-menu li a.test-suites, 
.controller-testcase_environment #main-menu li a.test-suites ,
.controller-testcase_import #main-menu li a.test-suites{
    /* background: #fff; */
    color: #555;
    background: none !important;
    color: #0094ff !important;
}


.controller-test_suites #errorExplanation > ul {
 margin-top: 2px;
}

.controller-testcase_activities #B button {
    display: none;
}
.controller-testcase_activities #content {
    margin-top: 112px;
    padding-top: 10px;
    background: rgb(246 246 250 / 68%);

}
.cross-folder:hover {
    background-color: unset !important;
    border-radius: 2px;
}
.milestone-image-folder,
.testsuit-delete-image-folder{
    /* background-image: url(../images/close.svg) !important; */
    background-repeat: no-repeat;
    width: 17px !important;
    height: 17px !important;
}
.dark #testsuite-menu-icon ,
.dark #action-menu-icon{
 fill:#ffffffc9 !important
}
.dark .sub-list:hover {
    background:unset !important;
    outline: 0;
}
.milestone-cross-folder:hover {
    background-color:unset !important;
    /* border-radius: 2px; */
    content: '' !important;
}
.dark .action-run {
    background-color: #ffffff !important;
}
.dark table.list td.buttons a.run_edit_icon,
 .dark table.list td.buttons a.run_close_icon, 
.dark table.list td.buttons a.run_delete_icon {
    color: #000000 !important;
    padding: 8px 18px 7px 32px !important;
}
.controller-runs table.list td.buttons a.run_edit_icon,
.controller-runs table.list td.buttons a.run_close_icon, 
.controller-runs table.list td.buttons a.run_delete_icon {
    padding: 8px 18px 7px 32px !important;
}
#testsuite-tree {
    border-left: 1px solid rgb(221 221 221 / 35%);
}

.controller-requirements button#toggle-btn {
    margin-left: 242px;
}

.controller-requirements .hide_header_sidebar button#toggle-btn {
    margin-left: 105px;
}

.controller-test_suites.action-index #content .contextual a.icon.icon-add{
    background-position: 89% 50% !important;
}

.controller-test_suites.action-index select#add_filter_select {
    margin-right: 8px !important;
}


.controller-test_suites.action-index #query_form_with_buttons {
    background: #fff;
    padding: 15px 10px 7px 10px;
    border-radius: 3px;
    margin-bottom: 3em;
}


body > div.tour_modal > div.accordion.modalT > div.accordion-item.active > div.accordion-content > p {
    color: #000000 !important;
}


.controller-test_suites.dark span.testsuite-name>a.active-testsuite {
    /* color: white !important; */
    background-color: unset;
    border-radius: 3px;
    padding: 5px;
}

.controller-test_suites span.testsuite-name>a.active-testsuite {
     /* color: #0094FF !important; */
    background-color: unset !important;
    border-radius: 3px;
    padding: 5px;
}

span.testsuite-name>a {
    color: #009fff !important;
}

.dark .testsuit-heading_delete {
color:#FFFFFF;
}


.dark .milestone-image-folder,
.dark .testsuit-delete-image-folder,
.dark .report-image-folder,
.dark .defect-form-delete-image-folder,
.dark .schedule_report-image-folder,
.dark .delete-step-image-folder
{
    content: url(../images/cross_copy.svg);
    width: 16px;
    height: 16px;
}
.controller-test_suites #search-input {
    margin-top: -3px;
    height: 40px;
}
.schedule_report-cross-folder:hover {
    background-color: unset !important;
    border-radius: 2px;
}
.dark .clear{
    color:white;
}

.controller-testcase_reports.dark #content > div.report_div > div:nth-child(3) {
    background-color: #1F263C;
    border: 1px solid #3f3f3f;
}

/* .controller-requirements .dark button#toggle-btn {
    background: #c6c6c6 !important;

} */
.dark #report_run_name {
    color:#ffffffc9 !important
}

.dark .testsuite-tree button#toggle-btn-tc {
    background: #c6c6c6 !important;

}
span.activity_daterange {
margin-left: 186px;
}
.controller-requirements.action-index #main #content {
    padding: 15px !important;
    margin-top: 112px;
}

.dark .page-title, .dark .page-id, .dark .page-title-input {
    color: #2196F3;
}

.controller-runs.action-new #content {
    /* background: rgb(246 246 250); */
    margin-top: 112px;
    padding-top: 18px;
}

.dark .toggle-btn {

    background: #c6c6c6 !important;
}

#footer {
    width: -webkit-fill-available;
    max-width: -moz-available;
}

.ce-rawtool__textarea {
    min-height: 200px;
    resize: vertical;
    border-radius: 8px;
    border: 0;
    background-color: #1e2128 !important;
    font-family: Menlo, Monaco, Consolas, Courier New, monospace;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: -0.2px;
    color: #a1a7b6;
    overscroll-behavior: contain;
}


.controller-runs.action-new.dark .testsuites-select-cases-names span[class^="testsuite-select-cases-name"] {
    font-size: 16px;
    color: #ffffff;
}

.dark .cdx-button {
    background: #000000;
}

.dark .cdx-button:hover {
    background: #000000;

}

.controller-testcase_activities.dark .pagination ul.pages li a {
    color: #666666 !important;
    padding: 8px 12px 8px 12px !important;
    color: white !important;
    /* background: #282626 !important; */
}

div.pagination > span > ul > li.next.page > a::before {
    content: url(../images/left_arrow.svg) !important;
    position: absolute;
    background: unset !important;
    transform: rotate(180deg);
}

.pagination ul.pages li.previous span::before {
    content: url(../images/left_arrow.svg) !important;
    position: absolute;
    margin-left: -8px;
    margin-top: -12.2px;
}

.controller-testcase_activities span.per-page {
    float: inline-start;
}

.controller-testcase_activities span.items {
    float: inline-end;
}

.dark .total_percentage_graph {
background-color: #333245 !important;
}

.dark .dropdown-menu {
    background-color: #333245 !important;

}

.controller-issue_testcase.action-new #content .select2-container, .controller-issue_testcase.action-create #content .select2-container {
    width: 240px !important;
}

.dark .flip-card-back {
    background-color: #333245 !important;

}

.controller-runs #clearButtonFilter {
    padding: 9px 19px 23px 16px !important;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-top: -2px;
    line-height: 15px;
}

.controller-runs td.subject {
    text-align: center !important;
}
.controller-runs #content > table > thead > tr > th:nth-child(1) {
    text-align: center;
    padding-left: 9px;
}

button.milestone_cancel-btn,
#cancel_defect_form {
    width: 120px !important;
    height: 37px !important;
    border-radius: 4px;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 15px !important;
    line-height: 21px !important;
    cursor: pointer;
    transition: all 0.3s ease-in;
}

button.milestone_cancel-btn:hover,
#cancel_defect_form:hover {
    background-color: #ced3e6a8 !important;
}

.controller-runs #users_for_watcher>label>input[type=checkbox],
.controller-issues #users_for_watcher>label>input[type=checkbox],
.controller-issue_testcase #users_for_watcher>label>input[type=checkbox] {
    float: right;
    margin-right: 22px;
}

.controller-runs #users_for_watcher ,
.controller-issue_testcase #users_for_watcher,
.controller-issues #users_for_watcher

 {
    height: 223px !important;
    overflow: auto;
    margin-left: 4px;
}
.controller-issues #new-watcher-form>p.buttons {
    margin-right: 0px !important;
    display: flex;
    gap: 10px;
    justify-content: center;
}
.controller-issues #new-watcher-form>p.buttons>input[type=submit] {
    background: #0094FF;
    color: #FFFFFF;
    width: 100px;
    height: 42px;
    font-size: 14px;
    font-family: 'Poppins-SemiBold';
    border-radius: 5px;
    margin-top: 1px;
    line-height: 7px;
}
.controller-runs #new-watcher-form>p.buttons,
.controller-issues #new-watcher-form>p.buttons,

.controller-issue_testcase #new-watcher-form>p.buttons {
    margin-right: 0px !important;
    display: flex;
    gap: 10px;
    justify-content: center;
}
.controller-testcase_milestones .per-page {
    float: inline-end;
}
.controller-testcase_milestones .items {
    float: inline-start;
}
.controller-testcase_milestones .pagination {
    text-align: center;
    margin-top: 20px;
}
.controller-runs #new-watcher-form>p.buttons>input[type=submit],
.controller-issue_testcase #new-watcher-form>p.buttons>input[type=submit] {
    background: #0094FF;
    color: #FFFFFF;
    width: 100px;
    height: 42px;
    font-size: 14px;
    font-family: 'Poppins-SemiBold';
    border-radius: 5px;
    margin-top: 1px;
}

.controller-runs #new-watcher-form>p.buttons>input[type=submit] {
    background: #0094FF;
    color: #FFFFFF;
    width: 100px;
    height: 42px;
    font-size: 14px;
    font-family: 'Poppins-SemiBold';
    border-radius: 5px;
    margin-top: 1px;
    line-height: 7px;
}

.controller-runs #new-watcher-form>p.buttons>a {
    font-family: 'Poppins-Medium';
    color: black;
    font-size: 14px;
    /* font-family: 'Poppins-SemiBold'; */
    padding: 8px 18px 10px 18px;
    border-radius: 5px;
    text-decoration: none;
    line-height: 24px;
}

.controller-testcase_activities .pagination {
    text-align: center;
}


.controller-testcase_activities div.pagination > span > ul > li.next.page > a::before {
    content: url(../images/left_arrow.svg) !important;
    position: absolute;
    background: unset !important;
    transform: rotate(179deg);
}

/* .dark #content > div:nth-child(13) {
    background-color: #333245 !important;
} */

a#add_steps_button:hover {
    background-color: #0094ffdb !important;
}


.controller-issues.action-new .ui-button-icon-only .ui-icon, .controller-issues.action-create .ui-button-icon-only .ui-icon {
    position: absolute;
    top: 10px;
    right: 32px;
    left: -44px !important;
    cursor: pointer;
}

.controller-runs #create-btn {
    line-height: 18px !important;
}

.controller-issues .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none !important;
}

.dark .apexcharts-menu {
    background:#333245 !important;
    color: white;
}
.controller-testcase_milestones.dark #content {
    color: #ffffffc9 !important;
}
.controller-issue_testcase #B button {
    display: none;
}

.controller-issue_testcase #testsuite-tree {
    margin-top: -108px;
}

.controller-issue_testcase #content {
    margin-top: 112px;
}

.controller-issue_testcase .div_testcase_area {
    margin-top: -100px;
}

.dark #issue_template_field > a.clear {
    color: #ffffff;
}

.controller-issue_testcase.action-new .select2-container, .controller-issue_testcase.action-create .select2-container {
    width: 240px !important;
}


.dark .tescases_graph {
    background-color: #333245 !important;
 
}


.dark .flip-card-front {
    background-color: #333245 !important;
}


.controller-runs.action-show.dark .filter-header {
    background-color: #333245 !important;
}

.controller-runs.action-show.dark .filter-content.show{
    background-color: #333245 !important;
}

/* .dark #toggle-testsuites > div > span > a {
    background-color: rgb(82 75 75) !important;
} */

/* .controller-runs.action-show  input[type="submit"] {
    line-height: 20px;
} */

.controller-runs.action-show .filter-content.show {
    display: block !important;
    background-color: #fff;
    padding-bottom: 54px !important;
    padding-top: 1px !important;
}

.controller-runs #testsuite-tree {
    margin-left: -215px;
    overflow: auto;
    margin-top: -108px;
    padding-top: 21px;
}

.controller-runs.action-show .testsuite-area {
    overflow-x: hidden;
    margin-top: -90px;
}

/* .controller-testcase_activities .pagination ul.pages li a::before {
    content: url(../images/left_arrow.svg) !important;
    position: absolute;
    margin-left: -8px;
    margin-top: -12.2px;
    background-repeat: no-repeat;
} */

.controller-testcase_activities .pagination ul.pages li.previous span::before, .controller-runs .pagination ul.pages li.previous span::before,
.controller-test_suites .pagination ul.pages li.previous span::before
 {
    content: url(../images/left_arrow.svg) !important;
    position: relative;
    margin-left: -14px;
}
 


.controller-runs.action-show #content{

    margin-top: 113px;
}


.dark .testsuites-names span[class^="testsuite-name"] {
color:white !important;
}
.controller-testcase_import.dark .sidebarr{
    background: #333245 !important;
}

.controller-testcase_import div#content {
    margin-top: 112px;
    padding-top: 10px;
}

.controller-testcase_import a.button_for_cancel {
    height: 22px;
    width: 60px !important;
    height: 27px !important;
    border-radius: 4px;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 25px !important;
    cursor: pointer;
    /* margin-bottom: -36px; */
    border: 1px solid #ccc;
    border-radius: 3px;
    /* height: 30px; */
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 10px;

}


input.button_for_import {
    background-color: #0094ff !important;
    padding: 19px 22px 18px 22px !important;
    font-size: 14px;
}
.controller-testcase_import a.button_for_cancel {
    background-color: transparent !important;
}
.controller-testcase_import a.button_for_cancel:hover {
    background-color: #ced3e6a8 !important;
}
.controller-testcase_import a.button_for_cancel.btn_for_import {
    background-color: #0094FF !important;
    border: unset !important;
}
.controller-testcase_import.dark a.button_for_cancel:hover {
    background-color: #ced3e6a8 !important;
}

.controller-testcase_import a.button_for_cancel{
    background: #333245;
    /* color: #ffffff !important; */
}


.controller-testcase_import a.button_for_cancel:hover{
    background-color: #ced3e6a8;
    border: 1px solid #ced3e6a8;
}
.controller-testcase_activities div.pagination > span > ul > li.previous.page > a::after ,
.controller-runs div.pagination > span > ul > li.previous.page > a::after,
.controller-test_suites div.pagination > span > ul > li.previous.page > a::after{
    content: url(../images/left_arrow.svg) !important;
    position: absolute;
    background: unset !important;
    transform: rotate(356deg);
    margin-top: -9px;
}

.controller-testcase_activities div.pagination > span > ul > li.next.page > a::before,
.controller-runs div.pagination > span > ul > li.next.page > a::before,
.controller-test_suites div.pagination > span > ul > li.next.page > a::before {
    content: url(../images/left_arrow.svg) !important;
    position: absolute;
    background: unset !important;
    transform: rotate(179deg);
    margin-top: -11px;
}

.dark .progress_popup,
.dark .progress_popup{
    background-color: #000000 !important;
}

.dark .activity_date_heading .date_title {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #ccced1;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 5px;
}

.dark input[type="submit"] + a{

    background: #333245;
    color: #ffffff !important;
    width: 94px !important;
    height: 23px !important;
    padding: 10px;
    padding: 8px 20px 9px 20px;
    line-height: 0px;
    border-radius: 4px;
}

.dark input[type="submit"] + a:hover{
    background-color: #ced3e6a8 !important;
    /* border: 1px solid #ced3e6a8 !important; */
}
.dark .dropdown-item:hover {
    background-color: #726969;
}

.dark .runversion_div + div {
    background-color: #333245 !important;
}



.dark #mapping_table .header {
    background: #000000;
}

.controller-testcase_import #B button{
    display: none ;
}

.dark #mapping_table .header {
    background: #121315;
}


.entity_type {
    white-space: break-spaces !important;
}


@media only screen and (min-width: 900px) and (max-width: 1300px) {

    .graph_filter {
        display: block !important;
      }

        .testrunsoverview, .releaseoverview {
            width: auto !important;
        
    }

    
    .testrunsoverview, .releaseoverview, .prirityoverview {
            width: auto !important;
        }
        .controller-testcase_reports.action-new .report-box.report-box-stacked.icon-schedule {
        display: block !important;
    }
    .TestRunDivs {
        display: block !important;
    }
    div#testcase_graph_id {
        margin-top: 10px;
    }

    .controller-testcase_reports #new_testcase_report > a {
        position: relative;
        /* top: 10px; */
    }
    /* .controller-test_suites table.list, .table-list {
        overflow-x: scroll;
        display: block;
    } */

    li.to-do_list {
        padding-left: 53px !important;
    }
}


.dark #copy-chart-button {
    background-color: #2F3244 !important;
    /* height: 24px; */
  }


  .controller-testcase_reports #content > table > thead > tr > th:nth-child(1) {
    text-align: center;
    padding-left: 2px;
}

.controller-testcase_reports .list tbody tr td:nth-child(2) a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
    display: block;
}

.controller-testcase_reports.action-index.dark .JCLRgrip .JColResizer {
    background-color: #ffffff !important;
}

 .controller-testcase_reports.action-index .JCLRgrip .JColResizer {
    margin-top: 31px;
}

.dark #report_parent_div {
    background-color: #1F263C !important;
}

.dark .report_parent_div {
    background-color: #1F263C !important;
}

.report_name_date + div {
    background-color: #1F263C !important;

}

.dark .report_name_date {
    background-color: #ffffff !important;

}

.controller-test_suites .span_project {
    display: none;
}

.controller-test_suites.action-releases .defectTestingDiv-table .table_td_ellips, .controller-runs.action-defect .table_td_ellips {
    border-radius: 0px !important;
    border: none;
}

div#div_setting_graph {
    float: inline-end;
}

.defectTestingDiv-tr .table_status .show_percentage {
    width: auto !important;
}

.controller-test_suites .close_modal:hover, .controller-test_suites .close_modal:focus {
    color: unset;
    text-decoration: none;
    cursor: pointer;
}

#content > div.executionsDiv.sidebar-open > div > div > table > tbody > tr > td.table_status, #content > div.executionsDiv.sidebar-open > div > div > table > thead > tr > th.table_status 
 
{
  max-width: 270px !important;  
  padding-right: 35px !important;
}

.defectTestingDiv-table {
    box-shadow: unset !important;
}

#milestone_edit_editor {
    margin-bottom: -40px;
}

.controller-testcase_milestones.action-edit .ql-toolbar.ql-snow, 
.controller-testcase_milestones.action-edit #editor_edit_milestone,
.controller-testcase_milestones.action-update .ql-toolbar.ql-snow,
.controller-testcase_milestones.action-update #editor_edit_milestone {
    margin-left: 195px !important;
    padding: 5px !important;
    margin-top: 1px !important;
}

.controller-testcase_milestones div.pagination > span > ul > li.next.page > a::before {
    margin-top: -11px;
}

.controller-runs .pagination {
    text-align: center;
    margin-top: 20px;
}

.controller-runs span.items {
    float: left;
}

.controller-runs span.per-page {
    float: inline-end;
}

.controller-testcase_milestones div.pagination > span > ul > li.previous.page > a::after,
 .controller-testcase_milestones div.pagination > span > ul > li.previous.page > a::after {
    content: url(../images/left_arrow.svg) !important;
    position: absolute;
    background: unset !important;
    transform: rotate(356deg);
    margin-top: -11px;
}

.controller-testcase_milestones div.pagination > span > ul > li.next.page > a::before {
    content: url(../images/left_arrow.svg) !important;
    position: absolute;
    background: unset !important;
    transform: rotate(180deg);
    margin-top: -11px;
}

.controller-testcase_email_templates.dark #template-editor-body, .controller-testcase_email_templates.dark #template-editor-footer {
    height: 150px;
    background-color: #333245;
}

textarea#testcase_email_templates_cc {
    margin-left: 180px;
    margin-top: -18px;
}

label[for="testcase_email_templates_footer"] {
    margin-left: -11px;
    margin-top: -22px !important;
}


label[for="testcase_email_templates_body"] {
    margin-left: -11px;
    margin-top: -9px !important;
}

.controller-testcase_email_templates p#id-editor-body {
    margin-bottom: -41px !important;
}

label[for="testcase_email_templates_cc"] {
    margin-left: -11px;
    margin-top: -6px !important;
}
textarea#testcase_email_templates_cc {
    margin-left: 20px !important;
    margin-top: -6px !important;
}

#new_testcase_email_templates > div > p:nth-child(3),
#edit_testcase_email_templates_1 > div > p:nth-child(3) {
    display: flex
;
}

.controller-testcase_email_templates .ql-toolbar.ql-snow, .controller-testcase_email_templates #template-editor-body, .controller-testcase_email_templates #template-editor-footer {
    width: -webkit-fill-available;
    margin-left: 195px !important;
    padding: 5px;
}

.controller-testcase_email_templates .back-button {
    font-weight: normal !important;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    width: 70px;
    display: inline-flex;
    height: 22px;
    line-height: 20px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.controller-testcase_milestones #milestone_edit_editor {
    margin-bottom: -38px;
}

.dark .ce-inline-toolbar {
    background-color: #000000;
}

.dark .tc-popover {
    background-color: #000000 !important ;

}

.dark .bg-white {
    background-color: #000000 !important;

}

.dark .tc-row--selected {
    background-color: #000000 !important;

}

.dark .tc-add-column:hover, .dark .tc-add-row:hover {
    background-color: #000000 !important;

}


.controller-requirements .menu-dropdown ul li {
    width: auto !important;
}

@media only screen and (min-width: 900px) and (max-width: 1428px) {
    .report_div table#scorecard_report {
        overflow-x: scroll;
        display: block;
    }
    body.controller-issues.action-show div.issue div.subject h3 {
        width: 74%;
    }

    .controller-issue_testcase .jstBlock {
        display: block;
    }
    /* .splitcontent {
        display: block;
    } */
    #all_attributes > p:nth-child(12) {
        display: flex
    ;
        width: 95%;
    }

    #steps-container .icon-only.icon-del {
        /* padding-top: 50px; */
        margin-top: 0px;
        margin-left: 20px;
    }
    textarea#testcase_email_templates_cc {
        margin-left: 37px !important;
        margin-top: -6px !important;
    }
    [id^="chart_for_run_"] {
        width: 100%;
        height: 300px;
        overflow-x: auto;
    }
}
.controller-testcase_reports #report_description {
    margin-bottom: -39px;
}

.controller-testcase_reports.action-new .ql-toolbar.ql-snow,
 .controller-testcase_reports.action-new #editor_report, 
 .controller-testcase_reports.action-create .ql-toolbar.ql-snow,
  .controller-testcase_reports.action-create #editor_report, 
  .controller-testcase_reports.action-edit .ql-toolbar.ql-snow,
   .controller-testcase_reports.action-edit #editor_report,
    .controller-testcase_reports.action-update .ql-toolbar.ql-snow, 
    .controller-testcase_reports.action-update #editor_report {
    margin-left: 193px !important;
}

a#new_milestone_btn {
    margin-top: 5px !important;
    padding-bottom: 7.9px !important;
}

.controller-runs input#issue_subject {
    width: 83%;
}

.controller-runs #all_attributes > p:nth-child(18) {
    display: flex;
}

.controller-runs #new_issue_category > div > p:nth-child(1) ,
.controller-issue_testcase #new_issue_category > div > p:nth-child(1){
    display: flex;
}

.controller-runs #new_issue_category > p > a,
.controller-runs #new_version > p > a ,
.controller-issue_testcase #new_version > p > a{
    height: 13px !important;
    display: inline-block;
    width: 46px !important;
    line-height: 11px;
    padding: 11px 24px 12px 20px !important;
}

.controller-runs #new_version > div.box p,
.controller-issue_testcase #new_version > div.box p {
    display: flex;
}

.controller-runs #new_version > div > p > label,
.controller-issue_testcase #new_version > div > p > label {
    margin-left: -38px;
}

.controller-runs #new-watcher-form > p.buttons > a,
.controller-issue_testcase #new-watcher-form > p.buttons > a {
    height: 15px !important;
    display: inline-block;
    width: 46px !important;
    line-height: 17px;
    padding: 11px 24px 12px 20px !important;
    margin-top: 1px ;
}

.controller-testcase_todos .pagination {
    text-align: center;
    padding-top: 20px;
}

.controller-testcase_todos span.items {
    float: left;
}

.controller-testcase_todos span.per-page {
    float: inline-end;
}

.controller-testcase_todos .pagination > span > ul > li.next.page > a::before {
    content: url(../images/left_arrow.svg) !important;
    position: absolute;
    background: unset !important;
    transform: rotate(180deg);
    margin-top: -11px;
}

.dark .ui-widget-content {
    background: #111010;
    color: #ffffff;
}

#new_issue_category > div > p:nth-child(2) > label {
    margin-left: -39px;
}

.controller-runs div.pagination > span > ul > li.previous.page > a::after, 
.controller-testcase_todos div.pagination > span > ul > li.previous.page > a::after, 
.controller-test_suites div.pagination > span > ul > li.previous.page > a::after {
    content: url(../images/left_arrow.svg) !important;
    position: absolute;
    background: unset !important;
    transform: rotate(356deg);
    margin-top: -9px;
}

.controller-test_suites.dark .JCLRgrip .JColResizer,
 .controller-testcase_milestones.dark .JCLRgrip .JColResizer,
  .controller-testcase_reports.action-index.dark .JCLRgrip .JColResizer {
    position: absolute !important;
    background-color: #ffffff33 !important;
    opacity: 0.9 !important;
    width: 3px !important;
    margin-left: 5px;
}




.controller-test_suites .pagination > span > ul > li.next.page > a::before {
    content: url(../images/left_arrow.svg) !important;
    position: absolute;
    background: unset !important;
    transform: rotate(180deg);
    margin-top: -11px;
}

.controller-test_suites div.pagination > span > ul > li.previous.page > a::after {
    content: url(../images/left_arrow.svg) !important;
    position: absolute;
    background: unset !important;
    transform: rotate(356deg);
    margin-top: -9px;
}

.dark #editor_report {
    background-color: #333245 !important;
}

/* #content > div > div > div {
    margin-top: 0px;
} */

.report-cross-folder:hover {
    background-color: unset !important;
    border-radius: 2px;
}

.controller-testcase_reports table.list.JCLRFlex {
    width: auto !important;
}

.dark .schedule_delete-heading {
    color: #ffffff;

}

table#JColResizer1 {
    margin-top: 40px;
}

#content > h3:nth-child(10) {
    margin-top: 23px;
}

[id*="edit_testcase_report_"] > a{
    border: 1px solid #ddd;
    color: rgb(0, 0, 0);
    font-size: 13px;
    border-radius: 5px;
    padding: 8px 20px 9px 20px;
    text-decoration: none;
}

[id*="edit_testcase_report_"] > a:hover{
    background-color: #ced3e6a8;
    color: black !important;
}


.controller-testcase_reports span.span_project {
    display: none;
}


#new_testcase_email_templates > div > p.macros > em {
    padding-left: 0px;
    color: #888;
    display: -webkit-inline-box;
}


label.macros_name {
    margin-top: -4px;
}

#parent_issue {
    display: inline-flex;
}

#attributes > div:nth-child(1) > div.splitcontentright > p:nth-child(6) {
    display: flex;
}

.dark .testsuite-name a {
    color: #b0a8a8 !important;
}

.dark .select2-container--default .select2-selection--single {
    background-color: #333245 !important;
    border: 1px solid #aaa;
    border-radius: 4px;
}


.controller-runs.action-show span.select2.select2-container.select2-container--default:after {
    right: 15px;
    display: none;
}

.controller-runs .select2-container--default .select2-selection--single .select2-selection__clear {
    margin-top: 8px;
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px;
}

.controller-runs .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 10px;
    right: 1px;
    width: 20px;
}

.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #c4c4c4 !important;
    line-height: 38px !important;
}

.dark .select2-search--dropdown {
    display: block;
    padding: 4px;
    background-color: #2c2424;
}

.select2-container--default .select2-selection--single {
    background-color: #ecf8ff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

input.file_selector.filedrop {
    background-color: unset !important;

}

#edit_testcase_email_templates_2 > div > p:nth-child(3) {
    display: flex
;
}

#edit_testcase_email_templates_2 > div > p.macros {
    padding-left: 0px;
    color: #888;
    display: -webkit-inline-box;
}

#edit_testcase_email_templates_2 > div > p.macros > em {
    padding-left: 0px;
}

#edit_testcase_email_templates_2 > div > p.macros > em {
    padding-left: 0px;
    padding-left: 0px;
    color: #888;
    display: -webkit-inline-box;
}

.dark .cdx-attaches {
    --color-bg: #0b0a0a;
}

.dark .tc-wrap {
    --color-background: #000000;

}

.dark .ce-inline-tool.ce-inline-tool--font .selectionList-font-family .selection-list-wrapper-font {
    background: #4a4646;
    border: 1px solid #eaeaea;
}

.dark .ce-inline-tool:hover {
    background-color: #6b6b6b;
}

.dark .ce-inline-tool.ce-inline-tool--font .selectionList-font-family .selection-list-wrapper-font .selection-list-option:hover {
    background-color: #0e0e0e;

}

.dark input.file_selector.custom-field-filedrop {
    background-color: unset !important;
}

#attributes > div > div.splitcontentright > p {
    display: flex;
}

.dark input.file_selector.custom-field-filedrop {
    background-color: unset !important;
    border: unset !important;
}

#attributes > div > div.splitcontentright > p {
    display: flex
;
}

/* .controller-runs.action-show button#addition_btn {
    display: none;
}

.controller-runs button#addition_btn {
    border: unset !important;
}

.controller-runs .additional_btn_wrapper {
    padding-top: 0px;
    border-top: 1px solid;
    border-top: unset !important;
    margin-top: 0px !important;
} */


.dark select#run_select_issue {
    background-color: #34363c !important;
    border: 1px solid #ffffff59;
}

.dark select#environment_select {
    background-color: #34363c !important;
    border: 1px solid #ffffff59;
}


.controller-issues.action-show #content h2 {
    color: black !important;
    font-size: 16px;
    padding-bottom: 0px;
    margin-top: 1px !important;
}

#new-watcher-form > p.buttons > a {
    padding: 10px 1px 11px 15px;
    height: 20px !important;
    width: 75px !important;
    line-height: 22px;
}

.controller-test_suites .contextual span.drdn.expanded .drdn-content {
    left: -125px !important;
}

.dark input[type="file"] {
    background-color: unset !important;
    border: unset !important;
}

.dark .suite-item.selected {
    background-color: #818c94;
}

.controller-testcase_import .form-navigation .button_for_cancel {

    line-height: 28px !important;

}

.controller-testcase_import a.button_for_cancel {
    padding-bottom: 6px !important;
    padding-left: 12px;
    padding-right: 5px !important;
}

.controller-testcase_import.dark a.btn_for_import:hover {
    background-color: #0094ffc7 !important;
}

.controller-test_suites.action-index div#query_form_with_buttons #query_form_content {
    background-color: #fff;
    margin-top: 1px !important;
}

/* .drop_search .testsuite-container {
    margin-top: -1em !important;
} */

.testsuite-container {
    margin-top: 9em !important;
}

.controller-testcase_import #testcase-import-form > fieldset > p:nth-child(3) > label {
    margin-top: -6px;
}

.dark #map_value_table .header th {
    background-color: #121315;
}

.controller-test_suites .flash.notice {
    margin-left: -5px;
    margin-top: 0px !important;
    margin-bottom: 7px !important;
}

.dark .ce-conversion-toolbar {
    position: absolute;
    background-color: #000000;
}

.dark .ce-conversion-tool:hover {
    background: #444445;
}

.dark .ce-inline-toolbar__dropdown:hover {
    background: #787878;
}

.controller-requirements.dark .codex-editor path {
    stroke: rgb(255 255 255);
}

.dark .tc-popover__item-icon {
    background: #000000;

}

.dark .ce-conversion-tool__icon {
   background: #000000;
}

.dark .custom-context-menu {
    position: absolute;
    background-color: #000000;
}

.controller-runs #content {
    margin-top: 111px;
    /* background-color: #FFFFFF; */
}

.dark .close_modal:hover, 
.dark .close_modal:focus {
    color: white;
    text-decoration: none;
    cursor: pointer;
}

#content > div.search_div > form > div > button:hover {
    background-color: unset !important;
}

.controller-runs #environment_select {
    margin-top: 3px;
    margin-bottom: 20px;
}

.controller-issue_testcase span.span_project {
    display: none;
}

.controller-test_suites button.search-submit:hover {
    background-color: unset !important;
}

.controller-test_suites .pagination > span > ul > li.next.page > a::before {
    content: url(../images/left_arrow.svg) !important;
    position: absolute;
    background: unset !important;
    transform: rotate(180deg);
    margin-top: -11px;
}

.controller-test_suites .pages .previous a::after {
    content: url(../images/left_arrow.svg) !important;
    position: absolute;
    background: unset !important;
    transform: rotate(356deg);
    margin-top: -11px;

 
}
.controller-test_suites.action-index #main #content {
    overflow-y: clip !important;
}

.controller-test_suites.action-index div#main {
    overflow: hidden !important;
}

.controller-issue_testcase #content {
    overflow: hidden !important;
}

.controller-issue_testcase span.select2.select2-container.select2-container--default:after {
display: none;
}

.controller-issue_testcase .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 4px;
    padding-right: 2px;
    margin-top: -1px;
}

.controller-issue_testcase .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 6px;
    right: 1px;
    width: 20px;
}

/* .controller-issue_testcase #requirement_dropdown .select2.select2-container.select2-container--default.select2-container--focus {
    width: 240px !important;
}

.controller-issue_testcase #requirement_dropdown .select2.select2-container.select2-container--default.select2-container--focus {
    width: 240px !important;
} */

.controller-issue_testcase #add_steps_button {
    padding: 9px 13px 9px 14px;
    border-radius: 5px;
    margin-left: -1px;
    width: 70px;
    background-color: #0094FF !important;
    display: flex;
    background: #0094FF url(../images/plus.svg) no-repeat;
    background-position: 92% 50%;
    background-size: 11%;
}

@media only screen and (min-width: 900px) and (max-width: 1280px) {

    .controller-issue_testcase .jstBlock {
        display: block;
    }
    label#testcase_requirement_label {
        margin-left: 3pc;
    }
    p#requirement_dropdown {
        display: flex
    ;
    }
    .controller-issue_testcase.action-new #content #requirement_dropdown > span {
        width: 100% !important;
    }
    #steps-container .splitcontent .splitcontentright p {
        padding-left: 0px !important;
    }

    table.list.table_td_ellips {

    display: block !important;
     overflow-x: scroll !important;
       
       }
       
       
    span.attachments_form {
        display: table-caption;
    }
    .controller-issue_testcase input#issue_subject {
        width: calc(100% - 35%);
    }
}

.dark #requirement_dropdown .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #141414 !important;
}

.dark .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #3d3131;
}.controller-issue_testcase.action-new #content #requirement_dropdown > span {
    width: 100% !important;
    display: block;
}

.controller-issue_testcase #add_steps_button {
    color: white !important;
}

.controller-issue_testcase .div_testcase_area {
    margin-bottom: 67px;
}

.controller-runs.action-show .select2-container .select2-selection--multiple {
    min-height: 40px !important;
    border: 1px solid #ccc !important;
}

@media (min-width: 800px) and (max-width: 1400px) {
    #pie-chart {
     width: 450px !important;
      height: 150px !important;
    }


}

#run-details ul {
    list-style: none;
    height: 240px !important;
    overflow: auto;
    padding-left: 10px;
}
 .dark select#testcase_filter_label {
    background-color: #383838 !important;
    border: 1px solid white;
}

.controller-runs.action-show .select2-container .select2-selection--multiple {
    min-height: 42px !important;
    border: 1px solid #ccc !important;
}

#defect-form-field > p > span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus > span.selection > span {
    min-height: 40px !important;
}

h2#defect_heading {
    font-size: 20px !important;
}

.controller-issues.action-show .box.filedroplistner {
    margin-top: 24px;
}

.controller-test_suites div.pagination > span > ul > li.previous.page > a::after {
    content: url(../images/left_arrow.svg) !important;
    position: absolute;
    background: unset !important;
    transform: rotate(356deg);
    margin-top: -11px;
}

.controller-test_suites .pagination ul.pages li.next span::before {
    content: url(../images/right_arrow.svg) !important;
    position: absolute;
    margin-top: -13px;
    margin-left: 2px;
}


.controller-test_suites .pagination ul.pages li.next.page a::before, .controller-runs .pagination ul.pages li.next.page a::before {
    content: url(../images/right_arrow.svg) !important;
    position: absolute;
    margin-top: -12px;
    margin-left: 8px;
}
 
.controller-runs .pagination ul.pages li.next.page a::before {
    transform: rotate(0deg) !important;
    position:  relative !important;
}
 
.controller-runs.action-show .testsuite-area {
    overflow-x: hidden;
    margin-top: -90px;
    padding-bottom: 40px;
}

.controller-runs.action-show #content {
    overflow: hidden !important;
}