::-webkit-input-placeholder { /* Firefox 18- */
  color: #919191;
  font-weight: normal;
  font-style: italic;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;  
}

:-moz-placeholder { /* Firefox 18- */
  color: #919191;
  font-weight: normal;
  font-style: italic;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;  
}

::-moz-placeholder { /* Firefox 18- */
  color: #919191;
  font-weight: normal;
  font-style: italic;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;  
}

:-ms-input-placeholder { /* Firefox 18- */
  color: #919191;
  font-weight: normal;
  font-style: italic;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;  
}

select,
select option:first-child {
  color: #919191 !important;
  font-style: italic;   
}

select.selected,
select option:not(:first-child) {
  font-style: normal;
  color: #555 !important;
}

.body,
.main_container {
  height: 100%;
}

.right_col {
  min-height: 100%;
  height: auto;
}

.preloader {
  position: absolute;
  left: 0;
  top: 30px;
  width: 100%;
  height: 50px;
  background: url(../img/preloader.gif) center center no-repeat;
}

.inprogress {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.9) url(../img/preloader.gif) center center no-repeat;
  z-index: 2000;
  top: 0;
  left: 0;
}

.site_title i {
  border: none;
  border-radius: 0;
  padding: 5px 3px 5px 6px;
}

.nav_title {
  border-bottom: rgba(236,240,241,0.2) 1px solid;
}

.datatable {
  visibility: hidden;
}

.datatable tbody tr td {
  vertical-align: middle !important;
}

.datatable thead tr th.datatablecol-functions,
.datatable tbody tr td.datatablecol-functions {
  text-align: right;
  white-space: nowrap;
}

.datatable tbody tr td.datatablecol-id,
.datatable tbody tr td.datatablecol-bool,
.table tbody tr td.tablecol-id,
.table tbody tr td.tablecol-bool {
  text-align: center;
  white-space: nowrap;
}

.table thead tr th {
   white-space: nowrap;
}

.table thead tr th.tablecol-id {
  text-align: center;
  white-space: nowrap;
  width: 40px !important;
}

.datatable tbody tr td.datatablecol-functions .btn {
  margin: 0;
}

.invisible {
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;  
}

.visible {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;  
}

.everinvisible {
  display: none;
}

.x_panel .x_title {
  margin-bottom: 20px;
}

.x_panel.headpanel .x_title {
  margin: 0;
  padding: 0;
  border: none;
}

.x_title .headbutton-add,
.x_title .headbutton-save,
.x_title .headbutton-cancel,
.x_title .headbutton-upload,
.x_title .headbutton-export {
  position: absolute;
  top: 15px;
}

.x_title .headbutton-add,
.x_title .headbutton-cancel,
.x_title .headbutton-upload {
  right: 10px;
}

.x_title .headbutton-save,
.x_title .headbutton-export {
  right: 65px;
}

.x_title .showonlyselected,
.x_title .showCategory {
  position: absolute;
  right: 15px;
}

.x_title .showonlyselected,
.x_title .showCategory {
  top: 18px;
}

.x_title .showCategory {
  top: 13px;
}

.x_title .showonlyselected p,
.x_title .showonlyselected input {
  float: left;
}

.x_title .showonlyselected p {
  line-height: 25px;
  padding-right: 10px;
}

textarea.form-control {
  resize: none;
  height: 150px;
}

.thumbnail .view .mask {
  height: 100%;
}

.thumbnail {
  height: 170px;
}

.thumbnail .image img {
  display: block;
  min-width: 100%;
  min-height: 100%;  
}

.thumbnail .image img.wide {
  height: 100%;
}

.thumbnail .image img.tall {
  width: 100%;
}

.autoheight {
  height: auto;
}

.form-group .switchery {
  margin-top: -2px;  
}

.thumbnail h4 {
  font-size: 14px;
}

.thumbnail .actions {  
  position: absolute;
  top: 10px;
  right: 10px;
}

.thumbnail .actions button {
  margin: 0;
}

.accordion .panel {
  background: none !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #169F85;
  background: #26B99A;
  color: #ffffff;  
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #2e6da4;
  background: #337ab7;
  color: #ffffff;  
}

.ui-datepicker-header {
  border: 1px solid #2e6da4;
  background: #337ab7;
  color: #ffffff;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  background: none;
  border: none;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev:hover {
  left: 2px;
  top: 2px;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next:hover {
  right: 2px;
  top: 2px;
}

.ui-widget-header .ui-icon {
  background-image: url(../libs/jquery-ui-1.12.1.custom/images/ui-icons_ffffff_256x240.png);  
}

.menu_section h3 {
  background: #26B99A;
  padding: 20px;
  color: #ECF0F1 !important;
  text-shadow: none;
  font-size: 16px;
  text-transform: none;
  letter-spacing: normal;
  font-weight: normal;
}

.menu_section h3:not(:first-child) {
  margin: 20px 0 0 0;  
}

/* TODO */
/* can't define via js :( */
/* background on checked not good */
.switchery {
  border-radius: 20px;
  height: 20px;
  width: 33px;
}

.switchery > small {
  height: 20px;
  width: 20px;
}

/* TODO */
/* fix tinymce tab height bug */
.tab-content iframe {
  min-height: 300px !important;
}

.accordion .panel-heading {
  position: relative;
}

.accordion .panel-heading ul {
  position: absolute;
  top: 20px;
  right: 20px;
  min-width: 0px;
  float: none !important;
}

footer {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: -webkit-fill-available;
}