﻿body 
{
 
}



form
{
    height:100%;
}

.footer
{
  
   background-color: #999;
   /*position:fixed;*/
   bottom:0;
   width:100%;
   height:150px;   /* Height of the footer */
   padding: 20px 0px 0px 0px;
   margin-top:20px;
   color: #3333CC;
   font-weight: bold;
}



.navbar-nav li:hover
{
    background-color:#dbdbdb;
}

#myNavbar
{
    border-bottom-style: solid;
    border-color: #FF0000;
    border-bottom-width: thick;
}

.jumbotron
{
    background-color:#217798;
    padding-bottom:10px;
}

.bs-docs-header
{
    padding-top: 20px;
    padding-bottom: 0px;
    font-size: 24px;
    text-align: left;
    color: #FFFFFF;
}




   
h1,h2,p
   {
      text-align: center;
      
   }

#univ_name {
    text-align: center;
    
}

#logo
{
    padding:10px 0px;
    
}

#logo img
{
    
    margin:0px 0px 0px 0px;
    width:50px;
    
}


.bs-docs-header h1,h2 {
margin-top: 0;
color: #fff;

}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
    
  
    
    #univ_name {
        text-align: center;
    }
    
    
  
   
   h1,h2,.h1.,h2
   {
       font-size:1em;
   }
   
   #logo img
{
    
    margin:0px 0px 0px 0px;
    width:100px;
    
}

#sys_sub_name
{
    
   margin-top:40px;
}




.container
{
    
}


.dropdown-check-list {
  display: inline-block;
}
.dropdown-check-list .anchor {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 5px 50px 5px 10px;
  border: 1px solid #ccc;
  color:Red;
}
.dropdown-check-list .anchor:after {
  position: absolute;
  content: "";
  border-left: 2px solid black;
  border-top: 2px solid black;
  padding: 5px;
  right: 10px;
  top: 20%;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.dropdown-check-list .anchor:active:after {
  right: 10px;
  top: 20%;
}
.dropdown-check-list ul.items {
  padding: 2px;
  display: none;
  margin: 0;
  border: 1px solid #ccc;
  border-top: none;
}
.dropdown-check-list ul.items li {
  list-style: none;
}
.dropdown-check-list.visible .anchor {
  color: #0094ff;
}
.dropdown-check-list.visible .items {
  display: block;
  color:Red;
}


.dropdown-check-list.hide .items {
  display: none;
  color:Red;
}


.chk_level2
{ 
    padding-left: 20px; 
}

.pager_style
{
    font-size: medium;
    text-decoration: underline;
}

  .pager_style td td
{
    border: 2px solid #800000;
    font-size: medium;
    text-decoration: none;
    color: #FFFFFF;
    width: 25px;
    background-color: #CC9900;
}

 .pager_style table
{
    text-align: center;
}





.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}



.pagination-ys table > tbody > tr > td {
    display: inline;
}

.pagination-ys table > tbody > tr > td > a,
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #dd4814;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

.pagination-ys table > tbody > tr > td > span
    {
        position: relative;
        float: left;
        padding: 8px 12px;
        line-height: 1.42857143;
        text-decoration: none;
        margin-left: -1px;
        z-index: 2;
        color: #fff;
        background-color: #217798;
        border-color: #dddddd;
        cursor: default;
    }

.pagination-ys table > tbody > tr > td:first-child > a,
.pagination-ys table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination-ys table > tbody > tr > td:last-child > a,
.pagination-ys table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination-ys table > tbody > tr > td > a:hover,
.pagination-ys table > tbody > tr > td > span:hover,
.pagination-ys table > tbody > tr > td > a:focus,
.pagination-ys table > tbody > tr > td > span:focus {
    color: #97310e;
    background-color: #eeeeee;
    border-color: #dddddd;
}




.breadcrumb {background: rgba(242, 239, 223, 1); border: 1px solid rgba(245, 245, 245, 1); border-radius: 7px; display: block;}
.breadcrumb li {font-size: 14px;}
.breadcrumb a {color: rgba(66, 139, 202, 1);}
.breadcrumb a:hover {color: rgba(250, 15, 97, 1);}
.breadcrumb>.active {color: rgba(9, 10, 10, 1);}
.breadcrumb>li+li:before {color: rgba(240, 76, 43, 1); content: "\232A\00a0";}



.validator
{
    color:Red;
}




@media (min-width: 768px) {
    .omb_row-sm-offset-3 div:first-child[class*="col-"] {
        margin-left: 25%;
    }
}

.omb_login .omb_authTitle {
    text-align: center;
	line-height: 300%;
}
	
.omb_login .omb_socialButtons a {
	color: white; // In yourUse @body-bg 
	opacity:0.9;
}
.omb_login .omb_socialButtons a:hover {
    color: white;
	opacity:1;    	
}
.omb_login .omb_socialButtons .omb_btn-facebook {background: #3b5998;}
.omb_login .omb_socialButtons .omb_btn-twitter {background: #00aced;}
.omb_login .omb_socialButtons .omb_btn-google {background: #c32f10;}


.omb_login .omb_loginOr {
	position: relative;
	font-size: 1.5em;
	color: #aaa;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.omb_login .omb_loginOr .omb_hrOr {
	background-color: #cdcdcd;
	height: 1px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.omb_login .omb_loginOr .omb_spanOr {
	display: block;
	position: absolute;
	left: 50%;
	top: -0.6em;
	margin-left: -1.5em;
	background-color: white;
	width: 3em;
	text-align: center;
}			

.omb_login .omb_loginForm .input-group.i {
	width: 2em;
}
.omb_login .omb_loginForm  .help-block {
    color: red;
}

	
@media (min-width: 768px) {
    .omb_login .omb_forgotPwd {
        text-align: right;
		margin-top:10px;
 	}		
}