.pattern-background{    
    background-image: url("../img/pattern.png");
}
.gather-1-background{
    background-image: url("../img/gather-1.jpg");
}
.gather-2-background{
    background-image: url("../img/tiled-background.png");
}
.gather-3-background{
    background-image: url("../img/lite-pattern.png");
    /*background-image: url("../img/lite-pattern.jpg"); For lower bandwidth*/
}
.login-background{
    background-image: url("../img/login-background.jpg");
    /*background-color: #E5FFF6;*/
}
.login-background-color{
    background-color: #c5dbd4;
}
.green-background{
    background-color: #D9FFD9;
}
.gray-background{
    background-color: #ebebeb;
}
.selected-btn{
    background-color: #DEDEDE;
}
img[alt*="right"] {
    float: right;
}
  
img[alt*="left"] {
float: left;
}
img[alt*="fit"] {
    max-width: 100%;
}
.wkhtmltopdf-selected{
    background-color: rgb(252, 252, 138) !important;
}

.btn-success-wcag{
    background-color: #006b3b !important;
    border-color: #006b3b !important;
}
.select2-selection__placeholder{
    color:#000 !important;
}
.select2-selection--single:focus, .select2-selection--single:hover {
    box-shadow: 0px 0px 5px 2px black !important;
}

.theme-1 {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    border-radius: 5px;
    background: #121019;
    color: #fff;
    border: 0;
    margin: 0;
    padding: 1.5rem 3rem;
}

.appOrgLogo{
    margin: 5px 5px 5px 0px;
    height: 35px;
    background-color: none !important;
}
.private {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
            supported by Chrome and Opera */
}
/*FORMS*/
.orgLogo{
    margin: 15px 15px 15px 0px;
}
.logo-weblink-curved{
    height: 150px !important;
    max-width: 380px !important;
}

.org-chart-tooltip{
  background: #3C383D;
  color: white;
  border: 1px solid #171517;
  padding-left: 3px;
  padding-right: 3px;
}
.weblink-record-container{
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.answer-100:checked{
    background: green !important;
}
.answer-0:checked{
    background: red;    
}
.preline{
    white-space: pre-line;
}
#vis{
    background: white;
}
.btn-corners{
    border-radius: 0 !important;
}
table.dataTable tbody td.commenttext {
    word-break: break-word;
    vertical-align: top;
}
table.transpose > * > tr > *{
    font-size: 10px;
    padding: 2px !important;
}
#dashboardtable td{
    text-overflow: ellipsis;
    /*white-space:nowrap;
    overflow: hidden;*/
}
.grid-question-selectable:hover {
  background-color: #ffffd6;
}
/*table.transpose > thead > tr > th {
      transform: rotate(-90deg);
      transform-origin: bottom left;
}*/
/*.ftc{
    width: 100%;
}
.tag-options{
    display:none !important;
}*/
#form-footer{
    margin-bottom: 800px;
}
#question-list{
    list-style-type: none; margin: 0; padding: 0;
}
.form-box{
    background-color: #ecf0f5;
    cursor: pointer;
}
.formclickertheme{
    cursor: pointer;
}
.changecredit{
    cursor: pointer;
}
.label-as-badge {
  border-radius: 1em;
  margin: 5px !important;
}
.label > h4{
    margin: 5px !important;
}
.label-approve{
    background-color: #00B050;
}
.label-reject{
    background-color: #D99694;
}
.label-update{
    background-color: #f39c12;
}
.label-Approved{
    background-color: #00B050;
}
.label-Rejected{
    background-color: #D99694;
}
.label-proposal{
    background-color: #3c8dbc;
}
.label-cqc{
    background-color: #905C90;
}
.label-group{
    display: inline-block !important;
}
.label-group .label:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0;
}    
.label-group .label:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0;
}
.label-group .label:not(:first-child):not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0;
}
.insert-question-container{
    margin-bottom: 95px;
}
.select2-selection__choice{
}

.input-group-addon{
    background-color: #eee !important;
}
.next-question-btn{
    vertical-align: bottom;
    margin-top: 20px;
}

.record-deleted{
    background-color: #BFBFBF;
}
.record-deleted > .box-body > .row > .well{
    background-color: #BFBFBF;
}
.input-highlight-error{
    background: #fff0f4; 
    color: #c51244;
}

a > rect {
  stroke: #eee;
  fill: #aaa;
  fill-opacity: .8;
}

rect.parent {
  cursor: pointer;
  fill: steelblue;
}

text {
  pointer-events: none;
}

.gather-radio-list{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.gather-radio-list > li > label{
    padding-left: 15px;
}
.question-grid-table{
    position: relative !important;
    border-collapse: separate;
    border-spacing: 0;
}
.question-grid-table > thead > tr > th{
    position: sticky !important;
    position: -webkit-sticky;
    top: 0 !important;
}
.sticky-th{
    position: sticky !important;
    position: -webkit-sticky;
    top: 0 !important;
    background: white;
}

.gather-card {
}
.gather-card:hover {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    cursor: pointer;
}

.gather-tile{
    border: 1px solid #DEDEDE;
}
.gather-tile.notselected{
    background-color: #DEDEDE;
}
.gather-tile.selected{
    background-color: #FFFE9C;
    border: 2px solid #E5E58C;
}
.gather-tile:hover {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    cursor: pointer;
}

.step{
    margin-top: 50px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.bar-holder
{
    background-color:none;
    /* height:28px;
    width:200px; */
}
.bar-holder-item
{
    font-size:11px;
    text-align:center;
    color:#000;
    float: left;
    height: 100%;
    white-space: nowrap;
    cursor: alias;
}
.bar-holder-item-separated
{
    font-size:11px;
    text-align:center;
    color:#000;
    height: 100%;
    white-space: nowrap;
}

.hr-primary{
    border-top: 2px solid #3c8dbc;
}
.hr-warning{
    border-top: 2px solid #FFC000;
}

.filterStatus{
    cursor: pointer;
}

.inline-label-container{
    width:100%;
    float:left;
    padding:5px;
    word-wrap:break-word;
}
.inline-label{
    display:inline-block
}
.image-upload-btn, .image-upload-btn-grid{
  background-color: #fffbd4;
  padding: 0.5rem;
  border-radius: 0.3rem;
  cursor: pointer;
  margin-top: 1rem;
}
.sweet-alert > p{
    font-weight: 400 !important;
}

.question-box{
    background:#FFF !important;
    padding: 25px 25px 25px 25px !important;
    margin-bottom: 1px !important;
    border-radius:0em !important;
    /*max-width: 1000px;*/
    border-bottom: 2px solid #B9B9C9;
}
.question-box-archive{
    background:#FFC200 !important;
    padding: 25px 25px 25px 25px !important;
    margin-bottom: 1px !important;
    border-radius:0em !important;
    max-width: 1000px;
    border-bottom: 2px solid #B9B9C9;
}
.question-text{
    padding-bottom: 15px;
    font-weight: bold;
    /* for word/line breaks*/
    /* overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;*/
}
.question-complete{
    background-color: #ecf0f5 !important;
}
.question-highlight{
    background-color: #FFABA2 !important;
    border: 2px solid #D18C85;
}
.question-attention{
    background-color: #FFFE9C !important;
    border: 2px solid #E5E58C;
}
.information-question-background-red{
    background-color: #ffdfdc !important;
    margin-top: 10px;
    border: 0px;
}
.information-question-background-blue{
    background-color: #d2ecfc !important;
    margin-top: 10px;
    border: 0px;
}
.information-question-background-bright-blue{
    background-color: #c5effc !important;
    margin-top: 10px;
    border: 0px;
}
.information-question-background-green{
    background-color: #d6ffed !important;
    margin-top: 10px;
    border: 0px;
}
.information-question-background-purple{
    background-color: #dedcff !important;
    margin-top: 10px;
    border: 0px;
}
.information-question-background-yellow{
    background-color: #ffffd7 !important;
    margin-top: 10px;
    border: 0px;
}
.grid-question-border-red > table > * > tr > *{
    border: 1px solid #fc8b8b !important;
    border-collapse: collapse;
}
.grid-question-border-cerise > table > * > tr > *{
    border: 1px solid #d18a9f !important;
    border-collapse: collapse;
}
.grid-question-border-blue > table > * > tr > *{
    border: 1px solid #7fb8da !important;
    border-collapse: collapse;
}
.grid-question-border-green > table > * > tr > *{
    border: 1px solid #6df5b8 !important;
    border-collapse: collapse;
}
.grid-question-border-purple > table > * > tr > *{
    border: 1px solid #7976a3 !important;
    border-collapse: collapse;
}
.grid-question-border-yellow > table > * > tr > *{
    border: 1px solid #ffdb66 !important;
    border-collapse: collapse;
}
.grid-header.icon-100 {
    position: static;
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url(100.png) left / 50px 50px no-repeat;
    vertical-align: middle;
}
.grid-header.icon-75 {
    position: static;
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url(75.png) left / 50px 50px no-repeat;
    vertical-align: middle;
}
.grid-header.icon-50 {
    position: static;
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url(50.png) left / 50px 50px no-repeat;
    vertical-align: middle;
}
.grid-header.icon-25 {
    position: static;
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url(25.png) left / 50px 50px no-repeat;
    vertical-align: middle;
}
.grid-header.icon-0 {
    position: static;
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url(0.png) left / 50px 50px no-repeat;
    vertical-align: middle;
}
.grid-header.icon- {
    position: static;
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url(noscore.png) left / 50px 50px no-repeat;
    vertical-align: middle;
}

/*View-specific CSS*/

.org-show-logo{
    background-color: #3c8dbc;
    margin-bottom: 15px;
    padding: 15px; 
}

.section-attention{
    background-color: #FFFE9C !important;
    border: 2px solid #E5E58C;
    padding: 25px;
}

/*REPORTS*/
.dashboard-canvas{
    width: 100% !important;
    height: auto !important;
}
.exportoption{
    cursor: pointer;
}
.sa-button-container > .cancel{
}
.chart {
  display: block;
  margin: auto;
  margin-top: 60px;
  font-size: 11px;
}
.question-chart-box{
    background:#FFF !important;
    padding: 0px 25px 25px 25px !important;
    border:1px solid #B9B9C9;
    margin-bottom: 10px !important;
    border-radius:0em !important;
    max-width: 1000px;
    position: relative;
    page-break-after:always;
}
.select-chart{
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.clockpickervalue{
    cursor: pointer !important;
}

.record-show-question-0, .record-show-question-negative {
 background-color: #FF9489;  
 font-weight: bold;
 padding: 5px !important;
}
.record-show-question-25{
    background-color: #ffc2bb;  
    font-weight: bold;
    padding: 5px !important;
}
.record-show-question-50{
    background-color: #ffde7b;  
    font-weight: bold;
    padding: 5px !important;
}
.record-show-question-75{
    background-color: #e0fee0;  
    font-weight: bold;
    padding: 5px !important;
}
.record-show-question-100, .record-show-question-positive{
 background-color: #a9ffa9; 
 font-weight: bold;
 padding: 5px !important;
}
.record-show-question-deleted {
 background-color: #BDBDBD;  
 padding: 5px !important;
}

.answer-text-0{
 color: red;
}

.comment-neutral{
    background-color: #E5E5E5;
}
.comment-positive{
    background-color: #99FF99;
}
.comment-negative{
    background-color: #FF9489;    
}
.comment-both{
    background-color: #FFC200;    
}
.comment-neutral-panel{
    background-color: #E5E5E5;
    padding:10px;
    border-radius: 10px;
}
.comment-positive-panel{
    background-color: #99FF99;
    padding:10px;
    border-radius: 10px;
}
.comment-negative-panel{
    background-color: #FF9489;  
    padding:10px;
    border-radius: 10px;  
}
.comment-both-panel{
    background-color: #FFC200;
    padding:10px;
    border-radius: 10px;    
}
.label-neutral, .label-cancelled{
    background-color: #BFBFBF;
}
.label-positive{
    background-color: #00B050;
}
.label-negative, .label-overdue{
    background-color: #FF0000;    
}
.label-both, .label-off{
    background-color: #FFC200;    
}
.label-complete{
    background-color: #00B050;
}
.label-open, .label-on{
    background-color: #3c8dbc;    
}
.label-cancelled{
    background-color: #BFBFBF;
}
.label-hotquestion{
    background-color:black;
    color: white;
    border: 3px solid yellow;
}
.label-extreme{
    background-color:yellow;
    color: #000;
    border: 1px solid black;
}
.label-major{
    background-color: #FF8282;
}
.label-moderate{
    background-color: #f0ad4e;
}
.label-low{
    background-color: #29d878;
}
.label-minor{
    background-color: #29d878;
}
.background-red{
    background-color: #FF9489; 
}
.fft-positive{
    color: green;
}
.fft-negative{
    color: red;
}   
.Platinum-label-cell{
    background: linear-gradient(45deg,  rgba(229,228,226,1) 0%,rgba(255,255,255,1) 56%,rgba(232,232,232,1) 96%) !important;  
    border: 2px solid #b6cffc !important;
}
.Gold-label-cell{
    background: linear-gradient(45deg,  rgba(242,215,12,1) 0%,rgba(255,255,255,1) 56%,rgba(252,235,0,1) 96%) !important;
}
.Silver-label-cell{
    background: linear-gradient(45deg,  rgba(160,160,160,1) 0%,rgba(232,232,232,1) 56%) !important;
}
.Bronze-label-cell{
    background: linear-gradient(45deg,  rgba(223,182,103,1) 0%,rgba(249,243,232,1) 56%,rgba(231,192,116,1) 96%) !important;
}
.requiredimprovement-label-cell{
    background-color: #FF8282 !important;
}     
.darkgreen-cell{
  background-color: #00B050 !important;
} 
.green-cell{
  background-color: #A3FFA3;
  cursor: pointer;
}
.amber-cell{
  background-color: #FFC200;
  cursor: pointer;
}
.red-cell{
  background-color: #FF8282;
  cursor: pointer;
}
.darkred-cell{
  background-color: #FF0000;
  cursor: pointer;
}
.highlight-cell{
  background-color: #ffff99;
}
.zero-cell{  
  background-color: #FF8282;
  font-weight: bold;
}
.gray-cell{
  background-color: #DEDEDE;
  cursor: pointer;
}
.grayborder-cell{
    background-color: #DEDEDE;
    border-left: 1px solid black;
    padding-left: 1px;
    cursor: pointer;
  }
.na-cell{
    text-align: center;
}
.action-cell-ontrack{
    background-color: #99FF99;
}
.action-cell-overdue{
    background-color: #FF9489;    
}
.action-cell-offtrack{
    background-color: #FFC200;    
}
.action-cell-complete{
    background-color: #73c1ee;    
}
.action-cell-cancelled{
    background-color: #BFBFBF;    
}
.green-label{
  background-color: #87D487;
  cursor: pointer;
}
.amber-label{
  background-color: #FFC200;
  cursor: pointer;
}
.red-label{
  background-color: #FF8282;
  cursor: pointer;
}
.gray-label{
  background-color: #DEDEDE;
  cursor: pointer;
}
.green-text{
  color: #00FF00;
  font-weight: bold;
}
.amber-text{
  color: #FFC200;
  font-weight: bold;
}
.red-text{
  color: #FF0000;
  font-weight: bold;
}
.gray-text{
  color: #8C8C8C;
  font-weight: bold;
}
.darkgreen-color{
  color: #00B050 !important;
} 
.green-color{
  color: #A3FFA3;
  cursor: pointer;
}
.amber-color{
  color: #FFC200;
  cursor: pointer;
}
.red-color{
  color: #FF8282;
  cursor: pointer;
}
.darkred-color{
  color: #FF0000;
  cursor: pointer;
}
.highlight-color{
  color: #ffff99;
}
.ct-green{
    stroke: #00B050;
    fill: #00B050;
    background-color: #00B050;
}
.ct-light-green{
    stroke: #C3D69B;
    fill: #C3D69B;
    background-color: #C3D69B;
}
.ct-amber{
    stroke: #FFC000;
    fill: #FFC000;
    background-color: #FFC000;
}
.ct-light-red{
    stroke: #D99694;
    fill: #D99694;
    background-color: #D99694;
}
.ct-red{
    stroke: #FF0000;
    fill: #FF0000;
    background-color: #FF0000;
}
.ct-gray{
    stroke: #BFBFBF;
    fill: #BFBFBF;
    background-color: #BFBFBF;
}
.ct-label {
    font-size: 15px !important;
    color: black !important;
    fill: rgba(0,0,0,0.8) !important;
}
.ct-legend{
   
}
.cell-border-leftright{
    border-left: 1px solid #DEDEDE !important;
    border-right: 1px solid #DEDEDE !important;
}
.cell-border-left{
    border-left: 1px solid #DEDEDE !important;
}
.show_working-cell{    
font-size: small;
background-color: #F5F5F5;
}
.detail-cell{
    cursor: pointer;
}
.metric-major-title-row{
    font-size: 16px !important;
    font-weight: bold;
}
.metric-title-row{
    background-color: #F2F2F2;
    font-size: 12px !important;
    font-weight: bold;
}
.metric-size-12{
 font-size: 36px !important;
 font-weight: bold !important;
}
.metric-size-4{
 font-size: 10px !important;
}

/*TREE SELECTERS*/
.point-list-item{
    cursor: pointer !important;
}
.point-list-item:hover{
    background-color: #FFFF78;
}
.project-list-item:hover{
    background-color: #FFFFA9;
}

.box-bordered{
    border-left: 1px solid #ABABAB;
    border-right: 1px solid #ABABAB;
    border-bottom: 1px solid #ABABAB;
    box-shadow: 1px #ABABAB;

}

.list-group-item-positive{
    background-color: #ADFFAD;
}
.list-group-item-neutral{
    background-color: #E5E5E5;
}
.list-group-item-negative{
    background-color: #FFABA2;
}
.btn-xs-selected{
    box-shadow: 1px 1px 1px 1px #b6b6b6;
}
.btn-xs-notselected{
    opacity: 0.5;
}
.btn-xs-notselected:hover{
    opacity: 1;
}
.caret-red{
    color: red;
}
.caret-green{
    color: green;
}
.caret-gray{
    color: gray;
}
.caret-initial{
    color: gray;
    font-size: 6px;
}
.textinput-red{
    background-color: #ffccc6 !important;
    border: 2px solid #D18C85;
}
input[type="color"] {
    -webkit-appearance: none;
    border: none;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}
input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}
input[type="color"]::-webkit-color-swatch {
    border: none;
}
.input-number-hidespinners{
    appearance: textfield !important; /* Removes styles in modern browsers */
    -moz-appearance: textfield !important; /* Firefox */
}
  
.input-number-hidespinners::-webkit-inner-spin-button,
.input-number-hidespinners::-webkit-outer-spin-button {
appearance: none !important; /* Chrome, Edge, Safari */
display: none !important; /* WebKit browsers */
margin: 0 !important; /* Removes spacing */
}

.hfield{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}
/*datatables*/

.dataTables_length{
    margin-top: 15px !important;
}

/* QUICK SEARCH Overlay (background) */
.onTopOfOverlay{
    z-index: 12;
}
.overlay {    
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 11; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(34,45,50); /* Black fallback color */
    background-color: rgba(34,45,50, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/*QUICK SEARCH BOX*/
#quickSearchBox{
    font-size: 70px;
    position: absolute;
    top: 50px;
    color: #818181;
    background-color: rgb(34,45,50); /* Black fallback color */
    background-color: rgba(34,45,50, 0); /* Black w/opacity */
    border: none;
    outline: none;
    padding-left: 15px;
    left: 50px;
}
#quickSearchList > ul{
    position: absolute;
    top: 180px;
    left: 50px;
    padding-left: 15px;
    color: #818181;
    font-size: 40px;
}
#quickSearchList > ul > li{
    list-style-type: none;
    color: #818181;
}
#quickSearchList > ul > li >  a > h3{
    color: white;
}
.quicksearchbox-sidebar-open{
    left: 230px;
}
.quickSearchTags{
    display: none;
}
.quickSearchListItem{
}


/* Position the close button (top right corner) */
.closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px !important; /* Override the font-size specified earlier (36px) for all navigation links */
}
.print-only{
    display: none;
}
.print-page{
    page-break-after: always;
    page-break-inside: avoid;
}
.sheen {
  position: relative;
  overflow: hidden;
}
.sheen:after {
  animation: sheen 2s 3s forwards;
  animation-iteration-count:infinite;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.5) 50%, transparent);
  transform: rotateZ(60deg) translate(-1em, 4em);
}
#project-intro > p > img{
    max-width: 110px !important;
    float: right !important;
}
@keyframes sheen {
  100% {
    transform: rotateZ(60deg) translate(0, -4em);
  }
}

@page { size: auto;  margin: 0mm; }

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .closebtn {
        font-size: 40px !important;
        top: 15px;
        right: 35px;
    }
}

/*PRINTING*/
@media print
{    
    @page {
        size: auto;   
        margin: 0mm 8mm 0mm 8mm;  
    }    
    * {
        -webkit-print-color-adjust: exact !important;     
        margin: 2 !important;
        padding: 2 !important;
        /*border: none !important;
        /*background-color: #fff !important;*/        
    }
    body, .question-chart-box, #wordcloud{
        margin: 0px !important;
    }
    .header, .hide { visibility: hidden }
    .box{
        border-top: none !important;
    }
    #printlogo{
        display: block;
        max-width:350px !important;
        max-height:72px !important;
        width: auto;
        height: auto;
    }
    .print-page{
        /*TODO - needs to be improved for panel dashboards and improve chart output*/
        margin: 25 !important;
        color: white !important;  
        height: 21cm !important;       
        -webkit-print-color-adjust: exact !important;
        position: relative;  
    }
    .print-landscape{
        size: A4 landscape !important;
        margin: 4mm !important;  
        -webkit-transform: rotate(-90deg); 
        margin-top: 25px !important;    
    }
    .print-portrait{
        size: portrait;
    }
    .page-footer{
        position: relative;
        bottom: 0;
    }
    .print-panel-12{
        color: white !important;     
        -webkit-print-color-adjust: exact !important;
        position: relative;  
        page-break-inside: avoid;
        page-break-after: always;
    }
    .print-panel-4, .print-panel-6{
        color: white !important;     
        -webkit-print-color-adjust: exact !important;
        page-break-inside: avoid;
    }
    .box-title{
        font-size: 28px !important;
    }
    .panel-toplevelname{
        margin-top: 8px;
    }
    .private{
        display: none !important;
    }
    .question-text{
        margin-bottom: 25px !important;
    }
    .print{
       /* page-break-after: always;
       page-break-inside: avoid;*/
       margin-top: 15px !important;
    }
    .print-only{
        display: block;
    }
    .print-hidden{
        display: block;
    }
   .print > h3,h5{
     margin-top: 10px !important;
    }
    .no-print, .no-print *{
    display: none !important;
    width: 0px;
    height: 0px;
    }
    #printlogo{
        margin-top: 5px;
        margin-right: 3px;
    }
    #fftChart{
        min-height: 100%;
        max-width: 100%;
        max-height: 100%;
        height: auto!important;
        width: auto!important;
    }
    #fftChart-dashboard{
        max-width: 100%;
        max-height: 100%;
        height: auto!important;
        width: auto!important;
    }
    table tbody td{
        padding: 1px !important;
    }
    a[href]:after{
        content:none !important;
    }
    .box.box-primary{
        border: none !important;
    }
    .fft-positive{
        color: #00B050 !important;
        font-weight: bold !important;
        font-size: 24px !important;
    }
    .fft-negative{
        color: #ff0000 !important;
        font-weight: bold !important;
        font-size: 24px !important;
    }
    .comment-neutral-panel{
        background-color: #E5E5E5 !important;
        padding:10px !important;
        border-radius: 10px !important;
    }
    .comment-positive-panel{
        background-color: #99FF99 !important;
        padding:10px !important;
        border-radius: 10px !important;
    }
    .comment-negative-panel{
        background-color: #FF9489 !important;  
        padding:10px !important;
        border-radius: 10px !important;  
    }
    .comment-both-panel{
        background-color: #FFC200 !important;
        padding:10px !important;
        border-radius: 10px !important;    
    }
    .hiddenlogo{
        display: unset !important;
        float: right !important;
    } 

    .label-default{
      background-color: #DEDEDE !important;
    }          
    .darkgreen-cell{
      background-color: #00B050 !important;
    }    
    .green-cell{
      background-color: #A3FFA3 !important;
    }
    .amber-cell{
      background-color: #FFC200 !important;
    }
    .red-cell{
      background-color: #FF8282 !important;
    }
    .highlight-cell{
      background-color: #ffff99 !important;
    }
    .zero-cell{  
      background-color: #FF8282 !important;
      font-weight: bold;
    }
    .gray-cell{
      background-color: #DEDEDE !important;
    }
    .cell-border-leftright{
        border-left: 1px solid #DEDEDE !important;
        border-right: 1px solid #DEDEDE !important;
    }
    .show_working-cell{    
    font-size: small;
    background-color: #F5F5F5;
    }

    .col-print-1 {width:8%;  float:left;}
    .col-print-2 {width:16%; float:left;}
    .col-print-3 {width:25%; float:left;}
    .col-print-4 {width:33%; float:left;}
    .col-print-5 {width:42%; float:left;}
    .col-print-6 {width:50%; float:left;}
    .col-print-7 {width:58%; float:left;}
    .col-print-8 {width:66%; float:left;}
    .col-print-9 {width:75%; float:left;}
    .col-print-10{width:83%; float:left;}
    .col-print-11{width:92%; float:left;}
    .col-print-12{width:100%; float:left;}

    .yswd-container{
        page-break-after: always;
        page-break-inside: avoid;
    }
    .speech-bubble {
      position: relative !important;
      background-color: #d161a8 !important;
      border-radius: 2em !important;
      padding: 10px !important;
      margin-bottom: 35px !important;
      margin-top: 15px !important;
      width: 75% !important;
    }
    .speech-bubble > h3{
        color: white !important;
    }
    .speech-bubble > h4{
        color: white !important;
    }

    .speech-bubble:after {
      content: '' !important;
      position: absolute !important;
      bottom: 0 !important;
      left: 15% !important;
      width: 0 !important;
      height: 0 !important;
      border: 28px solid transparent !important;
      border-top-color: #d161a8 !important;
      border-bottom: 0 !important;
      border-left: 0 !important;
      margin-left: -14px !important;
      margin-bottom: -25px !important;
    }

    .wedid-bubble {
      position: relative !important;
      background-color: #5ebf48 !important;
      color: white !important;
      border-radius: 2em !important;
      padding: 10px !important;
      margin-bottom: 35px !important;
      margin-top: 15px !important;
      width: 75% !important;
    }
    .wedid-bubble > h3{
        color: white !important;
    }
    .wedid-bubble > h4{
        color: white !important;
    }

    .wedid-bubble:after {
      content: '' !important;
      position: absolute !important;
      bottom: 0 !important;
      left: 85% !important;
      width: 0 !important;
      height: 0 !important;
      border: 28px solid transparent !important;
      border-top-color: #5ebf48 !important;
      border-bottom: 0 !important;
      border-right: 0 !important;
      margin-left: -14px !important;
      margin-bottom: -20px !important;
    }
    .yswd-display{
        /*background-color: #087fbb !important;*/
    }
    .print-dash-71{
        font-size: 18px !important;
    }
    .record-show-question-0, .record-show-question-negative {
     background-color: #FF9489 !important;  
     font-weight: bold !important;
     padding: 5px !important;
    }
    .record-show-question-100, .record-show-question-positive{
     background-color: #99FF99 !important; 
     font-weight: bold !important;
     padding: 5px !important;
    }  
    .record-show-question-25{
        background-color: #ffc2bb !important;  
        font-weight: bold !important;
        padding: 5px !important;
    }
    .record-show-question-50{
        background-color: #ffde7b !important;  
        font-weight: bold !important;
        padding: 5px !important;
    }
    .record-show-question-75{
        background-color: #e0fee0 !important;  
        font-weight: bold !important;
        padding: 5px !important;
    }
  
    .dataTables_length{
        display: none !important;
    }
    .dataTables_paginate{
        display: none !important;
    }
    .dataTables_filter{
        display: none !important;
    }
}