.nav-link {
    float: right;
}
.sub-header {
    border-bottom: 1px solid #eee; 
    margin: 4em 0 1em 0;color:gray;
    padding: 14px 0 5px 0;
}

#startPage .tag, .start-page-filters-content .tag, .dispatch-tag {
    border: 1px solid #A4A4A4;
    border-radius: 5px;
    background: #EDEDED;
    padding: 2px 9px 2px 9px;
    margin: 2px;
    color: #747575;
    font-size: 10px;
    white-space: nowrap;
}

.start-page-search input {
}

.start-page-title {
    font-size: 18px;
    font-weight: bold;
}

.start-page-subtitle {
    font-size: 12px;
    font-weight: normal;
    color: #666;
    margin-bottom: 2px;
    margin-left: 22px;
}

.filter-list-popover .popover-title {
    display:none;
}

.filter-list-popover .popover-inner {
    width:240px;
}

.filter-list-popover .popover-content {
    padding-left:10px;
    border-radius: 2px;
}

.filter-list-popover .filter-name {
    height:12px;
    width:120px;
    margin-left: -20px;
}

.filter-list-popover .save-filter {
    margin-top:-8px;
    margin-left:3px;
}

.filter-item {
    margin-left: 15px;
}

.filter-box {
    font-size: .9em;
}

.communicationTypeList {
    display: inline;
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}

.communicationTypeList li {
    display: inline;
}

.communicationTypeList li + li:before {
    content: ", ";
    margin-left: -4px;
}

.start-page-filters {
    background-image: url(../images/gradient.png);
    background-size: contain;
    border-radius: 3px;
    border: 1px solid #CCC;
    margin-left: 20px;
    margin-top: 8px;
    min-height: 35px;
}

.start-page-filter-delete i {
    opacity: 0.0;
}

.start-page-description:hover .start-page-filter-delete i {
    opacity: 0.5;
}
.start-page-filters-content li {
    list-style-type: none;
    
}

.start-page-filters-content li i {
    float: left;
    margin-left: -14px;
    margin-top: 3px;
}

.start-page-filters-content ul.filter-group {
    margin-left: 0;
}
.start-page-filters-content ul.filter-group li {
    line-height: 25px;
    margin-left: 20px;
}


.start-page-filters-content ul.filter-group.inline {
    margin-right: 10px;
    margin-left: -20px;
}

.start-page-filters-content ul.filter-group.inline li {
    float: left;
    width:80px;
}

.start-page-filters-tips {
    font-size: x-small;
    position: absolute;
    margin-top: 24px;
    right: 8px;
    color: gray;
    background: #ffffff;
}

.start-page-search {
    float:right;
    margin-top: 4px;
    margin-right: 3px;
}

.start-page-search input {
    margin:0;
}


.start-page-search .input-append {
    margin-bottom: 3px;
}
.start-page-search form {
    margin:0;
    padding: 0;
}

.start-page-header form {
    margin:0; padding:0;
}

.start-page-description {
    color: #666;
    margin-top:11px;
    margin-left: 18px;
    float: left;
}

.start-page-description * {
    vertical-align: top;
}

.start-page-description a {
    text-decoration: none!important;
}

.start-page-card, .start-page-list-item {
    border: 1px solid #C5C5C5;
    background: #F8F7F8;
    margin:30px 10px 0 10px;
    border-radius:5px;
    padding:8px;
}

.start-page-info-main {
    font-weight: bold;
}

/*campaign list card view*/
.start-page-card {
    min-height:8em;
}

.start-page-card .start-page-icon {
    float: left;
    clear: left;
}

.start-page-card .start-page-title {
    float: left;
    
}

.start-page-card .start-page-favorites {
    float: right;
}

.start-page-card .start-page-info {
    display: block;
    clear: right;
}

.start-page-card .start-page-info-main {
    display: block;
    margin-bottom: 4px;
}

.start-page-card .start-page-tags {
    float: right;
    clear: both;
}

/*start-page list view*/
.start-page-list-item .start-page-icon {
    float: left;
    margin-right: 5px;
}

.start-page-list-item .start-page-favorites {
    float: left;
    position: absolute;
}

.start-page-list-item .start-page-tags {
    float: right;
}

.start-page-list-item .start-page-title {
    display: inline;
    margin-left: 22px;
}

.start-page-list-item .start-page-summary {

    margin-left: 22px;
}

.metrics {
    margin-top: 30px;
    height: 180px;
    max-width: 900px;
}

.metrics-avg {
    height: 180px;
    text-align: center;
}

.metrics-avg-figure {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 20px;
}

.metrics-total-sent {
    font-size: 1.8em;
    font-weight: bold;
}

.metrics-desc {
    font-size: .9em;
    font-weight: normal;
}

.big-modal {
    width: 950px;
    left: 36%;
    height: 600px;
    max-height: 600px;
}
.big-modal .modal-header {
    background-color: #f5f5f5;
    text-align: center;
}

.big-modal .modal-body {
    height: 465px;
    overflow-y: auto;
}
.big-modal .modal-footer {
    position: relative;
    bottom: 0;
    width: 920px;
}
th.header {
    background-image: url(/dispatch/public/images/bg.gif);
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
    margin-left: -1px;
}
th.headerSortUp {
    background-image: url(/dispatch/public/images/asc.gif);
    background-color: #d9edf7;
}
th.headerSortDown {
    background-image: url(/dispatch/public/images/desc.gif);
    background-color: #d9edf7;
}

.form-row {
    margin-top: 10px;
}


.three-column {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}

.alphatags {
    display: none;
}

.grey {
    color: #747474;
}

.red  {
    color: #ff0000;
}

.text-black {
    color: #000;
}

.form-horizontal .form-group.required .control-label:after {
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 8px;
    top:7px;
}

.form-group.required .control-label:after {
    color: #d00;
    content: "*";
    position: relative;
    top:3px;
}


label.required:after {
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 8px;
    margin-top: 3px;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-menu {    /* used to be tt-dropdown-menu in older versions */
    min-width: 160px;
    max-width: 400px;
    margin-top: 4px;
    padding: 4px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    line-height: 24px;
}

.tt-suggestion.tt-cursor,.tt-suggestion:hover {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}

.bootstrap-tagsinput {
    width: 100%;
}

[data-toggle="popover"] {
    color: black;
}

.vertical-center {
    display: flex;
    align-items: center;
}

.top-buffer {
    margin-top:10px;
}

.selectwidthauto {
    width:auto !important;
}

table.dataTable thead th {
    position: relative;
    background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute;
    top: 12px;
    right: 8px;
    display: block;
    font-family: Font Awesome\ 5 Free;
}

table.dataTable thead th.sorting:after {
    content: "\f0dc";
    color: #ddd;
    font-size: 0.8em;
    padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
    content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
    content: "\f0dd";
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s;
}
.fade-enter, .fade-leave-to  {
    opacity: 0;
}

.subtitle {
    font-weight: lighter;
}


.nav-tabs > li > a:hover {
    border-color: #ccc #ccc #ddd;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #ccc;
}
.nav-tabs > li > a {
    background-color: #ddd;
}

/* Population */
.indexName {
    display: table;
}

.indexName>div {
    display: table-cell;
}

.indexDescription {
    font-style: italic;
    font-size: .9em;
    color: #666;
}

table.white {
    background: white;
}


table.table thead tr th.nowrap, table.table tbody tr td.nowrap {
    white-space: nowrap;
}

@media (min-width: 1400px) {
    #mainVuePage .container { width: 1370px; max-width: 1370px; }
}
@media (min-width: 1500px) {
    #mainVuePage .container { width: 1470px; max-width: 1470px; }
}
@media (min-width: 1600px) {
    #mainVuePage .container { width: 1570px; max-width: 1570px; }
}
@media (min-width: 1700px) {
    #mainVuePage .container { width: 1670px; max-width: 1670px; }
}
@media (min-width: 1800px) {
    #mainVuePage .container { width: 1770px; max-width: 1770px; }
}
@media (min-width: 1900px) {
    #mainVuePage .container { width: 1870px; max-width: 1870px; }
}