/*-----------------------NEW CUSTOM CSS STARTS-----------------------*/

/*LOGIN PAGE STARTS*/
.log-back { background: url('/images/background.jpg'); background-size: cover; background-position: center; height: 100vh; width: 100%; text-align: center;}
.log-box { width: 40%; background: #0b5196; position: absolute; top: 16%; left: 30%; padding: 50px 0; }
.log-box h2 { color: white; font-weight: 700; padding-bottom: 30px; }
.log-form { width: 90%; margin-left: auto; margin-right: auto; }
.log-form input { width: 100%; font-size: 16px; padding: 15px 10px; border: none; margin-bottom: 20px; }
input.submit { width: 50%; font-size: 20px; font-weight: 700; color: #0b5196; text-transform: uppercase; 
  background: linear-gradient(to right, dodgerblue 50%, white 50%); background-size: 200% 100%; 
 background-position: right bottom; transition: all .5s ease-out; }
input:hover.submit { background-position: left bottom; color:white; }
.log-box p { text-align: right; padding: 20px 30px 0 0; margin: 0; }
.log-box a { color:white; }
/*LOGIN PAGE ENDS*/

#page-wrapper h2,#page-wrapper h4,#page-wrapper p { color:black; }

/*ADMIN HEADER/SIDEBAR STARTS*/
.navbar-right input {
    border: none;
    background: transparent;
    color: white;
    padding: 15px 10px;
}
.navbar-right input:hover { color:cyan; }
#form-icon { float: right; }
/*ADMIN HEADER/SIDEBAR ENDS*/

/*ADMIN DASHBOARD STARTS*/
.dash-buttons { text-align:center; }
.dash-buttons button { width:90%; border:none; background:#0b5196; color:white; font-size:18px; font-weight:600; border-radius:3px; padding:10px;
    margin:0 0 20px 0; text-transform:uppercase; }
.dash-tab th, .dash-tab td { box-shadow: 0 0 2px #0b5196; padding: 15px; }
.dash-tab table { width: 100%; }
/*ADMIN DASHBOARD ENDS*/

/*ADMIN COLLEGE PAGE STARTS*/
.row { margin-left:0; margin-right:0; }
.admin-full-side { width:100%; } .admin-left-side { width: 49%; float: left; } .admin-right-side { width: 49%; float: right; }
.admin-left-side h3, .admin-right-side h3 { color:black; font-weight:600; font-size: 20px; }
.list th, .list td { box-shadow: 0 0 2px lightgrey; padding: 15px; text-align:center; }
.list table { width: 100%; }
.add-button { text-align:right; width:100%; } .add-button h2 { float:left; } 
.add-button button { width:auto; border:none; background:#0b5196; color:white; font-size:18px; font-weight:600; border-radius:3px; padding:10px; float:right; }
.add-form { margin: 20px 0; padding: 20px; box-shadow: 0 0 7px grey; border-radius: 3px; }
.add-form input, .add-form textarea, .add-form select {
    width: 100%;
    border-radius: 3px;
    border: 1px solid grey;
    font-size: 15px;
    padding: 7px 10px;
    margin-bottom: 20px;
}
.form-icon { float:right; font-size:25px; }
.fees input { width: 32%; }
.reg input { width: 47%; }
.ct-zip input, .ct-zip label { width: 49%; }
/*ADMIN COLLEGE PAGE ENDS*/

/*ADD COURSE PAGE STARTS*/
.all-show {
    display:none;
    height:500px;
    overflow:auto; }
#all-btn { float:none; }
.update-form {
    position: absolute;
    top: 200px;
    background: lightblue;
    box-shadow: 0 0 10px black;
    padding: 20px 30px;
    border-radius: 5px;
    width:1000px; }
.view-sub-course {
    display:none;
    height:500px;
    overflow:auto; }    
/*ADD COURSE PAGE ENDS*/

/*---------------------------------------------------------------FRONT PAGES START----------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6,p,a,span,li { color: black; }

/*HEADER STARTS*/
.front-header {  background: black; position:fixed; width:100%; z-index:999; }
.fh-white { background: white;
    height: 40px;
    width: 100%;
    position: fixed;
    top: 50px;
    z-index: 99; }
.menu-nav ul { margin-bottom:0; }
.menu-nav li { display:inline-block; font-size: 17px; font-weight:700; }
.menu-nav li:hover { background: white; }
.menu-nav a:hover { color:black; text-decoration:none; }
.menu-nav a { color:white; padding:10px 20px; line-height:50px; }
.menu-left { width:75%; display:inline-block; } .menu-right { width:24%; display:inline-block; text-align:right; }
.menu-right a { color:white; font-size:15px; margin-right:20px; text-transform:uppercase; }
    /*DROP DOWNS START*/
.drop-list li { display: block; }
ul#dropS { left: 6vw; }
ul#dropC { left: 6vw; }
ul.drop-list {
    position: absolute;
    z-index:999;
    top: 52px;
    column-count:3;
    width: 88vw;
    height: max-content;
    border: 1px solid white;
    overflow: auto;
    padding: 10px;
    background: black;
    display:none; }
.drop-list button {
    background: transparent;
    border: none;
    width: 100%;
    text-align: left; }
#dropC span, #dropS span {
    background: #0071E3;
    color: white;
    padding: 7px 20px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 16px;
}
    /*DROP DOWNS END*/
    /*LOGIN WINDOW STARTS*/
.login {
    /*display:none;
    position: absolute;
    border: 1px solid white;
    border-radius: 5px;*/
    background:black;
    width: 30%;
    left:69%;
}    
.login div { box-shadow:none; }
    /*LOGIN WINDOW ENDS*/
#logout input { background: transparent;
    border: none;
    color: white;
    text-transform: uppercase;
    margin-right: 10px; }    
/*HEADER ENDS*/

.main-page { padding-top:90px!important; padding:0; background:white; }
.main-page-B { padding-top:90px!important; padding:0; background:black; }

/*HOMEPAGE STARTS*/
.logo {
    text-align: center;
    padding: 70px 0 15px 0;
}
.search-bar { text-align:center; }
.search-bar input {
    width: 60%;
    border: none;
    box-shadow: 0 1px 3px grey;
    padding: 15px 20px;
    border-radius: 50px;
    font-size: 16px;
    color: black;
    outline:none;
}
.search-bar select {
    border: none;
    background: #0071E3;
    color:white;
    width: 20%;
    padding: 15px 20px;
    border-radius: 50px;
    box-shadow: 0 1px 3px grey;
    outline:none;
}
input#home-search {
    width: 20%;
    margin-left: 30px;
    margin-top: 15px;
    background:#0071E3;
    color:white;
}
.hm-page-cont { padding:80px 50px; }
.image-head {
    width: 30%;
    display: inline-block;
    margin: 20px 19px;
    text-align:center;
    box-shadow:0 0 2px grey;
    background: white;
}
.image-head h1, .image-head h2, .image-head h3, .image-head h4, .image-head h5, .image-head p, .image-head span, .image-head a { color:black; } 
.image-head img {
    width: 100%;
    height: 300px;
}
.image-head h4 { padding:10px; }
.sticky {
  position: fixed;
  top: 84px;
  left:0;
  width: 100%;
  z-index:1;
  background:black;
  padding:20px 25px;
}
.sticky + .hm-page-cont {
  padding-top: 130px;
}
.columns h3 { text-align:right; color:white; margin-top: 80px;}
.image-head{
    background: #117dd3;
    border-radius: 3px;
}
.image-head h4 { color:white; }
/*HOMEPAGE ENDS*/

/*COURSE PAGE STARTS*/
.heading { text-align:center; background-image:linear-gradient(#3e9eea,#0775cd); padding:35px; } 
.heading h1 { margin:15px 0; color:white; font-weight:600; }
.contents { padding:30px 50px; }
.contents button {
    float: right;
    margin-right: 20px;
    border: none;
    background: linear-gradient(#3e9eea,#0775cd);
    padding: 10px 30px;
    font-size: 17px;
    color: white;
    border-radius: 3px;
}
/*COURSE PAGE ENDS*/

/*COURSE DETAILS PAGE STARTS*/
.left-side { width: 65%; float:left; }
.right-sidebar { width:30%; float:right; }
.contents h3 { font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 3px solid #117cd2; }
.contents p { font-size:16px; }
.colleges-avail button { float: none; }
.colleges-avail ul { padding-left:0; }
.colleges-avail li { list-style: none;
    margin-bottom: 10px; }
.left-side img { width: 100%; }
/*COURSE DETAILS PAGE ENDS*/

/*REGISTER PAGE STARTS*/
.form { width:60%; margin:auto;     box-shadow: none;
    color: white; }
.form a { color: white; }
.form label { font-size:16px; margin-top:20px; width:100%; }
.form input { color: black; }
.half input, .half label {
    width: 49%;
    display: inline-block;
}
input.radio {
    width: 22%;
    display: inline-block;
}
input#residence { width:max-content; margin-left: 20px; }
input.submit {
    margin-top: 20px;
}
.res-status { padding: 30px!important; }
.ques { background:#656565; }
/*REGISTER PAGE ENDS*/

/*NOT LOGGED IN USER PAGES START*/
.no-login {
    margin: 50px 0;
    text-align: center;
}
.buttons button {
    background: #157fd4;
    border: none;
    border-radius: 3px;
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px 30px;
    margin: 50px;
}
.buttons button:hover {
    background: white;
    color: #157fd4;
}
/*NOT LOGGED IN USER PAGES END*/

/*RESULT TABLE STARTS*/
.table th, .table td {
    border: 1px solid black;
    padding: 20px 10px;
    color: black;
    text-align: center;
}
.filters {
    padding: 20px 0;
    font-size: 15px;
    font-weight: 700;
    color: black;
}
.filter label { color : black; }
/*RESULT TABLE ENDS*/

/*ALL SUBJECTS PAGE STARTS*/
.main-sub {
    padding: 10px 20px;
    background: #1d86d9;
    border-radius: 3px;
    margin-bottom: 20px;
}
.subs button {
    background: #117cd2;
    float: none;
    margin-bottom: 10px;
}
/*ALL SUBJECTS PAGE ENDS*/

/*---------------FRONT PAGES END----------------------*/

/*--------------------------MOBILE CSS STARTS--------------------*/
@media (max-width:800px){
    .menu-left { width:100%;}
    .menu-right { width:100%; }
    .menu-nav ul {
        padding:0;
        text-align:center;
        margin-bottom:8px;
    }
    .menu-nav a {
        font-size:14px;
        font-weight:100;
        padding:10px;
        line-height:30px;
    }
    .search-bar input { width:100%; } input#home-search { width:40%; } .search-bar select { width:40%; }
    .image-head { 
        width:100%; 
        margin:20px 0;
    }
    .image-head h4 { color:white; }
    .contents { padding: 30px 20px; }
    .table { overflow: auto; }
    .form { width:100%; }
    .list { overflow: auto; width:100%; }
    .add-button h2 { float:none; text-align:left; }
    .c-visible { display:block; }
    .navbar-right li { display: inline-block; }
    div#page-wrapper { margin-top: 100px; }
    ul#main-menu { margin-top: 115px; }
    .admin-left-side, .admin-right-side { width:100%; }
    button#view-cd { float: none; margin-top: 10px; }
}
/*--------------------------MOBILE CSS ENDS----------------------*/

/*------------------------------------NEW CUSTOM CSS ENS-------------------------------------------*/


/*=============================================================
    Authour URI: www.binarycart.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */
/*==============================================
    GENERAL  STYLES    
    =============================================*/
body {
    font-family: 'Open Sans', sans-serif;
}

 #wrapper {
    width: 100%;
    margin-top:50px;
    background: #0b5196;
}

#page-wrapper {
    padding: 15px 15px;
    min-height: 100%;
    background:#F3F3F3;
   
}
#page-inner {
    width:100%;
    margin:10px 20px 10px 0px;
    background-color:#fff!important;
    padding:10px;
    min-height:100%;
}

.text-center {
    text-align:center;
}
.user-image-back {
    background-color:#8B7BFF;
}
h5,.h5 {
    font-size: 14px;
font-weight: 900;
text-transform: uppercase;
padding-bottom:20px;
}
/*==============================================
    MENU STYLES    
    =============================================*/


.navbar-inverse .navbar-nav > li > a {
color: white;
}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus {
color: cyan;
}
.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}


.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding-left: 37px;
}

.nav-third-level li a {
    padding-left: 55px;
}
.sidebar-collapse , .sidebar-collapse .nav{
	background:none;
}
.sidebar-collapse .nav {
	padding:0;
}
.sidebar-collapse .nav > li > a {
background: #FFFFFF;
text-shadow: none;
color:#0000FF;
}
.sidebar-collapse > .nav > li > a {
	padding:15px 10px;
}
.sidebar-collapse > .nav > li {
	border-bottom: 1px solid rgba(240, 240, 240, 1) !important; background:#0b5196;
}

ul#main-menu a {    background: #0b5196; color: white; }

.sidebar-collapse .nav > li > a:hover,
.sidebar-collapse .nav > li > a:focus {
	
	background:#F3F3F3;
	outline:0;
}
.nav-second-level  > li:last-child > a:after,
.nav-third-level  > li:last-child > a:after {
	height:50%;
}
.nav-third-level > li > a:after,
.nav-third-level > li > a:before  {
	left:40px;
}
.navbar-side {
	border:none;
	background-color: #202020;
	
}
.navbar-inverse {
background-color: #f3f3f3;
border-color: #D3D3D3;

}

.navbar-default {
border:0px solid #DDDDDD;
     
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #B40101;
}
.navbar-default .navbar-toggle {
border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #FFF;
}
.nav > li > a > i {
    margin-right:10px;
}
.navbar-inverse .navbar-brand  {
color: white;
font-size: 25px;
font-weight: 900;
}
.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {
    color: #000000;
font-size: 25px;
font-weight: 900;
}
.navbar-inverse .navbar-toggle {
border-color: #8B7BFF;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #8B7BFF;
}
.adjust-nav {
    padding-left:20px;padding-right:20px; background:#0b5196;
}
.navbar-toggle {
    background-color: #8B7BFF;
}

/*==============================================
    DASHBOARD STYLES     
    =============================================*/

.bg-color-blue {
background-color: #9A86EB;
color: #fff;
}

.no-boder {
border: 1px solid #f3f3f3;
}
.back-footer-blue {
background-color: #7479E6;
border-top: 0px solid #fff;
}

/*==============================================
    BOOTSTRAP STYLE CHANGES     
    =============================================*/
.nav-tabs > li > a {
     -webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}

.panel-group .panel {
border-radius: 0px;
  -webkit-border-radius:  0px;
-moz-border-radius: 0px;
}
.panel {
    border-radius: 0px;
  -webkit-border-radius:  0px;
-moz-border-radius: 0px;
}
.panel-heading {
 border-top-left-radius: 0px; 
 border-top-right-radius: 0px; 
}
.btn {
     border-radius: 0px;
  -webkit-border-radius:  0px;
-moz-border-radius: 0px;
}
.progress {
     border-radius: 0px;
  -webkit-border-radius:  0px;
-moz-border-radius: 0px;
}
/*==============================================
    MEDIA QUERIES     
    =============================================*/
 
 @media(min-width:768px) {
     #page-wrapper{
               margin: 0 0 0 260px;
        padding: 15px 30px;
        min-height: 100%;
		
    }
	
	
    .navbar-side {
        z-index: 1;
        position: absolute;
        width: 260px;
    }

   .navbar {
 border-radius: 0px; 
}
   
}