body {
	font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.headingtext {
	padding-top: 25px;
	font-weight: bold;
	position: relative;
	color: #ec2027;
	font-family: CentSchbkCyrill BT;
	font-size: 27px;
	text-align:center;
}
.headerbottom {
	
	background:#FFF;
}

.rowrigh {
	margin-left:0px !important;
	margin-right:0px!important;
}

/* make sidebar nav vertical */ 
@media (min-width: 768px) {
 .affix-content .container {
 width: 700px;
}
 html, body {
 background-color: #16a085!important;
 height:100%;
 overflow:hidden;


}



    .affix-content {
        overflow: auto;
        display: block;
        height: 490px;
    }

    @media screen and (height:1200px) {
        .affix-content {
            overflow: auto;
            display: block;
            height: 490px;
        }
    }

 .affix-content .container .page-header {
 margin-top: 0;
 overflow:scroll;
 height:auto;


}
 .sidebar-nav {
 position:fixed;
}
 .affix-sidebar {
 padding-right:0;
 font-size:small;
 padding-left: 0;
}
 .affix-row, .affix-container, .affix-content {

 margin-left: 0;
 margin-right: 0;
}
 .affix-content {
 background-color: #edf1f5;




}
 .sidebar-nav .navbar .navbar-collapse {
 padding: 0;
 max-height: none;
 background-color: #16a085;
}
 .sidebar-nav .navbar {
 border-radius:0;
 margin-bottom:0;
 border:0;
 background-color: #16a085;
}
 .sidebar-nav .navbar ul {
  /*  float: none;*/
    display: block;
 width:220px;
 background-color: #16a085;
}
 .sidebar-nav .navbar li {
 float: none;
 display: block;
 background-color: #16a085;
 border-bottom:1px solid #9c9c9c;
}
 .sidebar-nav .navbar li a {
 padding-top: 12px;
 padding-bottom: 12px;
 background-color: #16a085;
}
}
 @media (min-width: 769px) {
 .affix-content .container {
 width: 600px;
}
 .affix-content .container .page-header {
 margin-top: 0;
}
}
 @media (min-width: 992px) {
 .affix-content .container {
 width: 900px;
}
 .affix-content .container .page-header {
 margin-top: 0;
}
}
 @media (min-width: 1220px) {
 .affix-row {
overflow: hidden;

}
 .affix-content {
 overflow: auto;
 display:block;
 height:1000px;
 



 
}
 .affix-content .container {
 height:1200px;
 margin-right:40%;
 margin-bottom:20px;
}
 .affix-content .container .page-header {
 margin-top: 0;
}
 .affix-content {
 padding-right: 0px;
 padding-left: 0px;
 overflow:scroll;


}
 .affix-title {
 border-bottom: 1px solid #ecf0f1;
 padding-bottom:10px;
}
 .navbar-nav {
 margin: 0;
}
 .navbar-collapse {
 padding: 0;
}
 .sidebar-nav .navbar li a > .caret {
 margin-top: 8px;
}
}
/* carousel */
.media-carousel {
	margin-bottom: 0;
	padding: 0 40px 30px 40px;
	margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left {
	left: -12px;
	background-image: none;
	background: none repeat scroll 0 0 #222222;
	border: 4px solid #FFFFFF;
	border-radius: 23px 23px 23px 23px;
	height: 40px;
	width : 40px;
	margin-top:50px
}
/* Next button  */
.media-carousel .carousel-control.right {
	right: -12px !important;
	background-image: none;
	background: none repeat scroll 0 0 #222222;
	border: 4px solid #FFFFFF;
	border-radius: 23px 23px 23px 23px;
	height: 40px;
	width : 40px;
margin-top:50px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li {
	background: #c0c0c0;
}
.media-carousel .carousel-indicators .active {
	background: #333333;
}
/* End carousel */


.img-valign {
	padding-left:0px;
    margin-bottom:10px;
}
.pte {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration:none;
	padding-top:10px !important;
	font-size:13px;
}
.noborder td, .noborder th, .noborder tr {
	border: none !important;
}
.tabelbro {
	margin-bottom:0px !important; 
    font-size:13px;
}

.tabelbro tr td {
	padding:6px !important;
}
.count {
	font-size:17px;
    font-weight:bold;

}
.headerbg
{
   border-bottom: 1px solid rgba(22, 160, 133, 0.3);
   background:#fff !important;

}
.dateandt{

    font-weight:bold;
    padding-bottom:1px;

}
.highlightslide {
	border-radius:5px;
	padding: 2px;
	text-align:center;
	list-style: none;
	position: relative;
	min-width:197px;
	margin:1px;
	visibility: visible;
	background: #fff !important;
	box-shadow: 0px 0px 3px rgb(164, 180, 195);
    height:170px;   
}
.deatils a {
	color: #749c4a;
 transition: all ease-in-out .3s;
	text-decoration:none;
    padding-right:20px;
    position:relative;
}
.deatils a:hover {
	color:#006;
 transition: all ease-in-out .3s;
	text-decoration:none;
}
.deatils a i {
	color: #749c4a;
 transition: all ease-in-out .3s;
	text-decoration:none;
}
.deatils a i:hover {
	color:#006;
 transition: all ease-in-out .3s;
	text-decoration:none;
}
.slidera {
	padding-right:0px !important;
}
.selectH {
	color: #faff00 !important;
}
.unselectH {
	color: #fff !important;
}
.bgre {
	background-color: #16a085 !important;
	border:none !important;
}

.sidrcol
{
	color:#FFF !important;
      background: #16a085 !important;
	
}
.sidrcol span
{
	color:#FFF !important;
  background: #fff !important;
	
}
.droplist {
    color: #fff !important;
    background: #16a085 !important;
    border: none!important;
    width:100%;
    font-size:14px;
    font-weight:500;
    font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;


}

.widthd
{
	width:1050px;



  
  
    
}
/*Grid Class*/
.topclassbg
{
background-color: #16a085;


}
.tbbg{
background-color: #16a085!important;
border:none!important;

}
.topclassbg a
{
    text-decoration:none;
    color:#fff;


}

.topclassbg a:active, 
.topclassbg a:hover
{
    text-decoration:none;
    color:#fff;


}



.kpiheading {
    text-align: center;
    font-weight: bold;
    color: #000;
    font-size:17px;
}
.gridcol {
background-color: #16a085;
color:#fff;
font-size: 16px;
font-weight:normal !important;
    line-height: 25px;
    text-align: center;

}

 .containerBoy {
            display: table;
            width: 100%;
            border-collapse: collapse;
             font-weight:normal !important;
        }

 .carrsoue{
     margin-top:150px !important;

 }

 .brbt
 {
     border-top:none !important;
 }

  .tablebor{
      border:0px !important;

       border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
  }

 .errspan {
    float: right;
    margin-right: 10px;
    margin-top:-30px;
    position: relative;
    z-index: 2;
    color: #fff;

}

  .errspancal {
    float: right;
    margin-right: 10px;
    margin-top:-25px;
    position: relative;
    z-index: 2;
    color: #16a085;

}


#datepicker{width:180px; margin: 0 20px 0px 20px;}
#datepicker > span:hover{cursor: pointer;}

.logincl
{
    color:#222222 !important;
    text-decoration:none !important;

}