.ReactModal__Overlay {
    @apply bg-primary-regular #{!important};
    @apply bg-opacity-30;
}
.ReactModal__Content {
    padding: 0 !important;
    &.small {
        width: 40%;
        left: 30%;
        position: relative;
        height: 80%;
        top: 10%;
        background: #fff;
        @apply border border-primary-light border-opacity-70 shadow-md;
    }
    &.regular {
        width: 70%;
        left: 15%;
        position: relative;
        height: 80%;
        top: 10%;
        background: #fff;
        @apply border border-primary-light border-opacity-70 shadow-md;
    }
    &.base {
        position: relative;
        height: 80%;
        top: 10%;
        background: #fff;
        @apply border border-primary-light border-opacity-70 shadow-md;
    }
    .mcHeader {
        height: 50px;
        @apply bg-gray-100 border-b border-b-gray-300;
    }
    .mcContent {
        //background-color: red;
        label {
            @apply text-gray-600 tracking-wider;
        }
    }
    .mcFooter {
        height: 70px;
        @apply bg-gray-100 border-t border-t-gray-200;
    }
}