@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
            /* written by riliwan balogun http://www.facebook.com/riliwan.rabo*/

            .image {
                height: 90px;
                width: 100%;
                /*border-radius: 50px;*/
            }
            .hover:hover .upload{
                display: block;
            }
            .upload {
                opacity: 0.8;
                background: gainsboro;
                height: 25px;
                margin: 65px auto;
                text-align: center;
                color: black;
                position: absolute;
                display: none;
                width: 100%;
            }
            .profile-image {
                /*border-radius: 50px;*/
                border: 5px solid rgba(190, 189, 188, 0.4);
                height: 100px;
                width: 100px;
                background-position: center center;
                background-size: cover;
                margin: 0 auto 10px auto;
                position: relative;
                overflow: hidden;
            }
            .board{
                width: 100%;
                background: #fff;
            }
            form {
                padding: 0px;
                background-color: #fff;
                box-shadow: none;
                border-radius: 0px;
            }
            .row-apply{
                padding-bottom: 15px;
            }
            #myTab li {
                text-align: center;
                margin-top: 10px;
            }
            .board .nav-tabs {
                position: relative;
                /* border-bottom: 0; */
                /* width: 80%; */
                margin: 40px auto;
                margin-bottom: 0;
                box-sizing: border-box;

            }

            .board > div.board-inner{
                background: #fafafa url(http://subtlepatterns.com/patterns/geometry2.png);
                background-size: 30%;
            }

            p.narrow{
                width: 60%;
                margin: 10px auto;
            }

            .liner{
                height: 2px;
                background: #ddd;
                position: absolute;
                width: 80%;
                margin: 0 auto;
                left: 0;
                right: 0;
                top: 62%;
                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 #ddd;
            }

            li.active span.round-tabs.one{
                background: #fff !important;
                border: 2px solid #5ca872;
                color: rgb(34, 194, 34);
            }

            span.round-tabs.two{
                color: #47bb9b;border: 2px solid #ddd;
            }

            li.active span.round-tabs.two{
                background: #fff !important;
                border: 2px solid #47bb9b;
                color: #47bb9b;
            }

            span.round-tabs.three{
                color: #3e5e9a;border: 2px solid #ddd;
            }

            li.active span.round-tabs.three{
                background: #fff !important;
                border: 2px solid #3e5e9a;
                color: #3e5e9a;
            }

            span.round-tabs.four{
                color: #f1685e;border: 2px solid #ddd;
            }

            li.active span.round-tabs.four{
                background: #fff !important;
                border: 2px solid #f1685e;
                color: #f1685e;
            }

            span.round-tabs.five{
                color: #999;border: 2px solid #ddd;
            }

            li.active span.round-tabs.five{
                background: #fff !important;
                border: 2px solid #999;
                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.tab-one:after {
                content: " ";
                position: absolute;
                left: 45%;
                opacity:1;
                margin: 0 auto;
                bottom: 0px;
                border: 10px solid transparent;
                border-bottom-color: #5ca872;

            }
            .nav-tabs > li.active.tab-two:after {
                content: " ";
                position: absolute;
                left: 45%;
                opacity:1;
                margin: 0 auto;
                bottom: 0px;
                border: 10px solid transparent;
                border-bottom-color: #47bb9b;

            }


            .nav-tabs > li.active.tab-one span{
                color: #5ca872;
            }
            .nav-tabs > li.active.tab-two span{
                color: #47bb9b;
            }
            .nav-tabs > li.active.tab-three span{
                color: #3e5e9a;
            }
            .nav-tabs > li.active.tab-four span{
                color: #f1685e;
            }
            .nav-tabs > li.active.tab-five span{
                color: #999;
            }
            .heading{
                margin-bottom: 15px;
            }
            .heading h2 {
                font-size: 20px;
                background: none;
                color: #5a5959;
                padding: 5px 35px;
                text-align: left;
                text-decoration: underline;
            } 
            .student-details, .family-income-details, .siblings-details, .std-edu-details, .std-propose-course, .std-acc-details, .doc-submit {
                margin: 0px;
            }
            .form-group input, .form-group textarea, .form-group select {
                box-shadow: 0px 1px 0px 0px #fffcf7;
                background: transparent;
                border: 1px solid #e0dace;
                border-radius: 2px;
            }

            .form-group {
                margin: 10px 0px 40px 0px;
                padding: 0px 10px;
                position: relative;
            }
            .nav-tabs > li.active.tab-three:after {
                content: " ";
                position: absolute;
                left: 45%;
                opacity:1;
                margin: 0 auto;
                bottom: 0px;
                border: 10px solid transparent;
                border-bottom-color: #3e5e9a;

            }
            .nav-tabs > li.active.tab-four:after {
                content: " ";
                position: absolute;
                left: 45%;
                opacity:1;
                margin: 0 auto;
                bottom: 0px;
                border: 10px solid transparent;
                border-bottom-color: #f1685e;

            }
            .nav-tabs > li.active.tab-five:after {
                content: " ";
                position: absolute;
                left: 45%;
                opacity:1;
                margin: 0 auto;
                bottom: 0px;
                border: 10px solid transparent;
                border-bottom-color: #999;

            } 
            .nav-tabs > li a{
                width: 70px;
                height: 70px;
                margin: 10px auto;
                border-radius: 100%;
                padding: 0;
            }

            .nav-tabs > li a:hover{
                background: transparent;
            }

            .tab-pane{
                position: relative;
                padding-top: 15px;
            }
            .tab-content .head{
                font-family: 'Roboto Condensed', sans-serif;
                font-size: 25px;
                text-transform: uppercase;
                padding-bottom: 10px;
            }
            .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;
            }
            label {
                font-size: 14px;
            }
            .form-group input, .form-group textarea, .form-group select {
                width: 100%;
                padding: 5px 10px;
            }
            .effect-16 ~ label{
                position: absolute;
                top: 2px;
            }
            .effect-16:focus ~ label, .has-content.effect-16 ~ label {
                top: -23px;
                /*                left: 0px;
                                border-radius: 5px 5px 0 0;*/
            }
            @media( max-width : 770px ){
                .nav-tabs > li.active:after {
                    content: " ";
                    position: absolute;
                    left: 42% !important;
                }
            }

            @media( max-width : 585px ){
                .nav-tabs > li.active:after {
                    content: " ";
                    position: absolute;
                    left: 41% !important;
                }
                .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;
                }
            }
            @media( max-width : 480px ){
                .container {
                    padding: 0 10px;
                }
                .nav-tabs > li.active:after {
                    content: " ";
                    position: absolute;
                    left: 36% !important;
                }
            }