html {
/*overflow:scroll;*/
height:100%;
}

body {
margin: 0px; padding: 10px 8px 10px 0px; 
overflow-x:hidden;
overflow-y:auto;
height:100%;
background-color: #F1F3F5;
line-height: 1.42857143;
font-family: Glober W01 Regular, sans-serif;
font-size: 16px;
}

.post {
    /*border-bottom: none;
    padding: 5px;
  line-height: 1.42857143;
    font-family: Glober W01 Regular, sans-serif;
    font-size: 15px;

    min-height: 100px;
    padding: 12px 12px 12px 140px;
    box-sizing: content-box;
    overflow: auto;
    box-shadow: 0px 0px 2px #888888;
    margin: 0px 0px 20px 0px;
    */

 clear:both;
    /*background-color: #FFF;*/
    color: #666;
    width: 90%;
    margin: 0px auto 20px auto;
    padding: 20px 30px 20px 30px;
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    border-left: 8px solid #0C3B6C;*/
 line-height: 1.42857143;
    font-family: Glober W01 Regular, sans-serif;
    font-size: 15px;
    position: relative;
    overflow: hidden;
}

pre {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

pre ul {
    padding-left: 15px;
    list-style: disc;
}

.refesh {
 display: block;
 float: right;
 color: #0C3B6C;
 font-size: 12px;
 padding-right: 5%;
 margin-bottom: 20px;
}

.post h1 {
 clear:both;
 position:relative;
 /*top:-20px;*/
    font-weight: 400;
    font-size: 18px;
    color: inherit;
    color: #003876;
}

posts .post h1 {
 max-width: 450px;
}

.post h2 {
    font-weight: 900;
    font-size: 15px;
    color: inherit;
    margin-bottom: 10px;
    margin-top:-10px;
}

.systems {
    /*background: rgba(176,176,176, 0.05);*/
padding: 20px 0px !important;
 border: none;
}

.systems .title {
    /*background: rgba(0,176,240, 0.05);*/
 background: #FFFFFF;
}


.post h2.system {
 display: inline-block;
 margin-right: 10px;
}
.post h2.resolve {
 float: right;
}

.post .status-history {
 font-weight: bold;
    display: block;
    margin-top: -20px;
    margin-bottom: 30px;
}

.post p {
 display: block;
 clear: both;
    line-height: 1.5em;
}

#posts .post h1 {
 color: #333;
 font-weight: 600;
}

.post b {
/*left: 18px; */
    top: 0px;
    display: bock;
    float: left;
    margin-top: 10px;
    margin-right: 20px;
    font-weight: 100;
    color: #333;
    position: relative;
    font-size: 14px;
    /* height: 100%; */
    padding: 16px 0px;
    box-sizing: border-box;
}

.post a.download {
    display: inline-block;
    position: relative;
    border: 1px solid #0C3B6C;
    padding: 12px 40px 12px 12px;
    color: #0C3B6C;
    text-decoration: none;
    float: right;
    z-index: 100;

    text-decoration: none !important;
    border: 1px solid #c5c5c5;
    background: rgba(248, 248, 248, 1);
    background: -moz-linear-gradient(-15deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 65%, rgba(247, 248, 250, 1) 65%, rgba(247, 248, 250, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(65%, rgba(255, 255, 255, 1)), color-stop(65%, rgba(247, 248, 250, 1)), color-stop(100%, rgba(247, 248, 250, 1)));
    background: -webkit-linear-gradient(-15deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 65%, rgba(247, 248, 250, 1) 65%, rgba(247, 248, 250, 1) 100%);
    background: -o-linear-gradient(-15deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 65%, rgba(247, 248, 250, 1) 65%, rgba(247, 248, 250, 1) 100%);
    background: -ms-linear-gradient(-15deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 65%, rgba(247, 248, 250, 1) 65%, rgba(247, 248, 250, 1) 100%);
    background: linear-gradient(105deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 65%, rgba(247, 248, 250, 1) 65%, rgba(247, 248, 250, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d53f64', endColorstr='#c83c5f', GradientType=1);
}

.post a.download:after {
    text-decoration: none;
    font-size: 26px;
    content: "\f1fe";
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    margin-left: 8px;
    color: INHERIT;
    position: absolute;
    bottom: 6px;
}

.post a.download:hover {
    background: #0C3B6C;
    border: 1px solid #0C3B6C;
    color: #FFF;
}

.post .accordian {
 display: none;
 background-color: red;
 height: 295px;
 width: 100%;
 position: absolute;
 top: 0px;
 left: 3px;
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax (must be last) */
}

.post .accordian span {
 display:block;
 position: relative;
 top: -28px;
 left: 3px;
 width: 30px;
 height: 30px;
/*     border-radius: 25px;
    border: 2px solid #ccc; */
}
.post .accordian span:after {
 display:block;
 position:relative;
 left: 0px;
 top: 48px;
 width:30px;
 height:30px;
    font-size: 26px;
    content: "\f362";
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
 color: #dfdfdf;
}

#posts .post {
 background-color: #FFFFFF;
 /*margin: 20px 30px 20px 30px;*/
}

#posts .post:hover {
 cursor: pointer;
 /*background: rgba(0,176,240, 0.05);
 border-left: 8px solid #0C3B6C;*/
}
#posts .post:hover .accordian span {
    border-color: #0C3B6C;
}
#posts .post:hover .accordian span:after {
 color: #0C3B6C;
}

#posts .show {
   /* background: rgba(0,176,240, 0.05);*/
 border-left: 8px solid #0C3B6C;
}

.title {
padding-top: 10px;
 min-height: 0;
 padding-bottom:0;
 height:70px;
 margin-bottom:0;
 background: rgba(176,176,176, 0.05);
 border: none;
}

.title h1 {
 position: relative;
 top: -20px;
 font-weight:bold;
}

.history .title {
 background: #0C3B6C;
 /*margin: 20px 30px 20px 30px;*/
}

.history .title h1 {
 color: #FFFFFF;
}

.title h1 span {
position: relative;
top: -7px;
 display:block;
 float:right;
 line-height: 1.75em;
 padding-right:40px;
 font-weight:normal;
 font-size: 16px;
 color: #666;
}
.title h1 span em{
 font-weight: bold;
}

.title a.backlink, .navigationLinks a.backlink {
    display: inline-block;
    position: relative;
    top: 2px;
    border: 1px solid #0C3B6C;
    border-radius: 5px;
    padding: 10px 20px 10px 30px;
    color: #0C3B6C;
    text-decoration: none;
    float: left;
    z-index: 100;
    text-align: right;

    text-decoration: none !important;
    border: 1px solid #c5c5c5;
    background: #FFFFFF;
    /*background: -moz-linear-gradient(-15deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(247, 248, 250, 1) 50%, rgba(247, 248, 250, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(247, 248, 250, 1)), color-stop(100%, rgba(247, 248, 250, 1)));
    background: -webkit-linear-gradient(-15deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(247, 248, 250, 1) 50%, rgba(247, 248, 250, 1) 100%);
    background: -o-linear-gradient(-15deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(247, 248, 250, 1) 50%, rgba(247, 248, 250, 1) 100%);
    background: -ms-linear-gradient(-15deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(247, 248, 250, 1) 50%, rgba(247, 248, 250, 1) 100%);
    background: linear-gradient(105deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(247, 248, 250, 1) 50%, rgba(247, 248, 250, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d53f64', endColorstr='#c83c5f', GradientType=1);*/

}

.navigationLinks {
    width: 90%;
 /*padding: 0px 10px;*/
    position: relative;
    margin: 0px auto 20px auto;
}

.navigationLinks a.backlink {
 margin: 20px 30px 20px 0px;
}

.title a.backlink:before, 
.navigationLinks a.backlink:before {
    text-decoration: none;
    font-size: 30px;
    content: "\f361";
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    margin-left: 15px;
    color: INHERIT;
    position: absolute;
    left: 0px;
    bottom: 4px;
}

.title a.backlink:hover, 
.navigationLinks a.backlink:hover {
    background: #0C3B6C;
    border: 1px solid #0C3B6C;
    color: #FFF;
}

.title a.flaglink {
 position: absolute;
 display: block;
 width: 30px;
 height: 30px;
 margin-left: -25px;
 margin-top: -14px;
}

.daterange {
 float:left;
 width: 300px;
 margin-top: 38px;
 margin-left: 30px;
}

.daterange:after {
 content: "Date Filter";
 position: relative;
 left: 310px;
 color: #0C3B6C;
}

.pagination ul {
 float:right;
 margin:20px 0px 20px 20px;
}

.pagination li {
 display: block;
 float: left;
 margin: 0 5px;
}
.pagination li a, .pagination li b {
 display:block;
 padding:8px 16px;
 border: 1px solid #0C3B6C;
 color: #0C3B6C;
 font-weight: bold;
 text-decoration: none;
 background: #FFFFFF;
 border-radius: 5px;
    /*background: rgba(0,176,240, 0.05);*/
}

.pagination li a:hover {
 color:#fff;
 background-color:#0C3B6C;
}

.pagination li b {
 color: #003876;
 font-weight: normal;
}

.pagination li.current b {
 font-weight: bold;
 color: #fff;
 background-color:#0C3B6C;
}

.systems h1 {
 top:0;
 padding:23px 0;
 font-size: 28px;
 line-height: 1.42857143;
 font-family: Glober W01 Regular, sans-serif;
 font-weight: 400;
 color: #0c3b6c;
}
.systems table {
 width: 100%;
 color: #666;
 /*border: 1px solid #ccc;*/
 margin-bottom: 10px;
}

.systems table th, .systems table td {
 border: 1px solid #ccc;
 padding: 10px;
 line-height:1em;
 vertical-align:middle;
 text-align: left;
}

.systems table th, .systems table td {
 border-right: none;
}

.systems table td {
 border-left: none;
 border-right: none;
}

.systems table tr.active, .systems table tr:hover {
 background-color:#0C3B6C;
 color:#fff;
 cursor:pointer;
}

.systems table .title {
 height: inherit;
}

.systems table .title th {
   text-indent: 10px;
  border-right: none;
 border-left: none;
}

.systems table .title th:first-child, .systems table .title th:last-child {
   border-top: none;
}

.systems table .title th:before {
    text-decoration: none;
    font-size: 22px;
  content: "\f10a";
    display: inline-block;
    width: 20px;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    margin-left: 0px;
    color: INHERIT;
    position: relative;
    top: 3px;
    left: -10px;
}
.systems table .active th:before {
 /*content: "\f123";*/
}

.systems table tr.description {
 display: none;
 background-color: #FFFFFF;
}

.systems table tr.description ul {
 margin-left: 20px;
 list-style-type: disc;
}

.systems table tr.description td {
 padding: 20px;
 line-height: 1.5em;
/*    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
    background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1);
    background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); 
    background: linear-gradient(rgba(0,176,240, 0.025), rgba(255,255,255,1));*/
}
.systems table tr.description td:hover {
 color:#666;
 cursor:default;

}

.systems table tr.description td a {
 display: block;
 float:right;
 margin-top:20px;
}
.systems table tr.description td a:after {
 content: "\f13a";
 bottom: 6px;
}

.systems table td.blue {
 /*background-color: #0C3B6C;*/
}

.history span.blue {
 color: #00b0f0;
}

.title .blue a.flaglink {
  background-color: #00b0f0;
    border-radius: 50%;
}

.systems table td.blue:after{
    font-size: 26px;
    content: "\f149";
    display: none;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1.0;
    -webkit-font-smoothing: antialiased;
    margin-left: 3px;
    color: #fff;
    margin-top:3px;
}
.systems table td.green {
 /*background-color: green;*/
}

.history span.green {
 color: #38B249;
}

.title .green a.flaglink {
  background-color: #38B249;
    border-radius: 50%;
}

.systems table td.green:after{
    font-size: 26px;
    content: "\f120";
    display: none;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1.0;
    -webkit-font-smoothing: antialiased;
    margin-left: 3px;
    color: #fff;
    margin-top:3px;
}

.systems table td.gold {
 /*background-color: gold;*/
}

.history span.gold {
 color: gold;
}

.title .gold a.flaglink {
  background-color: gold;
    border-radius: 50%;
}

.systems table td.gold:after{
    font-size: 26px;
    content: "\f3bc";
    display: none;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    margin-left: 3px;
    color: #fff;
    margin-top:3px;
}

.systems table td.red {
 /*background-color: red;*/
}

.history span.red {
 color: red;
}

.title .red a.flaglink {
  background-color: red;
    border-radius: 50%;
}

.systems table td.red:after{
    font-size: 26px;
    content: "\f128";
    display: none;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    margin-left: 3px;
    color: #fff;
    margin-top:3px;
}

.systems table img {
 margin:0;
 padding:0;
 margin-bottom:-8px;
}

ul.attachments {
 margin-top:10px;
 margin-right:3px;
}
ul.attachments li {
 list-style-type:none;
 display:block;
 float:right;
}
ul.attachments li.status {
/*     border: 1px solid #0C3B6C; */
    height: 25px;
    width: 25px;
margin-top: 10px;
}
ul.attachments li.blue {
    border: 1px solid #00b0f0;
    background-color:#00b0f0;
 border-radius: 50%;
}

ul.attachments li.blue:after {
    font-size: 26px;
    content: "\f149";
    display: none;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    margin-top: 1px;
    margin-left: 5px;
    color: #fff;
}
ul.attachments li.green {
    border: 1px solid #38B249;
    background-color:#38B249;
 border-radius: 50%;
}

ul.attachments li.green:after {
    font-size: 26px;
    content: "\f120";
    display: none;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    margin-top: 1px;
    margin-left: 5px;
    color: #fff;
}

ul.attachments li.gold {
    background-color:gold;
 border-radius: 50%;
}

ul.attachments li.gold:after {
    font-size: 26px;
    content: "\f3bc";
    display: none;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    margin-top: 1px;
    margin-left: 5px;
    color: #fff;
}

ul.attachments li.red {
    border: 1px solid red;
    background-color:red;
 border-radius: 50%;
}

ul.attachments li.red:after {
    font-size: 26px;
    content: "\f128";
    display: none;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    margin-top: 1px;
    margin-left: 5px;
    color: #fff;
}

ul.attachments li {
 border-width: 1px;
 border-style: solid;
 border-color: #f8f8f8 #d4d4d4 #d4d4d4 #f8f8f8;
}
.title ul.attachments li {
 border-width: 1px;
 border-style: solid;
 border-color: #dfdfdf #e8e8e8 #e8e8e8 #dfdfdf;
}

ul.attachments li.document {
 margin-right:10px;
}
ul.attachments img {
 margin: 9px 8px 3px;
}

span.download {
 display: block;
 text-align:right;
 padding-bottom: 10px;
}

#loaderPrev, #loaderNext {
    margin-left: auto;
    width: 100%;
    padding: 20px 30px;
    margin-right: auto;
}

/* Date range slider overrides */
.ui-rangeSlider .ui-rangeSlider-innerBar {
    background: #f4f4f4;
    border:1px solid #dfdfdf;
}

.ui-rangeSlider .ui-rangeSlider-bar {
    border: 1px solid #c5c5c5;
    background: #FFFFFF;
    /*background: rgba(100,100,100, 0.075);
    background: rgba(0,176,240, 0.2);*/
}

.ui-rangeSlider .ui-rangeSlider-handle {
    background: #0C3B6C; /*rgba(0,176,240, 1);*/
}


#fountainG{
 position:relative;
 float: left;
 width:54px;
 height:7px;
 margin:auto;
}

.fountainG{
 position:absolute;
 top:7px;
 background-color:rgb(0,176,240);
 width:7px;
 height:7px;
 animation-name:bounce_fountainG;
  -o-animation-name:bounce_fountainG;
  -ms-animation-name:bounce_fountainG;
  -webkit-animation-name:bounce_fountainG;
  -moz-animation-name:bounce_fountainG;
 animation-duration:3.25s;
  -o-animation-duration:3.25s;
  -ms-animation-duration:3.25s;
  -webkit-animation-duration:3.25s;
  -moz-animation-duration:3.25s;
 animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite;
  -ms-animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
 animation-direction:normal;
  -o-animation-direction:normal;
  -ms-animation-direction:normal;
  -webkit-animation-direction:normal;
  -moz-animation-direction:normal;
 transform:scale(.3);
  -o-transform:scale(.3);
  -ms-transform:scale(.3);
  -webkit-transform:scale(.3);
  -moz-transform:scale(.3);
 border-radius:4px;
  -o-border-radius:4px;
  -ms-border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
}

#fountainG_1{
 left:0;
 animation-delay:1.3s;
  -o-animation-delay:1.3s;
  -ms-animation-delay:1.3s;
  -webkit-animation-delay:1.3s;
  -moz-animation-delay:1.3s;
}

#fountainG_2{
 left:7px;
 animation-delay:1.63s;
  -o-animation-delay:1.63s;
  -ms-animation-delay:1.63s;
  -webkit-animation-delay:1.63s;
  -moz-animation-delay:1.63s;
}

#fountainG_3{
 left:13px;
 animation-delay:1.95s;
  -o-animation-delay:1.95s;
  -ms-animation-delay:1.95s;
  -webkit-animation-delay:1.95s;
  -moz-animation-delay:1.95s;
}

#fountainG_4{
 left:20px;
 animation-delay:2.28s;
  -o-animation-delay:2.28s;
  -ms-animation-delay:2.28s;
  -webkit-animation-delay:2.28s;
  -moz-animation-delay:2.28s;
}

#fountainG_5{
 left:27px;
 animation-delay:2.6s;
  -o-animation-delay:2.6s;
  -ms-animation-delay:2.6s;
  -webkit-animation-delay:2.6s;
  -moz-animation-delay:2.6s;
}

#fountainG_6{
 left:34px;
 animation-delay:2.93s;
  -o-animation-delay:2.93s;
  -ms-animation-delay:2.93s;
  -webkit-animation-delay:2.93s;
  -moz-animation-delay:2.93s;
}

#fountainG_7{
 left:40px;
 animation-delay:3.25s;
  -o-animation-delay:3.25s;
  -ms-animation-delay:3.25s;
  -webkit-animation-delay:3.25s;
  -moz-animation-delay:3.25s;
}

#fountainG_8{
 left:47px;
 animation-delay:3.58s;
  -o-animation-delay:3.58s;
  -ms-animation-delay:3.58s;
  -webkit-animation-delay:3.58s;
  -moz-animation-delay:3.58s;
}



@keyframes bounce_fountainG{
 0%{
 transform:scale(1);
  background-color:rgb(0,176,240);
 }

 100%{
 transform:scale(.3);
  background-color:rgba(255,255,255,0.98);
 }
}

@-o-keyframes bounce_fountainG{
 0%{
 -o-transform:scale(1);
  background-color:rgb(0,176,240);
 }

 100%{
 -o-transform:scale(.3);
  background-color:rgba(255,255,255,0.98);
 }
}

@-ms-keyframes bounce_fountainG{
 0%{
 -ms-transform:scale(1);
  background-color:rgb(0,176,240);
 }

 100%{
 -ms-transform:scale(.3);
  background-color:rgba(255,255,255,0.98);
 }
}

@-webkit-keyframes bounce_fountainG{
 0%{
 -webkit-transform:scale(1);
  background-color:rgb(0,176,240);
 }

 100%{
 -webkit-transform:scale(.3);
  background-color:rgba(255,255,255,0.98);
 }
}

@-moz-keyframes bounce_fountainG{
 0%{
 -moz-transform:scale(1);
  background-color:rgb(0,176,240);
 }

 100%{
 -moz-transform:scale(.3);
  background-color:rgba(255,255,255,0.98);
 }
}
@media (max-width: 680px) { 

.history .title h1 {
 font-size: 13px !important;
}

.title h1 span {
 top: 0px;
    width: 100% !important;
    font-size: 11px !important;
}
}

@media (max-width: 550px) { 
.history .title h1 {
 font-size: 13px !important;
}

.title h1 span {
 top: 0px;
    width: 100% !important;
    font-size: 11px !important;
}
}

@media (max-width: 550px) { 
.navigationLinks a.backlink:before {
 bottom: 1px;
}
.pagination ul {
 float: left;
 margin-left: -4px;
}
.daterange { 
 width: 250px;
}
.daterange:after {
    top: 3px;
    left: 252px;
}
.navigationLinks {
 font-size: 12px;
}
.post a.updatesLink {
 float: left;
}

#posts table tr th:first-child, #posts table tr td:first-child {
 /*width: 50% !important;*/
}

#posts table {
 width: 100% !important;
}

ul.attachments li.emptyDocument {
 margin-top: 20px;
}

ul.attachments li.document{
    float: left;
    margin-bottom: 15px;
    margin-top: 0px;
}

ul.attachments li.status {
 margin-right: 15px;
}

.title ul.attachments li.status {
 margin-top: 0px !important;
}

.post {
 padding: 0px 10px !important;
}

.history .title, #posts .post {
/* margin: 10px;*/
}

.post h1 {
 margin-right: 50px;
}

.history .title h1 {
    left: 0px !important; 
    /*top: 12px !important; */
  margin-right: 0px !important;
}

.title h1 span {
    padding: 0px !important;
}
}
.statusKeyIcon {
    right: 18px;
    background-color: #215eac;
    border-radius: 50%;
    color: white;
    display: block;
    width: 30px;
    height: 30px;
    float: right;
    position: relative;
    top: -30px;
    padding: 5px 10px;
 cursor: pointer;
}
.statusKeyInfo {
 z-index: 1;
    top: 100px;
    background: white;
    border: 1px solid #215eac;
    position: absolute;
    right: 50px;
    padding: 20px;
}

.statusKeyInfo span {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

.statusIconGreen {
    background-color: #38B249;
}

.statusIconBlue {
    background-color: #00b0f0;
}

.statusIconAmber {
    background-color: gold;
}

.statusIconRed {
    background-color: red;
}

.statusKeyInfo strong {
    padding-left: 25px;
}

.statusKeyInfo ul{
    list-style: disc;
    padding-left: 42px;
}


#posts table {
    /*border: none;*/
border: 1px solid #ccc;
background-color: white;
    color: #666;
    width: auto;
    max-width: 100%;
    padding: 0px;
  }
  
#posts table th {
 border-bottom: 2px solid #007FB1;
    text-align: left;
   /* background-color: #00b0f0;*/
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    line-height: 28px; 
   /* color: #ffffff;*/
    padding-left: 7px;
    padding-right: 10px;
    font-weight: bold;  
  }  
  
/*#posts table tr th:first-child,
#posts table tr td:first-child { 
    width: 20% !important;
  }  
  
#posts table tr th:last-child,
#posts table tr td:last-child { 
    width: 50% !important;
  }   */

#posts table td {
    text-align: left;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 13px; 
    line-height: 28px; 
   /* color: #0c3b6c;*/
    padding-right: 10px;    
 padding-left: 7px;
  }