.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*/


/***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;
}