body{
    padding: 0!important;
}
.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }
    .m-xl-1 {
        margin: 0.25rem !important;
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }
    .m-xl-5 {
        margin: 3rem !important;
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }
    .p-xl-1 {
        padding: 0.25rem !important;
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }
    .p-xl-5 {
        padding: 3rem !important;
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.select2 {
    width: 100%!important;
}

.has-error .select2-selection {
    border: 1px solid #dd4b39;
}

.has-success .select2-selection {
    border: 1px solid #00a65a;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    z-index: 9999;
}


/* styling opsi */

.funkyradio div {
    clear: both;
    overflow: hidden;
}

.funkyradio label {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    font-weight: normal;
    padding: 5px 0 5px 50px;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
    display: none;
}

.funkyradio input[type="radio"]:empty~label,
.funkyradio input[type="checkbox"]:empty~label {
    position: relative;
    line-height: 2em;
    /*text-indent: 3.25em;*/
    margin-top: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.funkyradio input[type="radio"]:empty~label:before,
.funkyradio input[type="checkbox"]:empty~label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #D1D3D4;
    border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked)~label,
.funkyradio input[type="checkbox"]:hover:not(:checked)~label {
    color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked)~label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked)~label:before {
    /*content: '\2714';*/
    text-indent: .9em;
    color: #000;
    font-weight: bold;
    padding: 5px 0 0 0;
}

.funkyradio input[type="radio"]:checked~label,
.funkyradio input[type="checkbox"]:checked~label {
    color: rgb(73 182 245 / 100%);
    background: rgb(73 182 245 / 15%) ;
    font-weight: bold;
}
.funkyradio input[type="radio"]:checked~label,
.funkyradio input[type="checkbox"]:checked~label .huruf_opsi{
    color: #fff;
}
.funkyradio input[type="radio"]:checked~label:before,
.funkyradio input[type="checkbox"]:checked~label:before {
    /*content: '\2714';*/
    text-indent: .9em;
    color: #333;
    background-color: #ccc;
    padding: 5px 0 0 0;
}

.funkyradio input[type="radio"]:focus~label:before,
.funkyradio input[type="checkbox"]:focus~label:before {
    box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked~label:before,
.funkyradio-default input[type="checkbox"]:checked~label:before {
    color: #333;
    background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked~label:before,
.funkyradio-primary input[type="checkbox"]:checked~label:before {
    color: #fff;
    background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked~label:before,
.funkyradio-success input[type="checkbox"]:checked~label:before {
    color: #fff!important;
    background-color: rgb(73 182 245 / 100%);
}

.funkyradio-danger input[type="radio"]:checked~label:before,
.funkyradio-danger input[type="checkbox"]:checked~label:before {
    color: #fff;
    background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked~label:before,
.funkyradio-warning input[type="checkbox"]:checked~label:before {
    color: #fff;
    background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked~label:before,
.funkyradio-info input[type="checkbox"]:checked~label:before {
    color: #fff;
    background-color: #5bc0de;
}

.huruf_opsi {
    margin-left: -36px;
    margin-top: 9px;
    position: absolute;
}

.skin-yellow .main-header li.user-header {
    background-color: #f14841 !important;
}

.skin-yellow .main-header .navbar {
    background-color: #fff !important;
}

.skin-yellow .main-header .logo {
    background-color: #a2302c !important;
}

.skin-yellow .sidebar-menu>li.active>a {
    border-left-color: #f14841 !important;
}

.sidebar .tree li a i{
    margin-right: -5px;
}
.skin-yellow .wrapper, .skin-yellow .main-sidebar, .skin-yellow .left-side {
    background-color: #f14841;
}
.skin-yellow .wrapper, .skin-yellow .main-sidebar, .skin-yellow .left-side a{
    color: #fff;
}
.logo-lg, .logo-mini{
    color:#fff;
}
.sidebar-toggle, .hidden-xs, .sidebar-toggle{
    color: #536485;
}
.main-sidebar{
    border-right: 1px solid #d2d6de;
}
.sidebar-menu>li.header {
    font-size: 16px;
    font-weight: 700;
    border-top: 2px solid #d2d6de;
}
.main-footer .hidden-xs{
    color: #434343;
}
.main-footer{
    background: #fff;
    border-top: none;
}
.sidebar-menu>li>a {
    color: #fff;
}
.treeview-menu>li>a{
    color: #fff;
}
table.dataTable{
    color: #333335;
}
.content-header{
    color: #333335;
}
.small-box, .alert  {
    border-radius: 0.5rem;
    border: 0;
    background-color: #fff!important;
    box-shadow: 0 0.125rem 0 rgba(10, 10, 10, 0.04);
    position: relative;
    margin-block-end: 1.5rem;
    width: 100%;
    color: #333335;
}
.alert{
    z-index: 5;
}
.bg-green .d-block{
    color: #00a65a;
}
.alert.bg-green h4 i{ 
    color: #fff;
    background-color:#00a65a;
}
.bg-yellow .d-block{
    color: #f39c12;
}
.alert.bg-yellow h4 i{
    color: #fff;
    background-color:#f39c12;
}
.bg-red .d-block{
    color: #dd4b39;
}
.alert.bg-red h4 i{
    color: #fff;
    background-color: #dd4b39;
}
.inner a{
    display: flex;
    align-items: center;
}
.inner a svg{
    margin-left: 10px;
    width: 10px;
    height: 13px;
}
.bg-green a svg{
    fill: #00a65a;
}
.bg-blue a svg{
    fill: #0073b7;
}
.bg-red a svg{
    fill: #dd4b39;
}
.bg-maroon a svg{
    fill: #d81b60;
}
.bg-aqua a svg{
    fill: #00c0ef;
}
.bg-purple a svg{
    fill: #605ca8;
}
.bg-olive a svg{
    fill: #3d9970;
}

.bg-green a{
    color: #00a65a;
}
.bg-blue a{
    color: #0073b7;
}
.bg-red a{
    color: #dd4b39;
}
.bg-maroon a{
    color: #d81b60;
}
.bg-aqua a{
    color: #00c0ef;
}
.bg-purple a{
    color: #605ca8;
}
.bg-olive a{
    color: #3d9970;
}
.small-box .icon{
    position: static;
    font-size: 32px;
    height: 55px;
    width: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 15px;
    color: #fff;
}
.alert i{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.small-box{
    display: flex;
    justify-content: space-between;
}
.bg-green .icon{
    background-color: #00a65a;
}
.bg-blue .icon{
    background-color: #0073b7;
}
.bg-red .icon{
    background-color: #dd4b39;
}
.bg-maroon .icon{
    background-color: #d81b60;
}
.bg-aqua .icon{
    background-color: #00c0ef;
}
.bg-purple .icon{
    background-color: #605ca8;
}
.bg-olive .icon{
    background-color: #3d9970;
}
.content-wrapper{
    position: relative;
}
.content_cards{
    position: absolute;
    z-index: 5;
    width: 100%;
}
.content_image {
    position: absolute;
    width: 100%;
    height: 98%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding:  0 35px 0px 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.main-footer{
    z-index: 5;
}
.skin-yellow .wrapper{
    color: #333335;
}
.box{
    z-index: 2;
    background: #ffffffdb;
    color: #333335;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #dd4c3924;
}
.table-hover>tbody>tr:hover {
    background-color: #f14841ad!important;
    color: #fff;
}
.table-hover>tbody>tr{transition: 0.5s;}
.table-hover>tbody>tr .check{
    cursor: pointer;
}
#select_all{
    cursor: pointer;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    color: #fff;
    background-color: #f14841;
    border-color: #f14841;
}
button.bg-blue, a.btn-success, button.bg-maroon, button.btn-primary, button.btn-danger, a.bg-blue,  button.bg-red, button.bg-purple, a.btn-primary, a.bg-maroon, .btn-default{
    border-radius: 5px!important;
    transition: 0.5s;
}
a.btn-success{
    background-color: rgb(0 166 90 / 15%) !important;
    color: rgb(0 166 90 / 100%)!important;
    border: 1px solid rgb(0 166 90 / 15%);
} button.bg-maroon, a.bg-maroon{
    background-color: rgb(216 27 96 / 15%) !important;
    color: rgb(216 27 96 / 100%)!important;
    border: 1px solid rgb(216 27 96 / 15%);
} button.btn-primary, a.btn-primary{
    background-color: rgb(60 141 188 / 15%) !important;
    color: rgb(60 141 188 / 100%)!important;
    border: 1px solid rgb(60 141 188 / 15%);
} button.btn-danger, button.bg-red, .btn-default{
    background-color: rgb(221 75 57 / 15%) !important;
    color: rgb(221 75 57 / 100%)!important;
    border: 1px solid rgb(221 75 57 / 15%);
}
button.bg-blue, a.bg-blue{
    background-color: rgb(73 182 245 / 15%) !important;
    color: rgb(73 182 245 / 100%)!important;
    border: 1px solid rgb(73 182 245 / 15%);
}
button.bg-purple{
    background-color: rgb(96 92 168 / 15%) !important;
    color: rgb(96 92 168  / 100%)!important;
    border: 1px solid rgb(96 92 168  / 15%);
}
button.bg-purple:hover{
    border: 1px solid  rgb(96 92 168  / 100%);
}
button.bg-blue:hover, a.bg-blue:hover{
    border: 1px solid  rgb(73 182 245 / 100%);
}
a.btn-success:hover{
    border: 1px solid rgb(0 166 90 / 100%)!important;
}
button.bg-maroon:hover,a.bg-maroon:hover{
    border: 1px solid rgb(216 27 96 / 100%)!important;
}
button.btn-primary:hover, a.btn-primary:hover{
    border: 1px solid rgb(60 141 188 / 100%)!important;
}
button.btn-danger:hover,  button.bg-red:hover, .btn-default:hover{
    border: 1px solid rgb(221 75 57 / 100%)!important;
}
.modal-backdrop{
    display: none;
}
.modal-dialog {
    margin: 109px auto;
}

.dataTables_filter .input-sm {
    width: 205px!important;
    border-radius: 5px!important;
}
select.form-control{
    border-radius: 5px; 
}
select.form-control:focus {
    border-radius: 5px 5px 0 0;
}
td a.btn-primary{
    background-color: #22a2ed!important;
    border-color: #22a2ed;
    border-radius: 5px;
    transition: 0.5s;
    color: #fff!important;
    font-size: 14px;
}
td a.btn-primary:hover{
    background-color: #fff!important;
    color: #22a2ed!important;
    border-color: #22a2ed;
}
td button.btn-danger{
    background-color: rgb(221 75 57 / 100%)!important;
    color: #fff!important;
    border-color:  rgb(221 75 57 / 100%);
}
td button.btn-danger:hover{
    background-color: #fff!important;
    color: rgb(221 75 57 / 100%)!important;
    border-color: rgb(221 75 57 / 100%);
}
td a.bg-green, td a.btn-success, #importFrm .btn-green{
    transition: 0.5s;
    background-color: rgb(0 166 90 / 100%)!important;
    color: #fff!important;
    border: 1px solid rgb(0 166 90 / 100%)!important;
    font-size: 14px;
}
td a.bg-green:hover, td a.btn-success:hover, #importFrm .btn-green:hover{
    background-color: #fff!important;
    color: rgb(0 166 90 / 100%)!important;
    border-color: rgb(0 166 90 / 100%);
}
td .bg-purple{
    transition: 0.5s;
    background-color: rgb(96 92 168  / 100%)!important;
    color: #fff!important;
    border: 1px solid rgb(96 92 168  / 100%)!important;
}
td .bg-purple:hover{
    background-color: #fff!important;
    color: rgb(96 92 168  / 100%)!important;
    border-color: rgb(96 92 168  / 100%);
}
td .btn-aktif{
    background-color: #fff!important;
    border-color: #22a2ed;
    border-radius: 5px;
    transition: 0.5s;
    color: #22a2ed!important;
}
td .btn-aktif:hover{
    background-color: #22a2ed!important;
    color: #fff!important;
    border-color: #22a2ed;
}
.pagination>li>a, .pagination>li>span{
    padding: 10px 12px 5px!important;
}
.dt-buttons .btn-default{
    font-size: 14px;
}
#fileInput{
    background: transparent;
    border: none;
    padding: 0;
    width: auto;
    height: auto;
    padding: 10px 0;
}
#importFrm{
    padding: 0;
}
#importFrm form{
    width: 65%;
    padding: 10px;
    display: flex;
    margin: 5px 0;
    border: dashed 1px rgb(0 166 90 / 100%);
    border-radius: 5px;
    justify-content: space-between;
    align-items: center;
    font-size: 12px!important;
}
#importFrm .sbm-btn input{
    margin: 0!important;
    font-size: 12px!important;
    padding: 5px 10px;
    border-radius: 5px;
}
.input-file {
	position: relative;
	display: inline-block;
    margin: 0;
    font-weight: 500;
    width: 100%;
    margin-right: 10px;
}
.input-file span {
	position: relative;
	display: inline-block;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	vertical-align: middle;
	color: rgb(0 166 90 / 100%);
	background-color: transparent;
	padding: 5px 10px 0;
	box-sizing: border-box;
	border: none;
	margin: 0;
	transition: 0.2s;
    border-bottom:2px solid #fafafc;
    width: 100%;
}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
 
/* Focus */
.input-file input[type=file]:focus + span {
	box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
}
 
/* Hover/active */
.input-file:hover span {
	border-bottom:2px solid rgb(0 166 90 / 100%);
}
.input-file:active span {
	background-color: transparent;
}
 
/* Disabled */
.input-file input[type=file]:disabled + span {
	background-color: #eee;
}
#ujian_paginate .pagination>li>a,#ujian_paginat .pagination>li>span{
padding: 5px 10px!important;
}
.content_cards>.col-lg-3 {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}
.dt-center-res{
    width: 5%;
    text-align: center;
}
.dialog_result{
    width: 75%;
    height: auto;
    color: #333335;
}
.dialog_result_content{
    padding: 20px;
}
.dialog_result_content h2{
    text-align: center;
    font-weight: 600;
    color: #333335;
}

.dialog_result_content h2 span{
    color: #f14841;
}
.data_stu_modal{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 600;
}
.data_stu_modal p {
    color: #f14841;
}
.data_stu_modal span{
    color: #333335;
}
#detail_hasil_view tbody{
    display: flex;
    align-items: center;
}
#detail_hasil_view tr{
    width:50%;
    padding:8px;
    border: #000;
}
#detail_hasil_view tr td{
    border: none;
}
.btn{
    padding: 4px 7px;
}
form#formujian{
    display: flex;
    padding: 25px;
    align-items: flex-start;
    justify-content: space-between;
}
.left_block_test{
    width: 45%;
    position: relative;
}
.overlay-left{
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    background: #0000000a;
}
.right_block_test{
    width:50%;
}
.edit_pblc_test form{
    flex-direction: column;
}
.edit_pblc_test form nav{
    width: 100%;
}
.edit_pblc_test form .tab-content{
    width: 100%;
    margin-top: 20px;
}
.left_block_test div#soal_wrapper table{
    display: block;
    overflow-y: scroll;
    height: 100%;
    max-height: 56vh;
}
.left_block_test div#soal_wrapper table tbody{
    height: 100%;
    overflow-y: auto;
    display: block;
    border: 1px solid #f1f1f1;
}
.left_block_test div#soal_wrapper table tbody tr{
    display: block;
}
.navbar-static-top .navbar-brand{
    color: #333335;
}
#add_pblc .left_block_test, #add_pblc .right_block_test{
    width: 100%;
}
#add_pblc form#formujian{
    flex-wrap: wrap;
}
body{
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
    font-weight: 400!important;
    font-size: 14px!important;
}
.navbar{
    display: block!important;
}
.form_builder_area{
    position: relative!important;
}
#add_pblc form#formujian{
    display: block;
}
#add_pblc .tgk{
    width: 100%;
}
#myModal2 .modal-dialog{
    margin: 164px auto;
    max-width: 70%;
    height: auto;
}
.dt-search{
    float: right;
}
.pagination .dt-paging-button.active a{
    background-color: #f14841;
    border-color: #f14841;
}
.pagination .dt-paging-button.active a:hover{
    background-color: #f14841;
    border-color: #f14841;
    color: #fff;
}
.pagination .dt-paging-button a:hover{
    background-color: #f8e2e0;
    border-color: #f8e2e0;
    color: #f14841;
    transition: 0.3s;
}
.pagination .dt-paging-button a:focus{
    box-shadow: none;
}
.left_block_test table tbody tr td:last-child{
    width: 100%;
}
.left_block_test table thead tr th:last-child{
    width: 100%;
}
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #f0f0f1!important;
}
#test_g > div > form {
    
}
#test_g h3.box-title span {
    background-color: transparent!important;
    color: #000;
    padding: 0;
    font-size: 22px;
    font-weight: 500;
}
#test_g::before {
    display: none;
}
#test_g .box.box-primary {
    border-top: none;
    padding: 40px 100px;
    box-shadow: none;
}
#test_g .box.box-primary .box-footer {
    display: flex;
    justify-content: space-between;
}
#test_g .box.box-primary .box-footer:before, #test_g .box.box-primary .box-footer::after, #test_g .box.box-primary .box-footer a:last-child {
    display: none;
}
#test_g .box.box-primary .box-footer .action.back, #test_g .box.box-primary .box-footer .action.next {
    background-color: #29a204;
    color: #fff;
    border: none;
}
#test_g .box.box-primary .box-footer .action i {
    display: none;
}
#test_g .box.box-primary .box-footer .action {
    font-size: 16px;
    padding: 8px 30px;
    box-shadow: 3px 3px 6px 0px rgba(34, 60, 80, 0.2);
}
#test_g .box.box-primary .box-body .form-group label {
    display: none;
}
#test_g .box.box-primary .box-body .form-group input {
    font-size: 16px;
    padding: 18px 20px;
}
#test_g .step > p {
    font-size: 20px;
}
section.content:has(#end_blya) {
    background-color: #fff;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    box-shadow: 4px 4px 6px 0px rgba(34, 60, 80, 0.2);
    border-radius: 4px;
}
section.content:has(#test_g) {
    display: block;
    text-align: left;
    align-items: inherit;
}
#end_blya h1 {
    margin-bottom: 20px;
}
#end_blya p {
    font-size: 18px;
}
#end_blya p span {
    color: #29a204;
}/*
.content-header ol.breadcrumb {
    display: none;
}
header.main-header:has(#end_blya) {
    display: none;
}*/
.content-header > h1 {
    margin-bottom: 10px;
}