

/* BUTTONS
/* **********************************************************
/* make buttons bigger and better clickable
/* includes actions buttons which appear in dropdown lists
/* ********************************************************** */

.btn, .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover
{
  font-size: 14px;
}

.btn
{
  padding: 10px 18px;
}

.btn-action
{
  font-weight: 700;
}

.umb-action-link
{
  padding: 12px 25px 12px 20px;
  font-size: 14px;
}

.umb-action-link:focus, .umb-action-link:hover, .umb-action.selected
{
  color: #2152a3 !important;
  background: #f9f6f5 !important;
}

.btn-outline
{
  border-color: #e9e9eb;
}



/* CONTENT TABS
/* **********************************************************
/* Way more space for tabs and better visibility by 
/* providing a background which flows into the content
/* ********************************************************** */

.umb-sub-views-nav-item .icon
{
  font-size: 20px !important;
  margin-bottom: 3px;
  margin-right: 10px;
}

.umb-sub-views-nav-item > a
{
  padding: 6px 30px 4px 26px;
  min-width: 80px;
  flex-direction: row;
}

.umb-sub-views-nav-item > a.is-active
{
  padding: 6px 30px 5px 26px;
  background: #f6f4f4;
  height: 70px;
}

.umb-sub-views-nav-item-text
{
  font-size: 14px;
  line-height: 20px;
}

.umb-sub-views-nav-item > a.is-active .umb-sub-views-nav-item-text
{
  font-weight: 600;
}

.umb-sub-views-nav-item > a:active
{
  box-shadow: none;
}

.umb-sub-views-nav-item > a.is-active::after
{
  display: none;
}

.umb-sub-views-nav-item__anchor_dropdown
{
  display: none;
}



/* DROPWDOWNS AND MODALS
/* **********************************************************
/* More padding for dropdown items and matching headlines
/* for flyouts
/* ********************************************************** */

.dropdown-menu > li > a
{
  padding: 12px 20px;
}

.umb-modalcolumn-header h1
{
  font-weight: 700;
  font-size: 15px;
}



/* FORM ELEMENTS
/* **********************************************************
/* Softer inputs and usability enhancements
/* ********************************************************** */

.umb-editor-header__name-wrapper,
.uneditable-input, input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"],
input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea,
.umb-mediapicker > div
{
  border-color: #eceaea;
}

.mce-panel
{
  border-color: #eceaea !important;
}

input.umb-editor-header__name-input
{
  border-color: transparent !important;
}

.mce-top-part::before
{
  display: none !important;
}

.form-horizontal .control-label
{
  width: 200px;
}

.form-horizontal .controls
{
  margin-left: 220px;
}

.form-search .search-input
{
  font-weight: 400;
  font-size: 14px;
  border-color: transparent;
  border-radius: 18px;
  height: 40px;
  padding-top: 6px;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.10);
}

.form-search .inner-addon [class*=" icon-"], .form-search .inner-addon [class^="icon-"]
{
  top: 5px;
  left: auto;
  right: 8px;
}

.form-search .inner-addon input[type="text"]
{
  width: 280px;
  padding-left: 16px !important;
  padding-right: 30px !important;
}

.form-search .search-input:focus, .form-search .search-input:focus:hover, .form-search .search-input:hover
{
  border-color: transparent;
}



/* TREE
/* **********************************************************
/* The tree needs more clickable space per item and a
/* softer active state
/* ********************************************************** */

.umb-tree-icon
{
  margin: 0 15px 0 5px;
}

.has-unpublished-version > .umb-tree-item__inner > .umb-tree-item__annotation,
.is-container > .umb-tree-item__inner > .umb-tree-item__annotation,
.protected > .umb-tree-item__inner > .umb-tree-item__annotation
{
  margin-left: 18px !important;
  top: 22px !important;
}

.umb-tree-item.current > .umb-tree-item__inner
{
  background: #f7e4e1;
  border-right: 3px solid #f5c1bc;
}

.umb-tree-item__label
{
  padding: 12px 0 10px 0 !important;
}



/* FOOTER
/* **********************************************************
/* Higher footer to match updated buttons
/* ********************************************************** */

.umb-editor-footer
{
  height: 60px;
}

.umb-editor-container
{
  bottom: 60px;
}



/* BOXES
/* **********************************************************
/* TODO desc
/* ********************************************************** */

.umb-box-header
{
  padding: 20px 20px;
  background: #faf8f8;
  border-radius: 3px 3px 0 0;
}



/* TABLES / LISTS
/* **********************************************************
/* TODO desc
/* ********************************************************** */

.umb-table .umb-table-cell:first-of-type:not(.not-fixed)
{
  flex: 0 0 50px;
}

.umb-table .umb-table-row.-light .umb-table-body__image
{
  opacity: 0.5;
}

.umb-table-head .umb-table-cell
{
  padding: 12px 2px;
}

.umb-table-head
{
  background: #faf8f8;
}



/* NOTIFICATIONS
/* **********************************************************
/* TODO desc
/* ********************************************************** */

.umb-notifications__notification
{
  padding: 8px 20px;
  border-radius: 0;
  margin: 0;
}

.umb-notifications
{
  bottom: 60px;
  /*left: 0;*/
}



/* TABIFY PACKAGE
/* **********************************************************
/* static tabs instead of fixed and some visual updates
/* ********************************************************** */
.tabLink
{
  font-size: 14px !important;
  padding: 14px 30px !important;
}

.tabLink.active::before
{
  display: none;
}

.tabLink:not(.active)
{
  background: rgba(255,255,255,0.5);
  font-weight: 400;
  /*color: #817f85;*/
}

.fake-top-background
{
  position: sticky !important;
  top: 0;
}

#tabsList
{
  position: sticky !important;
  top: 20px;
  padding-top: 0;
  padding-left: 1px;
  margin-left: -1px !important;
}

.fake-top-background:before
{
  content: ' ';
  position: absolute;
  left: -3px;
  right: -3px;
  top: 0;
  height: 64px;
  background: #f6f4f4;
  display: block;
}

#tabsList .tabLink
{
  z-index: 1;
}

.tabbed-panel
{
  padding-top: 20px !important;
}

/* for static tab bar */

.fake-top-background
{
  display: none !important;
}

#tabsList
{
  position: relative !important;
  top: 0 !important;
}