#size-debug {
    height: 25px;
    width: 25px;
    position: absolute;
    right: 0;
    background-color: aqua;
    z-index:1000;
    /*display:none;*/
}
@font-face {
  font-family: 'Francois One';
  font-style: normal;
  font-weight: 400;
  src: local('Francois One Regular'), local('FrancoisOne-Regular'), url(https://fonts.gstatic.com/s/francoisone/v11/bYbkq2nU2TSx4SwFbz5sCOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), /* Super Modern Browsers */ url(https://themes.googleusercontent.com/static/fonts/francoisone/v6/bYbkq2nU2TSx4SwFbz5sCHhCUOGz7vYGh680lGh-uXM.woff) format('woff'), /* Pretty Modern Browsers */ url('fonts/FrancoisOne-Regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
  
  /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v19/ZvcMqxEwPfh2qDWBPxn6nnNuWYKPzoeKl5tYj8yhly0.woff2) format('woff2'), url(https://themes.googleusercontent.com/static/fonts/merriweather/v4/ZvcMqxEwPfh2qDWBPxn6nnl4twXkwp3_u9ZoePkT564.woff) format('woff'), url('fonts/Merriweather-Bold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/RFda8w1V0eDZheqfcyQ4EOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://themes.googleusercontent.com/static/fonts/merriweather/v4/RFda8w1V0eDZheqfcyQ4EHhCUOGz7vYGh680lGh-uXM.woff) format('woff'), url('fonts/Merriweather-Regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

/*Add tag, class, or id of elements to be hid from print media*/
@media print {
    @page {
        size: auto !important;
    }

    *,
    *:before,
    *:after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    .navbar {
        display: none;
    }
    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }
    .label {
        border: 1px solid #000;
    }
    .table {
        border-collapse: collapse !important;
    }
    .table td,
    .table th {
        background-color: #fff !important;
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }


    iframe,
    footer,
    img,
    .flexslider,
    .img-fluid,
    .media-object,
    .embed-responsive,
    #header-region,
    .navbar,
    .navbar-brand,
    #logo,
    #breadcrumbs,
    #newsticker,
    #sub-nav,
    .thumbnail > img,
    .thumbnail a > img,
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        display: none !important;
    }
    /* Shows all accordion panels for printing */
    .collapse {
        display: block !important;
        height: auto !important;
    }
}

html,body {
    height: 100%;
}

body {
    font-family: Tahoma,Geneva,Arial,sans-serif;
    font-size:14px;
    line-height:1.42857143;
    color:#333;
}

.hide{
    display:none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Francois One",Arial,Helvetica,sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: #444;
}

h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h1 {
    margin: .67em 0;
    font-size: 28px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 20px;
}

h4, h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
h6 a:active {
    font-weight: normal;
}

a {
    background-color:transparent;
    color: #1e3a62;
    text-decoration: none;
}

a:hover, a:active {
    outline:0;
    color: #0c1727;
    text-decoration: underline;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

a:link,
a:visited,
a:hover,
a:focus,
a:active {
    font-weight: bold;
}

ul.spaced-out li,
ol.spaced-out li {
    margin-bottom: 8px;
}

#externalLinkModalMessageUrl{
    background-color:#F5854A;
    font-size:11px;
    font-weight:bold;
    color:#fff;
    padding:3px;
    display:inline-block;
}

.modal .modal-content .modal-header {
    padding:12px;
    background-color:#1E3A62;
}
.modal .modal-content .modal-header .modal-title {
    color: #fff;
    line-height:1.5;
}
.modal .modal-content .modal-header .close {
    color: #fff;
}

.text-muted {
    color: #999 !important;
}

.text-primary {
    color: #1e3a62 !important;
}

.text-success {
    color: #3c763d !important;
}

.text-info {
    color: #31708f !important;
}

.text-warning {
    color: #8a6d3b !important;
}

.text-danger {
    color: #a94442 !important;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eeeeee;
}

#main-content {
    margin-bottom: 20px;
    position: relative;
}

#main-content h2 {
    border-bottom: 1px dotted #d8d8d8;
    color: #444;
    padding-bottom: 5px;
}

#main-content .page-header {
    margin: 0;
    border-bottom: none;
}

#main-content .page-header h1 {
    font-size:28px;
    line-height: 1.75em;
    width: 100%;
    padding-left: 10px;
    font-weight: 400;
    color: #fff;
    border: 1px solid #193051;
    margin-top: 0;
    margin-bottom: 20px;
    background: linear-gradient(to bottom,#3d5577 0,#2c476b 38%,#1f3b62 100%);
}

#main-content table th {
    background-color: #5f9bbc;
    border: 1px solid #d6d6d6;
    color: #fff;
    vertical-align: middle;
}

.nav-pills .nav-link {
    border-radius: 0.25rem;
}

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

.nav-pills .nav-item .nav-link:hover,
.nav-pills .nav-item .nav-link:focus
{
    color: #000;
    background-color: #eee;
    border-radius:4px;
}

.nav-pills .nav-item .active:hover,
.nav-pills .nav-item .active:focus
{
    color: #fff;
    background-color: #1e3a62;
    border-radius:4px;
}

.nav-pills .nav-item .disabled:hover,
.nav-pills .nav-item .disabled:focus
{
    color: #6c757d;
    background-color: #fff;
    border-radius:4px;
}

.nav-tabs .nav-item .nav-link:hover,
.nav-tabs .nav-item .nav-link:focus
{
    color: #000;
    background-color: #eee;
    border-radius:4px;
}

.nav-tabs .nav-item .active:hover,
.nav-tabs .nav-item .active:focus
{
    color: #495057;
    background-color: #fff;
}

.nav-tabs .nav-item .disabled:hover,
.nav-tabs .nav-item .disabled:focus
{
    color: #6c757d;
    background-color: #fff;
}



.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #1e3a62;
    border-color: #1e3a62;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #1e3a62;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    z-index: 2;
    color: #000;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}
.pager li {
    display: inline;
}
.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
    float: right;
}
.pager .previous > a,
.pager .previous > span {
    float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #999999;
    cursor: not-allowed;
    background-color: #ffffff;
}

.progress{
    height:20px;
}
.progress-bar{
    background-color:#1e3a62;
}

.bg-primary {
    background-color: #1e3a62 !important;
    color:#fff;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #12233b !important;
}

.bg-secondary{
    color:#fff;
}

.bg-success {
    color:#fff;
    background-color: #86a447 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #586C2F !important;
}

.bg-info {
    color:#fff;
    background-color: #5f9bbc !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #326078 !important;
}


.bg-warning {
    color:#fff;
    background-color: #f5854a !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #A9420A !important;
}


.bg-danger {
    color:#fff;
    background-color: #a91e23 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #651214 !important;
}

/*Badges*/
.badge-primary {
    color: #fff;
    background-color: #1e3a62;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #12233B;
}

.badge-success {
    color: #fff;
    background-color: #86A447;
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #586C2F;
}

.badge-info {
    color: #fff;
    background-color: #5F9BBC;
}

a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #326078;
}

.badge-warning {
    color: #fff;
    background-color: #F5854A;
}

a.badge-warning:hover, a.badge-warning:focus {
    color: #fff;
    background-color: #A9420A;
}

.badge-danger {
    color: #fff;
    background-color: #A91E23;
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #651214;
}

/*End Badges*/

.accordion {
    border-radius:0;
}

.accordion .card {
    border-radius:0;
    margin-bottom:5px;
}

.accordion > .card:not(:last-of-type) {
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.accordion .card .card-header, .accordion .card .card-header:first-child {
    border-radius:0;
}

.accordion .card .card-header {
    background-color: #405574;
    cursor: pointer;
    border-bottom: 0;
    padding: 10px 15px;
}

.accordion .card .card-header h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    font-family: "Francois One",Arial,Helvetica,sans-serif;
    margin-top: 0;
    margin-bottom: 0;
}

.accordion .card .card-body {
    background-color:#eff3f6;
}


/* btn-primary overrides */
.btn-primary {
    background-image: -webkit-linear-gradient(#284c81, #1e3a62 60%, #193152);
    background-image: -o-linear-gradient(#284c81, #1e3a62 60%, #193152);
    background-image: linear-gradient(#284c81, #1e3a62 60%, #193152);
    background-repeat: no-repeat;
    color: #fff;
    background-color: #1e3a62;
    border-color: #182e4e;
}

.btn-primary:hover {
    color: #fff;
    background-color: #12233b;
    border-color: #0a1320;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #12233b;
    border-color: #0a1320;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #1e3a62;
    border-color: #182e4e;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #12233b;
    background-image: none;
    border-color: #0a1320;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/* btn-secondary overrides */
.btn-secondary {
    background-image: -webkit-linear-gradient(#ffffff, #ffffff 60%, #f5f5f5);
    background-image: -o-linear-gradient(#ffffff, #ffffff 60%, #f5f5f5);
    background-image: linear-gradient(#ffffff, #ffffff 60%, #f5f5f5);
    background-repeat: no-repeat;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-secondary:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-secondary:focus, .btn-secondary.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #333;
    background-color: #d4d4d4;
    background-image: none;
    border-color: #8c8c8c;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

/* btn-success overrides */
.btn-success {
    background-image: -webkit-linear-gradient(#9ab85c, #86a447 60%, #7a9641);
    background-image: -o-linear-gradient(#9ab85c, #86a447 60%, #7a9641);
    background-image: linear-gradient(#9ab85c, #86a447 60%, #7a9641);
    background-repeat: no-repeat;
    color: #fff;
    background-color: #86a447;
    border-color: #77923f;
}

.btn-success:hover {
    color: #fff;
    background-color: #698038;
    border-color: #55672d;
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #698038;
    border-color: #2f3919;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #86a447;
    border-color: #77923f;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #55672d;
    background-image: none;
    border-color: #2f3919;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

/* btn-info overrides */
.btn-info {
    background-image: -webkit-linear-gradient(#7cadc8, #5f9bbc 60%, #5192b6);
    background-image: -o-linear-gradient(#7cadc8, #5f9bbc 60%, #5192b6);
    background-image: linear-gradient(#7cadc8, #5f9bbc 60%, #5192b6);
    background-repeat: no-repeat;
    color: #fff;
    background-color: #5f9bbc;
    border-color: #4d90b4;
}

.btn-info:hover {
    color: #fff;
    background-color: #4482a4;
    border-color: #3a6e8a;
}

.btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #4482a4;
    border-color: #26495c;
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #5f9bbc;
    border-color: #4d90b4;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #3a6e8a;
    background-image: none;
    border-color: #26495c;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

/* btn-warning overrides */
.btn-warning {
    background-image: -webkit-linear-gradient(#f79f71, #f5854a 60%, #f47837);
    background-image: -o-linear-gradient(#f79f71, #f5854a 60%, #f47837);
    background-image: linear-gradient(#f79f71, #f5854a 60%, #f47837);
    background-repeat: no-repeat;
    filter: none;
    color: #ffffff;
    background-color: #f5854a;
    border-color: #f47532;
}

.btn-warning:hover {
    color: #ffffff;
    background-color: #f2641a;
    border-color: #dc540c;
}

.btn-warning:focus, .btn-warning.focus {
    color: #ffffff;
    background-color: #f2641a;
    border-color: #9d3c09;
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #ffffff;
    background-color: #f5854a;
    border-color: #f47532;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
    color: #ffffff;
    background-color: #dc540c;
    background-image: none;
    border-color: #9d3c09;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

/*.btn-danger overrides*/
.btn-danger {
    background-image: -webkit-linear-gradient(#cc242a, #a91e23 60%, #981b1f);
    background-image: -o-linear-gradient(#cc242a, #a91e23 60%, #981b1f);
    background-image: linear-gradient(#cc242a, #a91e23 60%, #981b1f);
    background-repeat: no-repeat;
    filter: none;
    color: #fff;
    background-color: #a91e23;
    border-color: #931a1f;
}

.btn-danger:hover {
    color: #fff;
    background-color: #7e161a;
    border-color: #5f1114;
}

.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #7e161a;
    border-color: #270708;
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #a91e23;
    border-color: #931a1f;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #5f1114;
    background-image: none;
    border-color: #270708;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}


.list-group {
    border-radius:0px;
}

.list-group-item {
    background-color:#eff3f6;
    border:1px solid #cfcfcf;
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
}

.list-group-item.active {
    color: #fff;
    background-color:#1e3a62;
    border-color: #1e3a62;
}




.list-group-item-action:hover,
.list-group-item-action:focus,
.list-group-item-action:active {
    color:#1e3a62;
    background-color:#D7E1EE;
}

.list-group-item-action.active:hover,
.list-group-item-action.active:focus,
.list-group-item-action.active:active {
    color:#fff;
    background-color:#1e3a62;
    border-color:#1e3a62;
}


.card {
    background-color: #eff3f6;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius:5px;
}

.card .card-header {
    border-radius:5px;
}

.card .card-body ul{
    padding-left: 20px;
    margin-bottom:0;
}

.card .card-header h1,
.card .card-header h2,
.card .card-header h3,
.card .card-header h4,
.card .card-header h5{
    margin-top:5px;
    margin-bottom:5px;
}

.card .list-group {
    border:none;
}
.card .list-group .list-group-item{
    border-left:none;
    border-right:none;
}
.card .list-group .list-group-item:last-child{
    border:none;
}


.bg-primary h1, .bg-primary h2, .bg-primary h3,
.bg-primary h4, .bg-primary h5, .bg-primary h6 {
    color:#fff;
}

.bg-secondary h1, .bg-secondary h2, .bg-secondary h3,
.bg-secondary h4, .bg-secondary h5, .bg-secondary h6 {
    color:#fff;
}

.bg-success h1, .bg-success h2, .bg-success h3,
.bg-success h4, .bg-success h5, .bg-success h6 {
    color:#fff;
}

.bg-danger h1, .bg-danger h2, .bg-danger h3,
.bg-danger h4, .bg-danger h5, .bg-danger h6 {
    color:#fff;
}

.bg-warning h1, .bg-warning h2, .bg-warning h3,
.bg-warning h4, .bg-warning h5, .bg-warning h6 {
    color:#fff;
}

.bg-info h1, .bg-info h2, .bg-info h3,
.bg-info h4, .bg-info h5, .bg-info h6 {
    color:#fff;
}

.bg-dark h1, .bg-dark h2, .bg-dark h3,
.bg-dark h4, .bg-dark h5, .bg-dark h6 {
    color:#fff;
}

#newsticker {
    background: #d9edf7;
    padding: 10px 5px;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    width: 100%;
}
#newsticker h3 {
    line-height: 1.2em;
    max-width: 120px;
    float: left;
    padding: 0 10px;
    margin: 0;
}
#newsticker h3 a {
    font-size: 22px;
    font-weight: normal;
    color: #444444;
    position: relative;
    z-index: 1;
    font-family: 'Francois One', Arial, Helvetica, sans-serif;
}
#newsticker ul {
    float: left;
    border-left: 1px solid #245269;
    padding: 0 10px;
    margin: 0;
    position: relative;
    top: 3px;
    margin-left: 10px;
    font-family: "Tahoma", Geneva, Arial, sans-serif !important;
    font-size: 14px !important;
}
#newsticker ul li {
    display: none;
    list-style: none;
    background: transparent;
}
#newsticker ul li:first-child {
    display: block;
}
#newsticker ul li a {
    line-height: 1.4em;
    color: #245269;
    font-weight: normal;
}

.news-list li {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 10px;
    min-height: 50px;
}
.news-list li:last-child {
    border-bottom: none;
}
.news-list i {
    float: left;
    width: 22px;
    top: 2px;
}
.news-list .news-link {
    float: left;
    width: 84%;
}
.news-list .news-link i{
    float:none;
    width:auto;
}
.news-list .news-link:hover,
.news-list .news-link:focus {
    text-decoration: underline;
}


.pdf-label,
.doc-label,
.xls-label,
.ppt-label,
.xml-label,
.zip-label {
    background: transparent url("../images/mainsprite.png") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    margin-left: 5px;
}
.pdf-label {
    background-position: -112px -25px;
}
.doc-label {
    background-position: -95px -25px;
}
.xls-label {
    background-position: -61px -25px;
}
.ppt-label {
    background-position: -78px -25px;
}
.zip-label {
    background-position: -146px -25px;
}
.no-icon {
    background: 0;
    padding-right: 0;
}
.no-icon .pdf-label,
.no-icon .doc-label,
.no-icon .xls-label,
.no-icon .ppt-label,
.no-icon .xml-label,
.no-icon .zip-label {
    background: 0;
    width: 0;
    height: 0;
    display: none;
    margin-left: 0;
}

.caption {
    font-size: 12px;
    display: block;
    background: #eff3f6;
    padding: 10px 5px;
    margin: 5px 0;
}
.thumbnail .caption {
    padding: 9px;
    color: #333333;
}

.connect a {
    background: transparent url("../images/mainsprite.png") no-repeat;
    display: inline-block;
}

footer {
    color: #ffffff;
    background: #1e3a62;
    padding: 30px 0 10px 0;
    min-height: 20em;
    border-top: #5f9bbc 6px solid;
    min-width: 100% !important;
    border-bottom: 2px solid #083149;
}
footer h2 {
    font-size: 20px;
    color: #fff;
    padding: 0 0 8px;
    border-bottom: 1px dotted #627691;
    text-shadow: 1px 1px 0px #333;
}
footer ul {
    font-size: 12px;
    line-height: 1.5em;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
footer ul li {
    color: #9dafbb;
    padding: 0 10px;
}
footer a {
    background: transparent;
    color: #fff;
    font-weight: normal;
}
footer a:hover,
footer a:focus {
    text-decoration: underline;
    color: #fff;
}
.connect ul {
    margin: 0 0 12px 0;
}
.connect ul li {
    float: left;
    list-style-type: none;
    margin: 0 5px 5px 0;
    padding: 0;
}
.connect a {
    height: 43px;
    width: 44px;
    display: block;
    background-repeat: no-repeat;
}
.connect a.twitter {
    background-position: -186px -88px;
}
.connect a.twitter:hover,
.connect a.twitter:focus {
    background-position: -232px -88px;
}
.connect a.rss {
    background-position: -94px -133px;
}
.connect a.rss:hover,
.connect a.rss:focus {
    background-position: -140px -133px;
}
.connect a.facebook {
    background-position: -94px -88px;
}
.connect a.facebook:hover,
.connect a.facebook:focus {
    background-position: -140px -88px;
}
.connect a.flickr {
    background-position: -2px -88px;
}
.connect a.flickr:hover,
.connect a.flickr:focus {
    background-position: -48px -88px;
}
.connect a.email {
    background-position: -179px -43px;
}
.connect a.email:hover,
.connect a.email:focus {
    background-position: -225px -43px;
}
.connect a.youtube {
    background-position: -2px -133px;
}
.connect a.youtube:hover,
.connect a.youtube:focus {
    background-position: -48px -133px;
}
.connect a.linkedin {
    background-position: -87px -43px;
}
.connect a.linkedin:hover,
.connect a.linkedin:focus {
    background-position: -133px -43px;
}
.connect a.govdelivery {
    background-position: -2px -178px;
}
.connect a.govdelivery:hover,
.connect a.govdelivery:focus {
    background-position: -48px -178px;
}
.connect a:hover,
.connect a:focus {
    border-bottom: 0 !important;
    position: relative;
    top: -1px;
}

#menuNav .connect ul li{
    float:none;
}

footer #leadership {
    margin: 20px auto;
    display: block;
}
footer #leadership h2 {
    margin-top: 0px;
}
footer #leadership p {
    margin: 0;
    padding: 0;
    width: 40%;
    float: left;
    font-size: 12px;
    line-height: 1.5em;
}
footer #leadership p.mogov {
    width: 20%;
}
footer #leadership a {
    padding-top: 20px;
    color: #fff;
}
footer #leadership a:hover,
footer #leadership a:focus {
    border-bottom: 0;
    text-decoration: none;
    color: #fff;
}
footer #leadership .gov {
    display: block;
    height: 56px;
    text-align: center;
    float: right;
}
footer #leadership .state {
    display: block;
    background: transparent url("../images/mogov_logo_footer.png") center no-repeat;
    height: 76px;
    margin: 0 auto;
}
footer #leadership .agency {
    display: block;
    height: 56px;
    text-align: center;
    float: left;
}
footer #site-info {
    position: relative;
    margin: 10px 0;
}
footer #site-info ul {
    width: 80%;
    margin: 0 auto;
    border-top: 1px solid #2f486b;
    padding-top: 10px;
    text-align: center;
}
footer #site-info ul li {
    display: inline;
    padding: 0 10px;
    line-height: 1em;
}
footer #site-info ul li a {
    font-size: 10px;
    color: #c1ccd4;
    font-weight: bold;
    white-space: nowrap;
}
footer #site-info ul li a:hover,
footer #site-info ul li a:focus {
    font-size: 10px;
    color: #fff;
}
@media (min-width: 768px) {
    footer {
        background: #1e3a62 url("../images/capitol_bg.png") no-repeat 50% 40px;
        padding: 30px 0 30px;
    }
}


blockquote footer {
    background-color:#fff;
    min-height:auto;
    min-width:auto;
    border-top:none;
    border-bottom:none;
}

.list-group-tight .list-group-item {
    padding:4px;
}

header {
    background:linear-gradient(to bottom,#3a5170 0,#3a5170 24%,#1e3a62 100%);
    height:auto;
}

#utility-bar-region {
    background: url("../images/diag_pat_trans.png") #415b81;

    height: 40px;
    display: block;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color:#fff;


}

#utility-bar-region #utility-bar {
    position: relative;
    top: 5px;
    display: block;
    padding-left: 0
}

#utility-bar-region #utility-bar ul {
    display: table;
    table-layout: auto;
    width: 100%;
    padding-left: 0px;
}

#utility-bar-region #utility-bar ul li {
    list-style-type: none;
    display: table-cell;
    padding: 0 8px;
    line-height: 1em;
    text-align: center;
    vertical-align: middle;
    height: 28px
}

#utility-bar-region #utility-bar ul li:first-child {
    padding-left: 0
}

#utility-bar-region #utility-bar ul li.last, #utility-bar-region #utility-bar ul li:last-child {
    /*padding-right: 0*/
}

#utility-bar-region #utility-bar a {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    font-weight: 400
}

#utility-bar-region #utility-bar a:focus, #utility-bar-region #utility-bar a:hover {
    text-decoration: underline;
    color: #fff
}

#utility-bar-region #toolbar {
    padding: 0;
}

.search {
    float: right;
    display: block;
}

.search fieldset {
    position: relative;
    float: none;
    margin-right: 0;
    width: 100%
}

.search input[type=search], #utility-bar-region .search input[type=text] {
    width:100%;
    border: none;
    line-height: 2em;
    height: 30px;
    border-radius: 3px;
    padding-left: 5px;
    font-size: 12px;
    position: relative;
}
/*.search {*/
    /*float: right;*/
    /*display: block;*/
/*}*/

#btg{
    background: url("../images/mainsprite.png") no-repeat;
    display: inline-block
}
.search #btg {
    position: absolute;
    top: 12px;
    right: 3%;
    display: inline-block;
    height: 16px;
    width: 12px;
    cursor: pointer;
    background-position: -251px -141px;
    border: none;
    color: transparent !important;
    z-index: 1;
    border-radius: 0
}

.search #btg:focus, .search #btg:hover {
    text-decoration: none;
    outline: 0
}

#toolbar {
    /*height: 22px;*/
    margin-top:12px;
    width: auto;
    position: relative;
}
#toolbar a {
    background: transparent url("../images/mainsprite.png") no-repeat;
    display: inline-block;
}
#toolbar li {
    display: inline-block;
    margin: 0;
    padding: 0;
    float: left;
    line-height: 0;
}
#toolbar .rss {
    background-position: -96px -246px;
    height: 22px;
    width: 58px;
}
#toolbar .facebook {
    background-position: -96px -296px;
    height: 22px;
    width: 85px;
}
#toolbar .twitter {
    background-position: -158px -271px;
    height: 22px;
    width: 100px;
}
#toolbar .youtube {
    background-position: -96px -271px;
    height: 22px;
    width: 57px;
}
#toolbar .email {
    background-position: -158px -246px;
    height: 22px;
    width: 58px;
}
#toolbar .flickr {
    background-position: -243px -296px;
    height: 22px;
    width: 55px;
}
#toolbar .govdelivery {
    background-position: -96px -321px;
    height: 22px;
    width: 103px;
}

#menu {
    margin-bottom:20px;
    background-color: #1E3A62;
}

#menu .navbar .navbar-nav li a {
    font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
    color:#fff;
    text-shadow:rgb(68, 68, 68) 1px 1px 1px;
    font-weight:400;
}
/*#menu .navbar .navbar-nav > li:first-child,*/
/*#menu .navbar .navbar-nav .no-left-border {*/
    /*border-left: 0;*/
/*}*/
/*#menu .navbar .navbar-nav > li:last-child {*/
    /*border-right: 0;*/
/*}*/
/*#menu .navbar .navbar-nav > li {*/
    /*border-right: 1px solid #4c7e99;*/
    /*border-left: 1px solid #66a8cc;*/
/*}*/

#menu .navbar .navbar-collapse,
#menu .navbar .navbar-collapse .navbar-nav,
#menu .navbar .navbar-collapse .navbar-nav a{
    /*height:100%;*/
}
    #menu .navbar .navbar-collapse .navbar-nav .nav-item a {
        display: flex;
        /*margin:auto;*/
        justify-content: center;
        align-items: center;
        /*After moving to Bootstrap 5 the following style caused the hover to not work for menu items because this caused a gap
        between the <a> tag and the <u> tag in the menu item. When a user moused over the empty space the child menu items
        would then disappear.*/
        /*margin-bottom: 10px;*/
        border-radius: 6px;
        background: url("../images/diag_pat_trans.png"), linear-gradient(rgb(178, 222, 245) 0%, rgb(105, 173, 211) 4%, rgb(77, 136, 168) 100%);
    }
/*#menu .navbar .navbar-nav a:hover,*/
/*#menu .navbar .navbar-nav a:focus,*/
/*#menu .navbar .navbar-nav a:hover,*/
/*#menu .navbar .navbar-nav a:focus*/
/*{*/
    /*color: #ffffff;*/
    /*background-color: #3f677d;*/
    /*transition:all ease .3s;*/
/*}*/
#menu .navbar .navbar-nav .dropdown .dropdown-menu {
    white-space: nowrap;
    margin-top:0px;
    background-color:transparent;
    border:none;
}
/*#menu .navbar .navbar-nav .dropdown:hover>.dropdown-menu {*/
    /*display: block;*/
/*}*/
#menu .navbar .navbar-nav .dropdown .dropdown-menu a{
    color:#fff;
    text-shadow:none;
    background:none;
    border-radius:0;
}
#menu .navbar .navbar-nav .dropdown .dropdown-menu a:hover{
    color:#fff;
}
#menu .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu a{
    align-items:start;
    justify-content:left;
    padding-right:15px;
    padding-left:15px;
    padding-top:5px;
    padding-bottom:5px;
    font-size:14px;
    font-weight:400;
}
#menu .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu a:hover{
    background-color:#5F9BBC;
    text-decoration:none;
}
header, #menu {
    z-index:1000;
}

header #agency_logo {
    width: 100%;
    height: auto;
}

#agencyLogoWrapper{
    margin-left:15px;
    margin-right:15px;
}
#agencyLogoWrapper .navbar-toggler{
    background-color:transparent;
    border:1px solid white;
    color:white;
}

.no-radius {
    border-radius:0 !important;
}

.flexslider {
    margin-bottom: 30px!important;
}

.bg-primary-light{
    color:white;
    background-color:#405574;
}
.bg-primary-light h1,
.bg-primary-light h2,
.bg-primary-light h3,
.bg-primary-light h4,
.bg-primary-light h5{
    color:white;
}
.bg-primary-light a{
    color:white;
}



.card .card-body .media-list{
    margin-left:0;
    padding-left:0;
}

.responsive-tabs .nav-tabs h1,
.responsive-tabs .nav-tabs h2,
.responsive-tabs .nav-tabs h3
{
    margin-top:10px;
    margin-bottom:5px;
}

.responsive-tabs .nav-tabs {
    display:none;
}
.responsive-tabs .card{
    border-radius:0;
}

@media(min-width:768px) {
    .responsive-tabs .nav-tabs {
        display: flex;
    }
    .responsive-tabs .nav-tabs .nav-item .active{
        background-color:#eff3f6;
        border-bottom-color:#eff3f6;
    }

    .responsive-tabs .card {
        border-top: none;
        border-bottom:1px solid #dee2e6;
        border-right:1px solid #dee2e6;
        border-left:1px solid #dee2e6;
    }

    .responsive-tabs .card .card-header {
        display:none;
    }

    .responsive-tabs .card .collapse{
        display:block;
    }
}

@media(max-width:767px){
    .responsive-tabs .card:first-child {
        margin-top:10px;
    }
    .responsive-tabs .card {
        margin-bottom:5px;
    }
    .responsive-tabs .card .card-header {
        padding:0;
    }
    .responsive-tabs .card .card-header a{
        font-family: "Francois One",Arial,Helvetica,sans-serif;
        padding:.75rem 1.25rem;
        font-weight:500;
        font-size:16px;
    }
    .responsive-tabs .tab-pane {
        display: block !important;
        opacity: 1;
    }
}












/* Extra Small devices (This should be the default css since bootstrap is mobile first) */


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    .jumbotron {
        padding: 2rem 2rem;
    }

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 63px;
    }

    header {
        height:125px;
    }

    header #agency_logo {
        width: 384px;
    }

    #menu {
        background: url("../images/diag_pat_trans.png"), linear-gradient(to bottom, #b2def5 0%, #69add3 4%, #4d88a8 100%);
    }

    #menu .navbar {
        padding-top:0;
        padding-bottom:0;
        height:44px;
    }
    #menu .navbar .navbar-nav > li:first-child,
    #menu .navbar .navbar-nav .no-left-border {
        border-left: 0;
    }
    #menu .navbar .navbar-nav > li:last-child {
        border-right: 0;
    }
    #menu .navbar .navbar-nav > li {
        border-right: 1px solid #4c7e99;
        border-left: 1px solid #66a8cc;
    }
    #menu .navbar .navbar-nav a:hover,
    #menu .navbar .navbar-nav a:focus,
    #menu .navbar .navbar-nav a:hover,
    #menu .navbar .navbar-nav a:focus
    {
        color: #fff;
        background-color: #3f677d;
        transition:all ease .3s;
    }
    #menu .navbar .navbar-nav .dropdown:hover>.dropdown-menu {
        display: block;
    }
    #menu .navbar .navbar-nav .dropdown .dropdown-menu {
        white-space: nowrap;
        margin-top:0px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        background:white;
        border-left:1px solid rgba(0,0,0,.15);
        border-right:1px solid rgba(0,0,0,.15);
        border-bottom:1px solid rgba(0,0,0,.15);
    }
    #menu .navbar .navbar-nav .dropdown .dropdown-menu a{
        color:#444;
        text-shadow:none;
    }

    #menu .navbar .navbar-collapse,
    #menu .navbar .navbar-collapse .navbar-nav,
    #menu .navbar .navbar-collapse .navbar-nav a {
        height: 100%;
    }

    #agencyLogoWrapper .navbar-toggler{
        display:none;
    }

    #agencyLogoWrapper {
        margin-left:auto;
        margin-right:auto;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    header #agency_logo {
        width: 450px;
    }

}

/* Extra large devices (large desktops, 1024px and up) */
@media (min-width: 1024px) {

    header {
        height: 105px;
    }

}







/**
    Responsive widths that don't exist within bootstrap for some reason
 */
.w-100 {width: 100% !important;}
.w-80 {width: 80% !important;}
.w-75 {width: 75% !important;}
.w-60 {width: 60% !important;}
.w-50 {width: 50% !important;}
.w-40 {width: 40% !important;}
.w-25 {width: 25% !important;}
.w-20 {width: 10% !important;}
.w-10 {width: 10% !important;}

@media (min-width:576px) {
    .w-sm-100 {width: 100% !important;}
    .w-sm-80 {width: 80% !important;}
    .w-sm-75 {width: 75% !important;}
    .w-sm-60 {width: 60% !important;}
    .w-sm-50 {width: 50% !important;}
    .w-sm-40 {width: 40% !important;}
    .w-sm-25 {width: 25% !important;}
    .w-sm-20 {width: 10% !important;}
    .w-sm-10 {width: 10% !important;}
}

@media (min-width:768px) {
    .w-md-100 {width: 100% !important;}
    .w-md-80 {width: 80% !important;}
    .w-md-75 {width: 75% !important;}
    .w-md-60 {width: 60% !important;}
    .w-md-50 {width: 50% !important;}
    .w-md-40 {width: 40% !important;}
    .w-md-25 {width: 25% !important;}
    .w-md-20 {width: 20% !important;}
    .w-md-10 {width: 10% !important;}
}

@media (min-width:992px) {
    .w-lg-100 {width: 100% !important;}
    .w-lg-80 {width: 80% !important;}
    .w-lg-75 {width: 75% !important;}
    .w-lg-60 {width: 60% !important;}
    .w-lg-50 {width: 50% !important;}
    .w-lg-40 {width: 40% !important;}
    .w-lg-25 {width: 25% !important;}
    .w-lg-20 {width: 20% !important;}
    .w-lg-10 {width: 10% !important;}
}

@media (min-width:1200px) {
    .w-xl-100 {width: 100% !important;}
    .w-xl-80 {width: 80% !important;}
    .w-xl-75 {width: 75% !important;}
    .w-xl-60 {width: 60% !important;}
    .w-xl-50 {width: 50% !important;}
    .w-xl-40 {width: 40% !important;}
    .w-xl-25 {width: 25% !important;}
    .w-xl-20 {width: 20% !important;}
    .w-xl-10 {width: 10% !important;}
}


.shim-10 {
    width:100%;
    height:10px;
}
.shim-20 {
    width:100%;
    height:20px;
}

/*force page to sm view for printing*/
@media print {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
    .visible-xs {
        display: none !important;
    }
    .hidden-xs {
        display: block !important;
    }
    table.hidden-xs {
        display: table;
    }
    tr.hidden-xs {
        display: table-row !important;
    }
    th.hidden-xs,
    td.hidden-xs {
        display: table-cell !important;
    }
    .hidden-xs.hidden-print {
        display: none !important;
    }
    .hidden-sm {
        display: none !important;
    }
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
    @media print {
        .noprint {
            display: none;
        }
    }
}