.navbar-collapse
        {
            border: 0;
            box-shadow: none;
        }
        ul.tabs
        {
            margin: 0;
            padding: 0;
            float: left;
            list-style: none; /*height: 32px;*/            
            width: 100%;
            z-index: 999;
        }
        
        ul.tabs li
        {
            float: left;
            margin: 0;
            cursor: pointer;
            padding: 10px 21px; /*height: 31px;
            line-height: 31px;*/
            border-top: 1px solid #333;
            border-left: 1px solid #333;
            border-bottom: 1px solid #333;
            background: darkslategray;
            color: #fff;
            overflow: hidden;
            position: relative;
            font-size: 16px;
            font-weight: bold;
            position: relative;
            transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        }
        ul.tabs li:first-child
        {
            border-radius: 5px 0 0px 0px;
        }
        ul.tabs li:last-child
        {
            border-radius: 0 5px 0px 0px;
        }
        .tab_last
        {
            border-right: 1px solid #333;
        }
        ul.tabs li:hover:before
        {
            top: 0%;
            bottom: auto;
            height: 100%;
        }
        ul.tabs li:before
        {
            display: block;
            position: absolute;
            left: 0px;
            bottom: 0px;
            height: 0px;
            width: 100%;
            z-index: -1;
            content: '';
            color: #000 !important;
            background: -moz-linear-gradient(45deg, rgba(0,128,128,1) 0%, rgba(255,255,255,1) 25%, rgba(5,193,255,1) 50%, rgba(255,255,255,1) 75%, rgba(0,87,87,1) 100%); /* ff3.6+ */
            background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,128,128,1)), color-stop(25%, rgba(255,255,255,1)), color-stop(50%, rgba(5,193,255,1)), color-stop(75%, rgba(255,255,255,1)), color-stop(100%, rgba(0,87,87,1))); /* safari4+,chrome */
            background: -webkit-linear-gradient(45deg, rgba(0,128,128,1) 0%, rgba(255,255,255,1) 25%, rgba(5,193,255,1) 50%, rgba(255,255,255,1) 75%, rgba(0,87,87,1) 100%); /* safari5.1+,chrome10+ */
            background: -o-linear-gradient(45deg, rgba(0,128,128,1) 0%, rgba(255,255,255,1) 25%, rgba(5,193,255,1) 50%, rgba(255,255,255,1) 75%, rgba(0,87,87,1) 100%); /* opera 11.10+ */
            background: -ms-linear-gradient(45deg, rgba(0,128,128,1) 0%, rgba(255,255,255,1) 25%, rgba(5,193,255,1) 50%, rgba(255,255,255,1) 75%, rgba(0,87,87,1) 100%); /* ie10+ */
            background: linear-gradient(45deg, rgba(0,128,128,1) 0%, rgba(255,255,255,1) 25%, rgba(5,193,255,1) 50%, rgba(255,255,255,1) 75%, rgba(0,87,87,1) 100%); /* w3c */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005757', endColorstr='#008080',GradientType=1 ); /* ie6-9 */
            transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        }
        ul.tabs li:hover
        {
            color: #333;
            background-color: transparent;
        }
        
        ul.tabs li.active
        {
            background-color: #fff;
            color: #333;
            border-bottom: 1px solid #fff;
            display: block;
        }
        
        .tab_container
        {
            border: 1px solid #333; /*border-top: none;*/
            clear: both;
            float: left;
            width: 100%;
            background: #fff;
            overflow: auto;
            margin-top: -2px;
            border-radius: 0 5px 0px 0px;
        }
        
        .tab_content
        {
            padding: 20px;
            display: none;
        }
        
        .tab_drawer_heading
        {
            display: none;
        }
        
        @media screen and (max-width: 480px)
        {
            .tabs
            {
                display: none;
            }
            .tab_drawer_heading
            {
                background-color: #ccc;
                color: #fff;
                border-top: 1px solid #333;
                margin: 0;
                padding: 5px 20px;
                display: block;
                cursor: pointer;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }
            .d_active
            {
                background-color: #666;
                color: #fff;
            }
        }
        /*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
        .panel.panel-blue
        {
            border-color: #053566;
        }
        .panel-blue > .panel-heading
        {
            color: #fff;
            background-color: #053566;
            border-color: #053566;
        }
        .panel-title
        {
        }
        .panel-title span
        {
            display: inline-block;
            padding: 5px 15px;
        }
        .panel-body h4
        {
            padding: 5px 10px;
            border-radius: 3px;
            color: #ffffff; /*text-shadow: 0 2px white, 0 3px #333;*/
            background: lightseagreen;
        }
        .panel-body .Description
        {
            font-size: 16px;
            line-height: 1.4;
            text-align: justify;
        }
        .Officer-Name
        {
            border-right: 1px solid #ffffff;
            font-size: 18px;
        }
        .Officer-Designation
        {
            font-size: 16px;
            font-style: italic;
        }
        .panel-body .Officer-Photo
        {
            border: 1px solid #ccc;
            padding: 2px;
            max-width:100%;
        }
        .panel-body .Contact-Details
        {
            font-size: 16px;
            line-height: 1.4;
        }
        .panel-body .Contact-Details b, .panel-body .Contact-Details i, .panel-body .Contact-Details span
        {
            display: inline-block;
            font-style: normal;
        }
        .panel-body .Contact-Details b
        {
            width: 60px;
        }
        .panel-body .Contact-Details i
        {
            margin-right: 10px;
        }