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

.page-sub-title a {
    color:#757575;
    text-decoration:none;
}

.page-sub-title a:hover {
    color:#757575;
    text-decoration:underline;
}

#form-errors, .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;
}

#page-breadcrumb a {
    color:black;
    text-decoration:none;
}

#page-breadcrumb a:hover {
    text-decoration:underline;
}

.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:10px;
    }
    
    .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 !important;
}

.no-pointer {
    cursor:default !important;
}

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

.draggableModal  {
    position: relative;
}

.draggableModal .modal-dialog {
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    margin: 0;
    padding: 10px;
}

.forceEllipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width:100%;
}

.my-sub-menu-hamburger {
    font-size:2em;
}

.my-sub-menu {
    display:none;
    position:absolute;
    top:0px;
    left:-20px;
    background-color:#f5f5f5;
    z-index:1000;
    min-width:250px;
    border-radius:5px;
    border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    padding:12px 15px 5px 15px;
}

.my-sub-menu .label {
    border-bottom:1px solid #CCCCCC;
    margin-bottom:5px;
    padding-bottom:5px;
    font-size: 1.125rem;
}

.my-sub-menu a {
    display:block;
    color:black;
    margin-bottom:5px;
    text-decoration:none;
    font-size:.9em;
    padding:4px 4px 4px 10px;
}

.my-sub-menu a.back-to-page {
    display:block;
    padding-top:10px;
    border-top:1px solid #CCCCCC;
}

.my-sub-menu a:hover {
    color:black;
    text-decoration:underline;
}