.tab {
        position: relative;
        margin-bottom: 1px;
        width: 100%;
        color: #fff;
        overflow: hidden;
        margin-right: 10px;
        margin-top: 10px;
    }

input {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }

label {
        position: relative;
        display: block;
        padding: 0 0 0 1em;
        background: #16a085;
        font-weight: bold;
        line-height: 3;
        cursor: pointer;
    }

.blue label {
        background: #6f9600;
    }

.tab-content {
        max-height: 0;
        overflow: hidden;
        background: #00283a;
        -webkit-transition: max-height .35s;
        -o-transition: max-height .35s;
        transition: max-height .35s;
    }

.blue .tab-content {
        background: #00283a;
    }

.tab-content p {
        margin: 1em;
    }
/* :checked */
input:checked ~ .tab-content {
        max-height: 100%;
    }
/* Icon */
label::after {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 3em;
        height: 3em;
        line-height: 3;
        text-align: center;
        -webkit-transition: all .35s;
        -o-transition: all .35s;
        transition: all .35s;
    }

input[type=checkbox] + label::after {
        content: "+";
    }

input[type=radio] + label::after {
        content: "\25BC";
    }

input[type=checkbox]:checked + label::after {
        transform: rotate(315deg);
    }

input[type=radio]:checked + label::after {
        transform: rotateX(180deg);
    }

ul {
        list-style: none;
    }

.licustom {
        cursor: pointer;
        padding: 5px 5px 5px 5px;
    }

.licustom:hover {
            background-color: #6f9600;
        }

li a:hover {
        color: #6f9600;
    }

div.panel {
        display: none;
    }

div.panel.show {
            display: block !important;
        }