.ui.modal > .maximize,
.ui.modal > .restore {
    position: relative;
    cursor: pointer;
    top: 0.2em;
    /* right: 2em; */
    padding: 1rem 2rem 0rem 0rem;
    float: right;
    font-size: 1.3em;
}

.ui.modal > .times.circle.outline.icon {
    position: relative;
    cursor: pointer;
    top: 0.2em;
    right: 0em;
    padding: 1rem 2rem 0rem 0rem;
    float: right;
    font-size: 1.4em;
}

.ui.modal > .btwCloseIcon {
    position: relative;
    cursor: pointer;
    top: 0.2em;
    right: 0.2em;
    float: right;
    font-size: 1.4em;
}

/* resizable/maximized modals */

/*
.ui.maximizedTwo.modal {
    position: fixed;
    top: 1%;
    bottom: 1%;
    left: 1% !important;
    right: 1%;
    width: 98% !important;
    height: 98% !important;
    margin: 0 !important;
}

.ui.maximized.modal {
    width: 95%;
    left: 2.5%;
    margin: 1em auto;
    height: 100%;
}

.ui.maximized.scrolling.modal {
    left: 0em !important;
}

.ui.maximized.modal>.header {
    padding-right: 2.25rem;
}

.ui.resizable.modal>.close {
    top: 1.05rem;
    right: 1rem;
    color: rgba(0, 0, 0, 0.87);
}

.ui.resizable.modal>.maximize,
.ui.resizable.modal>.restore {
    top: 1.05rem;
    right: 3rem;
    color: rgba(0, 0, 0, 0.87);
}

.ui.maximized.modal>.close {
    position: relative;
    top: 1.0535rem;
    left: 2rem;
    float: right;
    color: rgba(0, 0, 0, 0.87);
}

.ui.maximized.modal>.maximize,
.ui.maximized.modal>.restore {
    position: relative;
    top: 1.0535rem;
    right: 3rem;
    float: right;
    color: rgba(0, 0, 0, 0.87);
}

.ui.modal>.maximize,
.ui.modal>.restore {
    cursor: pointer;
    position: absolute;
    top: -2.5rem;
    right: -2.5rem;
    z-index: 1;
    opacity: 0.8;
    font-size: 1.25em;
    color: #ffffff;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0.625rem 0rem 0rem 0rem;
}

.ui.modal>.maximize:hover {
    opacity: 1;
}
*/