.btn-default:hover {
		background: rgba(3, 165, 81, 0.63);
		color: #fff;
		
	}

	body .modal-dialog {
		position: absolute;
		min-height: 100%;
		min-width: 100%;
	}

	body .modal-content .modal-footer button {
		font-family: "Martel Sans", sans-serif;
		width: 160px;
		/* background: rgba(3, 165, 81, 0.63);*/
		background: rgb(102, 171, 199);
		color: white;
		border: none;
		outline: none;
		cursor: pointer;
		transition: 500ms;
	}

	body .modal-content {
		font-family: "Martel Sans", sans-serif;
		font-size: 14px;
		background-color: white;
		z-index: 2;
		will-change: transform;
		position: absolute;
		top: 60px;
		
		margin: auto;
		width: 70vw;
		height: auto;
		transform: scaleX(0);
		opacity: 0;
		border: 1px solid #cecece;
		transition: all 300ms cubic-bezier(0.72, 0.91, 0.35, 1.2);
	}
	body .modal-content .modal-header {
		min-height: 40px;
		padding: 47px 0px 39px 6px;
		border-bottom: 1px solid #cecece;
		font-size: 31px;
		color: #000;
		font-weight: 600;
		margin-left: 2%;
	}
	body .modal-content .modal-header .close-modal {
		position: absolute;
		padding: 10px;
		right: 0;
		top: 5px;
		cursor: pointer;
		font-size: 1.5em;
		transition: all 500ms;
		user-select: none;
	}
	body .modal-content .modal-header .close-modal:hover {
		transform: rotate(180deg);
	}
	body .modal-content .modal-body {
		height: 60vh;
		padding: 40px 0px;
		overflow: auto;
	}
	body .modal-content .modal-footer {
		height: 60px;
		width: 100%;
		text-align: center;
		line-height: 2.5;
		border-top: 1px solid #cecece;
	}
	

	/* Class Utils Modal*/
	.opened {
		transform: scaleX(1) !important;
		opacity: 1 !important;
	}

	.closed {
		transform: scaleX(0) !important;
		opacity: 0 !important;
	}

	/* Scrollbar Color*/
	.modal-body::-webkit-scrollbar {
		width: .5em;
	}