body{
	background-color: #2a2a2b;
}
/******************************************************************************MENU********************************************************************/

#menubutton{
	display:block;
	position: relative;
	top:0;
	z-index:100;
	float:left;
}
.menutitle{
	font-family: 'Big Shoulders Display';
	color:white;
	float:left;
}
.switchcontainer{
	float:left;
	height:30px;
}
.switch_changeview_table{
	margin-left:20%;
}

#switch_changeview_div{
	font-size: 0;
}
#switch_groupbyproject_label,.switch_changeview_label{
	float:left;
	display:flex;
	font-size: 20px;
	color:silver;
}
#switch_changeview_label_gannt{
	color:#89dcda;
}
#topFixed{
	position: fixed;
	left:0;
	top:8%;
	z-index: 3;
	height:max-content;
	width:100%;
	background-color: #2a2a2b;
    box-shadow: 5px 5px 10px gray;
    border-radius: 10px;
    overflow: auto;
    display:none;
}
.filter_text{
	color:white;
}
.container{
	max-width: 100%;
	padding: 0px;
}
#filter_collapse{
	width:100%;
	color:white;
}
.btn_chevron{
	font-family: 'Unica One';
	border:none!important;
	border-radius: 100%;
	min-width: ;
	background-color: transparent!important;
	box-shadow: none!important;
}
#gannt_options_collapse{
	box-shadow: 5px 5px 10px gray;
}
#gannt_options_btn{
	display:none;
}
#gannt_options_btn,#gannt_options_btn:hover{
	font-size: 22px;
	color:silver;
}

#btn_stat{

}
#btn_filterArea{
	min-width:0px;
}

/*.dropdown-menu{
	min-width:unset!important;
}*/
.selectionBox,.bootstrap-select{
	width:100%!important;
	background-color: #262627!important;
	color:silver!important;
}

.selectionBox_container{
	float:left;
	margin:0.2%;
}
.selectionBox option{
	font-family: 'Unica One';
	font-size: 1vw;
}
.selectionBox_label,.range_label{
	color:white;
	font-family: 'Unica One';
	font-weight: 'bold';
	font-size: 1.2vw;
	display:inline-flex;
}
.selectionBox_label{
	float:right;	
}

.selectionBox_label span{
	float:left;
}

.dropright .dropdown-toggle::after{
	display:none!important;
}

.dropright .dropdown-menu{/*THIS IS TO CORRECT THE POSITION OF THE ACTIONS POP UP MENU*/
	transform: translate3d(40px, 0px, 0px)!important;
}


/*.dropdown-toggle{
	border-color:gray;
	color:silver;
}
.dropdown-toggle,.dropdown-menu {
	background-color: #262627;
	color:silver;
} 
.dropdown-item{
	color:silver;
}


.dropdown-menu{
	font-size: 1vw;
} */

.btn_release{
	border-radius: 100%;
	min-width:0;
	width:25px;
	height:25px;
	padding:0;
	line-height: 1;
	font-size:10px;
}

#user_welcome{
	width:100%;
	color:white;
	background-color: #3f3f40;
	font-size: 30px;
	font-family:'Big Shoulders Display';
	text-align: left;
	float:left;
	position: fixed;
	z-index:10;
}
.section_text{
	font-size: 26px;
	font-family:'Big Shoulders Display';
	color:#89dcda!important;
}

#maincharttitle{
	font-family: 'Unica One';
	font-size: 18px;
	color:floralwhite;
}
#searchProject{
	width:80%;
	float:left;
	background-color: #262627;
	color:silver;
	border-color:gray;
}
#btn_freetext_search{
	float:left;
}

.opt_select_grouping_lbl{
	font-family:'Big Shoulders Display';
	color:#89dcda;
	font-size: 20px;
}
#btn_newidea,#btn_savechanges{
	position:fixed;
	right:0;
	z-index:100;
	font-family: 'Big Shoulders Display';
	font-size:24px;
	width:145px;
}
#btn_newidea{
	top:50px;
}
#btn_savechanges{
	top:105px;
	display:none;
}

/***************STATS****************/

#stat_collapse{
	width:100%;
}
#stat_container{
	color:white;
	width:100%;
}
.stat_div{
	float:left;
	width:20%;
}
.stat_header{
	font-family: 'Big Shoulders Display';
	text-align: center;
	border-bottom: solid 1px white;
	height:100%;
	width:90%;
	text-align: center;

}
.stat_val{
	font-family: 'Unica One';
	font-weight: 'bold';
	font-size: 40px; 
	text-align: center;
	width:100%;
	color:#89dcda;
	/*height:150px;*/
}

#stat_status_div{
	font-size: 14px!important; 
	overflow: scroll;
	height:120px;
}


/******************************************************************************MAINAREA********************************************************************/


#mainContainer{
	position: relative;
	padding-top:5%;
	height:max-content;
	width:100%;
}
.container{

}

#btn_savechanges{
	float:left;
}
.text_big{
	width:100%;
	display:none;
}






#searchProject{
	width:100%;
}
mark{
	background-color: #89dcda;
	font-weight: bold;
	font-family: 'Big Shoulders Display'
}



#chart-table-timeline{
	/*width:80%;*/
	margin: 0 auto;
	/*height:500px;*/
	font-family: 'Verdana'!important;
}
/**********************************************************progress*****************/
.progress{
	height:1.5rem;
	background-color: transparent;
    border: solid 0.5px silver;
    cursor: pointer;
}
.progress-bar{
	text-shadow: 1px 1px black;
	white-space: nowrap;
	width:100px;
}

.progress_status_container{
	float:left;
	color:white;
	display:flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10%;
	position: relative;
}
.progress_status{
	position: relative;
	width:11vw;
	height:11vw;
	border:solid 1px white;
	border-radius: 100%;
	font-family: 'Big Shoulders Display';
	font-size: 24px;
	text-align: center;
	white-space: normal;
	padding:5%;
}
.status_done{
	background-color: green;
}

.status_missing{
	background-color: transparent;
}
.progress_status_time{
	font-size: 16px;
}
.progress_arrow{
	color:white;
	font-size: 30px;
	position: absolute;
	bottom:-25%;
	left:46%;
	width:100%;

}
.progress_tat{
	font-size: 20px;
	font-family: 'Big Shoulders Display';
	font-weight: 1;
}
/********************************************************progress end******************/


#timeline_opt_container{
	color:white;
	width:100%;
	float:left;
}
#timeline_opt_container h4,#gannt_options_status_container{
	color:#89dcda;
	font-family:'Big Shoulders Display';
}

.dueindicator{
	font-size:24px;
}

.highcharts-tooltip {
  z-index: 9998;
}



.btn.btn-light.dropdown-toggle:after{
	content:none;
}

/*******************************************************************FORM****************************************************************************/
.modal-content{
	background-color:#2a2a2b; 

}
.modal-title{
	color:silver;
	font-size: 30px;
	font-family: 'Unica One';
}
.collapse_header{
	color:#89dcda;
	font-size: 26px;
	font-family: 'Unica One';
}
.formlabel{
	color:#2b908f;
	font-size: 20px;
	font-family: 'Unica One';
}
.inpField{
	background-color:#2a2a2b; 
	color:silver;
}

.btn_collapse{
	float:left;
	border:none;
	background-color: transparent!important;
}
.btn_expand_collapse{
	width:49%;
	font-family: 'Unica One';
}
#btn_sendData_idea{
	width:100%;
}

.alert_div{
	display:none;
}


#alert_datasubmission{
	width:100%;
	position: fixed;
	top:0;
	left:0;
	z-index:100;
	display:none;
}

.radio-inline{
	color:silver;
	font-family: 'Big Shoulders Display';
}

.datepicker{
	z-index:1051;
	background-color: #343a40;
	color:white;
	font-family:'Big Shoulders Display';
} 

/*******************************************************************dataContainers & dataTables****************************************************/

.container{
	width:100%;
	float:left;
	max-width:100%;
}
.collapse_table{
	height:100%;
}
.collapse_table td:nth-child(1),.collapse_table td:nth-child(2) {  
 	background-color:#2a2a2b;    
}
.collapse_table th:nth-child(1),.collapse_table th:nth-child(2) {  
 	background-color:#2a2a2b;    
}
.DTFC_LeftBodyWrapper{
	top:-12px!important;
}
.dt-button{
	border:solid 1px silver;
	background-color: transparent!important;
	color:silver!important;
	border-radius: 5px!important;
	background-image:none!important;
}
.btn_collapse{
	/*display:none;*/
}

#table_container,.dataTables_wrapper{
	color:white;
}
.dataTable td,.dataTable th{
	font-size: 12px;
	color:white;
}

.gannt_opt_status_label{
	margin-left:20px;
	font-family: 'Unica One';
	color:white;
	font-size: 16px;
}
.ownerimage { 
	transition: all .2s ease-in-out; 
	background-color: #2a2a2b;
}
.ownerimage:hover { 
	transform: scale(3); 
}


.switch_groupbyproject_container{
	float:left;
	width:100%;
}
.form-check-label,.formlabelswitch{
	font-family:'Unica One';
}


.btn_dropmenu {
	font-family: 'Big Shoulders Display';
	font-size:16px;
	color:white;
	background-color: #212529;
	width:100%;
	border:none;
	width:100%;
	text-align: left;
	margin:1px;
}


.dropright .dropdown-menu{
	background-color: #343a40;
}
/****************************************************************************************Switch******************************************************/


.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #89dcda;
}

input:focus + .slider {
  box-shadow: 0 0 1px #89dcda;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}


.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
#label_switch_theme{
	color:white;
	font-size: 12px;
    position: absolute;
    width: 100px;
}






@media screen and (max-width: 600px) {/*************************************************PHONE***********************************/

	#topFixed{
		display:none;
		width:50%;
		height:90%;
		overflow: auto;
		top:9%;
	}
	#mainContainer{
		padding-top:18%;
	}

	.selectionBox_container{
		width:90%!important;
	}
	.selectionBox,.bootstrap-select{
		width:100%!important;
	}
	#btn_filterArea{
		display:none;
	}
	.menu_container{
		width:100%;
	}
	.selectionBox_label,.range_label{
		font-size: 3.5vw;
	}
	.opt_container{
		width:100%;
		float:left;
	}
	.opt_select_grouping_container{
		width:100%;
	}
	.opt_select_grouping_lbl{
		width:100%;
	}
	.opt_chart_type_container{
		width:100%;
	}
	.chart{
		width:100%;
	}

	.stat_div{
		width:25%;
	}
	#stat_div_statuses{
		width:100%;
	}
	.stat_val{
		font-size: 6vw; 
	}
	.opt_kpi_type_lbl{
		font-size:4vw;
	}
	/*.dropdown-menu{
		font-size: 3vw;
	} */
	.gauge_result_text{
		font-size: 5vw;
	}
	#container_info{
		font-size:2.2vw;
	}

	.form-check-label,.formlabelswitch{
		font-size:4vw;
	}
	.switch_changeview_table{
		margin-left:0%;
		float:right;
	}

	.btn_expand_collapse{
		font-size:4vw;
	}
	.modal-title{
		font-size: 6vw;
	}
	.progress_status{
		width:29vw;
		height:29vw;
		font-size: 16px;
		padding:1%;
		padding-top:8%;
	}
	.progress_status_time{
		font-size: 14px;
	}
	#btn_newidea,#btn_savechanges{
		font-size:18px;
		width:100px;
	}
}