.header {
    background-color: #fff;
    /*box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);*/
    /* position: fixed;*/
    font-size: 18px;
    width: 100%;
    z-index: 3;
}

    .header ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        background-color: #fff;
    }

    .header li a {
        display: block;
        padding: 20px 20px;
        border-right: 0px solid #f4f4f4;
        text-decoration: none;
        color: #808080;
    }

        .header li a:hover, .header .menu-btn:hover {
            background-color: white;
            border-bottom-color: #cccccc;
            border-bottom-style: solid;
            border-bottom-width: 5px;
            color: #808080;
        }

    .header .logo {
        display: block;
        float: left;
        font-size: 2em;
        padding: 10px 20px;
        text-decoration: none;
    }

    /* menu */

    .header .menu {
        clear: both;
        max-height: 0;
        transition: max-height .2s ease-out;
    }

    /* menu icon */

    .header .menu-icon {
        cursor: pointer;
        display: inline-block;
        float: left;
        padding: 28px 20px;
        position: relative;
        user-select: none;
    }

        .header .menu-icon .navicon {
            background: #1f2c5e;
            display: block;
            height: 2px;
            position: relative;
            transition: background .2s ease-out;
            width: 18px;
        }

            .header .menu-icon .navicon:before, .header .menu-icon .navicon:after {
                background: #1f2c5e;
                content: '';
                display: block;
                height: 100%;
                position: absolute;
                transition: all .2s ease-out;
                width: 100%;
            }

            .header .menu-icon .navicon:before {
                top: 5px;
            }

            .header .menu-icon .navicon:after {
                top: -5px;
            }

    /* menu btn */

    .header .menu-btn {
        display: none;
    }

        .header .menu-btn:checked ~ .menu {
            max-height: max-content;
        }

        .header .menu-btn:checked ~ .menu-icon .navicon {
            background: transparent;
        }

            .header .menu-btn:checked ~ .menu-icon .navicon:before {
                transform: rotate(-45deg);
            }

            .header .menu-btn:checked ~ .menu-icon .navicon:after {
                transform: rotate(45deg);
            }

        .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
            top: 0;
        }

    .header li a:focus {
        color: #808080;
        border-bottom-width: 0px;
    }

    .header li.active {
        border-bottom-style: solid;
        border-bottom-width: 5px;
        border-bottom-color: #1f2c5e;
    }

        .header li.active a {
            color: #808080;
        }

            .header li.active a:hover, .header .menu-btn:hover {
                border-bottom-width: 0px;
                background-color: white;
                color: #808080;
            }
/* 48em = 768px */

@media (min-width: 48em) {
    /*header 
            {
                border-bottom-style : solid;
                border-bottom-width: 5px;    
            }*/
    .header li {
        float: left;
    }

        .header li a {
            color: #808080;
            padding: 20px 30px 15px 30px;
        }

    .header .menu {
        clear: none;
        float: left;
        max-height: none;
    }

    .header .menu-icon {
        display: none;
    }
}

/*------------------------------------------------------------------------------------------*/
.border-bt {
    border-bottom: 2px solid #c8c8c8;
}

.dategrey {
    color: #c8c8c8;
    font-weight: bold;
}

.c-content-tab-4.c-opt-3 > .tab-content .c-tab-items > li h4 {
    color: #3f444a;
}

.c-content-tab-4.c-opt-3 > .tab-content .c-tab-items > li p {
    color: #3f444a;
}
/* css button*/
.crumbs ul li a {
    display: block;
    float: left;
    height: 43px;
    background: #50b647;
    text-align: center;
    padding: 10px 20px 0 25px;
    position: relative;
    margin: 0 10px 0 0;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
}

    .crumbs ul li a:after {
        content: "";
        border-top: 22px solid transparent;
        border-bottom: 21px solid transparent;
        border-left: 15px solid #50b647;
        position: absolute;
        right: -15px;
        top: 0;
    }

    .crumbs ul li a:hover {
        display: block;
        float: left;
        height: 43px;
        background: #3b8736;
        text-align: center;
        padding: 10px 20px 0 25px;
        position: relative;
        margin: 0 10px 0 0;
        font-size: 15px;
        text-decoration: none;
        color: #fff;
    }

        .crumbs ul li a:hover::after {
            content: "";
            border-top: 22px solid transparent;
            border-bottom: 21px solid transparent;
            border-left: 15px solid #3b8736;
            position: absolute;
            right: -15px;
            top: 0;
        }

.ul-bt {
    list-style-type: none;
    padding-left: 0;
}
/*end css button*/

.c-theme-green {
    color: #50b647;
}


    .c-theme-green:hover {
        color: #50b647;
    }

.divReport:hover {
    background-color: #f7f7f7;
}

.img-report {
    width: 400px;
    height: 200px;
}

.logomoblie {
    display: none;
}

.logoweb {
    display: block;
}

.h3color {
    color: #062d54;
}

@media (max-width: 991px) {
    .mobile-padding-t-20 {
        padding-top: 20px;
    }

    .moblie-hide {
        display: none;
    }

    .moblie-show {
        display: block;
    }

    .crumbs {
        padding-left: 20px;
    }

    .c-content-box.c-size-md {
        padding: 0px !important;
    }

    .mobile-padding-lr0 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 767px) {
    .header {
        background-color: #fff;
        box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
        /* position: fixed;*/
        width: 100%;
        z-index: 3;
    }

        .header li.active a {
            color: #333333;
            font-weight: bolder;
        }

        .header li.active {
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-bottom-color: #4d4d4d;
        }

        .header li {
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-bottom-color: #4d4d4d;
            color: #808080;
            font-weight: bolder;
        }

        .header .menu {
            background-color: #ffffff;
        }

    .logomoblie {
        display: block;
    }

    .logoweb {
        display: none;
    }

    .c-layout-header-fixed.c-layout-header-mobile-fixed .c-layout-page {
        margin-top: 70px !important;
    }
}

@media (min-width: 992px) {
    .moblie-hide {
        display: block;
    }

    .moblie-show {
        display: none;
    }
}

.dvpagelayout {
    margin-top: 50px;
}

.menuname {
    color: #808080;
    font-size: 18px;
}

.c-theme-wealth {
    color: #39b137 !important;
}

.c-height-50 {
    height: 110px;
}

.aReportHover:hover {
    color: #3f444a !important;
}

.dvsubspecial {
    min-height: 230px;
}

.padding-lr0 {
    padding-left: 0px;
    padding-right: 0px;
}