/*
	Theme Name:   Jannah Child
	Theme URI:    http://jannah.tielabs.com/
	Description:  Jannh Child Theme
	Author:       TieLabs
	Author URI:   https://tielabs.com
	Template:     jannah
	Version:      1.0.2
	License:      license purchased
	License URI:  http://themeforest.net/licenses/regular_extended
	Tags:         Tags: two-columns, buddypress, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready
	Text Domain:  jannah-child
*/


/* write custom css after this line */


/*Nav*/
.menu ul li.current-menu-item a {
    color: #01d0d1 !important;
    font-weight: bold;
}
ul.sub-menu.menu-sub-content {
    top: 85px;
    border-top: 2px solid #000 !important;
}
/* .menu-item a:hover {
    color: #000000 !important;
} */



.app_head{justify-content: space-between;background: #01C4C6;color: #fff;padding: 16px 20px;display: flex;flex-direction: row;align-items: center;}

.jsci-btn{
    border:none;
    border-radius:14px;
    cursor:pointer;
    transition:.2s ease;
    font-weight:700;
    height:40px;
    padding:0 18px;
}

.jsci-btn--primary {
    background: linear-gradient(318deg, #0f766e, #14b8a6);
    color: #fff;
}

.jsci-btn--secondary{
    background:#fff;
    border:1px solid #cbd5e1;
    color:#475569;
}

.jsci-btn--blue{
	background: linear-gradient(135deg, #2196F3, #014881);
	color: #fff;
	border: none;
	border-radius: 5px;
}

.jsci-btn--primary:hover {
    transform: translateY(-1px);
}

.jsci-btn--secondary:hover{
    border-color:#94a3b8;
    background:#f8fafc;
}

.jsci-btn--accent{
    background:linear-gradient(135deg,#0f766e,#14b8a6);
    color:#fff;
}

.jsci-btn--danger{
    background:linear-gradient(135deg,#be123c,#e11d48);
    color:#fff;
}

.jsci-btn--pill{
    border-radius:5px;
    padding:0 18px;
}

.report-icon {
    font-size: 35px;
    width: 65px;
    background: #fff;
    color: #01c4c6;
    height: 65px;
    border-radius: 69px;
    padding: 14px 0px;
}
.report-title {
    font-size: 30px;
}
.app-head-flex {
    display: flex;
    gap: 20px;
    align-content: center;
    align-items: center;
}


.jsci-popup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 28px 28px 22px;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
    color: #fff;
    position: relative;
    overflow: hidden;
    flex-wrap: wrap;
}
.jsci-popup-header::before {
    content: "";
    position: absolute;
    inset: auto 50% 50% auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
    pointer-events: none;
}
.jsci-popup-header::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
    pointer-events: none;
}
.hbg-1{
    background: linear-gradient(135deg, rgba(15, 118, 110, .96) 0%, rgba(3, 105, 161, .96) 55%, rgba(37, 99, 235, .92) 100%);    
}
.hbg-2{
    background:linear-gradient(135deg,#0f766e 0%,#115e59 48%,#0f172a 100%)  
}