.dark-mode .c3{
	background-color: #353839!important;
}
.dark-mode .c12{
	background-color: #353839!important;
}

.dark-mode #contentInfoModal p{
	color: white!important;
}
.dark-mode #contentInfoModal span{
	color: white!important;
}

.dark-mode{
    background-color: #353839;
}

body.light-mode {
    background-color: white;
    color: #353839;;
}
body.dark-mode {
    background-color: #353839;;
    color: white!important;
}

.dark-mode .modal-content {
    background-color: #353839!important;
    color: white!important;
}

.dark-mode .header-area{
    background-color: #353839!important;
    color: white!important;
}

.dark-mode .bottomTaskBar{
    background-image: linear-gradient(to right, #353839  81%, #353839 10%);
    color: white!important;
    border: 1px solid #fff;
}

.dark-mode #td1{
    background-color: hsl(45, 100%,20%)!important;
    color: white!important;
}

.dark-mode #td2{
    background-color: hsl(35, 70%, 15%)!important;
    color: white!important;
}
.dark-mode #td3{
    background-color: hsl(100, 85%, 15%)!important;
    color: white!important;
}
.dark-mode #td4{
    background-color: hsl(220, 85%, 20%)!important;
    color: white!important;
}
.dark-mode #td5{
    background-color: #222222 !important;
    color: white!important;
}
.dark-mode #td0{
    background-color: #353839 !important;
    color: white!important;
}
.dark-mode #table2{
    background-color: #353839 !important;
}
.dark-mode #table3{
    background-color: #353839 !important;
}

.dark-mode #td5{
    color: white!important;
}
.dark-mode .tag-line{
    color: white!important;   
}
.dark-mode .header-text{
    color: white!important;   
}
.dark-mode .titleTd0 {
    color: #353839 !important;   
} 
.dark-mode .titleTd1 {
    color: #353839 !important;   
} 
.dark-mode .titleTd2{
    color: #353839 !important;   
} 
.dark-mode .titleTd3{
    color: #353839 !important;   
} 
.dark-mode .titleTd4{
    color: #353839 !important;   
} 
.dark-mode .titleTd5{
    color: #353839 !important; 
}
.dark-mode li{
    color: white!important;
}
.weekend-date{
    background-color: rgb(224, 224, 224)!important;
}
.calendar-header{
    background-color: rgb(224, 224, 224)!important;
}
.dark-mode .weekend-date{
    background-color: rgb(22, 20, 20)!important;
}
.dark-mode .calendar-header{
    background-color: rgb(78, 76, 76)!important;
}
.bottam-task-tr{
    background-color: #fff!important;
}
.dark-mode .bottam-task-tr{
    border: 1px solid #000;
    background-color: #353839!important;
}

.dark-mode .td0List{
    background-color: #555555;
}

.toDoDiv{
    background-color: rgb(200, 200, 200)!important;
}

.collapsibleList{
   /** overflow-y: scroll!important;*/
}

.dark-mode textarea{
    background-color: rgb(200, 200, 200)!important;
    color: rgb(0, 0, 0)!important;
}

.dark-mode button{
    color: rgb(0, 0, 0)!important;
}

.dark-mode .light-yellow-bg{
    background-color: #000!important;
}

.dark-mode .link-table input{
    background-color: #3b3d3d;
    border: none;
}

.dark-mode #task-description{
    color: #fff!important;
}

.dark-mode .goal-create{
    background-color: #3b3d3d;
    color: #fff!important;
}

.dark-mode #file-data{
    color: #fff!important;
}
.dark-mode #uploaded-files-data a, .dark-mode #uploaded-links-data a{
    color: #b19cd9!important;
}
.dark-mode #projects-list{
    color: #3b3d3d; 
}

.dark-mode #mydivheader{
    color: #3b3d3d!important;
  }


.dark-mode #td0List{
	 background-color: #353839 ;
}
.dark-mode #td1List{
	background-color: hsl(45, 100%,20%);
}
.dark-mode #td2List{
	background-color: hsl(35, 70%, 15%);
}
.dark-mode #td3List{
	background-color: hsl(100, 85%, 15%);
}
.dark-mode #td4List{
	 background-color: hsl(220, 85%, 20%);
}
.dark-mode #td5List{
	 background-color: #222222;
}

.dark-mode  #custom-drag{
	background-color: #353839;
}
.dark-mode #quadrant-container .colHeader {
    color: white!important;
}

.dark-mode .c61, .dark-mode .c5, .dark-mode .c10 {
    /* Change this color for dark mode */
    background-color: #353839 !important; 
}

.light-mode .c61, .light-mode .c5, .light-mode .c10 {
    /* Change this color for light mode */
    background-color: #fff !important;
}


.dark-mode .feedback-box button{
    color: #fff!important;
}