#param-themes {
 display: table;
 table-layout: fixed;
 width: 100%;
 border-bottom-left-radius: 5px;
 overflow: hidden;
}
#param-themes .param-themes-row {
 display: block;
}
#param-themes .param-theme {
 display: block;
 float: left;
 text-align: center;
 width: 50%;
 padding: 25px 0;
 color: #888;
 position: relative;
 overflow: hidden;
}
#param-themes .param-theme:hover {
 color: #fff;
}
#param-themes .theme-preview {
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 overflow: hidden !important;
}
#param-themes .theme-preview img {
 width: 100%;
 position: absolute;
 display: block;
 top: 0;
 left: 0;
}
#param-themes .param-theme .overlay {
 background: #1d1d1d;
 background: rgba(0,0,0,.8);
 position: absolute;
 top: 0;
 bottom: 0;
 left: -100%;
 width: 100%;
}
#param-themes .param-theme span {
 position: relative;
 color: #fff;
 color: rgba(255,255,255,0);
}
#param-themes .param-theme span,
#param-themes .param-theme .overlay {
 -webkit-transition: all .3s;
 -moz-transition: all .3s;
 -ms-transition: all .3s;
 -o-transition: all .3s;
 transition: all .3s;
}
#param-themes .param-theme.active span,
#param-themes .param-theme:hover span {
 color: #fff;
 color: rgba(255,255,255,1);
}
#param-themes .param-theme.active .overlay,
#param-themes .param-theme:hover .overlay {
 left: 0;
}
#param-settings {
 position: fixed;
 right: -320px;
 width: 320px;
 top: 47px;
 padding-right: 10px;  
 background: #333;
 border-radius: 5px;
 -webkit-transition: all .3s;
 -moz-transition: all .3s;
 -ms-transition: all .3s;
 -o-transition: all .3s;
 transition: all .3s;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 z-index: 999998;
}
#param-settings.open {
 right: -10px;
}
#param-settings > .header {
 position: relative;
 z-index: 100000;
 line-height: 20px;
 background: #444;
 color: #fff;
 font-size:  11px;
 font-weight: 600;
 padding: 10px 20px;
 margin: 0;
}
#param-settings > div {
 position: relative;
 z-index: 100000;
 background: #282828;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
}
#param-settings-toggler {
 width: 50px;
 height: 25px;
 padding-right: 10px;
 position: absolute;
 left: -40px;
 top: 0;
 background: #444;
 text-align: center;
 line-height: 25px;
 color: #fff;
 border-radius: 5px;
 z-index: 99999;
 text-decoration: none !important;
 -webkit-transition: color .3s;
 -moz-transition: color .3s;
 -ms-transition: color .3s;
 -o-transition: color .3s;
 transition: color .3s;
}
#param-settings.open #param-settings-toggler {
 font-size: 16px;
 /*color: #888;*/
 color:#fff;
}
#param-settings.open #param-settings-toggler:hover {
 color: #fff;
}
#param-settings.open #param-settings-toggler:before {
 content: "\f00d";
}
#param-settings-list {
 padding: 0;
 margin: 0;
}
#param-settings-list li {
 padding: 0;
 margin: 0;
 list-style: none;
 position: relative;
}
#param-settings-list li > span {
 line-height: 20px;
 color: #fff;
 display: block;
 padding: 12px 20px;
 cursor: pointer;
}
#param-settings-list li + li {
 border-top: 1px solid #333;
}
#param-settings .param-checkbox {
 position: absolute;
 right: 20px;
 top: 12px;
}
.right-to-left #param-settings {
 left: -320px;
 right: auto;
 padding-right: 0;
 padding-left: 10px;
}
.right-to-left #param-settings.open {
 left: -10px;
 right: auto;
}
.right-to-left #param-settings-toggler {
 padding-left: 10px;
 padding-right: 0;
 left: auto;
 right: -40px;
}
.right-to-left #param-settings .param-checkbox {
 right: auto;
 left: 20px;
}
.bg-highlight-negative{
    background-color: #9EF37A; 
    color: black;
}
.bg-highlight-positive{
    background-color: #FF6666; 
    color: #fff !important;
}
.bg-change-none{
    background-color: #fff; /*!important;*/
    color: #fff !important;
}
.bg-change-negative{
    background-color: #fc0000; /*#d54848;*/
    color: white !important;
}
.bg-change-nochange{
    background-color: #e8e64e;
    color: black !important;
}
.bg-change-undeterminable{
    background-color: #dce6f1; /*#4D77BB;*/
    color: black !important;
}
.bg-change-positive{
    background-color: #6BC047; /*#71c73e;*/
    color: black !important;
}
.bg-change-incomplete{
    background-color: #ffffff;
    color: black !important;
}
.bg-risk-high{
    background-color: #d54848;
    color: white !important;
}
.bg-risk-medium{
    background-color: #e8e64e;
    color: black !important;
}
.bg-risk-low{
    background-color: #71c73e;
    color: black !important;
}
.bg-risk-noRating{
    background-color: #FF0000;
    color: black !important;
}
.bg-risk-noScore{
    background-color: #DCE6F1;
    color: black !important;
}
.bg-grand-total{
    background-color: #ffffff;
    color: black !important;
}
.bg-risk-A{
    background-color: #00B050;
    color: black !important;
}
.bg-risk-B{
    background-color: #99FF66;
    color: black !important;
}
.bg-risk-C{
    background-color: #FFFF00;
    color: black !important;
}
.bg-risk-D{
    background-color: #FFC000;
    color: black !important;
}
.bg-risk-F{
    background-color: #FF0000;
    color: black !important;
}
.risk-A{
    background-color: #00B050;
    color: #FFF;
}
.risk-B{
    background-color: #99FF66;
    color: #FFF;
}
.risk-C{
    background-color: #FFFF00;
    color: #FFF;
}
.risk-D{
    background-color: #FFC000;
    color: #FFF;
}
.risk-F{
    background-color: #FF0000;
    color: #FFF;
}
.risk-noScore{
    background-color: #DCE6F1;
    color: #000;
}
.bg-change-incomplete{
    background-color: #ffffff;
    color: black !important;
}
.loading-overlay{
    position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.65);
     z-index: 9999;
     color: white;
     display: inline-block;
     /*min-height: 300px;*/
     text-align: center;
}
.refresh-data-btn{
    color: #fff;
}
.refresh-data-btn:hover{
    color: #000;
}
.vertical-text{
    transform: rotate(270deg);
	transform-origin: 10px 50px;
}
.highlight{
    background-color: rgb(153, 153, 153);
}
.rowScreen{
    min-height: 500px;
}
.bg-selected{
    background: #999;
}
.breadcrumb li.reset-all:last-child  {
    color: #FF0000;
    text-decoration: none;
    content: none;
    cursor: pointer;
}
.breadcrumb-dashboard-row {
    padding:0px; 
    margin-top:45px; 
    height:30px;
}
.breadcrumb-dashboard-ul {
    margin:0px;
    padding-top:6px;
    padding-left:9px;
}