.wx-master-btn{
  /* color : white !important; */
}


.ext_events_list{
  // makes drag go inside
  max-height: 50px;
  overflow: auto;
}
body #page tr td .btn , .jBox-container tr td .btn{
    font-size: 0.7rem;
    letter-spacing: .05rem;
    height: 1.5rem;
    padding: 0 0.4rem;
    line-height: 2.1em;
}
body #page tr td .userpicture, .jBox-container  tr td .userpicture{
  width: 24px;
  height: auto;
}
body #page tr td p, .jBox-container tr td p{
  margin-bottom: 0;
}

/* body #page .wx-view-search-bar .selectize-input.not-full,body #page .wx-view-search-bar .selectize-input.focus{
  padding: 0px !important;
} */

/* // ouside view filters */
body #page .wx-view-search-bar .selectize-control{
  padding: 0px !important;
  margin: 0px !important;
  min-width: auto;
  background: #f9f9f9;
  width: auto;
  margin-left: -1px !important;
  border: 1px solid #ddd;
}
.wx-view-search-bar .selectize-control{
  width: auto;
}

body #page .wx-view-search-bar .selectize-control .selectize-input:after{
  content: "\f0d7";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  display: inline-block;
}
body #page .wx-view-search-bar .selectize-control .selectize-input
,body #page .wx-view-search-bar .selectize-input.focus
,body #page .wx-view-search-bar .selectize-input.not-full{
  border: 0;
  /* -webkit-box-shadow: inset 0 0 0 1px rgb(144 144 144 / 35%);
    box-shadow: inset 0 0 0 1px rgb(144 144 144 / 35%); */
  border-radius: 0px !important;
  width: auto ;
  padding: 0px 11px !important;
  line-height: 23px;
}
/* //END OF ouside view filters */

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active{
  z-index: 1 !important;
}

.dir-rtl .mform .felement[data-fieldtype="group"] select{
  direction:rtl;
}

table.dataTable, table.dataTable th, table.dataTable td
{
  font-size: 0.80rem;
  word-break: initial;
  /* white-space: nowrap; */

  /* vertical-align: middle; */

  /* min-width: 70px; */
  /* max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis; */
}
#page-wrapper{
  height: auto;
}
.exp-container{
  width: 100%;
}
.query-builder{
  width: 100%;
}
.query-builder .btn{
  padding: 3px;
}
.query-builder select {
  border:1px solid #ddd !important;
  width: auto !important;
}
.query-builder .rules-group-container {
  width:100%;
}
.countletterstext{
  position: absolute;
  color: #888;
  font-size: 10px;
  display: -webkit-inline-box;
  display: inline-flex;
  left: -1%;
bottom: -1%;
}
#page-header .pb-3,#page-header .py-3{
  padding-bottom: 0rem!important;
  padding-top: 0.5rem!important;
}


#page-content .card-body{
  padding: 0rem;
}
/* #page-header .card-body {
  padding: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#page-content .card-body{
  box-shadow: 0 0 3px 0px #999;
  margin: 0.2rem;
  border-radius: 0.35rem;
  background-color: #f8f9fa;
}
#region-main{
  padding: 0;
} */

.kanban-container p{
      margin-bottom: 0rem;
}

.wx-view-search-bar .wx-view-global-search{
  /* height: 32px; */
  height: 100%;
}
.globalfilterfields{
  max-width: 100%;
  padding: 1rem;
}
.globalfilterfields label{
display: inline-block;
}
.wx-fast-form .fitem{
  word-break: inherit;
}
.wx-fast-form .fitem label{
  word-break: initial;
}
.wx-fast-form .col{
  padding-left: 0px;
  padding-right: 0px;
}
.jBox-content .wx-fast-form .mform .form-group{
  margin : 0 0 5px 0 !important;
}
.wx-fast-form .fitem > [class^="col-"]{
  width:auto;
}
.wx-fast-form .fitem .felement select, .wx-fast-form .fitem .felement input[type="text"], .wx-fast-form .fitem .felement input[type="button"], .wx-fast-form .fitem .felement input[type="password"], .wx-fast-form .fitem .felement textarea{
  width: 6rem !important;
  max-width: 6rem !important;
}
.wx-fast-form .fitem .felement select{
  padding-right: .7rem;
}

@media (min-width: 768px){
.wx-fast-form .col-md-3 {
    flex: none;
    max-width: none;
  }
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .4rem;
    padding-left: .4rem;
    /* font-size: smaller; */
    font-size: 0.75rem;
    text-align: center;
}
#page-wrapper .navbar{
  font-weight: bolder;
  text-transform: capitalize;
  max-height: 3.4em;
  /* z-index: 9000; */
}
.wx-view-search-bar .input-group-prepend .btn , .wx-view-search-bar .input-group-append .btn {
  z-index: inherit;
  /* padding: 0.5rem; */
  border: 1px solid #ddd;
  line-height: 1.5rem;
}

.mform .ui-tabs{
  width: 100%;
}
#nav-drawer .list-group-item{
  padding: .25rem .25rem;
}
.btn ,body #page .btn{
  margin: 0px ;
  /* padding: inherit; */
}
.form-group .btn{
  padding: .3rem;
}

.mform .row{
  width:100%;
  margin-right: auto;
  margin-left: auto;
}



/* Removing This more combatiable with bootstrap and mobile responsive */
/* @media (min-width: 576px){
  .jBox-content .mform .col-form-label {
   float: right;
   text-align: right;
 }
 .jBox-content .mform .fitem .col-md-3{
   display: inline;
 }
} */


.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;
}


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

.jBox-content form:not(.form_label_above_element) .form-group .col-md-3 .col-form-label{
  float: right;
  text-align: right;
}
.jBox-content .form-group .col-md-3 .float-sm-right{
  position: absolute;
  left: -9px;
  top: 5px;
}

#page-header .page-context-header{
  display:none !important;
}
.wxview{
  width: 100%;
}
/* @media (min-width: 768px){
  body#page-site-index #page-content #region-main.has-blocks{
    width: calc(100% - 375px);
  }
} */

body{
  background: #fff;
}
body#page-site-index #page-content .card{
  background: #fff;
}
.block_wx_side .filter_view_field .custom-select {
  padding: 0px;
  height: 1.9rem;
  width:auto;
}
/* body #page form select{
  height: 1.9rem;
    width:300px;
    padding: 5px;
    margin: 3px;
    font-size: 12px;
    border: none;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
} */

body #page form .selectize-input input[type="text"]{
  height: 1.5rem;
}
body #page .wx-view-search-bar select , body #page .wx-view-search-bar .selectize  {
    /* height: 1.9rem;
    width:300px;
    padding: 5px;
    margin: 3px; */
    font-size: 12px;
    border: none;
    background-color: #fff;
    height: auto;
    /* max-width: 180px !important; */

    margin: 2px;
}
body #page .wx-view-search-bar select
,body #page .wx-view-search-bar .selectize
,body #page .wx-view-search-bar input[type="text"]
,body #page .wx-bulk-actions-bar select
, body #page .wx-bulk-actions-bar .selectize-input
,body #page .wx-bulk-actions-bar input[type="text"]{
  border-radius: 0px;
  background-color: #adadad14;
}
body #page .wxhiddenfilters select
,body #page .wxhiddenfilters .selectize
,body #page .wxhiddenfilters input[type="text"]
,body #page .wxhiddenfilters select
, body #page .wxhiddenfilters .selectize-input
,body #page .wxhiddenfilters input[type="text"]{
  height: auto;
  max-width: 100%;
  width: 100% !important;
  border-bottom: 1px solid #ddd !important;
}
body #page .wx-view-search-bar .selectize-input{
  border: 0px;
    padding: 0px;
    min-height: 29px;
}

body #page form .fdate_selector select{
  width: auto;
}

.custom-select{
  background-position: 98%;
  border:none;
  border-bottom: 1px solid #ddd;
}
.dir-rtl .custom-select{
  background-position: 1%;
}

@media (min-width: 576px){
  .form-inline .form-group .form-control{
        width: 143px;
  }
}
@media (max-width: 1000px){
  .wx-view-master-buttons{
        display: grid !important;
  }
  .wx-view-master-buttons .btn{
        width: 100% !important;
  }
}
#submittion_save{
  background: yellowgreen;
  color: #fff;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
      font-size: .90em;
}
.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 #ddd !important;
}

.jBox-content .mform .form-control{
  width:100% !important;
   /* should not be important because of other forms styl */
   padding: 3px 0px ;
  font-size: inherit;
}
.form-control:focus{
  -webkit-box-shadow:none;
  box-shadow: none;
}
.custom-select:focus{
  -webkit-box-shadow:none;
  box-shadow: none;
}
.selectize-input.focus{
  -webkit-box-shadow:none;
  box-shadow: none;
}




.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;
}
.text_to_html{
  text-align: initial;
}

/* if inside group */

/* .mform .form-group .form-group .custom-select {
  width: 7rem ;
} */

.mform .custom-select {
  width: 100%;
  min-width: 3rem;
}
.form-control-static{
  width:100%;
}
 .jBox-content .generaltable , .jBox-content .mform{
    font-size: .75rem !important;
}

.jBox-content .selectize-input{
 padding: 3px 0px !important;
 border:0px !important;
 min-height: 26px !important;
 border-radius: 0px !important;
}

.jBox-content .wx-view-search-bar .selectize-input{
  background: #adadad14 !important;
  /* border: 1px solid #ddd !important; */
}

body #page .btn.btn-sm{
  padding: 0.25rem 0.5rem;
  font-size: .7rem;
  line-height: 1rem;
  height: 1.5rem;
  box-shadow: 0px 0px 1px #555;
  /* color:#666; */
}
body #page .btn.btn-sm:hover{
  /* color:#000; */
}

body #page .btn{
  font-size: 0.7rem;
  letter-spacing: .08rem;
  height: 2.0rem;
      padding: 0 .7rem;
}
.Top-globalfilterfields li label{
  display: inline-block;
}
#page-footer .copyleft{
  display: none;
}
.wx-view-search-bar select{
  width: 100px !important;
  -webkit-background-size: 0.75rem !important;
  background-size: 0.75rem !important;
}
.wx-view-search-bar .custom-select{
  padding: 0px !important;
  background: #adadad14 !important;
  /* makes new interface filters not sharp edges */
  border: 1px solid #ddd !important;
}
/* .filter_view_field, .filter_view_field .selectize-input{
  text-align: left;
  border-bottom: none !important;
} */
.selectize-input{
  border-bottom: none !important;
}

 /* , .mform .felement[data-fieldtype="group"]  select */
.mform .felement[data-fieldtype="group"]  input[type="text"]{
   width: 130px !important;
}

body #page {
    margin-top: 50px;
    padding-top: 0;
}
/* @media (min-width: 576px){
  .form-inline .input-group{
    width: 100%;
  }
}
.form-inline .input-group{
  width: 100%;
} */
.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;
}
/* Couldnt be auto because of multiple select overflow next element */
.jBox-content form .selectize-control{
  /* height: 28px; */
}
.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;
}

/* form group because there are two groups */
body #page .form-group .felement .form-group{
  margin-bottom: 0rem !important;
}
/* remove duplication of padding for groups elements */
form .col-sm-12.col-md-12.col-lg-12  .col-sm-12.col-md-12.col-lg-12  {
  padding-left: 5px;
}

body #page .form-group{
  margin-bottom: .6rem;
}
body #page form input[type="text"]
, body #page form input[type="password"]
, body #page form input[type="email"]
, body #page form select
, body #page form textarea{
  background-color:#fff;
  border-radius: 10px;
}
body #page form .selectize-input {
  border-radius: 10px;

}


.yui3-calendar
{
  font-size: .7375rem;
}
.fc-content .fc-time , .fc-content .fc-title {
  color:#fff;
}
.mform .form-control:disabled, .form-control[readonly]{
  background: none ;
  border-bottom: 0px !important;
}