*, *::before,
*::after { margin:0px; padding:0px; box-sizing:border-box; }

body { font-size:100%; font-size:14px; background-color:#fff;   font-family: sans-serif; 
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%; }

a { cursor:pointer; }

/*! normalize.css v7.0.0 | MIT License */ html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}


.container { max-width:968px; margin:25px auto 0px; min-height:450px; border:1px solid #DADADA; background-color:#fff; }
header { background:url(../images/avvnlTopBanner.jpg) no-repeat; width:100%; min-height:110px; border-bottom:2px solid #BEBEBE; }
.content-holder { display:block; padding:0px 15px; background:#fff url(../images/billdesk-logo.png) no-repeat 98% 98%; }

.label { 
	display: inline-block;
	padding: 2px 5px 1px;
	line-height: 1.5384616;
	border: 1px solid transparent;
	border-radius: 2px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-top: -5px;
}
.text-success { 
	background-color: #66BB6A; border-color: #66BB6A; color: #fff;
}

.text-failed { 
	background-color: #F44336; border-color: #F44336; color: #fff;
}

.text-confirm { 
	background-color: #03A9F4; border-color: #03A9F4; color: #fff;
}

.row	{  display:block;  margin-right:-15px; margin-left:-15px; box-sizing:border-box; }
.row:before, .row:after, .form-group:before, .form-group:after, .dl-horizontal dd:after,.dl-horizontal dd:before { display:table; content: " "; }
.row:after, .form-group:after, .dl-horizontal dd:after { clear:both; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { position:relative; float: left;  min-height:1px; padding-right:7px; padding-left:15px;}

.col-12 { width: 100%;   }
.col-11 { width: 91.53%; }
.col-10 { width: 83.06%; }
.col-9  { width: 77.6%;  }
.col-8  { width: 66.13%; }
.col-7  { width: 57.66%; }
.col-6  { width: 49.2%;  }
.col-5  { width: 40.73%; }
.col-4  { width: 32.26%; }
.col-3  { width: 20.8%;  }
.col-2  { width: 15.33%; }
.col-1  { width: 6.866%; }

h1,h2,h3,h4,h5,h6,h7	{ margin-bottom:10px; }


/**** IE Hack ***/
_:-ms-fullscreen, :root input[type="text"],
_:-ms-fullscreen, :root input[type="email"],
_:-ms-fullscreen, :root input[type="tel"],
_:-ms-fullscreen, :root input[type="date"],
_:-ms-fullscreen, :root input[type="time"],
_:-ms-fullscreen, :root input[type="datetime-local"],
_:-ms-fullscreen, :root input[type="month"] {
    line-height: normal;

    &.input-sm {
        line-height: normal;
    }
    &.input-lg {
        line-height: normal;
    }
}


.print				{ display:none; }
section.main		{ border:0px solid #ccc; padding:15px 15px 0px; border-radius:4px; max-width:495px; min-height:395px; padding-top:35px; }
section.main.full-width	 { max-width:100%; }
section.main h3		{ font-size:17px; font-weight:400; }

section.main > p	{ font-size:12px; color:#666; line-height:22px; }
section.main > form { margin:25px 0px; }


.flow-section		{ z-index:3; position:relative; padding:25px 0px 0px; }
.flow-section:after	{ top:75px; bottom:0px; left:10px; border-left:1px solid #ccc; content:" "; position:absolute; }
.flow-section h2	{ font-size:19px; font-weight:400 !important; border-bottom:1px solid #ccc; padding-bottom:6px; margin-bottom:20px; }
.flow-section h2	span { font-size:15px; }

.step				{ margin:20px 0px 30px 40px; position:relative; color:#666666; font-weight:600; font-size:12px; }
.step:last-child	{ margin-bottom:0px; }
.step:before		{ position:absolute; left:-40px; top:50%; transform:translate(0%,-50%); width:22px; height:22px; 
					  border:1px solid #ccc; background:#fff; content: " "; z-index:4; border-radius:100%; }
.step.active:after	{ position:absolute; left:-35px; top:50%; transform:translate(0%,-50%); width:12px; height:12px; 
					  background:#22a1ff; content: " "; z-index:5; border-radius:100%; }
.step h4			{ font-weight:400; font-size:14px; }

.aside-section		{ position:absolute; left:-200px; right:0px; top:0px; bottom:0px; background-color:#efefef; width:210px; z-index:2; }

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

.control-label		{ padding-top:10px; font-size:15px; font-weight:700; color:#333; margin-bottom:5px; display:block; }
.form-control		{ border:1px solid #ccc; box-sizing:border-box; height:40px; line-height:40px; padding:6px 11px; color: #444;
					  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:15px; width:100%; }

.query .control-label	{ padding-top:10px; font-size:13px; font-weight:700; color:#333; margin-bottom:5px; display:block; }

.splitOption			{ display:block; margin:10px 0px; position:relative; min-height:70px; border:0px solid #ccc; }
.splitOption:after		{ position:absolute; content:" "; border-top:1px solid #ddd; left:0px; right:0px; top:50%; z-index:1;  }
.splitOption span 		{ width:52px; height:52px; line-height:30px; display:inline-block; border:1px solid #ccc; padding:10px; border-radius:100%; 
						  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; background-color:#f1f1f1; z-index:4; }

.form-control::-moz-placeholder { color:#777; font-size:14px; }
.form-control::-ms-input-placeholder { color:#777; font-size:14px; }
.form-control::-webkit-input-placeholder { color:#777; font-size:14px; }

.error-text		{ font-size:14px; line-height:22px; color:#000; }
div.error-text	{ text-align:left; color:#314855; padding:0px; font-size:15px;   }
div.error-text h3 { font-weight: 700; color: #314855; }
div.error-text h1 { font-weight: 700; color: #314855; }
div.error-text	strong { margin-bottom:10px; display:block; }
div.error-text	ul, ul li { margin:0px; padding-left:14px; }
div.error-text	ul { background:url(../images/err.png) no-repeat 0px 0px; min-height:250px; padding:25px 0px 0px 220px; }
div.error-text	ul li { margin:0px 0px 0px; padding:0px; margin-bottom:9px;  }

.input-group		{ padding-left:0px; }
.btn				{ display:block; padding: 10px 16px; width:100%; margin-bottom: 15px; }
.btn.btn-danger		{ background-color:#f0c14b; 
	
	-webkit-font-smoothing: antialiased;
	font-weight: 400; font-size:17px;
	text-decoration: none; margin-bottom:10px;
	
	-webkit-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
	
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7dfa5), to(#f0c14b)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#f7dfa5, #f0c14b); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#f7dfa5, #f0c14b); /* FF3.6 */
	background-image:     -ms-linear-gradient(#f7dfa5, #f0c14b); /* IE10 */
	background-image:      -o-linear-gradient(#f7dfa5, #f0c14b); /* Opera 11.10+ */
	background-image:         linear-gradient(#f7dfa5, #f0c14b); color:#000 !important; 

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	border-width:1px;
	border-style:solid;
	border-color: #cba957 #bf942a #aa8326;
	cursor:pointer;

	
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .1), 0 2px 2px -1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .1) inset;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1), 0 2px 2px -1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .1) inset;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .1), 0 2px 2px -1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .1) inset;

}

.btn.btn-danger:hover { border: 1px solid #aa8326; box-shadow: inset 0 -100px 0 0 #f0c14b; }
.btn.btn-danger:focus {	border: 1px solid #aa8326; box-shadow: inset 0 -100px 0 0 #f0c14b; }
.btn.btn-danger:active { border: 1px solid #aa8326; box-shadow: inset 0 -100px 0 0 #f0c14b; }

.btn-primary {
	cursor:pointer;
	border:1px solid rgba(0,0,0,0.2);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#ffffff)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#e6e3e3, #ffffff); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#e6e3e3, #ffffff); /* FF3.6 */
	background-image:     -ms-linear-gradient(#e6e3e3, #ffffff); /* IE10 */
	background-image:      -o-linear-gradient(#e6e3e3, #ffffff); /* Opera 11.10+ */
	background-image:         linear-gradient(#e6e3e3, #ffffff); color:#000 !important; 


	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .1), 0 2px 2px -1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .1) inset;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1), 0 2px 2px -1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .1) inset;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .1), 0 2px 2px -1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .1) inset;

 }

.parsley-errors-list { margin:0px; padding:0px; font-size:12px; }
.parsley-errors-list li { list-style:none; padding:5px 0px 0px; }
.parsley-required, .parsley-checkChildren	{ color:#ff5169; font-size:12px; }
.parsley-minlength, .parsley-type { color:#03abf5; font-size:12px; }

.parsley-errors-list li.parsley-checkChildren { background-color:#eee; color:#ad0018; display:inline-block; padding:10px; border-radius:3px; border:1px solid #dc97a0; font-size:13px; }

.display-data { margin:25px 0px; }

.dl-horizontal dt	{ float:left; width:170px; clear:left; text-align:right; overflow:hidden; 
					  text-overflow:ellipsis; white-space:nowrap; text-align:left; font-size:12px;  
					  font-weight:600;

					}
.dl-horizontal dd { margin-left:180px; margin-bottom:13px; font-size:13px; }




@media (max-width:768px) {
	
	.flow-section, .aside-section { display:none; }
	header { background-size:contain; min-height:40px;  }
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { width: 100%;  }
	.container { max-width:100%; margin:0px auto; }
	.content-holder { padding-bottom:25px; background-position:91% 98%; }
	section.main { padding-left:0px; padding-right:0px; }

	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { padding-right:15px; }

	.dl-horizontal dt	{	text-align:left; font-size:12px;  
							font-weight:600;

						}
	.dl-horizontal dd	{	margin-left:0px; margin-bottom:15px; }

}

@media print { 
	
	header, .flow-section, .aside-section, .btn { display:none; }
	.print		{ display:block; }
	.container	{ border:0px; }
	
}


/************* Calendar ***********/
#ui-datepicker-div { z-index:10 !important; }
.ui-widget-header { border:0px; background-color:#fff; border-bottom:1px solid #eee; color:#444; font-weight:400; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button { border:0px; background:transparent; }
.ui-datepicker td span, .ui-datepicker td a { padding:0.6em; background:transparent; }
.ui-state-active, .ui-widget-content .ui-state-active { background-color:#9A3231; color:#fff; border-radius:100%; }
.ui-datepicker-today a.ui-state-highlight { border-radius:100%; border:1px solid #9A3231;  }
.parsley-custom-error-message { color: #ff5169; font-size: 12px; }


.display-data > .col-6 { padding-left:0px; }
.display-data h4 { font-size:14px; margin-bottom:25px; border-bottom:1px solid #eee; padding-bottom:15px; }
.note { font-size:12px; color:#666; } 

input[type=number]:-webkit-inner-spin-button, 
input[type=number]:-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

input[type=number] { -webkit-appearance: textfield; -moz-appearance:textfield; appearance: textfield; }


.notes		{ margin:15px 0px; font-size:12px; display:block; padding-top: 15px; border-top: 1px dashed #ccc; }
.notes h4	{ font-weight:600; margin-bottom:5px; color:#000; }
.notes ul	{ padding-left:15px; }
.notes ul li { padding:0px; margin:0px; padding-left:0px; color:#C00000; }




.dataTable { margin-bottom:30px; }
.dataTable th { background-color:#ccc; padding:7px 0px 7px 1px; font-size:12px; font-weight:600; text-align:left; }
.dataTable th:first-child { padding-left:5px;  }
.dataTable td { padding:7px 0px 7px 1px; font-size:12px;  }
.dataTable > tbody > tr > td { border-bottom: 1px solid #ccc;}
.dataTable > tbody > tr > td span.label { margin-top:0px; }
.dataTable > tbody > tr:hover { background-color:#f0f0f0; }
.dataTable td:first-child { padding-left:5px; }
.dataTable >tbody >tr > td:last-child { padding-right:10px; }
.dataTable td label { padding:7px 0px 4px; display:block; font-size:11px; text-transform:uppercase; color:rgba(102,102,102,1); border-bottom:1px solid #f2f2f2; background-color:#f1f1f1; margin-bottom:0px; font-weight:600; }
tr.collapse td { padding-left:0px; background-color:#f1f1f1; }
tr.collapse td table td { padding-left:5px; border-bottom: 1px solid rgba(0,0,0,0.06); }
tr.collapse td table tr:last-child td { border-bottom:0px; }

.fadein, .fadeout {
    opacity: 0;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.fadein {
    opacity: 1;
}

.collapse { }
.dataTable > tbody > tr > td { cursor:pointer; }
.icon-plus { display:inline-block; width:16px; height:16px; position:relative; border:2px solid rgb(0, 178, 202); color:rgb(0, 178, 202); font-weight:700; font-size:14px; }
.icon-plus:after { content:"+"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.icon-plus.close { }
.icon-plus.close:after { content:"-"; left:43%; top:47%; }

.note {
    font-size: 14px;
    color: #0b5083;
}


.fadeout { display: none; }
.fadein, .fadeout {
    opacity: 0;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
.fadein {
    opacity: 1;
}
.fadein > td { border-top:1px solid rgb(0, 178, 202); }