*{ margin:0px; padding:0px; }
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;

}

/* for old browser support html5 element */ 
header, section, footer, aside, nav, main, article, figure {
    display: block; 
} 
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  text-decoration: none;
}

a:not([href]):not([tabindex]) {
  color: #007bff;
  text-decoration: none; }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: #007bff;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

label{font-weight: bold;}
#val_summary{padding-left: 15px;}


/** LLB CET Home page starts here **/
/* LLB CET Home page Header Starts here */ 
.container-fluid #head_part {  /*height:100px;*/ }
.container-fluid #head_part .logo_outer { text-align:center;  }
#head_part .logo_outer .logo { height:80px;  } 
.container-fluid .head_banner {  background-image: url("images/banner.jpg"); height:250px; } 
.container-fluid #head_part .contct_info {  padding-top:15px; } 
.container-fluid #head_part .contct_info p.help  { text-align:right;  }
.container-fluid #head_part .contct_info p.help a { color:#020202; }
.container-fluid #head_part .contct_info p.contact { color:#020202; text-align:right; padding:0px 0px 10px 10px;  }
.container-fluid #head_part .contct_info p { margin:0px; }
/* LLB CET Home page Header Ends here */ 

/* Home Page Main section starts here */ 
.container-fluid .slide_text { color:#fff; padding:5px 0px;  background:black; /* For browsers that do not support gradients */ -moz-background: linear-gradient(#302f2f, #040404); -webkit-background: linear-gradient(#302f2f, #040404); -ms-background: linear-gradient(#302f2f, #040404); -o-background: linear-gradient(#302f2f, #040404); background: linear-gradient(#302f2f, #040404); /* Standard syntax */   }
section#main .page-header { background-color:#003865; margin: 2px 0px -1px 0px; padding:5px; text-align:center;  }   
section#main .page-header h1 { font-size:18px; color:#fff; margin:0px; font-weight:bold; }
section#main .page-header .second_head { padding:2px 0px; font-size:15px; font-weight:bold; }  
section#main .page-header h2 { font-size:14px; color:#fff; font-weight:bold;  }

.stdlog{ padding:20px 10px; border: 2px solid rgba(204, 204, 204, 0.4); background-image: url('../Images/loginBagroundStudent.jpg'); height:351px;}
.clglog{ padding:20px 10px; border: 2px solid rgba(80, 168, 56, 0.14); background-image: url('../Images/loginBagroundScrt2.jpg'); height:351px; }
.clg_login .panel {margin-top:4%; margin-left:26%; background-color: rgba(223, 240, 216, 0.81); border-radius: 15px; padding: 20px 0px 20px 5px;
               -webkit-box-shadow: 1px 1px 19px 2px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 19px 2px rgba(0,0,0,0.75); box-shadow: 1px 1px 19px 2px rgba(0,0,0,0.75);}
.student_login .panel{
    margin-left:12%; background-color: rgba(223, 240, 216, 0.81); border-radius: 15px; padding: 20px 0px 20px 5px;
               -webkit-box-shadow: 1px 1px 19px 2px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 19px 2px rgba(0,0,0,0.75); box-shadow: 1px 1px 19px 2px rgba(0,0,0,0.75);
}

.student_login .panel .col-md-12, .clg_login .panel .col-md-12 {margin-top:15px; margin-left:57px;}
.student_login span {color: black; font-size: 16px;}
.clg_login span {color: black; font-size: 17px;}
/*.login-bg {
    margin-left:5%; 
    background-color: rgba(223, 240, 216, 0.81); 
    border-radius: 15px; padding: 20px 0px 20px 5px;
    -webkit-box-shadow: 1px 1px 19px 2px rgba(0,0,0,0.75); 
    -moz-box-shadow: 1px 1px 19px 2px rgba(0,0,0,0.75); 
    box-shadow: 1px 1px 19px 2px rgba(0,0,0,0.75);

}

.login-bg span {color: black; font-size: 16px;}
#myforgotpassModalContent {margin-left: 10px;}*/


.log_in {  margin:15px 0px; } 
.log_in h4 { margin-top:0px; }  
.log_in .stud_log, .coll_log { padding: 10px 0px 10px 0px; background-color:#efefef;  text-align:center; } 
.log_in .stud_log { /*border-right: 1px solid grey;*/ }  
.log_in .stud_log .st_bt_parent, .coll_log .st_bt_parent { width:260px; margin:auto; padding-bottom:10px;    }
.stud_log p, .coll_log p { text-align:right; }  
.stud_log .st_loin_but, .coll_log .st_loin_but { background:linear-gradient( #028efd, #003b6b ); width:101px; padding:5px 0px; color:#fff; border:none;     }
.stud_log .st_loin_but:hover, .coll_log .st_loin_but:hover { background:#003b6b; } 
.stud_log .or, .coll_log .or { width:50px; padding:5px 0px; color:#020202;   }
.stud_log .st_reg_but, .coll_log .st_reg_but { background:linear-gradient( #a7f12b, #40600a ); width:101px; padding:5px 0px; border:none; }                  
.log_in a { color:#fff; }  
.stud_log .st_reg_but:hover, .coll_log .st_reg_but:hover { background:#40600a; }
.stud_log p, .coll_log p { margin:0px; }
.container .cet_result { margin-bottom: 10px; }
.container .cet_result h1 { font-size: 25px; margin: 0px; background-color: #c59f00; margin: auto; padding: 5px; text-align:center; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px;   }
.container .cet_result h1 a { color:#003865;  } 
.container .cet_result h1 a:hover { color:#fff; } 
h2 { font-size:25px; color:#fff; margin-top:0px; margin-bottom:0px;  }
.panel { min-height: 232px; box-shadow: 0px 2px 8px -1px #888888; -moz-box-shadow: 0px 2px 8px -1px #888888; -webkit-box-shadow: 0px 2px 8px -1px #888888; -ms-box-shadow: 0px 2px 8px -1px #888888; -o-box-shadow: 0px 2px 8px -1px #888888;  /*border: 1px solid transparent;*/  } 
.panel .card-header {background: #d5e3c2!important;
    color: #000;
    padding: 16px 19px;
    /* border-radius: 15px 15px 0 0; */
    border-bottom: none!important; }  

#news-ticker .panel {
    border: medium none;
    box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    border-radius: 15px;
    margin-bottom: 20px;
}

#news-ticker .card-footer {
    /*padding: 7px 15px;*/
    border-radius: 0 0 15px 15px;
    border-top: 1px solid rgba(0,0,0,.015);
}
#news-ticker .card-header {
    border-radius: 15px 15px 0 0;
    border-top: 1px solid rgba(0,0,0,.015);
}

.card-footer .pagination>li {
    display: inline;
} 

/*.card-footer .pagination>li>a, .card-footer .pagination>li>span {
    padding: 7px 4px 0 6px!important;
}*/

.card-footer .pagination>li>a, .card-footer .pagination>li>span {
    position: relative;
    float: left;
    padding: 3px 6px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.card-footer .pagination li a.prev {
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    margin-left: 0;
}

.card-footer .pagination li a.next {
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
}

/*.panel-default > .panel-heading { background-color: #058e0e;color: #fff;  }*/
.panel-primary > .panel-heading { background-color: #63e4c8; }
.panel-success > .panel-heading { background-color:#00aedb; }
.panel-info > .panel-heading { background-color:#ed8740;  }
.panel-warning > .panel-heading { background-color:#003865;  }
.panel-danger > .panel-heading { background-color:#767676;  }
.card-body {margin: 15px;}
.panel-body.notifica { height: 432px; overflow-y: scroll; }   
.policy_link { text-align: center; background-color: #003865; padding:10px; margin-bottom:20px;  }
.policy_link a { color:#fff; text-decoration:none; margin-right:5px;   }
.policy_link a:hover { color:yellow;  }
.main-box-notify{ padding: 2%; margin: 0px auto; font-family:sans-serif !important; /*border: 1px solid #ccc;*/}
.awesome {
      color:#003865;
      -webkit-animation:colorchange 2s infinite alternate;
      -moz-animation:colorchange 2s infinite alternate;
      -ms-animation:colorchange 2s infinite alternate;
      -o-animation:colorchange 2s infinite alternate;      
    }

    @-webkit-keyframes colorchange {
      0% {
        
        color: #003865;
      }
      
      50% {
        
        color: red;
      }
      
      100% {
        
       color: #003865;
      }
      
      
    }

     @-moz-keyframes colorchange {
      0% {
        
        color: #003865;
      }
      
      50% {
        
        color: red;
      }
      
      100% {
        
       color: #003865;
      }
      
      
    }
      @-ms-keyframes colorchange {
      0% {
        
        color: #003865;
      }
      
      50% {
        
        color: red;
      }
      
      100% {
        
       color: #003865;
      }
      
      
    }
       @-o-keyframes colorchange {
      0% {
        
        color: #003865;
      }
      
      50% {
        
        color: red;
      }
      
      100% {
        
       color: #003865;
      }
      
      
    }
 
       
       /*=======Help Page Css Starts Here=========*/       
       .help h3 {background-color:rgba(213, 230, 189, 0.36); border:1px solid #ccc; font-size: 24px; font-weight:bolder; padding:5px;}
       .help p {font-size:21px; font-weight:bolder}
       .contact .contact-box1 { background-color:rgba(213, 230, 189, 0.36);border:1px solid #ccc; margin-bottom: 0rem; }
       /*.contact h3 { background-color:rgba(213, 230, 189, 0.36); text-align:center; border:1px solid #ccc;  font-size: 21px; font-weight:600; padding:5px 0px;}*/
       .contact p {text-align:center;  font-size: 21px; font-weight:bolder; margin-top: 1rem; }
       @media (min-width: 320px) and (max-width: 600px) {
           .contact .contact-box1 { background-color:rgba(213, 230, 189, 0.36);border:1px solid #ccc; margin-bottom: 0rem; }
            .contact p {font-size: 16px;}
            .help h3{font-size: 18px;}
            .help p { font-size: 16px;}

            .student_login .panel, .clg_login .panel{
                margin-left:0%; 
                background-color: rgba(223, 240, 216, 0.81); 
                border-radius: 15px; padding: 10px;
               -webkit-box-shadow: 1px 1px 19px 2px rgba(0,0,0,0.75); 
               -moz-box-shadow: 1px 1px 19px 2px rgba(0,0,0,0.75); 
               box-shadow: 1px 1px 19px 2px rgba(0,0,0,0.75);
            }

            .student_login .panel .col-md-12, .clg_login .panel .col-md-12 { margin-top:15px; margin-left:0px; }
            .student_login span { color: black; font-size: 12px; }
            .stdlog, .clglog{background-image: none; border: none; padding: 0px;}

            .student_login #btnForgotPassword {margin-top: 3px;}
        }

       @media (min-width: 601px) and (max-width: 768px){
           .student_login .panel, .clg_login .panel{
                margin-left:0%; 
                background-color: rgba(223, 240, 216, 0.81); 
                border-radius: 15px; padding: 10px;
               -webkit-box-shadow: 1px 1px 19px 2px rgba(0,0,0,0.75); 
               -moz-box-shadow: 1px 1px 19px 2px rgba(0,0,0,0.75); 
               box-shadow: 1px 1px 19px 2px rgba(0,0,0,0.75);
            }

            .student_login .panel .col-md-12, .clg_login .panel .col-md-12 { margin-top:15px; margin-left:0px; }
            .student_login span { color: black; font-size: 16px; }
            .stdlog, .clglog{background-image: none; border: none; padding: 0px;}

            .student_login #btnForgotPassword {margin-top: 3px;}
       }
       /*=======Help Page Css Ends Here===========*/

/* Footer starts Here */ 
footer.foot_part { padding:10px; text-align:center; color:#fff;  background:black; /* For browsers that do not support gradients */ -moz-background: linear-gradient(#302f2f, #040404); -webkit-background: linear-gradient(#302f2f, #040404); -ms-background: linear-gradient(#302f2f, #040404); -o-background: linear-gradient(#302f2f, #040404); background: linear-gradient(#302f2f, #040404); /* Standard syntax */   } 
footer.foot_part h6 { margin-top:0px; margin-bottom:0px;   } 
footer.foot_part p { font-size:10px; margin:0px;  } 
/* Footer ends Here */

/** LLB CET Home page ends here **/

/** CET Result check **/
.btn.btn-success {  background-color: #4CAF50;  }

/** Privacy policy page starts here **/
.policies h2 { padding-top:10px;  } 
.policies .icons { padding:10px; background-color:#003865; width:70px; height:70px; border-radius:50%; color:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;   }
.policies .head_title { font-size:25px; margin:20px; color:#003865;  } 
.policies .policy_content { padding: 20px 10px 0px 10px;   }
.privacy_policy, .term_Cond, .Refund { padding:20px; background-color:#eaebeb; margin:20px 0px; box-shadow: 0px 2px 5px 1px grey; -moz-box-shadow: 0px 2px 5px 1px grey; -ms-box-shadow: 0px 2px 5px 1px grey; -webkit-box-shadow: 0px 2px 5px 1px grey; -o-box-shadow: 0px 2px 5px 1px grey;   }
.policies h2 span { font-size: 40px; margin-left: 5px; }
.policies .policy_content  p { text-align: justify; } 
.policies .policy_content p span { color:#003865; font-size:16px; margin-right:10px; font-weight:bold;  } 

/** Privacy policy page ends here **/



/** College Login Page starts here **/
.container .form-horizontal {
    /*background-color:#eaebeb;  
    padding:20px 10px; */
}
.form-horizontal .pad_outer { text-align:center; padding:20px;    } 
.form-horizontal .coll_login_bx {
    background: linear-gradient( #003865, #000000 );
    background: -webkit- linear-gradient(#003865, #000000 );
    background: -moz-linear-gradient(#003865, #000000 );
    background: -ms-linear-gradient(#003865, #000000 );
    background: -o-linear-gradient(#003865, #000000 );
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px; 
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75); 
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75); 
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75); 
    -ms-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75); 
    -o-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);   
    padding:20px 20px 10px 20px; 
} 
.form-horizontal .form-group { margin-left:0px; margin-right:0px;  }
.coll_login_bx input { min-width:100% ; }
.coll_login_bx .user_name, .pass_word {  color: #fff; font-size: 17px; }
.coll_login_bx .btnLogin_parent {  }
.coll_login_bx input#btnLogin { min-width:50px; }
.btnLogin.btn.btn-primary { background-color:transparent; border:1.5px solid #fff; float:right;   }
.btnLogin.btn.btn-primary:hover { background-color:#fff; color:#333;  }
.coll_login_bx .btnLogin_parent .forg_pass { text-decoration: none; color: #c59f00; float: left; line-height: 34px;   }
.coll_login_bx .btnLogin_parent .forg_pass:hover { color:#fff; }
.form-horizontal .pad_outer, .form-horizontal .man_outer { text-align:center; padding:20px 10px;    } 
.form-horizontal .pad_outer img, .form-horizontal .man_outer img { margin:auto;  }
.form-horizonta .man_outer
span.user_name, span.pass_word + span { color:#fff;  }   /* this style is for fill password instruction */
 
/** College Login Page Ends here **/ 

/** College Primary Information Page starts here **/ 

#Tabs .nav-tabs > li > a { margin-right: 2px;line-height: 1.428571429; border: 1px solid rgba(119,119,119,.23) !important; border-radius: 4px 4px 0 0; background-color: #d0e2b8; color: #3a3a3a; font-weight: 600;} 
#Tabs .nav-tabs>li >a:hover { cursor:pointer; background-color: #fafafa;  }
#Tabs .nav-tabs>li.active>a { background-color: #fafafa !important;  color:#000; }
.container.body-content .coll_info label { font-weight:bold; color:#333;  } 
.container.body-content .coll_info .save_btn_parent { text-align:center; padding-top:15px;  } 
.save_btn_parent .btn.btn-success { padding:5px 25px;  }
.container.body-content .coll_info .otp { background-color: #003865; color: #fff; padding:6px 12px;  }

/** College Primary Information Page ends here **/

/** College Primary Details list page starts here  **/
/*.college_list .btn-success { width: 120px;  }*/
.college_list .row { margin-bottom:15px;  }
.college_list .header_style1 { font-size:25px;  }
.college_list .total_amt, .college_list .paid_amt, .college_list .remains_amt { padding: 10px; }
.college_list .row.pay_hist, .college_list .add_college { text-align:right;  }
.college_list .table { margin: 0px; width: 100%;  }
.college_list .table th, tr { color:#003865; }
.college_list .table td { color:black;  }     
.college_list #collegeDetailsList, .college_list #collegePaymentDetailsList { overflow-x:scroll;  }
.college_list h2.header_style1 { margin-top:15px;  } 
.college_list .add_college .btn-success {  }
.college_list .colle_next_parent { text-align:center;  }
.college_list .btn-success.next { background-color:#00aedb ;  } 
 

/** College Summery page starts here **/
.coll_summery .header_style1 { font-size:25px;  }
.coll_summery .form-group { margin-bottom:0px;  }
.coll_summery .row div { margin-bottom:10px;  }
.coll_summery .row label { margin-bottom:0px; padding-top:0px;  }
.coll_summery .declare { text-align:justify;  }
.coll_summery .save_btn_parent { text-align:center; padding-top:15px;  } 
.save_btn_parent .btn.btn-success { padding:5px 25px;  } 
.coll_summery .pay_hist { text-align:center;  }      
/** College Summery page ends here **/

 

/** common css for all pages starts here **/
table { color:black;  }  
.btn.btn-success {
    background-color: #4CAF50;
  /* box-shadow: 0px 2px 2px 0px grey;
    -moz-box-shadow: 0px 2px 2px 0px grey;
    -webkit-box-shadow: 0px 2px 7px 0px grey;
    -ms-box-shadow: 0px 2px 2px 0px grey;
    -o-box-shadow: 0px 2px 2px 0px grey; */
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;   
}
.btn.btn-success:hover {  box-shadow: 0 4px 4px 0 rgba(0,0,0,0.24),0 5px 25px 0 rgba(0,0,0,0.19); } 
 
hr {
        border-top: 1px solid #d0cece;
    }
.titleStyle {
    text-decoration: underline;
    font-weight: bold;
    margin-left: 10px;
    color: #003865;
}
 
<!--css styling for nav bar  -->
 .navbar-inverse .navbar-nav>.active>a { background-color:#c59f00; color:#fff;  }
 .navbar-inverse .navbar-nav>.active>a:hover { background-color:#c59f00; color:#fff;  } 

 .dropdown-menu {
    background-color: #003865;
    border: 1px solid #ccc; 
    color: #fff;
}

    .dropdown-menu > li > a {
        color:#fff;
        border-bottom: 1px solid #dad8d8; 
    } 
 .dropdown-menu>.active>a  {
    background-color: transparent;
    color:#fff; 
}
    .dropdown-menu>.active>a:hover {
      background-color: #003865;
      color:#c59f00; 
    }

.dropdown-menu > li > a:hover {
    background-color: #003865;
    color:#c59f00; 
}
.dropdown-menu > li > a:hover .navbar-inverse .navbar-nav > li > a {   color: #fff; }
    .dropdown-menu > li > a:focus {
        color: #fff;
    } 

/** common css for all pages ends here **/ 


/* Responsive css Starts here */
@media screen and (max-width:992px) { 
header#head_part .container .llb_headings { 
    padding: 12px 10px;
}
.coll_info .row.form-group div { margin-bottom:15px;  }
.coll_info .row.form-group { margin-bottom:0px; }
.coll_info .row.form-group input, select, textarea { max-width: 100%; }
.container.body-content #Tabs .nav-tabs > li > a { min-width:0px;  }
}   
@media screen and (max-width:767px) {
.container-fluid #head_part .logo {  }  
.log_in .stud_log { /*border-bottom: 2px solid grey;*/ padding-bottom:10px;   border-right: none; margin-bottom: 15px;    }
.log_in .stud_log, .coll_log { padding:10px; /*margin:0% 5%;*/ } 
#enter_cet_no { width:60%; margin:auto;  }
.form-horizontal .coll_login_bx { width:80%; margin:auto;  }
.college_list .row.pay_hist, .college_list .add_college { text-align:center;  }
.college_list .row.pay_hist { margin-top:-10px; }
   
}

@media screen and (max-width:400px) {  
.log_in .stud_log .st_bt_parent, .coll_log .st_bt_parent { width:100%; margin:auto; padding-bottom:10px;    }
.stud_log p, .coll_log p { text-align:center; }
.stud_log .st_loin_but, .coll_log .st_loin_but { width: 40%; }
.stud_log .st_reg_but, .coll_log .st_reg_but { width: 40%; }    
.stud_log .or, .coll_log .or { width: 20%;  }
.log_in .stud_log, .coll_log { padding:10px; /*margin:0% 10%;*/ }

.policies .icons.pull-left { float:none !important;   }
.policies .head_title.pull-left { float:none !important; } 
.policies .icons { margin:auto;  }
.policies .head_title { text-align: center; }    

}