#top_container, #OSPO-header, #body-box, #dropdown-box, #footer-box {
    width: initial;
    min-width: 950px;
    max-width: 1280px;

}

#OSPO-header {
    /*text-align: center; */
    /* background: repeating-radial-gradient(#6573a0, #9b9cd5 100px);
    background: repeating-linear-gradient(329deg, #1d289d, #3d3ace75 20px);
    background: repeating-radial-gradient(#6573a0, #9b9cd5 232px);
    background: repeating-linear-gradient(90deg, #1d289d, #3d3ace75 185px); */
    /*background: linear-gradient(90deg, #1d289d, #3d3ace75 185px); */
    padding-left: 2rem;
}

#header-wide-wrap {
    max-width: 1280px;
    /* padding-top: 2rem;
    margin-top: -2rem; */
    margin: 0 auto;
}

#msg-list a:before {
    content: ' \2604\0020';
    content: '\0020\02D6';
    color: transparent;
    display: inline-block;
    min-width: 1rem;
    min-width: 1.2rem;
    /* background-image: url(/Products/graphics/ball.blue.png); */
    /* background: url(/graphics/satellite-dish-solid.svg) no-repeat; */
    position: relative;
    /* top: 3px; */
    left: -1px;
}

img[alt="blue ball"] {
    display: none;
}

div.base_80 > a[style] + br {
    display: none;
}

div.base_80 > .link-thinline {
    display: none;
}

div.base_80 table:nth-child(1) {
    margin: 0 auto;
}

* {
    box-sizing: border-box;
}

/* body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
} */

input[type=text]#search-filter {
    width: 250px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    /* height: 32px; */
    height: 2.5em;

    /*background: #fcfcfc;*/
    /*background: url(http://via.placeholder.com/16x16) no-repeat scroll 7px 7px;*/
    background: url(if_Search_2290856_24x24.png) no-repeat scroll 7px 10px;
    border: 1px solid #aaa;
    border-radius: 5px;
    box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset;
    padding: 2px 10px 2px 25px;
    text-indent: 10px;
    font-size: larger;
    color: #0b4b8f;
}

h1:before {
    /* content: ' \2604\0020'; */
    content: '\f7c0';
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    margin-right: 0.5rem;
}

input[type=text]#search-filter:before {
    content: ' \2604\0020';
}

/* When the input field gets focus, change its width to 100% */

input[type=text]#search-filter:focus {
    width: 70%;
}

a {
    color: rgb(16, 16, 173);
}

#msg-list {
    /* max-height: 500px; */
    max-height: 90vh;
    overflow-y: auto;
}

#msg-list a {
    display: block;
    width: 100%;
    line-height: 15px;
    padding: 10px 5px;
    text-decoration: none;
    /* border: 1px solid #aaa; */
    box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset
}

#msg-list a:hover {
    color: #1a2326;
    text-decoration: none;
    border-color: #2b85e7;
    border-radius: 4px;
    box-shadow: 0 8px 8px rgba(1,67,163,.24), 0 0 8px rgba(1,67,163,.12), 0 6px 18px rgba(43,133,231,.12);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

/* #msg-list a:before {
    content: ' \2604\0020';
} */

#msg-list a:before {
    content: '\f7c0';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: inherit;
}



#search-matches {
    /* list-style-type: none; */
    /* line-height: 15px; */
    line-height: 22px;
    min-height: 15px;
    color: red;
}

input[type=radio] {
    
}

#search-filter {
    display: inline-block;
}

#msg-content-box .btn {
    display: inline-block;
    border: 1px rgb(16, 16, 173) solid;
    line-height: 1em;
    padding: 10px;
    color: rgb(255, 255, 255);
    background-color: #0b4b8f;
    border-radius: 2px;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.active {
    background-color: grey;
}

.list-length {
    display: inline-block;
    position: absolute;
    right: 10%;
}

#msg-content-box {
    display: none; 
    vertical-align: top;
    border: 1px solid #2b85e7;
    border-radius: 2px;
    padding: 7px 10px 20px 15px;
    /* width: 59%; */
    width: 69%;
    max-height: 90vh;
    overflow-y: auto;
}

.close {
    position: absolute;
    /* top: 15px;
    right: 35px; */
    /* top: 26%; */
    /* top: 180px; */
    /* right: 40px; */
    right: 65px;
    color: #333;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    z-index: 10;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

#msg-list .selected {
    /* color: #1a2326; */
    color: #fff;
    background-color: #2b85e7;
    border-color: #0d3764;
    border-radius: 4px;
    box-shadow: 0 8px 8px rgba(1,67,163,.24), 0 0 8px rgba(1,67,163,.12), 0 6px 18px rgba(43,133,231,.12);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

/* #msg-content{
    max-height: 700px;
    max-height: 90vh;
    overflow-y: auto;
} */

.error {
    color:#ec1f30;
}

/* ::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-image: -webkit-gradient(linear,
                                    left bottom,
                                    left top,
                                    color-stop(0.44, rgb(122,153,217)),
                                    color-stop(0.72, rgb(73,125,189)),
                                    color-stop(0.86, rgb(28,58,148)));
}

* {
    scrollbar-arrow-color: #0d3764;
} */

#msg-list > a:first-of-type {
    margin-top: 1rem;
}

#msg-list > a + br {
    display: none;
}

#msg-list > .link-thinline {
    display: none;
}