/* Form Styles */
.mform .fields-group{
  display:inline-flex;
}
 .mform .fields-group .felement{
   width:auto !important;
  }
  .mform .fields-group .fitem{
    width:auto !important;
    display:inline-flex;
}


.mform select{
  background: var(--bs-body-bg) !important;
}

.mform .req{
    float:right;
    position: absolute;
    right: 67%;
}
.dir-rtl .mform .req{
    float:left;
    left: 67%;
    right:auto;
}

.form-group .form-check-inline.fitem{
  display: block;
  width: 100%;
}

.form_label_above_element .form-group.row {
    display: flex;
    flex-direction: column;
}
.form_label_above_element .form-group.row .felement {
    max-width: 98%;
    width:98;
}
.form_label_above_element .form-group.row .field-label {
    width: 98%;
    max-width: 98%;
}

.form-under-label-help{
  font-style: oblique;
  font-weight: lighter;
  font-size: smaller;
}
.form-under-element-help{
  /* font-style: oblique; */
  /* font-weight: 400; */
  font-size: xx-small;
  letter-spacing: .4px;
  color: #999;
  margin: 0px 14px;
}

.mform textarea , .jBox-content .mform textarea {
  padding: 3px;
  border: 1px solid var(--bs-border-color) !important;
}
.mform .custom-select {
  width: 100%;
  min-width: 3rem;
}
.custom-select {
  background-position: 98%;
  border: 1px solid var(--bs-border-color);
  border-radius: 5px;
}

.dir-rtl .custom-select {
  background-position: 1%;
}
.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.fitem>[class^="col-"] {
  padding-right: 4px;
  padding-left: 4px;
}

.wx_multi_insert_group>[class^="col-"] {
  padding-right: 2px;
  padding-left: 2px;
}

.wx_multi_insert_group .fitem>[class^="col-"] {
  padding-right: 2px;
  padding-left: 2px;
  width: 100%;
  min-width: 100%;
}

.wx_multi_insert_group .fitem .initialism {
  display: none;
}

.mform .wx_multi_insert_group .col-form-label {
  display: none !important;
}

.form-group {
  margin-bottom: 6px;
}

.custom-select {
  width: 202px;
  padding: 4px 0px;
}

.fdate_selector .custom-select,
.fdate_time_selector .custom-select {
  width: auto;
}

.mform .fdate_selector .custom-select,
.mform .fdate_time_selector .custom-select {
  width: auto;
  padding: 4px 14px;
}

.mform .fdate_selector .form-group,
.mform .fdate_time_selector .form-group {
  margin: 0px !important;
}

.mform .wx_field_freeze select,
.mform .wx_field_freeze .custom-select,
.mform .wx_field_freeze input,
.mform .wx_field_freeze textarea {
  /* border: 0px !important;
  border-bottom: 0px !important; */
  background: none !important;
  resize: none !important;
}

.custom-select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.selectize-input.focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control-static {
  width: 100%;
}

.jBox-content .generaltable,
.jBox-content .mform {
  font-size: .75rem !important;
}
.mform .custom-select.selectize-control {
  background: none;
  padding: 0px;
}

/* textarea */
input,
button,
select,
optgroup {
  text-align: inherit;
}

.wx_multi_insert_group .fdate_selector select,
.wx_multi_insert_group .fduration select,
.wx_multi_insert_group .fduration input[type="text"] {
  min-width: auto !important;
  width: auto !important;
}
/* .mform .form-inline .form-control,
.mform .form-inline .custom-select {
  border: none;
}

.mform .form-inline input,
.mform .form-inline textarea,
.mform .form-inline .form-control .selectize-input,
.mform .form-inline .custom-select {
  border-bottom: 1px solid var(--bs-border-color) !important;
} */

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border: none;
}

.jBox-content .mform .form-group {
  margin: 3px 0px !important;
}

.jBox-content form input[type="text"],
.jBox-content form input[type="password"],
.jBox-content form input[type="email"],
.jBox-content form select,
.jBox-content form .selectize-control {
  height: auto;
  padding-left: auto;
  border: none;
  border-bottom: 1px solid var(--bs-border-color) !important;
  border-radius: 0px;
  margin: 1px;
}

.jBox-content form .col-form-label {
  font-size: 11px;
  font-weight: bold;
  color: #999;
  padding: 5px 0px 0px;
}

.jBox-content form .wxformcolumn {
  padding: 0 7px;
}

.jBox-content .selectize-input {
  padding: 3px 5px !important;
  /* border: 0px !important; */
  min-height: 26px !important;
  /* border-radius: 0px !important; */
  /* border: 1px solid var(--bs-border-color) !important; */
}

.jBox-content .mform .form-control {
  width: 100% !important;
  /* should not be important because of other forms styl */
  padding: 3px 5px;
  font-size: inherit;
}

.fitem_ffile{
  display: flex;
}
.fitem_ffile .fitemtitle{
  width:25%;
  max-width:25%;
}
.fitem_ffile .fitemtitle .req{
  right: 75%;
}

.fdescription.required{
  width: 100%;
  text-align: end;
}

.mform #fgroup_id_submittion{
  padding: 0.5rem;
  /* background: #f9f9f9; */
  box-shadow: 0px 0px 2px 1px var(--bs-shadow-color);
  position: -webkit-sticky;
  position: sticky;
  bottom: -18px;
  background: var(--bs-body-bg);
  /* padding: 8px 0px 0px; */
  margin: 0px 0px !important;
  border-top: 2px solid var(--bs-border-color);
  right: 0px;
  /* box-shadow: 0 -5px 30px 0px #eee; */
  z-index: 1;
}
.jBox-content .mform #fgroup_id_submittion{
    position: -webkit-sticky;
    position: sticky;
    bottom: -18px;
    background: var(--bs-body-bg);
    /* padding: 8px 0px 0px;
    margin: 0px 0px !important; */
    /* border-top: 2px solid #777; */
    right: 0px;
    box-shadow: 0px 0px 3px 1px var(--bs-shadow-color);
    z-index: 1;
}

.jBox-content .mform{
  max-height: 100% !important;
}

/* Fixing checkboxes in category questions which hided by awosome checkbox css  */
#categoryquestions .checkbox input[type="checkbox"]{
    opacity :1 !important;
    position: relative;
}

/* Form Style 5 */
.form-style-5{
	/* max-width: 500px; */
	padding: 10px 20px;
	background: #f4f7f8;
	margin: 10px auto;
	padding: 20px;
	background: #f4f7f8;
	border-radius: 8px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.form-style-5 fieldset{
	border: none;
}
.form-style-5 legend {
	font-size: 1.4em;
	margin-bottom: 10px;
}
.form-style-5 label {
	display: block;
	margin-bottom: 8px;
}
.form-style-5 input[type="text"],
.form-style-5 input[type="date"],
.form-style-5 input[type="datetime"],
.form-style-5 input[type="email"],
.form-style-5 input[type="number"],
.form-style-5 input[type="search"],
.form-style-5 input[type="time"],
.form-style-5 input[type="url"],
.form-style-5 textarea,
.form-style-5 select {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: rgba(255,255,255,.1) ;
	border: none !important;
	border-radius: 4px;
	font-size: 15px;
	margin: 0;
	outline: 0;
	padding: 10px !important;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #e8eeef;
	color:#8a97a0;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	margin-bottom: 30px;
}
.form-style-5 input[type="text"]:focus,
.form-style-5 input[type="date"]:focus,
.form-style-5 input[type="datetime"]:focus,
.form-style-5 input[type="email"]:focus,
.form-style-5 input[type="number"]:focus,
.form-style-5 input[type="search"]:focus,
.form-style-5 input[type="time"]:focus,
.form-style-5 input[type="url"]:focus,
.form-style-5 textarea:focus,
.form-style-5 select:focus{
	background: #d2d9dd ;
}
.form-style-5 select {
  -webkit-appearance: menulist-button;
  appearance: menulist;
  height: 35px;
  min-height: 35px;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.form-style-5 .number {
	background: #1abc9c;
	color: #fff;
	height: 30px;
	width: 30px;
	display: inline-block;
	font-size: 0.8em;
	margin-right: 4px;
	line-height: 30px;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
	border-radius: 15px 15px 15px 0px;
}

.form-style-5 input[type="submit"],
.form-style-5 input[type="button"]
{
	position: relative;
	display: block;
	padding: 19px 39px 18px 39px;
	color: #FFF;
	margin: 0 auto;
	background: #1abc9c;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	width: 100%;
	border: 1px solid #16a085;
	border-width: 1px 1px 3px;
	margin-bottom: 10px;
}
.form-style-5 input[type="submit"]:hover,
.form-style-5 input[type="button"]:hover
{
	background: #109177;
}

/* Fast Form */
.wx-fast-form {
  width:100%;
  display: inline-block;
  text-align: center;
  border-radius: 14px;
  box-shadow: inset 0px 0px 3px 1px var(--bs-border-color);
  padding : 0px 15px;
}
.wx-fast-form h6{
  display: none;
}
.wx-fast-form form{
  position: relative;
}
.wx-fast-form .fitem .felement{
  width:100% !important;
}

.wx-fast-form .fitem .felement .fdate_time_selector select{
  min-width: auto !important ;
  width:auto !important;
}

.wx-fast-form .femptylabel  , .wx-form-embed .femptylabel{
  display: none;
}
.wx-fast-form .form-item,.wx-fast-form .fitem  , .wx-form-embed .form-item , .wx-form-embed .fitem{
  margin-bottom: 0px !important;
  width:auto;
  min-width: 98% !important;
  display: inline-table;
  margin-left: 15px;
  text-align: center;
}
.wx-form-embed .mform label .req , .wx-form-embed .mform label .adv {
  position: absolute !important;
}
.wx-fast-form .row , .wx-form-embed .row{
  /*width:auto;*/
  width:100%;
  display: inline-flex;
}
.wx-fast-form .row .col{
  width:auto !important;
}
.wx-fast-form .mform .fitem .felement , .dir-rtl .wx-fast-form .mform .fitem .felement{
  margin-right: unset !important;
  margin-left: unset !important;
  text-align: center;
  display: table-row;
}

.wx-fast-form  .fitem div.fitemtitle , .dir-rtl .wx-fast-form  .fitem div.fitemtitle {
  width:auto !important;
  text-align: inherit;
}

.wx-fast-form .mform .fitem .fbutton , .dir-rtl .wx-fast-form .mform .fitem .fbutton{
  background-color: var(--bs-body-bg) !important;
}

/* .wx-fast-form  .fitem .felement , .wx-form-embed  .fitem .felement {
  margin-left: 0px !important;
} */
.wx-form-embed   .fitem .felement select, .wx-form-embed   .fitem .felement input[type="text"], .wx-form-embed   .fitem .felement input[type="button"]
, .wx-form-embed   .fitem .felement input[type="password"], .wx-form-embed   .fitem .felement textarea {
  padding:2px 8px !important;
  height: auto;
  margin: 1px !important;
  width:98% !important;
  min-width: 98% !important;
}

.wx-form-embed{
  width: 100%;
  min-width: 650px;
  text-align: center;
}

.wx-form-column-header {
  display: block;
  margin: 5px;
  text-align: initial;
  box-shadow:-1px -1px 0px 1px var(--bs-border-color);
  padding: 5px;
  color: var(--bs-body-color);
  text-transform: uppercase;
  background: var(--bs-body-bg);
}
.wx-form-column-header:before{
  content: "\f061";
  font: normal normal normal 14px/1 FontAwesome;
  padding: 5px;
}
.wx-js-form{
  /* box-shadow: 0px 0px 1px 1px #ddd; */
  box-shadow: 0px 0px 1px 1px var(--jbox-overlay-bg);
  padding: 10px;
  border-radius: 5px;
  /* background: #fff; */
}

/* Multi Insert Form */
.wx_multi_insert{
  box-shadow: inset 0px 0px 4px var(--bs-border-color);
  padding: 8px;
  width: 99% !important;
  max-width: 99% !important;
  clear: both;
  margin: 2px;
  background: var(--bs-body-bg);
  text-align: -webkit-center;
}

.wx_multi_insert_group{
  /*display: inline-flex;*/
  width: auto !important;
  margin: 0 auto !important;
  font-size: 9px !important;
}

.wx_multi_insert_group .col {
  padding-left: .2rem;
  padding-right: .2rem;
}

.have_margin .wx_multi_insert_group{
  margin-left: 34% !important;
}

.mform .wx_multi_insert_group .fitem{
  margin-bottom:0px !important;
}

form .stock-item-field{
  width: 95% !important;
}

.wx_multi_insert_group .fitemtitle{
  display:none;
  width:0px;
}
.wx_multi_insert_group .felement{
  width:100% !important;
  /* margin-left: 1% !important; */
  font-size: 10px;
  margin: 0px;
  padding: 0px;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.wx_multi_insert_group .felement select
, .wx_multi_insert_group .felement .selectize-input > *
, .wx_multi_insert_group .felement input[type="text"]
{
  font-size: 10px ;
}

.wx_multi_insert_group .felement .selectize-control{
    width:100% !important;
    min-width:100% !important;
}

.wx_multi_insert_group span.error{
  /*position: absolute;*/
  padding:0px;
}

.wx_multi_insert_group select , .wx_multi_insert_group input[type="text"] , .wx_multi_insert_group .selectize{
  /*max-width: 200px !important;
  min-width: 130px !important;*/
  width: 100% !important;
  height: 28px !important;
  min-width: 100% !important;
  padding:5px;
}
.wx_multi_insert_group textarea {
  height: 28px;
}

.wx_multi_insert_group .wx_field_freeze{
  border-bottom: 1px solid var(--bs-border-color) !important;
}

.wx_multi_insert_group_total{
  border-top: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
  background-color: var(--bs-body-bg);
  font-size:11px !important;
  text-align: right;
  white-space: nowrap;
  /* height: 15px; */
}
.wx_multi_insert_group_total .footer_label{
  float : right ;
  max-width: 100%;
  overflow: hidden;
}

.wx_multi_insert_group_total input[type="text"]{
  background-color: var(--bs-body-bg);
  max-width:100%;
  height: 16px !important;
  border:0px !important;
  text-align: center;
  padding: 0px !important;
  overflow: visible !important;
  text-overflow: ellipsis;
  font-size: 9px !important;
}

.mform .wx_multi_insert_group .selectize-input{
   width: 100% !important;
   min-width: auto !important;
   padding: 0px !important;
   padding-right: 25px !important;
}

.multi_insert_adder_nbr{
      width: 2.5rem;
      padding: 0px;
      border: 0px solid #ddd;
      background: transparent;
      margin: 5px;
}

/* Inline Form */
table.dataTable tbody .wx_inline_form td{
  padding: 1px;
}
.wx_inline_form input{
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
body #page .wx_inline_form input[type=submit]{
  display: none;
}
.wx_inline_form input:not([type=checkbox]){
  border:none;
  box-shadow: inset 0px 0px 2px #999;
  padding: 2px;
}
.wx_inline_form input:focus{
  -webkit-box-shadow: none;
  box-shadow: none;
  border:none;
}
.wx_inline_form .selectize-control{
  min-width: 95%;
}
.wx_inline_form .selectize-input{
  padding: 2px;
  min-height:95%;
  box-shadow: inset 0px 0px 2px #999;
}
.wx_inline_form .selectize-input input{
  width: auto ;
  min-width: auto;
}

.dt_inline_add_btn{
  float: right ;
}

/* Activity Form */
.activity_form{
  transition: all 0.3s ease 0s;
  width: 100%;
}
.activity_mark{
  font-size: 20px;
}

/* Grade Table */
.gradertable td input{
  width: 5rem;
}
.gradertable .headrow td{
  height: 15px;
  background: #fcfcfc;
  padding: .4rem;
  border: 1px solid #ddd;
  font-size: .7rem ;
}