body{
	font-family: 'robotoregular';
	background-image: url(../img/login-page.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #ACDCF3;
}

#time-bg {
	margin:0 auto;
	height:486px;
	margin-top:70px;
	margin-bottom:100px;
}


.roundcorner{
	width:486px;
	height:486px;
	margin:0 auto;
	background:RGBA(255, 255, 255, 0.3);
	border-radius:100%;
}

.form-group{
	margin-bottom:20px;
}

.tc-logo{
	padding:60px 0 25px 0;
	margin:auto;
	max-width:240px;
}

.login-form{
	width:300px;
	margin:auto;
}


.login-un, .login-ps{
	font-family: 'robotoregular';
	font-family:16px;
	color:#BABABA;
	border:1px solid #aaa;
	border-radius:50px;
	padding-left:45px;
}

.login-un{
	background:url(../img/username.png) no-repeat 20px 12px #FFF !important;
}

.login-ps{
	background:url(../img/password.png) no-repeat 20px 12px #FFF !important;
}

.roundcorner p{
	font-size:13px;
	font-weight:normal;
	color:#333;
	text-align:center;
}

.roundcorner a{
	color:#333;
}

.roundcorner a:hover{
	color:#F00;
}

.username-btn, .password-btn{
	height:43px;
}

.login-button{
	width:100%;
	font-family: 'robotoregular';
	font-size:17px;
	color:#FFF;
	border-radius:50px;
	background:linear-gradient(#B0131B, #E61E2A);
	border:0;
	margin-bottom:8%;
	outline:none !important;
}

.login-button:hover{
	background:linear-gradient(#E61E2A, #B0131B);
	color:#FFF;
}

.login-bottom{
	margin:auto;
	max-width:316px;
}

.login-ftr{
	font-size: 12px;
	color: #535353;
	text-align: center;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	padding: 60px 0 15px 0;
	font-weight: normal;
}

.login-ftr a{
	color:#535353;
}

.login-ftr a:hover{
	color:#B0131B;
}

.forget-password{
	background:none;
	border:0;
	width:100%;
	margin-bottom:4%;
	font-size:13px;
	outline:none;
}


.for-empid{
	text-align:center;
	width:70%;
	margin:0 auto;
}

.for-submit{
	background:linear-gradient(#B0131B, #E61E2A);
	font-size:14px;
	color:#fff;
	/*width:70%;
	margin:3% 15%;*/
	margin:3% 15%;
	width:70%;
}

.for-submit:hover{
	color:#fff;
	background:linear-gradient(#E61E2A, #B0131B);
}

.rem-btn{
	width:40%;
    margin:auto;
	font-size:12px;
	color:#E51E2A;
}

.modal-title{
	text-align:center;
	color:#3c8dbc;
	font-size:16px;
	font-weight:normal;
}



.ch-box{
	width:20%;
	float:left;
}

.rem-me {
	width: 80%;
	float: right;
	font-size: 11px;
	color: #444;
	font-family: robotoregular;
	text-align: right;
	line-height: 20px;
}


.c_switch .c_align_middle {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0px;
}

.c_switch .c_round_back {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.c_switch .c_round_toggle {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
	background:#E61E2A !important;
	width:18px !important;
	height:18px !important;
}

.c_switch .bg {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.c_switch .text {
    color: white;
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200;
    zoom:normal !important;
}
.c_switch .text_on {
    background: -webkit-gradient(linear, left top, left bottom, from(#4B8699), to(#1B5C71));
    background: -webkit-linear-gradient(#4B8699, #1B5C71);
    background: linear-gradient(#4B8699, #1B5C71);
}

.c_switch .text_off {
    background: -webkit-gradient(linear, left top, left bottom, from(#737e8d), to(#3f454e));
    background: -webkit-linear-gradient(#737e8d, #3f454e);
    background: linear-gradient(#737e8d, #3f454e);
}

.c_switch .text_green {
    background: -webkit-gradient(linear, left top, left bottom, from(#008000), to(#006400));
    background: -webkit-linear-gradient(#008000, #006400);
    background: linear-gradient(#008000, #006400);
}


/*===POP UP==*/

.modal-content{
	box-shadow:none !important;
	border-radius:0;
	border:none;
}

.modal-dialog{
    width: 300px;
    margin: 26% auto 30px auto;
}


@media (max-width:768px) {


}

@media (max-width:540px) {

.roundcorner{
	width:90%;
	height:90%;
	border-radius:0;
	background:none;
}

#time-bg{
	margin:30px 0;
	height:auto;
}

}

@media (max-width:480px) {

.tc-logo{
	padding:5% 0;
}

.login-form{
	width:80%;
	margin:auto;
}

.login-ftr{
	padding:15% 0 2% 0;
}
.rem-btn{
	width:55% !important;
}

.ch-box{
	width:20%;
	float:left;
}

.rem-me{
	float:right;
}

.login-bottom{
	width:240px;
}

.for-empid{
	width:100%;
	margin:0 auto;
}

.for-submit{
	width:100%;
	margin:3% 0;
}

}