/*
Custom css
*/


.navbar, .content-header{
	z-index: 10;
}

.list-group-item.disabled, .list-group-item:disabled{
	background: #ffbdb1;
}


.square{
	width: 35px;
	height: 35px; 
	background: #8bc34a;
	float: left;
	 display: inline-block;
	  vertical-align: middle;
	color: #fff;
}

.square_highlight{
	background: #86c17a; 
}

.text_highlight{
	color: #fff; 
}

.square:hover{
	background: #4caf50 ;
}

.squaresel{
	background: #4caf50 ; 
}


.selectHourText{
	font-size: 12px;
}

.hourHolder { 
width: 100%;
background-color: #fff;
overflow: hidden;
 
}
 
.hourHolder div{
	margin: 3px;
	color: #fff;
	padding: 3px;
}


.nopadding{
	padding: 5px;	
}


/* ACTIVITIES */

.color-box:hover{
	cursor: pointer;
}

.color-box{
	width: 30px;
	height: 30px;
	float: left;
	margin: 2px;
}

.color-box-selected{
	
	border: 2px solid #000;
}



.appointmentCalendarContainer .fixed{
	position: fixed;
	top: 10px;
	
}

#m-a-c{
	z-index: 1100;
}

.select2-dropdown{
	z-index: 1200;
}

.modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

td.no-wrap {
    white-space: nowrap;
}

.text-red{
	color: red;
}

.light-grey{
	background-color: #faffea;
}

tr.added > td:first-child{
	color: white;
	background-color: green;
}


.canceled{
	color: #c0c0c0;
}

.position-fixed{
	position: fixed;
	top: 10px;
	right: 0;
}

.notification-alert{
	position : fixed;
	top: 10px;
	width: 200px;
	left: 50%;
	margin-left: -100px;
	text-align: center;
	z-index: 99999999;
		-webkit-animation: flash linear 1s infinite;
	animation: flash linear 1s infinite;
}
 
.parsley-errors-list{
	list-style: none;
	color: #FFBDB1;
} 

li.parsley-required{
	color: #FFBDB1;
	text-align: left;
	font-size: 0.9em !important;
}

input, select{
	padding: 5px !important;
	font-size: 12px !important;
}

.parsley-error{
	background-color: #FFBDB1;
}
 
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}