/* your styles go here */


.select2-container{
	width: 100% !important;
}

.selection {
	min-width: 100%;
	max-width: 100%;
	width: 100%;
}

.select2-selection__rendered {
	height: 38px !important;

}

.select2-selection.select2-selection--single {
	height: 38px;
}


.select2-selection__rendered .select2_hd {
	color: #222;
	opacity: 0.4
}


.select2-selection__rendered .select2_sd {
	display: none;
}


.bg-alt{
	background-color: #ebf0f7;
	box-shadow: 2px 2px 4px 4px #737272;
}


.form-control {
	border-radius: 6px;
	border: 1px solid #616362;
	font-size: 16px;
}
.form-group lable {
	font-size: 14px;
	color: #333;
}
.normal_mode{
	display: inline-block;
}
.edit_mode{
	display: none;
}



.editor_btn {
	white-space: nowrap !important;
}

.editor_btn .editor_update {
	background-color: #06F;
	color: #FFF !important;
	padding: 3px;
	font-size: 12px;
	border-radius: 4px;
	margin-right: 8px;
}

.editor_btn .editor_remove {
	background-color: #F00;
	color: #FFF !important;
	padding: 3px;
	font-size: 12px;
	border-radius: 4px;
	margin-left: 8px;
}


.form_error{
	color: red;
	font-size: 12px;
}

.btn-pmain{
	border: 1px solid #444;
	background-color: #FFF;
}
.projects_base{
	display: inline-block;
	width: 100%;
	max-width: 800px;
	min-height: 400px;
	position: relative;
}

.ploading{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 990389;
	background: linear-gradient(to right, rgba(2,2,2,0.2), rgba(2,2,2,0.2));
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #5e5c5c;
}

.projects_wrapper{
	width: 100%;
	min-height: 400px;
	border: 2px solid #444;
	background-color: #FFF;
	box-shadow: 2px 2px 4px 4px #CCC;
	padding: 20px 3px;
	max-height: calc(100vh - 170px);
	overflow-y: auto;

}
.project_tags{
	width: 100%;
	overflow-x: auto;
	display: flex;
	align-items: center;
	padding: 2px 10px;
	box-shadow: 2px 2px 2px 2px #CCC;
}
.project_tags span{
	width:20px;
	height: 20px;
	margin: 0px 10px;
	border-radius: 50%;
	background-color: #06F;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.project_tags span.active i{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	border: 3px solid #000;
}

.projects{
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
}

.projects .project{
	display: flex;
	width: 80%;
	height: 50px;
	/* border: 1px solid #000; */
	box-shadow: 2px 2px 2px 2px #999;
	border-radius: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}
.projects .project .stripe{
	width: 15px;
	background-color: #ecf0f0;
	height: 100%;
	border-radius: 2px;
}
.projects .project .pbody{
	display: flex;
	padding-left: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	justify-content: left;
	align-items: center;
	position: relative;
}
.projects .project .pbody h3{
	font-size: 18px;
}
.projects .project .pbody .pmeta{
	position: absolute;
	left: 20px;
	bottom: 0px;
	font-size: 12px;
	color: #999;
}
.projects .project .pbody{
	flex: 1;
	height: 100%;
}

.project_form_tb{
	/* border: 2px solid #222; */
}
.project_form_tb tr td:first-child{
	font-weight: bold;
	text-align: left;
	width: 100px;
}
.project_form_tb tr td{
	padding: 5px;
	vertical-align: middle;
	color: #333 !important;
	/* font-size: 16px; */
}

.task_notes button, .task_files button, .item_notes button{
	border: 1px solid #000;
	background: #FFF;
	padding: 1px 2px;
}
.task_notes button:hover, .task_files button:hover, .item_notes button:hover,{
	background-color: #d8e4f6;
}

.project_files_tb td, .project_files_tb th{
	border: 1px solid #565555 !important;
}
.project_files_tb td a{
	font-size: 16px;
	color: #455771;
}

.project_files_tb{
	text-align: left;
	font-size: 14px;
}
.project_files_tb tr td:first-child, .project_files_tb tr th:first-child{
	width: 50%;
}
.project_files_tb tr td:nth-child(2), .project_files_tb tr th:nth-child(2){
	width: 35%;
}



.dproject_name{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
}
.dproject_name select{
	width: 150px;
}
.dproject_table{
	border: 2px solid #333;
	padding: 10px;
}

.stable th{
	font-size: 14px;
	background-color: #cfcfcf;
	text-align: left;
	padding: 5px !important;
	vertical-align: middle !important;

}
.stable input[type=date]{
	max-width: 150px;
}
.stable input, .stable select{
	height: 30px;
	font-size: 14px;
	border: 1px solid #333;
	/* color: #9bc1fa; */
}
.stable th .btn-pmain{
	height: 30px;
	padding: 2px 10px;
}


.stable tr td{
	padding: 1px 5px !important;
	font-size: 14px;
	vertical-align: middle;
}

.action_btn{
	text-align: center;
}
.action_btn .btn-sm{
	font-size: 12px;
	padding: 2px 6px;
}
.btn-xs{
	font-size: 12px;
	padding: 2px 6px;
}

.blue-background-class {
	background-color: #C8EBFB;
}

.dtrg-start.dtrg-level-0 td {
	background-color: #171946 !important;
	color: #FFF !important;
	font-weight: bold;
}

.dtrg-start.dtrg-level-1 td {
	background-color: #babac5 !important;
	color: #000 !important;
	cursor: pointer;
	font-weight: bold;
	padding-left: 50px;
}


.dtrg-start .action {
	float: right;
}

.dtrg-start .action a {
	color: #FFF;
	cursor: pointer;
}

.dtrg-start .label {
	cursor: pointer;
}

.cover-image {
	width: 100%;
	min-height: 200px;
	position: relative;
  }
  
.cover-image .cover-image-drop-message {
	display: none;
  }
  
.cover-image.active .cover-image-drop-message {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
	border: dotted 3px #0896A9;
	background: linear-gradient(to right, rgba(53, 145, 185, 0.3), rgba(53, 145, 185, 0.3));
	color: #FFFFFF;
	font-size: 30px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
  }