
/* SCROLLBARS
/* **********************************************************
/* thin scrollbars
/* ********************************************************** */
* 
{
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,0.2) transparent;
}


/* 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;
  text-align: left;
}

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

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

.btn-link:focus, .btn-link:hover
{
  text-decoration: none;
  background-color: rgba(2,0,0,0.05);
  border-radius: 3px;
}

.btn-white
{
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.10);
}

.umb-editor-header .btn-white
{
  box-shadow: none;
}



/* 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;
}

.dropdown-menu > li > umb-checkbox
{
  display: inline-block;
  padding: 4px 0;
}

.umb-modalcolumn-header h1, .umb-overlay__title
{
  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;
}

.tabbing-active .uneditable-input:focus, .tabbing-active input[type="color"]:focus, .tabbing-active input[type="date"]:focus, .tabbing-active input[type="datetime-local"]:focus,
.tabbing-active input[type="datetime"]:focus, .tabbing-active input[type="email"]:focus, .tabbing-active input[type="month"]:focus, .tabbing-active input[type="number"]:focus,
.tabbing-active input[type="password"]:focus, .tabbing-active input[type="search"]:focus, .tabbing-active input[type="tel"]:focus, .tabbing-active input[type="text"]:focus,
.tabbing-active input[type="time"]:focus, .tabbing-active input[type="url"]:focus, .tabbing-active input[type="week"]:focus, .tabbing-active textarea:focus
{
  outline: thin dotted #515054;
}

.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: 240px;
}

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

.form-search .search-input, input.search-query
{
  font-weight: 400;
  font-size: 14px;
  border-color: transparent;
  border-radius: 3px;
  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-"], .form-search .icon
{
  top: 4px;
  left: auto;
  right: 8px;
  color: #817f85;
}

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

.umb-checkmark--xs
{
  font-size: 10px;
}

.umb-form-check__input:checked ~ .umb-form-check__state .umb-form-check__check
{
  border-color: #bbbabf;
}

/* 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;
}



/* HEADER
/* **********************************************************
/* TODO desc
/* ********************************************************** */

.umb-editor-sub-header__section
{
  padding-left: 20px;
}

.umb-layout-selector__active-layout
{
  border: none;
}

.umb-layout-selector__dropdown-item.-active
{
  border: 1px solid #f5c1bc;
  background: #f7e4e1;
}

.umb-editor-sub-header__content-left umb-button:first-child .umb-button
{
  margin-left: 0;
}

.umb-editor-sub-header
{ 
  border-bottom: 1px solid #e9e9eb;
  /*border-left: none;
  border-right: none;*/
  margin: -10px -5px 15px;
}

.umb-editor-sub-header:not(.--state-selection)
{
  padding-bottom: 20px;
}

.umb-editor-sub-header.-umb-sticky-bar
{
  padding-top: 15px;
  box-shadow: none;
}

.umb-group-panel .umb-listview .umb-editor-sub-header
{
  margin: 0 -5px 15px;
  padding: 0 0 8px;
  background: white;
  border-bottom: none;
  border-left-color: white;
  border-right-color: white;
}

.umb-group-panel .umb-listview .umb-editor-sub-header.-umb-sticky-bar
{
  padding: 15px 0;
}

.umb-group-panel .umb-listview .umb-editor-sub-header .form-search .inner-addon input[type="text"]
{
  background: #faf8f8;
}

.umb-group-panel .umb-listview .umb-editor-sub-header .btn-white
{
  color: #fff;
  border-color: #1b264f #1b264f #080b16;
  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
  background-color: #1b264f;
}

.umb-group-panel .umb-listview .umb-editor-sub-header .btn-white .caret
{
  border-top-color: white;
  border-bottom-color: white;
}

.umb-group-panel .umb-listview .umb-editor-sub-header .btn-group + .btn-group
{
  margin-left: 0;
}

.umb-panel-header-name
{
  font-size: 15px;
}



/* BOXES
/* **********************************************************
/* TODO desc
/* ********************************************************** */
.umb-box-header, .umb-group-panel__header
{
  padding: 14px 20px;
  background: #faf8f8;
  border-radius: 3px 3px 0 0;
}

.umb-box.no-sep .umb-box-header, .umb-box.no-sep .umb-group-panel__header
{
  background: none;
  border-bottom: none;
  border-radius: 0;
  padding: 20px;
  padding-bottom: 10px;
}



/* 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-body .umb-table-cell
{
  padding: 14px 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;*/
}



/* PAGINATION
/* **********************************************************
/* TODO desc
/* ********************************************************** */

.pagination ul > li > a, .pagination ul > li > span
{
  padding: 6px 16px;
  border-color: #e9e9eb;
}

.pagination ul > .active > a, .pagination ul > .active > span
{
  pointer-events: none;
  color: #000;
  font-weight: 600;
}



/* 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;
}