.menu
{
/*border-bottom: 4px solid #04A3ED;*/
width: 100%;
height: 150px;
padding-top: 21px;
background: url(../../images/header.png) 0px 0px repeat;
position: relative;
z-index: 2;
background-color: #0461b2;
/*background-repeat: no-repeat;*/
}
.menu-2
{
/*border-bottom: 4px solid #04A3ED;*/
width: 100%;
height: 100px;
padding-top: 21px;
background: url(../../images/header2.png) 0px 0px repeat;
position: relative;
z-index: 2;
background-color: #0461b2;
}
.custome-body{
    /*background: url(../../images/Asaan1.jpg) no-repeat;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    /*background-position: 0% 130%;*/
    opacity: 0.9;
    width: 100%;
    background-color: #eeeeee;
    /*background-color: 0,90,170;*/
}
.form-signin {
    /*max-width: 280px;*/
    padding: 15px;
    margin:100px;
    margin-top:10px;
  }
.input-group-addon
{
    background-color: rgb(0, 90, 170);
    border-color: rgb(40, 94, 142);
    color: rgb(255, 255, 255);
}
.signin-control:focus
{
    /*background-color: rgb(50, 118, 177);*/
    background-color: rgb(0, 90, 170);
    border-color: rgb(40, 94, 142);
    color: rgb(255, 255, 255);
}
.panel-default {
opacity: 0.8;
/*margin-top:30px;*/
}
.form-signup input[type="text"],.form-signup input[type="password"] { border: 1px solid rgb(50, 118, 177); }

.carousel-control {
  width: 30px;
  height: 30px;
  top: -35px;

}
.left.carousel-control {
  right: 30px;
  left: inherit;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;
}
.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}
.fieldset {
    border: 1px solid #ccc;
    padding: 10px;
}
@media print {
    .dvContents {
        background-color: burlywood;
/*        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;*/
    }
}
.column{
    background-color: #428bca;
    color: white;
}
.t-body{
    background-color:  #4682b4;
}
.column-custome{
    background-color: white;
    color: black;
}
.pagebreak { page-break-before: always; } /* page-break-after works, as well */
    #overlay {
        background: #ffffff;
        color: #666666;
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 5000;
        top: 0;
        left: 0;
        float: left;
        text-align: center;
        padding-top: 25%;
    }
    
    /*new*/ 
 html {
    position: relative;
    min-height: 100%;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.item:nth-child(1) {
    background: url(../../images/CCPortal_login.jpeg) no-repeat fixed;
/*    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;*/
    background-size: 100% 100%;
   /*width: 2500px;*/
  /*height: 600px;*/
}
/* .item:nth-child(2) {
    background: url(../../images/1920x1080-olr.jpg) no-repeat fixed;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
   background-size: 100% 100%;
}*/
.carousel {
    z-index: -9;
}
.carousel .item {
    position: fixed;
    width: 100%;
    height: 100%;
}
.carousel2 {
    z-index: -9;
}
.carousel2 .item {
    position: fixed;
    width: 100%;
    height: 100%;
}
.title {
  text-align: center;
  margin-top: 20px;
  padding: 10px;
  text-shadow: 2px 2px #000;
  color: #FFF;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../../images/mcb-loader.gif) center no-repeat #fff;
}