body {
   
   margin: 0px;
  padding: 0px;
  font-family:"Arimo","Trebuchet MS",sans-serif;
}
a:hover {
  text-decoration: none;
}
.clear
{
clear:both;	
}
.nav-hold, .container
{
width:94%;
max-width:1000px;
padding:0;
margin:0 auto;
}
.head-logo img
{
float:left;
display:block;
padding:5px 10px;
width:75px;	
	
	
}

/*NAVIGATION*/
.nav-bar , .footer
{
width:100%;
background:#163159;	
}

.nav-heading
{
float:left;
display:block;
padding:20px 10px;
width:0 auto;
color:#f9f9f9;
font-size:20px;
text-decoration:none;
font-weight:600;
}

.head-hold ,.nav-hold
{
overflow:hidden;
}

.nav-list
{
margin:0;
padding:0;
float:right;	
position:relative;
}

.nav-list li
{
	float:left;
	list-style-type:none;
}
.nav-list li a
{
display:block;
padding:20px 10px;	
color:#f9f9f9;
font-size:14px;
text-decoration:none;
}

/*Sub Menu*/
.nav-list li:hover
{
position:relative; 
background:#D9EDF7;	
}
.nav-list li:hover ul
{
left:0px;
top:30px;
position:absolute;
background:#5FD367;
padding:0px;	
}
.nav-list ul li ul
{
	
	left:-9999px;
	top:-9999px;
	list-style-type:none;
}

.nav-list li:hover ul li a
{
	padding:5px;
display:block;
width:168px;
text-indent:15px;
background-color:#5FD367;
}
.nav-list li:hover ul li a:hover
{
	
background:#005555;
	
}/*.nav-list li ul li a
{
	display:none;
}
.nav-menu
{
	display:none;
}*/
/*CONTAINER*/
.cotainer
{
padding:50px 10px 10px 10px;

}
.container h1,.container-fluid h1 
{
margin-top:15px;
font-size:1.5em;
margin-bottom:20px;
font-weight:600;	
	
}
.container p, .container-fluid p
{
line-height:1.35em;
text-align:justify;
}

.footer-heading
{
	width:100%;
background: none repeat scroll 0% 0% #163159;
color:#fff;	
}

.footer-heading ul li
{
	list-style-type:none;
}
.footer-heading ul li a
{
 display:block;
padding:10px 10px;
color: #F9F9F9;
font-size: 14px;
text-decoration: none; 
font-weight:none;
text-align:center;
}
/* Sarmad 06-Jan-2015 css for General form that will be used in all entry form */
select {
width: 200px;
}

.overflow{
 height: 200px;
 }		
 *:before, *:after {
    box-sizing: border-box;
}
.txt-margin {
    margin-bottom: 0;
    margin-right: 10px;
    margin-top: 0;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 6px;
}
/* Responsive Hacks */
.sub-fieldset{
border:1px dashed #333;
}
 .main-heading{
font-size:15px; 
font-weight:bold;
color:#22689e;
}
.sub-heading{
font-size: 13px;
font-weight:bold;
color:#163159;
}
.scroll {
    max-height: 800px;
    overflow-x: auto;
    overflow-y: auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 15px;
    padding-top: 0;
}
/****New CSS for Search page *****/
@charset "utf-8";
/* CSS Document */
.bs-example
{
margin-bottom:25px;	
	
}
.bs-example>.btn
{
	margin-top:5px;
	margin-bottom:5px;
	}

/*Dark Pink*/

.btn-darkpink {
  color: #fff;
  background-color: #BD1B71;
  border-color: #9f0b59;
}

.btn-darkpink:focus,
.btn-darkpink.focus {
  color: #fff;
background-color: #D732A5;
border-color: #BD2991;
}
.btn-darkpink:hover {
  color: #fff;
  background-color: #e32293;
  border-color: #C03897;
}
.btn-darkpink:active,
.btn-darkpink.active,
.open > .dropdown-toggle.btn-darkpink {
  color: #fff;
  background-color: #DA41AB;
  border-color: #C03897;
}
.btn-darkpink:active:hover,
.btn-darkpink.active:hover,
.open > .dropdown-toggle.btn-darkpink:hover,
.btn-darkpink:active:focus,
.btn-darkpink.active:focus,
.open > .dropdown-toggle.btn-darkpink:focus,
.btn-darkpink:active.focus,
.btn-darkpink.active.focus,
.open > .dropdown-toggle.btn-darkpink.focus {
  color: #fff;
  background-color: #C03897;
  border-color: #681f52;
}
.btn-darkpink:active,
.btn-darkpink.active,
.open > .dropdown-toggle.btn-darkpink {
  background-image: none;
}
.btn-darkpink.disabled:hover,
.btn-darkpink[disabled]:hover,
fieldset[disabled] .btn-darkpink:hover,
.btn-darkpink.disabled:focus,
.btn-darkpink[disabled]:focus,
fieldset[disabled] .btn-darkpink:focus,
.btn-darkpink.disabled.focus,
.btn-darkpink[disabled].focus,
fieldset[disabled] .btn-darkpink.focus {
  background-color: #BD1B71;
  border-color: #9f0b59;
}
.btn-darkpink .badge {
  color: #BD1B71;
  background-color: #fff;
}
/*Purple*/
.btn-purple {
  color: #fff;
  background-color: #7f3fbb;
  border-color: #7A4B9F;
}
.btn-purple:focus,
.btn-purple.focus {
  color: #fff;
  background-color: #7630B1;
  border-color: #250053;
}
.btn-purple:hover {
  color: #fff;
  background-color: #7630B1;
  border-color: #710FC2;
}
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
  color: #fff;
  background-color: #6B0CB9;
border-color: #43068F;
}
.btn-purple:active:hover,
.btn-purple.active:hover,
.open > .dropdown-toggle.btn-purple:hover,
.btn-purple:active:focus,
.btn-purple.active:focus,
.open > .dropdown-toggle.btn-purple:focus,
.btn-purple:active.focus,
.btn-purple.active.focus,
.open > .dropdown-toggle.btn-purple.focus {
  color: #fff;
  background-color: #710FC2;
  border-color: #250053;
}
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
  background-image: none;
}
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled.focus,
.btn-purple[disabled].focus,
fieldset[disabled] .btn-purple.focus {
  background-color: #7f3fbb;
  border-color: #7A4B9F;
}
.btn-purple .badge {
  color: #7f3fbb;
  background-color: #fff;
}
/*English Green*/

.btn-englishgreen {
  color: #fff;
  background-color: #1FD7BE;
  border-color: #1FD7BE;
}
.btn-englishgreen:focus,
.btn-englishgreen.focus {
  color: #fff;
  background-color: #1CDDC2;
  border-color: #01C2A7;
}
.btn-englishgreen:hover {
  color: #fff;
  background-color: #1CDDC2;
  border-color:#01C2A7;
}
.btn-englishgreen:active,
.btn-englishgreen.active,
.open > .dropdown-toggle.btn-englishgreen {
  color: #fff;
  background-color: #6B0CB9;
border-color: #43068F;
}
.btn-englishgreen:active:hover,
.btn-englishgreen.active:hover,
.open > .dropdown-toggle.btn-englishgreen:hover,
.btn-englishgreen:active:focus,
.btn-englishgreen.active:focus,
.open > .dropdown-toggle.btn-englishgreen:focus,
.btn-englishgreen:active.focus,
.btn-englishgreen.active.focus,
.open > .dropdown-toggle.btn-englishgreen.focus {
  color: #fff;
  background-color:#01C2A7;
  border-color: #01C2A7;
}
.btn-englishgreen:active,
.btn-englishgreen.active,
.open > .dropdown-toggle.btn-englishgreen {
  background-image: none;
}
.btn-englishgreen.disabled:hover,
.btn-englishgreen[disabled]:hover,
fieldset[disabled] .btn-englishgreen:hover,
.btn-englishgreen.disabled:focus,
.btn-englishgreen[disabled]:focus,
fieldset[disabled] .btn-englishgreen:focus,
.btn-englishgreen.disabled.focus,
.btn-englishgreen[disabled].focus,
fieldset[disabled] .btn-englishgreen.focus {
  background-color: #1FD7BE;
  border-color: #1FD7BE;
}
.btn-englishgreen .badge {
  color: #1FD7BE;
  background-color: #fff;
}
/*rust*/

.btn-rust {
  color: #fff;
  background-color: #BF7300;
  border-color: #9C6006;
}
.btn-rust:focus,
.btn-rust.focus {
  color: #fff;
  background-color:#D4912D;
  border-color: #A56402;
}
.btn-rust:hover {
  color: #fff;
  background-color:#D4912D;
  border-color:#A56402;
}
.btn-rust:active,
.btn-rust.active,
.open > .dropdown-toggle.btn-rust {
  color: #fff;
  background-color: #BC7100;
border-color: #9C6006;
}
.btn-rust:active:hover,
.btn-rust.active:hover,
.open > .dropdown-toggle.btn-rust:hover,
.btn-rust:active:focus,
.btn-rust.active:focus,
.open > .dropdown-toggle.btn-rust:focus,
.btn-rust:active.focus,
.btn-rust.active.focus,
.open > .dropdown-toggle.btn-rust.focus {
  color: #fff;
  background-color:#A56402;
  border-color: #A56402;
}
.btn-rust:active,
.btn-rust.active,
.open > .dropdown-toggle.btn-rust {
  background-image: none;
}
.btn-rust.disabled:hover,
.btn-rust[disabled]:hover,
fieldset[disabled] .btn-rust:hover,
.btn-rust.disabled:focus,
.btn-rust[disabled]:focus,
fieldset[disabled] .btn-rust:focus,
.btn-rust.disabled.focus,
.btn-rust[disabled].focus,
fieldset[disabled] .btn-rust.focus {
  background-color: #BF7300;
  border-color: #BF7300;
}
.btn-rust .badge {
  color: #BF7300;
  background-color: #fff;
}	
/*******end new css for search page ******/



/****** for new header */
.blue-bg
	{
	background-image: linear-gradient(to bottom, #163159 0%, #163159 100%);
	background-repeat: repeat-x;	
		border-radius: 0;
		box-shadow: none;
		border:none;
		
		
	}
	.blue-bg .navbar-nav > li > a
	{
	color:#ffffff;	
	}
	.blue-bg .navbar-nav > li > a:hover,
	.blue-bg .navbar-nav > li > a:active,
	.blue-bg .navbar-nav > li > a:focus
	{
		color:#ffffff;
		background-color:#1D498A;
	}
.logo img{
margin: 0px;
padding: 0px;
display: block;
height: auto;
width: 100%;	
}
.court-name
{
	margin-top:20px;
	padding:0;
	font-size:16px;
	color:#fff;
	height:auto;
	vertical-align:middle;
	
	}
/* end new header */	

/******** for new search panel */
.hr-line {
	background: #B10909;
	position: relative;
	height: 4px;
	width: 100%;
	margin-bottom: 10px
}
.hr-line .toggle-btn {
	color: #fff;
	text-align: center;
	background-color:#B10909;
	border-radius: 2px;
	width: 25px;
	height: 22px;
	line-height: 21px;
	position: absolute;
	left: 50%;
	right: 50%;
	top: -10px;
	margin-left: -19px;
	padding-top: 4px; 
}
/* new search panel end */
.urdu{font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}
/*********** for dashboard start *****************/
.list-group-item-pendency {
  color: #fff;
  background-color: #3366cc;
  }
.list-group-item-institution {
  color: #fff;
  background-color: #dc3912;
}
.list-group-item-disposal {
  color: #482900;
  background-color: #ff9900;
}
/********  for dashboard end ***********/

.news
{
color: #ffffff; 
padding: 10px; 
background-color: rgb(236, 132, 143); 
font-weight: bold; 
font-size: 16px; 
font-variant: all-small-caps;
}
marquee a:hover, a:focus, a:active
{
color:#ffffff;
}
/************** for ocp ********************/

.bg-darkpink {
  background-color: #f2c5dd;
}
a.bg-darkpink:hover {
  background-color: #f2aed2;
}

.bg-purple {
  background-color: #dec1f9;
}
a.bg-purple:hover {
  background-color: #d3acf8;
}

.bg-englishgreen {
  background-color: #9cf2e6;
}
a.bg-englishgreen:hover {
  background-color: #80eedf;
}
.bg-rust {
  background-color: #e4caa2;
}
a.bg-rust:hover {
  background-color: #e8bc79;
}


/*Brown*/
.btn-brown {
  color: #fff;
  background-color: #b35c34;
  border-color: #b65f18;
}
.btn-brown:focus,
.btn-brown.focus {
  color: #fff;
  background-color: #b35c34;
  border-color: #632001;
}
.btn-brown:hover {
  color: #fff;
  background-color: #b35125;
  border-color: #c26c0f;
}
.btn-brown:active,
.btn-brown.active,
.open > .dropdown-toggle.btn-brown {
  color: #fff;
  background-color: #b2630d;
border-color: #8f4e07;
}
.btn-brown:active:hover,
.btn-brown.active:hover,
.open > .dropdown-toggle.btn-brown:hover,
.btn-brown:active:focus,
.btn-brown.active:focus,
.open > .dropdown-toggle.btn-brown:focus,
.btn-brown:active.focus,
.btn-brown.active.focus,
.open > .dropdown-toggle.btn-brown.focus {
  color: #fff;
  background-color: #c26c0f;
  border-color: #632001;
}
.btn-brown:active,
.btn-brown.active,
.open > .dropdown-toggle.btn-brown {
  background-image: none;
}
.btn-brown.disabled:hover,
.btn-brown[disabled]:hover,
fieldset[disabled] .btn-brown:hover,
.btn-brown.disabled:focus,
.btn-brown[disabled]:focus,
fieldset[disabled] .btn-brown:focus,
.btn-brown.disabled.focus,
.btn-brown[disabled].focus,
fieldset[disabled] .btn-brown.focus {
  background-color: #E2B5A0;
  border-color: #b65f18;
}
.btn-brown .badge {
  color: #E2B5A0;
  background-color: #fff;
}

.bg-brown {
  background-color: #E3CCC1;
}
a.bg-brown:hover {
  background-color: #E3CCC1;
}

/****************************/


/*Green*/
.btn-green {
  color: #fff;
  background-color: #028511;
  border-color: #02460a;
}
.btn-green:focus,
.btn-green.focus {
  color: #fff;
  background-color: #028511;
  border-color: #02640e;
}
.btn-green:hover {
  color: #fff;
  background-color: #017f10;
  border-color: #13c529;
}
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
  color: #fff;
  background-color: #0db021;
border-color: #078e18;
}
.btn-green:active:hover,
.btn-green.active:hover,
.open > .dropdown-toggle.btn-green:hover,
.btn-green:active:focus,
.btn-green.active:focus,
.open > .dropdown-toggle.btn-green:focus,
.btn-green:active.focus,
.btn-green.active.focus,
.open > .dropdown-toggle.btn-green.focus {
  color: #fff;
  background-color: #13c529;
  border-color: #02640e;
}
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
  background-image: none;
}
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled.focus,
.btn-green[disabled].focus,
fieldset[disabled] .btn-green.focus {
  background-color: #a0e2a8;
  border-color: #02460a;
}
.btn-green .badge {
  color: #a0e2a8;
  background-color: #fff;
}

.bg-green {
  background-color: #c0e2c4;
}
a.bg-green:hover {
  background-color: #c0e2c4;
}

/*******************************/

/*Orange*/
.btn-orange {
  color: #fff;
  background-color: #F44336;
  border-color: #f11202;
}
.btn-orange:focus,
.btn-orange.focus {
  color: #fff;
  background-color: #F44336;
  border-color: #f11202;
}
.btn-orange:hover {
  color: #fff;
  background-color: #f52414;
  border-color: #c42215;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  color: #fff;
  background-color: #b01a0e;
border-color: #8f1208;
}
.btn-orange:active:hover,
.btn-orange.active:hover,
.open > .dropdown-toggle.btn-orange:hover,
.btn-orange:active:focus,
.btn-orange.active:focus,
.open > .dropdown-toggle.btn-orange:focus,
.btn-orange:active.focus,
.btn-orange.active.focus,
.open > .dropdown-toggle.btn-orange.focus {
  color: #fff;
  background-color: #c42215;
  border-color: #f11202;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  background-image: none;
}
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled.focus,
.btn-orange[disabled].focus,
fieldset[disabled] .btn-orange.focus {
  background-color: #e1a5a1;
  border-color: #02460a;
}
.btn-orange .badge {
  color: #e1a5a1;
  background-color: #fff;
}

.bg-orange {
  background-color: #fbd8db;
}
a.bg-orange:hover {
  background-color: #fbd8db;
}


/*********************************/

/*Yellow*/
.btn-yellow {
  color: #000;
  background-color: #FFC107;
  border-color: #e0a802;
}
.btn-yellow:focus,
.btn-yellow.focus {
  color: #000;
  background-color: #FFC107;
  border-color: #e0a802;
}
.btn-yellow:hover {
  color: #000;
  background-color: #e6b31b;
  border-color: #e0a802;
}
.btn-yellow:active,
.btn-yellow.active,
.open > .dropdown-toggle.btn-yellow {
  color: #000;
  background-color: #ce9e0f;
border-color: #b98d09;
}
.btn-yellow:active:hover,
.btn-yellow.active:hover,
.open > .dropdown-toggle.btn-yellow:hover,
.btn-yellow:active:focus,
.btn-yellow.active:focus,
.open > .dropdown-toggle.btn-yellow:focus,
.btn-yellow:active.focus,
.btn-yellow.active.focus,
.open > .dropdown-toggle.btn-yellow.focus {
  color: #000;
  background-color: #c39611;
  border-color: #e0a802;
}
.btn-yellow:active,
.btn-yellow.active,
.open > .dropdown-toggle.btn-yellow {
  background-image: none;
}
.btn-yellow.disabled:hover,
.btn-yellow[disabled]:hover,
fieldset[disabled] .btn-yellow:hover,
.btn-yellow.disabled:focus,
.btn-yellow[disabled]:focus,
fieldset[disabled] .btn-yellow:focus,
.btn-yellow.disabled.focus,
.btn-yellow[disabled].focus,
fieldset[disabled] .btn-yellow.focus {
  background-color: #e2d19f;
  border-color: #b58c13;
}
.btn-yellow .badge {
  color: #e2d19f;
  background-color: #fff;
}

.bg-yellow {
  background-color: #f9ebc1;
}
a.bg-yellow:hover {
  background-color: #f9ebc1;
}

/****************************/

/*darkpurple*/
.btn-darkpurple {
  color: #fff !important;
  background-color: #411B23;
  border-color: #411B23;
}
.btn-darkpurple:focus,
.btn-darkpurple.focus {
  color: #fff !important;
  background-color: #411B23;
  border-color: #411B23;
}
.btn-darkpurple:hover {
  color: #fff !important;
  background-color: #5d1222;
  border-color: #411B23;
}
.btn-darkpurple:active,
.btn-darkpurple.active,
.open > .dropdown-toggle.btn-darkpurple {
  color: #fff !important;
  background-color: #b21535;
border-color: #b98d09;
}
.btn-darkpurple:active:hover,
.btn-darkpurple.active:hover,
.open > .dropdown-toggle.btn-darkpurple:hover,
.btn-darkpurple:active:focus,
.btn-darkpurple.active:focus,
.open > .dropdown-toggle.btn-darkpurple:focus,
.btn-darkpurple:active.focus,
.btn-darkpurple.active.focus,
.open > .dropdown-toggle.btn-darkpurple.focus {
 color: #fff !important;
  background-color: #c31236;
  border-color: #dd0330;
}
.btn-darkpurple:active,
.btn-darkpurple.active,
.open > .dropdown-toggle.btn-darkpurple {
  background-image: none;
}
.btn-darkpurple.disabled:hover,
.btn-darkpurple[disabled]:hover,
fieldset[disabled] .btn-darkpurple:hover,
.btn-darkpurple.disabled:focus,
.btn-darkpurple[disabled]:focus,
fieldset[disabled] .btn-darkpurple:focus,
.btn-darkpurple.disabled.focus,
.btn-darkpurple[disabled].focus,
fieldset[disabled] .btn-darkpurple.focus {
  background-color: #e19eac;
  border-color: #b58c13;
}
.btn-darkpurple .badge {
  color: #e19eac;
  background-color: #fff;
}

.bg-darkpurple {
  background-color: #FFC3CF;
}
a.bg-darkpurple:hover {
  background-color: #FFC3CF;
}

/**********************************/


/*blue*/
.btn-blue {
  color: #fff !important;
  background-color: #0000F4;
  border-color: #0000F4;
}
.btn-blue:focus,
.btn-blue.focus {
  color: #fff !important;
  background-color: #0000F4;
  border-color: #0000F4;
}
.btn-blue:hover {
  color: #fff !important;
  background-color: #13177b;
  border-color: #13177b;
}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
  color: #fff !important;
  background-color: #1515b2;
border-color: #1515b2;
}
.btn-blue:active:hover,
.btn-blue.active:hover,
.open > .dropdown-toggle.btn-blue:hover,
.btn-blue:active:focus,
.btn-blue.active:focus,
.open > .dropdown-toggle.btn-blue:focus,
.btn-blue:active.focus,
.btn-blue.active.focus,
.open > .dropdown-toggle.btn-blue.focus {
 color: #fff !important;
  background-color: #0d0dc5;
  border-color: #0606db;
}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
  background-image: none;
}
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled.focus,
.btn-blue[disabled].focus,
fieldset[disabled] .btn-blue.focus {
  background-color: #9e9ee1;
  border-color: #1212b5;
}
.btn-blue .badge {
  color: #9e9ee1;
  background-color: #fff;
}

.bg-blue {
  background-color: #d0e1fb;
}
a.bg-blue:hover {
  background-color: #d0e1fb;
}
/*darkgray*/
.btn-darkgray {
  color: #fff !important;
  background-color: #475C6F;
  border-color: #475C6F;
}
.btn-darkgray:focus,
.btn-darkgray.focus {
  color: #fff !important;
  background-color: #475C6F;
  border-color: #475C6F;
}
.btn-darkgray:hover {
  color: #fff !important;
  background-color: #617985;
  border-color: #617985;
}
.btn-darkgray:active,
.btn-darkgray.active,
.open > .dropdown-toggle.btn-darkgray {
  color: #fff !important;
  background-color: #2d3a46;
border-color: #2d3a46;
}
.btn-darkgray:active:hover,
.btn-darkgray.active:hover,
.open > .dropdown-toggle.btn-darkgray:hover,
.btn-darkgray:active:focus,
.btn-darkgray.active:focus,
.open > .dropdown-toggle.btn-darkgray:focus,
.btn-darkgray:active.focus,
.btn-darkgray.active.focus,
.open > .dropdown-toggle.btn-darkgray.focus {
 color: #fff !important;
  background-color: #0d88c5;
  border-color: #0696dd;
}
.btn-darkgray:active,
.btn-darkgray.active,
.open > .dropdown-toggle.btn-darkgray {
  background-image: none;
}
.btn-darkgray.disabled:hover,
.btn-darkgray[disabled]:hover,
fieldset[disabled] .btn-darkgray:hover,
.btn-darkgray.disabled:focus,
.btn-darkgray[disabled]:focus,
fieldset[disabled] .btn-darkgray:focus,
.btn-darkgray.disabled.focus,
.btn-darkgray[disabled].focus,
fieldset[disabled] .btn-darkgray.focus {
  background-color: #9ecbe1;
  border-color: #137fb4;
}
.btn-darkgray .badge {
  color: #9ecbe1;
  background-color: #fff;
}

.bg-darkgray {
  background-color: #AAC8D7;
}
a.bg-darkgray:hover {
  background-color: #AAC8D7;
}

/**********************************/


/*pear*/
.btn-pear {
  color: #fff !important;
  background-color: #24c0ad;
  border-color: #24c0ad;
}
.btn-pear:focus,
.btn-pear.focus {
  color: #fff !important;
  background-color: #24c0ad;
  border-color: #24c0ad;
}
.btn-pear:hover {
  color: #fff !important;
  background-color: #74b7af;
  border-color: #74b7af;
}
.btn-pear:active,
.btn-pear.active,
.open > .dropdown-toggle.btn-pear {
  color: #fff !important;
  background-color: #2b4441;
border-color: #2b4441;
}
.btn-pear:active:hover,
.btn-pear.active:hover,
.open > .dropdown-toggle.btn-pear:hover,
.btn-pear:active:focus,
.btn-pear.active:focus,
.open > .dropdown-toggle.btn-pear:focus,
.btn-pear:active.focus,
.btn-pear.active.focus,
.open > .dropdown-toggle.btn-pear.focus {
 color: #fff !important;
  background-color: #0ec5af;
  border-color: #07dec4;
}
.btn-pear:active,
.btn-pear.active,
.open > .dropdown-toggle.btn-pear {
  background-image: none;
}
.btn-pear.disabled:hover,
.btn-pear[disabled]:hover,
fieldset[disabled] .btn-pear:hover,
.btn-pear.disabled:focus,
.btn-pear[disabled]:focus,
fieldset[disabled] .btn-pear:focus,
.btn-pear.disabled.focus,
.btn-pear[disabled].focus,
fieldset[disabled] .btn-pear.focus {
  background-color: #a0e1d9;
  border-color: #137fb4;
}
.btn-pear .badge {
  color: #a0e1d9;
  background-color: #fff;
}

.bg-pear {
  background-color: #c0e9e4;
}
a.bg-pear:hover {
  background-color: #c0e9e4;
}

/**********************************/


/*lime*/
.btn-lime{
  color: #fff !important;
  background-color: #98a32a;
  border-color: #98a32a;
}
.btn-lime:focus,
.btn-lime.focus {
  color: #fff !important;
  background-color: #98a32a;
  border-color: #98a32a;
}
.btn-lime:hover {
  color: #fff !important;
  background-color: #b1b774;
  border-color: #b1b774;
}
.btn-lime:active,
.btn-lime.active,
.open > .dropdown-toggle.btn-lime {
  color: #fff !important;
  background-color: #41432b;
border-color: #41432b;
}
.btn-lime:active:hover,
.btn-lime.active:hover,
.open > .dropdown-toggle.btn-lime:hover,
.btn-lime:active:focus,
.btn-lime.active:focus,
.open > .dropdown-toggle.btn-lime:focus,
.btn-lime:active.focus,
.btn-lime.active.focus,
.open > .dropdown-toggle.btn-lime.focus {
 color: #fff !important;
  background-color: #b6c50e;
  border-color: #b6c50e;
}
.btn-lime:active,
.btn-lime.active,
.open > .dropdown-toggle.btn-lime {
  background-image: none;
}
.btn-lime.disabled:hover,
.btn-lime[disabled]:hover,
fieldset[disabled] .btn-lime:hover,
.btn-lime.disabled:focus,
.btn-lime[disabled]:focus,
fieldset[disabled] .btn-lime:focus,
.btn-lime.disabled.focus,
.btn-lime[disabled].focus,
fieldset[disabled] .btn-lime.focus {
  background-color: #dbe09f;
  border-color: #a7b311;
}
.btn-lime .badge {
  color: #dbe09f;
  background-color: #fff;
}

.bg-lime {
  background-color: #CDDC39;
}
a.bg-lime:hover {
  background-color: #CDDC39;
}
.scroll{
max-height:500px; 
overflow: auto;
}
/************** ocp end **************/