.main-container {
    max-width:1200px;
    margin:75px auto 0px auto;
    padding:0px 0px 0px 0px;
}

.main-container-nav {
    max-width:1200px;
    margin:0px auto;
}

h1#page-header {
    margin-bottom:25px;
    font-size:30px;
}

h2 {
    margin-bottom:15px;
    font-size:20px;
}

h4 {
    margin-bottom:15px;
    font-size:16px;
}

#form-errors {
    display:none;
}

.nav-cnt {
    background-color:#1E5691;
}

.clocked-in-bar {
    background-color:#0dcaf0;
    padding:5px 0px;
    color:white;
    text-align:center;
    font-weight:bold;
}

.user-clocked-in {
    padding-top:25px !important;
}

.clocked-in-bar a:hover {
    color:white;
    text-decoration:none;
}

.float-right {
    float:right;
}

.row {
    margin-bottom:15px;
}

a {
    text-decoration:underline;
}

a:hover {
    text-decoration:none;
}

.color-white, .color-white a, a.color-white {
    color:white !important;
}

a.color-white:hover {
    color:white;
    text-decoration:none;
}

div.tag-list div span {
    white-space: nowrap;
}

div.tag-list div {
     margin-top:10px;
     margin-right:10px;
     float:left;
}

form.admin-search {
    display:block;
    padding:15px 0px 0px 0px;
}

.parent-page-selector {
    margin:0px 0px 15px 0px;
    border:1px solid #CCCCCC;
    background-color:#EFEFEF;
    padding:10px;
}

.parent-page-selector table tr td {
    padding-right:5px;
}

.url-group {
    border:1px solid #CCCCCC;
    background-color:#FFFFFF;
    padding:5px;
    margin:5px 0px;
}

.reset-url {
    display:none;
}

.published-page-note {
    color:#ffc107;
    font-weight:bold;
}

.children-cnt .children {
    margin-left:20px;
}

i.favorite-icon {
    color:#f1c40f;
}
i.favorite {
    position:absolute;
    top:-2px;
    left:2px;
    font-size:25px;
    cursor:pointer;
    color:#f1c40f;
}

div.by-line, div.reply {
    font-size:12px;
}

#photo-search-results table tr td, 
#photo-search-results table tr th,
#photo-search-results table tr th a,
#photo-search-results table tr td a,
#assigned-photos table tr td a,
#assigned-photos table tr th a,
#assigned-photos table tr td,
#assigned-photos table tr th
{
    font-size:12px !important;
}

span.up-icon {
    display:inline-block;
    background-image:url( '/media/icons/arrow-up-square-fill.svg' );
    width:16px;
    height:16px;
    background-repeat:none;
    vertical-align:middle;
}

span.down-icon {
    display:inline-block;
    background-image:url( '/media/icons/arrow-down-square-fill.svg' );
    width:16px;
    height:16px;
    background-repeat:none;
    vertical-align:middle;
}

div.info-box {
    border:1px solid #CCCCCC;
    background-color:#EFEFEF;
    border-radius:5px;
    padding:10px;
}

div.color-box {
    margin-top:15px;
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    border-radius:5px;
    padding:10px;
}

span.info-box {
    display:inline-block;
    width:12px;
    height:12px;
    background:url( '/media/icons/info-circle.svg' ) top left no-repeat;
    background-size:12px 12px;
    cursor:pointer;
}

.tab-pane {
    padding:20px 0px;
}

ul.sortable {
    list-style-type: none;
    margin:0px;
    padding:0px;
}


ul.sortable li.ui-state-default {
    background: none; 
    font-weight: normal;
    color: inherit;
    margin-bottom:10px;
    padding:10px;
}

ul.sortable li.ui-state-default a {
    text-decoration:underline;
}

ul.sortable li table tr td {
    border-bottom:1px solid #155E67
}

ul.sortable li table tr td .sortable-title {
    font-size:11px;
    opacity:0.7;
    font-weight:bold;
}

ul.sortable li table tr td {
    padding:0px 0px 5px 0px;
}

ul.sortable li table {
    margin-bottom:5px;
    margin-top:3px;
}

ul.sortable li table tr td a.package-title {
    display:block;
    text-decoration:underline;
}

div.day-nav {
    margin-bottom:20px;
}

div.day-nav a {
    color:black;
    text-decoration:none;
}

div.day-nav a.active {
    font-weight:bold;
}

div.day-nav a:hover {
    text-decoration:underline;
}

div.document {
    box-shadow:3px 3px 5px;
    border:1px solid black;
    padding:15px 25px;
    overflow:scroll;
    overflow-y: hidden;
}

h2.breadcrumb {
    margin:0px;
    padding:0px;
    font-size:14px;
}

.breadcrumb a {
    color:black;
    text-decoration:underline;
}

.breadcrumb a:hover {
    text-decoration:none;
}

.doc-page h2 {
    margin:0px;
    padding:0px;
    font-size:14px;
}

.doc-page h1 {
    margin:0px;
    padding:0px 0px 15px 0px;
    font-size:24px;
}

.show-sm {
    display:none;
}

.required-field {
    color:red;
}

@media screen and (min-width: 480px) {

    .noleftpadding {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

}

@media print {
    .noprint {
        visibility: hidden;
    }
}

@media screen and (max-width: 480px) {

    .footer {
        padding-left: 15px !important;
    }

    label {
        padding-top: 0px;
    }
   
    .navbar-brand {
        padding-left:12px;
        font-size:17px;
    }
    
    .navbar-collapse {
        margin-left:15px !important;
    }

    .hide-sm {
        display:none;
    }

    .show-sm {
        display:inline;
    }

    .top-alerts {
        padding:0px 10px;
    }

    .top-clocked-in {
        width:100%;
    }

    .nav-ticket-tabs {
        font-size:16px !important;
        letter-spacing:-1px;
    }

}

ul.pagination li {
    padding:5px 15px;
    border:1px solid #EFEFEF;
}

ul.pagination li a {
    color:black;
    text-decoration:underline;
}

ul.pagination li a:hover {
    text-decoration:none;
}

ul.pagination li.active {
    border:1px solid #CCCCCC;
}

.marketing-meetings .next-meeting {
    font-weight:bold;
    color:green;
}

.exchange-interests {
    border:1px solid #CCCCCC;
    background-color:#FFFFFF;
    border-radius:5px;
    padding:10px;
}

tr.board td.delete {
    text-align:right;
}

tr.board td.edit {
    cursor:pointer;
}

.pointer {
    cursor:pointer;
}

.no-pointer {
    cursor:default;
}

.claimed-by {
    color:green;
}

.ui-autocomplete { position: absolute; cursor: default;z-index:2000 !important;}

.interest-line {
    border-bottom:1px solid #CCCCCC;
}

div.gray-box, div.grey-box {
    border:1px solid #CCCCCC;
    background-color:#EFEFEF;
    border-radius:5px;
    padding:10px;
}

div.white-box {
    border:1px solid #CCCCCC;
    background-color:white;
    border-radius:5px;
    padding:10px;
}

div.green-box {
    border:1px solid #badbcc;
    background-color:#d1e7dd;
    border-radius:5px;
    padding:10px;
}


div.ticket-description, div#ticket-description .ql-editor {
	line-height:23px !important;
}

div.ticket-description-view {
    border:1px solid #ced4da;
    min-height:300px;
    padding:20px;
	line-height:23px !important;
	border-radius:.25rem;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
}

div.ticket-description-view p {
    margin-bottom:0px;
}

div.ticket-description, div#ticket-description {
    border:1px solid #ced4da;
    height:400px;
    padding:10px;
    overflow:auto;
	line-height:25px !important;
}

div.article-content {
    border:1px solid #ced4da;
    height:400px;
    padding:10px;
    overflow:auto;
}

div.comment-ack {
    width:fit-content;
    border:1px solid #CCCCCC;
    background-color:#EFEFEF;
    border-radius:5px;
    padding:1px 10px;
    margin:3px 0px 0px 0px;
}

div.comment-ack td {
    padding-right:5px;
}

div.comment-ack i {
    cursor:pointer;
}

div.comment-ack i.not-active {
    opacity:.5;
}

div.comment-ack i.active {
    font-weight:bold;
    color:green;
    -webkit-text-stroke: .5px;
}

.mention-popup {
    font-size: 16px;
    will-change: transform;
    z-index: 9999;
}

.mention-item:hover {
    background-color: #f0f0f0;
}

.mention-tag {
    background: #cce4ff;
    padding: 2px 4px;
    border-radius: 3px;
    font-weight: bold;
}