body.login {
		background-image: url( ../images/meridiancc/mcc-bg02.png) !important;
		background-attachment: fixed !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		-moz-background-size: cover !important;
		-webkit-background-size: cover !important;
		background-position: center bottom !important;
		height:100%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/meridiancc/mcc-bg02.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/meridiancc/mcc-bg02.png', sizingMethod='scale')";
}



.slider { float: left; }

.slider .jquery-reslider .slider-block {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 97;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0;
}

.slider .jquery-reslider .slider-direction {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 45%;
  z-index: 99;
  cursor: pointer;
}









header{ background-color:transparent !important; padding:0px 0 !important;}
img.wellslogo{ height:auto !important; margin: 15px auto 15px;}
img.collegelogo{ height:auto !important; margin: 15px auto 15px;}
 .brand{ text-align:center; }

.wellslogin { background-color: #f3f7fc !important;  border-radius: 3px; box-shadow: 0 0 7px #ffffff;  color: #5d5d5d; font-size: 16px; font-weight: 300;
 padding:0px; margin-bottom:15px; margin-top: 20px; float: right; max-width:340px;   margin-right: 28px;  z-index: 99; width:340px;}
.wellslogin h2 { color: #4e4e4e;font-size: 32px; font-weight: 300; line-height: 44px; margin:24px 0 20px 0;  padding: 0;     text-align: center;}
.wellslogin .boarder-all{margin-top:0px; border: 0 none;}
.wellslogin button.grey-bg{background-color:#033826 !important; padding: 8px 15px; line-height:normal;  font-size: 16px !important; color:#fff;}
.wellslogin input#username, .wellslogin input#password{background:none repeat scroll 0 0 rgba(0, 0, 0, 0); padding:8px 5px; height:auto;  line-height:normal; box-shadow:none;
color: #777777;  font-size: 12px;}

.collegelogin { background-color: #f3f7fc !important;  border-radius: 3px; box-shadow: 0 0 7px #ffffff;  color: #5d5d5d; font-size: 16px; font-weight: 300;
 padding:0px; margin-bottom:15px; margin-top: 20px; float: right; max-width:340px;   margin-right: 28px;  z-index: 99; width:340px;}
.collegelogin h2 { color: #4e4e4e;font-size: 32px; font-weight: 300; line-height: 44px; margin:24px 0 20px 0;  padding: 0;     text-align: center;}
.collegelogin .boarder-all{margin-top:0px; border: 0 none;}
.collegelogin button.grey-bg{background-color:#007a33 !important; padding: 8px 15px; line-height:normal;  font-size: 16px !important; color:#fff;}
.collegelogin input#username, .wellslogin input#password{background:none repeat scroll 0 0 rgba(0, 0, 0, 0); padding:8px 5px; height:auto;  line-height:normal; box-shadow:none;
color: #777777;  font-size: 12px;}

.wellslogin .label-txt{float:left; margin-right:10px; width:100px; font-weight:300; padding-top:7px; color: #502d7f;font-size: 16px;}
.collegelogin .label-txt{float:left; margin-right:10px; width:100px; font-weight:300; padding-top:7px; color: #502d7f;font-size: 16px;}
#loginForm{padding:0 10px; margin:0px;}
#loginForm .form-group{ margin-bottom:10px;}
footer{ background-color: #262626; bottom: 0; color: #acacac; left: 0; padding: 8px 10px; position: fixed; width: 100%; font-size:12px; min-height:auto;}
footer > .container p, footer > .container-fluid p{ line-height:normal; text-align:center;}

#tos {
    font-size: 11px;
    text-align: justify;
    width: auto;
	padding:0 15px 10px;
}

#quick-links{
	width:100%;
	float:right;
	text-align:right;
	clear:both;
	line-height:20px;
	background:url(../images/bcc/border.jpg) no-repeat bottom;
	padding-bottom: 15px;
}
#quick-links a{
	font:normal 12px arial;
	color:#545454;
	text-decoration:none;
}
#install-mycampus span, .lbox span {
    color: #007a33;
    display: block;
    font: bold 12px tahoma;
    padding: 8px 0 5px;
}
#tos a {
    color: #545454;
    font: normal 11px arial;
}
.description{
	font:normal 10px arial;
	color:#818181;
	line-height:15px;
	background:url(../images/bcc/border.jpg) no-repeat top;
	padding-top:15px;
	padding:0px 15px 20px;
}
.description a{ color:#818181; text-decoration: underline;}
#app-btn{width:auto; padding:10px 15px 15px 15px;}
.app-store{float:left;}
.android-market{float:right;}
#status {
    border: 1px solid #FF0000;
    margin: 0 4px 0 5px;
    padding: 4px;
    width: auto;
}
#install-mycampus, .lbox{color: #999999;}
#welcome {min-height: 150px; padding: 30px;}
#aaa {
    float: right;
    padding: 15px 0 10px;
}

#aaa a {
    padding-left: 5px;
    text-decoration: none;
}


 .cl{
    clear: both;
}


@media screen and (max-width: 1179px) and (min-width: 1000px) {
/*.wellslogin button.grey-bg{ width:20%;}*/
}
@media screen and (max-width: 1000px) and (min-width:320px) {
.wellslogin button.grey-bg{ width:100%; margin-left:0px;}
.wellslogin .label-txt{ flex:none; width:100%;}
.wellslogin input#username, input#password{ width:100%;}

.collegelogin button.grey-bg{ width:100%; margin-left:0px;}
.collegelogin .label-txt{ flex:none; width:100%;}
.collegelogin input#username, input#password{ width:100%;}



}


@media screen and (max-width: 480px) and (min-width:320px) {

body.login{ background-image:none !important; background-color:#ccc !important; }
.wellslogin{  float:none;}
.collegelogin{  float:none;}

}


@media screen and (max-width: 480px) and (min-width:320px) {
img.wellslogo {
    height: auto !important;
    margin: 15px auto 15px;
    max-width: 80%;
}
#app-btn img {
    max-width: 95%;
}
.app-store {
    float: left;
    width: 50%;
}
.android-market {
    float: right;
    max-width: 50%;
    text-align: right;
}

}
.checkbox{ display:none;  }






/*-----------------cas-notice-start---------------*/
.cas-notice-outer{ width:300px;background:#fff; padding:0; margin:0; position:absolute; top:260px; left:80px; opacity: 0.8; border-radius:0px 0px 5px 5px; box-shadow: 0 0 7px #ffffff; z-index: 100; }
.cas-notice-outer h4{ background:#003300; color:#fff; font-size:16px; line-height:25px; box-sizing:border-box; padding:0 0 0 10px; margin:0; font-weight: bold;}
.cas-notice-outer a{ text-decoration:none; color:#8e0099; font-family: verdana,helvetica,arial,sans-serif; line-height:20px; font-weight:bold;}
.cas-notice-outer a:hover{ text-decoration:underline; color:#990000;}

.cas-notice-outer-2{ width:300px;background:#fff; padding:0; margin:0; position:absolute; top:10px; left:80px; opacity: 0.8; border-radius:0px 0px 5px 5px; box-shadow: 0 0 7px #ffffff; z-index: 100; }
.cas-notice-outer-2 h4{ background:#003300; color:#fff; font-size:16px; line-height:25px; box-sizing:border-box; padding:0 0 0 10px; margin:0; font-weight: bold;}
.cas-notice-outer-2 a{ text-decoration:none; color:#8e0099; font-family: verdana,helvetica,arial,sans-serif; line-height:20px; font-weight:bold;}
.cas-notice-outer-2 a:hover{ text-decoration:underline; color:#990000;}


.cas-notice{ box-sizing:border-box; padding:10px;}
.cas-notice .box-outer{ width:auto; padding:0; margin:0; box-sizing:border-box; font: 12px arial;}
.cas-notice .box-outer:after{ width:100%; height:0; clear:both; content:"";}
.cas-notice .box-outer .box-left{ float:left; width:70px;}
.cas-notice h5{ font-size:16px; font-weight:bold; margin:10px 0 5px 0;}
.cas-notice p{ padding:6px 0; margin:5px 0; font: 12px arial;}
.cas-notice ul{ margin:0; padding:0; list-style:none;}
.cas-notice ul li{ margin:0; padding:0; list-style:none; font: 12px arial;}


.cas-footer{ background:#003300; padding:5px; margin:0; box-sizing:border-box; position:fixed; bottom:0; width:100%; text-align: center; opacity: 0.9; z-index: 100;}
.cas-footer p{ color:#fff; margin:2px 0;  font: 12px arial;}
.cas-footer p a{ text-decoration:none; color:#ffda0f; font-family: verdana,helvetica,arial,sans-serif; line-height:20px; font-weight:bold;}


/*-----------------cas-notice-end---------------*/


@media all and (max-width: 767px) {
.cas-footer{ display:none;}	
}

@media all and (max-width: 749px) {
.cas-notice-outer{ position:relative; left: 20px; top:20px;}
.cas-notice-outer-2{ position:relative; left: 20px;  margin-bottom: 30px;}
}


@media all and (max-width: 400px) {
.wellslogin{ margin-left:auto}
.collegelogin{ margin-left:auto}
.cas-notice-outer{ position:inherit; margin:0 auto; margin-bottom:10px;}
.cas-notice-outer-2{ position:inherit; margin:0 auto; margin-bottom:10px;}


} 




.wellslogin .form-control::-moz-placeholder{ color: #777777!important;}
.collegelogin .form-control::-moz-placeholder{ color: #777777!important;}	

@media all and (max-width: 400px) and (min-width:300px){

.col-md-12{ padding:0px;}

.wellslogin { background: none repeat scroll 0 0 #FFFFFF;  border-radius: 3px;  box-shadow: 0 0 7px #FFFFFF; height: auto; margin:10px auto 10px; width: 300px; float:none; }
.collegelogin { background: none repeat scroll 0 0 #FFFFFF;  border-radius: 3px;  box-shadow: 0 0 7px #FFFFFF; height: auto; margin:10px auto 10px; width: 300px; float:none; }	
.cas-logo img { max-width: 90%;}
#app-btn img { max-width: 95%;}
.app-store { float: left;width: 50%;}
.android-market { float: right; max-width: 50%; text-align: right;}

}


@media all and (max-width: 700px) and (min-width:300px){

.cas-notice-outer-2, .cas-notice-outer {left:0px;}
.wellslogin,.cas-notice-outer-2,.cas-notice-outer{ margin:auto;  }
.wellslogin{ margin-top:20px; margin-bottom:15px; }
.collegelogin,.cas-notice-outer-2,.cas-notice-outer{ margin:auto;  }
.collegelogin{ margin-top:20px; margin-bottom:15px; }

}



.other-links{ box-sizing: border-box; padding: 0 15px;}
.other-links a{ color: #007a33; font: bold 11px tahoma; line-height: 16px;  margin-bottom: 5px; display: inline-block;}


.cas-notice-outer iframe { border: medium none; height: 100%; overflow: hidden; width: 100%; }
.cas-notice-outer { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;  border: 1px solid rgb(244, 244, 244); border-radius: 5px;
box-shadow: 0 0 6px rgb(0, 0, 0); height: auto; padding: 15px; width: auto;  position: absolute; top: 7%; width: 450px; z-index: 9; height: 330px;}


.description h2 { color: #007a33!important; display: block; font: bold 12px tahoma!important; padding: 8px 0 5px; margin: 0!important;}