.nm-alert-dialog
{
	margin: auto;
	width: auto  !important;
	max-width: 768px !important;
}

.nm-alert-dialog .nm-modal-body
{
	height: auto;
	padding: 0.2rem 1rem 1rem 1rem;
}

.nm-alert-dialog .nm-progress-modal-content .modal-body
{
	padding: 1rem;
}

.nm-alert-modal-content
{
    align-self: auto !important;
}

.nm-alert-modal-content.alert-warning
{
	    background-color: #FCF8E3;
}

.nm-alert-modal-content.alert-success
{
	    background-color: #DFF0D8;
}

.nm-alert-modal-content.alert-info
{
	    background-color: #D9EDF7;
}

.nm-alert-modal-content.alert-danger
{
	    background-color: #F2DEDE;
}

.nm-alert-modal
{
	display: flex !important;
	z-index: 16777271 !important;
}

.nm-alert-modal > div
{
	/* align-self: center; */
}

.nm-alert-overlay
{
	z-index: 16777265 !important;
}

.nm-alert-dialog-buttons-wrapper
{
	text-align: center;
}

.nm-alert-dialog-buttons
{
	line-height: 1 !important;
	color: #fff !important;
	margin: 20px 15px 0 !important;
	min-width: 70px;
}

.nm-alert-dialog h5
{
	font-weight: 300;
}

.nm-alert-dialog .modal-header
{
	padding-bottom: 0;
}

.nm-alert-close-button
{
    opacity: 0.7;
    cursor: pointer;
    margin-top: 4px;
}

.nm-custom-Icon
{
	padding-left:8px;
	font-size: initial;
}

.nm-alert-close-button:hover
{
    opacity: 1;
}

.nm-progress-modal-content
{
	padding-top: 0;
	align-self: auto !important;
}

.nm-progress-content-wrapper
{
	display: flex;
}

.nm-progress-msg-container
{
	display: flex;
	margin-left: 20px;;
}

.nm-progress-msg-container > div
{
	align-self:center;
}

.nm-progress-msg-container > div > p
{
	margin: 0;
}

.nm-progress-loader
{
  -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -webkit-animation: 1.8s linear 0s normal none infinite running spin; /* Safari */
    animation: 1.8s linear 0s normal none infinite running spin;
    border-color: #3498db #f3f3f3 #f3f3f3;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 4px;
    height: 40px;
    margin: auto;
    width: 40px;
    align-self:center
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media (max-width : 768px)
{
	.nm-alert-modal > div
	{
			width: 97%;
			margin: auto;
			height: auto;
	}
	.nm-progress-modal-content
	{
		padding-top: 0;
		align-self: auto !important;
		top: -155px;
	}
}