@charset "utf-8";
/* CSS Document */
body {
	font-family: 'Open Sans', sans-serif;
}
.centre {
	background-image:url(/images/center-login.jpg);
	background-position: top center;
}
.placement {
	background-image: url(/images/placement-login-bg.jpg);
	background-position: top center;
}
.director{
	background-image:url(/images/center-director-log.jpg);
	background-position:top center;
}
.faculty{
	background-image:url(/images/faculty.jpg);
	background-position:top center;
}
.erp-login{
	background-image:url(../images/erp-login.jpg);
	background-position:top center;
}
.quality-contral-login{
	background-image:url(/images/quality-contral-login.jpg);
	background-position:top center;
}
.faq-user-login{
	background-image:url(/images/faq-user-login.jpg);
	background-position:top center;
}
.helpdesk-login{
	background-image:url(../images/helpdesk-login-bg.jpg);
	background-position:top center;
	background-size:cover;
}
.met-exam{
	background-image:url(../images/met-exam.jpg);
	background-position:top center;
	background-size:cover;
}
header {
    background-color: #1b2f59;
    color: #fff;
    padding: 6px 0px;
    box-shadow: 0 10px 6px -6px #0e0e0eb3;
    z-index: 1;
    position: fixed;
    width: 100%;
}
header img{
	width:50px;
}
#banner{
	padding-top:61px;
}
p.contact {
    padding: 10px 0px 10px 20px !important;
    display: inline-block;
    margin: 0 !important;
}
p.contact a {
	font-size: 20px;
	text-decoration: none;
	font-weight: 700;
	color: #fff;
}
#login-form-section {
}
#playground-container {
	height: 500px;
	overflow: hidden !important;
	-webkit-overflow-scrolling: touch;
}
.main {
	margin: 50px 15px;
}
h1.title {
	font-size: 50px;
	font-family: 'Passion One', cursive;
	font-weight: 400;
}
hr {
	width: 10%;
	color: #fff;
}
.form-group {
	margin-bottom: 15px;
}
label {
	margin-bottom: 15px;
}
 input, input::-webkit-input-placeholder {
 font-size: 11px;
 padding-top: 3px;
}
.form-control {
	height: auto!important;
	padding: 8px 12px !important;
}
.input-group {
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21)!important;
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21)!important;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21)!important;
}
#button, #btnFacultyLogin, #btnCDLogin, #btnPOLogin, #btnLogin, #btnSendForgotPasswordLink, #btnReset,
#btnFaqLogin, #btnMasterTrainerLogin {
    -moz-box-shadow: 0px 3px 0px 0px #156e4a;
    -webkit-box-shadow: 0px 3px 0px 0px #156e4a;
    box-shadow: 0px 3px 0px 0px #156e4a;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00cc66), color-stop(1, #00cc66) );
    background: -moz-linear-gradient( center top, #00cc66 5%, #00cc66 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cc66', endColorstr='#00cc66');
    background-color: #00cc66;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    font-weight: normal;
    padding: 12px 24px;
    text-decoration: none;
    border: none;
    border-radius: 0;
    font-weight: bold;
}
    #button:hover, #btnFacultyLogin:hover, #btnCDLogin:hover, #btnPOLogin:hover, #btnLogin:hover,
    #btnSendForgotPasswordLink:hover, #btnReset:hover, #btnFaqLogin:hover, #btnMasterTrainerLogin:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00cc66), color-stop(1, #00cc66) );
        background: -moz-linear-gradient( center top, #00cc66 5%, #00cc66 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cc66', endColorstr='#00cc66');
        background-color: #00cc66;
    }
    #button:active, #btnFacultyLogin:active, #btnCDLogin:active, #btnPOLogin:active, #btnLogin:active,
    #btnSendForgotPasswordLink:active, #btnReset:active, #btnFaqLogin:active, #btnMasterTrainerLogin:active {
        position: relative;
        top: 1px;
    }

.main-center {
	padding: 10px 40px;
}
.heading {
	font-size: 26px;
	color: #fff;
	font-weight: 800;
	background: rgba(23, 35, 59, 0.8);
	padding: 5px 0 10px;
}
span.input-group-addon i {
	color: #009edf;
	font-size: 17px;
}
.login-button {
	margin-top: 5px;
}
.login-register {
	font-size: 11px;
	text-align: center;
}
.box {
	margin-top: 13% !important;
	margin: 0 auto;
	max-width: 400px;
	background: rgba(27, 47, 89, 0.8);
	color: #FFF;
}
.star
{
    color:red;
    margin-bottom: 0 !important;
}
.input-group input[type="text"], .input-group, .input-group input[type="password"], .input-group select{
	width:100% !important;
	background: rgba(23, 31, 51, 0.8);
	border:1px solid #171f32;
	color:#fff;
}
.input-group select{
	padding:8px 8px;
}
.small-logo{
	padding:10px 0px 12px 0px;
}
.col-white{
	color:#fff;
}
.col-black{
	color:#000000;
}
#welcome{
	padding:30px 0px;
}
.welcome {
    font-size: 44px;
    font-weight: 400;
}
.welcome-two {
    font-size: 51px;
    font-weight: 800;
    line-height: 36px;
    color: #1b2f59;
}
.welcome-three {
    font-size: 51px;
    font-weight: 800;
    line-height: 50px;
    color: #1b2f59;
}
.home .box-two {
    border: 1px solid #DADADA;
    margin: 40px 0px;
	box-shadow:5px 5px 5px #b4b4b4;
}
.home .box-two:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
	transition: all 300ms;
	background-color:#1b2f59;
	color: #fff;
	border:none;
}
.home .box-two:hover h1{
	background-color:#020202;
}
.home .box-two p {
    padding: 0px 10px;
}
.home h1 {
    font-size: 16px;
    font-weight: bold;
    background-color: #DCDCDC;
    margin: 0;
    margin-bottom: 10px;
    padding: 10px 0;
}
.cancelbtn {
    width: auto;
    padding: 7px 27px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
    border: none;
    margin-bottom: 9px;
	color:#F1292C;
	border:1px solid #E0C53B;
	border-radius:2px;
	font-weight:bold;
}
.home footer{
	background-color:#000;
	padding-top:10px;
	padding-bottom:5px;
}
.met-exam{
}
#centre-dashboard{
	background-color:#09152e;
	font-size:18px;
	font-weight:700;
	padding-top:70px;
	color:#fff;
	padding-bottom:10px;
}
#placment-cia-menu{
	display:inline-block;
	width:100%;
	padding:15px 0px;
}
#placment-cia-menu .tab-pane{
	padding:25px 0px;
}
#placment-cia-menu .tab-pane .text-center img:hover {
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
   -webkit-box-shadow: 0px 0px 8px 6px rgba(125,125,125,1);
-moz-box-shadow: 0px 0px 8px 6px rgba(125,125,125,1);
box-shadow: 0px 0px 8px 6px rgba(125,125,125,1);
border-radius:10px;
} 
#placment-cia-menu .nav-tabs > li{
	font-size: 16px;
color: #fff;
font-weight: 700;
}
#placment-cia-menu .nav-tabs > li.active > a, #placment-cia-menu .nav-tabs > li.active > a:focus, #placment-cia-menu .nav-tabs > li.active > a:hover{
	background-color:#09152e;
	color:#fff;
	border: 1px solid #09152e;
}
.graph-box {
    padding-left: 0;
    padding-right: 0;
    box-shadow: 0 3px 4px #ddd;
    margin-bottom: 20px;
}
.btn-quote {
    background: url(../images/corporate-brochure.png) top center no-repeat;
    width: 51px;
    height: 183px;
    text-indent: -9999px;
    padding: 0;
    border-radius: 0;
    color: #fff !important;
    position: fixed;
    top: 350px;
    right: 0;
}
  .style-toggle {
        top: 50%;
    }
#leftiFix-icon .myticket {
    background: #1b2f59;
	display:inline-block;
}
#leftiFix-icon .myticket:hover {
    background: #09152e;
	display:inline-block;
}

.style-toggle {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #666666 -moz-use-text-color #666666 #666666;
    border-image: none;
    border-radius: 0;
    color: #505050;
    position: fixed;
    right: 0px;
    transition: right 0.5s ease-in-out 0s;
    z-index: 100;
}
.rqst-info-i {
    float: left;
    margin: 4px 4px 4px 4px;
    padding-top: 3px; 
    width: 53px;
    height: 42px;
    border: 1px solid #eee;
    color: #fff;
	background-color: #ce1e1e;
}
.rqst-info-i {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    /* background: url(../img/frm-icon-sets.png) center -138px no-repeat; */
}
.i-txt {
    text-align: center;
    display: block;
    /* width: 92%; */
    width: 60px;
    margin: 0px 0px 6px 0px;
    height: auto;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
	font-weight:bold;
}
.style-toggle a:hover{
	text-decoration:none;
}
@media screen and (max-width:1024px){
	.home h1{
		font-size:14px;
	}
}
@media screen and (max-width:991px){
	#welcome {
    padding: 15px 0px;
	}
	.welcome-two{
		font-size:36px;
	}
	.home .box-two{
		margin:20px 0px;
	}
}
@media screen and (max-width:960px){
	#welcome {
    padding: 15px 0px;
}
.welcome-two{
	font-size:40px;
}
.home .box-two{
	margin:15px 0px;
}
.welcome{
	font-size:33px;
}
}
@media screen and (max-width:767px){
	.home .box-two:hover {
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari 3-8 */
    transform: scale(1); 
	transition: all 300ms;
	background-color:#1b2f59;
	color: #fff;
	border:none;
}
	p.contact a{
		font-size:16px;
	}
}
@media screen and (max-width:411px){
	p.contact {
    padding: 0px 0px 0px 20px;
}
p.contact a, #centre-dashboard{
	font-size:15px;
}
#centre-dashboard{
	padding-top:104px;
}
#menu .text-center{
	min-height:122px;
}
#placment-cia-menu .nav-tabs > li{
	font-size:15px;
}
}
@media screen and (max-width:414px){
	.welcome-two{
		font-size:30px;
	}
	.welcome {
    font-size: 33px;
	}
	#welcome {
    padding: 10px 0px;
}
.home .box-two {
    margin: 10px 0px;
}
.box{
	margin-top:22% !important;
}
}
@media screen and (max-width:325px){
	.heading{
	font-size: 23px;
	}
	
}
.processingContainer {
    position: fixed;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    /*background:rgba(255,255,255,0.5);*/
    background: rgba(0,0,0,0.5);
    z-index: 5100;
    top: 0;
    left: 0;
}

.processing {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -75px; /* half width of the spinner gif */
    margin-top: -68px; /* half height of the spinner gif */
    text-align: center;
    /*z-index:1234;*/
    overflow: auto;
    width: 80px; /* width of the spinner gif */
    height: 80px; /*hight of the spinner gif +2px to fix IE8 issue */
    padding: 5px 5px;
    background-color: #fff;
}
#FinalRequistionListIDCardDetail
{
    margin-top:15px;
}
#ui-datepicker-div {
    z-index: 999 !important;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    color: #000 !important; /* or any readable color */
    background-color: #fff !important; /* optional for contrast */
}