
.black {
  border: 1px solid #dad55e;
	background: #ffffff;
	color: #ffffff;
}
table.ui-datepicker-calendar a{text-decoration:none;}
td.specialDay, table.ui-datepicker-calendar tbody td.specialDay a { 
background: none !important;
background-color: #fffac2 !important; 
color: #006633;
}

td.specialDayAll, table.ui-datepicker-calendar tbody td.specialDayAll a { 
background: none !important;
background-color: #4CAF50 !important; 
color: #000000;
}

td.specialDayMorning, table.ui-datepicker-calendar tbody td.specialDayMorning a { 
background: none !important;
background-color: #CDDC39!important; 
color: #000000;
}


td.specialDayAfternoon, table.ui-datepicker-calendar tbody td.specialDayAfternoon a { 
background: none !important;
background-color: #8BC34A !important; 
color: #000000;
}
    
#newAppointment > .form-group > [class^="col-md"] {
	/*display: flex;*/
	flex: 0 1 auto;
}

#newAppointment .box {
	margin-bottom: 30px;
    padding: 25px 10px 90px 10px;
    color: #fff;
    text-align: center;
	background-color: #4267c3;
	width: 100%;
	min-height: 393px;
}

@media only screen and (max-width: 1200px) {
	#newAppointment .box {
		min-height: 354px;
	}
}

@media only screen and (max-width: 992px) {
	#newAppointment .box {
		min-height: 310px;
	}
}

@media only screen and (max-width: 768px) {
	#newAppointment > .form-group {
		flex-wrap: wrap;
	}
	
	#newAppointment > .form-group > [class^="col-md"] {
        flex: 1 0 100%;
	}
	
	#newAppointment .box {
		min-height: auto;
	}
}

#newAppointment .box h3 {
	margin-top: 10px;
    margin-bottom: 5px;
	letter-spacing: 0.5px;
	font-weight:bold;
	font-size:27px;
}

#newAppointment .box p {
	line-height:1.2em;
	margin-top: 15px;
}

#newAppointment .box .btn-transparent {
	margin-top: 10px;
	background-color:white;
	background-color:rgba(255,255,255,0);
	border: 1px solid white;
	position: absolute;
	bottom: 56px;
	left: 50%;
	transform: translateX(-50%);
	
}
    
.bullet{display:inline-block; width:12px; height:12px; magin:0px 5px 0px 0px;}
.bullet.morning{background-color:#CDDC39;}
.bullet.afternoon{background-color:#8BC34A;}
.bullet.allday{background-color:#4CAF50;}

#newAppointment .form-control {
	height: 40px;
}

#headerCreuGroga {
	height: 80px;
	border-top: solid 10px #4267c3;
	border-bottom: solid 1px #e1e1e1;
}

div.nunito * {
	font-family: 'nunitoextralight';
	color: #5A5D62;
}

.nunitoGreen {
	color: #009D45 !important;
}

div.nunito span.glyphicon {
	font-family: 'Glyphicons Halflings';
}

.notificationsNoRegistry {
	color: #ffffff !important;
}

.buttonsNoRegistry {
	color: #ffffff !important;
	background-color: #009D45 !important;
}

.buttonsNoRegistry:hover {
	color: #ffffff !important;
	background-color: #006a2f !important;
	border-color: #006a2f;
}

#candidateHourNoRegistry { 
	accent-color: #009D45; 
} 

.nunito::-moz-placeholder {
	color: #5A5D62;
	opacity: 1
}

.nunito:-ms-input-placeholder {
	color: #5A5D62;
}

.nunito::-webkit-input-placeholder {
	color: #5A5D62;
}

.nunitoFormControl:focus {
	border-color: #009D45 !important;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(0, 157, 69, 1) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(0, 157, 69, 1) !important;
}

.conditionsNoRegistry {
	color: #009D45 !important;
}

.conditionsNoRegistry:hover {
	color: #006a2f !important;
}
