@import url(bootstrap.min.css);

.modal {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.modal.fade .modal-dialog {
  opacity: 0 !important;
  transition: opacity 0.5s ease-out !important;
  transform: translate(0, 0) !important;
}

.modal.show .modal-dialog {
  opacity: 1 !important;
}

.modal-dialog-centered {
  min-height: calc(100% - var(--bs-modal-margin) * 5) !important;
}

.modal-content {
  min-height: 200px !important;
  min-width: 450px !important;
}

.btn-w80{
	width: 80px;
}

.btn-h30{
	height: 30px;
	line-height: 15px;
}

.btn{
	+ .btn{
		margin-left: 15px;
	}

	&:disabled {
		opacity: unset;
		color: #ffffff;
		background-color: #c9cbc7;
		border-color: #ffffff;
	}
}

.btn-light-grey{
	background-color: #c8c8cb !important;
	&:hover{
		background-color: #a8a8ab !important;
        color: initial;
	}
}

.btn-blue{
	background-color: #305496;
	color: #fff;
	&:hover{
		background-color: #9db0d5;
        color: #fff;
	}
}
.btn-neon-blue{
	background-color: #009fe8 !important;
	color: #fff !important;
	&:hover{
		background-color: #007bb8 !important;
        color: #fff !important;
	}
}
.btn-light-blue{
	background-color: #bfe4ff !important;
	&:hover{
		background-color: #4dc4ff !important;
		color: #fff !important;
	}
}
.btn-light-green{
	background-color: #d8f255 !important;
	&:hover{
		background-color: #c0e044 !important;
        color: initial;
	}
}
.btn-main{
	background-color: #ff9d26 !important;
	&:hover{
		background-color: #ffb347 !important;
        color: initial;
	}
}
.btn-pink{
	background-color: #f1aeb5 !important;
	&:hover{
		background-color: #e18b92 !important;
	}
}