#toast-container > div {
    padding: 0 !important;
}

.btn-abi, .btn-abi:focus {
    background-color: #f68220 !important;
    border-color: #f68220;
    color: #fff;
}
.question-box {
    margin-top: 20px;
    border: #b7b1b1 0.5px solid;
    background: #fff;
    padding: 10px;
}
.btn-abi:hover {
    background-color: #ff973f !important;
    border-color: #ff973f;
    color: #fff;
}
/*table.dataTable thead .sorting:after {
    content: "\e155";
    color: #ddd;
    font-size: 0.8em;
    padding-top: 0.12em;
}
table.dataTable thead .sorting_asc:after {
    content: "\f0de";
}
table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
}*/

.gly-spin {
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

@media all and (max-width: 239px) {
    #toast-container > div {
        width: 11em;
    }

        #toast-container > div > .toast {
            width: 11em !important;
        }
}

@media all and (min-width: 240px) and (max-width: 479px) {
    #toast-container > div {
        width: 18em;
    }

        #toast-container > div > .toast {
            width: 18em !important;
        }
}

@media all and (min-width: 480px) and (max-width: 767px) {
    #toast-container > div {
        width: 23em;
    }
}