.my-app-section ul.inner-card li span/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 3 Jun, 2020, 6:29:58 PM
    Author     : Mandeep Singh
*/
body #page-wrapper{background-color: #e8e8e8}
body.mini-navbar .navbar-default .nav > li > a span.fa.arrow {position: absolute;bottom: 10px;right: 6px;width: inherit !important;}
.px-2{padding-left: .5rem!important;padding-right: .5rem!important;}
.mb-3{margin-bottom: 1rem!important;}
.mb-2{margin-bottom: .5rem!important;}
.mb-4{margin-bottom: 1.5rem!important;}
.mb-0{margin-bottom: 0!important;}
.d-flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.align-content-center{align-content: center;}
.align-items-center{align-items: center;}
.justify-content-center{justify-content: center;}
.justify-content-between{justify-content: space-between;}
.card-section{background-color: #fff;border-radius: 15px;padding: 10px;height: 100%;}
.card-section.user-details{display: flex;}
.card-section.user-details img{width: 100px;border-radius: 15px;height: 100px;margin-right: 22px;}
.card-section.user-details h3{margin-bottom: 5px;width: 100%;}
.card-section.user-details span{font-weight: 600}
.card-section.user-details a{display: inline-block;color: #ff0000;font-weight: 600;margin-top: 15px;width: 100%;}
.card-section .count-value{color: #ff0000;font-size: 50px;line-height: .8;margin-top: 0;}
.card-section label{width: 100%;margin: 0;text-align: center;font-size: 14px;font-weight: 500;text-transform: uppercase;}
.card-section .pending-time{width: 80px;height: 30px;background-color: #cccccc;border-radius: 20px;padding: 10px;
line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: absolute;right: 15px;font-size: 12px;font-weight: 600;text-align: center}

.banners img{border-radius: 15px;}
.banners .banner-inner{display: flex;align-items: center;}
.banners .slick-dots{bottom: 0;}
.banners .slick-dots li{width: 20px;height: 5px;margin: 0;}
.banners .slick-dots li button:before{display: none;}
.banners .slick-dots li button{width: 12px;height: 5px;border-radius: 5px;background-color: #a88694;padding: 0;}
.banners .slick-dots li.slick-active button{background-color: #666;}
.banner-inner .banner-dtls{padding: 20px;border: 1px dashed #ddb82f;position: absolute;left: 80px;color: #fff;border-radius: 25px;text-align: center;width: 250px}
.banner-inner .banner-dtls label{width: 100%;font-size: 13px;font-weight: 400;margin: 0;}
.banner-inner .banner-dtls .countdown{margin-bottom: 10px;}
.banner-inner .banner-dtls span{font-size: 22px;line-height: 1.3;}
.custom-tabs ul.nav-tabs{border-bottom: 1px solid #cccccc;}
.custom-tabs ul li{}
.custom-tabs ul li a{padding: 16px 8px;color: #08080a;border: none;position: relative;transition: .5s ease-in-out;}
.custom-tabs ul li a:hover{background-color: inherit;}
.custom-tabs .nav-tabs > li.active > a{border: none;color: #ff0000;}
.custom-tabs .nav-tabs > li.active > a:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background-color: #ff0000;}
.custom-tabs .tab-content{padding: 20px 0 0 0;min-height: 210px;}

.my-app-section h5{font-size: 16px;margin: 10px 0 5px;text-transform: uppercase}
.my-app-section ul.inner-card{display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;}
.my-app-section ul.inner-card li{width: 31%;display: flex;flex-wrap: wrap;justify-content: center;padding: 12px 10px;background-color: #ffcccc;margin-bottom: 10px;border-radius: 15px;text-align: center;line-height: 1.3;font-weight: 600;margin-left: 2.3%;position: relative;overflow: hidden;z-index:2;}
.my-app-section ul.inner-card li:hover img{transform: translateY(0px)}
.my-app-section ul.inner-card li img{position: absolute;right: 10px;top: 3px;width: 10px;transform: translateY(-16px);transition: .5s ease-in-out;cursor: pointer;}
.my-app-section ul.inner-card li a{padding: 0;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;align-content: center;}
.my-app-section ul.inner-card li span{width: 100%;display: block;font-size: 13px;}
.slick-slide{outline: none !important;border: none !important;}

.announs-section .heading-sec{background-color: #cccccc;border-top-left-radius: 15px;border-top-right-radius: 15px;margin: -10px -10px 10px -10px;padding: 10px;align-items: center;}
.announs-section .announs-content{max-height: 150px;overflow-y: auto;margin-right: -5px;padding-right: 10px;}
.announs-section .announs-content::-webkit-scrollbar-track{background-color: #f0f3f4;}
.announs-section .announs-content::-webkit-scrollbar{width: 4px;height: 5px;}
.announs-section .announs-content::-webkit-scrollbar-thumb{background-color: #000;}
.announs-section .heading-sec h5{font-size: 16px;margin: 10px 0 5px;text-transform: uppercase}
.birthday-section{min-height: 250px;padding: 30px;background: linear-gradient(rgba(204, 204, 204, .8), rgba(204, 204, 204, .8)),url('../img/birthday-bg.jpg');background-size: cover;}
.birthday-section .birthday .slick-slide{display: flex;flex-wrap: wrap;justify-content: center;}
.birthday-section .birthday .slick-slide img{border-radius: 20px;width: 120px;height: 120px;}
.birthday-section .birthday .slick-slide h5{font-size: 18px;color: #fff;font-weight: 500;text-align: center;margin-top: 10px;width: 100%;text-transform: capitalize;}
.birthday-section .birthday .slick-slide span{text-align: center;margin-top: 10px;display:block;width: 100%;color:#fff;font-size:15px;}
.slick-slide:focus{outline: none;}
.birthday-section .birthday .slick-dots{position: absolute;width: 5px;right: -10px;top: 40px;height: 100%;bottom: auto;margin: 0;}
.birthday-section .birthday .slick-dots li{width: 5px;height: 15px;margin: 0;}
.birthday-section .birthday .slick-dots li button:before{display: none;}
.birthday-section .birthday .slick-dots li button{width: 5px;height: 12px;border-radius: 5px;background-color: #a88694;padding: 0;}
.birthday-section .birthday .slick-dots li.slick-active button{background-color: #fff;}
#carousel3 {min-height: 200px;}
.gallery-section h5{font-size: 16px;text-transform: uppercase;margin: 0;}
.gallery-heading{margin: 10px 0 12px;display: flex;align-items: center;justify-content: space-between;}
.gallery-heading a{margin-right: 15px;}
.gallery-section .gallery-type img{width: 85%;height: 160px;margin: 0 auto;border: 1px solid #f91912;box-shadow: -12px 0px 0px -5px #c3c3c3, -24px 0px 0px -11px #dcdcdc;object-fit: cover;}
.gallery-section .gallery-type h6{font-size: 13px;text-transform: uppercase;font-weight: 600;text-align: center;width: 85%;text-align: center;margin: 10px auto;}

.gallery-slider .slick-dots{bottom: -28px;}
.gallery-slider .slick-dots li{width: 20px;height: 5px;margin: 0;}
.gallery-slider .slick-dots li button:before{display: none;}
.gallery-slider .slick-dots li button{width: 12px;height: 5px;border-radius: 5px;background-color: #a88694;padding: 0;}
.gallery-slider .slick-dots li.slick-active button{background-color: #666;}

.gallery-outer .gallery-type{width: 190px;height: 170px;}

.slick-lightbox .slick-lightbox-close{width: 60px;height: 60px;}
.slick-lightbox .slick-lightbox-close:before{font-size: 55px;}
.slick-lightbox .slick-prev, .slick-lightbox .slick-next{width: 40px;height: 40px;top: 45%;}
.slick-lightbox .slick-prev:before {content: '';width: 30px;height: 30px;position: absolute;border-left: 1.5px solid #fff;border-bottom: 1.5px solid #fff;transform: rotate(45deg);z-index: 1;}
.slick-lightbox .slick-next:before {content: '';width: 30px;height: 30px;position: absolute;border-right: 1.5px solid #fff;border-bottom: 1.5px solid #fff;transform: rotate(-45deg);z-index: 1;right: 15px;}

ul#ui-id-1.ui-autocomplete {left: 360px !important;top: 70px !important;}
.mini-navbar ul#ui-id-1.ui-autocomplete {left: 240px !important;}

/*.company-dropdown a.dropdown-toggle{padding-top: 25px !important;}*/
.company-dropdown .dropdown-menu{min-width: 190px;top: 50px;}
.company-dropdown .dropdown-menu li{display: flex;align-items: center;padding: 2px 10px;}
.add-images {width: 100%;height: 185px;}
.add-section-outer{margin-top: 20px;}
.add-section-outer .slick-slide {margin: 0px 15px;}
.close-sidebar{display: none;}
.navigation-right .navbar-collapse ul.nav.navbar-nav{display: flex;align-items: center;}

.navigation-right .navbar-collapse.collapse.custom-navigation{display: flex !important;}
.header-logout{display: flex;align-items: center;padding-left: 15px;min-height: 46px;}
.mobile-birthday-gallery{display: none;}
.mobile-logout{display: none !important;}
.company-dropdown ul.dropdown-menu li{border-bottom: 1px solid #ccc}
.company-dropdown ul.dropdown-menu li a{padding: 3px 10px 3px 10px;text-transform: capitalize;}
.company-dropdown ul.dropdown-menu li:last-child{border-bottom: none !important}

.wrapper-front .footer{margin: 0 0 0 220px;}
body.mini-navbar .wrapper-front .footer {margin: 0 0 0 100px;}
.nav-bar-custom{background-color: #f1f1f1;}
#toast-container > div{opacity: 1;}
#content-2.content{height: 100vh !important}

.go-home{background-color: #e6242c; border-radius: 3px 0 0 3px; position: fixed; right: 0; top: 100px; width: 40px; height: 40px; padding: 10px; display: flex; justify-content: center; align-items: center;}
.gallery-section{max-height: 260px;overflow: hidden}
.birthday-section{max-height: 260px;overflow: hidden;}
.birthday-outer .slick-prev:before, .birthday-outer .slick-next:before{color:white !important}
#pledgediv{position:relative;}
#pledgediv .pledgeButton{position: absolute; top:77%; right: 13%; transform:translateY(-50%) }
.kpoint-index .row {
    display: flex;
    flex-wrap: wrap;
}
@media (max-width:1024px){
    #myDropdown{border-radius: 4px;display: block;float: left;margin: 0;padding: 0;position: relative;}
    .dropdown-menu-mobile ul {float: left;margin: 0;width: 100%;box-shadow: 0px 10px 10px rgba(31, 30, 30, 0.3);-webkit-box-shadow: 0px 10px 10px rgba(31, 30, 30, 0.3);-moz-box-shadow: 0px 10px 10px rgba(31, 30, 30, 0.3);}
    .company-dropdown ul.dropdown-menu li a{border-bottom: none;}
    .company-dropdown ul.dropdown-menu li{border-bottom: 1px solid #ccc;display: flex;width: 100%;justify-content: flex-start;}
    .navigation-right .dropdown-menu-mobile ul li a{border-bottom: none;display: inline-block;}
    .navigation-right .dropdown-menu-mobile ul li{width: 100%;border-bottom: 1px solid #ccc;text-align: left;}
    .navigation-right .dropdown-menu-mobile ul li small{display: inline-block}
    .navigation-right .navbar-collapse ul.nav.navbar-nav{display: none;}
    .dropdown-menu-mobile ul li a {border-bottom: 1px solid #ccc;border-radius: 0;color: #231f20;font-weight: 600;margin: 0; padding: 10px !important;}
    .company-dropdown .dropdown-menu{margin-left: -11px;position: static;float: none;width: auto;margin-top: 0;background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none;top: 0;}
    .dropdown-menu-mobile ul li ul.dropdown-menu li:last-child {border-bottom: none !important;}
    .navbar-header.navbar-header-btn:before, .navbar-header.navbar-header-btn:after{display: none;}
    .my-app-section ul.inner-card li img {transform: translateY(0px);margin: 2px 10px; z-index: 9;right: -5px;}
}

@media (max-width:767px){
    .gallery-outer, .birthday-outer{margin-bottom: 20px !important;}
    .app-annouce-outer{padding-left: .5rem!important;padding-right: .5rem!important;}
    .banner-inner .banner-dtls{left: 40px;padding: 10px;width: 170px;}
    .banner-inner .banner-dtls span{font-size: 18px;}
    .banner-inner .banner-dtls label{margin-top: 10px !important;}
    .my-app-section ul.inner-card li span{font-size: 12px;}
    .navigation-right{height: 60px;}
    .navigation-right .search-sec{position: relative;width: 100%;margin: 0;}
    .navigation-right .search-sec img{margin-right: 10px;width: 15px;}
    .navigation-right .search-sec input{height: 38px;margin: 0;padding: 5px 10px 5px 10px;font-size: 14px;width: 100%;}
    .navigation-right .search-sec input::placehoder{font-size: 14px;}
    .navbar-header.navbar-header-btn{width: 100%;display: flex;align-items: center;padding: 10px;justify-content: space-between;}
    
    .navigation-right .search-sec .search-filter-loading{right: 9px;top: 8px;}
/*    body.mini-navbar .hero-logo {display: none;}*/
    /*body.mini-navbar.fixed-sidebar .profile-element {display: none !important;}*/
    /*body.mini-navbar.fixed-sidebar .logo-element {display: block;}*/
    .mini-navbar .navigation-right{padding: 0}
    ul#ui-id-1.ui-autocomplete {left: 18px !important;top: 70px !important;}
    .navigation-right .navbar-collapse.collapse.custom-navigation{display: none !important;}    
    .search-active #myDropdown svg circle{fill: #fff;}
    .mobile-birthday-gallery{display: block;}
    .destop-birthday-gallery{display: none;}
    .gallery-section .gallery-type img{width: 90%;}
    .mobile-logout{display: block !important;}
    #pledgediv .pledgeButton{width:40px; right: 11%;}
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    .navigation-right {padding: 13px 15px 13px 0;}
    .mini-navbar .navigation-right {padding: 13px 120px 13px 0px}
    body.mini-navbar .hero-logo {display: none !important;}
    body.mini-navbar.fixed-sidebar .profile-element {display: none !important;}
    body.mini-navbar.fixed-sidebar .logo-element {display: block;}
    .gallery-outer, .birthday-outer{margin-bottom: 20px !important;}
    .app-annouce-outer{padding-left: .5rem!important;padding-right: .5rem!important;}
    #content-2.content {height: 100% !important;}
    
    
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 992px){
    .custom-tabs ul li a{padding: 10px 4px;font-size: 11px;}
    .navigation-right{padding: 13px 230px 13px 0px}
    body.pace-done.mini-navbar .navigation-right{padding: 13px 120px 13px 0px}
    .my-app-section ul.inner-card li span{font-size: 12px;}
    .announs-section .heading-sec img{width: 70px;height: 47px;}
    .my-app-section ul.inner-card li{padding: 10px}
    ul#ui-id-1.ui-autocomplete{left: 250px !important;top: 80px !important;}
   #pledgediv .pledgeButton{width: 110px; right: 11%;}

}

@media (max-width:768px){
    body.mini-navbar{height: 100%;overflow: hidden;width: 100%;position: fixed;}
    body.mini-navbar .close-sidebar{display: block;position: fixed;right: 10px;z-index: 999;top: 20px;background: inherit;
    outline: none;border: none;}
    body.mini-navbar:before{content: '';position:fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);z-index: 999;}
    body.mini-navbar .navbar-default .nav > li > a{display: flex;flex-wrap: nowrap;justify-content: flex-start;padding: 12px 30px 12px 12px;}    
    body.mini-navbar .navbar-default .nav > li > a span{width: auto;}
    body.mini-navbar .hero-logo {display: block !important;}
    body.mini-navbar.fixed-sidebar .logo-element {display: none;}
    body.mini-navbar.fixed-sidebar .profile-element {display: block !important;padding: 5px 25px;}
    .add-images{height: auto;}
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px){
    .navbar-header.navbar-header-btn{display: flex;align-items: center;width: 100%;justify-content: space-between;}
    .navigation-right{display: flex;align-items: center;width: 100%;}
    .navigation-right .search-sec{margin-left: 0; width: 400px;position: relative;}
    .mobile-logout{display: none !important;}
}
@media only screen and (max-device-width: 991px) and (min-device-width: 768px){
    ul#ui-id-1.ui-autocomplete{left: 10px !important;top: 75px !important;}
    .wrapper-front .footer{margin: 0}
    #pledgediv .pledgeButton{width: 100px;}
}