/**
* EzApp Custom CSS
* All Customized CSS Goes Here
**/
/* Floating User Menu Starts Here */
.Menusticky-container{
    padding:0px;
    margin:0px;
    position:fixed;
    right:-130px;
    top:230px;
    width:210px;
    z-index: 1100;
}
.Menusticky li{
	background: #dc3545;
    border: 0.2px solid #e8d7a4;
    color: #ffffff;
	cursor: pointer;
    list-style-type: none;
    height: 40px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.Menusticky li:hover{
    margin-left:-76px;
}
.Menusticky li i{
	float: left;
    margin: 10px;
    width: 20px;
    font-size: 16px;
}
.Menusticky li p{
	padding-top: 7px;
}
.Menusticky li p a{
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
}
.Menusticky li p a:hover{
    text-decoration:underline;
}
.fa-stack {
    font-size: 10px;
    width: 1.3em;
    margin-right: 3px;
}
.fa-stack-1x {
    margin: 0px 2px;
}
/* Floating User Menu Ends Here */

/* common Styles */
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0; 
     margin-left: 0; 
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
    font-size: 14px;
}
select {
	padding-left:10px;
}
.id {
	color:#fff;
}
.Pay-td{
	padding-left:10px;
}
.table-bordered thead td, .table-bordered thead th {
    font-weight: 500;
    text-align: center;
}
select, input[type=date] {
    -moz-appearance: none;
    -webkit-appearance: none !important;
    appearance: none;
    background: transparent url('../register/images/drop-down-arrow.png')no-repeat right center;    
    background-size: 9px;
} 
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button{
    width:0px;
	background:transparent;

}
input.form-control.dateField {
    padding: 0;
}
.row.section {
    padding:1em 0;
}
input[type=date] {
    padding: 2px 2px 5px 5px;
}
label, button{
    border-radius: 0 !important;
    font-size: 14px;
}

/* Header */
a.nav-collapse.avatar-header img {
    border-radius: 50%;
    width: 40px;
}
nav.navbar.navbar-default {
    border-radius: 0;
    background: rgb(140, 140, 140);
    border-color: transparent;
}
a:focus {
    outline:0;
}
/* Payment Instructions */
.modal-header , .tableHeadColor {
	background:#a6a6a6;	
	color:#fff;
	border-radius:0;
	padding-left:10px;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    padding-left: 1em;
}
.axis_bank,.billDesk {
	width:100%;	
}
.payment-instruction {
	max-width:60%;
}
.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2em;
}
/*############## Personal details Tab################## */
a.chosen-single.chosen-default span,
.chosen-container .chosen-results li,
.checkbox{
    font-size: 14px;
}
label.fileUplaodLabel {
    width: initial !important;
}
input.form-control.fileUploader {
	width: fit-content !important;
	display: -webkit-inline-box;
	}
.fileType {
    width: 43% !important;
    display: inline-block;
    border: none;
    padding-left: 10px !important;
}

.phone-number .countryCodeCtl::after{
    padding: 0 6px;
}
.phone-number .countryCodeCtl,
.phone-number .phoneNumberCtl{
	float:left;
}

.same_address {
    width: 100%;
}
.ui-widget-overlay {
    background: #000000;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable 
{
    border-radius: 0;
    position: fixed;
    left : 200px !important;
    top : 200px !important;
    z-index: 9999 !important;
    width: 75% !important;
}
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
/* Educational Details */
.row.form-group.tableGroup.conditional_format label {
    width: initial;
}

/* Profile Dropdwon */
.profileDropdown li {
    font-size: 13px;
    color: #fff;
	/* cursor:pointer;*/
}
ul.dropdown-menu.pull-right.icon-right.arrow.show li:hover a {
    color: #fff;
}
li.dropdown {
    float: right;
}
ul.dropdown-menu.pull-right.icon-right.arrow.show li:hover {
     background: #c5161d;
}
a.dropdown-toggle {
    color: #fff;
	text-decoration: none;
}
ul.dropdown-menu.pull-right.icon-right.arrow.show li {
	 padding: 5px 10px;
}
ul.dropdown-menu.pull-right.icon-right.arrow.show a {
    color: #000;
	text-decoration: none;
}
.bg-dark {
  background-image: url(../../images/headerbg.jpg);
    background-position: center;
}
nav.navbar.navbar-expand-sm.bg-dark.navbar-dark .container {
    z-index: 1;
}
nav.navbar.navbar-expand-sm.bg-dark.navbar-dark:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(24, 24, 24, 0.86) !important;
}
.navbar-header img {
    width: 80%;
}
.profileId {
	left: 14px;
    position: relative;
    top: 0px;
    width: 10%;
}
.dropdown-menu{  
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border-radius: 0;
    left: auto;
    min-width: 14rem;
	 right: 0px;
}
.dropdown-menu .divider {
	border-top: 1px solid #a6a6a6;
    padding: 0 !important;
    margin: .3em 0;
}

.btn.focus, .btn:focus{box-shadow:none;}
/* Step Wizard */
/* Custom CSS */
/*
.stepwizard a.btn.btn-circle.btn-default.processingBtn {
    background: #ffc000 !important;
    border: transparent;
}
.stepwizard  a.btn.btn-circle.btn-default {
    background: #92d050;
}
*/
.stepwizard .btn[disabled] {
    background: #d0cece !important;
}
a[disabled], a[disabled]:hover {
  #pointer-events: none;
   color: #e1e1e1;
}
.stepwizard-row {
    display: inline-block;
    overflow: hidden;
	width: 100%;
}
.stepwizard {
   display: table;
    margin: 0.5em auto 0.5em;
    position: relative;
    width: 100%;
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#bbb;
}
.stepwizard-step {
   float: left;
    margin: 0 0 0 -14px;
}
a.btn.btn-circle.btn-default.processingBtn {
    background: #ffc000 !important;
}
a.btn.btn-circle.btn-default {
	border-radius: 0;
    background: repeating-linear-gradient( -65deg, rgb(242, 242, 242), rgb(242, 242, 242) 20px, rgb(242, 242, 242) 20px, rgb(242, 242, 242) 40px);
    color: #000;
	padding: .375rem 2.5rem;
    -webkit-clip-path: polygon(22px 50%, 0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%);
    -moz-clip-path: polygon(22px 50%, 0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%);
    clip-path: polygon(22px 50%, 0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%);
}
a.btn.btn-circle.btn-default {
    background: #92d050;


}
.stepwizard-step:first-child a {
    -webkit-clip-path: polygon(0px 50%, 0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%) !important;
    -moz-clip-path: polygon(0px 50%, 0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%) !important;
    clip-path: polygon(0px 50%, 0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%) !important;
}
/**************Step Wizard********************/
.btn-circle {
  opacity: 1;
}
/*.panel-body {
	border:1px solid #4dacbb;
	border-top: none;
	margin: 0em 0 2em;
}
.panel-primary{
	border-color:transparent;
}
label.required:before {
  content:"*";
  color:red;
  padding: 0px 2px;
}
*/
.required:before {
  content:"*";
  color:red;
  padding: 0px 2px;
}
.hint-block.text-danger {
   margin-left: 40%;
    margin-bottom: 1em;
    text-align: left;
    width: 100%;
}
.help-block.text-danger 
{
    color:#8c8a8a !important;
    font-size: 12px;
}
.asterisk,
.highlightedText{
	color:red;
}
.panel{
	border-radius:0;
}
.tabHeading {
	background-color:  #4dacbb;
	color:white;
	font-size: 15px;
	font-weight:400;
	padding: 5px;
	width: 100%;
}
/* label */
.form-group label 
{
	width:42%;
	text-align:right;
	padding-right:15px;
	float:left;
}
.form-group.tableGroup table {
	float:left;
}
.panel-body input[type=tel],
.panel-body input[type=email],  
.panel-body input[type=number], 
.panel-body input[type=text],
.panel-body input[type=password],
select, 
input[type=date] {
     box-sizing: border-box;
    border: none;
	border-radius:0;
    border-bottom: 1px solid rgb(104, 141, 207);
	box-shadow: none;
	font-size: 14px;
	outline: 0;
	height: 26px;
	width: 50%;
}
textarea {
    border: 1px solid #90abdc;
}

.form-control{
	padding: 6px 0px;
	width: 50%;
}
.form-control:focus {
    border-bottom : 2px solid #dc3545 !important;
    -webkit-box-shadow: none;
    box-shadow:none; 
}
.has-error .form-control:focus {
    box-shadow: none;
}
.tableGroup tbody label {
   float: right !important;
	padding: -1 0px;
	 width: initial !important;
}
/* For Firefox */
input[type=number] {
   -moz-appearance:textfield !important;
}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
option:not(:checked) {
  color: black; /* prevent <option>s from becoming transparent as well */
}
/* 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;
}
.paymentSection.text-center {
    margin: 3em;
}	
.action-block .btn.btn {
    /*background-color: #aaa;*/
    border-color: transparent;
}
.action-block {
    margin: 2em 0;
	text-align: center;
}
input[type=radio], 
input[type=checkbox] {
    margin: 3px 4px -15px;    
    line-height: normal;
    outline:0;
    
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: #aaaaaa;
    border-color: #aaaaaa;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}
/* Employment */
.col-md-6.conditional_format {
    margin: 1em 3em;
}
/* Family */
.table-responsive>.table-bordered {
    margin-bottom: 1.5em;
}
.family_details {
    padding: 1em;
}
/* File Upload */
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.imageupload label {
    width: initial;
    padding-right: 12px;
    margin-right: 4px;
}
.uploadFiles {
   padding: 1em;
    display: inline-block;
}
.imageupload .btn-file input[type="file"] {
    display: block;
    opacity: 0;
    width: 100%;
}
.imageupload .btn-file{
    height: 38px;
    text-align: center;
    width: 88px;
}
/* Statement of Purpose */
.statement {
    padding: 1em 1em 0;
}
/* File Upload */
.box {
	padding: 0.5em;
	width: 100%;
	margin:0.5em;
}
.box-2 {
	padding: 0.5em;
	width: calc(100%/2 - 3em);
}
.options label, .options input {
    width: 3em;
    margin: 0.5em 0em;
}
.hide {
	display: none;
}
/* Style the tab */
.panel-body {
    border: 1px solid #4dacbb;
    font-size: 14px;
    padding: 0 0 1em;
    margin: 0 0 2em;
}
div#step-2 .panel-body {
    border: transparent;
}
.stepwizard-step.col-xs-1half small {
    font-size: 16px;
}
.tab {
    overflow: hidden;
    /*border: 1px solid #36d6f0;*/
    background-color: #00bcd4;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    border: none;
	cursor: pointer;
	float: left;
    outline: none;
    padding: 8px 22px;
    transition: 0.3s;
    color: #fff;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent 
{
    border: 1px solid #f1f1f1;
    display: none;
    padding: 6px 12px;
    border-top: none;
}
/*
.conditional_format {
    margin: 0em 0em 1em;
}
.tabcontent input[type=text] {
    height: 20px;
	padding-left: 10px;
    width: 50%;
    box-sizing: border-box;
    border: none;
	border-radius:0;
    border-bottom: 1px solid gray;
}

.tabcontent input[type=number] {
    height: 20px;
	padding-left: 10px;
    width: 50%;
    box-sizing: border-box;
    border: none;
	border-radius:0;
    border-bottom: 1px solid gray;
}
*/
/* For Firefox */
input[type=number],
input[type=date] {
   -moz-appearance:textfield !important;
}
/* Webkit browsers like Safari and Chrome */
	input[type=number]::-webkit-inner-spin-button,
	input[type=number]::-webkit-outer-spin-button,
	input[type=date]::-webkit-inner-spin-button,
	input[type=date]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
}
/* Document Upload */
.document-upload {
    padding: 1em;
}
.document-upload select {
    width: 54%;
}
.alert {
	margin-bottom:10px;
}
/* Payment Tab */
div#Demand_Draft button.pull-right.viewPaymentInst {
    margin-bottom: 2em;
}

div#DisplayRupeePrice {
    background: #f35958 !important;
    padding: 1em;
    color: #fff;
	margin: 1em 0 2em;
}
.hold-icon {
	color: rgba(0, 0, 0, 0.1);
    font-size: 5em;
    position: absolute;
    top: 18px;
    right: 0.5em;
}
.clickToPay {
    margin: 3em 0 0;
}
span#lblTotal {
    font-size: 55px;
}
section.amountSection h5 {
    text-transform: uppercase;
}
.viewPaymentInst{
	background: rgb(127, 127, 127) !important;
    border: transparent !important;
    cursor: pointer;
    color: #fff;
    margin-top: 10px;
    outline: 0px auto -webkit-focus-ring-color;
    padding: 4px 12px;
    display: none;
}
#paymentinstructionModal h5 {
    font-size: 1em;
    font-weight: bold;
    margin: 1em 0;
}
/* Print Icon  */
.fa-print{
	background-color: #F37864;
    border-radius: 50%;
    -webkit-box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 3px 0 rgba(166, 166, 166, 0.3);
    cursor: pointer;
    color: #fff;
    padding: 13px;
}
.printApplication.text-right {
    position: fixed;
    bottom: 2em;
    right: 4em;
}

/*######################### Print Preview Template Start ########################*/
.tablefullboder{
	border:1px solid gray;
	margin:20px 0;
}	
.col_2 {
	width: 450px;
	padding-left:20px;
}
.heighlightedText {
	color:#000;
	font-weight:600;
	padding-top:20px;
	padding-left: 20px;
}
#table2 {
	width:100%;
	margin: 22px 20px;
}
.table1 {
	width:100%;
	color:#fff;
	font-weight:600;
	background-color:#4d9dbb;
}
.date_place {
	padding-bottom:20px;
}
#affixProfilePhoto {
    height: 151px;
    width: 150px;
}
td#table1 {
    padding: 0;
}
table.table1 tbody tr td {
    padding: 10px 18px;
}
tr.barCode td {
    padding: 8px 1em;
}

/*######################### Print Preview Template End########################*/

/*######################### My Mail Starts Here #############################*/
.mailHeader {
	background-color: #3db9af !important;
    color: #fff;
    display: inline-block;
    padding: 10px;
    width: 100%;

}
.mailInfoHeader {
    border: solid .5pt #666666;
    background-color: #cc9966;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    text-align: center;
}
.mailMessage {
    padding: 0 10px 10px;
}
.mail-id {
	background: rgba(0, 0, 0, 0.1);
	float: left;
	padding:5px;
}
.mail-id a{
	color:#fff;
}
.info {
    border: 1px solid gray;
}
.myMail {
    border: 1px solid gray;
    margin: 10px auto;
    padding: 0 0 30px 0;
}
.mail-list {
    padding: 10px 0;
}
ul.mlist li {
    list-style: none;
}
ul.mlist {
    padding: 0;
}
ul.mlist li {
    border-bottom: 1px solid #cccccc;
    cursor: pointer;
    padding: 12px;
    margin: 10px;
}
a.mail-favourite {
    margin-right: 6px;
}
h2.header-text {
    text-align: center;
}
.mail-list ul.mlist li a.mail-favourite.active {
    color: #FFCC33;
}
span.mail-pagination {
    font-size: 12px;
    font-style: italic;
}
/*######################## My Mail Ends Here ###############################*/

/* Responsive Styles */
@media (max-width: 1200px){
	.registrationForm .col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 86%;
		max-width: 86%;
	}	
	.same_address label {
		width: 50%;
	}
}
@media (max-width: 767px){
	button.tablinks {
		width: 100%;
	}
	.stepwizard-step {
		display: block;
	}
}
@media (min-width: 576px) and (max-width:768px){
	.container {
		max-width: 720px;
	}
}

@media (max-width: 680px){
	.form-group label {
		width: 100%;
		float: none;
		text-align: left;
	}
	.form-group {
		padding-left: 24px;
	}
	.panel-body input[type=email], .panel-body input[type=number], .panel-body input[type=text], .panel-body input[type=password], select, input[type=date]{
		margin-left: 0.5em;
		width:90%;
	}	
	.help-block.text-danger {
		margin-left: 0.5em;
		margin-bottom: 1em;
		width: 100%;
	}
	small.text-muted {
		margin-left: 0.5em;
	}
	.chosen-container {
		width: 88% !important;
		margin: 1em 10px;
	}
	.uploadFiles {
		margin-left: 0em;
	}
	.imageupload .btn-file{
	    margin-top: 9px;
	    }
}

@media only screen and (max-width: 600px) {
	.navbar-header, .profileId, ul#Header1_dropMenu,ul#Header1_dropMenu li {
        left: auto;
		text-align: center;
		width: 100%;
	}
	.profileId {
		margin-top: 4px;
	}
	ul.dropdown-menu.pull-right.icon-right.arrow.show {
		position: absolute;
		width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	table#radGender td label {
		 width: 44px !important;
    float: right !important;
	}
.paymentSection.text-center {
    margin: 1em;
}
.tableGrid tr {
		display: inline-grid;
	}
}
textarea {
		width: 50%;
	}
@media (max-width:400px) {
	.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable {
		width: 320px !important;
	}
}
	@media (max-width: 350px) {
.tableGroup tbody label {
		width: 51px;
		float: right !important;
	}
	.action-block button.btn.btn {
			padding: .375rem 0.55rem;
	}

}
@media (min-width: 1440px){	
	.form-group.tableGroup label {
		width: 42%;
	}
}
@media (min-width: 1200px){
	.container {
		max-width: 90%;
	}
}
@media (min-width: 768px) {
    
}
@media (min-width:320px) {
	.payment-instruction {
		max-width: 80%;
		margin: 0 auto;
	}
}