#appointmentsEditModal {
  overflow-y:auto;
}

.marginLegends{
	margin-top: 10px;
}

/* basic positioning */
.legend { 
	list-style: none;
	padding-left: 0px !important;
}
.legend .liLegends { 
	float: left;
	margin-right: 10px; 
	margin-top: 2px;
}
.legend .spanLegends { 
	border: 1px solid #ccc; 
	float: left; 
	width: 12px; 
	height: 12px; 
	margin: 6px; 
}

/* colors */
.legend .Ong { 
	background-color: #84bbff; 
}
.legend .Zeinab { 
	background-color: #ffb584; 
}
.legend .Other { 
	background-color: #fff789; 
}
.legend .Done { 
	background-color: #9dff84; 
}
.legend .Pending { 
	background-color: #ff849d; 
}
.legend .Rejected { 
	background-color: #ccc3be; 
}

/*Dental Chart*/
/*#Tooth1:hover,#Tooth2:hover,#Tooth3:hover,#Tooth4:hover,#Tooth5:hover,#Tooth6:hover,#Tooth7:hover,#Tooth8:hover,#Tooth9:hover,#Tooth10:hover,
#Tooth11:hover,#Tooth12:hover,#Tooth13:hover,#Tooth14:hover,#Tooth15:hover,#Tooth16:hover,#Tooth17:hover,#Tooth18:hover,#Tooth19:hover,#Tooth20:hover,
#Tooth21:hover,#Tooth22:hover,#Tooth23:hover,#Tooth24:hover,#Tooth25:hover,#Tooth26:hover,#Tooth27:hover,#Tooth28:hover,#Tooth29:hover,#Tooth30:hover,
#Tooth31:hover,#Tooth32:hover{
		fill:red !important;
}*/
#editProfileModal label{
	font-weight: 600;
}

#changePasswordModal label{
	font-weight: 600;
}

#appointmentsDeleteModal, #appointmentsEditModal, #appointmentsModal,
.formAdmin, .formRegister, .fontweight600 label{
	font-weight: 600;
}

#toothLabels>text{
	font-family: Open Sans SemiBold;
	font-size: 15px;
}
.tooth-chart{
	background-color: #bd473e;
}

/*Dental Records Show*/
table {
    font-family: Open Sans;
    border-collapse: collapse;
    /*text-align: center;*/
    width: 100%;
}

td, th {
    padding: 8px;
}

tr:nth-of-type(even){
	background-color: #dddddd;
	/*background-color: #f2f2f2;*/
}

/*Font Colors*/
.error{
	color: Red;
}
.success{
	color: Green;
}
.successs{
	color: Green;
}


/*Margin*/
.marginTop{
	margin-top: .5rem;
}

.marginBottom{
	margin-bottom: .5rem;
}

.marginRight{
	margin-right: .25rem;
}

.marginLegends{
	margin-top: 2rem;
}



/*Labels*/
label{
	margin-top: .5rem;
}


/*Buttons*/
.btn{
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.btnModal{
	float: right;
}


/*forms*/
.formAdmin{
	margin-top: 6rem;
	margin-bottom: 1rem;
	border-radius: 5px;
    background-color: #f2f2f2;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.19);
    font-family: Open Sans;
}

/*patients registration*/
.formRegister{
	margin-top: 1rem;
	margin-bottom: 5rem;
	border-radius: 5px;
    background-color: #f2f2f2;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.19);
    font-family: Open Sans;
}

/*Calendar*/
.marginCalendar{
	margin-bottom: 1rem;
}

.legendsMargin{
	margin-top: 1rem;
	margin-left: 2rem;
	margin-right: 2rem;
}

/*appointments*/
a#showEditModal.btn.btn-primary, a#showList.btn.btn-primary, a#showCalendar.btn.btn-primary,a#showRequested.btn.btn-primary{
	color: #fff;
}

/*home*/
a#showBriefHistory.btn.btn-primary{
	color: #fff;
}

.marginWelcome{
    margin-top: 1rem;
	margin-bottom: 3rem;
}

/*center an image*/
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}


/*Footer*/
.copyright{
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Open Sans SemiBold;
	font-size: 13px;
	background-color: #012241;
	color: white;
	position: bottom;
	right: 0;
	bottom: 0;	
	left: 0;
}

/*Navbar*/
.navbar{
background-color: #012241;
	font-family: Open Sans SemiBold;
	font-size: 15px;
	color: white;
}

/*credentialsModal*/
#credentialsModal{
	margin: 0 auto;
}

.dentalChart{
	margin: auto;
	height: auto;
	max-width: 100%;
	background-repeat: no-repeat;
}

#kidDentalChart{
	margin-bottom: 235px;
}

#btnCreateAppointment{
	float: right;
	margin-top: auto;
	margin-bottom: auto;
}

#instruction{
	color: red;
}

/*min height*/
.homeDiv{
	min-height: 625px;
}
.appointmentsDiv{
	min-height: 642px;	
}
.dentalChartDiv{
	min-height: 660px;	
}