/*--- wizard form ---*/


.wizard-main{


	padding: 30px 0px;


	position: relative;


}


.wizard-sec{


	padding: 30px 30px; 


	background:#FFFFFF; 


	border-radius: 0px 10px 10px 0px;


	}


.wizard-sec-bg{


	background:#FFFFFF; 


}


.form-step h4{


	font-size: 18px;


	font-weight: 400;


}


.form-step .form-control{
	border-color: #fff;
	/* border-radius: 0; */
	box-shadow: 0 0 24px rgba(91, 94, 222, 0.16);
	font-size: 13px;
	padding: 5px 20px;
}





	


.wizard,.tabcontrol{


    display:block;


    width:100%;


    overflow:hidden


}


.wizard a,.tabcontrol a{


    outline:0


}


.wizard ul,.tabcontrol ul{


    list-style:none!important;


    padding:0;


    margin:0


}


.wizard ul>li,.tabcontrol ul>li{


    display:block;


    padding:0


}


.wizard>.steps .current-info,.tabcontrol>.steps .current-info{


    position:absolute;


    left:-999em


}


.wizard>.content>.title,.tabcontrol>.content>.title{


    position:absolute;


    left:-999em


}


.wizard>.steps{


    display:block;


    width:100%


}


.wizard.vertical>.steps{


    display:inline;


    float:left;


    width:30%


}


.wizard>.steps .number{


    font-size: 14px;


}


.wizard>.steps>ul>li{


    width:25%


}


.wizard>.steps>ul>li,.wizard>.actions>ul>li{


    float:left


}


.wizard.vertical>.steps>ul>li{


    float:none;


    width:100%


}


.wizard>.steps a,.wizard>.steps a:hover,.wizard>.steps a:active{


    display:block;


    width:auto;


    margin:0 .5em .5em;


	font-size: 14px;


    padding: 5px 15px;


    text-decoration:none;


    -webkit-border-radius:5px;


    -moz-border-radius:5px;


    border-radius:5px


}


.wizard>.steps .disabled a,.wizard>.steps .disabled a:hover,.wizard>.steps .disabled a:active{


    background:#eee;


    color:#aaa;


    cursor:default


}


.wizard>.steps .current a,.wizard>.steps .current a:hover,.wizard>.steps .current a:active{


    background:#3ea1e4;


    color:#fff;


    cursor:default


}


.wizard>.steps .done a,.wizard>.steps .done a:hover,.wizard>.steps .done a:active{


    background:#9dc8e2;


    color:#fff


}


.wizard>.steps .error a,.wizard>.steps .error a:hover,.wizard>.steps .error a:active{


    background:#f44236;


    color:#fff


}


.wizard > .content {


	float: left;


	background: #ffffff;


	display: block;


	margin: .5em;


	min-height: auto;


	overflow: hidden;


	width: 100%;


	height: 100%;


	-webkit-border-radius: 5px;


	-moz-border-radius: 5px;


	border-radius: 5px;


}


.wizard.vertical>.content{


    display:inline;


    float:left;


    margin:0 2.5% .5em 2.5%;


    width:65%


}


.wizard>.content>.body{


    float:left;


    position:absolute;


    width:95%;


    height:auto;


    padding:2.5%


}


.wizard>.content>.body ul{


    list-style:disc!important


}


.wizard>.content>.body ul>li{


    display:list-item


}


.wizard>.content>.body>iframe{


    border:0 none;


    width:100%;


    height:100%


}


.wizard>.content>.body input{


    display:block;


	margin-bottom: 10px;


}


.wizard>.content>.body input[type="checkbox"]{


    display:inline-block


}


.wizard>.content>.body input.error{


    background:#fbe3e4;


    border:1px solid #fbe3e4;


    color:#8a1f11


}


.wizard>.content>.body label{


    display:inline-block;


    margin-bottom: 10px;


	font-size: 13px;


	font-weight: 400;


}


.wizard>.content>.body label.error{


    color:#8a1f11;


    display:inline-block;


    margin-left:1.5em


}


.wizard > .actions {


	position: fixed;


	display: block;


	text-align: right;


	bottom: 0px;


	right: 10px;


}


.wizard.vertical>.actions{


    display:inline;


    float:right;


    margin:0 2.5%;


    width:95%


}


.wizard>.actions>ul{


    display:inline-block;


    text-align:right


}


.wizard>.actions>ul>li{


    margin:0 .5em


}


.wizard.vertical>.actions>ul>li{


    margin:0 0 0 1em


}


.wizard>.actions a,.wizard>.actions a:hover,.wizard>.actions a:active{


    background:#3ea1e4;


    color:#fff;


    display:block;


    padding:.5em 1em;


    text-decoration:none;


    -webkit-border-radius:5px;


    -moz-border-radius:5px;


    border-radius:5px


}


.wizard>.actions .disabled a,.wizard>.actions .disabled a:hover,.wizard>.actions .disabled a:active{


    background:#eee;


    color:#aaa


}


.wizard>.loading{


}


.wizard>.loading .spinner{


}


.tabcontrol>.steps{


    position:relative;


    display:block;


    width:100%


}


.tabcontrol>.steps>ul{


    position:relative;


    margin:6px 0 0 0;


    top:1px;


    z-index:1


}


.tabcontrol>.steps>ul>li{


    float:left;


    margin:5px 2px 0 0;


    padding:1px;


    -webkit-border-top-left-radius:5px;


    -webkit-border-top-right-radius:5px;


    -moz-border-radius-topleft:5px;


    -moz-border-radius-topright:5px;


    border-top-left-radius:5px;


    border-top-right-radius:5px


}


.tabcontrol>.steps>ul>li:hover{


    background:#edecec;


    border:1px solid #bbb;


    padding:0


}


.tabcontrol>.steps>ul>li.current{


    background:#fff;


    border:1px solid #bbb;


    border-bottom:0 none;


    padding:0 0 1px 0;


    margin-top:0


}


.tabcontrol>.steps>ul>li>a{


    color:#5f5f5f;


    display:inline-block;


    border:0 none;


    margin:0;


    padding:10px 30px;


    text-decoration:none


}


.tabcontrol>.steps>ul>li>a:hover{


    text-decoration:none


}


.tabcontrol>.steps>ul>li.current>a{


    padding:15px 30px 10px 30px


}


.tabcontrol>.content{


    position:relative;


    display:inline-block;


    width:100%;


    height:35em;


    overflow:hidden;


    border-top:1px solid #bbb;


    padding-top:20px


}


.tabcontrol>.content>.body{


    float:left;


    position:absolute;


    width:95%;


    height:95%;


    padding:2.5%


}


.tabcontrol>.content>.body ul{


    list-style:disc!important


}


.tabcontrol>.content>.body ul>li{


    display:list-item


}


@media(max-width:767px){


    .wizard>.steps>ul>li{


        width:50%


    }


    .wizard>.steps a,.wizard>.steps a:hover,.wizard>.steps a:active{


        margin-top:.5em


    }


    .wizard.vertical>.steps,.wizard.vertical>.actions{


        display:block;


        float:none;


        width:100%


    }


    .wizard.vertical>.content{


        display:block;


        float:none;


        margin:0 .5em .5em;


        width:auto


    }


}


@media(max-width:480px){


    .wizard>.steps>ul>li{


        width:100%


    }


}


@media(min-width:1280px){


    .wizard>.steps>ul>li{


        width:20%


    }


}








@media only screen and (min-width: 992px) and (max-width: 1199px) {


	.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active{


		font-size: 12px;


	}


	.wizard > .steps .number {


		font-size: 12px;


	}


}


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


	.wizard-sec{


		padding-right: 15px;


		padding-left: 15px;


		padding-top: 0px;


		padding-bottom: 0px;


	}


	.wizard-sec{


		background: none;


	}


	.wizard-sec-bg{


		border-radius: 0;


		padding: 15px;


	}


}


@media (max-width: 767px) {


	.wizard-sec{


		padding-right: 15px;


		padding-left: 15px;


		padding-top: 0px;


		padding-bottom: 0px;


	}


	.wizard-sec{


		background: none;


	}


	.wizard-sec-bg{


		border-radius: 0;


		padding: 15px;


	}


}


@media only screen and (min-width: 280px) and (max-width: 575px) {


	.wizard-sec{


		padding-right: 15px;


		padding-left: 15px;


		padding-top: 0px;


		padding-bottom: 0px;


	}


	.wizard-sec{


		background: none;


	}


	.wizard-sec-bg{


		border-radius: 0;


		padding: 15px;


	}


}