﻿.wizard
{
    direction:rtl;
    font-family:Tahoma, sans-serif;
    font-size:11px;
    text-align:right;
    padding-bottom:50px;
    /*margin-left:10%;*/
    width:100%;
}
.wizard-name
{
    font-weight:bold;
    font-family:'B Homa', Tahoma, sans-serif;
    font-size:16pt;
    /*border-bottom:1px solid grey;*/
    padding-bottom:15px;
    text-align:center;
}
.wizard-header
{
}
.wizard-steps
{
}
.wizard-footer
{
    width:100%;
    float:right;
    height:auto;
}
.wizard-message{}
.wizard-message p#errormessage
{
    font-family:Tahoma,Arial;
    font-weight:bold;
    font-size:14pt;
}
.wizard-message p#successmessage
{
    font-family:Tahoma,Arial;
    color:Red;
    font-weight:bold;
    font-size:14pt;
}
.title-label p
{
    margin-right:10px;
}

.wizard input[class=prev-btn]{float:left;} .wizard input[class=next-btn], .wizard input[class=save-btn]{float:right;clear:both;}
.wizard input[class=prev-btn], .wizard input[class=next-btn], .wizard input[class=save-btn]
{
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1'); 
    line-height: 27px; 
    height:29px;
    background-color: #f5f5f5; 
    margin: 11px 6px; 
    font-family: arial, sans-serif; 
    color: #666; 
    font-size: 12px; 
    cursor: default; 
    font-weight: bold; 
    border: #dcdcdc 1px solid; 
    padding: 0px 8px; 
    border-radius: 2px;
    width:100px;
    font-family:'B yekan';
}
.wizard input[class=prev-btn]:hover, .wizard input[class=next-btn]:hover, .wizard input[class=save-btn]:hover
{
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1'); 
    background-color: #f8f8f8; 
    color: #333; 
    border: #c6c6c6 1px solid; 
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}
.wizard input[class=prev-btn]:focus, .wizard input[class=next-btn]:focus, .wizard input[class=save-btn]:focus
{
    border:#4d90fe 1px solid;
}
.panel-step
{
    min-height:300px; /* Any change, also must be applied to code*/
    padding-bottom:50px;
   	border: #1c5d87 1px solid; 
}
.step-table, .step-table-grid
{
    padding:15px;
    /*width:635px;*/
    width:auto;
    /*border: #1c5d87 1px solid;*/
}
table.step-table-grid td.table-grid-standard-width
{
	text-align: right; 
	/*width: 120px;*/
	padding:0;
	margin:0;
}
table.step-table td.table-standard-width 
{
	text-align: left; 
	/*width: 120px*/
	max-width:200px;
}
table.step-table td.table-header, table.step-table-grid td.table-header, .step-name 
{
	border: #1c5d87 1px solid; 
	text-align: right; 
	padding: 6px 10px; 
	background-color: #06b; 
	/*color: #c3c6c8; */
	color: #fefefe; 
	font-weight: bold; 
}
table.step-table td.table-border, table.step-table-grid td.table-border
{
	border-bottom: #1c5d87 1px solid;
	border-left: #1c5d87 1px solid; 
	border-right: #1c5d87 1px solid
}
table.step-table td select 
{
    border:#1c5d87 1px solid;
    padding:3px 5px;
    font-family:Tahoma, sans-serif;
    font-size:11px;
    height:24px;
    /*width:96px;*/
    width:100%;
}
table.step-table td input[type=text] 
{
    border:#1c5d87 1px solid;
    padding:3px 7px;
    font-family:Tahoma, sans-serif;
    font-size:11px;
    /*width:80px;        */
    width:88%;
}
table.step-table td input[type=checkbox] 
{
    padding:3px 7px;
    width:100%;
}
table.step-table td span.field-title
{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:11px;
    text-align:justify;
    color:#292828;
}
.wizard-result
{
    border:1px solid #292828;
    margin:20px 0;
    width:auto;
}
.wizard-result .field-title
{
    font-weight:bold;    
}
.wizard-result table
{
    width:100%;
    border:1px solid #bebebe;
    border-collapse: collapse;
    border-spacing: 15px;
}
.wizard-result table td,.wizard-result table th
{
    padding:5px !important;
    border:1px solid #bebebe;
}
.wizard-summery-grid
{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    margin:10px auto;  
    border:1px solid #bebebe;
    width:100%;
    direction:rtl;
}
.wizard-summery-grid td
{
    padding:5px;
    border:1px solid #bebebe;
}
.wizard-summery-grid th
{
    background-color:#e6e6fa;
    padding:10px;
    border:1px solid #bebebe;
}
.wizard-summery-grid table
{
    margin:0 auto;
    background-color:#eee;
    direction:ltr;
}
/*table.step-table td span.field-value*/
.span.field-value
{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:11px;
    /*text-align:justify;*/
    color:#292828;
    /*min-width:280px;
    width:280px;*/
}
table.step-table-grid td select 
{
    border:#1c5d87 1px solid;
    padding:3px 5px;
    font-family:Tahoma, sans-serif;
    font-size:11px;
    height:24px;
    /*width:96px;*/
    width:100%;
}
table.step-table-grid td input[type=text] 
{
    border:#1c5d87 1px solid;
    padding:3px 7px;
    font-family:Tahoma, sans-serif;
    font-size:11px;
    /*width:80px;        */
    width:88%;
}
table.step-table-grid td input[type=checkbox] 
{
    padding:3px 7px;
    width:100%;
    min-width:20px;
}
table.step-table-grid td span.field-title
{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:11px;
    text-align:justify;
    color:#292828;
}
    /*file upload*/
.btn {
	background-image: none; 
	border: transparent 1px solid; 
	padding:6px 12px 6px 12px;
	display: inline-block; 
	margin-bottom: 0px; 
	vertical-align: middle; 
	border-radius: 4px; 
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	-o-user-select: none; 
	user-select: none
}        
       
.btn:focus {
	outline-style: dotted; outline-color: invert; outline-width: thin; outline-offset: -2px
}
.btn:hover {
	color: #333; text-decoration: none
}
.btn:focus {
	color: #333; text-decoration: none
}
.btn:active {
	background-image: none; outline-style: none; outline-color: invert; outline-width: 0px; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}
.btn-success {
	border-bottom-color: #4cae4c; background-color: #5cb85c; border-top-color: #4cae4c; border-right-color: #4cae4c; border-left-color: #4cae4c
}
.btn-success:hover {
	border-bottom-color: #398439; background-color: #47a447; border-top-color: #398439; color: #fff; border-right-color: #398439; border-left-color: #398439
}
.btn-success:focus {
	border-bottom-color: #398439; background-color: #47a447; border-top-color: #398439; color: #fff; border-right-color: #398439; border-left-color: #398439
}
.btn-success:active {
	border-bottom-color: #398439; background-color: #47a447; border-top-color: #398439; color: #fff; border-right-color: #398439; border-left-color: #398439
}
.glyphicon {
	position: relative; 
	line-height: 1; 
	font-style: normal; 
	display: inline-block; 
	font-family: "Glyphicons Halflings"; 
	top: 1px; 
	font-weight: normal; 
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
}
.glyphicon-plus:before {
	content: "\2b"
}        
.fileinput-button {
  position: relative;
  overflow: hidden;
  width:25px;
  color:#000;
}
.fileinput-button input {
   width:50px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}
.uploadimagepanel
{
    width:110px;
    height:130px;
}
.uploadimagepanel img
{
    margin:0;
    padding:1px;
    width:100px;
    height:100px;
    border:#1c5d87 1px dotted;
}
.table-grid-buttonadd input[type=submit],.table-grid-buttondelete input[type=submit]{width:80px;}
.uploadimagepanel input[type=submit]{width:50px;}
.uploadimagepanel input[type=submit],.table-grid-buttonadd input[type=submit],.table-grid-buttondelete input[type=submit]
{
    margin-right:4px;    
    font:11px tahoma, arial;
    /*color:#696969;*/
	background-image: none; 
	border: transparent 1px solid; 
	padding:6px 12px 6px 12px;
	display: inline-block; 
	margin-bottom: 0px; 
	vertical-align: middle; 
	border-radius: 4px; 
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	-o-user-select: none; 
	user-select: none;
	border-bottom-color: #4cae4c; background-color: #5cb85c; border-top-color: #4cae4c; border-right-color: #4cae4c; border-left-color: #4cae4c
}
.uploadimagepanel input[type=submit]:focus,.table-grid-buttonadd input[type=submit]:focus,.table-grid-buttondelete input[type=submit]:focus {
	outline-style: dotted; outline-color: invert; outline-width: thin; outline-offset: -2px
}
.uploadimagepanel input[type=submit]:hover,.table-grid-buttonadd input[type=submit]:hover,.table-grid-buttondelete input[type=submit]:hover {
	color: #333; text-decoration: none;
	border-bottom-color: #398439; background-color: #47a447; border-top-color: #398439; color: #fff; border-right-color: #398439; border-left-color: #398439
}
.uploadimagepanel input[type=submit]:active,.table-grid-buttonadd input[type=submit]:active,.table-grid-buttondelete input[type=submit]:active {
	background-image: none; outline-style: none; outline-color: invert; outline-width: 0px; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	border-bottom-color: #398439; background-color: #47a447; border-top-color: #398439; color: #fff; border-right-color: #398439; border-left-color: #398439
}



.uploadfilepanel input[type=submit]
{
    margin-right:4px;
    width:50px;
    font:11px tahoma, arial;
    /*color:#696969;*/
	background-image: none; 
	border: transparent 1px solid; 
	padding:6px 12px 6px 12px;
	display: inline-block; 
	margin-bottom: 0px; 
	vertical-align: middle; 
	border-radius: 4px; 
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	-o-user-select: none; 
	user-select: none;
	border-bottom-color: #4cae4c; background-color: #5cb85c; border-top-color: #4cae4c; border-right-color: #4cae4c; border-left-color: #4cae4c
}
.uploadfilepanel input[type=submit]:focus {
	outline-style: dotted; outline-color: invert; outline-width: thin; outline-offset: -2px
}
.uploadfilepanel input[type=submit]:hover {
	color: #333; text-decoration: none;
	border-bottom-color: #398439; background-color: #47a447; border-top-color: #398439; color: #fff; border-right-color: #398439; border-left-color: #398439
}
.uploadfilepanel input[type=submit]:focus {
	color: #333; text-decoration: none;
	border-bottom-color: #398439; background-color: #47a447; border-top-color: #398439; color: #fff; border-right-color: #398439; border-left-color: #398439
}
.uploadfilepanel input[type=submit]:active {
	background-image: none; outline-style: none; outline-color: invert; outline-width: 0px; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	border-bottom-color: #398439; background-color: #47a447; border-top-color: #398439; color: #fff; border-right-color: #398439; border-left-color: #398439
}
.error
{
    color:Red;
    font:6pt Tahoma, 'B Yekan', Arial;
    direction:rtl;
    text-align:right;
}
.wizardmessage
{
    font-weight:bold;
    font-family:'B Homa', Tahoma, sans-serif;
    font-size:16pt;
    /*border-bottom:1px solid grey;*/
    padding-bottom:15px;
    text-align:right;
    direction:rtl;
    float:right;
    padding:50px 10% 0 0;
}

.wizard input[required=true], .wizard select[required=true]{border-right:3px solid red !important;padding-right:5px !important;}
