.steptemplate-activeedit{
	/*background-color: green !important;
	color:green !important;
	background:green !important;*/
}
.stepper-headline .small{
	line-height: 2 !important;
}

.stepper-headline {
    font-size: 1.3rem;
    line-height: 1.3;
   // color: #1976D2;
	margin-left: 1rem;
}


/****override materialized css*/
.app-content .hpanel .panel-body{
}

input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea {
    border-bottom: 1px solid #ccc7c7 !important;
}


input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea{
	/*width: 580px !important;*/
	/*margin-left: 18px;*/
	/*margin-bottom: 35px !important;*/
	/*margin-top: 10px !important;*/
	margin-bottom: 20px;
	padding-left: 0 !important;
	/*font-size: 1.4rem;*/
	
	color: #333;
}

textarea.materialize-textarea {
	padding: 8px !important;
	border: 1px solid #ccc7c7 !important;
	border-radius: 3px;
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search]{
	font-size: 1.8rem;
}

.input-field label {
    /*color: #000 !important;*/
    color: #333;
    //position: absolute;
    top: 1.4rem;
    left: 0;
    font-size: 1.1rem;
    transition: .2s ease-out;
    font-family: "Roboto-Regular", Arial, sans-serif;
    
}

.range-field {
	margin-top: 2rem;
	position: relative;
	margin-bottom: 4rem;
}

.range-field label{
	font-size: 1.1rem;
    font-family: "Roboto-Regular", Arial, sans-serif;
	color: #000;
	width: 100%;
	margin-bottom: 1rem;
}

.range-field label span{
	float:right;
}

.select-wrapper {
    position: relative;
    //padding-bottom: 0.6rem;
	//padding-bottom: 0.4rem;
}

.select-wrapper span.caret {
    color: initial;
    position: absolute; 
    right: 1.5rem;
    top: -0.5rem;
    bottom: 0;
    height: 10px;
    margin: auto 0;
    font-size: 15px;
    line-height: 10px;
    border-right: none !important;
    border-left: none !important;
	color: #333;
	z-index: 0;
}

.select-wrapper+label {
    position: absolute;
    top: -17px;
	font-size: 1.1rem;
}

.select-wrapper input.select-dropdown{
	margin-left: 18px;
}

.select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    outline: none;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 1.4rem;
    margin: 0 0 20px 0;
    padding: 0;
    display: block;
    /*left: 18px;*/
    /*margin-top: 10px !important;*/
    border: 1px solid #ccc;
    padding-left: 10px !important;
}

.select-wrapper input.select-dropdown:focus {
    /*box-shadow: 0 1px 1px 0 rgba(255, 235, 59, 0.76), 0 -1px 1px 0 rgba(255, 190, 0, 0.41), 0 0px 0px 0px rgba(255, 190, 0, 0.49);*/
    box-shadow: none !important;
}

.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
    /* box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); */
    /*box-shadow: 0 1px 1px 0 rgba(255, 235, 59, 0.38), 0 -1px 1px 0 rgba(255, 190, 0, 0.32), 0 0px 0px 0px rgba(255, 190, 0, 0.33) !important;*/
    box-shadow: none !important;
}

ul:not(.browser-default) {
    padding-left: 0;
    list-style-type: none;
    margin-top: 41px;
}

.input-field .radiolist-tab  {
	padding-top: 2.4rem;
	padding-bottom: 2.4rem;
}

.input-field .checkboxlist-tab  {
	padding-top: 2.4rem;
	padding-bottom: 2.4rem;
}

.input-field .checkboxlist-tab .checkboxlist-td label  {
	//padding-top: 1.8rem;
	  padding-left: 30px;
}



/***custom checkbox***/
/*
[type="checkbox"]:checked + label::before {
    top: 26px !important;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}


[type="checkbox"] + label::before, [type="checkbox"]:not(.filled-in) + label::after {
    content: '';
    position: absolute;
    top: 29px !important;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s;
}



.input-field .view-cnt{
	position: relative;
	right: 0;
	top: 0;
	text-align: right;
	padding-top: 6px;
}

.input-field .view-cnt a{
	padding: 10px 10px;
    color: #fff;
    background-color: #009688;
}


*/



/***active state color****/

input:not([type]):focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
    color: #212121;
}

input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #212121;
    /*box-shadow: 0 1px 0 0 #212121;*/
    box-shadow: none;
}

.input-field label:not(.label-icon).active {
    font-size: 1.1rem;
    -webkit-transform: translateY(-180%);
    transform: translateY(-180%);
	color: #898f95;
}

.select-wrapper+label {
	color: #898f95;
	line-height: 1.1;
}

.dropdown-content li>a, .dropdown-content li>span {
    font-size: 16px;
    color: #333;
    display: block;
    line-height: 22px;
    padding: 14px 16px;
    font-family: "Roboto-Regular", Arial, sans-serif;
    word-wrap: break-word;
}


.input-field #span-dldoctitle {
    font-size: 1.3rem;
    line-height: 1.1;
    font-family: "Roboto-Regular", Arial, sans-serif;
    margin-bottom: 10px;
    display: block;
}

.input-field #span-dldocappendixtitle {
    font-size: 1.3rem;
    line-height: 1.1;
	font-family: "Roboto-Regular", Arial, sans-serif;
	margin-bottom: 10px;
	display: block;
}

.input-field  #span-dldocFINSTATE {
    font-size: 1.3rem;
    line-height: 1.1;
	font-family: "Roboto-Regular", Arial, sans-serif;
	display: block;
	padding-bottom: 22px;
}

.dv-plaintxt{
	font-size: 1.3rem;
    line-height: 1.4rem;
    font-family: "Roboto-Regular", Arial, sans-serif;
}
.dv-plaintxt b:nth-child(2){
	color: #4CAF50;
}

.plaintxt:last-line{
	color: #4CAF50;
}

/***date picker***/

.ui-widget-header:not(.stepTemplate-appletinfo .ui-widget-header) {
    border: 1px solid #ddd;
    background: #009688 !important;
    color: #fff !important;
    font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none !important;
    background: none !important;
    font-weight: normal;
    color: #454545;
	text-align: center;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
    background-color: #eee !important;
}


/***active mode***/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	border: none !important;
    background: rgb(255, 160, 0)!important;
    color: #ffffff !important;
	border-radius: 10px;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: none !important;
    background: rgba(0, 150, 136, 0.82)!important;
    color: #ffffff !important;
	border-radius: 10px;
}




/****media query****/

@media (max-width:383px){
	input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea{
	max-width: 320px !important;
	//margin-left: 18px;
	margin-bottom: 24px !important;
	font-size: 1.6rem;
	color: #666;
    }
	
	.range-field{
		width:290px !important;
	}
	
	.file-field{
		width:300px !important;
	}

	/*h2.section-title{
		width: 330px !important;
		margin-left: 0px;
		font-family: "Roboto-Bold", Arial, sans-serif !important;
		font-size: 30px !important;
		line-height: 30px !important;
		margin-top: 15px !important;
	}*/
	
	.select-wrapper span.caret {
    position: absolute;
    right: 2rem !important;
    }
	
	.input-field label:not(.label-icon).active {
    font-size: 1.2rem;
    -webkit-transform: translateY(-180%);
    transform: translateY(-180%);
    //margin-top: 0.8rem;
	width: 400px;
    }
	
	.form-panel {
    width: 92%;
    float: none;
    margin: 0 auto;
    }
	
.decision-panel {
    width: 100vw;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 12px 0 0 !important;
    background: #fff;
    /* border-top: solid 1px #e0e0e0; */
    /*box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1), 0 -1px 0px rgba(0, 0, 0, 0.02);*/
    box-shadow: none;
	margin:0px;
}

.navbar-brand {
    display: block;
    float: none;
    //margin: 0 auto;
    border-right: none;
	//width: 75%;
}

.input-field{
	margin-bottom: 1.4rem;
}

	.input-field #span-dldoctitle {
    width:300px !important;
	display: block;
	padding-bottom:15px;
}

.input-field  #span-dldocFINSTATE {
    width:300px !important;
	display: block;
}

#japp-footertime font{
	display: none;
}


#ui-datepicker-div{
	width: 325px;
}

.dv-plaintxt{
	line-height: normal;
}

}



@media (max-width:430px){
	input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea{
	width: 338px;
	//margin-left: 18px;
	margin-bottom: 24px !important;
	font-size: 1.6rem;
	color: #666;
    }
	
	.range-field{
		width:45% !important;
	}
	
	.file-field{
		width: 324px !important;
	}
	
	/*h2.section-title{
		width: 40%;
		font-family: "Roboto-Bold", Arial, sans-serif !important;
		font-size: 30px !important;
		line-height: 30px !important;
		margin-top: 15px !important;
	}*/

	.select-wrapper span.caret {
    position: absolute;
    right: 1rem;
    }
	
	.input-field label:not(.label-icon).active {
    font-size: 1.2rem;
    -webkit-transform: translateY(-180%);
    transform: translateY(-180%);
    //margin-top: 0.8rem;
	width: 400px;
    }
	
	.input-field #span-dldoctitle {
    width:395px !important;
	display: block;
}

.input-field  #span-dldocFINSTATE {
    width:250px !important;
	display: block;
	padding-bottom:15px;
}

#japp-footertime font{
	display: none;
}
	
#ui-datepicker-div{
	width: 325px;
}

.dv-plaintxt{
	line-height: normal;
}

}



@media (max-width: 501px) {

.input-field label:not(.label-icon).active {
    font-size: 1.1rem;
    -webkit-transform: translateY(-180%);
    transform: translateY(-180%);
    //margin-top: 0.8rem;
	width: 336px !important;
	//max-width: none !important;
	//display: block;
    }


input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea{
	width: 390px;
	//margin-left: 18px;
	margin-bottom: 32px !important;
	font-size: 1.6rem;
	color: #666;
    }
	
	.range-field{
		width:320px !important;
	}

	.file-field{
		width:820px;
	}

	/*h2.section-title{
		width: 500px;
		font-family: "Roboto-Bold", Arial, sans-serif !important;
		font-size: 30px !important;
		line-height: 30px !important;
		margin-top: 15px !important;
	}*/
	
.select-wrapper {
    position: relative;
    //padding-bottom: 3.6rem;
    //top: 27px;
	
    }

 .select-wrapper span.caret {
    position: absolute;
    right: 1rem;
    }
	
	
	.select-wrapper {
    position: relative;
    padding-bottom: 0.6rem;
    }
	.input-field #span-dldoctitle {
    width: 324px !important;
	display: block;
}

.input-field  #span-dldocFINSTATE {
    width:250px !important;
	display: block;
	padding-bottom:15px;
}

#japp-footertime font{
	display: none;
}


#ui-datepicker-div{
	width: 325px;
}

.dv-plaintxt{
	line-height: normal;
}

}

@media (max-width: 521px) and (min-width:500px){

.input-field label:not(.label-icon).active {
    font-size: 1.2rem;
    -webkit-transform: translateY(-180%);
    transform: translateY(-180%);
    margin-top: 0.5rem;
    }


input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea{
	width: 97% !important;
	//margin-left: 18px;
	margin-bottom: 24px !important;
	font-size: 1.6rem;
	color: #666;
    }
	
	.range-field{
		width:58%;
	}
	
	.file-field{
		width:82%;
	}
	
	/*h2.section-title{
		width: 58%;
		font-family: "Roboto-Bold", Arial, sans-serif !important;
		font-size: 30px !important;
		line-height: 30px !important;
		margin-top: 15px !important;
	}*/
.select-wrapper span.caret {
    position: absolute;
    right: 1rem !important;
	}
	
.select-wrapper {
    position: relative;
    padding-bottom: 3.6rem;
    top: 23px;
    }

 .select-wrapper span.caret {
    color: initial;
    position: absolute;
    right: 23rem;
    top: -3rem;
    bottom: 0;
    height: 10px;
    margin: auto 0;
    font-size: 10px;
    line-height: 10px;
    border-right: none !important;
    border-left: none !important;
    color: #d35400;
    }
	.select-wrapper {
    position: relative;
    padding-bottom: 0.6rem;
    }
	
	#japp-footertime font{
	display: none;
}

.dv-plaintxt{
	line-height: 1.4;
}
  

}

@media (max-width: 540px) and (min-width: 520px) {

	input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    width: 97% !important;
	}
	
	.range-field{
		width:48%;
	}
	
	.file-field{
		width:82%;
	}
	
	.select-wrapper span.caret {
    position: absolute;
    right: 1rem;
	}
	
	.input-field {
    position: relative;
    margin-top: 1.5rem;
   }
   
   
	/*h2.section-title{
		width: 53%;
		font-family: "Roboto-Bold", Arial, sans-serif !important;
		font-size: 30px !important;
		line-height: 30px !important;
		margin-top: 15px !important;
	}*/
	
	.input-field #span-dldoctitle {
    width:450px !important;
	display: block;
	padding-bottom:15px;
}
  
  #japp-footertime font{
	display: none;
}

.dv-plaintxt{
	line-height: 1;
}
  
  
}

@media (max-width:639px) and (min-width:539px){
	
	input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    width: 97% !important;
	}
	
	.range-field{
		width:60%;
	}
	
	.file-field{
		width:88%;
	}
	
	
   .select-wrapper span.caret {
    position: absolute;
    right: 1rem;
	}
	
	/*h2.section-title{
		width: 65%;
		font-family: "Roboto-Bold", Arial, sans-serif !important;
		font-size: 30px !important;
		line-height: 30px !important;
		margin-top: 15px !important;
	}*/
	
   .input-field #span-dldoctitle {
    width:550px !important;
	display: block;
}


#japp-footertime font{
	display: none;
}

.dv-plaintxt{
	line-height: 1;
}
  
  
}


@media (max-width:730px) and (min-width:640px){

   .select-wrapper span.caret {
    position: absolute;
    right: 1rem;
	}
	
	
	input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    width: 98% !important;
	}
	
	.range-field{
		width:75%;
	}
	
	.file-field{
		width:96%;
	}
	
	/*h2.section-title{
		width: 78%;
		font-family: "Roboto-Bold", Arial, sans-serif !important;
		font-size: 30px !important;
		line-height: 30px !important;
		margin-top: 15px !important;
	}*/
  
  #japp-footertime font{
	display: none;
}

.dv-plaintxt{
	line-height: 1;
}
  
}

@media (max-width:768px) and (min-width:740px){

   .select-wrapper span.caret {
    position: absolute;
    right: 1rem;
	}
	
	
	input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    width: 99% !important;
	}
	.range-field, .file-field{
		width:85%;
	}
  
}

@media (max-width:989px) and (min-width:769px){

   .select-wrapper span.caret {
    position: absolute;
    right: 3rem;
	}
	
	
	input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    width: 95%;
	}
	
	.range-field{
		width:95%;
	}
	
	.file-field{
		width:100%;
	}
  
}




@media (max-width:1200px) and (min-width:990px){
	input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    /*width: 350px !important;*/
	}
	
	.select-wrapper span.caret {
    position: absolute;
    right: 3rem;
	}
	
	
	.input-field {
    position: relative;
    margin-top: 2rem;
}
}