body {
    padding-top: 55px; /* navbar-fixed-top */
    overflow: hidden;  /* disable elastic scrolling effect */
}

/** Remove textarea inner shadow on Mobile Safari (iPhone) */
input:not([type=checkbox]):not([type=radio]) {
    -webkit-appearance: none;
}

input.form-control, select.form-control, textarea.form-control, div.tokenfield.form-control {
    /* 'important' to prevent getting shadow for validation states. */
    box-shadow: none !important;
    -webkit-appearance: none; /* Make it look nicer in Safari */
}
input.form-control:focus, select.form-control:focus, textarea.form-control:focus, div.tokenfield.form-control:focus {
    /* 'important' to prevent getting shadow for validation states. */
    box-shadow: none !important;
}
select.form-control {
    background-image: url(../images/light-gray-disclosure-arrow-down.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 25px;
}
select.form-control:hover {
    background-image: url(../images/dark-gray-disclosure-arrow-down.png);
}
.form-horizontal .checkbox {
    padding-top: 5px;
}

.modal-body .panel:last-child {
    margin-bottom: 0;
}

form .form-group:last-child, .form-horizontal .form-group:last-child {
    margin-bottom: 0;
}

.tokenfield .token .token-label {
    vertical-align: middle;
}

label {
    font-weight: normal;
}

pre {
    border: none;
    border-radius: 0;
    background-color: #fcfcfc;
}

.navbar {
    -webkit-user-select: none; /* Replies-macOS app */
}

#navbarToggleButton {
    float: left;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 0;
    padding: 0;
    border-radius: 0;
}

#navbarShowHelpTextItem a .glyphicon {
    display: none;
}
@media (min-width: 767px) {
    #navbarShowHelpTextItem a {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    #navbarShowHelpTextItem a .glyphicon {
        display: inline;
    }
    #navbarShowHelpTextItemLabel {
        display: none;
    }
}

.table > thead > tr > th {
    border-bottom-width: 1px;
}
.table tr:first-child td {
    border-top: none;
}

.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2)
}

/* Make sure we use the same font-size/font everywhere. Popovers are embedded in their parents. */
.popover {
    font-size: 13px;
    color: #333;
}

.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 0;
}
.panel .panel-heading {
    border-width: 0 0 3px 0;
}
.panel .panel-title {
    font-size: inherit;
    font-weight: 500;
    letter-spacing: 0.05em;
}

@media (min-width: 768px) {
    .navbar .navbar-nav > li {
        display: inline;
        float: none;
    }
    .navbar .navbar-nav > li > a {
        display: inline;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        margin-top: 18px;
        margin-left: 15px;
        margin-right: 15px;
        padding: 0;
    }
    .navbar .navbar-nav > li.active > a {
        border-bottom: 2px solid white;
    }

    .navbar .navbar-nav {
        margin-top: 18px;
    }
    .navbar-centered {
        position: absolute;
        display: block;
        width: 100%;
    }
}
@media (min-width: 1024px) {
    .navbar-centered {
        text-align: center;
    }
}


.navbar .meMenu .glyphicon-bell {
    margin-right: 2px;
}

.navbar .meMenuTeamMemberItem .badge {
    margin-top: 1px;
    position: absolute;
    right: 10px;
}

@media (max-width: 767px) {
    .navbar .meMenuTeamMemberItem .badge {
        color: #ffffff;
        background-color: rgba(255, 255, 255, 0.3);
    }
    .navbar .meMenu .divider {
        background-color: transparent;
        margin: 2px 0;
    }
}

.navbar .navbar-right {
    padding-right: 15px;
}

.navbar .btn, .navbar .btn:hover, .navbar .btn:active {
    color: white;
}

.navbar .navigationFilterBar {
    margin-top: 2px;
}
.navbar .navigationFilterBar input.form-control {
    border-radius: 4px;
}
.navbar .navigationFilterBar .btn .glyphicon {
    font-size: 16px;
    letter-spacing: normal;
}
.navbar .navigationFilterBar .btn-group.pull-right {
    margin-left: 10px;
    margin-right: -10px;
}
.navbar .navigationFilterBar .btn .loadingIndicator {
    height: 16px;
    width: 16px;
    background: url(../images/loading_indicator@2x.gif) no-repeat top 0 center;
    background-size: 16px;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.btn {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 500;
    border: none;
    font-size: 11px;
}
.btn .glyphicon,.btn .caret {
    text-transform: none;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: normal;
}
.btn .badge {
    /* Overrides transparent color which is coming from button background definition in bootstrap.less. */
    color: white;
    letter-spacing: normal;
}
.btn .loadingIndicator {
    height: 14px;
    min-width: 14px;
    background: url(../images/loading_indicator@2x.gif) no-repeat top 0 center;
    background-size: 14px;
}
.caret {
    margin: -3px 0 0 0;
}
.tableItemVisibleOnHover {
    visibility: hidden;
}
.table tr:hover .tableItemVisibleOnHover {
    visibility: visible;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.4;
    filter: alpha(opacity=0.4);
}
.btn:active {
    opacity: 0.4;
    filter: alpha(opacity=0.4);
}
.btn.active, .btn:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn.active * {
    color: #428ee0;
}
.btn.active .glyphicon {
    color: inherit;
    opacity: 0.4;
    filter: alpha(opacity=0.4);
}

div.dateTimePicker.form-control {
    width: 225px;
    text-align: center;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgb(240, 240, 240);
    cursor: pointer;
}

#page-content-wrapper {
    padding: 0;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.dropdown-menu > li > a > .glyphicon-ok {
    margin-left: -15px;
    padding-right: 2px;
    font-size: 9px;
    visibility:hidden;
}
.dropdown-menu > li.checked > a > .glyphicon-ok {
    visibility:visible;
}

.progress {
    margin-bottom: 0;
}

.help-block {
    margin-bottom: 0;
}

.input-group-addon:first-child {
    padding-left: 0;
}
.input-group-addon:last-child {
    padding-right: 0;
}
.input-group-addon {
    /* prevent getting borders and backgrounds for validation states. */
    border:none !important;
    background: none !important;
}

.toast {
    position: absolute;
    bottom: 60px;
    right: 15px;
    margin-left: 15px; /* always keep a space on the left even if space gets tight. */
    z-index: 100;
    padding: 9px 29px 9px 9px;
    background: rgb(255,243,205);
    color: rgb(133, 100, 4);
    border: rgb(252, 229, 161) 1px solid;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(252, 229, 161, 0.2);
    box-shadow: 0 1px 2px rgba(252, 229, 161, 0.2);
    text-align: right;
}
.toast .close {
    position: absolute;
    top: 5px;
    right: 9px;
}

/** Sidebar */

#sidebar-wrapper {
    background: none;
}

@media(min-width:768px) {
    /* separator line between sidebar and content */
    #sidebar-wrapper {
        border-right: 1px solid rgb(240, 240, 240);
    }
}

#sidebar-wrapper .searchBar {
    border-bottom: 1px solid rgb(240, 240, 240);
    padding: 5px 15px;
    width: 259px; /* 260 - 1 (border-right); prevents from changing height while sidebar gets hidden */
}
#sidebar-wrapper .searchBar input {
    display: inline;
    height: 27px;
}
#sidebar-wrapper .searchBar .form-control {
    box-shadow: none;
    border: none;
    font-size: 13px;
    padding: 0;
}
#sidebar-wrapper .searchBar.btn-toolbar {
    margin-left: 0;
}
#sidebar-wrapper .searchBar.btn-toolbar .btn-group {
    margin-left: 0;
}
#sidebar-wrapper .searchBar.btn-toolbar .btn {
    padding-left: 5px;
    padding-right: 5px;
}
#sidebar-wrapper .searchBar.btn-toolbar .btn .glyphicon-search {
    top: 2px; /** keep vertically centered */
}
#sidebar-wrapper .searchBar.btn-toolbar .btn .glyphicon-remove-sign {
    top: 2px; /** keep vertically centered */
}
#sidebar-wrapper .searchBar .input-group-btn .btn {
    padding-left: 5px;
    padding-right: 5px;
    margin-right: -5px;
}

#sidebar-wrapper img.listLoadingIndicator {
    position: absolute;
    left: 121px; /* (260 - 18) / 2 */
    top: 48px;
    height: 18px;
    opacity: 0.65;
    filter: alpha(opacity=0.65);
}

#sidebar-wrapper .list {
    margin-bottom: 0; /** Override Bootstrap default */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* smooth momentum scroll */

    width: 259px; /* 260 - 1 (border-right); prevents from changing height while sidebar gets hidden */

    /** make text unselectable */
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    /* No support for these yet, use at own risk */
    -o-user-select: none;
    user-select: none;
}
#sidebar-wrapper .list .threadItem,
#sidebar-wrapper .list .snippetItem,
#sidebar-wrapper .list .contactItem,
#sidebar-wrapper .list .todoItem
{
    cursor: pointer;
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    vertical-align: top;
    border-bottom: 1px solid rgb(240, 240, 240);
    overflow-x: hidden;
}
#sidebar-wrapper .list .threadItem
{
    padding-left: 8px;
}
#sidebar-wrapper .list .snippetItem,
#sidebar-wrapper .list .contactItem,
#sidebar-wrapper .list .todoItem
{
    padding-left: 15px;
}
#sidebar-wrapper .list .threadItem .title,
#sidebar-wrapper .list .snippetItem .title,
#sidebar-wrapper .list .contactItem .title,
#sidebar-wrapper .list .todoItem .title
{
    font-size: 11px;
    height: 20px;
    display: table;
    width: 100%;
}
#sidebar-wrapper .list .threadItem .title .leftColumn,
#sidebar-wrapper .list .snippetItem .title .leftColumn,
#sidebar-wrapper .list .contactItem .title .leftColumn,
#sidebar-wrapper .list .todoItem .title .leftColumn
{
    display: table-cell;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#sidebar-wrapper .list .threadItem .title .rightColumn,
#sidebar-wrapper .list .snippetItem .title .rightColumn,
#sidebar-wrapper .list .contactItem .title .rightColumn,
#sidebar-wrapper .list .todoItem .title .rightColumn
{
    display: table-cell;
    text-align: right;
}
#sidebar-wrapper .list .threadItem .summary,
#sidebar-wrapper .list .snippetItem .summary,
#sidebar-wrapper .list .contactItem .summary,
#sidebar-wrapper .list .todoItem .summary
{
    height: 35px;
    overflow-y: hidden;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
}
#sidebar-wrapper .list .reportItem,
#sidebar-wrapper .list .settingItem
{
    cursor: pointer;
    padding: 15px;
    vertical-align: middle;
    border-bottom: 1px solid rgb(240, 240, 240);
    overflow-x: hidden;
    display: table;
    width: 100%;
}
#sidebar-wrapper .list .threadItemIcon,
#sidebar-wrapper .list .reportItemIcon,
#sidebar-wrapper .list .settingItemIcon
{
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    width: 24px;
}
#sidebar-wrapper .list .threadItemIcon
{
    padding-right: 8px;
}
#sidebar-wrapper .list .reportItemIcon,
#sidebar-wrapper .list .settingItemIcon
{
    padding-right: 15px;
}
#sidebar-wrapper .list .threadItemIcon img,
#sidebar-wrapper .list .reportItemIcon img,
#sidebar-wrapper .list .settingItemIcon img
{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none;
    opacity: 0.9;
    filter: alpha(opacity=0.9);
}
#sidebar-wrapper .list .threadItemLabel,
#sidebar-wrapper .list .reportItemLabel,
#sidebar-wrapper .list .settingItemLabel
{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
#sidebar-wrapper .list .threadItem.selected,
#sidebar-wrapper .list .snippetItem.selected,
#sidebar-wrapper .list .contactItem.selected,
#sidebar-wrapper .list .todoItem.selected,
#sidebar-wrapper .list .reportItem.selected,
#sidebar-wrapper .list .settingItem.selected
{
    background-color: rgba(66, 142, 224, 0.90);
    color: white;
}
#sidebar-wrapper .list .threadItem.highlight
{
    background-color: rgba(66, 142, 224, 0.1);
}
#sidebar-wrapper .list .threadItem.selected .badge,
#sidebar-wrapper .list .snippetItem.selected .badge,
#sidebar-wrapper .list .contactItem.selected .badge,
#sidebar-wrapper .list .todoItem.selected .badge,
#sidebar-wrapper .list .reportItem.selected .badge,
#sidebar-wrapper .list .settingItem.selected .badge
{
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.3);
}
#sidebar-wrapper .list .threadItem.selected .label,
#sidebar-wrapper .list .snippetItem.selected .label,
#sidebar-wrapper .list .contactItem.selected .label,
#sidebar-wrapper .list .todoItem.selected .label,
#sidebar-wrapper .list .reportItem.selected .label,
#sidebar-wrapper .list .settingItem.selected .label
{
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.3);
}
#sidebar-wrapper .list .reportItem.selected .reportItemIcon,
#sidebar-wrapper .list .settingItem.selected .settingItemIcon
{
    opacity: 1;
    filter: alpha(opacity=1);
}
#sidebar-wrapper .list .threadItem.selected .threadItemIcon img,
#sidebar-wrapper .list .reportItem.selected .reportItemIcon img,
#sidebar-wrapper .list .settingItem.selected .settingItemIcon img
{
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

#wrapper img.paneLoadingIndicator {
    height: 24px;
    opacity: 0.65;
    filter: alpha(opacity=0.65);
}

.threadContent .alert, .snippetContent .alert, .contactContent .alert, .todoContent .alert {
    min-height: 38px;
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.threadContent .alert-dismissible .close, .snippetContent .alert-dismissible .close, .contactContent .alert-dismissible .close, .todoContent .alert-dismissible .close {
    top: -4px;
    opacity: 0.6;
    filter: alpha(opacity=0.6);
}

/** MyInboxZero */

.myInboxZeroIcon {
    padding: 38px 0; /* search bar height */
    text-align:center;
}
.myInboxZeroIcon img {
    opacity: 0.2;
    filter: alpha(opacity=0.2);
    height: 96px;
    width: 96px;
}
.myInboxZeroChart .panel {
    border-width: 1px;
    background-color: rgb(253, 253, 253);
}
.myInboxZeroChart .panel-heading {
    border-width: 1px;
}

.video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/** Thread */

.threadToolbar {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 3px; /** + 12px .btn padding = 15px  */
    margin-left: 0;
    border-top: 1px solid rgb(240, 240, 240);
}
.threadToolbar .btn-group.pull-left {
    margin-left: 3px; /** + 12px .btn padding = 15px  */
}
.threadToolbar .btn .glyphicon-cog {
    top: 2px; /** keep vertically centered */
}

.threadToolbar .delayMenuItemScheduleAt {
    color: silver;
    right: 10px;
    position: absolute;
    visibility: hidden;
}
.threadToolbar .dropdown-menu>li>a:hover .delayMenuItemScheduleAt {
    visibility: visible;
}

.threadContent {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; /* smooth momentum scroll */
    padding-left: 15px;
    padding-right: 15px;
}
.threadContent .threadContentHeader {
    margin-top: 20px;
    display: table;
    width: 100%;
}
.threadContent .threadSummary {
    display: table-cell;
    font-size: 16px;
    padding-right: 10px;
}
.threadContent .threadSummary .threadProductDropdown {
    padding-right: 10px;
}
.threadContent .threadSummary .threadProductDropdown a.dropdown-toggle {
    font-size: 16px;
    color: inherit;
    text-decoration: none;
}
.threadContent .threadSummary .input-group {
    width: 100%;
}
.threadContent .threadSummary input {
    font-size: 16px;
}
.threadContent .threadNavigationIdx {
    display: table-cell;
    text-align: right;
    vertical-align: top;
}
.threadContent .threadTodos .label {
    margin-top: 5px;
    display: inline-block;
}
.threadContent .messageDivider {
    padding-top: 25px;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
}
.threadContent .messageDivider hr {
    position:absolute;
    width: 100%;
    margin: 0;
    top: 40px;
    border-top: 1px solid rgb(240, 240, 240);
}
.threadContent .messageDivider .messageDividerLabel {
    display: inline-block;
    position: relative;
    background: white;
    padding: 7px 10px 0 10px;
    margin: 0 auto;
    text-align: center;
    color: #555459;
}
.threadContent .messageDivider .messageDividerLabel * {
    vertical-align: top; /* Make sure overflow:hidden looks good on Chrome and Firefox as well. */
}
.threadContent .messageDivider .messageDividerLabel .contactLabel {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left; /* prevent getting the ellipsis space on the left side as well if centered. */
    display: inline-block;
    max-width: 250px;
}
@media (max-width: 520px) {
    .threadContent .messageDivider .messageDividerLabel .contactLabel {
        max-width: 100px;
    }
}

.threadContent .messageDivider .messageDividerContent {
    display: inline-block;
    position: relative;
    background: white;
    padding: 0 10px;
    margin: -5px auto;
    text-align: center;
    color: #555459;
}
.threadContent .messageDivider .messageDividerContent select {
    margin-top: 5px;
    width: auto;
    display: inline-block;
}

.threadContent .messageComments {
    margin-bottom: 20px;
    background-color: rgb(255, 252, 224);
    padding: 10px;
}
.threadContent .messageComment {
    padding-top: 10px;
}

.threadContent .metadata {
    border-width: 1px;
    margin-top: 0;
    margin-bottom: 15px;
    background-color: rgb(253, 253, 253);
}
.threadContent .metadata .panel-heading {
    border-width: 1px;
}
.threadContent .metadata .table { /* Nested tables */
    background-color: rgb(253, 253, 253);
    margin: 0;
    padding: 0;
}
.threadContent .metadata .table pre {
    border: none;
    background: none;
    margin: 0;
    padding: 0;
}

.threadContent .message {
    padding: 0;
    border: none;
    background-color: white;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.threadContent .message .messageBody {
    overflow-wrap: break-word;
    word-wrap: break-word;
    padding-bottom: 20px;
}
.threadContent .message .messageBody img {
    max-width: 100%;
    height: auto;
}
.threadContent .message .messageBody table,
.threadContent .message .messageBody tbody,
.threadContent .message .messageBody tr,
.threadContent .message .messageBody td
{
    /* make sure text doesn't go beyond the screen on small devices (e.g. https://1b.replies.io/#98/threads/622123, https://1b.replies.io/#98/threads/626487). */
    display: block;
    width: inherit;
}
.threadContent .message .messageBody h1 {
    font-size: 16px;
}
.threadContent .message .messageBody h2,
.threadContent .message .messageBody h3,
.threadContent .message .messageBody h4,
.threadContent .message .messageBody h5,
.threadContent .message .messageBody h6
{
    font-size: 13px;
}

.threadContent .draft .draftPartQuotedBody {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 2px; /** Indent make sure we always see .splitTarget:hover */

    overflow-wrap: break-word;
    word-wrap: break-word;
}
.threadContent .draft .draftPartQuotedBody blockquote {
    margin-bottom: 0;
}
.threadContent .draft .draftPartQuotedBody img {
    max-width: 100%;
    height: auto;
}
.threadContent .draft .draftPartQuotedBody table,
.threadContent .draft .draftPartQuotedBody tbody,
.threadContent .draft .draftPartQuotedBody tr,
.threadContent .draft .draftPartQuotedBody td
{
    /* make sure text doesn't go beyond the screen on small devices (e.g. https://1b.replies.io/#98/threads/622123, https://1b.replies.io/#98/threads/626487). */
    display: block;
    width: inherit;
}
.threadContent .draft .draftPartQuotedBody h1 {
    font-size: 16px;
}
.threadContent .draft .draftPartQuotedBody h2,
.threadContent .draft .draftPartQuotedBody h3,
.threadContent .draft .draftPartQuotedBody h4,
.threadContent .draft .draftPartQuotedBody h5,
.threadContent .draft .draftPartQuotedBody h6
{
    font-size: 13px;
}

.threadContent .draft .draftPartQuoted > blockquote {
    margin: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.threadContent .draft .draftPartQuotedBody .splitTarget {
    cursor: url("../images/cursor_insert_horizontal.svg") 12 12, pointer;
}
.threadContent .draft .draftPartQuotedBody .splitTarget:hover {
    border-right: 2px solid #66afe9;
    margin-right: -2px;
}

.threadContent .draft .salutationPart {
    margin-top: 0;
    margin-bottom: 10px;
}
.threadContent .draft .salutationPart .editor {
    height: inherit;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgb(240, 240, 240);
}
.threadContent .draft .salutationPart .editor.hasFocus {
    border: 1px solid #66afe9;
}

.threadContent .draft .draftPartEditable .editorPlusToolbar .btn-group {
    padding: 6px 5px 0 0;
}
.threadContent .draft .draftPartEditable .editorPlusToolbar .btn-group .btn {
    padding: 2px 5px;
}

.threadContent .draft .draftPartEditable .editorPlusToolbar .updateButton {
    text-transform: none;
    letter-spacing: normal;
    border: none;
    color: white;
    background-color: #66afe9;
    margin: 0 5px;
}
.threadContent .draft .draftPartEditable .editorPlusToolbar .updateButton[disabled] {
    background-color: inherit;
    margin: 0;
}

.threadContent .draft .addPart {
    cursor: url("../images/cursor_insert_vertical.svg") 12 12, pointer;
    min-height: 10px;
    margin-top: 10px;
    margin-bottom: 0;
    border-top: 2px transparent;
}
.threadContent .draft .addPart:hover {
    border-top: 2px solid #66afe9;
}
.threadContent .draft .draftPartSignature {
    padding-bottom: 20px;
}

.threadContent .contactFormMetadataCollapseButton > .glyphicon-chevron-down {
    display: none
}
.threadContent .contactFormMetadataCollapseButton > .glyphicon-chevron-up {
    display: block
}
.threadContent .contactFormMetadataCollapseButton.collapsed > .glyphicon-chevron-down {
    display: block
}
.threadContent .contactFormMetadataCollapseButton.collapsed > .glyphicon-chevron-up {
    display: none
}


/** Snippet */

.snippetToolbar {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 3px; /** + 12px .btn padding = 15px  */
    margin-left: 0;
    border-top: 1px solid rgb(240, 240, 240);
}
.snippetToolbar .btn-group.pull-left {
    margin-left: 3px; /** + 12px .btn padding = 15px  */
}

.snippetContent {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; /* smooth momentum scroll */
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
}

.snippetBody {
    margin-bottom: 10px;
}
.snippetBody .editor {
    height: inherit;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
.snippetBody .editor .public-DraftEditor-content, .snippetBody .editor textarea {
    min-height: 100px;
}
.snippetBody td {
    vertical-align: bottom;
}

.snippetBody tr {
    background-color: white;
    border: 1px solid rgb(240, 240, 240);
}
.snippetBody tr.hasFocus {
    border: 1px solid #66afe9;
}

.snippetBody .attachment {
    display: table-cell;
    padding: 12px;
}



/** Contacts */

.contactToolbar {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 3px; /** + 12px .btn padding = 15px  */
    margin-left: 0;
    border-top: 1px solid rgb(240, 240, 240);
}
.contactToolbar .btn-group.pull-left {
    margin-left: 3px; /** + 12px .btn padding = 15px  */
}

.contactContent {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; /* smooth momentum scroll */
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
}


/** Todos */

.todoToolbar {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 3px; /** + 12px .btn padding = 15px  */
    margin-left: 0;
    border-top: 1px solid rgb(240, 240, 240);
}
.todoToolbar .btn-group.pull-left {
    margin-left: 3px; /** + 12px .btn padding = 15px  */
}

.todoContent {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; /* smooth momentum scroll */
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
}

.todoName {
    margin-bottom: 10px;
}
.todoName input {
    font-size: 16px;
}

.todoContent .comment .commentBody {
    cursor: pointer;
}
.todoContent .comment .attachments {
    margin-top: 9px;
}
.todoContent .noticeTimelineItemReply {
    color: gray;
}
.todoContent .noticeTimelineItemComments {
    color: gray;
    background-color: rgb(255, 252, 224);
    padding: 5px 6px 0 6px;
}
.todoContent .noticeTimelineItemComments > span {
    display: block;
    padding: 0 0 5px 0;
}

.modal-content .comment .editor .public-DraftEditor-content, .modal-content .comment .editor textarea {
    min-height: 100px;
}


/** Settings */

#page-content-wrapper.settingsContent {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; /* smooth momentum scroll */
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.modal-content .signatureTemplate .editor,
.modal-content .autoResponseTemplate .editor
{
    background-color: white;
    border: 1px solid rgb(240, 240, 240);
    height: inherit;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.modal-content .signatureTemplate .editor .public-DraftEditor-content, .modal-content .signatureTemplate .editor textarea,
.modal-content .autoResponseTemplate .editor .public-DraftEditor-content, .modal-content .autoResponseTemplate .editor textarea
{
    min-height: 150px;
}
.modal-content .signatureTemplate .editor.hasFocus,
.modal-content .autoResponseTemplate .editor.hasFocus
{
    border: 1px solid #66afe9;
}


/** Reports */

#page-content-wrapper.reportsContent {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; /* smooth momentum scroll */
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}


/** Badge */

.badge {
    padding: 2px 6px 3px 6px;
    font-size: 11px;
}


/** Label */

.label {
    margin-right: 3px;
    font-weight: normal;
    letter-spacing: 0.02em;
}
.label-default {
    background-color: #eee;
    color: #777;
}
.label-default a {
    color: #777;
}

.label a.labelRemove {
    padding-left: 5px;
    font-size: 130%;
    color: inherit;
    opacity: 0.4;
    filter: alpha(opacity=0.4);
}
.label a.labelRemove:hover {
    text-decoration: none;
}


/** EditorPlus */

.editorPlus .editor {
    height: inherit;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding-right: 0;
}
.editorPlus td {
    vertical-align: top;
}

.editorPlus tr {
    background-color: white;
    border: 1px solid rgb(240, 240, 240);
}
.editorPlus tr.hasFocus {
    border: 1px solid #66afe9;
}

.editorPlus .dropdown-menu > li.dropdown-header {
    white-space: normal;
    padding: 2px 15px 2px 15px;
}
.editorPlus .dropdown-menu > li > a {
    white-space: normal;
    padding: 5px 15px;
}

.editorPlus .attachment {
    display: table-cell;
    padding: 12px;
}


/** Attachments */

.attachment {
    display: inline-table;
    padding: 15px;
}

.attachment img {
    height: 48px;
    max-width: 100%;
}
.attachment .attachmentName {
    font-size: 11px;
    -ms-word-break: break-all;
    word-break: break-all;
}
img.attachmentLoadingIndicator {
    height: 14px;
    margin-top: 17px;
    margin-bottom: 17px;
    opacity: 0.65;
    filter: alpha(opacity=0.65);
}


/** Print (hides sidebar and removes content scrolling) */

@media print {

    #sidebar-wrapper {
        visibility: hidden;
    }
    #page-content-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
    }
    #page-content-wrapper * {
        visibility: visible;
        overflow: visible;
        height:auto;
    }

}