.mx-1 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-2 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-3 {
  margin-left: 3rem;
  margin-right: 3rem;
}
.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-3 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.w-25 {
  width: 25%;
}
.w-50 {
  width: 50%;
}
.w-75 {
  width: 75%;
}
.w-100 {
  width: 100%;
}
.text-white {
  color: white;
}

body {
	font-family: arial;
	margin: 0px;
}



/** for project buttons red minus and green plus*/

.btn-green-gradient {
    background-image: -o-linear-gradient(bottom, #90cc90 0%, #b4ffb4 100%);
    background-image: -moz-linear-gradient(bottom, #90cc90 0%, #b4ffb4 100%);
    background-image: -webkit-linear-gradient(bottom, #90cc90 0%, #b4ffb4 100%);
    background-image: -ms-linear-gradient(bottom, #90cc90 0%, #b4ffb4 100%);
    background-image: linear-gradient(bottom,#90cc90 0%, #b4ffb4 100%);
    color: #000;
    opacity: 1;
}

.redMinus{
    background-image: -o-linear-gradient(bottom, #f5baba 0%, #f25050 100%);
    background-image: -moz-linear-gradient(bottom, #f5baba 0%, #f25050 100%);
    background-image: -webkit-linear-gradient(bottom, #f5baba 0%, #f25050 100%);
    background-image: -ms-linear-gradient(bottom, #f5baba 0%, #f25050 100%);
    background-image: linear-gradient(bottom,#f5baba 0%, #f25050 100%);
    color: #000;
    opacity: 1;
}	


/** select project area popup */

.select{
  overflow:hidden;
  /**background-color:#FFFFFF;*/
  background-color: blue;
  color:#fff;
  border:1px solid #CCCCCC;
  padding:0px;
  margin:0px;
  cursor:pointer;
}

.select:hover{
  height:auto;
}

.select li{
  /*height:20px;*/
  line-height:20px;
  padding-left:5px;
  border-bottom:1px solid #ccc; 
  width:170px;	
}

.activeLi{
  /*background-color:#337ab7;
  color:#fff!important;*/
  background-color:rgb(255, 210, 105);
  color:blue;
  
}
.activeLi span{
  /*background-color:#337ab7;
    color:#fff!important;*/
  background-color:rgb(255, 210, 105);
  color:blue!important;
}

.select li span{
  text-decoration:none;
  color:#fff;
  font-family:calibri;
}

.select li:first-child a:after{
  content:' ';
  background-size:16px 16px;
  background-position:center center;
  background-repeat:no-repeat;
  float:right;
  text-align:center;
  line-height:20px;
}

.centerLi{
	padding-left:14px!important;
}

.minusIcon{
	display:none;	
}
.orangeDate{
	color:rgb(255,195,65);
	font-weight: bold;
}
.greenDate{
	color:rgb(55, 215, 57);
	font-weight: bold;
}

.list-style-image{
	display: inline-block;
	width: 5%;
	margin-left: -6%;
	height: 10px;
}	

.borderRightSearchInput{
	width:72%;
}

.borderRightSearchIcon{
	border-right:1px solid #000;
	display:inline-block;
	width:10%;
	text-align:center;
	border-left:1px solid #000;
}

input{
	color:#000;
}

.noDisplay{
	display:none;	
}

.borderRight{
	border-right:1px solid #000;
	display:inline-block;
	width:20%;
	text-align:center;
}
.lastNavElement{
	display:inline-block;
	width:12%;
	text-align:center;
}

#calendar-area{
	overflow:hidden;
	height:96vh;
}
.date-display {
	border-right:1px solid #bfbfbf;
}
.date-display div{
	padding:0px;
	border-bottom:1px solid #ccc;
	text-align:center;
	line-height:23px;
}

/**#calendar-area div:hover {
  -ms-transform: scale(1.2); /* IE 9 */
  /*-webkit-transform: scale(1.2); /* Safari 3-8 */
  /*transform: scale(1.2); 
  background:rgb(255, 210, 105);
}*/

.hover-date{
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
  background:rgb(255, 210, 105);
}

.edit-modal-datepicker {
  width: 100% !important;
  margin-top: -15px;
}