/*Modal*/
.modal {
	margin-top: 40px;
}

/* This is the add customer form*/
/* Style the tab */
.modal-tab{ 
	width: 20%;
}

.modal-section-tabbed {
	width: 75%;
	float: right;
}

.modal-section {
	width: 100%;
}


/* Important part */
.modal-dialog{
	overflow-y: initial !important;
	margin-top: 80px;
}


.modal-content{
	height: 80%;
	width: 100%;

 	border-radius: 20px 10px 20px 35px;

/*	 	padding-top: 75px;*/
}

.modal-title{
	height: 10%;
	width: 100%;
	
	margin: 0px;
	
	border-bottom: 1px solid #eee;
	text-align:center;
	
	z-index:3;
}

.modal-container{
	height: 70%;
	width: 100%;
 	overflow-y: scroll;
 	overflow-x: hidden;

}

/*This is the SECTION on the HTML that contains the button*/
.modal-bottom {
	height: 10%;
	width: 100%;
	
	text-align: right;
	background-color: white;

	border-top: 1px solid #eee;
	padding: 20px;
	z-index: 2;
}

/*Side Menu*/
.list-group-item{
	border: none !important;
}

/*BUTTONS*/
/*Make buttons rounded*/
.modal-btn {
	border-radius: 25px;
}

.modal-btn#cancel{
	color: black;
	background-color: white !important;
	border: 25px;
}

.modal-btn#cancel:hover{
	color: white;
	background-color: gray !important;
}

.modal-list-group{
	top: 80px;
	left: 40px;
	white-space:nowrap;
	z-index:2;
	overflow-y: hidden !important;


}

.modal-list-group .list-group-item {
	padding:10px;
	text-align: center;
	margin-right: 0px !important;
	width: 100%;
}


/*Erases the cross at the top of the modal box since cancel button is used*/
.close {
	display: none;
}



/*@media screen and (max-width:479px) {

	.customerUpdateForm{

		margin-left: -110px;

	}

	.form-group{
		width: 200%;

	}

	.pretty{

		margin-left: 25px;

	}

}*/