.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th {
    border-bottom: 1px solid #777;
}


.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
}

.table > thead > tr > th {
    border-bottom: 1px solid #777;
}

.container {
/*    padding-left: 24px;
    padding-right: 24px;*/
    padding: 0% 3%;    
}    

.table-condensed > thead > tr > th, 
.table-condensed > tbody > tr > th, 
.table-condensed > tfoot > tr > th, 
.table-condensed > thead > tr > td, 
.table-condensed > tbody > tr > td, 
.table-condensed > tfoot > tr > td 
{
/*    padding: 5px 0px 5px 14px; */
  padding: 5px 8px; 
    /*padding:5px 0px;*/
}

.page-header {
    border-bottom: 1px solid #bbb;
    margin: 25px 0 15px;
/*    padding: 0px 14px;*/
    padding: 0px;
}

.page-header-too {
    border-bottom: 1px solid #bbb;
    margin: 0px 0 10px;
    /*padding: 0px 14px;    */
    padding: 0px;
}


.rounded {
  border-radius: 5px;
  background: #000; /*without a background or border applied you won't be able to see if its rounded*/
}

body {
    color: #333;
    font-family: Helvetica,Arial,sans-serif;
    /*font-family: Roboto,Helvetica,Arial,sans-serif;    */
    font-size: 14px;
    letter-spacing: -.05px;
    line-height:1.4;
}

.tight {
    line-height:.8em !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing:-0.6px;
}

.navbar {
    font-size: 12px;
    position: relative;
    z-index: 1000;
/*    min-height: 55px;*/
}

.navbar-form .btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 3px 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
}

.navbar-form .form-control {
    width: 150px;
    height: 28px;
    font-size: 12px;
    padding: 6px 8px;
    margin-top: 3px;
}

.navbar-form {
    padding-top: 6px;
}   

.alert-dangerous {
    background-image: linear-gradient(to bottom, #f29999 0%, red 100%);
    background-repeat: repeat-x;
    border-color: #dca7a7;
    color: #444;
}

.alert-orange {
    background-image: linear-gradient(to bottom, #FFE500 0%, #FFD000 100%);
    background-repeat: repeat-x;
    border-color: #dca7a7;
    color: #111;
}

.alert-warning {
    background-image: linear-gradient(to bottom, #ffa 0%, #ffff00 100%);
    background-repeat: repeat-x;
    border-color: #f5e79e;
    color: #444;
}


.alert-success {
    background-image: linear-gradient(to bottom, #dff0d8 0%, #0f0 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

.alert-stred {
    background-image: linear-gradient(to bottom, #f00 0%, #f00 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
    color: #fff;
}

.alert-stred span.gray {
    color:white;
}

.alert-styellow {
    background-image: linear-gradient(to bottom, #ff0 0%, #ff0 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

.alert-stgreen {
    background-image: linear-gradient(to bottom, #0f0 0%, #0f0 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

.alert-stgray {
    background-image: linear-gradient(to bottom, #eee 0%, #ddd 100%);
    background-repeat: repeat-x;
    border-color: #bbb;
}

.alert-stlightblue {
    background-image: linear-gradient(to bottom, #ADD8E6 0%, #ADD8E6 100%);
    background-repeat: repeat-x;
    border-color: #bbb;
}

.stlightblue {
background-color:#add8e6;
}

.stnicelightblue {
background-color:#87CEFA;
}

.alert-stblack {
    background-image: linear-gradient(to bottom, #222 0%, #222 100%);
    background-repeat: repeat-x;
    border-color: #bbb;
    color: #ff0;
}

.alert-stnicelightgreen {
    background-image: linear-gradient(to bottom, #cf9 0%, #cf9 100%);
    background-repeat: repeat-x;
    border-color: #bbb;
}

.alert-finding {
    background-image: linear-gradient(to bottom, #eee 0%, #ccc 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
    font-size:18px;
}

.label {
    border-radius: 0.25em;
    color: #fff;
    display: inline;
    font-size: 70%;
    font-weight: bold;
    line-height: 1;
    padding: 0.2em 0.6em;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    margin: 0 5px 0 0;
}

.odd {
    /*background-color: #F8F7F2;*/
    background-color: #ECF6E1;
    /*background-color: #F3F6E0;*/
}

.dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 30px 3px 20px;
    white-space: nowrap;
 }
    
span.gray {
    color: gray;
}

span.graybold {
    color: gray;
    font-weight: bold;
}

span.white {
    color: white;
}

.alert-danger {
    color: #444;
}

.alert-danger .alert-link,
.alert-warning .alert-link {
    color: #333;
}

a {
    font-weight:bold;
    /*border-bottom:1px dotted #777;*/
    /*padding-bottom:-10px;*/
    text-decoration:underline;
    /*text-decoration-style:dotted; */
    color:#777;
}


a:hover {
  color: #0056b3 !important;
  /*text-decoration: none !important;*/
  text-decoration: underline !important;
  /*border-bottom:0px dotted #777;*/
}

a.no-underline {
    /*font-weight:bold;*/
    /*border-bottom:0px solid #777 !important;*/
    /*border-bottom:0px solid #777;  */
    text-decoration:none !important;
    /*text-decoration-style:dotted;     */
    color:#777;
}


td.stred {
color:white;
background-color:red;
font-weight:bold;
/*border-right:1px dotted #eee;*/
border-right:1px dotted #aaa;        
}

td.stred > a {
color:white;
background-coloxr:red;
fonxt-weight:bold;
}

td.stblackred > a {
color:red;
}

a.stred {
color:#00F;
background-color:red;
font-weight:bold;
}

td.dashcell {
letter-spacing: -1.5px;
font-size:36px;
font-weight:bold;
}

a.dashcell {
letter-spacing: -1.5px;
font-size:36px;
font-weight:bold;
}

td.styellow {
background-color:yellow;
font-weight:bold;
/*border-right:1px dotted #eee;*/
border-right:1px dotted #ddd;
}

td.stlightyellow {
background-color:#FFFF99;
font-weight:bold;
/*border-right:1px dotted #eee;*/
/*border-right:1px dotted #ddd;*/
}

td.stlightred {
background-color:#FFCCCB;
font-weight:bold;
}

td.storange {
background-color:#ffa500;
font-weight:bold;
border-right:1px dotted #eee;
}

td.storangenotbold {
background-color:#ffa500;
}

td.stgreen {
background-color:#0F0;
font-weight:bold;
/*border-right:1px dotted #eee;*/
border-right:1px dotted #ddd;
}

td.stlightblue {
background-color:#ADD8E6;
font-weight:bold;
/*border-right:1px dotted #eee;*/
border-right:1px dotted #ddd;
}

td.stlightgreen {
background-color:#9F3;
font-weight:bold;
border-right:1px dotted #eee;
}

td.stnicelightgreen {
background-color:#cf9;
font-weight:bold;
border-right:1px dotted #eee;
}

td.stlightred {
background-color:#f99;
font-weight:bold;
border-right:1px dotted #eee;
}

td.stlightbeige {
background-color:#eed;
font-weight:bold;
border-right:1px dotted #eee;
}

td.stnicelightbeige {
background-color:#eee8cc;
font-weight:bold;
}


td.stlightgray {
background-color:#eee;
font-weight:bold;
}


td.tcell {
padding:15px 15px !important;
line-height:1em !important;
}


td.stgray {
background-color:#eee;
font-weight:bold;
border-right:1px dotted #eee;
}

td.stdarkgray {
background-color:#ccc;
font-weight:bold;
border-right:1px dotted #eee;
}


td.stwhite {
background-color:#fff;
font-weight:bold;
/*border-right:1px dotted #eee;*/
}

td.stkhaki {
background-color:khaki;
font-weight:bold;
border-right:1px dotted #eee;
}

td.stdarkkhaki {
background-color:darkkhaki;
font-weight:bold;
border-right:1px dotted #eee;
}

td.stblack {
background-color:#000;
color:#fff;
font-weight:bold;
border-right:1px dotted #eee;
}

td.stblackred {
background-color:#000;
color:red;
font-weight:bold;
/*border-right:1px dotted #eee;*/
border-right:1px solid #555;
}

td.lightred {
background-color:#87cefa;
font-weight:bold;
border-right:1px dotted #eee;
}

td.commentgreen {
font-size:12px; 
background-color:#9f3;
}

td.commentlightgreen {
font-size:12px; 
background-color:#cf9;
}

td.commentyellow {
font-size:12px; 
background-color:#ff0;
}

td.commentlightyellow {
font-size:12px; 
background-color:#ff9;
}

td.commentgray {
font-size:12px; 
background-color:#eee;
}

td.commentbeige {
font-size:12px; 
background-color:#f5f5dc;
}

td.commentlightkhaki {
font-size:12px; 
background-color:#f4ecab;
}

td.commentvlightkhaki {
font-size:12px; 
background-color:#f6f1c0;
}

td.commentkhaki {
font-size:12px; 
background-color:#f0e68c;
}

td.commentdarkkhaki {
font-size:12px; 
background-color:#bdb76b;
}

td.commentpalegoldenrod {
font-size:12px; 
background-color:palegoldenrod;
}

td.commentlightred {
font-size:12px; 
background-color:#87cefa;
}

td.disablegray {
background-color:#eee;
font-weight: normal;
}

td.disabledarkgray {
background-color:#ddd;
font-weight: normal;
}

td.warmgrouphead {
border-left:2px solid #111;
background-color:#d5ff6f;
padding-left:15px;
}

td.subtotal {
background-color:#ffff79;
padding-left:15px;
font-weight:bold;
}

td.docount {
font-size:16px;
text-align:right;
}

td.head {
        font-size:12px;
        padding: 5px;
        text-align: left;
}

td.center {
    text-align: center;
}

td.right {
    text-align: right;
}

.modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 25px;
}

.modal-body {
    padding: 25px;
}

td.big {
		font-size:1.5em;
}

td.bold {
		font-weight:bold;
}

th.calendardays,
tr.calendardays,
td.calendardays {
		padding: 4px 8px 0px !important;
                        border-bottom: 0px solid #fff !important;        
/*		border-top: 0px solid #fff !important;*/
                        border-left: 1px solid #fff;
		text-align: right;
		font-size:.9em;
		line-height: 1 !important;
}

td.calendardata {
		border-top: 0px solid #fff !important;
		border-left: 1px solid #fff;
		line-height: 2 !important;
		font-size: 1.25em !important;
		font-weight: bold !important;
		text-align: center !important;
		line-height: 1.4 !important;
}

.navbar-navi {
    margin: 0;
}

.navibar-collapse.collapse {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 0;
}

.navibar-collapse {
    border-top: 0 none;
    box-shadow: none;
    width: auto;
}

.navibar-collapse {
    border-top: 1px solid transparent;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    overflow-x: visible;
}

.navi {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    margin: 0;
}

.navi > li > a {
    position: relative;
}

.navi > li {
    display: block;
    position: relative;
}

.breadcrumb {
		font-size:.9em;
    background-color: #fff;
    border-radius: 0px;
    list-style: outside none none;
    margin: 0;
    padding: 0px 0px 15px;
}


.breadcrumb > li + li::before {
    color: #ccc;
    content: "/ ";
    padding: 0 2px;
}

span.notegreen {
		color:green;
}

span.notered {
		color:red;
}

span.notegray {
		color:gray;
}

td.notegreen {
		color:green;
}

td.notered {
		color:red;
}

td.notegray {
		color:gray;
}

td.noteblack {
        color:black;
}


.radio, .checkbox {
    display: block;
    margin-bottom: 0px;
    margin-top: 0px;
}

.navbar-default {
    background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
    background-image: none;    
    border-radius: 0px;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0;
    border-bottom: 1px solid #ddd;   
}


.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
 /*   margin-left: -25px;*/
    margin-top: -10px;
}

.navbar-text {
    padding-top: 5px;
}

.nav {
    padding-top: 5px;    
}

.navbar-nav > li > a {
    padding: 16px 7px 10px;
}

.navbar-text {
    margin-bottom: 0px;
    margin-top: 15px;
}

.breadcrumb {
    font-size:0.8em;
    padding: 0 0 10px;
}

.navbar {
    margin-bottom: 10px;
}


.dropdown-menu > li > a {
line-height: 1.2;
}

.navbar-brand {
    float: left;
    font-size: 18px;
    height: 50px;
    line-height: 20px;
    padding: 15px 5px;
}

.modal {
    z-index: 100050;
}

img {
    display: block;
    margin: auto;
}

  .c3 svg {
font-family: Helvetica,Arial,sans-serif;
font-size: 16px;
  }

  .c3-line {
stroke-width:2px;
  }

.c3-line {
 stroke-width:2px
}
.c3-circle._expanded_ {
 stroke-width:2px;
 stroke:#fff
}
.c3-selected-circle {
 fill:#fff;
 stroke-width:3px
}



.w-33 {
  width: 33% !important;
}

.w-40 {
  width: 40% !important;
}



/*@media (min-width: 1200px) {*/
@media (min-width: 1200px) {
      .row {
        margin-left: -15px;
        /**zoom: 1;*/
      }

    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 85%;
    }

}


  .c3 svg {
font-family: Helvetica,Arial,sans-serif;
font-size: 16px;
  }

  .c3-line {
stroke-width:2px;
  }

.c3-line {
 stroke-width:2px
}

.c3-circle._expanded_ {
 stroke-width:2px;
 stroke:#fff
}

.c3-selected-circle {
 fill:#fff;
 stroke-width:3px
}

/*@media (min-width: 1200px)
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 80%;
}
*/


.helptopic {
    font-size:1.4em; 
    font-weight:bold; 
    letter-spacing: -.03em; 
    margin:16px 0px 8px 0px; 
    border-bottom:3px dotted #ccc; 
    padding: 20px 0px 8px 0px;
}

.helpbigheader {
    margin: 16px 0px 6px 0px;
    border-bottom: .2em dotted #ccc;
    font-size:1.4em;
    font-weight: bold;
    padding-bottom: 3px;
}

.helpimage {
    width:60%; 
    border:solid 1px #ccc; 
    float: left; 
    margin: 0px 15px 15px 0px;
}

.helpsubtopic {
    margin:16px 0px 8px 0px; 
    border-bottom:1px solid #ccc; 
    padding-bottom: 8px;
    padding-top:8px;
}

.helpsubsubtopic {
    margin: 0px 0px 0px 20px;
}

.helplink {
    margin: 4px 0px 2px 0px;
    font-size:1.2em; 
    line-height: 1.2;
}

.helplink a:hover {
    background-color:#ff9;
    color:black;
    text-decoration: none !important;    
}

.althelplink {
    margin: 8px 0px 6px 0px;
    font-size:1.3em; 
    line-height: 1.3;
}

.althelplink a:hover {
    background-color:#ff9;
    color:black;
    text-decoration: none !important;
}

.helpbiglink {
    margin: 16px 0px 6px 0px;
    border-bottom: .2em dotted #ccc;
    font-size:1.4em;
    padding-bottom: 3px;
}

.helpbiglink a:hover {
    background-color:#ff9;
    color:black;
    text-decoration: none !important;    
}

.helpsublink {
    margin: 2px 0px 2px 16px;
    font-size:1em; 
    line-height: 1.2; 
}

.helpsublink a:hover {
    background-color:#ff9;
    color:black;
    text-decoration: none !important;    
}

.helpbigsublink {
    margin: 0px 0px 0px 16px;
    font-size:1.2em; 
    line-height: 1.2; 
}

.helpbigsublink a:hover {
    background-color:#ff9;
    color:black;
    text-decoration: none !important;    
}

.althelpsublink {
    margin: 4px 0px 0px 16px;
    font-size:1.1em; 
    line-height: 1.25; 
}

.helpsubsublink {
    margin: 2px 0px 2px 40px;
    font-size:1em; 
    line-height: 1.2; 
}


/*@media (min-width: 576px) {
.container {
    width: 42%;
}
}*/





@media (min-width: 992px) {
.container {
    width: 92%;
}
}




@media (max-width: 992px) {
.row {
    margin-left: -15px !important;
}
}



/*@media (max-width: 700px) {
.row {
    margin-left: 0px !important;
    margin-right: 15px !important;
}
}*/







.c3-axis-y text 
{
  /*font-size: .8em; change the size of the fonts*/
}

.c3-axis-x text 
{
  font-size: .8em; /*change the size of the fonts*/
}

.c3-axis .tick line {display: none;}

.table-responsive {
    border: 0px solid #ddd;
}


/*.c3-region-1 {*/
  /*fill: red;*/
/*}*/
.c3-region.ccred {
    fill: red;
}

.c3-region.ccgreen {
    fill: #cf9;
}

.c3-region.ccyellow {
    fill: #ff0;
}

.c3-region.ccorange {
    fill: #ffa500;
}

.c3-region.ccblue {
    fill: blue;
}

.spacious-table-condensed > thead > tr > th, 
.spacious-table-condensed > tbody > tr > th, 
.spacious-table-condensed > tfoot > tr > th, 
.spacious-table-condensed > thead > tr > td, 
.spacious-table-condensed > tbody > tr > td, 
.spacious-table-condensed > tfoot > tr > td 
{
/*    padding: 5px 0px 5px 14px; */
  padding: 10px 16px; 
    /*padding:5px 0px;*/
}


/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 0px !important;
}
*/



/*
input[type=radio] {
    width: 6px;
    height: 6px;
    margin-top: 10px;
}*/



a.no-underline {
    text-decoration:none !important;
    color:#777;
}


a.nav-link {
    text-decoration:none !important;
    color:#777;
}




























































.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #ccc;
}

.dropdown-item {
    padding:.1rem 1.5rem;
    text-decoration: none !important;    
    /*color:green;*/
}

.dropdown-item:hover {
    background-color:#444;
    color:white;
    text-decoration: none !important;    
}

.dropdown-toggle {
    text-decoration: none !important;    
}

/*.dropdown-menu {*/
    /*background-color:#444;*/
    /*color:white;*/
    /*text-decoration: none !important;    */
/*}*/



blockquote {
    /*border-left:6px solid #f0ad4e; */
    border-left:6px solid #fff000;
    padding:.1em 1em; 
    line-height:1.1em; 
    letter-spacing:-.5px;
    font-size:1.1em;
    /*margin:1rem 0;*/
    color:#555;
}

cooms {
    /*font-size:1.4em;*/
    font-size:1.2em;
    /*font-size:5vw;*/
    letter-spacing:-.5px;
    /*line-height:1.3em;*/
    line-height:1.2em;
}

/*.paragraph {
    margin-bottom:5em;
}*/

.cooms-header {
    border-bottom: 2px dotted #bbb;
    margin: 25px 0 15px;
    font-weight:bold;
    color:#333;
    padding: 10px 0px;
    line-height:1em;
}

.cooms-heading {
    /*border-bottom: 2px solid #fff000;*/
    /*font-family: "Open Sans";*/
    margin: 15px 0 0px;
    font-weight:bold;
    color:#333;
    padding: 10px 0px;
    line-height:1em;

}

th.stlightbeige {
background-color:#eed;
font-weight:bold;
border-top:1px solid #333;
border-bottom:0px solid #aaa !important;
}

th.cooms {
padding:.5em 15px;
line-height:1em;
font-size:1em;
letter-spacing:-.5px;
}

td.cooms {
padding:.8em 15px;
line-height:1em;
font-size:1em;
letter-spacing:-.5px;
}

/*.nav-link:hover, .nav-link:focus {
    text-decoration: none;
    color:#eee !important;
}*/

a.dropdown-item:hover {
    color:#eee !important;
}

p.mb-halfem {
    padding-bottom:.5em;
    margin-bottom: 0 !important;
}

td.spaced {
line-height:1.2em;    
}


ul.spaced {
    padding:5px 10px 5px 20px; 
    font-size:.9em; 
    line-height:1em;
    margin-bottom:0px;
/*    vertical-align: top;*/
}

ul.spaced li {
    padding:5px 0px;
}

ol.spaced {
    padding:5px 10px 5px 20px; 
    font-size:.9em; 
    line-height:1em;
    margin-bottom:0px;
    list-style-position:outside;
    /*list-style-type:decimal-leading-zero;*/
/*    vertical-align: top;*/
}

ol.spaced li {
    padding:5px 0px;
}

td.valign-top {
    vertical-align: top !important;    
}


.sub-headline {
    font-size:1.8em; 
    letter-spacing:-1.2px; 
    border-bottom: 3px dotted #aaa; 
    line-height:1em; 
    padding-bottom:.3em;
    padding-top:1em;
}

.sub-headslug {
    color:#777; 
    font-size:1.4em; 
    letter-spacing:-.5px; 
    line-height:1.3em; 
    padding-bottom:1em;
    padding-top:.5em;
}

.top-headline {
   font-size:3em; 
   letter-spacing:-1.5px; 
   border-bottom: 3px dotted #aaa; 
   color:#333; 
   line-height:1em; 
   padding-bottom:.3em;
}

.top-headslug {
    color:#777; 
    font-size:2em; 
    letter-spacing:-.7px; 
    line-height:1em;
}

.category-headline {
   font-size:2.4em; 
   letter-spacing:-1.5px; 
   border-bottom: 3px dotted #aaa; 
   color:#333; 
   line-height:1em; 
   padding-bottom:.3em;
}

.category-headslug {
    color:#777; 
    font-size:1.8em; 
    letter-spacing:-.7px; 
    line-height:1em;
    padding-top:.5em;
}


.category-sub-headline {
    font-size:1.8em; 
    letter-spacing:-1.2px; 
    border-bottom: 3px dotted #aaa; 
    line-height:1em; 
    padding-bottom:.3em;
    padding-top:1em;  
}

.category-sub-headslug {
    color:#777; 
    font-size:1.6em; 
    letter-spacing:-.5px; 
    line-height:1em; 
    padding-bottom:.4em;
    padding-top:.5em;    
}


.article-title {
    color:#777; 
    font-size:1.4em; 
    letter-spacing:-.5px; 
    border-bottom:3px dotted #aaa; 
    padding:12px 0px; 
    line-height:1em;
}























@media (min-width: 768px) and (max-width: 990px) {

.top-headslug {
    color:#777; 
    font-size:1.8em; 
    letter-spacing:-.5px; 
    line-height:1em; 
    padding-bottom:1em;
    padding-top:.5em;
}

.article-title {
    color:#777; 
    font-size:1.4em; 
    letter-spacing:-.5px; 
/*    border-bottom:3px dotted #aaa; 
    padding:12px 0px; */
    line-height:1.3em;
}


}



@media (max-width: 767px) {

.nav {
    font-size:.8em;
}

h3 {
    font-size:1.7em;
    line-height:1em
}

.table {
    font-size:.8em;
}

.nav-pills {
    line-height:.5em;
}

.dropdown-item {
    /*padding-top:.4em;*/
    line-height:1em;
}

.sub-headline {
    font-size:2.2em; 
    letter-spacing:-1.2px; 
    border-bottom: 3px dotted #aaa; 
    line-height:1em; 
    padding-bottom:.3em;
    padding-top:0em;    
}

.sub-headslug {
    color:#777; 
    font-size:1.5em; 
    letter-spacing:-.5px; 
    line-height:1em; 
    padding-bottom:1em;
    padding-top:.5em;
}

.top-headline {
    color:#333;
    font-size:2.2em; 
    letter-spacing:-1.2px; 
    border-bottom: 3px dotted #aaa; 
    line-height:1em; 
    padding-bottom:.3em;
}

.top-headslug {
    color:#777; 
    font-size:1.5em; 
    letter-spacing:-.5px; 
    line-height:1em; 
    padding-bottom:1em;
    padding-top:.5em;
}

.article-title {
    color:#777; 
    font-size:1.2em; 
    letter-spacing:-.5px; 
    border-bottom:3px dotted #aaa; 
    padding:12px 0px; 
    line-height:1em;
}


.article-headline {
    font-size:1.6em; 
    letter-spacing:-1.2px; 
    border-bottom: 3px dotted #aaa; 
    line-height:1em; 
    padding-bottom:.3em;
    padding-top:0em;    
}

.article-headslug {
    color:#777; 
    font-size:1.5em; 
    letter-spacing:-.5px; 
    line-height:1em; 
    padding-bottom:.2em;
    padding-top:.5em;
}


.category-headline {
   font-size:1.8em; 
   letter-spacing:-1.5px; 
   border-bottom: 3px dotted #aaa; 
   color:#333; 
   line-height:1em; 
   padding-bottom:.3em;
   padding-top:.1em;
}

.category-headslug {
    color:#777; 
    font-size:1.4em; 
    letter-spacing:-.7px; 
    line-height:1em;
    padding-top:.5em;
}

.category-sub-headline {
   font-size:1.8em; 
   letter-spacing:-1.5px; 
   border-bottom: 3px dotted #aaa; 
   color:#333; 
   line-height:1em; 
   padding-bottom:.3em;
   padding-top:.3em; 
}

.category-sub-headslug {
    color:#777; 
    font-size:1.4em; 
    letter-spacing:-.7px; 
    line-height:1em;
    padding-top:.5em;
    padding-bottom: .1em;
}




}