* {
	border: 0px;
	/*font-family: 'Roboto', sans-serif;*/
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-size: 100%;
	
	vertical-align: baseline;
	list-style-type: none;
}
body{
	font-family: 'Roboto', sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: normal;
	padding-top: 45px;

}
body.grantChartPage{
	padding-top: 0;
}
body, html{
	
	overflow-x:hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
a {
	text-decoration: none;
	/* -webkit-transition: all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-ms-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	transition: all 0.3s ease-in-out 0.1s; */
	color:inherit;
	
}
a:hover, a:focus {
	/* -webkit-transition: all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-ms-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	transition: all 0.3s ease-in-out 0.1s; */
	text-decoration: none;
	outline: none;
	color:inherit;
}

a:focus {
	outline: none;
}
textarea {
	resize: none;
}
img{
	max-width:100%;}
.blankSpace{
    flex: 1 1 auto;
}
h1, h2, h3, h4, h5, h6{
	margin-bottom: 15px;
	color: #3f3f3f;
}
h2{
	font-size: 25px;
	text-transform: capitalize;
}
h3{
	font-size: 22px;
	font-weight: 700;
	color: #242424;
	margin-bottom: 25px;
}
h3 small{
	font-weight: 700;
	vertical-align: middle;
	display: inline-block;
	color: #949494;
    font-size: 70%;
}
h4{
	font-size: 18px;
	font-weight: 700;
	color: #000000;
}
h5{
	font-size: 16px;
}
p{
	margin-bottom:15px;
	line-height: 22px;
	}
.everyoneBox h5{
font-size: 15px;
line-height: normal;
font-weight: 700;
color: #000;

	}
.m-1, .m-2, .m-3, .m-4, .m-5{
	margin-top:0 !important;
	margin-left:0 !important;
	margin-right:0 !important;}
.p-5{
	padding: 6rem 0 !important;}
.p-4{
	padding-right:0 !important;
	padding-left:0 !important;
	padding: 2rem 0 !important;
	}
.container-fluid{
	padding-left:80px;
	padding-right:80px;}
.text-success{
	color: #3eb456 !important;
}
a.text-success:hover, a.text-success:focus{color: #3eb456 !important;}
.text-primary{
	color: #3eb456 !important;
}
a.text-primary:hover, a.text-primary:focus{
	color: #258338 !important;
}
.btn{
	font-size: 13px;
	line-height: normal;
	padding-top: 10px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 16px;
	border-radius: 25px;
	font-family: MyriadProRegular;
	/* background-image: url(../img/btn-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1px auto; */
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	border: none;	
	opacity: 1;
}
.btn.btn-sm{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-radius: 25px;
}
.btn.btn-xs{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-radius: 25px;
}
.btn.btn-lg{
	padding-top: 10px;
	padding-right: 60px;
	padding-bottom: 10px;
	padding-left: 60px;
	border-radius: 25px;
	font-size:100%;
}

/*.btn.btn-sm{
	padding:8px 12px;
	font-size:11px;}*/
.btn:hover{
	/* background-size:110% auto; */
	opacity: 0.8;
	}
.btn:focus{
	box-shadow:none !important;}
.btn img{
	margin-right:6px;}
.btn.btnFull{
	display:block;
	width:100%;}
.btn-success{
	color: #FFF;
	background-color: #3eb456;
	border-top-color: #3eb456;
	border-right-color: #3eb456;
	border-bottom-color: #3eb456;
	border-left-color: #3eb456;
}
.btn-success:hover, .btn-success:focus {
	color: #FFF;
	background-color: #3eb456;
	border-top-color: #5AC034;
	border-right-color: #5AC034;
	border-bottom-color: #5AC034;
	border-left-color: #5AC034;
}
select, select:focus{
	outline:none !important;}
.btn-primary{
	color: #FFF;
	background-color: #3eb456;
	border-top-color: #3eb456;
	border-right-color: #3eb456;
	border-bottom-color: #3eb456;
	border-left-color: #3eb456;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
	background-color: #3eb456;
    border-color: #3eb456;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3eb456;
    border-color: #3eb456;
}
.btn-primary:hover, .btn-primary:focus {
	color: #FFF;
	background-color: #3eb456;
	border-top-color: #3eb456;
	border-right-color: #3eb456;
	border-bottom-color: #3eb456;
	border-left-color: #3eb456;
}
.btn-secondary{
	color: #FFF !important;
}
.btn-secondary:hover, .btn-secondary:focus {
	color: #FFF !important;
}
.btn-warning {
    color: #FFF !important;
}

.btn-warning:hover {
    color: #FFF !important;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
    color: #FFF !important;
}
.btn-outline-secondary {
	color: #3f3f3f;
	background-color: transparent;
	background-image: none;
	border: 1px solid #e8e8e8;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus{
	background-color: #e8e8e8;
	border-color: #e8e8e8;
	color: #3f3f3f;
}
.navbar{
	padding:0;
	padding-right:15px;}
.navbar-brand{
	margin-left:15px;
	padding-top: 5px;
padding-bottom: 10px;

	}

.headerArea{
	background-color: #3eb456;
	z-index: 99;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
}
.grantChartPage .headerArea{
	position: static;
}
.navbar-light .navbar-nav .nav-link {
	color: #fff;
	font-size: 15px;
	padding: 0px;
	margin-right: 8px;
	margin-left: 8px;
	position:relative;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #fff;
	opacity:1;
}
.navbar-light .navbar-nav .nav-link .badge {
	border-radius: 50%;
    font-size: 8px;
    font-weight: normal;
    border: none;
    line-height: 19px;
    background-color: #F00;
    text-align: center;
    padding: 0px;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0px;
    right: -13px;
}
.dropdown-menu {
    left: inherit;
	right: 0;
	box-shadow: 0px 1px 5px #d5d5d5;
	border: none;

}
.dropdown-item {
    padding: 5px 15px;
    font-size: 13px;
	line-height: normal;
	cursor: pointer;
}
.searchBox .btn{
	padding:0;
	border:none;
	font-size:15px;
	color:#3eb456;
	margin-right:8px;
	margin-left:10px;
	line-height:40px;
}
.searchBox .btn:hover, .searchBox .btn:focus{
	background-color:transparent;}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
    background-color: transparent;
    border-color: transparent;
}
.searchBox .form-control{
	border-radius:25px !important;
}
.searchField{
	width:0 !important;
	padding:0 !important;
	opacity:0;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	}
.searchField.searchFieldAdd{
	width:auto !important;
	opacity:1;
	padding:11px 20px !important;
	}
.searchBox .btn:hover, .searchBox .btn:focus{
	background-color:transparent;
	   opacity: 1;
	   
	}
.navbar-nav > .nav-item{
	line-height:40px;}
.jumbotron{
	background-color: transparent;
	margin: 0px;
	/*padding-top: 100px;*/
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
	/*background-attachment: scroll;
	background-image: url(../img/me-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;*/
	border-radius:0;
    padding-top: 18px;
	border-bottom: 1px dashed #CFCFCF;
}
.meProfileImg{
	border-radius:50%;
	width:100px;}
.meDropDownProfileImg{
	border-radius:50%;
	width:30px;
	margin-right: 4px;
}
.compnayHeaderImg{
	border-radius:50%;
	width:25px;
}	
.meProfile h5{
	font-size: 22px;
	line-height: normal;
	font-weight: 700;
	color: #000;
	margin-bottom: 0px;
	white-space: nowrap;
	text-overflow: ellipsis; 
}
.meProfile .media-body{
	padding-left:20px;
	padding-top: 16px;
	}
.meProfile p{
	font-size: 13px;
	line-height: normal;
	color: #9da2ae;
	margin-bottom: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.meProfileIcon{
	font-size: 15px;
	color: #3eb456;
}
.meProfileIcon a{
	margin-left:5px;}
.list-group{
	margin-bottom:25px;}
.list-group-item{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	 padding-left: 0px;
	/*overflow: hidden;
	white-space: nowrap;*/
	position: relative;
	display: flex;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 2px;
}
.todoEdit{
	position:absolute;
	top: 1px;
left: -65px;
	display:none;
	
background-color:
#fff;
padding: 5px 10px;
box-shadow: -5px 0px 10px #e4e4e4;
border-radius: 25px;
z-index: 9;
}
.todoEdit:after{
	content:'' ;
	width: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -10px;
}
.list-group-item:hover .todoEdit, .relative:hover .todoEdit{
	display:block;}
.relative{
	position: relative;
}
.relative .todoEdit {
	top: -5px;
	left: -70px;
}	
.todoEdit a{
	margin-right: 2px;
margin-left: 2px;}
.list-group-head{
	background-color: #f1f1f1;
	font-size: 15px;
	font-family: MyriadProBold;
}
.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}	
.list-group-item:last-child {
    border-bottom-right-radius: 0rem;
border-bottom-left-radius: 0rem;
}	
.list-group-item:hover, .list-group-item:focus {
    z-index:inherit;
  
}
.list-group-item .form-group.form-check{
	margin-bottom:0;
	display:inline-block;
	margin-right:15px;}
.customCheckBox{
	margin-right: 5px;
	position:relative;
	margin-top:3px;
	height: 18px;
width: 20px;
	/*-ms-flex-item-align: center !important;
align-self: center !important;*/
}
.customCheckBox input[type=checkbox]{
	position: absolute;
    left: 0;
    top: -3px;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    width: 20px;
    height: 20px;
}
.checkTick {
    border: 2px solid #3eb456;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle;
	margin-top: -4px;
	position: relative;
}
.checkTick:after{
	position: absolute;
	background-image: url(../img/tick.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 20px;
	top: -2px;
	left: -2px;
    content: '';
    bottom: 2px;
	opacity:0;
	
	background-size:100% auto;
}
.customCheck .checkTick:after{
	top: 0;
}
.completedTodoList .checkTick {
    border: 2px solid #cccccc;
}
.completedTodoList .checkTick:after{
	background-image: url(../img/tick-grey.png);
}
.completedTodoList .todoListText {
    color: #a5a5a5;
}


.completedTodoDetails .checkTick {
    border: 2px solid #cccccc;
}
.completedTodoDetails .checkTick:after{
	background-image: url(../img/tick-grey.png);
}
.completedTodoDetails .commentTopTextTop h5 {
	color: #a5a5a5;
	text-decoration: line-through;
}

.completedTodoList .badge{
	opacity: 0.6;
}
.customCheckBox input[type=checkbox]:checked + .checkTick {
	
}
.customCheckBox input[type=checkbox]:checked + .checkTick:after {
	opacity:1
}

.todoListText{
	margin-right: 10px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis; 
	-ms-flex-item-align: center !important;
align-self: center !important;
min-width: 50px;
}

.todoListText.todoListText10{
	white-space:normal;
	overflow:auto;
}

 .todoListDate{
	margin-right: 20px;
	white-space: nowrap;
	font-family: MyriadProBold;
	white-space: nowrap;
	align-self: center !important;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D7D7D7;
	padding-right: 20px;
	height: 18px;
	} 
	
.todoListImg{
	margin-right: 5px;
	vertical-align: middle;
	width:40px !important;

	}

.todoListImg img{
	border-radius:50%;
	max-width:inherit;
	width:40px;}
.badge{
	border-radius: 25px;
	padding: 5px 15px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #e3e3e3;
	}
.badge-primary {
	color: #3eb456;
    background-color: #ecfbef;
    border-color: #ecfbef;
}
.badge-secondary {
	color: #212529;
	background-color: #ddd;
	border-color: #ddd;
}
.list-group-item-badges{
	white-space: nowrap;
	-ms-flex-item-align: center !important;
	align-self: center !important;
}
.fileType{
	position: relative;
	margin-bottom:30px;
	border-radius:2px;}
.fileTypeImg{
	
	height: 130px;
	margin:13px 13px 0 13px;
}
.fileTypeImg img {
	height: 100%;
}
.fileType h5{
	margin-bottom: 4px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis; 
	max-width: 150px;
	margin: 0 auto 10px auto;
}
.fileType h6{
	margin-bottom: 20px;
	font-size: 11px;
	color: #696969;
	font-weight: 400;
}
.fileType p{
	font-size:11px;
	    color: #999;
		margin-bottom:5px;
		white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis; 
	}
.everyoneBox{
	text-align:center;
	margin-bottom:40px;}
.everyoneBox h5{
	margin-bottom: 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
	}
.everyoneBox figure img{
	border-radius: 50%;
	max-width: 160px;
    width: 100%;
}
footer{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #eaebee;
	position: relative;
	z-index: 2;
	background-color: #FFF;
}
footer .container-fluid{
	padding-left:15px;
	padding-right:15px;}
footer ul li{
	font-size: 12px;
	margin-right: 10px;
	display:inline-block;
}
footer p{
	font-size: 12px;
	display: inline-block;
	line-height: normal;
	margin-bottom: 0px;
}
body.loginBg{
	background-color: #3eb456;
	background-image: url(../img/login-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding:0;
}
.loginBox{
	background-color: #FFF;
	border-radius: 6px;
	padding-top: 60px;
	padding-right: 40px;
	padding-bottom: 16px;
	padding-left: 40px;
}
.loginForm{
	max-width:230px;
	margin:0 auto;
	text-align:center;}
.form-group{
	margin-bottom:10px;}
.form-control{
	border-radius: 25px;
	height: auto;
	border-color: #e8e8e8;
	font-size: 13px;
	color: #919191;
	font-family: MyriadProRegular;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	line-height: normal;
}
textarea.form-control{
	border-radius:12px;}
.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #3eb456;
	outline: 0;
	box-shadow: 0 0 4px #3eb456;
}
.loginLogo{
	margin-bottom:25px;}
.loginForm h3{
	font-family: MyriadProRegular;
	font-size: 24px;
}
.loginBoxFooter{
	padding-top: 16px;
	border-top: 1px solid #ededed;
	margin-top:40px;
}
.loginBoxFooter p{
	margin-bottom:0px;}
.loginArea{
	margin-bottom:10%;
	margin-top:10%;
	}
.companyList{
	margin-top:50px;}
.companyList ul li{
	display:inline-block;
	text-align:center;
	margin:0 20px 20px 20px;}
.companyList ul li img{
	border-radius:50%;}
.tooltip{
	font-size:10px;}
.projectsViewIcons{
	width:50px;
	margin-right:10px;
	font-size:30px;}
.projectBox{
	border-radius: 3px;
	padding:20px;
	margin-bottom:15px;
	position:relative;
	overflow:hidden;
	box-shadow: 0px 0px 5px #e4e4e4;
	margin-left:2px;
	margin-right:2px;
	margin-top:5px;
}
.projectBox h3{
	margin-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #000;
	font-weight: 700 !important;
	}
.projectBox h5{margin-bottom:2px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis; 
	font-family: 'Roboto', sans-serif;
	color: #000;
	font-weight: 700 !important;
	}
.projectBox p{
	margin-bottom: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #949494;
	font-size:13px;
	}
.projectBox ul{
	margin-bottom:20px;}
.projectBox ul:after{
	content:'';
	display:block;
	clear:both;}
.projectBox ul li{
	width: 15%;
    margin-bottom: 2%;
    border-radius: 50%;
    position: relative;
    background-color: #F0F0F0;
    margin-right: 0.8%;
    margin-left: 0.8%;
    float: left;
}
.projectBox ul li img{
	border-radius:50%;
	}
.userName{
	left: 2px;
	top: 50%;
	-ms-transform: translateY(-50%) translateX(-0%);
	-webkit-transform: translateY(-50%) translateX(-0%);
	transform: translateY(-50%) translateX(-0%);
	position: absolute;
	right: 2px;
	font-family: MyriadProSemibold;
	font-size: 13px;
	text-transform: uppercase;
	color: #3eb456;
	letter-spacing: 1px;
	text-align: center;
	}
.userNameBig{
	left: 2px;
	top: 35%;
	-ms-transform: translateY(-50%) translateX(-0%);
	-webkit-transform: translateY(-50%) translateX(-0%);
	transform: translateY(-50%) translateX(-0%);
	position: absolute;
	right: 2px;
	font-family: MyriadProSemibold;
	font-size: 50px;
	text-transform: uppercase;
	color: #3eb456;
	letter-spacing: 1px;
	text-align: center;
	}	

.projectBoxIcons a{
	margin-right:5px;}
.projectProgress{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.projectProgress .progress {
    border-radius: 0rem;
	height: 10px;
}
.projectsFilterInv{
	display:inline-block;
	width:320px;
	margin-left:2px;
	margin-right:2px;
}

.projectsFilter{
	display:inline-block;
	width:200px;
	margin-left:2px;
	margin-right:2px;
}
.projectsFilterMultidropdown{
	display:inline-block;
	margin-left:2px;
	margin-right:2px;
	min-width: 200px;
}
.projectsFilterMultidropdown .select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
}
.projectsFilter2{
	display:inline-block;
	width:140px;
	margin-left:2px;
	margin-right:2px;
}
.projectsFilter3{
	display:inline-block;
	margin-left:2px;
	margin-right:2px;
}
.projectsFilterBtn{
	display:inline-block;
	margin-left:2px;
	margin-right:2px;
}
.projectsArchive{
	display:inline-block;
	font-size:25px;
	vertical-align:middle;
	margin-left:5px;}
.listViewIcons{
	font-size: 15px;
	top: 50%;
	-ms-transform: translateY(-50%) translateX(-0%);
	-webkit-transform: translateY(-50%) translateX(-0%);
	transform: translateY(-50%) translateX(-0%);
	position: absolute;
	right: 10px;
	display: flex;
	}

.listViewIcons a{
	margin-left:5px;}
.projectListView{
	margin-bottom:0 !important;}
.projectListView .list-group-item{
	
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	display: block;
	
	position: relative;
	margin-bottom:15px;
	border-bottom: 1px dashed #dde1e9;
}
.projectListView .list-group-item:last-child{
	border:none;
	
	margin-bottom:0;}
.projectListView .list-group-item .todoListDate{
	font-size:18px;
	border:none;
	margin-bottom:4px;
	padding-right:0;
	margin-right:0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	background-color: transparent;
	padding: 0;
}
.projectListView .progress{
	height:10px;}
.todoListStatus{
	margin-right: 10px;
	vertical-align: middle;
	white-space: nowrap;
	margin-bottom:3px;
	
	}
.projectListView .list-group-item .todoListText{color: #8b8b8b;
margin-bottom:4px;}
.subHeader{
	padding: 10px 0;
	border-bottom: 1px dashed #CFCFCF;
}
.subHeader ul li{
	margin-right:5px;
	line-height:36px;}
.subHeader .nav-link {
	font-family: MyriadProSemibold;
	padding:0; 

	
}

.subHeader .nav-link.active{
	color: #3eb456;
}
.projectStatusInput{
	width:160px;}
.list-unstyled li{
	margin-bottom: 8px;
	list-style-type: disc;
	line-height: 22px;
}
.list-unstyled li a{
	color: #3eb456;
}
ul.list-unstyled, .list-unstyled ul{
	margin-left:15px;
	margin-bottom:20px;}
.commentsBox{
	margin-bottom:35px;
width: 100%;}
.commentsBox .mr-3 {
    width: 60px;
    border-radius: 50%;
}
.commentsBox h5{
	font-size: 18px;
	font-family: MyriadProSemibold;
	margin-bottom:5px;
}
.commentsBox h6{
	font-size: 13px;
	font-family: myriadprolightregular;
	color: #838383;
}
.commentsBox p{
	margin-bottom:10px;}
.sideBarArea {
    background-color: #FFF;
    width: 325px;
    position: fixed;
    z-index: 9999;
    top: 0px;
   right: -325px;
    bottom: 0px;
    padding: 0px 10px 20px 20px;
    border-left: solid 1px #eaebee;
	-webkit-transition: all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-ms-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	transition: all 0.3s ease-in-out 0.1s;
}
.sideBarArea .content{
	position: absolute;
top: 60px;
bottom: 10px;
right: 15px;
left: 25px;
width: auto;
height: auto;
}
.sideBarArea.sideBarAreaAdd{
	right:0;
}
.sideBarArea h4{
font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #242424;
}
.sideBarBox{
	margin-bottom:10px;}
.sideBarBox .panel{    margin-bottom: 0px;
box-shadow: none;
}
.sideBarBox .panel-heading:after{
	content:'';
	display:block;
	clear:both;}
.sideBarName{
	float: left;
	font-size: 13px;
	color: #000000;
	width: 55%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 700;
}


.sideBarDate{
	color: #000000;
	font-size: 13px;
	float:right;
	}
.sideBarDate .text-muted{
	color: #eaebee !important;
	margin-right: 3px;
	margin-left: 3px;
}
.sideBarBox h5{
	font-size: 13px;
	margin-bottom: 10px;
	font-weight: 400;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	}
.sideBarBox .panel-body{
	display:block;
	clear:both;
	content:'';
	padding-bottom:20px;}
.sideBarBoxFigure{
	margin-bottom: 10px;
    width: 46px;
    margin-right: 10px;
    float: left;
    vertical-align: top;
   margin-top: 4px;}
.sideBarBoxFigure img{
	border-radius:50%;}
.sideBarBox p{
	color: #000000;
	margin-bottom:0;
	padding-top: 5px;
	min-height: 50px;
}
.sideBarBoxHold{
	position: relative;
	margin-bottom: 25px;
	padding-bottom: 17px;
	border-bottom: 1px solid #eaebee;
}
.sideBarBoxHold:last-child{
	border:none;
	padding:0;
	margin:0;}
.sideBarBoxHoldClose{
	    color: #000 !important;
    font-size: 13px;
    position: absolute;
    top: 0px;
    right: 0px;
    line-height: 20px;
	}

.sideBarBoxAreaClose{
	color: #000 !important;
	font-size: 20px;
	position: absolute;
	top: 7px;
left: 15px;
	line-height: 30px;
	}
.sideBarBoxAreaClose:hover, .sideBarBoxAreaClose:focus{
	color: #F00;
	}
.sideBarBoxClose{
	float:right;
	display:none;
	margin-top: 14px;
	line-height: normal;
	}

.sideBarBoxClose a{
	color: #000;
    font-size: 13px;
	line-height: normal;
	}

.sideBarBox:hover .sideBarBoxClose{
	display:inline-block;}
.sideBarBox:hover .sideBarDate{
	display:none;}

.sideBarAreaHead{
	border-radius: 3px 3px 0 0;
	font-size: 15px;
	line-height: normal;
	color: #242424;
	background-color: #e7fbeb;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	margin-bottom: 25px;
	margin: 0 -20px 10px -20px;
	font-weight: 700;
	padding-left:36px;

}
.sideBarAreaHead .badge{
	line-height: 30px;
	text-align: center;
	padding: 0px;
	height: 30px;
	width: 30px;
	font-size: 13px;
	font-weight: 700;
	color: #FFF;
	background-color: #3eb456;
	border-style: none;
	margin-left:5px;
}

.sideBarAreaHead .sidebarIconText {
	background: #000;
	border: solid #000 1px;
	top: -2px;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
    padding: 15px;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
        border-bottom-color: transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.sideBarBox  .panel-default > .panel-heading {
	color: #333;
	background-color: transparent;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #eaebee;
	line-height: 46px;
}
.panel-default {
	border-color: #eaebee;
}
.projectSidebar{
	position: fixed;
	width: 300px;
	left: -300px;
	top: 46px;
	background-color: #FFF;
	bottom: 0px;
	z-index: 1;
	
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	-webkit-transition: all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-ms-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	transition: all 0.3s ease-in-out 0.1s;
}
.projectSidebar .projectBox{
	margin-top:5px;}
.projectSidebar .projectBoxIcons a{
	margin-right: 6px;}
.projectSidebar.projectSidebarAdd{left: 0px;}
.projectSidebar.projectSidebarAdd2{
	top:0;}
.projectDetailsBg{
	-webkit-transition: all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-ms-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	transition: all 0.3s ease-in-out 0.1s;
	}
.projectDetailsBgAdd{padding-left:300px;}
.projectSidebarClose{
	display:none;}
.content {
	overflow: auto;
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mCSB_inside > .mCSB_container {
	margin-right: 25px;
}
.content.hidden {
	display: none;
}	
.projectArea{
	width:100%;
	}
.projectleft{
	width:55px;
	float:left;
	padding-right:20px;}
.projectRight{
	overflow:hidden;
}
.roundBox{
	padding: 20px;
	margin-bottom: 30px;
	
	border-radius:4px;
	background-color: #f8f8f8;
	background-color:
#f9f9f9;
margin-top: 20px;
}
.projectBoxIcons{
	font-size:15px;
	display:flex;}
.projectBoxIcons a{
	margin-left:0px;
	margin-right:3px;
	vertical-align: middle;
	}
.headerBottom{
	text-align: right;
	background-color: #FFF;
	padding-right: 15px;
	padding-left: 15px;
	border-bottom: 1px solid #eaebee;
	position: relative;
}
.headerBottom ul li{
	display: inline-block;
	font-size: 13px;
	color: #242424;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	margin-left:35px;
	line-height:50px;
}
.headerBottom ul li a:hover{
	color: #3eb456;
}
.serachBar{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #FFF;
	top: 50%;
	-ms-transform: translateY(-50%) translateX(-0%);
	-webkit-transform: translateY(-50%) translateX(-0%);
	transform: translateY(-50%) translateX(-0%);
	display: none;
	padding-right: 50px;
	padding-left: 15px;
	z-index:9;
}
.searchClose{
	top: 50%;
	-ms-transform: translateY(-50%) translateX(-0%);
	-webkit-transform: translateY(-50%) translateX(-0%);
	transform: translateY(-50%) translateX(-0%);
	position: absolute;
	right: 22px;
	cursor: pointer;
	font-size: 18px;
	color: #000;
	}
.serchField{
	width:100%;
	}
.serchField .form-control{
	border-radius: 0;
	border-top: none;
	border-right: none;
	border-bottom: none;
	padding-right: 5px;
	padding-left: 5px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: normal;
	border-left-style: none;
}
.serchField .form-control:focus{
	box-shadow:none;}
.serchField .form-control::-webkit-input-placeholder {
  color: #cecdcd;
  opacity: 1;
}

.serchField .form-control::-moz-placeholder {
  color: #cecdcd;
  opacity: 1;
}

.serchField .form-control:-ms-input-placeholder {
  color: #cecdcd;
  opacity: 1;
}

.serchField .form-control::-ms-input-placeholder {
  color: #cecdcd;
  opacity: 1;
}

.serchField .form-control::placeholder {
  color: #cecdcd;
  opacity: 1;
}
.profileRight ul li{
	display: inline-block;
	text-align: left;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #dbdada;
}
.profileRight ul li:first-child{
	border:none;}
.profileRight h5{
	font-size: 15px;
	font-weight: 700;
	color: #242424;
	margin-bottom: 0px;
}
.profileRight p{
	font-size: 13px;
line-height: normal;
color: #9da2ae;
margin-bottom: 0px;
}
.navbar-nav .dropdown-menu{
	position:absolute;}
.meProfile.meProfile2 .media-body {
    padding-left: 0px;
    padding-top: 0px;
}
.addFavIcon{
	position: absolute;
	top: 8px;
	right: 10px;
}
.projectBoxIconsBox{
	margin-left:5px;
	margin-right:5px;
	text-align:center;}
.projectBoxIconsBoxText{
	color: #8b8b8b;
	font-size: 10px;
	vertical-align: middle;
	white-space: nowrap;
	}
.plusIcon{
	background-color:transparent !important;}
.plusIcon img{
	border-radius: 50%;
	border: 2px dashed #EEEEEE;
	}
.projectListViewBox{
	padding-left: 50px;
	position: relative;
	
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dde1e9;
}

.projectListViewBox h2{
	position: absolute;
	left: 0px;
	top: 8px;
}

.userListViewBox{
	padding-left: 10px;
	position: relative;
	border-bottom: 1px solid #E9E9E9;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.userListViewBox .mr-3{
	width: 60px;
	border-radius: 50%;
}
.userListViewBox h2{
	position: absolute;
	left: 0px;
	top: 8px;
}
.userListViewBoxImg{
	float: left;
	width: 50px;
	margin-right: 20px;
}

.noteBox{
	position:relative;
	box-shadow: 0px 0px 5px #e4e4e4;
border-radius:3px;
margin-bottom:30px;
	}
.noteText{
	position: absolute;
	left: 20px;
	top: 20px;
	right: 20px;
	bottom: 20px;
	overflow: hidden;
}
.noteText h4{
	font-size:16px;
	font-weight:700;}
.noteText p{color: #8b8b8b;
line-height:20px;}
.noteDetails .noteText h4{
	font-size:22px;
}
.todolistRight h5{
	margin-bottom:8px;
	}
.todolistRight p{
	margin-bottom:6px;}
.timeBox h5{
	margin-bottom:0;
	color:#000;
	}
.timeBox p{
	margin-bottom:3px;}
.timeBoxTodoList, .timeBoxTodo{
display:flex;
	width:100%;
	border-bottom: 1px solid #EBEBEB;
	padding-top:10px;
	padding-bottom:10px;
	}
	
.timeBox1{
	width:100%;
	padding-right:15px;}
.timeBox2, .timeBox3{
	width:100px;
	}
.timeBoxComments{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #EBEBEB;
	}
.timeBoxComments p{
	color: #9da2ae;
	}
.timeBox1{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
.timeBox1 p, .timeBox1 h5{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
.timeBox2{
	font-weight:700;
	color:#3eb456;}
.timeBox3{
	font-weight:700;
	color:#000;}
.fc-toolbar h2{
	font-size: 22px;
line-height: normal;
font-weight: 700;
color: #000;
	}
.fc-event, .fc-event-dot {
	background-color: #3eb456;
	color: #FFF !important;
}
.tab-pane {
	padding-top: 30px;	
	}
.inviteMedia{
	margin-bottom:15px;}
.nav-tabs {
    border-bottom: 1px solid #EBEBEB;
	
}
.nav-tabs .nav-item {
    font-weight: 700;
}
.projectUpdateBox{
	position:relative;
	padding-left:150px;
	border-bottom: 1px solid #EBEBEB;
	margin-bottom:15px;
	}
.projectUpdateBox:last-child{
	border-bottom:0;}
.projectUpdateBoxDate{
	position:absolute;
	left:0;
	top:5px;}
.projectUpdateBoxDate h5{
	margin-bottom:2px;
	color:#000;}
.projectUpdateBoxDate p{
	margin-bottom:0;
	color:#9da2ae;
	}
.projectUpdateBoxTime{
	position:absolute;
	right:0;
	top:16px;
	color:#9da2ae;}
.projectUpdateBox .list-group-item{
	padding-right:70px;}
.noteTitle{
	font-weight:700;
	}
.inviteBorder{
	border-right: 1px solid #ebebeb;
	padding-right:30px;
}
.inviteBorder2{
	padding-left:30px;
	
}


.noteLock{
	background-color: rgb(0, 0, 0, 0.5);
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.lockIcon{
	left: 50%;
	top: 50%;
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	font-size:50px;
	}
.noteLockCaption{
	text-align: center;
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 15px;
}
.noteLockCaption .btn{
	white-space: normal;
	font-size: 12px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.noteHead{
	line-height: 36px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ebebeb;
	padding-left:12px;
}
.noteHead .meProfileIcon{
	color: #000;
}
.noteHead .meProfileIcon a{
	margin-left:12px;
}
.noteRename{
	margin-left:5px;}
.noteTitle{
	line-height:36px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ebebeb;
	padding-right:25px;
	display:inline-block;
	}
.input-group-text{
	color: #000000;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
	background-color: #e9ecef;
	border: none;
	border-radius: 0 25px 25px 0;
	}
.list2 li{
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ebebeb;
}
.list2 li:after{
	content:'';
	display:block;
	clear:both;}
.list2 li .text-muted{
	float:right;}
.updateTime{
	float:right;
	font-size: 15px;
	color: #efb300;
	}
.discussionBox{
	margin-bottom: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
	position: relative;
}
.discussionBox:last-child{
	border:none;}
.discussionBox:after{
	content:'';
	display:block;
	clear:both;}
.discussionBoxProfile{
	float:left;
	width:210px;
	padding-right:10px;}
.discussionBoxProfileImg{
	float:left;
	width:50px;}
.discussionBoxProfileImg img{
	border-radius:50%;}
.discussionBoxProfileName{
	padding-top:7px;
	padding-left:10px;
	overflow:hidden;}
.discussionBoxProfile h5{
	margin-bottom:2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
	}
.discussionBoxProfile p{
	font-size: 13px;
font-family: myriadprolightregular;
color: #838383;
line-height:normal;
margin-bottom:0;
white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}	
.discussionBoxComment{
	font-size: 10.5px;
	line-height: 30px;
	font-weight: 700;
	color: #333;
	background-color: #dee9ff;
	text-align: center;
	height: 30px;
	width: 30px;
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius:50%;
}
.discussionBoxText{
	overflow:hidden;
	padding-top:6px;
    line-height: 22px;}
.commentTop{
	padding-left: 30px;
	position: relative;
	padding-top: 2px;
	padding-right: 80px;
	margin-bottom: 35px;
	
	padding-bottom:10px;
	}
.commentTop:after{
	content:'';
	display:block;
	clear:both;}
.commentTop .customCheckBox{
	position:absolute;
	left:0;
	top:0;}
.commentTopTextTop h5{
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 10px;
	color: #000;
}
.commentIcons{
	position:absolute;
	top:0;
	right:0;}
.commentIcons a{
	margin-left:6px;}
.commentTopTextTop{
	margin-bottom:6px;}
.commentTopText p{
	font-size:14px;}
.priceBoxCol{
	max-width:300px;
	margin:15px;
	padding:25px;
	box-shadow:0px 0px 5px #CCCCCC;
	}
.priceBox{
	text-align:center;
	}
.priceBox .btn{
	width:100%;
	margin-bottom:20px;}
.priceBox h5{
	color: #000;
	font-size:17px;
}
.priceBox ul li{
	text-align: left;
	margin-bottom: 10px;
	background-image: url(../img/bullet2.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
	background-size:14px auto;
}
.block{
	display:block;}
.form-check {
    margin-bottom: 14px;
}
.addRemoveOwner{
	border-top: 1px solid #eaebee;
	border-bottom: 1px solid #eaebee;
	padding-top: 10px;
	padding-bottom: 10px;
}
.addRemoveOwner.addRemoveOwner2:last-child{
	border-bottom: 1px solid #eaebee;
}
.addRemoveOwner.addRemoveOwner2{
	border-bottom: none;
}
.owner{
	display:table;}
.ownerImg{
	display:table-cell;}
.ownerImg img{
	width:60px;
	border-radius:50%;
	max-width:inherit;}
.ownerText{
	display:table-cell;
	padding-left:10px;}
.accountRightBorder{
	background-image: url(../img/border.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.progressBlock{
	background-image: url(../img/progress-border.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-size:5px auto;
}
.progressDateBlock{
	margin-bottom:20px;}
.progressDate{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: #3eb456;
	box-shadow: #CCC 0px 0px 5px;
	text-align: center;
	padding-top: 40px;
	margin: 0 auto;
}
.progressDate h5{
	margin-bottom: 3px;
	color: #FFFFFF;
}
.progressDate p{
	margin-bottom: 0;
	font-family: myriadprolightregular;
	color: #FFFFFF;
	font-size: 15px;
	}
.progressDataBlock{
	padding-right:50%;
	margin-bottom:35px;}
.progressDataBlock h5{
	color: #000;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #dedede;
	padding-bottom:10px;
	margin-bottom:20px;
}
.progressData:after{
	content:'';
	display:block;
	clear:both;}
.progressDataImg{
	width:60px;
	margin-right:10px;
	float:left;}
.progressDataImg img{
	border-radius:50%;}
.progressDataText{
	overflow:hidden;
	padding-top:8px;}
.progressDataText h6{
	font-size: 15px;
	margin-bottom: 5px;
	color: #000;
}
.progressDataText h6 a{
	color: #3eb456;
}
.progressData{
	padding-right:70px;
	position:relative;
	margin-bottom:15px;
	margin-right:30px;}
.progressTime{
	position: absolute;
	top: 8px;
	right: 0px;
	color: #999;
}
.progressDataBlock.progressDataBlockRight{
	padding-left:50%;
	padding-right:0;}
.progressDataBlock.progressDataBlockRight .progressData{
	padding-left:70px;
	padding-right:0;
	margin-left:30px;
	margin-right:0;}
.progressDataBlock.progressDataBlockRight .progressTime{
	right:inherit;
	left:0;}
.progressDataBlock.progressDataBlockRight h5{
	padding-left:30px;}
.text-info{
	color: #333 !important;
}
a.text-info:hover, a.text-info:focus{
	color: #333 !important;
}
.everythingTrash .projectListView .list-group-item .todoListDate{
	margin-bottom:8px;}
.bigIcon{
	float:left;
	font-size:60px;
	line-height: 65px;
	margin-right:15px;
	}
.everythingTrashText{
	overflow:hidden;}
.everythingTrashText .todoListText{
	white-space: normal;
	overflow:visible;
	}
.invoiceLeft{
	box-shadow: 0 0px 5px #CCCCCC;
	padding:20px;
	border-radius:2px;
	margin-bottom:20px;}
.invoiceRight{
	box-shadow: 0 0px 5px #CCCCCC;
	border-radius: 2px;
	margin-bottom: 20px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.invoiceTrackBoxArea{
	padding: 80px 20px;
	background-color: #F7F7F7;
	border-bottom: 1px solid #ebebeb;
}
.invoiceTrackBox{
	max-width: 300px;
	padding: 20px;
	margin: 0 auto;
	text-align: center;
	border: 8px solid #3eb456;
	border-radius: 15px;
}
.geryBox{
	padding: 30px;
    box-shadow: 0px 0px 5px#e4e4e4;
    border-radius: 4px;
}
#example_length select, #example_filter input{
	border: 1px solid #ebebeb;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 18px 10px 18px;
    border-top: none;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
    line-height: 14.6px;
    background-color: #000;
}
table.dataTable.no-footer {
    border-bottom: none;
}
.paymentMethodList{
	margin-bottom:25px;}
.paymentMethodList ul li{
	margin-bottom:3px;}
.paymentMethodList ul li a{
	display: block;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 15px;
	border: 1px solid #eaebee;
	font-weight:700;
}
.paymentMethodList ul li.active a{
	color: #FFF;
	background-color: #000000;
	border-color: #000000;
}
.paymentMethodList ul li a i{
	margin-right:4px;}
.notificationSubHeading{
	background-color: #eff3fd;
color: #242424;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 8px;
padding-left: 10px;
font-size: 12px;
font-weight: 700;
margin-bottom: 15px;
	}
.notificationSub ul{
	padding-left:25px;}
.notificationSub ul li{
	list-style-type: disc;
	margin-bottom: 4px;
	color: #3eb456;
}
.popover {
	max-width: 350px;
	min-width: 300px;
}
.popover .row{
	margin-left:-5px;
	margin-right:-5px;}
.popover .col-1, .popover .col-2, .popover .col-3, .popover .col-4, .popover .col-5, .popover .col-6, .popover .col-7, .popover .col-8, .popover .col-9, .popover .col-10, .popover .col-11, .popover .col-12, .popover .col, .popover .col-auto, .popover .col-sm-1, .popover .col-sm-2, .popover .col-sm-3, .popover .col-sm-4, .popover .col-sm-5, .popover .col-sm-6, .popover .col-sm-7, .popover .col-sm-8, .popover .col-sm-9, .popover .col-sm-10, .popover .col-sm-11, .popover .col-sm-12, .popover .col-sm, .popover .col-sm-auto, .popover .col-md-1, .popover .col-md-2, .popover .col-md-3, .popover .col-md-4, .popover .col-md-5, .popover .col-md-6, .popover .col-md-7, .popover .col-md-8, .popover .col-md-9, .popover .col-md-10, .popover .col-md-11, .popover .col-md-12, .popover .col-md, .popover .col-md-auto, .popover .col-lg-1, .popover .col-lg-2, .popover .col-lg-3, .popover .col-lg-4, .popover .col-lg-5, .popover .col-lg-6, .popover .col-lg-7, .popover .col-lg-8, .popover .col-lg-9, .popover .col-lg-10, .popover .col-lg-11, .popover .col-lg-12, .popover .col-lg, .popover .col-lg-auto, .popover .col-xl-1, .popover .col-xl-2, .popover .col-xl-3, .popover .col-xl-4, .popover .col-xl-5, .popover .col-xl-6, .popover .col-xl-7, .popover .col-xl-8, .popover .col-xl-9, .popover .col-xl-10, .popover .col-xl-11, .popover .col-xl-12, .popover .col-xl, .popover .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px;
}
.repeatDropdown{
	max-width:500px;}
.repeatDropdown .row{
	margin-left:-5px;
	margin-right:-5px;}

.repeatDropdown .col-1, .repeatDropdown .col-2, .repeatDropdown .col-3, .repeatDropdown .col-4, .repeatDropdown .col-5, .repeatDropdown .col-6, .repeatDropdown .col-7, .repeatDropdown .col-8, .repeatDropdown .col-9, .repeatDropdown .col-10, .repeatDropdown .col-11, .repeatDropdown .col-12, .repeatDropdown .col, .repeatDropdown .col-auto, .repeatDropdown .col-sm-1, .repeatDropdown .col-sm-2, .repeatDropdown .col-sm-3, .repeatDropdown .col-sm-4, .repeatDropdown .col-sm-5, .repeatDropdown .col-sm-6, .repeatDropdown .col-sm-7, .repeatDropdown .col-sm-8, .repeatDropdown .col-sm-9, .repeatDropdown .col-sm-10, .repeatDropdown .col-sm-11, .repeatDropdown .col-sm-12, .repeatDropdown .col-sm, .repeatDropdown .col-sm-auto, .repeatDropdown .col-md-1, .repeatDropdown .col-md-2, .repeatDropdown .col-md-3, .repeatDropdown .col-md-4, .repeatDropdown .col-md-5, .repeatDropdown .col-md-6, .repeatDropdown .col-md-7, .repeatDropdown .col-md-8, .repeatDropdown .col-md-9, .repeatDropdown .col-md-10, .repeatDropdown .col-md-11, .repeatDropdown .col-md-12, .repeatDropdown .col-md, .repeatDropdown .col-md-auto, .repeatDropdown .col-lg-1, .repeatDropdown .col-lg-2, .repeatDropdown .col-lg-3, .repeatDropdown .col-lg-4, .repeatDropdown .col-lg-5, .repeatDropdown .col-lg-6, .repeatDropdown .col-lg-7, .repeatDropdown .col-lg-8, .repeatDropdown .col-lg-9, .repeatDropdown .col-lg-10, .repeatDropdown .col-lg-11, .repeatDropdown .col-lg-12, .repeatDropdown .col-lg, .repeatDropdown .col-lg-auto, .repeatDropdown .col-xl-1, .repeatDropdown .col-xl-2, .repeatDropdown .col-xl-3, .repeatDropdown .col-xl-4, .repeatDropdown .col-xl-5, .repeatDropdown .col-xl-6, .repeatDropdown .col-xl-7, .repeatDropdown .col-xl-8, .repeatDropdown .col-xl-9, .repeatDropdown .col-xl-10, .repeatDropdown .col-xl-11, .repeatDropdown .col-xl-12, .repeatDropdown .col-xl, .repeatDropdown .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px;
}
.repeatDropdownLabel {
    font-size: 13px;
    padding-top: 7px;
}
.repeatDropdown label{
	font-size:13px;}
.repeatDropdown .form-group {
    margin-bottom: 0;
}	
.projectDetailsNav{
	background-color: #3eb456;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display:none;
}
.projectDetailsNav .projectDetailsNavBtn .btn{
	background-color: transparent;
	border-radius: 0;
	color: #FFF;
	font-size:17px;
	margin-top:0;
	padding:10px 15px;
}
.projectDetailsNav .projectDetailsNavBtn .dropdown-menu {
    padding: 0;
}
.projectDetailsNav .projectDetailsNavBtn .dropdown-item {
    font-size: 14px;
	padding: 10px 15px;
	border-bottom: solid 1px #eaebee;
}
.projectDetailsNav .projectDetailsNavBtn .dropdown-item:last-child{
	border:none;}
.projectDetailsNav .projectDetailsNavBtn .dropdown-item i{
	margin-right:5px;}

.form-check-input {
    margin-top: 3px;
}
.accessDropDown{
	width:180px;}
.accessIcon{
	font-size:25px;}
.accessIcon i{
	margin-right:10px;}
.addBox {
    position: relative;
    box-shadow: 0 0px 5px #CCCCCC;
    border-radius: 2px;
    margin-bottom: 30px;
	padding:20px;
	min-height:300px;
}
.addBoxIcons{
	position: absolute;
	top: 10px;
	right: 10px;
	
}
.addBoxIcons .btn, .addBoxIcons .dropdown{
	padding:0;
	display:inline-block;
	margin:0 0 0 10px;
	background-color:transparent;
	line-height:normal;}
.addBox ul li{
	display:flex;
	font-size:13px;
	margin-bottom:10px;
	color: #999;
	}
.addBox ul li .form-check-inline .form-check-input {
    margin-right: 0;
}
.addBoxText{
	white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
	}
.addBox ul li .form-check {
    margin-bottom: 0;
	margin-top: 2px;
}
.addBox ul li .form-check-inline{
	margin-right:10px;}
.addBox .dropdown-divider{
	margin-top:20px;
	margin-bottom:20px;}
.addBox .btn-link{
	margin: 0;
	font-weight: 700;
	color: #000;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.addBox p{
	color: #999;
	font-size: 13px;
}
.modal-header .close{
	color: #FFF;
	background-color: #000;
	height: 25px;
	width: 25px;
	position: absolute;
	top: -18px;
	right: -18px;
	border-radius:50%;
	padding:0;
	text-align:center;
	line-height:24px;
	margin:0;
	opacity:1;
	padding-bottom:2px;
	font-size:17px;
}
.modalFooterIcons a{
	margin-right:10px;}
.makeAList ul li{
	display:flex;
	font-size:13px;
	margin-bottom:10px;
	color: #999;
	}
.makeAList ul li .form-check {
    margin-bottom: 0;
	margin-top: 2px;
}
.makeAList ul li .form-check-inline{
	margin-right:10px;
	-ms-flex-item-align: start !important;
align-self: start !important;
	}
.makeAListText{
	-ms-flex-item-align: start !important;
align-self: start !important;
width: 100%;
	}
.makeAList .dropdown-divider {
    margin-top: 20px;
    margin-bottom: 20px;
}
.makeAList .form-check-inline .form-check-input {
    margin-right: 0;
}
.makeAList .form-check-inline i{
	margin-top:2px;}
.noStyleField{
	width:100%;
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit;
	padding:0;
	border:0;
	}
.noStyleField:focus{
	outline:none;
	box-shadow:none;}
.lineThrough{
	text-decoration: line-through;
}
.addFloatingIcon{
	background-color: #3eb456;
	font-size: 20px;
	line-height: 45px;
	color: #FFF;
	text-align: center;
	height: 45px;
	width: 45px;
	position: fixed;
	right: 20px;
	bottom: 40px;
	border-radius:50%;
	cursor:pointer;
	box-shadow: 0 0px 5px #969696;
	z-index:99;
	
}
.modal-header {
    display: block;
}

.template-download.fade:not(.show) {
	opacity: 1;
	border-radius: 4px;
}
.template-upload.fade:not(.show) {
	opacity: 1;
	border-radius: 4px;
}

.profileNoImg{
	font-family: MyriadProSemibold;
	font-size: 22px;
	text-transform: uppercase;
	color: #3eb456;
	letter-spacing: 1px;
	text-align: center;
	background-color: #f0f0f0;
	border-radius:50%;
	width:100px;
	height:100px;
	line-height:100px;
}
/* tbody.files{
	border: dashed 1px #dee2e6;
} */
.table-striped tbody.files tr:nth-of-type(odd) {
    background-color: transparent;
}
table.table.table-striped .files td {
	border-top: 1px dashed #dee2e6;
}

.loginBox.securityAlert{
	padding-top: 35px;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 50px;
	max-width: 550px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.securityAlertIconBox{
	margin-bottom:20px;
	position:relative;
	padding-left:30px;}
.securityAlertIcon{
	position: absolute;
	font-size: 18px;
	left: 0;
	top: 0;
	color: #6c757d;
}
.securityAlertMailName{
	width: 35px;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	line-height: 35px;
	color: #FFF;
	background-color: #3eb456;
	text-align: center;
	text-transform: uppercase;
	border-radius: 50%;
	font-size: 12px;
}
.securityAlertMailName.securityAlertMailImg{
	background-color:transparent;}
.securityAlertMailName.securityAlertMailImg img{
	border-radius:50%;
}

.makeSafeBoxImg{
	float:left;
	margin-right:15px;}
.makeSafeBoxText{
	overflow:hidden;}

.tickBox ul li{
	position: relative;
	padding-left: 80px;
	font-size: 16px;
	color: #3f3f3f;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dadce0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dadce0;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-right: -50px;
	margin-left: -50px;
	font-weight: 500;	
}
.tickBox ul li i{
	position: absolute;
	left: 50px;
	top: 50%;
	-ms-transform: translateY(-50%) translateX(-0%);
	-webkit-transform: translateY(-50%) translateX(-0%);
	transform: translateY(-50%) translateX(-0%);
	font-size: 22px;
	color: #3eb456;
}
.companyImg img{
	border-radius:50%;
	width:94px;
	height:94px;
	}
.companyNoImg {
	font-family: MyriadProSemibold;
	font-size: 26px;
	text-transform: uppercase;
	color: #3eb456;
	letter-spacing: 1px;
	text-align: center;
	background-color: #f0f0f0;
	border-radius: 50%;
	width: 94px;
	height: 94px;
	line-height: 94px;
}
.userImg{
	width:78px;
	margin-left: auto !important;
	margin-right: auto !important;
}
.userNoImg {
	font-family: MyriadProSemibold;
	font-size: 26px;
	text-transform: uppercase;
	color: #3eb456;
	letter-spacing: 1px;
	text-align: center;
	background-color: #f0f0f0;
	border-radius: 50%;
	width: 62px;
	height: 62px;
	line-height: 62px;
}
.companyBigNoImg {
	font-family: MyriadProSemibold;
	font-size: 36px;
	text-transform: uppercase;
	color: #3eb456;
	letter-spacing: 1px;
	text-align: center;
	background-color: #f0f0f0;
	border-radius: 50%;
	width: 158px;
	height: 158px;
	line-height: 158px;
	margin-bottom: 15px;
}
.companyImg{
	width:94px;
	margin-left: auto !important;
	margin-right: auto !important;
}
.ajax-loading img{
	width: 40px;
}

.archiveTop{
	background-color: #F0F0F0;
	padding: 10px;
	margin-bottom: 0px;
	border-radius: 4px;
}
.archiveTopLeft{
	padding-right:15px;
}
.listViewFileImg{
	width: 60px;
}
.projectListViewBox.listViewFiles{
	padding-left:0;
}
.projectsFilter.projectsFilter2{
	width:auto;
}
.form-control.noteTitleField{
	border: 0;
	border-radius: 0;
	padding: 0;
	display:inline-block;
	width: auto;
	color: #000;
	font-weight: 700;
}
.form-control.noteTitleField.noteTitleFieldAdd{
	border-radius: 25px;
    height: auto;
    padding-top: 9px;
    padding-right: 20px;
    padding-bottom: 9px;
    padding-left: 20px;
	line-height: normal;
	border-width: 1px;
}
.errorPage {
    margin-top: 9%;
}

.errorPage h1 {
    color: #000000;
    font-size: 180px;
    margin-bottom: 10px;
}

.errorPage h3 {
    font-size: 130px;
}

.errorPage h2 {
    color: #000000;
    font-size: 30px;
}

.errorDevider {
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    color: #bfbfbf;
}
.noLinkButton{
	color: #fff !important;
}
.popover-body {
    padding: 10px;
}

.popover-header.popover-header2 {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    margin-bottom: 10px;
}


.popoverTrigger {
    position: relative;
}

.popoverBox {
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    font-size: 14px;
    background-color: #fff;
    box-shadow: 0px 0px 5px #d5d5d5;
    border-radius: 0.3rem;
    position: absolute;
    z-index: 102 !important;
    width: 380px;
    color: #000;
	padding: 10px;
	margin-top: 14px;

	/* right: 340px;
	top: 650px; */
}

.popoverBoxHeader {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
  
    border-bottom: 1px dashed #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    margin-bottom: 15px;
}
.popoverBox.popoverBoxRepeat{
	width: 520px;
	padding: 25px;
}
.popoverBox.popoverBoxRepeat .popoverBoxHeader {
   
    margin-left: -25px;
    margin-right: -25px;
    margin-top: -25px;
    
}

.popoverBox .row {
    margin-left: -5px;
    margin-right: -5px;
}

.summeryText{
	white-space: normal;
}

.popoverBox .col-1,
.popoverBox .col-2,
.popoverBox .col-3,
.popoverBox .col-4,
.popoverBox .col-5,
.popoverBox .col-6,
.popoverBox .col-7,
.popoverBox .col-8,
.popoverBox .col-9,
.popoverBox .col-10,
.popoverBox .col-11,
.popoverBox .col-12,
.popoverBox .col,
.popoverBox .col-auto,
.popoverBox .col-sm-1,
.popoverBox .col-sm-2,
.popoverBox .col-sm-3,
.popoverBox .col-sm-4,
.popoverBox .col-sm-5,
.popoverBox .col-sm-6,
.popoverBox .col-sm-7,
.popoverBox .col-sm-8,
.popoverBox .col-sm-9,
.popoverBox .col-sm-10,
.popoverBox .col-sm-11,
.popoverBox .col-sm-12,
.popoverBox .col-sm,
.popoverBox .col-sm-auto,
.popoverBox .col-md-1,
.popoverBox .col-md-2,
.popoverBox .col-md-3,
.popoverBox .col-md-4,
.popoverBox .col-md-5,
.popoverBox .col-md-6,
.popoverBox .col-md-7,
.popoverBox .col-md-8,
.popoverBox .col-md-9,
.popoverBox .col-md-10,
.popoverBox .col-md-11,
.popoverBox .col-md-12,
.popoverBox .col-md,
.popoverBox .col-md-auto,
.popoverBox .col-lg-1,
.popoverBox .col-lg-2,
.popoverBox .col-lg-3,
.popoverBox .col-lg-4,
.popoverBox .col-lg-5,
.popoverBox .col-lg-6,
.popoverBox .col-lg-7,
.popoverBox .col-lg-8,
.popoverBox .col-lg-9,
.popoverBox .col-lg-10,
.popoverBox .col-lg-11,
.popoverBox .col-lg-12,
.popoverBox .col-lg,
.popoverBox .col-lg-auto,
.popoverBox .col-xl-1,
.popoverBox .col-xl-2,
.popoverBox .col-xl-3,
.popoverBox .col-xl-4,
.popoverBox .col-xl-5,
.popoverBox .col-xl-6,
.popoverBox .col-xl-7,
.popoverBox .col-xl-8,
.popoverBox .col-xl-9,
.popoverBox .col-xl-10,
.popoverBox .col-xl-11,
.popoverBox .col-xl-12,
.popoverBox .col-xl,
.popoverBox .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px;
}
.popoverBox.popoverBoxTop{
	bottom: 28px;
}
.popoverBox.popoverBoxTop .arrow-up{
    border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid#cccccc;
	border-bottom: none;
	bottom: -10px;
	top:inherit;
}

.popoverBoxClose {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 18px;
	cursor: pointer;
}

.popoverBox label {
	display: block;
	font-size: 12px;
}
.form-check-inline{
	margin-right: 7px;
}
.todoClockIcon{
    color: #3eb456;
	font-size: 20px;
	margin-top: -3.5px;
}
.todoClockIconGray{
    color: #D3D3D3;
	font-size: 20px;
	margin-top: -3.5px;
}
.commentDetailsBox{
    border-radius: 4px;
    border: solid 1px #ced4da;
}
.commentDetailsUpload{
    padding: 10px;
}
.timeFieldIcon{
    font-size: 35px;
    padding-right: 10px;
}
.commentDetailsBottom{
    padding: 10px;
}
.commentEditor body.document-editor{
    height: auto;
}

.timeField{
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #D7D7D7;
    font-size: 20px;
    color: #333;
	width: 90px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align:left;
}
.commentHide{
	display: none;
}

.emelcomment-text {
    cursor: pointer;
    text-decoration: underline;
	color: #3eb456;
	padding-bottom: 20px;
}

.add-commentField .form-control {
    height: 42px;
    font-size: 18px;
}

.well {
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    border: none;
    box-shadow: none;
}

.dropzone {
	border: 2px solid transparent;
	width: 100%;
	min-height: 80px;
	border: 1px dashed #ddd;/*
	text-align: center;
	font-weight: bold;
	font-size: 40px;
	color: #eee;
	text-shadow: 0 1px 0 rgba(117,117,117,0.4);
*/
}
div.dropzone table {
	margin-top: 30px;
}
.dropzone.in {
	border: 10px solid #f2f2f2;/*	font-size: 45px;*/
}
.dropzone.hover {
/*	background-color: #bbb;*/
}
.dropzone.fade {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 1;
}
.filetext {
	position: relative;
	float: left;
	top: 5px;
	left: 5px;
	
}
.filetext a {
	padding-left: 5px;
	display: block;
	cursor: pointer;
}
.filetext a input {
	cursor: pointer;
}
.taskFormHoldFooter {
	position: relative;
	overflow: hidden;
}
.filetext input[type="file"], .filetext input[type=file]::-webkit-file-upload-button {
	cursor: pointer;
	height: 100%;
	width: 100%;
	display: inline-block;
	opacity: 0.01;
	top: 0px;
	position: absolute;
	outline: none !important;
	cursor: pointer;
	left: 0px;
	font-size: 40px;
}
.sideborder{
	border-right: 1px solid #ced4da;
}
.customCheck .customCheckBox {
    display: inline-block;
	margin-top: 0;
	vertical-align: middle;
}
.customCheck label {
	vertical-align: middle;
    margin-bottom: 0;
}
.projectBox.projectBoxListing {
    box-shadow: none;
	margin: 0;
	box-shadow: 0px 0px 5px
	#e4e4e4;
	margin-left: 2px;
	margin-right: 2px;
    padding: 20px;
	margin-bottom: 10px;
	
}
.projectBox.projectBoxListing h5{
	font-size: 13px;
}
.projectBox.projectBoxListing p{
	font-size: 11px;
}
.closeBtn1{
    position: absolute;
    top: 5px;
    right: 5px;
	font-size: 20px;
	color: #F00;
	cursor: pointer;
}
.time-field .help-block{
	text-align: right;
	padding: 5px 0px;
	line-height: normal;
}
.time-field.has-feedback .form-control-feedback {
    position: absolute;
    top: 5px;
    right: 10px;
}
div.myallprojectsblock {
	padding-left: 5px;
	padding-top: 6px;
	display: block;
}
div.myallprojectsnone {
	padding-left: 5px;
	padding-top: 6px;
	display: none;
}
.badge-success {
    color: #fff;
    background-color: #59c13b;
    border-color: #4ac426;
}
.badge-warning{
    background-color: #d6ca5d;
    color: #fff;
    border-color: #c8b931;
}
.badge-danger {
    background-color: #cb3025;
    border-color: #cb2014;
    color: #fff;
}
.badgeNoBorder{
    border: none;
}
.remainingTodo{
    border-top: 1px solid #EBEBEB;
    padding-top: 30px;

}
.checkbox2.form-check-inline .form-check-input {
	margin-top: 4px;
}
.roundProfileWithTxt{
	width: 50px;
	position: relative;
	height: 50px;
	background-color: #F0F0F0;
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
}
.roundProfile40WithTxt{
	width: 40px;
	position: relative;
	height: 40px;
	background-color: #F0F0F0;
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 5px;
}
/* .arrow-up{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d8d8d8;
    position: absolute;
    top: -10px;
    left: 5px;
} */
.arrow-up{
	width: 30px;
    height: 10px;
    overflow: hidden;
    box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: -10px;
    left: 5px;
}
.arrow-up:after {
	content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    transform: rotate(45deg);
    top: 5px;
    left: 5px;
    box-shadow: -1px -1px 10px -2px rgba(146, 140, 140, 0.5);
  }
.orderThanksDetails li{display: inline-block;
padding-right: 20px;
padding-left: 20px;
border-right: dotted 1px #3eb456;
margin-bottom: 20px;
}
.orderThanksDetails li:last-child{
    border-right: none;
}
.orderThanksDetails h3{
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 300;
}
.orderThanksDetails h4{
    font-size: 15px;
    margin-bottom: 0px;
    font-weight: 700;
    color: #000;
    
}
.projectStatusInput .popoverBox{ 
    right: 0;
}
.projectStatusInput .popoverBox .arrow-up {
    left: inherit;
    right: 5px;
}

.popoverBoxRightHold {
    position: relative !important;
}
.popoverBoxRightHold .popoverBox {
    right: 0;
}
.popoverBoxRightHold .popoverBox .arrow-up {
    left: inherit;
    right: 5px;
}
.popoverBoxLefttHold{
    position: relative;
}
.popoverBoxLefttHold .popoverBox {
    left:0;
}
.min-height{
	min-height: 700px;
}
.loader{
	display: inline-block;
    vertical-align: middle;
}
.persentbox{
	max-width: 160px;
}
/* .newPage{
  
    min-height: 600px;
} */
.newPageLeft{
  
    width: 400px;

  
}
.newPageLeftContent{
    width: 400px;
}
.newPageRight{
	/* overflow-y: hidden;  */
    overflow-x: scroll;
    
}
.newPageRightContent{    min-height: 100%;}
.headBox{
    text-align: center;
    border-bottom: 1px #eaeaea solid;
    line-height: 30px;
    font-size: 11px;
    border-top: 1px #eaeaea solid;
    height: 30px;
}
.dayLine{

    color: #959595;
    border-left: 1px #eaeaea solid;
    width: 22px;
    font-size: 10px;
    text-align: center;
    line-height: 15px;
    padding-top: 6px;
}
.fulHeight{
	height: 100%;
}
.monthBox{
	outline: .5px #ffbf01 solid;

}
.leftCol{
    border-right: 1px #eaeaea solid;

}
.subHeadBox{
    line-height: 40px;
    height: 40px;
    text-align: center;
    border-bottom: 1px #eaeaea solid;
    font-weight: 700;
	font-size: 13px;
	padding: 0 10px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.todoNameBox{
    text-align: center;
    font-size: 13px;
    text-align: center;
   
    line-height: 30px;
    min-height: 30px;
}

.todoNameBoxTxt{
    text-align: left;
    padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 600;
	height: 30px;
}
.todoNameBoxTxtSub{
    padding-left: 20px;
    text-align: left;
	padding-right: 5px;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	height: 30px;
}
.relativeBox{
    position: relative;
}
.hoverBoxArea{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.hoverBox{
    height: 30px;
    background-color: #e3e3e3;
}
.tableHover:hover{background-color: #e3e3e3;}
.editBar{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding-right: 5px;
    background-color: #e3e3e3;
    
    line-height: 30px;
    display: none;
}
.relativeBox:hover > .editBar{
    display: inline-block;
}
.editBar a{
    margin-left: 8px;
}
.seperator{
    margin-left: 5px;
    margin-right: 5px;
}
.commentDetailsBox{
    border-radius: 4px;
    border: none;
}
.commentDetailsBox .cke_chrome{
	border: none;
	width: 100% !important;
}
.commentDetailsBox .cke_bottom {
    border-top: none;
}
.commentsBox .media-body{
	line-height: 24px;
	box-shadow: 0px 0px 5px#e4e4e4;
	padding: 25px;
	border-radius: 4px;
}
.commentDetailsUpload{
    padding: 10px;
}
.timeFieldIcon{
    font-size: 30px;
	padding-right: 10px;
	margin-left: 10px;
}
.commentDetailsBottom{
    padding: 10px;
}
.commentEditor body.document-editor{
    height: auto;
}
.badge-success {
    color: #fff;
    background-color: #59c13b;
    border-color: #4ac426;
}
.badge-warning{
    background-color: #d6ca5d;
    color: #fff;
    border-color: #c8b931;
}
.badge-danger {
    background-color: #cb3025;
    border-color: #cb2014;
    color: #fff;
}
.badgeNoBorder{
    border: none;
}
.remainingTodo{
    border-top: 1px solid #EBEBEB;
    padding-top: 30px;

}

.checkbox2.form-check-inline .form-check-input {
        margin-top: 4px;
    }
.roundProfileWithTxt{
    width: 50px;
    position: relative;
    height: 50px;
    background-color: #F0F0F0;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
   
}
.orderThanksDetails li{display: inline-block;
padding-right: 20px;
padding-left: 20px;
border-right: dotted 1px #3eb456;
margin-bottom: 20px;
}
.orderThanksDetails li:last-child{
    border-right: none;
}
.orderThanksDetails h3{
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 300;
}
.orderThanksDetails h4{
    font-size: 15px;
    margin-bottom: 0px;
    font-weight: 700;
    color: #000;
    
}
.newPageBottom{
    border-top: 1px #eaeaea solid;
}

.newPageBottomLeft{
    width: 400px;
    
}
.newPageBottomLeftContent{
    width: 400px; 
}
.newPageBottomLeftText{
    text-align: right;
    height: 30px;
    line-height: 30px;
    padding-right: 15px;
    font-size: 13px;
   
}

.newPageBottomLeftTextHeading{
    font-weight: 700;
    background-color: #eaeaea;

}
.newPageBottomRight{
    position: relative;
    overflow: hidden;
	width: 100%;
	height: 100%;
}
.newPageBottomRightContent{
    overflow-x: scroll;
}
.newPageBottomRightText{
    
    height: 30px;
    line-height: 30px;
    padding-right: 15px;
    font-size: 13px;
   
}
.newPageBottomRightTextHeading{
    font-weight: 700;
    background-color: #eaeaea;
}
.newPageBottomRightTextHeading1{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background-color: #eaeaea;

}
.newPageBottomRightTextHeading2{
    position: absolute;
    left: 0;
    top: 60px;
    right: 0;
    background-color: #eaeaea;

}
.dotList{
    text-align: left;
}
.dotBoxHold{
	width: 22px;

}
.dotList ul{
    width: 100%;
 
 
}
.peopleMonthLi{
	border-left: solid 1px #000 !important;
}
.dotList li{
    width: 22px;
    text-align: center;
    border-left: solid 1px #d6d6d6;
    
}
.dotBox{
    display: inline-block;
    border: solid 1px #c0c0c0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    height: 10px;
    width: 10px;
}
.btn.newAddBtn{
    font-size: 10px;
    padding: 4px 10px;
    border: solid 1px #c0c0c0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    opacity: 0;
    
}
.newPageBottomLeftText:hover .btn.newAddBtn{
    opacity: 1;
}
.newPageBottomRightTextDrop{
    width: 170px;
    padding-top: 1.5px;
    float: left;
    margin-right: 20px;
}

.newPageBottomRightTextDrop select.form-control:not([size]):not([multiple]) {
    height: calc(1.5rem + 2px);
    padding: 4px 10px;
    font-size: 11px;
   
}
.newPageBottomRightTextIndicator{
    float: left;
}
.newPageBottomRightTextIndicator li{
    display: inline-block;
    margin-right: 20px;
    font-weight: normal;
    cursor: pointer;
}
.newPageBottomRightTextIndicator li .indcatorDot{
    display: inline-block;
    border: solid 1px #c0c0c0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    height: 10px;
    width: 10px;
}
.newPageBottomRightTextIndicator li.active .indcatorDot{
    background-color: #ff5252;
    border-color: #ff5252;
}
.asignBox{
    display: block;
    background-color: #f3f3d4;
}
.barsHold{
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
}
.barsBox{
	position: relative;
	z-index: 1;
	height: 25px;
	margin-bottom: 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	max-height: 25px;
	min-height: 25px;
}
.barsBox.ui-draggable{
	cursor: move;
}
.barProgress{
    border-radius: 4px ;
    -webkit-border-radius: 4px ;
    -moz-border-radius: 4px ;
    -ms-border-radius: 4px ;
    -o-border-radius: 4px ;
    height: 25px;
    position: absolute;
    top: 0;
}
.projectBarsHold{
    position: absolute;
    top: 74px;
    left: 0;
    right: 0; 
}
.barsBox.project, .barsBox.barlist {
	height: 20px;
	margin-bottom: 10px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	max-height: 20px;
	min-height: 20px;
	overflow: inherit !important;
}
.barsBox.project .barProgress, .barsBox.barlist .barProgress{
   height: 20px;
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   -o-border-radius: 0;
}
.barsBox.project:before {
   content: '';
   position: absolute;
   border-top: 7px solid rgba(149, 151, 156, 0.7);
   border-right: 7px solid transparent;
   top: 19px;
   left: 0;
   z-index: 9;
   border-radius: 0px 0 5px 0px;
}

.barsBox.project:after {
   content: '';
   border-top: 7px solid rgba(149, 151, 156, 0.7);
   border-left: 7px solid transparent;
   position: absolute;
   top: 19px;
   right: 0;
   z-index: 9;
   border-radius: 0px 0 5px 0px;
}
.barangleL{
	content: '';
   position: absolute;
   border-top: 7px solid rgba(149, 151, 156, 0.7);
   border-right: 7px solid transparent;
   top: 19px;
   left: 0;
   z-index: 9;
   border-radius: 0px 0 5px 0px;

}
.barangleR{
	content: '';
   border-top: 7px solid rgba(149, 151, 156, 0.7);
   border-left: 7px solid transparent;
   position: absolute;
   top: 19px;
   right: 0;
   z-index: 9;
   border-radius: 0px 0 5px 0px;
   
}

.width2{
    width: 180px;
}
.overFlowText{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.dashBox{
   
    box-shadow: 0 0px 5px #CCCCCC;
    padding: 20px;
    border-radius: 2px;
    margin-bottom: 20px;
    text-align: center;
}
.dashBox h3{
    font-weight: 400;
    font-size: 16px;
    color: #9a9a9a;
    margin-bottom: 4px;

}
.dashBox h4{
    font-size: 50px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
 
}

.table-info, .table-info > th, .table-info > td, .table-hover .table-info:hover {
    background-color: #6c98fb;
    color: #fff;
}
.invoiteBottomList{
    border-top: solid 1px #dee2e6;
    
    padding-bottom: 0px;
    padding-top: 15px;
}
.invoiteBottomList .m-1{
    margin-bottom: 15px !important;
}

.invoiteBottomListFirst{
    width: 175px;
}
.priceWidth{
	width: 120px;
}
.searchBox{

	top: 100%;
	left: 0;
	right: 0;
	display: none;
	background-color: #000;
	z-index: 9;
    padding-right: 45px;
    position: relative;
    display: none;

	
	
}
.searchBox .btn{
	min-width: inherit;
	font-size: 20px;
	padding-top: 3px;
	padding-bottom: 0;
	height: 45px;
	border: none;
	background-color: transparent;
	padding-left: 15px;
	line-height: 45px;
	color: #ffffff;
	margin-bottom: 0;
	padding-right: 0;
}
.searchBox .btn:focus{
	outline: none;
}
.searchBox .form-control{
	border: none;
	height: 45px;
	background-color: transparent;
	color: #fff;
}
.searchBox .form-control:focus{
	box-shadow: none;
}
.searchClose{
	position: absolute;
	top: 22px;
	right: 10px;
	color: #ffffff;
	line-height: 45px;
	font-size: 20px;
	cursor: pointer;
}
.mediaFileIcon{
    width: 60px;
margin-right: 1rem ;
font-size: 50px;
text-align: center;
}
.dropdown-item.dropdown-itemDisable{
    color: #a6a5a5 !important; 
}
.dropdown-menu-scroll{
	overflow-y:scroll;
	max-height: 300px;
}

.searchDropDown{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    
}
.searchDropDownListHold{
    padding: 20px;
}
.searchDropDownList{
    display: flex;
   
}
.searchDropDownListL{
    width: 100px;
    font-size: 14px;
font-family: myriadprolightregular;
color:
#838383;
}
.searchDropDownListR{
   border-left: solid 1px #e2e2e2;
   padding-left: 30px;
   padding-bottom: 10px;
}
.searchDropDownListR ul li{
    margin-bottom: 8px;

}
.searchDropDownLink{
    display: block;
    padding: 15px 30px;
    background-color: #dee9ff;
    text-align: center;
    letter-spacing: 1px;
}
.everyoneBox .companyBigNoImg{
	margin-left: auto;
	margin-right: auto;
}
.switchCheckHold{
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.switchCheck {
	position: relative;
	display: inline-block;
	width: 95px;
	height: 34px;
	margin-bottom: 0;
	vertical-align: middle;
  }
  .repeatResultText{
	vertical-align: middle;
	padding-left: 5px;
  }
  /* Hide default HTML checkbox */
  .switchCheck input[type=checkbox] {
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  /* The slider */
  .switchCheck .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .switchCheck .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .switchCheck input[type=checkbox]:checked + .slider {
	background-color: #3eb456;
  }
  .switchCheckHoldText{
	font-size: 13px;
	font-family: MyriadProRegular;
	position: absolute;
	top: 10px;
    color: #fff;
	right: 17px;
	-webkit-transition: all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-ms-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	transition: all 0.3s ease-in-out 0.1s;
	
}
  .switchCheck input[type=checkbox]:checked + .slider .switchCheckHoldText{
	left: 17px;
	right: inherit;
  }
  
  /* .switchCheck input[type=checkbox]:focus + .slider {
	box-shadow: 0 0 1px #3eb456;
  } */
  
  .switchCheck input[type=checkbox]:checked + .slider:before {
  -webkit-transform: translateX(60px);
  -ms-transform: translateX(60px);
  transform: translateX(60px);
  -moz-transform: translateX(60px);
  -o-transform: translateX(60px);
}
  
  /* Rounded sliders */
  .switchCheck .slider.round {
	border-radius: 34px;
  }
  
  .switchCheck .slider.round:before {
	border-radius: 50%;
  }
h5.todolistSubH{
	font-size: 16px;
	text-decoration: underline;
	color: #000000;
}
.underlineText{text-decoration: underline !important;}
.switchCheckLink{
	opacity: 0;
	display: none;
}
.switchCheckHold .popoverBox{
	margin-top: 10px;
	left: 61px;
}
.popoverBoxFirstTxt{
	text-align: right;
}
.h5.font16{
	font-size: 16px;
}
.discussionBoxDate {
	color: #efb300;
}
.img-flag{
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	margin-right: 5px;
	width: 20px;
}
.textDotLine{
	border-bottom: dashed 1px #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    display: inline-block;
    vertical-align: middle;
}
.searchTextInput{
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
}
/* .searchTextInput .input-group .form-control{
	-webkit-transition: all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-ms-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	transition: all 0.3s ease-in-out 0.1s;
}
.searchTextInput.searchTextInputAdd .input-group .form-control{ width: auto; border: none; padding: 0; font-size: 22px; font-weight: 700; color: #242424; border-bottom: dashed 1px #000000; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ;
}
.searchTextInput.searchTextInputAdd .input-group .form-control:focus{
	box-shadow: none;
}
.searchTextInput.searchTextInputAdd .input-group .form-control::-webkit-input-placeholder {
	color: #242424;
	opacity: 1;
  }
  
  .searchTextInput.searchTextInputAdd .input-group .form-control::-moz-placeholder {
	color: #242424;
	opacity: 1;
  }
  
  .searchTextInput.searchTextInputAdd .input-group .form-control:-ms-input-placeholder {
	color: #242424;
	opacity: 1;
  }
  
  .searchTextInput.searchTextInputAdd .input-group .form-control::-ms-input-placeholder {
	color: #242424;
	opacity: 1;
  }
  
  .searchTextInput.searchTextInputAdd .input-group .form-control::placeholder {
	color: #242424;
	opacity: 1;
  }
.searchTextInput.searchTextInputAdd .input-group .input-group-append{display: none;} */
.popoverBox.popoverBoxCalendar {
	width: 315px;
	padding: 10px 22px 22px 22px;
	
}

.popoverBox.popoverBoxCalendar .popoverBoxHeader {
    margin-left: -22px;
    margin-right: -22px;
}


.stopwatch-box{
	position:fixed;
	right:0px;
	bottom:0px;
	width:270px;	
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	background-color:#fff;
	box-shadow:0px 0px 5px #e4e4e4;
	z-index:999;
	transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
}
.stopwatch-box .watch{
	padding-left: 5px;
    overflow: hidden;
}
.stopwatch-box .watch h1{
	font-size: 30px;
	margin-bottom: 0;
}
.stopwatch-box .watch p{
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis; 
	max-width: 150px;
	margin-bottom: 0;
}
.stopwatch-box.movedown {
	bottom: -100px;
    right: -245px;
}
.watch-inner{
	width:100%;
	padding:15px 20px 15px 20px;
	position:relative;
}
.watchPlayText{
	color: #fff;
    display: inline-block;
	font-size: 11.5px;
	padding-right: 5px;
}
.watch-controlar{
	width:100%;
	height:35px;
	background-color:#3eb456;
	padding:6px 15px;
	display: flex;
	
}

.watch label{
	font-size:28px;
	margin-bottom:0px;
}
.watch-controlar .control.pause{
	display:none;
}
.watch-controlar .control{
	display:inline-block;
	cursor:pointer;
	margin: 0px 0px 0 2px;
}
.watch-controlar .fa{
	color:#fff;
	font-size:9px;
	height:25px;
	width:25px;
	border:3px solid #fff;
	text-align:center;
	line-height:19px;
	border-radius:50%;
}
.watch-inner p a{
	color:#64b449;
	text-decoration:underline;
}
.watch-profile-image{
	position:absolute;
	left:15px;
	top:20px;
}
.round-watch{
	box-shadow:0px 0px 5px #999;
	background-color:#fff;
	border-radius:50%;
	width:50px;
	height:50px;
	padding:5px;
	position:absolute;
	left:-32px;
	top:-32px;
	cursor:pointer;
}
.bighand{
	background-image:url(../img/bighand.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:7px;
	top:10px;
	margin:auto;
	left:0px;
	right:0px;
	width:8px;
	height:30px;
	position:absolute;
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
	animation:bighand 20s infinite linear;
	-webkit-animation:bighand 20s infinite linear;
	-moz-animation:bighand 20s infinite linear;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);	
}

div#cke_description{
    width:100% !important;
}
@keyframes bighand{
	0%{
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
	}
}
.shorthand{
	background-image:url(../img/bighand.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:7px;
	top:10px;
	margin:auto;
	left:0px;
	right:0px;
	width:8px;
	height:30px;
	position:absolute;
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
	animation:shorthand 60s infinite linear;
	-webkit-animation:shorthand 60s infinite linear;
	-moz-animation:shorthand 60s infinite linear;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);	
}
@keyframes shorthand{
	0%{
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
	}
}
.cke_top {
	border-bottom: none !important;
}
.red{color: red;}
.green{color: green;}
.searchLoader{
	padding: 10px;
}
.todogroup{
box-shadow: 0px 0px 5px#e4e4e4;
padding: 25px;
border-radius: 4px;
margin-bottom: 20px;
}
.btn-whitePadding{
	padding: 5px;
}
.btn-white{
	box-shadow: 0px 0px 5px #e4e4e4;
	color: #3eb456;
}
.subNavBtn{
	box-shadow: 0px 0px 5px#e4e4e4;
	padding: 8px 12px;
	border-radius: 25px;
	font-size: 12px;
	background-color: #fff;
}
.active .subNavBtn{
	background-color: #3eb456;
	color: #FFF;
	 
}
.active .subNavBtn .text-primary{
	color: #fff !important;
}
.subNavBtn input{
	vertical-align: middle;
}
.myCustomCheck{
	position: relative;
	margin-bottom: 10px;
	padding-left: 25px;
  }
  .myCustomCheck.myCustomCheckInline{
	  display: inline-block;
  }
  .myCustomCheck input[type=checkbox]{
	position: absolute;
	visibility: hidden;
	left:0;
	top:0;
	
  }
  .myCustomCheck label:before {
	  border: 2px solid #3eb456;
	  content: '';
	  width: 20px;
	  height: 20px;
	 
	  display: inline-block;
	  margin-right: 4px;
	  vertical-align: middle;
	  position: absolute;
	  left: 0;
	  top: -1px;
	  border-radius: 50%;
	  cursor: pointer;
  }
  /* .myCustomCheck input[type=checkbox]:checked + label:before {
	  border-top-color: #3eb456;
	  border-right-color: #3eb456;
	  border-bottom-color: #3eb456;
	  border-left-color: #3eb456;
	  background-color: #3eb456;
  } */
  .myCustomCheck input[type=checkbox]:checked + label:after{
	  display: block;
  }
  .myCustomCheck label:after {
    background-image: url(../img/tick2.png);
background-repeat: no-repeat;
background-position: center center;
height: 14px;
width: 14px;
position: absolute;
left: 2.5px;
top: 2px;
display: none;
content: '';
background-size: 140% auto;
cursor: pointer;
}
  
  
  .myCustomRadioCheckInline{
	display: inline-block;
	margin-right: 10px;
  }
  
  .myCustomRadio{
	position: relative;
	margin-bottom: 10px;
	padding-left: 25px;
  }
  .myCustomRadio input[type=radio]{
	position: absolute;
	visibility: hidden;
	left:0;
	top:0;
  }
  .myCustomRadio label:before {
	  border: 2px solid #3eb456;
	  content: '';
	  width: 20px;
	  height: 20px;
	  border-radius: 50%;
	  display: inline-block;
	  margin-right: 4px;
	  vertical-align: middle;
	
	  position: absolute;
	  left: 0;
	  top: -1px;
  }
  /* .myCustomRadio input[type=radio]:checked + label:before {
	  border-top-color: #3eb456;
	  border-right-color: #3eb456;
	  border-bottom-color: #3eb456;
	  border-left-color: #3eb456;
	  background-color: #3eb456;
  } */
  .myCustomRadio input[type=radio]:checked + label:after{
	display: block;
}
  .myCustomRadio label:after{
	
	height: 10px;
	width: 10px;
	position: absolute;
	left: 5px;
    top: 4px;
	display: none;
	content: '';
	background-color: #3eb456;
	border-radius: 50%;
	
  } 
  .myCustomRadio label, .myCustomCheck label{
	  cursor: pointer;
  }
  .profileroundBox{
	  padding: 30px;
	  box-shadow: 0px 0px 5px#e4e4e4;
      border-radius: 4px;
  }
  .profileroundBox .table{
	font-size: 11px;
  }
  .profileroundBox .table td {
    padding: 8px 4px;
}
  .profileImgUpload{
	  text-align: center;
  }
  
  .profileImgUpload .profileNoImg{
	  margin: 0 auto;
  }
.fileinput-button.profileUploadBtn{
	width: auto;
}
p.smallText{
	font-size: 11px;
line-height: 16px;
}
.alert {
    border-radius: 25px;
}
.uploadFileName{
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis; 
	max-width: 50px;
	display: block;
}
.commentsBox .media-body ul, .commentsBox .media-body ol{
	margin-left: 20px;
	padding-left: 0;
	margin-bottom: 15px;
}
.commentsBox .media-body ul li{
	
	list-style: disc;
}
.commentsBox .media-body ol li{
	list-style-type: inherit;
}

.commentsBox .media-body blockquote {
    font-style: italic;
    font-family: 'Roboto', sans-serif;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    padding-left: 20px;
    padding-right: 8px;
	border-left-width: 5px;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.profileUploadBtn i{
	display: none !important;
}
.blockMsg {box-shadow: 0px 0px 5px #e4e4e4;}
.blockOverlay{background-color: #fff !important; z-index: 9 !important;}
.commentsBox.catchupBox .media-body {
    box-shadow: none;
    padding: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}
.commentsBox.catchupBox {
	padding-top: 10px;
	border-bottom: 1px dashed #dde1e9;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.commentsBox.catchupBox:last-child{
	border-bottom: none;
}
.form-group h5{
	margin-bottom: 8px;
}
tfoot th, tfoot td{
	border: none !important;
}
table.dataTable tbody th, table.dataTable tbody td {
    font-size: 12px;
}
.popoverBox .companyList{
	margin-top: 0px;
	
}
.popoverBox .companyImg {
    width: 100%;
   
}
.popoverBox .companyList ul li {
    
    margin: 0 -2px 20px -2px;
    width: 33%;
}
.popoverBox .companyList h6{
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis; 
	margin-bottom: 0;
}
.popoverBox .popoverBoxHeader {
   margin-left: -10px; 
     margin-right: -10px; 
}
.popoverBox .content {
    max-height: 270px;
}
.popoverBox .companyNoImg {
    font-size: 18px;
    width: 90px;
    height: 90px;
	line-height: 90px;
	margin: 0 auto;
}
.companyLogoNoImg{
	border-radius: 50%;
    background-color: #fff;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    color: #3eb456;
    font-size: 13px;
    text-align: center;
    line-height: 25px;
    display: inline-block;
}
.text-warning {
    color: #efb300 !important;
}

.dropdown-item .companyLogoNoImg {
    background-color: #efefef;
}
.dropdown-toggle .compnayHeaderImg {
    background-color: #fff;
}
.historydateTime{
	min-width: 180px;
}
/* reminder class */
.textWrap{
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis; 
}
.projectDetailsBgAdd .container-fluid{
	padding-left: 25px;
	padding-right: 25px;
}
.latestProjectTime {
    min-width: 110px;
}
.js-inner-handle .moveIcon, .js-handle .moveIcon{
	display: inline-block;
	vertical-align: middle;
	cursor: move;
	margin-right: 5px;
}
.js-inner-handle, .js-handle {
	cursor: move;
}
.js-sortable-connected[data-disabled="true"] .moveIcon, .js-sortable-connected[data-disabled="true"] .moveIcon{
	display: none;
}
.js-handle .moveIcon{
	color: #3eb456;
	margin-right: 5px;
}
.js-sortable-connected[data-disabled="false"] .customCheckBox{
	display: none;
}
.js-sortable-connected[data-disabled="false"] .todoEdit{
	display: none !important;
}
.list-group-itemInner{
	display: flex;
	padding-left: 10px;
	cursor: move;
}
.js-inner-handle .moveIcon {
    position: relative;
    top: 3px;
}
.orderingSwitch.switchCheckHold {
    vertical-align: middle;
}
.orderingSwitch .switchCheckHoldText {
	font-weight: normal;
	top: 6px;
}
.orderingSwitch .switchCheck input[type=checkbox]:checked + .slider .switchCheckHoldText {
    left: 15px;

}
.orderingSwitch .switchCheck {
    height: 27px;
}
.orderingSwitch .switchCheck .slider:before {
	height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3.8px;
}
.orderingSwitch .switchCheck input[type=checkbox]:checked + .slider:before {
    -webkit-transform: translateX(70px);
    -ms-transform: translateX(70px);
    transform: translateX(70px);
    -moz-transform: translateX(70px);
    -o-transform: translateX(70px);
}
.border-white{
	 border: 2px dashed #ebebeb !important;
	 width: 100% !important;
	 margin-bottom: 1rem;
}
.js-sortable-inner-connected .border-white{
	margin-bottom: 0 ;
}
.orderingLi{
	display:block;
}
.form-control.todoPer{
	width: 45px !important;
    border-radius: 4px;
    margin: 0;
	margin-left: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: inline-block;
	vertical-align: middle;
	padding: 5px 10px;
}
.currentDayLine{
	background-color: #d9e5ff;
}
.modal-body {
    padding: 25px;
}
.currentDayBox{
	background-image: url(../img/red-pixel.jpg);
	background-repeat: repeat-y;
	background-position: center;
	}
.chartTopAbb{
	position: absolute;
	left: 0 !important;
	display: flex;
	z-index: 101;
	background-color: #ffffff;
}
.currentDayBox span{
    background-color: #ff0000;
    color: #fff !important;
    background-image: none;
    border-radius: 4px;
    line-height: 12px;
	width: 20px;
	display: block;
	margin: -3px auto 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
	-o-border-radius: 4px;
	text-align: center;
	padding: 5px 0;
}
.dayLine.weekend {
    border-left: 1px #cac8c8 solid;
}
.B{
	position: fixed;
	bottom: 0;
	right: 80px;
	background-color: #fff;
	z-index: 101;
	-webkit-transition: all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-ms-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	transition: all 0.3s ease-in-out 0.1s;
	overflow-y: scroll;
    max-height: 180px;
}
.projectDetailsBgAdd .B{
	right: 25px;
}
.monthBox .fulHeight {
	height: -webkit-calc(100% - 30px);
	height: -moz-calc(100% - 30px);
	height: calc(100% - 30px);
}

.performence-checkbox{
	margin-top: 8px;
	margin-right:5px;
	white-space: nowrap;
}

.commentScroll{
	height: 523px;
	overflow-y: scroll;
}

.dateRangeWidth{
	min-width: 165px;
}

.gotop {
    text-align: center;
    background-color: #3eb456;
    position: fixed;
    right: 10px;
	bottom: 80px;
	margin-top: -20px;
    z-index: 999;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    height: 35px;
    width: 35px;
    line-height: 35px;
    border-radius: ;
    visibility: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: 0px 0px 5px #e4e4e4;
    
	opacity: 0.5;
}
.gotop.visible {
	visibility: visible;
}
.gobottom{
	text-align: center;
	background-color: #3eb456;
	position: fixed;
	right: 10px;
	bottom: 40px;
	margin-top: 20px;
	z-index: 999;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	height: 35px;
	width: 35px;
	line-height: 37px;
	border-radius: ;
	visibility: hidden;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	box-shadow: 0px 0px 5px #e4e4e4;
	opacity: 0.5;
}
.gobottom.visible {
	visibility: visible;
}
.gotop:hover, .gobottom:hover{
	opacity: 1;
}
.fa, .fas, .far, .fal, .fab {
    line-height: inherit;
}
.cursorPointer{
	cursor: pointer;
}
.bulb{
	/* background-image: url(../img/bulb.png);
	background-repeat: no-repeat;
	background-position: center top; 
	height: 40px;
	width: 30px;*/
	color: #fff;
	cursor: pointer;
	margin-right: 5px;
	font-size: 19px;
}
.dropdown-toggle .compnayHeaderImg{
	width: 20px;
}
hr {
    margin-top: 30px;
    margin-bottom: 30px;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #3eb456;
}
.color-fill-icon{
	display:inline-block;
	width:14px;
	height:14px;
	background-color:#fff;
	border-radius: 3px;
	box-shadow: 0 0px 5px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, .3);
	}
.dropdown-color-fill-icon{
  position:relative;
  margin-left:0;
  margin-right: 0;
  display: inline-block;
  vertical-align: middle;
}
/* .colorpickerBox .caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
} */
.colorpickerBox{
background-color: transparent;
padding: 0;
margin-left: 4.2px;
margin-top: 7px;
}
.colorpicker-border{
	border: 1px solid #fff;
}
.colorpicker-color{
	position: absolute;
	right: -17px;
	display: none;
	cursor: pointer;
}
.colorpickerplus {
    margin-top: -15px;
}
.colorpicker-color:before{
	position: absolute;
	left: -5px;
	width: 7px;
	height: 15px;
	top: 0;
	content: '';
}
.colorpicker-color:focus{
	border: none;
	outline: none;
	
}
.barsBox:hover .colorpicker-color{
	display: block;
}

.colorpickerplus-container .input-group, .colorpickerplus-custom-colors{
	display: none;

}
.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #3eb456;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #3eb456;
}
.card-body .tagGroupHold{
	position: relative;
}
 .card-body .tagGroup{
	display: block;
	max-width: 50px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-body .tagGroupHold .popoverBox{
	right: -50px;
    width: 240px;
}
.card-body .tagGroupHold .popoverBox .arrow-up{
	left: inherit;
	right: 55px;
} 
.progress-bar {
    background-color: #3eb456;
}
.msubHeaderIcon{
	margin-left: 5px;
}
.msubHeaderIcon a{
	font-size: 15px;
color: #3eb456;
}
.msubHeaderDropDown {
	margin-left: 8px;
	position: relative;
}
.msubHeaderDropDown button{
	background-color: transparent;
	cursor: pointer;
	font-size: 15px;
color: #3eb456;
padding: 0;
}
.msubHeaderDropDown .dropdown-toggle::after {
    display: none;
    
}
.msubHeaderDropDown button:focus{
	border: none;
	outline: none;
	box-shadow: none;
}
.msubHeaderDropDown .dropdown-menu {
	left: inherit !important;
	right: 0 !important;
	top: 100% !important;
	transform: none  !important;
	-webkit-transform: none  !important;
	-moz-transform: none  !important;
	-ms-transform: none  !important;
	-o-transform: none  !important;
}
.msubHeaderDropDown .badge-primary{
	color: #fff;
background-color: #3eb456;
border-color: #3eb456;

}
.msubHeaderDropDown .badge{
height: 20px;
width: 20px;
padding: 0;
line-height: 18px;
text-align: center;
margin: 0;
font-size: 10px;
margin-left: 3px;
}
.msubHeaderDropDown .myCustomCheck {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
}
.msubHeaderDropDown .myCustomCheck input[type="checkbox"] {
    margin: 0;
}
.ajexDivHeight{
	min-height: 720px;
}
.pageSearchBox{
	position: relative;
	padding-right: 74px;
}
.pageSearchBox .btn{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 0 25px 25px 0;
	-webkit-border-radius: 0 25px 25px 0;
	-moz-border-radius: 0 25px 25px 0;
	-ms-border-radius: 0 25px 25px 0;
	-o-border-radius: 0 25px 25px 0;
	background-color: #fff;
	margin: 0 !important;
}

.pageSearchBox .form-control{
	border-radius: 25px 0 0 25px;
	-webkit-border-radius: 25px 0 0 25px;
	-moz-border-radius: 25px 0 0 25px;
	-ms-border-radius: 25px 0 0 25px;
	-o-border-radius: 25px 0 0 25px;
	border-right: none;
	min-width: 150px;
	max-width: 600px;
}
.commentsBox .media-body a, .commentsBox .media-body a:not([href]){
	color: #3eb456 !important;
}
.commentsBox .media-body a.btn-primary {
    color: #ffffff !important;
}
.sideBarBox .panel-body a{
	color: #3eb456;
}
.rangerSliderBox{
	margin-bottom: 10px;
}
.rangerSliderBox ul:after{
	content: '';
	display: block;
	clear: both;
}
.rangerSliderBox ul li{
	float: left;
	width: 33.3%;
	text-align: center;
	font-size: 11px;
    color: #6c757d;
}
.rangerSliderBox ul li:first-child{
	text-align: left;
}
.rangerSliderBox ul li:last-child{
	text-align: right;
}
.popoverBox .myCustomRadioCheckInline {
    margin-right: 5px;
}
/* endorsementComment start*/
.endorsementComment{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 5px;
}
.endCommentPImg {
	position: absolute;
	left: 1px;
	top: 1px;
}
  .endCommentPImg img{
	  max-width: inherit;
	  width: 27px;
      border-radius: 50%;
  }
  .endCommentText{
	 
  }
  .endCommentText .cke_inner{
	display: flex;
	-ms-flex-align: center!important;
	align-items: center!important;
	-ms-flex-pack: justify!important;
    justify-content: space-between!important;
  }
  .endCommentText .cke_chrome {
    border: none;
  
}
.endCommentText .cke_top {
    -ms-flex-order: 2;
    order: 2;
    padding: 0;
    background-color: transparent !important;
}
.endCommentText .cke_contents{
	-ms-flex-order: 1;
    order: 1;
}
.endCommentText a.cke_button_expandable {
	padding: 0;
	cursor: pointer;
	height: 23px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	margin-left: 7px;
	width: 23px;
	background-color: #efb300 !important;
	text-align: center;
	border: solid 1px #efb300 !important;
	margin-top: 3px;
}
.endCommentText .cke_button_arrow {
    display: none;
}
.endCommentText a.cke_button_expandable.cke_button_off:hover, 
.endCommentText a.cke_button_expandable.cke_button_off:focus, 
.endCommentText a.cke_button_expandable.cke_button_off:active {
	padding: 0px;
	background: transparent;
    border: none;
}
.endCommentText a.cke_button_expandable.cke_button_on{
	padding: 0;
	border: none;
}
.endCommentText .cke_button_icon{
	float: none;
	margin-top: 3.4px;

}
.endCommentText p{
	margin: 0;
	line-height: 20px;
	font-size: 14px;
}
.endCommentText .cke_wysiwyg_div{
	min-width: 100px;
	padding-left: 0;
	
}
.endCommentTextInner{
    border-radius: 35px;
    position: relative;
	padding-right: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
	-o-border-radius: 35px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 36px;
	box-shadow: 0px 0px 5px #e4e4e4;
	height: 30px;
}
.endCommentIcons{
    position: absolute;
    right: 7px;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-0%);
    -webkit-transform: translateY(-50%) translateX(-0%);
    transform: translateY(-50%) translateX(-0%);
    -moz-transform: translateY(-50%) translateX(-0%);
	-o-transform: translateY(-50%) translateX(-0%);
	margin-top: 2px;
}
.emjBlock span{
	position: absolute;
    right: 60px;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-0%);
    -webkit-transform: translateY(-50%) translateX(-0%);
    transform: translateY(-50%) translateX(-0%);
    -moz-transform: translateY(-50%) translateX(-0%);
	-o-transform: translateY(-50%) translateX(-0%);
	
}


.endCommentIcons a{
	font-size: 23px;
	margin-left: 1px;
}
.emojiPickerIconWrap .emojiable-option{
	padding: 0;
	font-size: 14px;
	border: none;
	line-height: 28px;
	height: 30px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	min-width: 100px;
	padding-right: 34px;
	min-width: 180px;
	outline: none;
	color: #2c4c33;
	background-color: transparent;
}

.emojiPickerIconWrap .black{
	background-color: transparent !important;
	top: 1px;
	background-size: 83% !important;
}

.emojiPickerIconWrap .emojiable-option:focus{
	outline: none;
	border: none;
	box-shadow: none;
}
.displayendCommentHold{
	border: 1px solid transparent;
    border-radius: 35px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
	-o-border-radius: 35px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 36px;
	padding-right: 10px;
	box-shadow: 0px 0px 5px #e4e4e4;
}
.displayendCommentHoldText p{
	margin: 0;
	line-height: 28px;
	font-size: 14px;
	color: #2c4c33;
}
.displayendCommentHoldText.displayendCommentHoldText2 p{
	font-size: 23px;
}
.displayendComment{
	display: inline-block;
	margin-bottom: 5px;
	vertical-align: top;
}
/* endorsementComment end*/



/* Dark color start */
.darkMode h3 small{
	color: #7189b5;
}
body.darkMode {
    color: #dde1e9;
    background-color: #152136;
}
.darkMode .bg-white {
    background-color: #152136 !important;
}
.darkMode .projectBox h3, .darkMode .projectBox h5, .darkMode .profileRight h5, .darkMode .meProfile h5{
	color: #dde1e9;
}
.darkMode .text-primary{
	color: #3eb456 !important;
}
.darkMode a.text-primary:hover, .darkMode a.text-primary:focus, .darkMode .text-primary:hover{
	color: #61d177 !important;
}
.darkMode .headerArea {
	background-color: #152136;
	border-bottom: solid 1px #1c2b47;
}
.darkMode .projectBox {
    background-color: #1c2b47;
	box-shadow: none;
	border: solid 1px #223559;
}
.darkMode .select2-container--default .select2-selection--single {
    background-color: #1c2b47;
    border: 1px solid #223559;
}
.darkMode .select2-dropdown {
    background-color: #1c2b47;
    border: 1px solid #223559;
}
.darkMode .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #1c2b47;
}
.darkMode .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #223559;
	outline: none;
	color: #fff;
    background-color: #1c2b47;
}
.darkMode table.dataTable.display tbody tr.odd>.sorting_1, .darkMode table.dataTable.order-column.stripe tbody tr.odd>.sorting_1, .darkMode table.dataTable.display tbody tr.even>.sorting_1, .darkMode table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
 
    background-color: transparent;
}
.darkMode .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #152136;
	color: #fff;
}
.darkMode .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #152136;
}
.darkMode .bootstrap-datetimepicker-widget table td.active, .darkMode .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #54c56b;
    color: #ffffff;
}
.darkMode .select2-container--default .select2-selection--multiple{
	background-color: #1c2b47;
	border-color: #223559;
}
.darkMode .select2-container--default .select2-selection--single .select2-selection__rendered{
color: #dde1e9;
}

.darkMode .btn-primary{
	color: #ffffff;
	background-color: #3eb456;
	border-top-color: #3eb456;
	border-right-color: #3eb456;
	border-bottom-color: #3eb456;
	border-left-color: #3eb456;
}
.darkMode .btn-primary:hover, .darkMode .btn-primary:focus, .darkMode .btn-primary:not(:disabled):not(.disabled):active, .darkMode .btn-primary:not(:disabled):not(.disabled).active, .darkMode .show > .btn-primary.dropdown-toggle {
	color: #ffffff;
	background-color: #54c56b;
	border-top-color: #54c56b;
	border-right-color: #54c56b;
	border-bottom-color: #54c56b;
	border-left-color: #54c56b;
}
.darkMode .gotop, .darkMode .gobottom{
	background-color: #fff;
	box-shadow: none;
	color: #222328;
}
.darkMode footer {
    border-top: 1px solid #1c2b47;
	 background-color: #1c2b47;
}
.darkMode .projectListView .list-group-item {
	background-color: transparent;
	border-bottom-color: #2a374e;
}
.darkMode .projectListViewBox {
    border-bottom-color: #2a374e;
}
.darkMode .subHeader .nav-link {
    color: #222328;
}
.darkMode .subHeader .nav-link.projectMenuBtn  {
    color: #dde1e9;
}
.darkMode .subHeader .nav-link .text-primary {
    color: #222328 !important;
}
.darkMode h1, .darkMode h2, .darkMode h3, .darkMode h4, .darkMode h5, .darkMode h6 {

    color: #dde1e9;
}
.darkMode .todogroup {
	box-shadow: none;
	background-color: #1c2b47;
	border: solid 1px #223559;
}
.darkMode .list-group-item {
    background-color: transparent;
}
.darkMode .subNavBtn{
	box-shadow: none;
}
.darkMode .meProfileIcon{color: #dde1e9;}
.darkMode .noteBox {
	box-shadow: none;
    background-color: #23262d;
}
.darkMode .projectSidebar{
	background-color: transparent;
}
.darkMode .jumbotron {
    border-bottom: 1px dashed #2a374e;
}
.darkMode .subHeader {
    border-bottom: 1px dashed #2a374e;
}
.darkMode .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #151515;
}
.darkMode .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ffffff;
}
.darkMode .todoEdit {
	box-shadow: none;
	background-color: #223559;
}
.darkMode .commentsBox .media-body {
	box-shadow: none;
	background-color: #1c2b47;
	border: solid 1px #223559;
}
.darkMode .form-control {
	background-color: #1c2b47;
	border-color: #223559;
	color: #dde1e9;
}
.darkMode .form-control:focus {
	color: #dde1e9;
	border-color: #223559;
	box-shadow: none;
	outline: none;
}
.darkMode .dropzone {
    border: 1px dashed #2a374e;
}
.darkMode .dropzone.in {
    border: 10px dashed #2a374e;
}
.darkMode .active .subNavBtn {
	background-color: #3eb456;
	color: #fff;
}
.darkMode .timeBoxTodoList, .darkMode .timeBoxTodo {
    border-bottom: 1px solid #1c2b47;
}
.darkMode .timeBox3 {
    color: #ffffff;
}
.darkMode .timeBox2 {
    color: #dde1e9;
}
.darkMode .discussionBox {
    border-bottom: 1px solid #1c2b47;
}
.darkMode .text-info {
    color: #fbfbfb !important;
}
.darkMode .active .subNavBtn .text-primary {
    color: #fff !important;
}
.darkMode .timeBoxComments {
    border-bottom: 1px solid #1c2b47;
}
/* .darkMode .noLinkButton {
    color: #222328 !important;
}
.darkMode .noLinkButton:hover{
	color: #ffffff !important;
} */

.darkMode .text-dark {
    color: #dde1e9 !important;
}
.darkMode a.text-dark:hover, .darkMode a.text-dark:focus{
	color: #ffffff !important;
}
.darkMode .profileroundBox {
	background-color: #1c2b47;
    box-shadow: none;
}
.darkMode .list-unstyled li a {
    color: #dde1e9;
}
.darkMode .accountRightBorder{
	background-image: none;
}
.darkMode .modal-content {
    background-color: #1c2b47;
} 
.darkMode .myCustomCheck label:before{
	border-color: #3eb456;
}
.darkMode .myCustomCheck label:after {
    background-image: url(../img/tick2.png);
}
.darkMode .modal-content .roundBox {
    background-color: transparent;
} 
.darkMode .modal-header{
	border-bottom-color: #1c2b47;

}
.darkMode .B {
    background-color: #152136;
}
.darkMode .dayLine {
    border-left-color: #1c2b47;
}
.darkMode .popoverBox {
    background-color: #1c2b47;
   box-shadow: none;
    color: #dde1e9;
    border: solid 1px #223559;
}
.darkMode .dropdown-divider {
    border-top: 1px solid #152136;
}
.darkMode .arrow-up:after {
    background: #223559;
}
.darkMode .nav-tabs {
    border-bottom-color: #1c2b47;
}
.darkMode .inviteBorder {
    border-right-color:#1c2b47;
    
}

.darkMode .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #222328;
}
.darkMode .popoverBoxHeader {
    border-bottom-color: #1c2b47;
}
.darkMode .dateFieldNew{
	background-color: transparent;
	color: #fff;
}
.darkMode .stopwatch-box {
  
	box-shadow: none;
	background-color: #1c2b47;
    border: solid 1px #223559;
}
.darkMode .dropdown-menu {
    color: #dde1e9;
    background-color: #1c2b47;
    box-shadow: none;
	border:solid 1px #1c2b48;
}
.darkMode table .dropdown-menu {
  color: #1c2b47;
  background-color: #dde1e9;
}
table .dropdown-menu .btn{
    margin-bottom:3px;
}
.noLinkButton{
	cursor: default !important;
}
.dropDownButtonHold{
    padding-left:10px;
    padding-right:10px;
}
.darkMode .dropdown-item .companyLogoNoImg {
    margin-right: 4px;
}
.dropdown-item.btn-secondary, .dropdown-item.btn-secondary:hover, .dropdown-item.btn-secondary:focus {
	color: #000 !important;
}

.darkMode .compnayHeaderImg {
	background-color: #fff;
	margin-right: 4px; 
}
.darkMode .nav-link .compnayHeaderImg{
	margin-right: 0px; 
}
.darkMode .dropdown-item {
    color: #dde1e9;
}
.darkMode .dropdown-item:hover, .darkMode .dropdown-item:focus {
    color: #ffffff;
    background-color: #152136;
}
.darkMode .projectBoxIconsBox{
	color: #7189b5;}
.darkMode .projectBoxIconsBoxText{
color: #7189b5;
}
.darkMode .projectBoxIconsBox .text-primary, .darkMode .projectBoxIconsBox a.text-primary:hover, .darkMode .projectBoxIconsBox a.text-primary:focus{
color: #7189b5 !important;
}
.darkMode .btn:hover{
/* background-size:110% auto; */
opacity: 1;
}
.darkMode .projectsArchive{
color: #6e83aa;
}
.darkMode .projectListView .list-group-item .todoListText {
	color: #dde1e9;
}
.darkMode .navbar-light .navbar-nav .nav-link {
    color: #7189b5;
}
.darkMode .navbar-light .navbar-nav .nav-link .badge{
	color: #fff;
}
.darkMode .discussionBoxProfile p{
color: #dde1e9;
	}
.darkMode .switchCheck input[type=checkbox]:checked + .slider {
		background-color: #3eb456;
	}	
	.darkMode .js-handle .moveIcon {
		color: #3eb456;
		
	}
	.darkMode .noteText h4 {
		color: #152136 !important;
	}
	.darkMode .checkTick {
		border-color: #3eb456;
}
.darkMode .priceBoxCol{
    background-color: #1c2b47;
	border: solid 1px #223559;
	box-shadow: none;
}
.darkMode .priceBox ul li{
    background-image: url(../img/bullet2.png);
}
.darkMode .addRemoveOwner {
    border-top-color: #1c2b47;
	border-bottom-color: #1c2b47;
}
.darkMode .addRemoveOwner.addRemoveOwner2:last-child {
    border-bottom-color: #1c2b47;
}
.darkMode .invoiceLeft {
	background-color: #1c2b47;
	border: solid 1px #223559;
	box-shadow: none; 
}
.darkMode .invoiceRight{
	background-color: #1c2b47;
	border: solid 1px #223559; 	
	box-shadow: none; 
}
.darkMode .invoiceTrackBox, .darkMode .invoiceTrackBox .text-primary, .darkMode .invoiceTrackBox a.text-primary:hover, .darkMode .invoiceTrackBox a.text-primary:focus {
   
    color: #152136 !important;
}
.darkMode .subHeader ul li {
    color: #152136;
}
.darkMode .geryBox {
    background-color: #1c2b47;
	border: solid 1px #223559; 	
	box-shadow: none; 
}
.darkMode .table-hover tbody tr{
    background-color:transparent !important;
}
.darkMode table.dataTable.hover tbody tr:hover, .darkMode table.dataTable.display tbody tr:hover {
    background-color: #232f46 !important;
}
.darkMode table.dataTable tbody th, .darkMode table.dataTable tbody td {
   border-bottom-color:#152136 ;
}
.darkMode .dataTables_wrapper .dataTables_length, 
.darkMode .dataTables_wrapper .dataTables_filter, 
.darkMode .dataTables_wrapper .dataTables_info, 
.darkMode .dataTables_wrapper .dataTables_processing, 
.darkMode .dataTables_wrapper .dataTables_paginate {
	color: #dde1e9 !important;
}
.darkMode .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.darkMode .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #3eb456 !important;
}
.darkMode div.dataTables_filter input, .darkMode .dataTables_length select {
    
    background-color: #1c2b47;
	border-color: #223559;
	color: #dde1e9;
 
}
.darkMode div.dataTables_length label {
    color: #dde1e9;
}
.darkMode .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #dde1e9 !important;
}
.darkMode .table-bordered {
	border-color: #152136;
	background-color: #1c2b47;
}
.darkMode .table{
	background-color: #1c2b47;
}
.darkMode .table .thead-dark th{
	background-color: #2a374e;
	border-color: #152136;
}
.darkMode .myCustomRadio label:before {
    border-color: #3eb456;
   
}
.darkMode .myCustomRadio label:after {
    background-color: #3eb456;
}
.darkMode .progressDate {
   
    background-color: #3eb456;
    box-shadow: none;
}
.darkMode .progressDataText h6 a {
    color: #3eb456;
}
.darkMode .headBox {
    
    border-bottom-color: #1c2b47;
    border-top-color: #1c2b47;
}
.darkMode .leftCol {
    border-right-color: #1c2b47;
}
.darkMode .subHeadBox {
    border-bottom-color: #1c2b47;
}
.darkMode .tableHover:hover {
    background-color: #1c2b47;
}
.darkMode .editBar {
    background-color: #1c2b47;
}
.darkMode .newPageBottomLeftTextHeading {
    background-color: #1c2b47;
}
.darkMode .newPageBottom {
    border-top-color: #1c2b47;
}
.darkMode .newPageBottomRightTextHeading1 {
    background-color: #1c2b47;
}
.darkMode .dotList li {
    border-left-color: #1c2b47;
}
.darkMode .asignBox {
    background-color: #152136;
}
.darkMode .commentsBox.catchupBox {
    border-bottom-color: #1c2b47;
}
.darkMode .projectUpdateBox {
    border-bottom-color: #1c2b47;
}
.darkMode .commentsBox .media-body {
    box-shadow: none;
    background-color: #1c2b47;
    border: solid 1px #223559;
    padding: 20px;
}
.darkMode .searchBox {
    background-color: #1c2b47;
}
.darkMode .sideBarArea {
    background-color: #152136;
    border-left-color: #142542;
	
}
.darkMode .panel-default {
	background-color: #1c2b47;
    border-color: #223559;
}
.darkMode .sideBarBox .panel-default > .panel-heading {
    color: #dde1e9;
    border-bottom-color: #223559;
}
.darkMode .sideBarBox p {
    color: #dde1e9;
}
.darkMode .sideBarBoxHoldClose {
    color: #dde1e9 !important;
}
.darkMode .sideBarName {
	color: #dde1e9;
}
.darkMode .sideBarDate {
	color: #dde1e9;
}
.darkMode .sideBarBoxHold {
    border-bottom-color: #1c2b47;
}
.darkMode .sideBarAreaHead .badge {
    background-color: #3eb456;
   
}
.darkMode .sideBarBoxAreaClose {
    color: #dde1e9 !important;
}
.darkMode .sideBarAreaHead {
    color: #dde1e9;
    background-color: #1c2b47;
}
.darkMode .card {
	background-color: #1c2b47;
	border-color: #223559;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}
.darkMode .watch-controlar {
    background-color: #152136;
}
.darkMode .emelcomment-text {
    color: #3eb456;
}
.darkMode .subNavBtn {
    box-shadow: none;
	background-color: #dde1e9;
	color: #152136;
}
.darkMode .badge-secondary {
    color: #152136;
    background-color: #dde1e9;
    border-color: #dde1e9;
}
.darkMode .badge-primary {
	color: #152136;
    background-color: #dde1e9;
    border-color: #dde1e9;
}
.darkMode .projectsViewIcons .text-primary {
    color: #7189b5 !important;
}
.darkMode .projectsViewIcons .text-primary.text-info {
	color: #ffffff !important;
}
.darkMode .switchCheck .slider {
	background-color: #1c2b47;
	border: solid 1px #223559;
}
.darkMode .table-bordered td {
    border-color:  #152136;
}
.darkMode .btn-outline-secondary {
    color: #dde1e9;
    border-color: #dde1e9;
} 
.darkMode .btn-outline-secondary:hover, .darkMode .btn-outline-secondary:focus {
    background-color: #dde1e9;
    border-color: #dde1e9;
	color: #152136 !important;
}

.darkMode .projectBox p {
    color: #dde1e9;
}
.darkMode .loginBox {
    background-color: #1c2b47;
    box-shadow: none;
    border: solid 1px #223559;
}
.darkMode .loginBoxFooter {
    border-top-color: #223559;
} 
body.loginBg.darkMode{
background-image: url("../img/login-bg-dark.jpg");
} 
.darkMode .companyList ul li img {
    background-color: #fff;
}
.darkMode .bulb{
	/* background-position: center -40px; */
	color: #7189b5;
}

.darkMode .archiveTop {
    background-color: #1c2b47;
}
.darkMode .btn-secondary{
	background-color: #dde1e9;
    color: #152136 !important;
}
.darkMode .btn-secondary:hover, .darkMode .btn-secondary:focus {
	background-color: #ffffff;
    color: #152136 !important;
}
.darkMode .table-secondary, .darkMode .table-secondary > th, .darkMode .table-secondary > td {
    background-color: #23334e;
}
.darkMode .table-hover .table-secondary:hover {
    background-color: #23334e;
}
.darkMode .invoiteBottomList {
    border-top-color: #1c2b47;
   
}
.darkMode .select2-container--default .select2-search--inline .select2-search__field{
	color: #dde1e9;
}
.darkMode .roundBox {
	background-color: #1c2b47;
    box-shadow: none;
    border: solid 1px #223559;
}
.darkMode .chartTopAbb {
    background-color: #152136;
}
.darkMode .red {
    color: #f76161;
}
.darkMode .navbar-light .navbar-nav .nav-link .badge {
    border-color: #f76161;
    background-color: #ff3434;
}
.darkMode .nav-tabs .nav-link:hover, .darkMode .nav-tabs .nav-link:focus {
    border-color: transparent;
}
.darkMode hr{
    border-top-color: #1c2b47;
}
.darkMode .projectBoxIconsBox .text-primary .fas.fa-star{
   color: #61d177 !important;
}
.darkMode .daterangepicker .calendar-table {
	border: 1px solid #2a374e;
    background: transparent;
}
.darkMode .daterangepicker td.available:hover, .darkMode .daterangepicker th.available:hover {
    color: #1c2b47;
}
.darkMode .daterangepicker td.active, .darkMode .daterangepicker td.active:hover {
    background-color: #3eb456;
}
.darkMode .daterangepicker .input-mini {
	background-color: #1c2b47;
    border: 1px solid #223559;
    color: #ffffff;
}
.darkMode .daterangepicker td.off, .darkMode .daterangepicker td.off.in-range, .darkMode .daterangepicker td.off.start-date, .darkMode .daterangepicker td.off.end-date {
    background-color: #d0d0d0;
    border-color: transparent;
    color: #949090;
}
.darkMode .blockMsg h4{
	color: #152136;
}
.darkMode .dashBox {
    background-color: #1c2b47;
    border: solid 1px #223559;
    box-shadow: none;
}
.darkMode .nav-tabs .nav-link.active, .darkMode .nav-tabs .nav-item.show .nav-link {
	background-color: #dde1e9;
    color: #152136;
    border-color: #dde1e9 #dde1e9 #dde1e9;
}
.darkMode .cke_autocomplete_selected, .darkMode .cke_autocomplete_panel > li:hover {
	background-color: #152136;
}
.darkMode .cke_autocomplete_panel{
	background-color: #1c2b47;
    border: 1px solid #223559;
}
.darkMode .endCommentTextInner {
    background-color: #dde1e9;
    box-shadow: none;
}
.darkMode .displayendCommentHold{
	background-color: #dde1e9;
    box-shadow: none;	
}
/* Dark End (Don't write light mode css in Drak mode or below this) */
.fileViewAreaHold{
	display: flex;
	justify-content: center;
}

.fileViewArea{
	position: relative;
	margin-bottom: 65px;
}
.fileViewAreaImg{
	text-align: center;
}
.comntNoArea{
	position: absolute;
}
.comntNo{
	width: 30px;
	height: 30px;
	background-color: #3eb456;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 26px;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	/* cursor: pointer; */
	border: solid 2px #fff;
}
.fileComentArea{
	position: absolute;
	background-color: #fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	box-shadow: 0 0px 15px rgb(0 0 0 / 6%);
	-webkit-box-shadow: 0 0px 15px rgb(0 0 0 / 6%);
	width: 1000%;
	width: 450px;
	z-index: 1;
	padding: 18px 25px 25px 25px;
	display: none;
}
.fileComentArea:after{
	content: '';
	position: absolute;
	height: 75px;
	bottom: -75px;
	width: 100%;
	left: 0;
}
.fileComentArea.right{
	top: 0;
	left: 100%;
	margin-left: 15px;
}
.fileComentArea.right.bottom{
	bottom: 0;
	top: inherit;
}
.commentImgBox{
	margin-bottom: 20px;
border-radius: 10px;
box-shadow: 0px 0px 15px #959595;
display: inline-block;
overflow: hidden;
margin-top: 20px;
}
.imgComentList {
	margin: 0 !important;
	padding: 0 !important;
}
.imgComentList li{
	margin-bottom: 20px;
	list-style: none !important;
	position: relative;
	padding-left: 38px;
}
.imgComentDot{
	width: 25px;
height: 25px;
background-color: #3eb456;
color: #fff;
font-size: 10px;
font-weight: 600;
line-height: 25px;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
cursor: pointer;
position: absolute;
left: 0;
top: 0px;
}
.fileComentArea.right:before{
	position: absolute;
	left: -10px;
    top: 16px;
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	content: '';
	
	border-right:10px solid #fff; 
}
.fileComentArea.right.bottom:before{
    top: inherit;
	bottom: 16px;
}
.fileComentArea.left{
	top: 0;
	right: 100%;
	margin-right: 15px;
}
.fileComentArea.left.bottom{
	bottom: 0;
	top: inherit
}
.fileComentArea.left:before{
	position: absolute;
	right: -10px;
    top: 16px;
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
	content: '';
	
}
.fileComentArea.left.bottom:before{

    top: inherit;
	bottom: 16px;
	
}
.fileComentAreaHeader {

    padding-bottom: 18px;
   
    border-bottom: 1px dashed #CFCFCF;
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px;
	margin-bottom: 25px;
}
.fileComentAreaHeader .form-check-label {
    margin-bottom: 0;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    color: #3d3d3d;
	margin-top: 2px;
}
.fileComentAreaHeader .form-check{
	margin-bottom: 0;
}
.fileComentAreaBody {

    margin-bottom: 20px;
	max-height: 240px;
}
.fileComentBox{
	display: flex;
	width: 100%;
	margin-bottom: 10px;
}
.fileComentBoxImg{
	position: relative;
	width: 40px;
	height: 40px;
	margin-right: 15px;
}
.fileComentBoxImgHold{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	overflow: hidden;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	
}
.fileComentBoxImgHold img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.fileComentAreaBody .mCustomScrollBox{
	max-height: 240px !important;
}
.fileComentBoxText{
	flex: 1;
}
.fileComentBoxText h4 {
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 5px;
	text-align: left;
}
.fileComentBoxText p {
    margin-bottom: 15px;
    line-height: 18px;
    font-size: 12px;
    color: #777;
	margin-bottom: 12px;
	letter-spacing: 0.02em;
	text-align: left;
}
.fileComentBoxTextTime{
	color: #b0acb0;
    font-weight: 400;
    font-size: 11px;
    margin-left: 7px;
}
.fileComentBoxText ul{
	list-style: disc;
	
	margin-left: 20px;
	margin-bottom: 15px;
}
.fileComentBoxText ul li{
	list-style: disc;
	line-height: 18px;
    font-size: 12px;
    color: #777;
	letter-spacing: 0.02em;
}
.fileComentBoxImgHoldName{
	text-transform: uppercase;
	text-align: center;
	line-height: 40px;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	background-color: #3eb456;
	letter-spacing: 0.05em;
}
.fileComntPostAreaField{

}
.fileComntFieldIcons{
	margin-top: 8px;
}
.fileComntFieldIcons li{
	margin-left: 8px;
	font-size: 18px;
}
.fileViewFooter{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #1d2127;
	padding: 15px;
	z-index: 99;
}
.fileViewFooterIcons {
	float: right;
}

.fileViewFooterIcons ul li{
	margin-left: 17px;
	font-size: 18px;
	color: #fff;
	position: relative;
}
.fileViewFooterIcons ul li .badge{
    border: none;
    background-color: #3eb456;
    font-size: 9px;
    padding: 0;
    height: 20px;
    width: 20px;
    line-height: 20px;
    position: absolute;
    top: -45%;
    right: -13px;
}
.fileViewFooterIcons ul li i{
	opacity: 0.6;
}
.fileViewFooterIcons ul li a:hover i{
	opacity: 1;
}
.viewUploadedImgs{
	display: flex;
	flex-wrap: wrap;
}
.viewUpldImg{
	width: 65px;
    height: 65px;
    position: relative;
    margin-right: 5px;
    margin-bottom: 5px;
}
.viewUpldImgHold{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	overflow: hidden;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.viewUpldImgHold img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
body.fileViewerLayout{
	padding-top: 0 !important;
}
.groupLi{
	list-style: none !important;
}
.labelHeading{
    display:flex;
    margin-left:-10px;
    color:black;
}
.labelHeading .customCheckBox{
    margin-top:2px;
}

.notBoxLink .customCheckBox{
    position:absolute;
    right:10px;
    top:10px;
    z-index:2;
}
.notBoxLink{
    position:relative;
}
.rBlock{
    padding:10px;
    background-color:#faedc8;
    border:1px solid #efb300;
}
.darkMode .rBlock h2, .darkMode .rBlock h4{
    color:#000
}
.rightGap{
	padding-right: 5px;
}
.rightGap2{
	padding-right: 15px;
}
.rightGap3{
	padding-right: 30px;
}
.eventCalWidth1{
	width: 150px;
}
.eventCalWidth2{
	width: 100px;
}
.eventCalFullWidth{
	width: 100%;
}
/* drag and drop */
.newDragArea {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-right: 45px;

}
.newDragArea .nested_with_switch.vertical {
    width: calc(25% - 20px);
margin-right: 20px !important;
margin-bottom: 20px !important;
box-shadow: 0 0px 5px #cccccc;
padding: 15px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
padding-top: 50px;
position: relative;
padding-bottom: 50px;
}
.newDragArea .nested_with_switch.vertical h5{
    position: absolute;
    left: 15px;
    top: 15px;
    right: 15px;
}
.newDragArea .nested_with_switch.vertical > li {
   margin-bottom: 5px;
   border: 1px solid #EBEBEB;
   padding: 10px;
   border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   -o-border-radius: 2px;
   font-size: 12px;
   line-height: 1.3em;
   min-height: 37px;
}

.newDragAreaPlus{
    position: absolute;
    left: 15px;
    bottom: 8px;
    right: 15px;
    text-align: center;
    font-size: 20px;
}
.newDragAreaPlus i{
    cursor: pointer;
}
.newDragAreaMainPuls{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
}
.newDragAreaMainPuls i{
    border: 1px solid #EBEBEB;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #fff;
}
.dragIconsArea{
    margin-top:10px;
}
.dragIcon{
    margin-right: 6px;
}
.dragIconsUser{
    width: 25px;
    height: 25px;
    display: inline-block;
    background-color: #000;
    color: #fff;
    line-height: 25px;
    text-align: center;
    font-size: 10px;
    margin-left: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.dragIconsCode{
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    color: #606060;
    font-weight: 600;
}
.modal-dialog.dragModal-dialog{
    max-width: 1240px;
    
}
.modal-dialog.dragModal-dialog .modal-header{
    padding: 0;
    border: none;
}
.modal-dialog.dragModal-dialog .modal-body {
    padding: 40px;
}
.dragCollapse h4.dragCollapseH {
    padding: 15px;
    margin-bottom: 0;
    border: solid 1px #e8e8e8;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    font-size: 16px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
}
.dragCollapse h4.dragCollapseH:after{
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 10px;
    
}
.dragCollapse h4.dragCollapseH.dragCollapseHOpen:after{
    content: "\f106";
}
.dragCollapse h4.dragCollapseH.dragCollapseHOpen{
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    margin-bottom: 0;
}
.dragCollapseContent{
    border: solid 1px #e8e8e8;
    padding: 15px;
    border-top: none;
    margin-bottom: 10px;
    display: none;
}
.dragTopIcon{
    margin-left: 10px;
}
/* drag and drop end*/
@media (max-width: 1390px) {
.projectBox .projectBoxIconsBox a{
	margin-right: 0;
}
.projectBox .projectBoxIconsBoxText{
	display: block;
}
}

@media (max-width: 1239px) {
    /* drag and drop */
    .modal-dialog.dragModal-dialog{
        margin-left: 20px;
        margin-right: 20px;
    }
    /* drag and drop end*/
}
@media (max-width: 1199px) {
.projectSidebarClose{
	display: block;
	cursor: pointer;
	font-size: 25px;
	color: #000;
	position: absolute;
	top: 2px;
	right: 6px;
}
.projectSidebar{
	padding-top:40px;}

.projectDetailsBgAdd{
	padding-left:0;}
 .container-fluid{
	 padding-left:50px;
	 padding-right:50px;}
	 .B{
		right: 50px;
	}
	.projectDetailsBgAdd .B{
		right: 50px;
	}
}

@media (max-width: 991px) {
h3{
	font-size: 15px;
	margin-bottom: 25px;
}	
.companyList ul li{
	margin:0 10px 20px 10px;
}
.navbar-toggler{
	padding:0;
	border:none;
	border-radius:0;
}
.navbar-light .navbar-toggler {
    color:#FFF;
    border:none;
	font-size: 27px;
}	
.navbar-nav{
	text-align:center;
	-ms-flex-direction: row;
flex-direction: row;
}
/* .profileRight ul li{
	display:block;
	border:none;
	margin-bottom:6px;
	margin-top:6px;
	padding-left:0;
	margin-left:0;
	} */
 .container-fluid{
	 padding-left:15px;
	 padding-right:15px;
	}
.todoEdit{
		display:none !important
}
.dashBox h4{
	font-size: 30px;
	
}
.text-dark {
    color: #000000 !important;
}
.powerAdd{
    
    margin-right: 0;
}
.powerFields{
    padding-right: 10px;
    width: 25%;
}
.B{
	right: 30px;
}
.projectDetailsBgAdd .B{
	right: 30px;
}
.meProfile h5 {
    font-size: 17px;
}
.meProfile .media-body {
    padding-left: 10px;
    padding-top: 3px;
}
.meProfile p {
    font-size: 12px;
}
.meProfileImg {
    width: 60px;
}
.subHeader ul li {
    margin-right: 5px;
}
.projectMenuBtn{
	margin-right: 7px !important;
}
.subNavBtn {
    padding: 8px 9px;
    font-size: 10px;
}
.projectStatusInput {
    width: 140px;
}
/* drag and drop*/
.newDragArea .nested_with_switch.vertical {
	width: calc(33.3% - 20px);
}
.modal-dialog.dragModal-dialog .modal-body {
	padding: 20px;
}
 /* drag and drop end*/
}
@media (min-width: 768px) {
.mobileSubHeaderRight{
	display: none;
}
.noteAddSubHeader{
	display: none;
}
}
@media (max-width: 767px) {
body{
	font-size: 13px;
}	
h3{
	font-size: 16px;
	margin-bottom: 15px;
}	
.p-4 {
    padding: 3rem 0 !important;
}	
body{
	padding-bottom:0;}
.container-fluid{
	padding-left:15px;
	padding-right:15px;} 
.jumbotron {
    padding-top:20px;
    padding-bottom: 20px;
}

footer{
	position:static;}
footer ul{
	margin-bottom:5px;}
footer ul li{
	margin-left:5px;
	margin-right:5px;}
.loginBoxFooter p{
	margin-bottom:5px;}
.loginBox {
    padding-top: 40px;
    padding-right: 25px;
    padding-left: 25px;
}
.loginForm{
	margin-bottom:15px;}
.loginBoxFooter {
    margin-top: 20px;
}
.companyList {
    margin-top: 30px;
}                                           
.companyList ul li{
	margin:0 5px 10px 5px;}
.projectStatusInput{
	width:100%;}
.subHeader .nav-link {
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}
.serchField{
	width:200px;
	}
.headerBottom ul li{
	margin-left:20px;}
.listViewIcons{
	position:static;
	-ms-transform: translateY(-0%) translateX(-0%);
    -webkit-transform: translateY(-0%) translateX(-0%);
    transform: translateY(-0%) translateX(-0%);
	margin-top:10px;
	}
.projectListView .list-group-item .projectBoxIconsBoxText{
	display:none;}
.noteDetails .noteText h4{
	font-size:16px;
}
.projectsFilter{
	display:block;
	width:100%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:4px;
}
.projectsFilter{
	display:block;
	width:100%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:4px;}
	.projectsFilter2 {
		display: block;
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 4px;
	}
.fc-toolbar h2{
	font-size: 16px;
	}
.inviteBorder{
	border-right: none;
	padding-right:15px;
}
.inviteBorder2{
	padding-left:15px;
	
}
.projectUpdateBoxDate {
    position: static;
    margin-bottom: 10px;
}
.projectUpdateBox {
    padding-left: 0;
}
.projectUpdateBox .list-group-item {
    padding-right: 0;
	display:block;
}
.projectUpdateBox.completedTodoPageBox .list-group-item {
    padding-right: 0;
    display: flex;
}

.projectUpdateBox .projectUpdateBoxTime {
    position: static;
	 display: block;
}
.projectUpdateBox .todoListImg {
    display: inline-block;
}
.projectUpdateBox .todoListDate {
    display: inline-block;
	margin-right:0;
	padding-right:0;
	border:none;
}
.priceBoxCol {
    margin: 0 auto 15px auto;
}
.accountRightBorder{
	background-image:none;}
.progressBlock{
	background-image:none;}
.progressDataBlock {
    padding-right: 0;
}
.progressData {
    margin-right: 0px;
}
.progressDataBlock.progressDataBlockRight {
    padding-left: 0;
}
.progressDataBlock.progressDataBlockRight h5 {
    padding-left: 0;
}
.progressDataBlock.progressDataBlockRight .progressData {
    padding-left: 0;
    padding-right: 70px;
    margin-left: 0;
    margin-right: 0;
}
.progressDataBlock.progressDataBlockRight .progressTime {
    right: 0;
    left: inherit;
}
.invoiceTrackBoxArea{
	padding: 40px 15px;
}	
.hideSm{
	display:none;}
.projectDetailsNav{
	display:block;}
.accessDropDown{
	width:auto;}
.projectSidebar{
	display:none !important;}
.addFloatingIcon{

	right: 15px;
	bottom: 25px;
}
.sideborder {
    border-right: none;
}
.errorPage h3 {
    font-size: 50px;
}
.errorPage h2 {
    font-size: 25px;
}
.B{
	right: 15px;
}
.projectDetailsBgAdd .B{
	right: 15px;
}
.headerProjectName{
	max-width: 180px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis; 
	display: inline-block;
    vertical-align: middle;
}
.noteAddSubHeader .noteHead {
    padding-left: 0;
    border: none;
}
.noteAddSubHeader .noteTitle {
    border-right: none;
    border-bottom: solid 1px #ebebeb;
    padding-bottom: 7px;
	margin-bottom: 5px;
	display: block;
}
.noteAddSubHeader .noteHead .meProfileIcon a {
    margin-left: 0;
    margin-right: 12px;
}
.pageSearchBox .form-control {
    max-width: 100%;
}
 /* drag and drop */
 .newDragArea .nested_with_switch.vertical {
	width: calc(50% - 20px);

}
/* drag and drop end*/
}
@media (max-width: 575px) {
.loginBox.securityAlert{
	padding-right: 25px;
	padding-left: 25px;
	max-width: 400px;
}	
.navbar-brand {
    margin-left: 10px;
    margin-right: 0;
	width:90px;
}
.navbar {
    padding-right: 5px;
}
.navbar-light .navbar-nav .nav-link {
    font-size: 16px;
    margin-right: 8px;
    margin-left: 8px;
}
.todoListText {
    white-space: normal;
    overflow: inherit;
}
	
.btn{
	margin-top:4px;}
.list-group-item-badges{
	display:none;}
.projectsViewIcons{
	width:100%;
	margin-right:0px;
	font-size:25px;
	margin-bottom:10px;}
.projectsViewIcons a{
	margin-right:8px;}
.projectsFilter{
	width:100%;
}
/* .projectsArchive{
	margin-left:0;
	margin-top:10px;
	text-align:right;
	display:block;}
} */
.commentsBox{
	display:block;
	position: relative;
padding-top: 30px;
	}
.commentsBox .mr-3{
	position: absolute;
	margin: 0 auto !important;
	left: 0;
	right: 0;
	width: 60px;
	top: 0;}
	.commentsBox .media-body {
		padding-top: 45px;
	}
.projectListView .list-group-item{
display: block;
white-space: normal;
	}

.projectListView .todoListDate{
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis; 
	-ms-flex-item-align: center !important;
	}
.projectListView .listViewIcons {
    text-align: right;
}	
.projectleft{
	width:auto;
	float:none;
	padding-right:0px;
	margin-bottom:15px;}
.sideBarArea {
    width: 300px;
    right: -300px;
}
.profileRight{
	margin-top:20px;}

.fc-toolbar .fc-center {
	float:left;
	width:100%;
	text-align:center;
	margin-top:10px;
}
.fc-toolbar h2{
	float:none !important;}
.discussionBoxProfile {
    float: none;
}	
.discussionBoxComment {
    top: 6px;
}
.discussionBox {
    padding-right: 0;
}
.discussionBoxText {
    overflow: inherit;
    padding-top: 10px;
    width: 100%;
    display: block;
    float: left;
}
.commentTop {
    padding-right: 0;
}
.commentIcons{
	position:static;}
.owner{
	margin-bottom:8px;}
.progressData {
    padding-right: 0;
}
.progressTime {
    position: static;
    text-align: right;
}
.progressDataBlock.progressDataBlockRight .progressData {
    padding-right: 0;
}
.repeatDropdown .form-group {
    margin-bottom: 4px;
}
.hideXs{
	display:none;
}
.tickBox ul li{
	padding-left: 80px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: -25px;
	margin-left: -25px;
	font-weight: 500;
	padding-left: 60px;	
}
.tickBox ul li i {
    left: 25px;
}	
.input-group .btn{
	margin-top:0;
}
.remainingTodo .list-group-item-badges {
	display:inherit;
}
.powerFields{
	padding-right: 0;
	margin-bottom: 6px;
	width: 100%;
}
.powerAdd {
	text-align: center;
 
}
.roundBox {
    padding: 15px;
}
.btn.mobileSMBtn{
	padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
	padding-left: 10px;
	font-size: 10.52px;
}
.commentsBox.catchupBox  .mr-3{

	position: static;
	margin-right: 10px !important;
	width: 40px;

}
.commentsBox.catchupBox {
	margin-bottom: 25px;
	padding-top: 10px; 
	display: flex;
}
.col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.orderingSwitch .switchCheck {
    margin-top: 2px;
}
  /* drag and drop */
  .newDragArea .nested_with_switch.vertical h5 {
	font-size: 13px;

}
.newDragAreaMainPuls{
  margin: 0 auto;
  text-align: center;
  left: 0;
   
}
.newDragArea{
	padding-right: 0;
	padding-top: 60px;
}
/* drag and drop end */
}
@media (max-width: 480px) {
	.navbar-light .navbar-nav .nav-link {
		font-size: 11px;
		margin-right: 5px;
		margin-left: 5px;
	}
	.navbar-brand {
		margin-left: 10px;
		margin-right: 0;
		width: 55px;
	}
	.compnayHeaderImg {
		width: 20px;
	}
	.navLinkSideText{
		display: none;
	}
	.bulb {
        font-size: 14px;
    }
    .badge {
        margin-bottom: 2px;
    }
}
@media (max-width: 460px) {
	/* drag and drop*/
	.newDragArea .nested_with_switch.vertical {
	  width: calc(100% - 0px);
	  margin-right: 0 !important;
  }
   /* drag and drop end*/
  }