/*******************  FORM/INPUT   ***********************************/

.csi-form-n{
	position:relative;
	margin-top:1.5rem;
}
.csi-form-n input[type=date],.csi-form-n input[type=datetime-local],.csi-form-n input[type=email],.csi-form-n input[type=number],.csi-form-n input[type=password],.csi-form-n input[type=search],.csi-form-n input[type=tel],.csi-form-n input[type=text],.csi-form-n input[type=time],.csi-form-n input[type=url],.csi-form-n textarea.csi-textarea,.csi-form-n select{
	-webkit-transition:all .8s;
	transition:all .8s;
	transition-timing-function: ease-in-out;
	outline:0;
	box-shadow:none;
	border:1px solid #999;
	border-radius:0;
	/*box-sizing:content-box;*/
	 box-sizing: border-box;
	background-color:#fff;
	font-size:1.1rem;
	padding:6px 1rem 0px 1rem;
	height: 40px;
	width:95%;
	margin: 0px 6% 0px 3%;
	font-weight:600;
	color:#000;
}

.csi-form-n select option {font-weight:600;}

.csi-form-n input[type=date]:focus:not([readonly]),.csi-form-n input[type=datetime-local]:focus:not([readonly]),.csi-form-n input[type=email]:focus:not([readonly]),.csi-form-n input[type=number]:focus:not([readonly]),.csi-form-n input[type=password]:focus:not([readonly]),.csi-form-n input[type=search]:focus:not([readonly]),.csi-form-n input[type=tel]:focus:not([readonly]),.csi-form-n input[type=text]:focus:not([readonly]),.csi-form-n input[type=time]:focus:not([readonly]),.csi-form-n input[type=url]:focus:not([readonly]),.csi-form-n textarea.csi-textarea:focus:not([readonly]),.csi-form-n select:focus:not([readonly]){
	box-shadow: none;
	border-color: #4285f4;
}
.csi-form-n input[type=date]:focus:not([readonly])+label,.csi-form-n input[type=datetime-local]:focus:not([readonly])+label,.csi-form-n input[type=email]:focus:not([readonly])+label,.csi-form-n input[type=number]:focus:not([readonly])+label,.csi-form-n input[type=password]:focus:not([readonly])+label,.csi-form-n input[type=search]:focus:not([readonly])+label,.csi-form-n input[type=tel]:focus:not([readonly])+label,.csi-form-n input[type=text]:focus:not([readonly])+label,.csi-form-n input[type=time]:focus:not([readonly])+label,.csi-form-n input[type=url]:focus:not([readonly])+label,.csi-form-n textarea.csi-textarea:focus:not([readonly])+label,.csi-form-n select:focus:not([readonly])+label,.csi-form-n span input[type=text]:focus:not([readonly])+label {
	color:#4285f4;
}
.csi-form-n * input[type=text]:focus:not([readonly]) ~ label.active {
	color:#4285f4;
}
.csi-form-n input[type=text]:focus:not([readonly]) + span.labels label.active, .csi-form-n select:focus:not([readonly]) + span.labels label.active{
	color:#4285f4;
}
span.labels label.activec{
	color:#4285f4;
}
.csi-form-n input[type=text]:focus:not([readonly]) ~ label.active, .csi-form-n select:focus:not([readonly]) ~ label.active{
	color:#4285f4;
}
/*.csi-form-n input[type=date]+label:after,.csi-form-n input[type=datetime-local]+label:after,.csi-form-n input[type=email]+label:after,.csi-form-n input[type=number]+label:after,.csi-form-n input[type=password]+label:after,.csi-form-n input[type=search]+label:after,.csi-form-n input[type=tel]+label:after,.csi-form-n input[type=text]+label:after,.csi-form-n input[type=time]+label:after,.csi-form-n input[type=url]+label:after,.csi-form-n textarea.csi-textarea+label:after,.csi-form-n select+label:after,.csi-form-n>span.labels>label:after{
	content:"";
	position:absolute;
	top:.65rem;
	display:block;
	opacity:0;
	-webkit-transition:.2s opacity ease-out,.2s color ease-out;
	transition:.2s opacity ease-out,.2s color ease-out;
}
*/

.csi-form-n .prefix {
    position: absolute;
    -webkit-transition: color .2s;
    transition: color .2s;
    top: .8rem;
	left: -.1rem;
}
@media (max-width: 767px) {
	.csi-form-n .prefix {left: -.2rem;}
}

.csi-form-n .i_nofield {
    top: .1rem;
}




.csi-form-n label{
	position:absolute;
	top:.8rem;
	font-size:1.1rem;
	font-weight:normal;
    min-height: 1px;
    padding-left: 1rem;
	margin-left:3%;
	cursor:text;
	-webkit-transition:all .2s;
	transition:all .2s;
}

.csi-form-n label.l_normal{
	position:relative;
	top:0;
	cursor:default;
}

.csi-form-n label.active, .csi-form-n label.actived {
	font-size:.8rem;
	-webkit-transform:translateY(-70%);
	-ms-transform:translateY(-70%);
	transform:translateY(-70%);
	cursor:default;
}




label {
    display: inline-block;
    margin-bottom: .5rem;
	font-size: 1rem;
}

label.error {
	color: #F00;
}

label span.opt {
	font-weight:normal;
	font-size:.8em;
	font-style:italic;
	color:#999 !important;
}



div.csi_chbox {
	margin:6px 6% 0 4%;
}






.btn{
	font-weight:400;
	padding:.375rem .75rem;
	font-size:1rem;
	line-height:1.5;
	border-radius:0;
	transition:none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	box-shadow: none;
}
.btn:focus,.btn:hover{
	text-decoration:none;
	box-shadow: none;
}
.btn.focus,.btn:focus{
	outline:0;
	box-shadow:0 0 0 .2rem rgba(0,123,255,.25);
}
.btn.disabled,.btn:disabled{
	opacity:.65;
}
.btn:not(:disabled):not(.disabled){
	cursor:pointer;
}
.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active{
	background-image:none;
}
a.btn.disabled,fieldset:disabled a.btn{
	pointer-events:none;
}













input[type=submit], a.btn-page {margin-top:10px;}
input[type=button], a.btn-page {margin-top:10px;}
input.btn-page, a.btn-page {width:200px;}
/*input.form-control-inline{height:28px;}*/

input.btn-sm, .btn-sm {
    padding:5px 10px;
    font-size:1rem;
    line-height:1.5;
}

input.btn-xxs, .btn-xxs {
	padding: 3px 15px 4px;
	font-size: .9rem;
	line-height: 1.3;
}








/*******************  VIRTUAL BADGE *************************/

div.virtual-badge-body {
	position:relative;
/*	overflow:hidden;*/
	min-height:300px;
	padding:0px;
	margin:15px;
	word-break: break-all;
}

div.badge-explosion {
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	background-color: #46B8DA;
	color: #FFFFFF;
	padding:10px;
	word-break: break-all;
	border-radius:4px;
}
div.VB div.VB_h {
	margin-top: 6px; 
	margin-bottom: 4px; 
}