html {
    width: 100%;
}

body {
    overflow-x: hidden !important;
}


/* Hide everything under body tag */

body.show-spinner>* {
    opacity: 0;
}


/* Spinner */

body.show-spinner::before {
    content: " ";
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    border-top-color: rgba(0, 0, 0, 0.3);
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
    position: fixed;
    z-index: 1;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

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

.fi {
    font-size: inherit !important;
}

.btn.disabled,
.btn:disabled {
    opacity: .15;
    cursor: not-allowed;
}

.not-allowed {
    cursor: not-allowed;
}

.cursor-pointer {
    cursor: pointer;
}

table.dataTable td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #f3f3f3;
    outline: initial !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: left !important;
}

.btn-lg,
.btn-group-lg>.btn {
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.03rem !important;
    padding: 0.75rem 0.75rem 0.6rem 0.75rem !important;
}

.apt-menu {
    -webkit-transition: width 1s ease;
    -moz-transition: width 1s ease;
    -o-transition: width 1s ease;
    transition: width 1s ease;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    width: 0px;
}

.checkup_icon {
    font-weight: bolder !important;
}

.apt-menu.in {
    width: 160px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
    top: 50% !important;
}

.navbar .navbar-logo .logo {
    height: 45px !important;
    background-size: 100% !important;
}

.navbar .navbar-logo .logo-mobile {
    width: 50px !important;
    height: 45px !important;
    background-size: 90% !important;
}

.breadcrumb-item+.breadcrumb-item:before {
    content: ">" !important;
}

.has-float-label label,
.has-float-label>span:last-of-type {
    font-size: 100%;
}

.c108 {
    font-size: 36pt;
    font-family: "Cinzel";
    color: #404040;
    font-weight: 400;
}

.c18 {
    color: #404040;
    font-weight: 400;
    text-decoration: none;
    vertical-align: baseline;
    font-size: 16pt;
    font-family: "Cinzel";
    font-style: normal;
}

.c32 {
    margin-top: 3rem;
}

@media (min-width: 767px) {
    .navbar .navbar-logo .logo {
        width: 150px!important;
    }
}

@media (max-width: 767px) {
    .navbar .navbar-logo .logo {
        width: 80px;
    }
}

.theme-button {
    display: none!important;
}

img {
    width: 100%;
}

.landing-page .landing-page-nav .navbar-logo .white,
.landing-page .landing-page-nav .navbar-logo .dark {
    width: 180px!important;
    height: 50px!important;
    background-size: 100%!important;
}

.landing-page .logo-mobile span {
    background-size: cover!important;
}