@CHARSET "UTF-8";
/*
over-ride "Weak" message, show font in dark grey
*/

.progress-bar {
    color: #333;
}

/*
Reference:
http://www.bootstrapzen.com/item/135/simple-login-form-logo/
*/



    .form-control {
	  position: relative;
	  font-size: 16px;
	  height: auto;
	  padding: 10px;
		@include box-sizing(border-box);

		&:focus {
		  z-index: 2;
		}
	}



.login-form {
	margin-top: 30px;
}

form[role=login] {
	color: #5d5d5d;
	background: #f2f2f2;
	padding: 26px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	form[role=login] img {
		display: block;
		margin: 0 auto;
		margin-bottom: 35px;
	}
	form[role=login] input,
	form[role=login] button {
		font-size: 18px;
		margin: 16px 0;
        width:100%;
	}
	form[role=login] > div {
		text-align: center;
	}
form[role=login] input.error{border: 1px solid red !important;border-radius: 5px;}
.form-links {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 50px;
}
	.form-links a {
		color: #fff;
	}


.table-secondary, .table-secondary > td, .table-secondary > th {
	background-color: #dddfe2;
}
.table-primary, .table-primary > td, .table-primary > th {
    background-color: #b8daff;
}
.radio label{font-size:17px;font-weight:700;  }


/* Ticket System CSS Priyank */

.mhead{font-size:2rem}
    #supportOrder h3,#supportItem h3{font-size:1.8rem}
    #order-date{font-weight:bold;}
    .productTitle{color:#455560;font-size: 18px;font-weight: bold;}
    .pcontainer{padding: 10px;border: 1px solid #ccc;border-radius: 5px;margin:10px 0px;}
    .pcontainer.sel{padding: 10px;border: 1px solid darkgreen;border-radius: 5px;box-shadow: 5px 5px 5px #ddd;}
    .fbtn{margin-top:20px;}
    .files a:hover{text-decoration: underline;color:darkblue;}
    fieldset.border {border: 1px groove #ccc;padding: 0 1.4em 1.4em 1.4em;}
    fieldset.border legend {width: auto;padding: 0 10px;border-bottom: none;position: relative;top: 2px;}
    legend {display: block;width: 100%;padding: 0;margin-bottom: 20px;font-size: 21px;line-height: inherit;
        color: #333; border: 0;}
    #ticketInfo{float: left;}
    #ticketInfo tr td{font-size:16px;}
    #ticketInfo tr td:nth-child(0){font-weight:bold;}
    @media(max-width:576px){
        .mhead small{display: block;font-size: 13px;margin-top: 10px;}
        .container{margin:0px 20px !important;}
        #supportOrder h3,#supportItem h3{font-size:1.6rem}
        .fbtn{text-align:center;}
    }