 .page-header {
                    padding-bottom: 9px;
                    margin: -25px 0 20px;
                    border-bottom: 1px solid #495974;
                }
                .blue {
    background-color: #495974;
}
                .btn:hover, .btn:focus {
    background-color: #495974;
    color:#fff;
}
                .demo{
                    background-color:#fff;
                }
                table tbody tr:first-child {
    background-color: #6d7a90;
    color: #fff;
    font-size: 14px;
}
                
                .board {
                    /* width: 75%;
margin: 60px auto;
height: 500px;*/
                    background: #f8f8f8;
                    /*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
                }
                
                input[type="button"],
                input[type="submit"],
                input[type="text"],
                input[type="email"] {
                    width: auto;
                }
                
                .page-header {
                    background: linear-gradient(to bottom left, #495974 10%, #495974 100%);
                    /* background: linear-gradient(to bottom right,#3452ff,#ff1053); */
                }
                
                .nav-tabs > li a {
                    width: 50px !important;
                    height: 50px !important;
                    margin: 10px auto !important;
                    border-radius: 100%;
                    padding: 0;
                }
                
                .topic-header span:before,
                .topic-header span:after {
                    content: "";
                    position: absolute;
                    height: 5px;
                    border-bottom: 1px solid transparent;
                    border-top: 1px solid transparent;
                    top: 15px;
                    width: 900px;
                }
                
                .topic-header span {
                    font-size: 18px;
                    font-weight: 600;
                    color: #2d3a88;
                    padding: 10px;
                    box-shadow: -1px 2px 6px 0px #9E9E9E;
                    position: relative;
                    left: -10px !important;
                    background: #fff;
                    border-radius: 30px;
                    padding-left: 0px;
                }
                
                .tab-content {
                    padding: 10px;
                }
                
                span.round-tabs {
                    width: 50px !important;
                    height: 50px !important;
                    line-height: 50px !important;
                    display: inline-block;
                    border-radius: 100px;
                    background: white;
                    z-index: 2;
                    position: absolute;
                    left: 0;
                    text-align: center;
                    font-size: 25px;
                }
                
                .board .nav-tabs {
                    position: relative;
                    /* border-bottom: 0; */
                    /* width: 80%; */
                    /*margin: 40px auto;*/
                    /*margin-bottom: 0;*/
                    box-sizing: border-box;
                }
                
                .input-group {
                    position: relative;
                    display: inherit;
                    border-collapse: separate;
                }
                
                .board > div.board-inner {
                    background: #fafafa url(http://subtlepatterns.com/patterns/geometry2.png);
                    background-size: 30%;
                }
                
                .w3l-from {
                    background-color: rgb(255, 255, 255);
                }
                
                p.narrow {
                    width: 60%;
                    margin: 10px auto;
                }
                
                .liner {
                    height: 2px;
                    background: #ddd;
                    position: absolute;
                    width: 80%;
                    margin: 0 auto;
                    left: 0;
                    right: 0;
                    top: 50%;
                    z-index: 1;
                }
                
                .nav-tabs > li.active > a,
                .nav-tabs > li.active > a:hover,
                .nav-tabs > li.active > a:focus {
                    color: #555555;
                    cursor: default;
                    /* background-color: #ffffff; */
                    border: 0;
                    border-bottom-color: transparent;
                }
                
                span.round-tabs {
                    width: 70px;
                    height: 70px;
                    line-height: 70px;
                    display: inline-block;
                    border-radius: 100px;
                    background: white;
                    z-index: 2;
                    position: absolute;
                    left: 0;
                    text-align: center;
                    font-size: 25px;
                }
                
                span.round-tabs.one {
                    color: rgb(34, 194, 34);
                    border: 2px solid rgb(34, 194, 34);
                }
                
                li.active span.round-tabs.one {
                    background: #fff !important;
                    border: 2px solid #ddd;
                    color: rgb(34, 194, 34);
                }
                
                span.round-tabs.two {
                    color: #febe29;
                    border: 2px solid #febe29;
                }
                
                li.active span.round-tabs.two {
                    background: #fff !important;
                    border: 2px solid #ddd;
                    color: #febe29;
                }
                
                span.round-tabs.three {
                    color: #3e5e9a;
                    border: 2px solid #3e5e9a;
                }
                
                li.active span.round-tabs.three {
                    background: #fff !important;
                    border: 2px solid #ddd;
                    color: #3e5e9a;
                }
                
                span.round-tabs.four {
                    color: #f1685e;
                    border: 2px solid #f1685e;
                }
                
                li.active span.round-tabs.four {
                    background: #fff !important;
                    border: 2px solid #ddd;
                    color: #f1685e;
                }
                
                span.round-tabs.five {
                    color: #999;
                    border: 2px solid #999;
                }
                
                li.active span.round-tabs.five {
                    background: #fff !important;
                    border: 2px solid #ddd;
                    color: #999;
                }
                
                .nav-tabs > li.active > a span.round-tabs {
                    background: #fafafa;
                }
                
                .nav-tabs > li {
                    width: 20%;
                }
                
                li.active:before {
                    content: " ";
                    position: absolute;
                    left: 45%;
                    opacity: 0;
                    margin: 0 auto;
                    bottom: -2px;
                    border: 10px solid transparent;
                    border-bottom-color: #fff;
                    z-index: 1;
                    transition: 0.2s ease-in-out;
                }
                
                .nav-tabs > li:after {
                    content: " ";
                    position: absolute;
                    left: 45%;
                    opacity: 0;
                    margin: 0 auto;
                    bottom: 0px;
                    border: 5px solid transparent;
                    border-bottom-color: #ddd;
                    transition: 0.1s ease-in-out;
                }
                
                .nav-tabs > li.active:after {
                    content: " ";
                    position: absolute;
                    left: 45%;
                    opacity: 1;
                    margin: 0 auto;
                    bottom: 0px;
                    border: 10px solid transparent;
                    border-bottom-color: #ddd;
                }
                /*.nav-tabs > li a{
   width: 70px;
   height: 70px;
   margin: 5px auto !important;
   border-radius: 100%;
   padding: 0;
}*/
                
                .nav-tabs > li a:hover {
                    background: transparent;
                }
                
                .panel-primary {
                    border-color: #49597426;
                }
                
                .panel-primary>.panel-heading {
                    color: #fff;
                    background-color: #495974e6;
                    border-color: #495974e6;
                }
                
                .tab-content {}
                
                .tab-pane {
                    position: relative;
                    /*padding-top: 50px;*/
                }
                
                .tab-content .head {
                    font-family: 'Roboto Condensed', sans-serif;
                    font-size: 25px;
                    text-transform: uppercase;
                    padding-bottom: 10px;
                }
                
                .table-hover tbody tr:first-child:hover {
                    background: #6d7a90;
                }
                
                .table-striped>tbody>tr:nth-of-type(odd) {
                    background-color: #6d7a90;
                }
                
                .table-hover>tbody>tr:hover {
                    background-color: #ffffff;
                }
                /*.btn-outline-rounded{
    padding: 10px 40px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-radius: 25px;
}

.btn.green{
    background-color:#5cb85c;
    border: 2px solid #5cb85c;
    color: #ffffff;
}*/
                
                @media( max-width: 585px) {
                    .board {
                        width: 100%;
                        height: auto !important;
                    }
                    span.round-tabs {
                        font-size: 16px;
                        width: 50px;
                        height: 50px;
                        line-height: 50px;
                    }
                    .tab-content .head {
                        font-size: 20px;
                    }
                    .nav-tabs > li a {
                        width: 50px;
                        height: 50px;
                        line-height: 50px;
                    }
                    .nav-tabs > li.active:after {
                        content: " ";
                        position: absolute;
                        left: 35%;
                    }
                    .btn-outline-rounded {
                        padding: 12px 20px;
                    }
                }