/* MODALS START */

.modal-header {
	text-align: right;
}
.modal-header .close:hover {
	cursor: pointer;
}

.modal .modal-body .centered,
.modal .modal-body.centered {
    text-align: center;
}

.modal .modal-header,
.modal .modal-footer {
    border: none;
}

.modal.notification .modal-dialog {
    margin-top: 246px;
    width: 160px;
}

.modal.notification .modal-dialog.wide {
    width: 190px;
}

.modal.notification .modal-dialog.very-wide {
    width: 230px;
}

.modal.notification .modal-dialog .modal-content {
    height: 160px;
    padding: 20px;
    width: 160px;
    background: #323532;
}

.modal.notification .modal-dialog .modal-content-flex {
    display: flex;
    flex-direction: column;
    height: auto !important;
    width: auto !important;
}

.modal.notification .modal-dialog .modal-content.description-only {
    height: auto;
    width: 190px;
}

.modal.notification .modal-dialog .modal-content.big {
    height: 190px;
    width: 190px;
}

.modal.notification .modal-dialog .modal-content.very-big {
    height: 230px;
    width: 230px;
}

.modal.notification .modal-dialog .modal-content.grey {
    background: #f2f2f2;
}

.modal.notification .modal-dialog .modal-content .modal-header {
    padding: 0;
    height: 0;
}

.modal.notification .modal-dialog .modal-content .modal-header .close {
    position: relative;
    top: -13px;
    right: -9px;
}

.modal.notification .modal-dialog .modal-content .modal-body {
    padding: 0;
    height: 100%;
}

.modal.notification .modal-dialog .modal-content .modal-body div {
    color: #fff;
    font-family: 'Poppins Regular', sans-serif;
    font-size: 16px;
}

.modal.notification .modal-dialog .modal-content.grey .modal-body div {
    color: #353535;
}

.modal.notification .modal-dialog .modal-content .modal-body div.title {
    font-size: 20px;
}

.modal.notification .modal-dialog .modal-content .modal-body div.desc {
    margin-top: 5px;
}

.modal.notification .modal-dialog .modal-content .modal-body div img {
    margin: 20px;
}

.modal.notification .modal-body .notice {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal.notification .modal-body .notice img {
    width: 50px;
    margin-left: 15px;
}

.modal.notification .modal-body .notice p {
    margin: 0 15px;
}

/* MODALS END */