/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo svg {
  width: 38px;
  height: 20px;
}

.app-brand-text.demo {
  font-size: 1.25rem;
  letter-spacing: 0.15px;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1.25rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 300px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}
/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1.25rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1.25rem;
}

/* ========== new css ======================= */
.app-brand-logo {font-size: 40px; font-weight: 600;}
.blink_me {
  animation: blinker 1s linear infinite;
  color:red !important;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.block-card {float: left; width: auto;}
.fasilities__inner {
  gap: 10px;
}
    .fasilities__inner .fasilities__item {
        gap: 10px;
        padding: 12px 10px 14px;
        border: 1px solid #009d63;
        border-radius: 5px;
        justify-content: center;
        background: hsla(0, 0%, 100%, .5);
        width: 24%;
        transition: all .5s;
        color: #009d63;
        font-weight: 600;
    }

.layout-page {
    background-image: linear-gradient(to right, #FFFFFF, #FFFFFF);
}
.gback {
    background-image: linear-gradient(to right, #FFFFFF, #FFFFFF);
}
.layout-menu {
    box-shadow: 4px 7px 19px black;
    /*background: linear-gradient(rgba(255, 254, 254, 0.822), rgba(245, 245, 245, 0.2)) !important;*/
    -webkit-transition: margin 0.25s ease-out;
    -moz-transition: margin 0.25s ease-out;
    -o-transition: margin 0.25s ease-out;
    transition: margin 0.25s ease-out;
    /*background-image: url(/Content/assets/img/bg1234.png);*/
    /* background-image: url(/Content/assets/img/bg-login.png);*/
    color: #009d63;
    border: none !important
}

    .layout-menu h4, .layout-menu a {
        color: #009d63;
    }
    .layout-menu .form-control:focus, .layout-menu .form-control {
        color: #009d63;
        background-color: rgba(0, 0, 0, 0);
        border-color: #009d63;
        outline: 0;
        box-shadow: none;
    }
        .layout-menu .form-control:focus, .layout-menu .form-select:focus, .layout-menu .input-group:not(.input-group-floating):focus-within .input-group-text {
            border-color: #009d63 !important
        }
.layout-menu .form-floating > .form-control:focus ~ label {
    color: #000;
}


    .layout-menu .input-group-text {
        border-color: #009d63;
    }
        .layout-menu .input-group-text:hover, .layout-menu .form-control:hover:not([disabled]):not([focus]), .input-group-merge:hover .input-group-text {
            border-color: #009d63;
        }
.layout-navbar-fixed .layout-page:not(.window-scrolled) .layout-navbar.navbar-detached, .layout-navbar-fixed .layout-page:not(.window-scrolled) .layout-navbar.navbar-detached .search-input, .layout-navbar-fixed .window-scrolled .bg-navbar-theme.layout-navbar, .layout-horizontal .bg-navbar-theme.layout-navbar {
    background: linear-gradient(rgba(255, 254, 254, 0.822), rgba(245, 245, 245, 0.2)) !important;
}
.swiper-container .swiper-wrapper .swiper-slide {
    padding: 0 !important;
    border: solid 1px #009d63
}
  .bg-navbar-theme .navbar-nav>.nav-item>.nav-link.text-white {color:#fff !important}
  marquee {
    color: #c01eaa;
    font-weight: 600;
    font-size: 22px;
}
.qrscroll {height: 400px; overflow-y:scroll}
.ddashboard .layout-page {
  background-image: linear-gradient(to right, #a7aeab, #c2f5de);
  background-image: linear-gradient(rgb(185, 23, 131));
}
.layout-menu .btn.btn-primary .waves-button-input {
    padding:initial
}

.layout-menu select option {color:#000;}

.layout-menu .btn-primary {
    color: #fff;
    background-color: #b1e050 !important;
    border-color: #b1e050;
}
    .layout-menu .btn-primary:hover {
        background-color: #5c61e6 !important
    }
    .layout-menu h4 {
        font-size: 30px;
        text-align: center;
        margin-bottom: 20px !important;
        font-weight: 900;
    }

@media (max-width: 1199.98px) {
    /*.layout-menu {
        transform: translate3d(0%, 0, 0);
    }*/
        .layout-menu h4 {font-size:22px;}
    .layout-menu {
        box-shadow: none;
        background-image: none;
    }
    .blink_me, .mphone, .navbar-nav.flex-row .nav-item i {
        display: none;
    }
    .fasilities__inner .fasilities__item {width:48.4%;}
    marquee {font-size:16px;}
    .fund-load div:first-child {width:80%}
    .dataTables_wrapper .btn.btn-secondary {
        font-size: 9px;
    }
    .table > :not(caption) > * > * {padding:5px; font-size:12px;}
    .navbar-nav.flex-row.align-items-center li:last-child{padding-left:5px;}
    .content-wrapper > .container-xxl.flex-grow-1.container-p-y {padding-top:0 !important;}
    .content-wrapper .row.g-6.mt-2 > .col-md-12.col-xxl-12 {margin-top:0 !important}
    .card-widget-separator-wrapper a.waves-effect.waves-light  {
        width: 91%;
        margin-left: 15px;
    }
    .form-floating a.waves-effect.waves-light, .fastpaysecond a.waves-effect.waves-light {
        width: 100%;
    }
    .fastpaysecond {margin-top:10px;}
    
    }