.tooltip-inner { max-width: 350px; width: 350px; }
hr.doe-blue { border-color: #163761; }

/* general for tooltip */
div[class^="tooltip"] { background: rgba(176, 196, 222, 0.95); color: #222; padding: 13px 17px 10px 10px; border-radius: 5px;  position: absolute; z-index: 1070; display: block; font-family: Arial,sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; max-width: 265px; } 


/*html[data-useragent*='Chrome'] #browserWarning {*/
html[data-useragent*='Trident/7.0'] #browserWarning, html[data-useragent*='MSIE'] #browserWarning {
  display: block !important;
}


/* MAIN POPOVER COLORS */
.popover {
  background-color: #fbe5d6;
  border: 1px solid #ed7d31;
  z-index: 2147483647 !important;
}
.popover-title {
  background-color: #fbe5d6;
  border-bottom: none;
}
  /* Border color of arrow */
.popover.right  .arrow { border-right-color: #ed7d31 !important; }
.popover.left   .arrow { border-left-color: #ed7d31 !important; }
.popover.top    .arrow { border-top-color: #ed7d31 !important; }
.popover.bottom .arrow { border-bottom-color: #ed7d31 !important; }
  /* Background color of arrow */
.popover.right  .arrow:after { border-right-color: #fbe5d6; }
.popover.left   .arrow:after { border-left-color: #fbe5d6; }
.popover.top    .arrow:after { border-top-color: #fbe5d6; }
.popover.bottom .arrow:after { border-bottom-color: #fbe5d6; }
.popover .popover-content {
  font-size: 12px;
  padding: 15px 20px 10px 20px;
}
.popover .popover-content ul {
  padding-left: 25px;
}
.popover .close {
  margin-right: 5px;
}
.popover .close       { opacity: 0.5; }
.popover .close:hover { opacity: 0.8; }


.csi-tsi-wrapper { display: block;  margin-left: -3px; } 
/*.csi-tsi-wrapper { display: block;  margin-left: -48px; } */

.csi-tsi-toggle { padding: 1px 10px 0px 6px; font-weight: bold;  color: #555; }

.sec-title a, .sec-title i.fa { color: white; }
/*.sec-title i.fa.fa-info-circle, .sec-title a>i.glyphicon-info-sign, .sec-title a>i.glyphicon-circle-arrow-down { color:#ff9f00; }*/
.sec-title a { vertical-align: middle; }

.metric>div.col-xs-2.c-bold>a {color: #fda855;}
.metric>div.col-xs-2.c-bold>a:hover {color: #163761;}
a>i.fa-calculator, a>i.fa-pencil { color: #000; }
a>i.fa-calculator:hover { color: #254f84; }

.status { margin-left: -46px;  }
.status>div {  background: #f7e6e6; padding: 3px 0px 5px; }
.status>div.moderate {  background: #e6e6e6;  }
.status>div.low {  background: #ddebf7;  }
.status-1 { height: 34px; line-height: 0.95; font-size: 18px; margin-top: 1px; display: inline-block; }
.status-1 span { font-size: 11px; font-weight: bold; }
.status i { margin: 8px 10px 0 4px; vertical-align: super; }
.sm-desc { font-weight: 500;border-bottom: 1px solid #c9c9c9; display: inline-block;  width: 45%; padding-bottom: 10px; }
.sfe-pm, .fa.fa-calculator, #gradRateToggle { cursor: pointer; }
.csi-tsi-footer { margin-left: 50px; }
.fa-plus.fa-border,.fa-minus.fa-border, .fa-info.fa-border { border-color: #bfbfbf; }
.fa-info.fa-border { font-size: 11px; padding: 1px 4px; position: relative; bottom: 1px; }
.table.data-detail { float: left;width: 96%; margin-left: -7px; margin-bottom: 3px;   }
.table.data-detail tr th { vertical-align: bottom; }
.table.data-detail tr td:first-of-type { /*text-align: right;*/ width: 125px; }
/*.table.data-detail tr th:nth-child(2),.table.data-detail tr th:nth-child(3),.table.data-detail tr th:nth-child(4),.table.data-detail tr td:nth-child(2),.table.data-detail tr td:nth-child(3),.table.data-detail tr td:nth-child(4) { background: #ddebf7; }*/
.table.data-detail tr td:last-of-type { text-align: left; /*border-left: 1px dashed #999;*/ font-weight: bold; }
.table.data-detail tr th:last-of-type { text-align: left; font-weight: bold; }
/*.table.data-detail tr:nth-child(1) th { border-left: none; }*/
.table.data-detail tr td:first-of-type div.row.subgroup-title span { margin-left: -24px }
.table.data-detail tr td:first-of-type span.plusminus:before { 
  content: "\00a0\00a0"; 
  border-bottom: 2px solid #bfbfbf;
  position: relative;
  bottom: 8px;
  right: -4px;
  }
.v-line { 
  /*NEED TO CALCULATE HEIGHT SO EXPANDS PROPERLY - JS?*/
  width: 20px;
  float: left;
  border: 2px solid #bfbfbf;
  border-top: none;
  border-right: none;
  border-bottom: none;
  margin-left: 20px;
  margin-top: -96px;
  min-height: 156px;/*437px*/
 }
 .v-line.v-line-hs { margin-top: -150px; min-height: 210px; }/*481px*/
 /*.v-line { 
  height: 30px;
  width: 20px;
  float: left;
  border: 2px solid #bfbfbf;
  border-top: none;
  border-right: none;
  margin-left: 32px;
  margin-top: 0px;
 }*/

 /*.subgroup-detail {
  border: 2px solid #eee; width: 375%; float: left; z-index: 100; background: white; padding: 10px; margin-top:  10px; margin-left: 10px;
 }*/
.plusminus { font-size: 16px; }
.subgroup-detail {
  border: 2px solid #eee; 
  width: 94%; 
  z-index: 100; 
  background: white; 
  padding: 10px; 
  margin-top:  10px; 
  margin-left: 10px; 
  margin-bottom: 10px;/*20px*/
}
 .subgroup-2nd-status { width: 77.9%; margin: -8px; padding: 8px; }
 .subgroup-2nd-status.risk-high-bg { background: #f7e6e6; }

 .table.data-detail tr td:first-of-type:after { 
  content: "";
  display: table;
  clear: both;
  }
.csi-tsi-result { background:#9c2624 !important; color: #fff; font-weight: bold; vertical-align: middle !important; }


.moreLess {
  cursor: pointer;
}
.moreLess:hover {
  text-decoration: underline;
}

/* MODAL CSS */
.modal-body .table.table-bordered input { width: 50px !important; }
/* table.mip tbody tr:nth-child(2) td { */
  /*border-top: 3px solid #C5D4DF;*/
  /*not used*/
/* } */

/* WHAT-IF SVG GRAPH CSS */
.graph svg text.gTextTop, .gTick text {
    font-size: 11px;
    font-weight: bold;
}
.graph svg text.gTextBottom {
    font-size: 9px;
    font-weight: bold;
}


/* ========================= */
/* ===CSI/TSI PERFORMANCE=== */
/* ========================= */
/*.details-legend {display: none;}*/ /* hides summary if details is default view */
/* .summary-legend {display: none;} */ /* hides summary if details is default view */
.mar-bott-3 p { margin: 0 0 3px; }
#accordionTop>.panel-group>.panel+.panel {
    margin-top: 3px;
}
#schoolEms, #schoolHs { display: none; margin-bottom: 10px }

div.tooltipM2-1clk span { position: absolute; top: 4px; right: 7px; cursor: pointer; padding: 0 4px; } /* for close 'X' */
div.tooltipM2-1clk span:hover { font-weight: bold; } /* for close 'X' */
div.tooltipM2-1hov, div.tooltipM2-grad { pointer-events: none; padding: 5px 10px; border-radius: 7px; border: 0px solid #163761 }
div.tooltipM2-3 { pointer-events: none; }
/*div.tooltipM2-1hov p { pointer-events: none; margin: 0 }*/
/* for side arrows */
/*div.tooltipM2-3:after { 
  right: 100%; top: 50%;
  border: solid transparent;
  content: " ";
  height: 0; width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 10px; margin-top: -10px;
  border-color: rgba(176, 176, 176, 0); border-right-color: rgba(176, 196, 222, 0.95);
}*/

#year-dropdown {
  display: block;
  float: right;
  padding-right: 12px;
  color: white;
}
#year-dropdown select {
  color: #000;
  font-size: 18px;
  padding: 2px 5px;
  /*background-color: #fff;*/
}

.summary-detail-group { margin: -59px 6px 8px 8px; }
.summary-detail-group button.btn { padding: 6px 12px; margin:8px 0; }


.panel-group .panel { border-radius: 0; }
.panel-heading { padding: 0; }
#accordionSchool .panel-heading { padding: 0 0 4px 0; }
.panel-group .panel-heading+div[id^="collapseSchool"].panel-collapse>.panel-body { border-top: 2px solid #bbb; }
.panel-default h4.panel-title { padding: 0; font-size: 18px; text-align: left; background: #6898B6; color: #fff; }
.panel-title>a { padding: 5px 12px; display: block; }
#accordionTop>.panel>.panel-heading>.panel-title>a { text-decoration: none; }
.panel a:focus { text-decoration: none; }
#accordionSchool .panel a { color: black; font-weight: bold; text-transform: uppercase;  }
#accordionSchool .panel p>a { color: #23527c; }
.accordionSubgroup { margin: 0; }
#accordionSchool .panel .accordionSubgroup .panel a { text-transform:capitalize; }
#accordionSchool .panel .accordionSubgroup .panel p.summary-top { text-align: right; margin: 15px 5px 10px 0; font-size: 13px; }
/*#accordionSchool .panel .accordionSubgroup .panel p.summary-top a:first-child::after { color:#000; content: ' | '; text-decoration: none; }*/
#accordionSchool .panel .accordionSubgroup .panel p.summary-top a { text-transform: none; cursor: pointer; }
.accordionSubgroup > .panel > div > .panel-body {background: #fff; padding: 0 9px 0 29px; margin: 0 -12px; }

/*Subgroup expand button styles*/
.panel > a[aria-expanded="true"] { background: #484848; display: block; padding: 3px; color: #f0f0f0 !important; }
.panel > a[aria-expanded="true"] span.glyphicon { color:#eee !important; border-color: #ddd !important }


.panel-body { padding: 9px 7px; }
#collapseSummaryEms .panel-body, #collapseSummaryHs .panel-body, #collapseDetailsEms > .panel-body, #collapseDetailsHs > .panel-body { padding: 9px 0; }
.panel { box-shadow: none; }
.participation_graph { margin-left: -10px; }
.col-xs-6.part-graph-section { width: 49.2%; margin-left: 5px; }
.col-xs-6.part-desc-section p { margin-left: 6px; }
hr.c-margin-t-10 { margin-right: 15px; }
.ans-row .col-xs-2 { width: 20% !important; } /*to move*/
.q-wrapper { page-break-inside: avoid; }   /*to move*/
.c-padding-5 { padding: 5px; }    /*to move*/
.btn-primary { background-color: #163761; border-color: #102744; }
.table>tbody>tr>th, .table>thead>tr>th { padding: 10px 3px 8px 5px; }
#summaryEms .table>tbody>tr>td, #summaryEms .table>thead>tr>td, #summaryHs .table>tbody>tr>td, #summaryHs .table>thead>tr>td { padding: 12px 3px 12px 5px; }
#summaryEms .table>tbody>tr>td:first-child, #summaryHs .table>tbody>tr>td:first-child { padding-left: 8px/*15px*/; position: relative; }

.summary-view tr.rows:nth-child(1) td { border-bottom-color:#bbb !important;border-top-color:#bbb; border-bottom-width:3px !important; border-top-width:3px; }
.summary-view tr.rows:nth-child(1) td:first-child { border-left-color:#bbb; }
.summary-view tr.rows:nth-child(1) td:last-child { border-right-color:#bbb; }
.summary-view table.table th { vertical-align: middle; width: 12%; min-width: 70px; background-color:#767676; color: #fff; font-weight: normal; }
.summary-view table.table th:not(:first-child) {text-align: center; }
.summary-view  th:not(:nth-child(1)) { cursor: pointer; }
.summary-view  th:hover:not(:nth-child(1)) { text-decoration: underline; }
#emsSummary th:nth-child(1) { width: 25% !important }
#hsSummary th:nth-child(1) { width: 32% !important; }

/* Small white border on Summary tables */
.summary-view th::after { content: ""; width: 1px; height: 63px; background: #ffffff; position: absolute; right: 0px; top: 10%; }
.summary-view th { position: relative; }
.summary-view th:last-child::after { content: none; }

.summary-view td:nth-child(n+2) { text-align: center; }
.panel-group #collapseTop1 .glyphicon { padding: 1px 1px 2px 2px; border-radius: 8%; border: 1px solid #777; color: #444}
.panel-group #collapseTop1 .panel-group .accordionSubgroup span.glyphicon { padding: 1px 1px 2px 3px; }
.panel-group #collapseTop1 .panel-group .accordionSubgroup span.glyphicon.glyphicon-minus { padding: 1px 2px 2px 2px; }
.panel-group #collapseTop1 .panel-group .accordionSubgroup span.glyphicon.glyphicon-plus { color: #777 }
/*Fix to undo bootstrap css*/
.table-bordered>thead>tr>th { border: none; }

.summary-view .table td {vertical-align: middle; }

/*.rows.alertGrp td:first-child { 
  border-left-width: 8px;
  box-sizing: border-box;
  border-left-color: #ffd2a6;
}*/
.summary-view tr.rows.alertGrp.redGroup td:first-child, .summary-view tr.rows.alertGrp.greyGroup td:first-child, .summary-view tr.rows.alertGrp.potentialGroup td:first-child { position: relative; padding-left: 15px; }
.summary-view tr.rows.alertGrp td:first-child span {
    left: 0;
    display: block;
    position: absolute;
    width: 10px;
    height: 99%;
    top: 0;
}

/* Three-group designation span colors - CSI, TSI, P-TSI  */
/*.summary-view tr.rows.alertGrp.redGroup td:first-child span { background: #4F3B51; }
.summary-view tr.rows.alertGrp.greyGroup td:first-child span { background: #7E7E7E; }
.summary-view tr.rows.alertGrp.potentialGroup td:first-child span { background: #7E7E7E; }*/

.summary-view tr.rows.alertGrp.redGroup td:first-child { color: #BF2928; font-weight: bold;  }
.summary-view tr.rows.alertGrp.greyGroup td:first-child { color: #6D0E0D; font-weight: bold;  }
.summary-view tr.rows.alertGrp.potentialGroup td:first-child { color: #6D0E0D; font-weight: bold;  }

tr td.cells { position: relative; }
tr td.cells.bg-cellWarning { outline: 3px solid #D97D00; outline-offset: -2px; }

tr td.bg-progress00::before {
  background: #AC89B0;
}
/*tr td.bg-cellWarning { font-weight: bold; }*/
/*tr td.bg-cellWarning { background-color: #ffd2a6 !important; }*/
.bg-dGradRate { background-color: #fb9696 !important; }

.bg-dPrimary, .color-legend-dPrimary { background-color: #4F3B51 !important; }
.bg-dSecondary, .color-legend-dSecondary { background-color: #7E7E7E !important; }
.primaryWarning20 { color: #BF2928; font-weight: bold !important; }
.secondaryWarning20 { color: #6D0E0D; font-weight: bold !important; }
/*.color-legend-level-one { background-color: #D97D00 !important }*/
.color-legend-level-one { border: 2px solid #D97D00 !important }
.color-legend-level-progress { background-color: #AC89B0 !important }
.color-legend-lvl1 { background-color: #D97D00 !important; color: #fff !important }
.color-legend-lvl2 { background-color: #6898B6 !important; color: #fff !important }
.color-legend-lvl3 { background-color: #3B70A4 !important; color: #fff !important }
.color-legend-lvl4 { background-color: #0A3F61 !important; color: #fff !important }

#details-legend-table-main {
  width: 80%;
  margin: 10px 24px 10px;
  border-spacing: 11px 0px;
  border-collapse: separate;
}
#details-legend-table-main th {
  text-align: center;
  font-size: 90%;
}
#details-legend-table-main td {
  width: 25%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  height: 30px;
  background: #999
}

.div-explorer.summary-legend ul.explorer-labels li span {
    height: 18px;
    width: 25px;
}


/* ======= */
/*DETAILS VIEW CSS*/
/* ======= */
/* body is 14px when working with em's FYI*/
.detailsMiniTable caption {
    font-size: 0.75em;
    font-weight:bold;
    color:#4e4e4e;
    padding: 8px 0 0 1px;
}
table.detailsMiniTable {
    width: 99.5%;
    margin-top: 8px;
    margin-bottom: 3px;
    /*display: inline-table;*/
}
.detailsMiniTable tr td {
    /*border: 1px solid #333;*/
    padding: 0 2px 0 0;
    line-height: 1em;
}
.detailsMiniTable tr td:not(:first-child) span:first-child {
    font-size: 0.9em;
    /*display: block;*/
    text-align: center;
}
.detailsMiniTable tr td:not(:first-child) span:not(:first-child) {
    font-size: 1.55em;
    /*display: block;*/
    text-align: center;
    line-height: 1.1em;
}
.div-explorer .explorer-scale ul.detail-labels {
  margin-left: 22px;
}
.div-explorer .explorer-scale ul.detail-labels li {
  margin-bottom: 4px;
}
.div-explorer .explorer-scale ul.detail-labels li span {
  height: 13px;
  margin-top: 2px;
}
.div-explorer.viewCollapse .explorer-title { 
  margin-bottom: 24px;
}

.detailsMiniTable tr td span.indLegends {
    font-size: 11.5px;
    letter-spacing: 0.03em;
    margin-left: 10px;
    color: #23527c;
    cursor: pointer;
    /*display: block;*/
    /*text-align: center;*/
}
#legendModal .modal-dialog { width: 900px !important; }
#legendModal .modal-body img { width: 100% !important; }

.detailsMiniTable td:first-child {
    width: 75%;
    font-size: 1.11em;
    font-weight: bold
}
.detailsMiniTable td:not(:first-child) {
  text-align: right;
  font-weight: bold
}
.details-view .expandAllToggle { font-size: 0.76em; color: #337ab7; cursor: pointer;  }
.details-view .expandAllToggle:hover { color: #23527c; text-decoration: underline;  }
.accordionMetricDetails .panel { background-color: transparent; }
/*.accordionMetricDetails>.panel>div:first-child { width: 160px; text-align: left; padding: 0 5px; }*/
/*.accordionMetricDetails>.panel>a { padding: 0 0 0 56px; }*/

/*.detailsMiniTable a[href^="#subCollapseGroup_"] {*/
.detailsMiniTable a.mfSpan {
  margin-left: 10px;
  font-size: 11.5px;
  letter-spacing: 0.03em;
  color: #23527c !important;
  background-color: white;
  position: relative;
  z-index: 1;
}
div[id^="subCollapseGroup_"] {
  margin-top: -5px;
  padding-top: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: #999;
}

.bottomText > g path { stroke: unset; }
.bottomText > g .tick line { 
  stroke: #444; 
  stroke-width: 0.4;
}

.legendText text tspan { font-weight: bold; }

p.ovrText {
  font-size: 12px;
  font-weight: normal;
  margin: 0 12px 22px;
  text-align: left;
}
p.ovrText.abs {
  margin: -20px 12px 5px;
}
p.ovrText.combplus {
  margin: -8px 13px 24px;
}

#detailsHs .hPointer, #detailsEms .hPointer {
  cursor: default;
}

.accordionMetricDetails .panel-body { padding-top: 1px; padding-right: 0; }
.accordionMetricDetails .subMetricDetails { margin-left: 13px; }
.metricDetails>svg { margin-bottom:-5px; /*height:60px; width:80%;*/ border: 1px solid #D9D9D9; }

.subMetricDetails caption { text-align: right; padding: 0 4px 0 0; }
.subMetricDetails>svg { margin-bottom:-5px; /*height:60px; width: 642px;*/ border: 1px solid #D9D9D9; }
 
.summary-view thead th:not(:first-child) {
    background-size: 18px 18px;
    background-image: url(https://cdn0.iconfinder.com/data/icons/web/512/e6-128.png);
    background-blend-mode: soft-light;
    background-repeat: no-repeat;
    background-position: 199.7% 199.7%;
}

.summary-view thead th:hover:not(:first-child) {
    background-blend-mode: normal;
    background-position: 99.7% 99.7%;
}

table.subCPISummary {
    width: 100%;
}

.subCPISummary td:first-child {
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
}




/* ========================= */
/* ======FLOWCHART CSS====== */
/* ========================= */
h4.c-drk-blue.center { font-size: 22px; font-weight: bold;  }
.q-wrapper { border: 2px #163761 solid; border-radius: 9px; min-height: 520px; position: relative; padding: 40px 28px 20px 31px !important;  }
#flowStartBtn { font-weight: bold; }
.btn-yn button, .sch-type button, .c-flow-reset button, .btn-lvl button { font-weight: bold; }
.btn-yn, .btn-lvl { margin-top: 30px; display: none; }
.sch-type { margin: 5px auto 10px auto;  }
.sch-type button { width: 47%; }
.sch-type .btn-primary { color: #fff; background-color: #163761; border-color: #2e6da4; }
.c-flow-reset { position: absolute; right: 0; bottom: -70px; }/*left: 34%;*/
.c-flow-reset button { color: #444; padding: 7px 10px; letter-spacing: 0.07em; }
.btn-nav-arrows { width: 100%; position: absolute; bottom: 70px; }
/*.btn-nav-arrows:after { content: "";clear: both; display: table; }*/
.btn-nav-arrows span { border: 2px #163761 solid; border-radius: 15%;/*50%*/ padding: 8px; position: absolute; cursor: pointer;  }
.btn-nav-arrows span#arrow-left { left: 0;  display: none; }
.btn-nav-arrows span#arrow-right { right: 57px; display: none; }
.ans-display-wrapper { border-top: 1px solid #333; padding-top: 6px; margin-left: 5px;  }
.ans-row  { margin-top: 28px; margin-right: -18px;  }
.ans-row.ans-row-hs  { margin-top: 18px;  }
.ans-row .col-xs-1 { padding-right: 0;  }
.ans-row .col-xs-2 { width:19.5% !important;  }
.ans-row .col-xs-9 { padding-left: 6px; font-size: 12px; opacity: 0.3; width:71% !important;  }
.c-ans-display, .c-check-color { font-weight: bold; color: #286090; opacity: 0.3; }
.c-check-color.active { color: #286090; opacity: 1.0; }
.ans-wrapper { position: relative; }
.identification-wrapper { text-align: center; margin-top: 60px; display: none; }
.identification { margin-bottom: 0; margin-top: 0; font-weight: bold; }
.identification-answer { margin-top: 0; font-weight: bold; color: #343434; font-size: 16px; }
.sm-id-font, .identification-explained, .csi-tsi-disclaimer  { font-size: 11px; }
.csi-tsi-disclaimer { display: none; }
.c-green { color: #008000; opacity: 1.0; }
.c-red { color: #8b0000; opacity: 1.0; }
.c-drk-blue { color: #204d74; }
.selectSubgroupForm { margin-right: 10px; }
.c-question-center { margin-top: 110px; }

#c-question-header { top: 10px; left: 0; width: 100%; text-align: center; position: absolute; font-style: italic; font-size: 17px; }
#c-question { font-size: 18px; font-weight: bold;  }
.sm-font { font-size: 12px; font-weight: normal; }
#mod2b_subgroup_type { font-weight: 500; }


/* ========================== */
/* ====PARTICIPATION RATE==== */
/* ========================== */
.svg-content #bars text { font-weight: bold; font-size: 15px !important; }
.part-graph-wrapper .col-xs-1 { width: 6.5% !important; min-height: 135px; }
.participation_graph #yaxis path {stroke-width: 0; }
g#bars text, .percent-text { cursor: help; }
g#bars .barRect.bOver { fill: #4d5155; }
g#bars .barRect.bUnder { fill: #ff9933; }
g#bars .barText.bOver { fill: #fff; }
g#bars .barText.bUnder { fill: #000; }
/*new part rate graphs css*/
.year-rect.bUnder { fill: #D97D00; }
text.participationAlertGroup { fill:#BF2928; font-weight: bold; }

.prip-description-wrapper {
  border: 2px solid #3E74AA;
}
.prip-description-wrapper h4 {
  font-size: 14px;
  font-weight: bold;
}
.prip-description-wrapper p {
  font-size: 12px;
}

.nav-tabs li a, .nav-tabs li a:focus { background-color: #ddebf7;  }
.nav-tabs li.active a, .nav-tabs li.active a:focus { background-color: #163761; color: #fff;  }

.nav-pills li a, .nav-pills li a:focus { background-color: #ddebf7; color: #222; border-radius: 0 !important; border-top: 1px solid #ddebf7;   }/* border-right: 1px solid #163761; */
.nav-pills li:last-of-type a, .nav-pills li:last-of-type a:focus { border-right: none;  }
.nav-pills li.active a, .nav-pills li.active a:focus { background-color: #163761; color: #fff; border-radius: 0 !important; }

.nav>li>a {  padding: 8px 15px; }

div.part-title-section {
  font-size: 22px;
  font-weight: normal;
  color: #333;
  margin-top: 8px;
  margin-left: 4px;
  margin-bottom: 5px;
  text-transform: capitalize;
}

.titletext_emspi {
  top: 30px;
  background-color: #d9d9d9;
  line-height: 30px;
  white-space: nowrap;
  position: absolute;
  right: 100%;
  transform-origin: top right 0;
  transform: rotate( -90deg );
  border-radius: 10px;
  margin: 0 auto;
  padding: 10px;
  /*border: 1px solid green;*/
  /*margin-top:30px;*/
  text-align:center;
  -webkit-print-color-adjust: exact;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  writing-mode: lr-tb;

  font-family: "Century Gothic", sans-serif;
  font-size: 1em;
  font-weight: bold;
}

.titletext_hspi {
  top: 45px;
  background-color: #d9d9d9;
  line-height: 30px;
  white-space: nowrap;
  position: absolute;
  right: 100%;
  transform-origin: top right 0;
  transform: rotate( -90deg );
  border-radius: 10px;
  margin: 0 auto;
  padding: 10px;
  /*border: 1px solid green;*/
  /*margin-top:30px;*/
  text-align:center;
  -webkit-print-color-adjust: exact;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  writing-mode: lr-tb;

  font-family: "Century Gothic", sans-serif;
  font-size: 1em;
  font-weight: bold;
}


.titletext_gr {
  top: 2px;
  background-color: #d9d9d9;
  line-height: 18px;
  white-space: nowrap;
  position: absolute;
  right: 76%;
  transform-origin: top right 0;
  transform: rotate( -90deg );
  border-radius: 7px;
  padding: 10px;
  /*border: 1px solid green;*/
  /*margin-top:30px;*/
  text-align:center;
  -webkit-print-color-adjust: exact;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  writing-mode: lr-tb;
  font-family: "Century Gothic", sans-serif;
  font-size: 0.9em;
  font-weight: bold;
}

.color-legend-at {
  background-color: #ff9819;
  border-color: #ff9819;
}

.color-legend-below {
  background-color: #D97D00;
  border-color: #D97D00;
}

.color-legend-above {
  background-color: #666;
  border-color: #666;
  position: relative;
}

/*.color-legend-above:after {
    content: "";
    height: 50%;
    bottom: 0;
    width: 100%;
    position: absolute;
    background-color: #949494;
}*/




/* ========================== */
/* =====STANDARD CLASSES===== */
/* ========================== */
.c-padding-0 { padding:0 !important;  }
.c-padding-10 { padding:10px !important;  } 
.c-padding-20 { padding:20px !important;  } 
.c-margin-0 { margin:0 !important;  }
.c-margin-10 { margin:10px !important;  } 
.c-margin-20 { margin:20px !important;  } 

.c-padding-lr-10 { padding:0 10px !important;  }
.c-padding-10r5 { padding:10px 5px 10px 10px !important;  }
.c-padding-legend { padding-top: 1.4em; }

.c-padding-t-5 { padding-top:5px !important;  }
.c-padding-t-10 { padding-top:10px !important;  }
.c-padding-t-15 { padding-top:15px !important;  }
.c-padding-t-20 { padding-top:20px !important;  }
.c-padding-t-25 { padding-top:25px;  }
.c-padding-t-30 { padding-top:30px;  }
.c-padding-t-40 { padding-top:40px;  }
.c-padding-t-50 { padding-top:50px;  }
.c-padding-t-60 { padding-top:60px;  }
.c-padding-t-70 { padding-top:70px;  }
.c-padding-t-80 { padding-top:80px;  }

.c-padding-b-5 { padding-bottom:5px !important;  }
.c-padding-b-10 { padding-bottom:10px !important;  }
.c-padding-b-15 { padding-bottom:15px !important;  }
.c-padding-b-20 { padding-bottom:20px !important;  }
.c-padding-b-25 { padding-bottom:25px;  }
.c-padding-b-30 { padding-bottom:30px;  }
.c-padding-b-40 { padding-bottom:40px;  }
.c-padding-b-50 { padding-bottom:50px;  }
.c-padding-b-60 { padding-bottom:60px;  }
.c-padding-b-70 { padding-bottom:70px;  }
.c-padding-b-80 { padding-bottom:80px;  }

.c-margin-t-5 { margin-top:5px !important;  }
.c-margin-t-10 { margin-top:10px !important;  }
.c-margin-t-15 { margin-top:15px !important;  }
.c-margin-t-20 { margin-top:20px !important;  }
.c-margin-t-25 { margin-top:25px;  }
.c-margin-t-30 { margin-top:30px;  }
.c-margin-t-40 { margin-top:40px;  }
.c-margin-t-50 { margin-top:50px;  }
.c-margin-t-60 { margin-top:60px;  }
.c-margin-t-70 { margin-top:70px;  }
.c-margin-t-80 { margin-top:80px;  }

.c-margin-b-5 { margin-bottom:5px !important;  }
.c-margin-b-10 { margin-bottom:10px !important;  }
.c-margin-b-15 { margin-bottom:15px !important;  }
.c-margin-b-20 { margin-bottom:20px !important;  }
.c-margin-b-25 { margin-bottom:25px;  }
.c-margin-b-30 { margin-bottom:30px;  }
.c-margin-b-40 { margin-bottom:40px;  }
.c-margin-b-50 { margin-bottom:50px;  }
.c-margin-b-60 { margin-bottom:60px;  }
.c-margin-b-70 { margin-bottom:70px;  }
.c-margin-b-80 { margin-bottom:80px;  }

.c-center { text-align: center }
.c-right { text-align: right }
.c-sbold { font-weight: 600 }
.c-bold { font-weight: bold }
.c-border { border:1px solid #ddd }
.c-border-black { border-color: #000 }
.c-border-grey { border-color: #aaa }
.c-border-bottom { border-bottom:1px solid #ddd }
.c-font-13 { font-size: 13px !important }
.c-font-12 { font-size: 12px !important }
.c-font-90 { font-size: 90% !important }

/*.btn-dblue:hover:not(:focus)*/
.c-bg-blue { background: #ddebf7; }
.btn-dblue, .btn-dblue:focus, .btn-dblue:active { background: #163761 !important; color: #fff !important; }
.btn-dblue:hover { background: #ddebf7 !important; color: #333 !important; border: 1px solid #163761;  }
/*.btn-dblue:focus:not(:hover) {
    color: ;
  }*/