@font-face {
  font-family: 'Vazir';
  src: url(Vazir.ttf);
}

* {
    margin:0px;
    padding:0px;
    border:0px;
    font-family: 'Vazir';
    font-size:16px;
    box-sizing: border-box;
}

html, body {
    width:100%; 
    height:100%;
    background-color:#ffffff;
    font-family: 'Vazir';
    overflow-y:hidden;
    box-sizing: border-box;
}

.button {
	display:inline-block;
	min-width:80px;
	margin:8px;
	border:1px solid;
	border-radius:3px;
	padding:5px;
	text-align:center;
}

.button:hover {
  background-color:green;
}

h1 {
    font-size: 22px;
    font-family: 'Vazir';
}
h2,h3,h4,h5,h6 {
    font-family: 'Vazir';
}


input{
   font-size:18px;
   padding:5px;
}

input[type=checkbox] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
}

input[type=radio] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
}

.finished {
    margin-top:50px;
    font-family: 'Vazir';
}

.wiz-section {
    background-color:#ececec;
    font-family: 'Vazir';
    height:100%;
    width:100%;
}

.wiz-header {
    background-color:#123456;
    height:30px;
    width:100%;
}

.admin-header {
    background-color:#123456;
    height:60px;
    width:100%;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}

.admin-header > div {
  background-color: #f1f1f1;
  width: 100px;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
}
.wiz-main {
    height:calc( 100% - 78px);
    width:100%;	
    overflow-y:scroll;
}

.wiz-question {
    padding:20px;
}

.wiz-buttons {
	height:48px;
	background-color:orange;
	direction:ltr;
}

.wiz-label {
	margin-right:20px;
}

.main-form {
	width:100%;
	height:100%;
}

.verify {
	display:inline-block;
	margin:0 10px 0 10px;
}


td {
    text-align:center;
}

.correct {
    color:green;
}

.wrong {
    color:red;
}

.table-link {
    padding:2px;
}

.table-link-second {
    margin:8px;
    padding:4px;
}


.div-stat {
    display:none; 
    position:absolute;
    width:100%;
    top:0;
    height:100%;
    overflow-y:scroll;
    background-color:#dcdcdc;
    z-index:1;
}

a {
   text-decoration : none;
}

.title{
    display:block;
    font-size:18px;
    margin-bottom:20px;
}

.red{
	color:red;
	padding:4px;
}

.option-container {
	padding:10px;
}

.icon {
    width : 32px;
    display:inline-block;
    margin:10px;
}

.small-icon {
    width : 24px;
    display:inline-block;
    margin:8px;
}

.user-menu {
	display:inline-block;
}


.search-container{
  padding: 6px 10px;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.search-container input[type=text] {
  padding: 6px;
  margin-top: 0px;
  font-size: 17px;
  border: none;
    width:180px;
}

.search-container button {
  float: right;
  padding: 6px 10px;
  margin-top: 0px;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.search-container button:hover {
  background: #ccc;
}

.forms-row {
	display:flex; 
	flex-direction:row;  
	flex-wrap: nowrap; 
	overflow-y:hidden;
	overflow-x:scroll;  
	white-space: nowrap;
	height:180px;
}

.forms-row-header {
  text-align:center;
   background-color:#647523;
   height:40px;
}


.admin-footer {
  height:40px;
  text-align:center;
  background-color:orange;
}

.v2-main {
  height: calc(100% - 100px);
  width:100%;
  overflow-y:scroll; 
}


.forms-card {
  height: 155px;
  border:1px solid;
  min-width:140px;
  width:140px;
  text-align:center; 
  border-radius:5px;
   margin-right:10px; 
   margin-top:10px; 
}

.forms-title {
  height: 100px;
  width:100%;
  white-space: pre-wrap;
  text-align:center; 
}

.menu-container {
   overflow-y:scroll;
   height:calc(100% - 60px);
}

.menu-card {
	border:1px solid;
	margin:20px;
	width:100px;
	height:120px;
	text-align:center;
	padding:10px;
		display:inline-block;
}

.view-main {
  height: calc(100% - 100px);
  width:100%;
  overflow-y:scroll; 
}

.field-conntainer {
	height:calc(100% - 100px ); 
	margin:0px; 
	padding:0px; 
	width:100%; 
	overflow-y:scroll;
}

.field {
    padding:0px; 
    display:none; 
    background-color:#acacac; 
    border:4px solid #123456;
    width:98%;
    margin:auto auto 20px auto;
}

.field-attr-container {
padding:5px;
}

.toolbar {
	background-color:#123456;	
	height:40px;
	margin:0px;
	width:100%;
}

.toolbar > button {
	border:1px solid;
	display:inline-block;
	border-radius:3px;
	min-width:50px;
	text-align:center;
	margin:4px;
	background-color:orange;
	cursor:pointer;
}

.toolbar > button:hover {
	background-color:white;
}

.field-options {
	margin:10px;
	display:none;
}

.editor {
 position:fixed;
 top:0px;
 z-index:100;
 background-color:#123456;
 width:100%;
 height:100%;
}

#usewizard:hover {background-color:white;}


.menubar {
	margin-right:30px;
}

.menubar li {
	margin:5px;
	display: block;
	text-align:center;
}

.menubar li a{
	border:1px solid;
	display: inline-block;	
	border-radius:5px;
	min-width:120px;	
	padding:3px;
	background-color:orange;
	cursor:pointer;
}

.menubar li a:hover {
	background-color:white;
}