/*financial-information tab*/
/*    .left-panel {*/
/*    margin-top: 120px;*/

/*}*/

#footer {
    margin-top: 30px;
}

.panel-default>.panel-heading {
    background-color: #30bb64;
}

.latest_news {
    border: 1px solid;
    height: 259px;
    width: 200px;
    /*float: right;
     margin-left: -6px; */
    margin-right: 12px;
}

#pdf {
    margin-left: 0px;

}

.well_1 {

    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.links {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 29px;
}

.links li {
    display: block;
    margin: 0;
    padding: .15em 0;
}

a[href$='.pdf'] {
    display: inline-block;
    margin: 0 .5em 0 0;
    padding-left: 1.5em;
    position: relative;
}

#pdf a {
    color: #da2128;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    
}

a[href$='.pdf']:before {
    background: url('{{asset('resources/uploads/2022/11/pdf_file_icon.png')}}') no-repeat left top;
    content: '';
    height: 20px;
    left: 0;
    position: absolute;
    top: .1em;
    width: 20px;
    background-size: contain;
}

a[href$='.zip'] {
    display: inline-block;
    margin: 0 .5em 0 0;
    padding-left: 1.5em;
    position: relative;
}

#zip a {
    color: #da2128;
    cursor: pointer;
    outline: none;
    text-decoration: none;
}

a[href$='.zip']:before {
    background: url('{{asset('resources/uploads/jath_spv/images/zip9.png')}}') no-repeat left top;
    
    content: '';
    height: 20px;
    left: 0;
    position: absolute;
    top: .1em;
    width: 20px;
}

.short-desc {
    background-color: #FFF;
    border: 2px solid #e6e8e8;
    clear: both;
    float: none;
    margin: 0;
    position: relative;
}

.announcement.accordion dl {
    border: none;
    padding: .25em 0 .75em 6em;
}

.announcement {
    clear: both;
    float: none;
}

.accordion {
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
}

.accordion .content-box {
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
}

.announcement .accordion .short-desc {
    padding: .75em;
}

.accordion .short-desc {
    border-radius: 0 0 .25em .25em;
    box-shadow: none;
}

.announcement .accordion dl+dl {
    border: 1px dashed #e6e7e8;
    border-width: 1px 0 0 0;
    padding-top: .75em;
}

.announcement .accordion dl {

    padding: .25em 0 .75em 1em;
}

.announcement dt {
    background-color: #e6e7e8;
    border: 23px solid #e6e7e8;
    border-radius: 100%;
    display: block;
    font: normal 114.5%/1.2 'sakkal_majallaregular', Arial, Helvetica, sans-serif;
    height: 90px;
    margin: 0;
    padding: 0;
    left: 0;
    /*position: absolute;*/
    text-align: center;
    top: .75em;
    width: 90px;
}

.announcement .accordion dt {
    height: 80px;
    left: 24px;
    top: 108px;
    width: 80px;
}

.page-title.solid-bg {
    display: none;

}

.tg {
    border-collapse: collapse;
    border-spacing: 0;
}

.tg td {
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 10px 5px;
    border-style: solid;
    border-width: 0px;
    overflow: hidden;
    word-break: normal;
}

.tg th {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 5px;
    border-style: solid;
    border-width: 0px;
    overflow: hidden;
    word-break: normal;
}

.tg .tg-hjji {
    font-size: 17px;
    text-align: center;
    vertical-align: top
}

.tg .tg-2ktp {
    font-size: 15px;
    vertical-align: top;
    text-align: justify;
}

.tg .tg-yw4l {
    vertical-align: top
}




/* for tabs */


.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.dnone {
    display: none;
}

.active-tb {
    display: flex;
}

.navbar {
    box-shadow: 1px -5px 20px 0px #8fc74a;
    border: 0px;
    height: 73px;
}

.navbar-toggler {
    display: none;
}
.dot-line li{
        padding: 0.25em 0 0.75em 0em;
        margin-top: 0;
    margin-bottom: 20px;
        border: 1px dashed #e6e7e8;
    border-width: 1px 0 0 0;
    padding-top: 0.75em;
}


/*side bar css*/
    .side-nav {
        /* width: 100%; */
        min-height: 100vh;
        padding: 20px 0;
        border-right: 1px solid #ddd;
        overflow: visible;
    }

    .side-nav .nav-link {
        color: #086cff;
        font-size: 18px;
        line-height: 1.4;
        padding: 12px 20px;
        white-space: normal;
    }

    .side-nav .nav-link:hover,
    .side-nav .nav-link:focus,
    .side-nav .nav-link.active {
        color: #0056d6;
        background: transparent;
    }

    .side-nav .dropdown-menu {
        min-width: 100%;
        margin: 0;
        border: 1px solid #ddd;
        border-radius: 0;
    }

    .nopdf::before {
        display: none !important;
        content: "";
    }

    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu > .dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;
        margin: 0;
        display: none;
    }

    .dropdown-submenu:hover > .dropdown-menu,
    .dropdown-submenu:focus-within > .dropdown-menu,
    .dropdown-submenu.show > .dropdown-menu {
        display: block;
    }

    @media (max-width: 767.98px) {
        .side-nav {
            min-height: auto;
            border-right: 0;
            border-bottom: 1px solid #ddd;
        }

        .dropdown-submenu > .dropdown-menu {
            position: static;
            margin-left: 12px;
        }
    }

    :root {
        --side-nav-ink: #182b49;
        --side-nav-muted: #60708a;
        --side-nav-accent: #8EC13F;
        --side-nav-accent-soft: #8ec13f30;
        --side-nav-border: #e4eaf2;
    }

    .side-nav {
        box-sizing: border-box;
        background: #ffffff;
        border: 1px solid var(--side-nav-border);
        border-radius: 14px;
        box-shadow: 0 10px 28px rgba(24, 43, 73, 0.08);
        gap: 4px;
        padding: 14px 10px;
    }

    .side-nav .nav-item {
        width: 100%;
    }

    .side-nav .nav-link {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 46px;
        border-radius: 9px;
        color: var(--side-nav-ink);
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0;
        padding: 11px 13px;
        transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
    }

    .side-nav .nav-link::before {
        position: absolute;
        left: 0;
        width: 3px;
        height: 0;
        border-radius: 0 3px 3px 0;
        background: var(--side-nav-accent);
        content: "";
        transition: height 160ms ease;
    }

    .side-nav .nav-link:hover,
    .side-nav .nav-link:focus,
    .side-nav .nav-item.active > .nav-link,
    .side-nav .nav-link[aria-expanded="true"] {
        color: var(--side-nav-accent);
        background: var(--side-nav-accent-soft);
        transform: translateX(2px);
    }

    .side-nav .nav-link:hover::before,
    .side-nav .nav-link:focus::before,
    .side-nav .nav-item.active > .nav-link::before,
    .side-nav .nav-link[aria-expanded="true"]::before {
        height: 22px;
    }

    .side-nav .dropdown-toggle::after {
        margin-left: 10px;
        border-top-color: currentColor;
        border-right-width: 0.32em;
        border-left-width: 0.32em;
    }

    .side-nav .dropdown-menu {
        min-width: 220px;
        padding: 6px;
        background: #ffffff;
        border: 1px solid var(--side-nav-border);
        border-radius: 10px;
        box-shadow: 0 14px 32px rgba(24, 43, 73, 0.14);
    }

    .side-nav .dropdown-item {
        border-radius: 7px;
        color: var(--side-nav-muted);
        font-size: 14px;
        padding: 9px 11px;
        white-space: normal;
    }

    .side-nav .dropdown-item:hover,
    .side-nav .dropdown-item:focus {
        color: var(--side-nav-accent);
        background: var(--side-nav-accent-soft);
    }

    @media (max-width: 767.98px) {
        .side-nav {
            border-radius: 10px;
            box-shadow: 0 6px 18px rgba(24, 43, 73, 0.07);
        }

        .side-nav .dropdown-menu {
            min-width: 0;
            width: 100%;
            box-shadow: none;
        }
    }

    .nopdf::after {
        content: none !important;
    }
    
    body {
        background: #f7f9fc;
        color: var(--page-ink);
    }

    .left-panel {
        
        padding-top: 86px;
    }

    /*.left-panel > .left-box > .container {*/
    /*    max-width: 1440px;*/
    /*}*/

    .left-panel .row {
        align-items: flex-start;
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem;
    }

    .tab-content {
        min-width: 0;
        padding: 1.5rem;
        background: var(--page-surface);
        border: 1px solid var(--page-border);
        border-radius: 14px;
        box-shadow: 0 10px 28px rgba(24, 43, 73, 0.06);
    }

    .tab-pane > h4,
    .tab-pane > h3 {
        color: var(--page-ink);
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .tab-pane p,
    .tab-pane .panel-body {
        color: var(--page-muted);
        line-height: 1.7;
    }

    .panel-group {
        display: grid;
        gap: 0.75rem;
    }

    .panel,
    .panel-default {
        overflow: hidden;
        background: var(--page-surface);
        border: 1px solid var(--page-border);
        border-radius: 10px;
    }

    .panel-heading {
        padding: 0;
        background: #f8fbff;
        border: 0;
    }

    .panel-title {
        margin: 0;
        font-size: 1rem;
    }

    .panel-title > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.9rem 1rem;
        color: var(--page-ink);
        font-weight: 600;
        text-decoration: none;
        font-size:16px;
    }

    /*.panel-title > a:hover,*/
    /*.panel-title > a:focus {*/
    /*    color: var(--page-accent);*/
    /*    background: #eef6ff;*/
    /*}*/

    .panel-body {
        padding: 1rem;
        border-top: 1px solid var(--page-border);
    }

    .links,
    .panel-body ul {
        padding-left: 1.25rem;
    }

    .links a,
    .panel-body a {
        color: var(--page-accent);
        text-decoration: none;
        font-size: 14px;
    }

    .links a:hover,
    .links a:focus,
    .panel-body a:hover,
    .panel-body a:focus {
        text-decoration: underline;
    }

    .tab-pane table {
        width: 100% !important;
        max-width: 100%;
        margin-bottom: 1.25rem;
    }

    .tab-pane .tg {
        overflow: hidden;
        border: 1px solid var(--page-border);
        border-radius: 10px;
    }

    @media (max-width: 767.98px) {
        .left-panel {
            padding-top: 76px;
        }

        .tab-content {
            padding: 1rem;
            border-radius: 10px;
        }
    }
    
      .panel-title > a {
        position: relative;
        padding-right: 3rem;
    }

    .panel-title > a > .glyphicon {
        display: none;
    }

    .panel-title > a::after {
        position: absolute;
        top: 50%;
        right: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.5rem;
        height: 1.5rem;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 50%;
        content: "+";
        font-size: 1.15rem;
        font-weight: 400;
        line-height: 1;
        transform: translateY(-50%);
    }

    .panel-title > a[aria-expanded="true"]::after {
        content: "−";
    }

    .panel-title > a:hover::after,
    .panel-title > a:focus::after {
        color: #ffffff;
        background: var(--page-accent, #0878f9);
    }
    
    
       a[id="pdf"],
    a[id="zip"] {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
    }

    a[id="pdf"]::before,
    a[id="zip"]::before {
        border: 0;
        border-radius: 0;
        min-width: 1.25rem;
        height: auto;
        padding: 0;
        font-family: "Font Awesome 6 Free";
        font-size: 1.15rem;
        font-weight: 900;
        line-height: 1;
    }

    a[id="pdf"] i{
        color: #dc3545;
    }

    a[id="zip"] i{
        color: #198754;
    }

    a[id="pdf"]::after,
    a[id="zip"]::after {
        display: none;
    }

    a[id="pdf"],
    a[id="zip"] {
        vertical-align: middle;
    }

    a[id="pdf"]::before,
    a[id="zip"]::before {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        background: transparent;
    }
    .ury_d{margin-top: -450px; margin-left: 199px;}
    .au-margin-left-17px{margin-left: 17px;}
    .au-margin-left-32px{margin-left: 32px;}
    .au-margin-top{margin-top: -8px;}
    .au-linksmargin{margin: 0px 1px 0px 13px;}
    .dsp-none{display:none;}
    
.w244px{width: 244px}
.w928px{width: 928px}