/* Common Styles */
md-input-container.md-default-theme .md-input, md-input-container .md-input,
md-select.md-default-theme .md-select-value, md-select .md-select-value {
    border-color: rgb(104, 141, 207);
	padding: 10px 2px 1px;
}
button.btn.btn-warning { margin-right: 10px;}
.strong {
    font-weight: 600;
    font-size: 13px;
}
th { 
	text-align: center !important;
} 
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>td{
	font-size:12px;
}
thead {background: rgb(233, 235, 245);}
.error, .required{color:red;  padding: 2px; }
button[disabled] {  opacity: 0.4;}
.md-datepicker-input-container{
	border-bottom: 1px solid #688dcf !important;
	padding-bottom: 0;
	width: 100%;
}
.hint.ng-scope{
    color: #a6a6a6;
    font-size: 11px;
}
.red-text {
    color: red;
    font-size: 11px;
}
md-radio-button {
    margin: 8px 16px 0 0 !important;
	padding: 2px 15px 0 0 !important;
}
button.center-block {
    background: rgb(127, 127, 127);
    border: none;
    color: #fff;
    margin: 10px auto;
    width: 100px;
}
button.center-block:hover{
	background: rgb(127, 127, 127) !important;
}
md-input-container:not(.md-input-has-value) md-select.ng-required .md-select-value span:first-child:after, md-input-container:not(.md-input-has-value) md-select[required] .md-select-value span:first-child:after{
	content:"";
}
md-datepicker .md-datepicker-input-container input {
    border: none;
}
.action-block button,
 button.btn.btn-primary:hover, 
.btn-primary.focus, .btn-primary:focus, 
.btn.btn-primary, 
.btn.btn-warning{
    background: rgb(127, 127, 127) !important;
    border: transparent !important;
	margin-top: 10px;
	outline: 0px auto -webkit-focus-ring-color;
}
.action-block {
    display: inline-block;
	margin: 10px 0  29px;
	text-align: center;
    width: 100%;
}
input[type=file] {
    display: block;
    margin-top: 8px;
}
/* For Firefox */
input[type=number] {
    -moz-appearance:textfield !important;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Change md default theme color */
html.md-default-theme, html, body.md-default-theme, body{
	background:#fff;
}
/* tab */
.progress {
	background-color: transparent !important;
	box-shadow: none !important;
	height: auto !important; 
	text-align: center;
}
md-content.md-default-theme, md-content {
    background-color: rgb(255, 255, 255);
}
/* Remove asterisk from md-select placholder */
md-select.ng-required.ng-invalid .md-select-value span:first-child:after,
md-select[required].ng-invalid .md-select-value span:first-child:after{
	content:"";
}
/* Horizontal Navigation Dotted Stepper */
.progress li{
    float: left;
    list-style: none;
}			
.progress .circle {
  display: inline-block;
  width: 40px;
}
.progress .bar {
   display: inline-block;
    border: 1px solid #d5d5da;
    width: 90px;
    margin: 0px -13px 10px -14px;
    border-width: 1px 0 0;
}
.progress .circle a {
    color: #000;
    text-decoration: none;
}
.progress .circle span.label:focus {
    outline: none;
} 
.progress .circle .label {
	background: rgb(208, 206, 206);
	display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 32px;
}
.progress .circle .title {
    display: block;
    width: 146px;
    margin: 11px 0px 16px -53px;
}
/* Done / Active */
li.ng-scope.active .circle .label {
  background: rgb(255, 192, 0);
}
/* Header */
.navbar-header {
    padding-left: 4em;
}
nav.navbar.navbar-default {
    border-radius: 0;
    background: rgb(140, 140, 140);
    border-color: transparent;
}
a.navbar-brand {
	background: rgb(191, 191, 191);
    border-radius: 50%;
    height: 80px;
    margin: 1em 0 1em 5px !important;
    width: 80px;
}
a.navbar-brand:focus{
	background-color: rgb(191, 191, 191) !important;
}
a.navbar-brand:hover {
    background-color:rgb(191, 191, 191) !important;
}
.navbar-brand {
    padding: 28px 20px !important;
    color: #fff !important;
}
.navbar-nav>li>h2 {
	padding-top:12px;
}
.navbar-nav>li>h2 a {
	color: #fff !important;
	font-size:18px;
	text-decoration:none;
}
.navbar-nav{
	margin:0 !important;
}
div#myNavbar {
    border: none;
    box-shadow: none;
    display: inline-block;
    float: left;
    font-size: 1.8rem;
    padding: 3em 4em 0em;
}
/* Form Layout */
ul.stepper.col-md-3 { padding-right: 0;}
.switchSelection.col-md-9 {    
	padding-left: 0;
    padding-right: 0;
}
/* Mutisteps tabs */
li.stepper_item.ng-scope a:hover,
li.stepper_item.ng-scope a:focus {
    text-decoration: none;
}
md-input-container {
    padding: 0;
    margin: 0;
	width: 50%;
}
md-select{
	width: 50%;
}
a.btn.btn-primary.dropdown-toggle {
    background: transparent;
    border: transparent;
    padding: 14px;
    color: grey;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0px;
    border-left: 0.3em solid transparent;
}
.employment .tabHeading {
	margin:0;
}
.tabHeading {
	background: #a6a6a6;
    color: #fff;
    display: inline-block;
    padding: 8px 14px;
    width: 100%;
}
.multiStepFormTab{
    border: 1px solid #e7e6e6;
	display: inline-block;
	width: 100%;
}
.layout-align-start-stretch.layout-row {
    margin-top: 10px;
}

/* Form fields */
label {
    float: left;
    margin-right: 15px;
}
md-select {
    margin: -6px 0 24px;
}
md-radio-button .md-label{
	margin-left:18px;
    vertical-align: super;	
}
.form-group label {
    color: #000;
    font-weight: 500;
    margin: 10px;
    min-width: 200px;
    text-align: right;
}
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input, md-input-container:not(.md-input-invalid).md-input-focused .md-input, md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input, md-input-container:not(.md-input-invalid).md-input-resized .md-input{
	border-width:0 0 1px;
	border-color:rgb(255, 204, 51) !important;
}
.md-datepicker-input-container.md-datepicker-focused{
	border-bottom-width:1px;
}
md-radio-button .md-off, md-radio-button .md-on {
    border-width: 1px;
    height: 14px;
    width: 14px;
}
.uploadRemoveButtons {
    margin: 0 0 16px 0;
	text-align: left;
}
.uploadFilesPreview {
	border: 1px dotted dimgrey;
    background: rgb(242, 242, 242);
    cursor: pointer;
    color: white;
    font-size: 4.27rem;
    font-weight: 100;
    line-height: 215px;
    margin-bottom: 10px;
    text-align: center;
    width: 220px;
}
img.uploadFilesPreview.ng-hide {
    background: rgb(242, 242, 242);
	cursor:pointer;
}
.uploadFilesPreview img {
    height: 220px;
    width: 220px;
    object-fit: contain;
}
.fa-times-thin:before {
    content: '\00d7';
}
.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.uploadFilesPreview.ng-not-empty span {
    display: none;
}
.uploadSection {
    padding: 1em 3em;
}



/*####################################### md-tab _Education Starts Here###############################*/
.yearListing {
    border: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #688dcf !important;
    border-radius: 0 !important;
    padding: 0 !important;
	margin: -3px 0 18px;
	width: 50% !important;
}
md-tab-item {
    background: rgb(242, 242, 242);
}
md-tabs-canvas {
    height: 30px;
}
.md-tab{
	padding:4px 24px;
}
md-pagination-wrapper {
    width: 100% !important;
}
md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar{
	background:transparent
}
md-tabs.md-default-theme .md-tab, md-tabs .md-tab {
    color: #618edb;
}
md-tabs .md-tab.md-active{
	background:transparent;
}
p.educationDetails {
    padding: 12px;
}
/* md-tab _Education Ends Here*/

/*########################################### Statement of Purpose ##########################################*/
.entranceExams{
	margin-right:-20px !important;
	margin-left:-20px !important;
}


/*########################################### Document Upload ##########################################*/
.multiStepFormTab.documentUpload, 
.multiStepFormTab.family, 
.multiStepFormTab.employment,
.multiStepFormTab.statementOfPurpose{
	padding:20px 20px 0px;
} 
.marksheetRequired{
	display:none;
}
.fileuploadSection md-select {
    margin: -6px 0 0 !important;
}
/*########################################### Payment ###################################################*/
.multiStepFormTab.makePayment .row {
    margin-top: 5em;
}
md-dialog-content#dialogContent_72 {
    border: 1px solid #a6a6a6;
    margin: 20px;
}
.viewPaymentInstDialogContent {
    color: #fff;
    margin: 0 15px 0px;
}
.viewPaymentInstDialogContent .md-dialog-content {
    padding: 5px 16px;
}
.viewPaymentInstMdDialog {
    background: #1f4e79;
    border-radius: 0;
    max-width: 90%;
    max-height: 90%;
    padding: 6px 0 16px;
}
.viewPaymentInstDialogContent h4 {
	font-size: 14px;
	font-weight:600;
}
.viewPaymentInstDialogContent h3{
	font-size: 16px;
    margin-top: 0px;
}
.viewPaymentInstDialogContent ul li {
    font-size: 13px;
}
md-toolbar{min-height:40px;}
.md-toolbar-tools{height:46px;}
.viewPaymentInstDialogContent md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
    background-color: rgb(31, 78, 121);
	color: #ffc000;
	padding: 0px 15px;
}
.md-toolbar-tools h3{
	font-size: 18px !important;
}
.info{
	margin-top:3em;
}
.primaryFormSubmit {
    margin-bottom: 1em !important;
}
/*md-input*/
md-input-container.md-default-theme .md-input, md-input-container .md-input,
md-input-container:not(.md-input-has-value) input:not(:focus) {
    color: #142369;
}

/* Previous Next Buttons */

/*####################### Responsive Styles ################################*/

@media (min-width: 1200px){
	.container {
		max-width: 100%;
		width: 1280px !important;
	}
}

@media (max-width: 991px){
	.form-group label{
		text-align:left;
	}
	md-select, md-input-container, md-radio-group._md.layout-row {
		margin-left: 1em;
		width: 86%;
	}
	md-pagination-wrapper {
		width: max-content !important;
	}
	.col-sm-6 {
		width: 94% !important;
	}
}
@media (max-width: 768px){
	div#myNavbar{
		margin: 0;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.logoContainer {
		display:inline-block;
	}
	.navbar-header {
		float: left;
		margin: 0 !important;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.navbar-brand {float:none;}
	.navbar-nav>li>h2 {
		padding-top: 0;
		margin-top: 0;
	}
}
@media (max-width: 620px){
	.layout-row{
		display: inherit;
	}
	.layout-align-start-stretch{
		justify-content:initial;
		
	}
	._md-datepicker-floating-label>md-datepicker .md-datepicker-input-container{
		border: 1px solid rgb(104, 141, 207) !important;
		border-width: 0px 0px 1px !important;
	}
	md-input-container md-datepicker .md-input{
		border:none;
	}
	.form-group label{
		margin: 22px 0px 0 9px;
	}
}

@media (max-width: 424px){
	.progress li {
		float: none;
	}
	.uploadSection {
		padding: 1em 0.5em;
	}
}