.txt {
    font-size: 1rem;
    text-align: justify;
    text-justify: inter-word;
}

.header-txt {
    color: darkblue;
}

.panel {
    margin-top: 8px;
}

.caption {
    text-align: center;
}

/****************************************************/
/************* override foundation css **************/
/****************************************************/

.tabs-content > .content.active {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 2s;
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.top-bar {
    background: #ff3333;
}

.top-bar-section li a:not(.button) {
    font-size: 1.2rem;
    /*color: darkblue;*/
    background: #ff3333 !important;
}

.top-bar-section li a:not(.button):hover {
    background: #007095 !important;
}

.top-bar-section ul li.active > a {
    /*color: black;*/
    background: #8A1E73 !important;
}

.top-bar-section ul li.active > a:hover {
    /*background: lightblue !important;*/
}

.side-nav {
    padding: 0;
}

.side-nav li {
    font-size: 1.2rem;
}

.side-nav li a:not(.button) {
    padding: 0;
}

.title-area li {
    margin-left: 1rem;
}

table {
    width: 100%;
}