.nav-button {
    color: rgba(255, 255, 255, 0.4) !important;
    cursor: pointer;
}

.card {
    -webkit-box-shadow: 6px 5px 4px -3px rgba(0, 0, 0, 0.05);
    box-shadow: 6px 5px 4px -3px rgba(0, 0, 0, 0.05);
}

.text-light-primary {
    color: #4e92f4;
}

@media (max-width: 767px) {
    .hide-on-mobile {
        display: none;
    }
}
.home-icon{
    display: block;
    width: 40px;
    margin-bottom: 8px;

}
.quote>span{
    font-size: 150px;
    color: #ffffff;
}
.quote>p{
    font-size: 20px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 50%;
    height: 100vh; /* Full height of the viewport */
    box-sizing: border-box; /* Include padding in the element's total width and height */


}
.quote::after{
    content: ",,";
    font-size: 150px;
    position: absolute;
    right: 21%;
    bottom: 52%;
    color: #ffffff;
    font-family: Almarai , 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif !important;

}
.quote::after:first-letter{
    color: #6c757d !important;
}
.home-elements{
    margin:0 2rem 1rem 0;
    width: 430px;


}
.list-group{

}
.bg-types {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: right;
    height: 103vh;
}

.bg-register {
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}

th {
    background-color: #002c69 !important;
    color: #fff !important;
}

.bg-light-blue {
    background-color: #f8fcff;
    color: #002c69;
}

.bg-light-blue {
    background-color: #fafdff;
    color: #002c69;
}

.bg-light-blue2 {
    background-color: #eaf8ff;
    color: #002c69;
}

a {
    text-decoration: none !important;
}

.signpages .details:before {
    background-color: #002c69 !important;
}

.form-group {
    text-align: right !important;
}

.invalid {
    border: 1px solid #d30000 !important;
}

.text-danger {
    color: #d30000 !important;
}

.form-label {
    color: rgb(122, 122, 122);
}

.listDots {
    list-style-type: none;
    padding-right: 5px;
    margin-bottom: 0px !important;
}

th,
td,
tr {
    text-align: center !important;
}

.bg-light-blue {
    background-color: #a0c4f0 !important;
    padding: 10px;
    color: white !important;
    text-align: center;
}

.bg-dark {
    background-color: #161616 !important;
    color: white !important;
}

.list-animate {
    transition: 0.3s;
    border: 1px solid #000000 !important;
    border-radius: 5px;
    height: 100px;
}

.list-animate:hover {
    background: rgb(48, 94, 160);
    background: linear-gradient(90deg,
            rgba(48, 94, 160, 1) 0%,
            rgba(37, 172, 209, 1) 100%);
    color: white !important;
}

.border-1 {
    border: 1px solid #ccc !important;
}

.outerDiv {
    position: relative;
}

.innerDiv {
    position: absolute;
    top: 50%;
    left: 50%;
}

.ticket-row {
    cursor: pointer;
}

.ticket-row:hover {
    background-color: #effaff !important;
    transition: 0.3ms;
}

.badge {
    font-family: "Almarai", "Franklin Gothic Medium", "Arial Narrow", Arial,
        sans-serif !important;
    font-weight: 300 !important;
}

.text-viber {
    color: #59267c;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #26d1f9;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #08a7ca;
}

.nav-link {
    color: #fff !important;
}

a,
b,
small,
h1,
h2,
h3,
h4,
h5,
h6,
th,
td,
p {
    /* font-weight: normal !important; */
}

.main-sidebar.side-menu {
    width: 240 px;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

.main-sidebar.side-menu::-webkit-scrollbar {
    width: 4px !important;
}

.main-sidebar.side-menu::-webkit-scrollbar-thumb {
    background: #26d1f9;
}

.dark-theme .form-control {
    color: #d0d0e2 !important;
    background-color: #252542 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-theme .color-black {
    color: white !important;
}

.dark-theme a {
    color: white !important;
}

.dark-theme small {
    color: white !important;
}

li.nav-sub-item a {
    font-size: 12px !important;
    padding: 2px 0px !important;
}

.bg-success,
.bt-danger,
.bg-warning,
.bg-dark {
    color: #fff !important;
}

.main-content-label {
    margin-bottom: 20px !important;
    width: 100% !important;
    /* background: #edebff !important; */
    background: #f2f9ff !important;
    padding: 10px !important;
    color: #154284 !important;
    border-radius: 10px !important;
}

.badge-warning,
.btn-warning,
.bg-warning {
    color: #fff !important;
}

.bg-vanex-light {
    background-color: #f0f5ff !important;
    border-color: #f0f5ff !important;
    color: #05c !important;
}

.construction::before {
    background: rgb(0, 85, 208) !important;
    background: linear-gradient(166deg,
            rgba(0, 85, 208, 1) 0%,
            rgba(228, 65, 112, 1) 100%) !important;
}

i.fa {
    margin-top: 6px !important;
}

label.form-check-label {
    margin-right: 7px !important;
}

.vs__dropdown-toggle {
    border: 1px solid #e8e8f7 !important;
}

.click {
    cursor: pointer !important;
}

.show-on-print {
    display: none;
}

@media print {
    .show-on-print {
        display: block;
    }

    a,
    a:hover,
    a:focus,
    a:active {
        text-decoration: none !important;
        color: inherit !important;
    }
}

th.vgt-right-align.sortable {
    color: rgb(139, 139, 139) !important;
}

.toasted.toasted-primary.danger {
    background-color: #d30000 !important;
}

.btn-group>.btn {
    border-radius: 5px !important;
}

.btn-primary {
    color: #fff !important;
}

th.bg-danger {
    border: 0px solid #dee2e6;
}

td.bg-danger {
    border: 0px solid #dee2e6;
}
th.bg-danger-animation {
    border: 0px solid #dee2e6;
}

td.bg-danger-animation {
    border: 0px solid #dee2e6;
}

.bg-danger {
    background: rgb(255, 104, 104);
    background: linear-gradient(166deg,
            rgba(255, 104, 104, 1) 0%,
            rgba(211, 0, 0, 1) 100%) !important;
    color: #fff0f0 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

img.header-brand-img.desktop-logo {
    width: 120px !important;
}

.package-container td,
.package-container h6,
.package-container h4,
.package-container .main-content-label {
    color: #000 !important;
    font-weight: bold !important;
}

textarea.form-control {
    color: #000 !important;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px,
        rgba(17, 17, 26, 0.1) 0px 0px 4px !important;
}

.bg-dark-green {
    background-color: #008a83 !important;
    color: #fff !important;
}

.bg-dark-green a {
    color: #fff !important;
}

.with-select {
    -webkit-touch-callout: all !important;
    -webkit-user-select: all !important;
    -khtml-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
}

.bg-danger a {
    color: #fff !important;
}

.error-page-bg {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    z-index: -1;
    opacity: 0;
    background-size: cover;
    -webkit-animation: fadein 2s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s;
    /* Firefox < 16 */
    -ms-animation: fadein 2s;
    /* Internet Explorer */
    -o-animation: fadein 2s;
    /* Opera < 12.1 */
    animation: fadein 2s;
}

@keyframes fadein {
    0% {
        z-index: 99999;
        opacity: 0;
        display: block !important;
    }

    30% {
        opacity: 1;
        display: block !important;
    }

    40% {
        opacity: 0;
        display: block !important;
    }

    50% {
        opacity: 1;
        display: block !important;
    }
}

div#nav-tab a {
    color: #000 !important;
}

div#nav-tab a:hover,
div#nav-tab a:active,
div#nav-tab a:focus {
    color: #fff !important;
}

div#nav-tab .btn-primary {
    color: #fff !important;
}

select#status {
    border-color: #000 !important;
}

li.nav-sub-item {
    padding-top: 5px !important;
    padding-bottom: 2px !important;
    padding-right: 2em !important;
}

li.nav-sub-item .nav-link {
    font-size: 13px !important;
}

ul.nav-sub {
    background: #0e54b544 !important;
    padding-right: 0px !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.product-image {
    height: 80px !important;
    align-self: center;
    text-align: center;

}


/* FAB */

.adminActions {
    position: fixed;
    bottom: 35px;
    right: 35px;
}

.adminButton {
    height: 60px;
    width: 60px;
    background-color: #0e54b5;
    border-radius: 50%;
    display: block;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
}

.adminButton i {
    font-size: 22px;
}

.adminButtons {
    position: absolute;
    width: 100%;
    bottom: 100%;
    text-align: center;
}

.adminButtons a {
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-decoration: none;
    margin: 0px auto 0;
    line-height: 1.15;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    position: relative;
    box-shadow: 0 0 5px 1px rgba(51, 51, 51, .3);
}

.adminButtons a:hover {
    transform: scale(1.05);
}

.adminButtons a:nth-child(1) {
    background-color: #ff5722;
    transition: opacity .2s ease-in-out .3s, transform .15s ease-in-out;
}

.adminButtons a:nth-child(2) {
    background-color: #03a9f4;
    transition: opacity .2s ease-in-out .25s, transform .15s ease-in-out;
}

.adminButtons a:nth-child(3) {
    background-color: #f44336;
    transition: opacity .2s ease-in-out .2s, transform .15s ease-in-out;
}

.adminButtons a:nth-child(4) {
    background-color: #4CAF50;
    transition: opacity .2s ease-in-out .15s, transform .15s ease-in-out;
}

.adminActions a i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.adminToggle {
    -webkit-appearance: none;
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    z-index: 99999;
    transition: box-shadow .2s ease-in-out;
    box-shadow: 0 3px 5px 1px rgba(51, 51, 51, .3);
}

.adminToggle:hover {
    box-shadow: 0 3px 6px 2px rgba(51, 51, 51, .3);
}

.adminToggle:checked~.adminButtons a {
    opacity: 1;
    visibility: visible;
}

.adminActions {
    position: fixed;
    bottom: 62px;
    right: 35px;
}

/* FAB */

.huge-text {
    font-size: 45px !important;
}

.bg-secondary {
    background-color: #394d5b !important;
}

.btn-secondary {
    background-color: #394d5b !important;
}

.bg-info {
    background-color: #005fa3 !important;
}

.text-secondary {
    color: #394d5b !important;
}

.mini-stat-img {
    background: url(https://support.menasa.ly/admin-assets/images/bg-1.png);
    background-size: cover;
}

.bg-light-info {
    background-color: #c7e8ff !important;
    color: #002c69 !important;
}

.bg-danger .vgt-table.bordered td,
.vgt-table.bordered td {
    color: #fff !important;
}

.bg-danger {
    color: #fff !important;
}

h6.main-content-label.mb-3.bg-danger.text-white {
    color: #fff !important;
}

.bg-icon {
    font-size: 25px;
}

.progress-bar.progress-bar-success.progress-bar-striped {
    height: 20px !important;
}

.text-big {
    font-size: 25px !important;
}

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

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

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

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


/* animation bg danger */
.bg-danger-animation {
    background: linear-gradient(62deg, #ff9090, #850000, #ff8686, #690000);
    animation: gradient 10s ease-in-out infinite;
    background-size: 400% 400%;
    color: #fff0f0 !important;
}
.bg-danger-animation a{
    color: #fff0f0 !important;
}
@-webkit-keyframes gradient {
    0% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes gradient {
    0% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* animation bg danger */

.bg-warning a{
    color: #fff !important;
    font-weight: 900 !important;
}

.bg-danger .dropdown-menu .dropdown-item {
    color: rgb(11, 0, 80) !important;
}

.bg-secondary {
    background-color: rgb(89, 89, 89) !important;
    color: #fff;
}
.bg-secondary a {
    color: #fff !important;
}

.main-label-danger
{
    background-color: #fff2f2 !important;

}