﻿body {
    min-width: 1352px;
    font-size: 12px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 50px;
    padding-right: 15px;
    background-color: #ffffff;
}

.body-content-navigation {
    padding-right: 15px;
    background-color: #ffffff;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
    /* Due to using our own image for the dropdowns, this is needed in firefox to make all borders look the same */
    border: 1px solid;
    border-color: rgb(169,169,169);
}

select {
    /* We are using our own image for the dropdowns, much of this is needed to make it look the same in different browsers */
    -webkit-appearance: none; /* remove default arrow */
    -moz-appearance: none; /* remove default arrow */
    padding-right: 25px !important;
    background-color: #ffffff;
    background-image: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
    background-repeat: no-repeat;
    background-position-x: right;
    height: 22px !important;
    margin-top: 2px !important;
}

select:disabled {
    color: rgb(84, 84, 84);
    cursor: default;
    background-color: rgb(235, 235, 228);
}

/* Splitter for navigation tree*/
.split {
    display: flex;
    flex-direction: row;
}

.gutter {
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: ew-resize;
}

.gutter.gutter-horizontal {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
    cursor: col-resize;
}

/* Notification Styles */
.tm-inbox-dialog-meatball-popover {
    margin-top: 5px !important;
    margin-left: -20px !important;
    /*max-width: 700px;*/
}

.tm-inbox-dialog-meatball-arrow {
    display: none !important;
}

/* Conversations styles */
.split-panel-conversations {
    height: calc(100vh - 124px);
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: 5px;
    min-width: 300px;
}

.split-panel-sections {
    height: calc(100vh - 124px);
    position: relative;
    overflow-y: auto;
    margin-right: 5px;
}

.tmm-gutter-image-containter {
    position: absolute;
    display: inline-block;
    z-index: 50;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    border: 1px solid #73A6D0;
    text-align: center;
    cursor: pointer !important;
    margin-left: -5px;
    margin-top: 10px;
}

.tmm-open-conversations-containter {
    right: 0;
    position: fixed;
    display: inline-block;
    margin-top: -40px;
    margin-right: 3px;
    z-index: 98;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer !important;
}

/* ckeditor styles */
.mention {
    font-weight: bold;
}

textarea.cke_source {
    max-width: 100% !important;
}

:root {
    /* Overrides the border radius setting in the theme. */
    --ck-border-radius: 8px !important;
}

/* Tweaking the editable area for better readability. */
.ck-editor .ck-editor__editable { /* .ck.ck-content:not(.ck-comment__input *) { */
    overflow: auto;
    height: 300px;
}

.ck.ck-powered-by {
    display: none !important;
}

.ck.ck-word-count {
    display: flex;
    justify-content: flex-end;
    background: var(--ck-color-toolbar-background);
    padding: var(--ck-spacing-small) var(--ck-spacing-standard);
    border: 1px solid var(--ck-color-toolbar-border);
    border-top-width: 0;
    border-radius: 0px 0px 8px 8px !important;
}

.ck.ck-word-count div.ck-word-count__words {
    margin-right: var(--ck-spacing-standard);
}

.tmm-ckeditor-show-word-count .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.tmm-ckeditor-show-word-count .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
    border-radius: 0 !important;
}

.ck-source-editing-area { /*textarea {*/
    height: 300px;
}

.ck-source-editing-area textarea {
    max-width: 100%;
    overflow-y: auto !important;
}

.error-msg {
    color: red;
}

.ui-widget-overlay {
    background: #242438 !important;
    opacity: .8 !important;
    filter: Alpha(Opacity=.3) !important;
}

.ui-widget-header {
    border: 1px solid #ddd  !important;
    background: #407fbf  !important;
    color: #fff !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    margin: .5em .4em .5em 0;
    cursor: pointer;
    color: #fff;
    background-color: #286090;
    border-color: #2e6da4;
}

div.ui-dialog {
    color: rgb(51, 51, 51);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    /*font-weight: 500;*/
    height: 22px;
    line-height: 22px;
    text-size-adjust: 100%;
    position: fixed;
} 

/* Styles for the menu in the header */

#header-menu {
    border: 0;
    margin: 0;
}

/*.header-background {
    background-color: #407fbf;
    height: 46px;
}
.header-admin-menu-bar {
    background-color: #407fbf;
    height: 36px;
    border-left: solid white 1px;
}
.header-admin-menu-bar div {
    display: inline-block;
}

.header-container {
    width: 100%;
    height: 10px;
    position:fixed;
    background-color: #ffffff;
    z-index: 99;
    margin-top:-35px;    
}

img#header-logo {
    padding: 3px 6px;
}

.header-container .tmm-label {
    font-weight: normal;
    color: white;
}*/

#header {
    color: #ffffff;
    background-color: #407fbf;
    height: 47px;
    font-size: 14px;
    width: 100%;
    position:fixed;
    z-index: 99;
    margin-top:-35px;
    display: table;
}

.header-section-wrapper {
    display: table-cell;
    /*display: inline-block;*/
    margin: 3px 6px;
    vertical-align: middle;
}
.header-divider {
    display: inline-block;
    width: 1px;
}
#header-menu {
    display: inline-block;
}

.main-content-container {
    z-index: 100;
    margin-top:34px;
    padding-top: 30px;
}

.ezbar-container {
    width: 40px;
    z-index: 100;
    position:fixed;
    margin-top:0px;
}

/* Navigation splitter stuff */

.split-summary-container {
    margin-top: 40px;
    margin-left: 40px;
}

.navigation-container {
    display: inline-block;
}

.navigation-filter {
    display: inline-flex;
}

.navigation-tree {
    padding-left: 10px;
}

.split-panel-navigation {
    height: calc(100vh - 124px);
    overflow-y: auto;
    overflow-x: hidden;
}

.split-panel-summary {
    height: calc(100vh - 124px);
    position: relative;
    overflow-y: auto;
}

.footer-container {
    width: 100%;
    padding-bottom: 20px;
    background-color: #ffffff;
}

.fixed-footer-button-group {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #ffffff;
    z-index: 50;
    height: 55px;
}

.tmm-please-wait {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: transparent /*rgba( 0, 0, 0, .5)*/  
                50% 50% 
                no-repeat;
}

body.loading {
    overflow: hidden;   
}

body.loading .tmm-please-wait {
    display: block;
}

.tmm-please-wait-message-container {
    top: 50%;
    left: 50%; 
    margin: auto;
    position: fixed;
    text-align: center;
}

.tmm-please-wait-message {
    margin-left: -120px;
    margin-top: -20px;
    font-size: 14px;
    font-family: Helvetica;
    font-weight: bold;
    color: #ffffff;
    border: 1px solid #000000;
    border-radius: 10px;
    padding: 25px 75px 25px 75px;
    background: rgba( 0, 0, 0, .7)  
                50% 50% 
                no-repeat;
}

/* Product Summary */

/* 
    This .section-header style keeps the wrapper div from collapsing when its child divs are floated.
    HT http://stackoverflow.com/questions/211383/what-methods-of-clearfix-can-i-use 
*/

.tmm-page-header {
    position: fixed;
    margin-left: 50px;
    left: 0;
    right: 0;
    border-top: solid #ffffff 10px;
    padding-left: 10px;
    padding-right: 30px;
    background-color: #ffffff;
    z-index: 95;
    margin-top: -25px;
    max-height: 55px;
}
.tmm-page-header h3 {
    margin-bottom: 0px;
}

.tmm-window-view-select {
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    position: relative;
    bottom: 3px;
}
.tmm-window-view-select a:hover {
    text-decoration: none;
}

td.tmm-list-detail-box, div.tmm-list-detail-box
{
    border: solid 1px #cccccc; 
    border-radius: 5px 5px 5px 5px; 
    padding:8px 8px 8px 8px;
}

.summary-wrapper {
    padding-top: 24px;
}

.section-wrapper {
    display: inline-block;
    width: 100%;
    margin-left: 10px;
}

.section-wrapper:last-child {
    margin-bottom: 40px;
}

.section-header,
.tmm-page-header,
.dialog-header {
    overflow: hidden;
    zoom: 1;
    display: block;
}

.section-header,
.dialog-header {
    margin-top: 10px;
    border-bottom: solid 1px #59A9F3;    
}

.section-header-hide {
    display: none;  
}

.section-header-no-icon {
    position: relative;
    margin-top: 8px;
}

.section-header .section-header-left,
.tmm-page-header .tmm-page-header-left {
    float: left;
}

.tmm-page-header .tmm-page-header-right {
    float: right;
    margin-top: 9px;
    margin-right: 8px;
    height: 30px;
}

.section-header .section-header-right {
    float: right;
    margin-top: 9px;
    margin-right: 8px;
    height: 30px;
    padding-top: 2px;
}

.tmm-page-header-left #ddlbViewName {
    max-width: 200px;
}

.tmm-page-header-right .page-header-item-desc {
    max-width: 460px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px 20px 0 0;
    float: left;
}

.section-header-icon-container {
    /*position: absolute;*/
    display: inline-table;
    z-index: 50;
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    border: 1px solid #73A6D0;
    text-align: center;
}
.section-header-icon-container .section-header-icon {
    width: 24px;
    height: 24px;
    margin-top: 7px;
}

.section-header-icon-container-img {
    /*position: absolute;*/
    display: inline-table;
    z-index: 50;
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    border: 1px solid #73A6D0;
    text-align: center;
}
.section-header-icon-container-img .section-header-icon {
    width: 24px;
    height: 24px;
    margin-top: 7px;
    vertical-align: bottom;
}

.toggle-collapse-section {
    cursor: pointer;
}

.SvgIconSmall 
{
    height: 23px;
    width: 23px;
}

.tmm-fa {
    color: #407FBF;
    margin-top: 6px;
}

.tmm-fa-selected {
    color: crimson;
    margin-top: 6px;
}

.tmm-fa-standard-color {
    margin-top: 6px;
}

.section-header-action-icon,
.section-footer-action-icon {
    border-width: 0px;
    height: 24px;
    cursor: pointer;
    padding-left: 2px;
}

.tab-aligned-icon {
    height: 0px;
}

.tmm-row-action-icon {
    cursor: pointer;
    padding-right: 3px;
}

.section-footer {
    padding-left: 8px;
}

.section-header .section-header-right a.section-header-link {
    text-decoration: none;
    font-size: 14px;
    color: #59A9F3;
    font-family: Helvetica;
    font-weight: bold;
    padding: 0 8px;
}
.section-header .section-header-right a.section-header-link:hover {
    color: black;
    cursor: pointer;
}

.section.section-collapsed .section-content,
.section.section-collapsed .section-footer
{
    display: none !important;
}
.section.section-expanded .section-content,
.section.section-expanded .section-footer 
{
    display: block;
}

.tmm-section-filter-bar {
    background-color: #E9F1F4;
    min-height: 22px;
    height: auto;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 6px;
    line-height: 22px;
    font-weight: bold;
    width: 100%;
}

.section-title {
    font-size: 20px;
    color: #407FBF;
    font-family: Helvetica;
    font-weight: bold;
    text-decoration: none;
    padding-left: 10px;
    /*position: relative;
    top: 8px;
    left: 45px;*/
}
.section-title-link {
    font-size: 20px !important;
    font-family: Helvetica;
    font-weight: bold;
    /*color: #59a9f3;*/
    color: #407FBF;
    cursor: pointer;
}
.section.section-disabled,
.dialog.dialog-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.section .loading-spinner,
.dialog .loading-spinner {
    display: none;
}

.section.section-disabled .loading-spinner,
.dialog.dialog-disabled .loading-spinner {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
}

/* Used as category heading (ex. Subject Categories, Author Sales Track) */
.section .subsection-label {
    font-weight: bold;
    /*font-size: 12px;*/
    color: Navy;
    background-color: transparent;
}

/* These class names must match the names in SectionViewMode.cs. */
/* In edit mode, hide tmm-attr-view.  In view mode, hide tmm-attr-edit. */
.section.tmm-section-mode-view .tmm-attr-edit,
.section.tmm-section-mode-view .visible-mode-edit,
.section.tmm-section-mode-edit .tmm-attr-view,
.section.tmm-section-mode-edit .visible-mode-view {
    display: none !important;
}

/* List/Tile toggle */
.section.tmm-section-list-view .tile-view,
.section.tmm-section-tile-view .list-view {
    display: none !important;
}

/* Make the input text blue in edit mode */
.section input,
.section select,
ul.fbt-tadd-autocomplete-dropdown li 
{
    color: #666666;
}
input.fbt-tadd-autocomplete {
    height: 22px !important;
}

/* Lazy Loading Dropdown Styles */
ul.tmm-lazy-load {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
ul.tmm-lazy-load > li.ui-menu-item {
    border: 0;
    padding: 0;
}
.tmm-lazy-load-input {
    height: 20px;
    padding-right: 15px;
    margin-top: 2px;
    cursor: context-menu;
}
.tmm-lazy-load-arrow {
    border: 0 !important;
    padding: 0 !important;
    padding-right: 2px !important;
    margin: 0 !important;
    height: 18px !important;
    cursor: context-menu !important;
    margin-left: -32px !important;
    min-width: 30px !important;
    margin-top: 4px !important;
    position: absolute !important;
}
select.tmm-lazy-load-arrow[disabled] {
    pointer-events:none
}

/* 
    For sections with EnableShowAll turned on, toggle the presence of 
    this class to expand/contract the section.
*/
.tmm-section-show-all-abbrev .section-content {
    max-height: 200px;
    overflow: hidden;
}
.section-footer-actions {
    display: inline;
}

a {
    cursor: pointer;
    color: #337ab7;
}

a.tmm-action-link {
    cursor: pointer;
    font-weight: bold;
    color: #337ab7;
}
a.tmm-action-link:hover {
    color: #337ab7;
}

a.tmm-related-field-link {
    cursor: pointer;
}

a.verification-status-message-click, 
a.tmm-verify {
    cursor: pointer;
    font-weight: bold;
}

.section .unsaved-changes-indicator {
    display: none;
    position: relative;
    left: 5px;
    font-weight: bold;
    vertical-align: super;
}

.tmm-section-attribute {
    display: table-row;
    line-height: 22px;
}

.tmm-field-spaced {
    padding-bottom: 2px;
    padding-top: 2px;
    display: inline-table;
}

.tmm-field-hide {
    display: none;  
}

.tmm-textarea-view {
    /*width: 225px;*/
    height: 22px;
    min-height: 22px;
    overflow-y: hidden;
    background: transparent;
    outline: none;
    border: 0;
    padding: 0 5px 0 0;
    vertical-align: bottom;
}

.tmm-textarea-view-resize {
    background: #f5f5f5;
    border: 1px solid lightgray;
}

.tmm-textarea-edit {
    /*width: 225px;*/
    height: 22px;
    min-height: 22px;
    overflow-y: hidden;
    padding: 0 5px 0 0;
    vertical-align: bottom;
    border: 1px solid lightgray;
}

.tmm-textarea-typeahead-edit {  
    min-height: 22px;
    overflow-y: hidden;
    padding: 0 5px 0 0;
    vertical-align: bottom;
    border: 1px solid lightgray;
}

.tmm-resizable {
    width: 150px;
    height: 22px;
}

.tmm-resizable-container {
    max-width: 280px;
    min-height: 22px;
    overflow: hidden;
    background: #f5f5f5;
    border: 1px solid lightgray;
}

.tmm-resizable-content {
    padding: 0 5px 0 0;
    margin-right: 10px;
    white-space: nowrap;
}

.tmm-resizable-content-style {
    white-space: normal !important;
}

div.tmm-resizable .ui-resizable-se {
    width: 15px !important;
    height: 15px !important;
}

.tmm-label {
    display: table-cell;
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
}

.tmm-label-spaced {
    display: table-cell;
    color: Navy;
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.tmm-label-header {
    display: table-cell;
    text-align: right;
    font-weight: bold;
}

.tmm-label-header-left {
    display: table-cell;
    text-align: left;
    font-weight: bold;
}

.tmm-label-header-center {
    display: table-cell;
    text-align: center;
    font-weight: bold;
}

.tmm-label-nowrap {
    display: table-cell;
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
    white-space: nowrap;
}

.tmm-label-simple {
    font-weight: bold;
}

.tmm-label-simple-spaced {
    font-weight: bold;
    padding-right: 5px;
}

.tmm-label-black {
    display: table-cell;
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
    color: #333;
}

.tmm-label-red {
    display: table-cell;
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
    color: red;
}

.tmm-TextBoxViewB {
    color: #333333;
    font-weight: bold;
    font-size: 12px;
    background-color: transparent;
    vertical-align: middle;
}

.tmm-TextBoxViewItalic {
	color: #333333;
	font-size: 12px;
	font-style: italic;
	background-color: transparent;
	vertical-align: middle;
}

.tmm-TextBoxViewItalicBold {
	color: #333333;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	background-color: transparent;
	vertical-align: middle;
}

.tmm-group-label {
    display: table-cell;
    color: Navy;
    text-align: left;
    font-weight: bold;
    /*top: 4px;
    bottom: 4px;*/
}

.tmm-value {
    display: table-cell;
    text-align: left;
}

.tmm-value-right {
    display: table-cell;
    text-align: right;
}

.tmm-value-center {
    display: table-cell;
    text-align: center;
}

.tmm-textbox-small {
    max-width: 100px;
}

.tmm-textbox-small-plus {
    max-width: 150px;
}

.tmm-textbox-small-right {
    text-align: right;
    max-width: 100px;
}

.tmm-textbox-small-right-ro {
    text-align: right;
    width: 100px;
    padding: 0 2px 0 2px;
    display: inline-block;
}

.tmm-textbox-very-small-right {
    text-align: right;
    max-width: 65px;
}

.tmm-textbox-very-small-right-ro {
    text-align: right;
    width: 65px;
    padding: 0 2px 0 2px;
    display: inline-block;
}

.tmm-textbox-default {
    width: initial !important;
}

.tmm-checkbox-floating {
    text-align: center;
    vertical-align: text-bottom;
}

.tmm-checkbox-vertical-middle {
    margin-top: 0;
    position: relative;
    top: 2px;
}

.tmm-sortable-bubble-oneof {
    display: inline-block;
    background-color: #407fbf;
    color: white;
    border: 1px solid #407fbf;
    padding: 3px 3px 3px 3px;
    border-radius: 15px 15px 15px 15px;
    font-size: 1em;
    margin: 1px;
    min-width: 50px;
    text-align: center;
}

.tmm-sortable-bubble-skinny-blue {
    display: inline-block;
    background-color: #407fbf;
    color: white;
    border: 1px solid #407fbf;
    padding: 1px 1px 1px 1px;
    border-radius: 12px 12px 12px 12px;
    font-size: 1em;
    margin: 1px;
    min-width: 50px;
    text-align: center;
}

.tmm-sortable-bubble
{
    display: inline-block;
    background-color: #ffffff;   
    border: 1px solid #407fbf;
    padding: 5px 5px 5px 5px;
    border-radius: 15px 15px 15px 15px;
    font-size: 1em;
    margin: 3px;
    min-width: 50px;
    text-align: center;
}

/*.tmm-sortable-bubble:hover {
    cursor: move;
}*/

.tmm-sortable-bubble-readonly {
    display: inline-block;
    background-color: #ffffff;   
    border: 1px solid #407fbf;
    padding: 5px 5px 5px 5px;
    border-radius: 15px 15px 15px 15px;
    font-size: 1em;
    margin: 3px;
    min-width: 50px;
    text-align: center;
}

.tmm-sortable-bubble-delete {
    color: white;
    text-align: right;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 2px;
    cursor: pointer;
}

.tmm-modal-title {
    font-size: 18px;
    font-weight: bold;
}

.tmm-modal-filter-bar {
    background-color: #F0F0F0;
    min-height: 32px;
    height: auto;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 6px;
    font-weight: bold;
    width: 100%;
}

.tmm-modal-large {
    display: none; /* Hide the modal by default, otherwise use block */
    position: fixed;
    z-index: 1;
    left: 60%;
    top: 100px;
    width: 35%;
    height: 565px;
    background-color: #fefefe;
    /*margin: 20% auto;*/
    /*padding: 0 20px 20px 20px;*/
    border: 1px solid #888;
    border-radius: 4px;
    border: 2px solid darkgray;
}

.tmm-modal-large-container {
    height: 440px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px 20px 20px 20px;
}

.tmm-modal-medium {
    display: none; /* Hide the modal by default, otherwise use block */
    position: fixed;
    z-index: 1;
    left: 60%;
    top: 160px;
    width: 35%;
    height: 520px;
    background-color: #fefefe;
    /*margin: 20% auto;
    padding: 20px;*/
    border: 1px solid #888;
    border-radius: 4px;
    border: 2px solid darkgray;
}

.tmm-modal-medium-container {
    height: 395px;
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    padding: 20px 20px 20px 20px;
}

.tmm-modal-close {
    color: #aaa;
    float: right;
    font-size: 32px;
    font-weight: bold;
}

.tmm-modal-close:hover,
.tmm-modal-close:focus,
.tmm-modal-save:hover,
.tmm-modal-save:focus,
.tmm-modal-clear:hover,
.tmm-modal-clear:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.tmm-modal-save {
    color: #aaa;
    float: right;
    font-size: 22px;
    padding: 5px 6px 0 0;
}

.tmm-modal-clear {
    color: #aaa;
    float: right;
    font-size: 22px;
    padding: 5px 6px 0 0;
}

.tmm-modal-attribute {
    padding-bottom: 5px;
}

.no-select { /* make text unselectable for copy */
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

ul.tmm-clicklist-list {
    display: inline-block;
    float: left;
    list-style-type: none;
    padding-left: 0;
    overflow: visible;
    border-right: solid #cecece 1px;
    width: 18%;
    margin-bottom: 0px;
}
ul.tmm-clicklist-list li {
    border-bottom: solid #cecece 1px;
    border-left: solid #cecece 1px;
    border-collapse: collapse;
    position: relative;
    right: -1px;
    top: 0px;
}
ul.tmm-clicklist-list li.tmm-selected-row {
    border-right: solid white 1px !important;
    background-color: white;
}
tr.tmm-selected-row {
    background-color: #d9d9d9;
    border: solid 1px #ededed;
}
tr.tmm-selected-spec-row, tr.tmm-selected-rights-detail-row {
    background-color: #AFD3F8;
    border: solid 1px #ededed;
}
.tmm-section-mode-edit tr.tmm-selected-discovery-row {
    background-color: #AFD3F8;
    border: solid 1px #ededed;
}
.tmm-clicklist-content {
    display: inline-block;
    float: left;
    padding-top: 10px;
    padding-left: 20px;
    width: 80%;

    border: solid 1px #cccccc;     
    border-left: none;
}
.tmm-clicklist-list li {
    background-color: #e9f1f4; 
    border: solid #cecece 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.tmm-clicklist-list li {
    padding: 8px !important;
}
.tmm-clicklist-list li:hover,
ul.tmm-clicklist-list li.tmm-selected-row:hover {
    background-color: #407fbf;
    color: #ffffff;  
}

.tmm-clicklist-list-container-border {
    border-bottom: 1px #cccccc solid;
}
td.tmm-scroll-button-container-up:hover,
td.tmm-scroll-button-container-down:hover {
    background-color: #407fbf;
    color: #333333;
    text-align:center;
    cursor:pointer;
}
.tmm-fa-scroll {
    color: #333333;
}
.tmm-fa-scroll:hover {
    color: #333333;
}

.tmm-fa-clear-input {
    color: #333333;
}

.tmm-fa-clear-input:hover {
    color: #333333;
}

.book-cover {
    /*min-width: 110px;*/
}

.book-cover img {
    width: 100%;
    max-width: 200px;
    min-width: 100px;
}

.project-cover {
    padding-right: 10px;
    max-width: 200px;
    min-width: 100px;
}

.project-cover img {
    width: 100%;
}

.validation-msg {
    color: red;
    font-weight: bold;
}

#validation-report-wrapper {
    display: none;
}

input.tmm-task,
input.tmm-price,
input.tmm-datepicker {
    text-align: right;
    max-width: 100px;
}

.tmm-input-lg {
    width: 16em !important;
}
.tmm-input-med {
    width: 8em !important;
}
.tmm-input-sm {
    width: 4em !important;
}

/* fixed headers for tables */
.tmm-table-fixed-headers-wrapper {
    height: 200px;  /* default height */
    overflow-y:auto;
    overflow-x:hidden;
}
.tmm-table-fixed-headers thead tr th {
    position: sticky;
    top: 0;
    background-color: #ffffff !important;
    z-index: 90; /* need to be below 100 (disabled layer) */
}
/* If we use border, we must use table-collapse to avoid
a slight movement of the header row */
.tmm-table-fixed-headers table {
    border-collapse: collapse;
}

/* this attempts to prevent "blinking" when the row is not always displayed */
.tmm-table-new-row {
    display: none;
}

table.tmm-table-striped>tbody>tr:nth-of-type(odd),
.tmm-table-stripe
{
    background-color: #f5f5f5;
    border: solid 1px #ededed;
}

table.tmm-table>thead>tr>th {
    border-bottom: 0px !important;
}

.table-xtra-condensed > thead > tr > th,
.table-xtra-condensed > tbody > tr > th,
.table-xtra-condensed > tfoot > tr > th,
.table-xtra-condensed > thead > tr > td,
.table-xtra-condensed > tbody > tr > td,
.table-xtra-condensed > tfoot > tr > td {
  padding: 2px !important;
}

tr.tmm-new-row {
    font-style: italic;
}

.tmm-table-row-deleted {
    display: none !important;    
}

.table.sortable tr:first-child th,
.tmm-table-delete-row  {
    cursor: pointer;
}

.table.sortable tr:first-child th,
.tmm-table-edit-row  {
    cursor: pointer;
}

table input.tmm-table-sort-order {
    width: 30px;
}

.ui-sortable-handle {
    cursor: move;
}

/* Tab styles */
.tabs-wrapper {
    margin-top: 10px;
}
.tab-head {
    font-weight: bold;
    display: inline-block;
    background-color: #e9f1f4; 
    color: #333333;
    cursor: pointer;
    padding: 10px;
    border: solid #cecece 1px;
    border-bottom: 0;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    position: relative;
    margin: 0 -2px;
}
.tab-head:first-of-type {
    margin-left: 0px;
}
.tab-head.tab-selected {
    background-color: #ffffff;  
    color: #000000;  
    bottom: -1px;
    z-index: 50;
}
div.tab-head:hover {
    background-color: #407fbf;  
    color: #ffffff;  
}
.tab-body {
    display: none;
    border: solid #cecece 1px;
}
.tab-body.tab-selected {
    display: block;
    padding-left: 1px;
    padding-right: 1px;
}
.tab-invalid {
    color: red !important;
}

/* Dumb Tab styles (no lazy loading etc) */
.dumb-tabs-wrapper {
    margin-top: 10px;
}
.dumb-tab-head {
    font-weight: bold;
    display: inline-block;
    background-color: #e9f1f4;
    color: #333333;
    cursor: pointer;
    padding: 10px;
    border: solid #cecece 1px;
    border-bottom: 0;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    position: relative;
    margin: 0 -2px;
}
.dumb-tab-head:first-of-type {
    margin-left: 0px;
}
.dumb-tab-head.dumb-tab-selected {
    background-color: #ffffff;  
    color: #000000;  
    bottom: -1px;
    z-index: 50;
}
div.dumb-tab-head:hover {
    background-color: #407fbf;  
    color: #ffffff;  
}
.dumb-tab-body {
    display: none;
    border: solid #cecece 1px;
}
.dumb-tab-body.dumb-tab-selected {
    display: block;
    padding-left: 1px;
    padding-right: 1px;
}
.dumb-tab-invalid {
    color: red !important;
}

.tmm-prevent-page-leave {
    display: none;
}

[class*="action-select"]:hover {
    cursor: pointer;
    background-color: white;
}

.refresh-section-trigger { }

/* Dialog styles */

.dialog {
    padding: 10px;
}

.dialog-title {
    font-size: 20px;
    color: #407FBF;
    font-family: Helvetica;
    font-weight: bold;
    text-decoration: none;
}

/* Validation Summary */
#validation-report-wrapper {
    border: solid #ebcccc 1px;
    background-color: #f2dede;
    color: #a94442;
    border-radius: 10px;
    margin-top: 10px;
    padding: 10px;
    font-size: 1.2em;
}
.validation-summary a {
    color: #a94442;
}
.validation-summary a:hover {
    color: #a94442;
    text-decoration: underline;
}
#validation-report-wrapper ul {
    list-style-type: none;
}
#validation-report-wrapper .validation-summary {
    font-weight: bold;
}
#validation-report-wrapper .section-validation-summary {
    font-weight: normal;
}

/* Autocomplete */
.ui-autocomplete {
    max-height: 500px;
    max-width:80%;
    overflow-y: auto;
    overflow-x: hidden; /* prevent horizontal scrollbar */
    padding-bottom: 10px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none; /* inline-block !important;*/ /* none; */
    min-width: 160px;   
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-menu-item a {
    text-decoration: none;
    display: block;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff !important;
    text-decoration: none !important;
    background-color: #337ab7 !important; 
    border-color: #337ab7 !important;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-active {
    color: #000000 !important; 
    text-decoration: none !important;
    background-color: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

/* seperator lines*/
.ui-autocomplete li.ui-menu-item { 
    border-top: 1px #ccc solid; 
    padding: 1px 0; 
}
.ui-autocomplete li.ui-menu-item:first-child { 
    border-top: none; 
    padding-top: 0; 
}

.ui-autocomplete li.ui-menu-item.fbt-selected {
    background-color: #ccc;
}

.fb-global-search-title,
.fb-global-search-project,
.fb-global-contact-search-contactname {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}

.fb-global-search-author {
    font-size:12px;
    color:#333333;
}

.fb-global-search-format {
    font-size:12px;
    color:#333333;
}

.fb-global-search-productnumber {
    font-size:12px;
    color:#333333;
}

.fb-global-search-keywords {
    font-size:12px;
    color:#337ab7;
    width:80%;
}

.fb-global-contact-search-email,
.fb-global-contact-search-relatedcontact {
    font-size:12px;
    color:#333333;
}

.fb-global-search-inbox-createdby-filter {
    font-size: 12px;
    color: #333333;
}

.ui-state-hover span.fb-global-search-title,
.ui-state-active span.fb-global-search-title,
.ui-state-hover span.fb-global-search-project,
.ui-state-active span.fb-global-search-project,
.ui-state-hover span.fb-global-search-author,
.ui-state-active span.fb-global-search-author,
.ui-state-hover span.fb-global-search-format,
.ui-state-active span.fb-global-search-format,
.ui-state-hover span.fb-global-search-productnumber,
.ui-state-active span.fb-global-search-productnumber,
.ui-state-hover span.fb-global-search-keywords,
.ui-state-active span.fb-global-search-keywords,
.ui-state-hover span.fb-global-contact-search-email,
.ui-state-active span.fb-global-contact-search-email,
.ui-state-hover span.fb-global-contact-search-relatedcontact,
.ui-state-active span.fb-global-contact-search-relatedcontact,
.ui-state-hover span.fb-global-search-inbox-createdby-filter,
.ui-state-active span.fb-global-search-inbox-createdby-filter,
.ui-state-hover span.fb-global-contact-search-contactname,
.ui-state-active span.fb-global-contact-search-contactname {
    color: #000000;
}

.fb-global-search-term {
    font-weight:bold;
    color:Blue;
}

    table.tmm-scrollable-body {
        width: 100%;
        max-width: 100%;
        margin-bottom: 0px;
        border-spacing: 0;
    }

    table.tmm-scrollable-body th,
    table.tmm-scrollable-body td,
    table.tmm-scrollable-body tr,
    table.tmm-scrollable-body thead,
    table.tmm-scrollable-body tbody { display: block; }

    table.tmm-scrollable-body thead tr {
        width: 97%;
        width: -webkit-calc(100% - 16px);
        width:    -moz-calc(100% - 16px);
        width:         calc(100% - 16px);
    }

    table.tmm-scrollable-body tr:after {
        content: ' ';
        display: block;
        visibility: hidden;
        clear: both;
    }

    table.tmm-scrollable-body tbody {
        height: 375px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    table.tmm-scrollable-body tbody td,
    table.tmm-scrollable-body thead th {
        border: 0px;
        float: left;
    }

    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }
