.button-container {

    position: absolute;

    bottom: 10% !important;

    display: flex;

    height: 100%;

    align-items: end;

    justify-content: center;

    margin: auto;

    left: 0;

    right: 0;

}

@media (orientation: portrait) {

    .button-container {

        position: absolute;

        bottom: 21% !important;

        display: flex;

        height: 100%;

        align-items: end;

        justify-content: center;

        margin: auto;

        left: 0;

        right: 0;

    }

}

.tacbox {

    display: block;

    /* padding: 1em;

    margin: 2em; */

    /* border: 3px solid #ddd;

    background-color: #eee; */

    max-width: 800px;

    /* overflow: overlay; */

}



.tacbox input {

    height: 2em;

    width: 2em;

    vertical-align: middle;

    margin-left: unset !important;

}



.tacbox p {

    color: black;

    position: relative;

    width: 310px;

    /* right: 3px; */

    left: 40px;

    margin-top: 0;

    margin-bottom: 1rem;

    top: auto;

}



.radio-container {

    display: flex;

    position: relative;

    padding-left: 35px;

    /* margin-bottom: 12px; */

    cursor: pointer;

    font-size: 18px;

    color: black;

    align-items: center;

    top: 0;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



/* Hide the browser's default checkbox */

.radio-container input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

}



/* Create a custom checkbox */

.checkmark {

    position: absolute;

    top: 4px;

    left: 0;

    height: 25px;

    width: 25px;

    background-color: #eee;

}



/* On mouse-over, add a grey background color */

.radio-container:hover input~.checkmark {

    background-color: #ccc;

}



/* When the checkbox is checked, add a blue background */

.radio-container input:checked~.checkmark {

    background-color: #2196F3;

}



/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {

    content: "";

    position: absolute;

    display: none;

}



/* Show the checkmark when checked */

.radio-container input:checked~.checkmark:after {

    display: block;

}



/* Style the checkmark/indicator */

.radio-container .checkmark:after {

    left: 9px;

    top: 5px;

    width: 5px;

    height: 10px;

    border: solid white;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}





.loading-overlay {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(255, 255, 255, 0.8);

    z-index: 9999;

}



.loading-spinner {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 50px;

    height: 50px;

    border: 4px solid #f3f3f3;

    border-top: 4px solid #3498db;

    border-radius: 50%;

    animation: spin 1s linear infinite;

}



@keyframes spin {

    0% {

        transform: rotate(0deg);

    }



    100% {

        transform: rotate(360deg);

    }

}





.swal2-title{

    letter-spacing: 1px !important;

  }