___defaults{}


.fieldset {
  border: 1px solid #ccc;  /* fixes a bug in MS Edge */
}


.ui-widget-overlay {  /* this is the background overlay when using modal dialog */
  opacity: 0.3;
  
} 

.ui-dialog .ui-dialog-titlebar {
  padding: 8px 49px 8px 15px !important;
}


.highcharts-credits {
  display: none;
}


.region-content {
  margin-left: 50px;
}

.block-local-tasks-block {
  position: relative;
  left: 3em;
}


.messages-list .messages__header {
  display: none;
}


a, .link {  
  text-decoration: none;
}


.big-button{
  font-size: 1.8em;
  padding: 70px 50px;
}

input:focus,
a:focus,
a:active,
textarea:active,
textarea:focus,
select:active,
select:focus
{
  box-shadow: none !important;
}

header {
  clear: both;
}

.content-header {
  padding-top: 0;
}


#block-claro-breadcrumbs {
  margin-left: 50px;
}

.path-admin .region-breadcrumb {
  display: block;
}


rect.stream_end_point {
  opacity: 0.3;
  cursor: pointer;
}

path.stream_line {
  opacity: 0.7;
}
path.stream_high {
  stroke-width: 4px;
}

path.stream_medium {
  stroke-width: 2px;
  stroke-dasharray: 20, 20;
}

path.stream_low {
  stroke-width: 1px;
  stroke-dasharray: 3, 3;
}



.block-page-title-block {
  margin-left: 50px;
}

.path-frontpage .block-page-title-block,
.path-risks .block-page-title-block,
.path-dashboard .block-page-title-block,
.path-frontpage #block-claro-breadcrumbs,
.path-dashboard #block-claro-breadcrumbs,
.path-user #block-claro-breadcrumbs,
#block-claro-breadcrumbs,
.ignore #ignore
{  
  min-height: 0;
  display: none;
}

.chosen-container {
  padding-left: 0 !important;
  padding-top: 0 !important;
  border: 0 !important;    
}

.chosen-container:hover {
  box-shadow: none !important;
}

.chosen-container .chosen-drop {
  top: inherit !important;
}

.chosen-container-multi .chosen-choices {
  border: 1px solid #8e929c !important;
  min-height: 3rem;
  background-image: none !important;
}

.button {
  background-color: #666;
  color: white;
}

.button--primary {
  background-color: #003cc5;
}

.button:hover {
  color: white !important;
}


.region-highlighted {
  margin-left: 50px;
}

.region-highlighted .messages-list {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.region-highlighted .messages-list .messages-list__item {
  padding: 10px;
  
}

.js-tabledrag-toggle-weight-wrapper {
  display: none;
}




form #edit-field-risk-event-ref-wrapper,
form #edit-field-institution-ref-wrapper
 {
  display: none;
}


ul.tabs li.tabs__tab {
  /*background-color: #ddd;
  border-radius: 10px 10px 0 0;*/
  border-top: 1px solid #ddd;
  
}
ul.tabs li.is-active {
  background-color: #E6ECF8 !important;
}

.node__submitted {  
  display: block;
  text-align: right;
  font-size: 0.8em;
  font-style: italic;
  padding: 0 10px 0 10px;
  margin: 5px;
  
}

.node__content .field--label-inline {
  display: block;
  
}

.node__content .field--label-inline .field__label {
  float: none;
  display: inline-block;
  width: 200px;
}
.node__content .field--label-inline .field__items,
.node__content .field--label-inline .field__item
 {
  vertical-align: top;
  display: inline-block;
  float: none;
}

.node__content .field--label-inline .field__items .field__item {
  display: block;
} 

.node__content .field {
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;  
  padding-left: 10px;
}

.node__content .field:nth-child(odd) {
  background-color: #F9F9F9;
}




___NodeEdit__incident_event{} {}

.node-form fieldset#edit-field-risk-date-range-0 .form-datetime-wrapper {
  display: inline-block;
  margin: 0;
}




__poc{}


.filter-risk-vals select {
  max-width: 400px;
}

.filter-risk-vals input {
  margin-left: 10px;
}




___NodeDisplay__incident_event{}


fieldset.incident-event-analytics-fs {
  margin-top: 0;
}

fieldset.incident-event-analytics-fs .form-item {
  margin-top: 0;
  margin-bottom: 0;
}

fieldset.incident-event-analytics-fs .form-item label {
  display: inline-block;
  width: 60%;
}



.layout__region--first-below fieldset.incident-event-analytics-fs {
  margin-right: 15px;
}


.incident-prescriptive-option-wrapper label {
  font-weight: bold;
}



.bubble-projection {
}




___RiskClimate{}


#rc-grouping-wrapper {  
  display: inline-block;
  max-width: calc(100% - 300px);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-right: 1px solid #ccc;
  
}

#rc-grouping-wrapper .rc-department-wrapper:hover {
  box-shadow: 0px 0px 5px #ccc;
}

#rc-grouping-wrapper a {
  color: black;
}

#rc-side-wrapper {
  margin-left: 30px;
  width: 150px;  
  vertical-align: top;
  display: inline-block;
  position: relative;
  
}

#rc-legend {  
  width: 100%;
  text-align: left;
  margin-right: 50px;
  /*border: 1px solid #ccc;*/  
  /*padding: 10px;*/
}


#rc-record-type-breakdown .breakdown-cat {
  display: inline-block;
  min-width: 110px;
  padding-left: 10px;
}

#rc-grouping-wrapper .rc-department-wrapper {
  display: inline-block;
  /* height: 300px; */
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  
  /*border: 1px solid #ccc;*/
  /* border-radius: 50%;
  box-shadow: 2px 2px 10px #ccc; */
  
}

#rc-grouping-wrapper .rc-department-wrapper canvas {
  position: relative;
  /* top: 70px; */
}

.rc-department-wrapper {
  position: relative;  
  width: 320px;
}

.rc-department-wrapper .rc-department-title {
  /*position: absolute;*/
  display: block;
  margin-left: auto;
  margin-right: auto;
  /*top:50px;
  bottom:0;
  left: 0;
  right: 0;*/
  text-align: center;
  z-index: 999;  
  font-size: 23px;
  /*font-weight: bold;*/    
}

.rc-department-wrapper .rc-department-title .title-bubble {
/*  border: 1px solid #ccc;
  border-radius: 15px;
  padding: 2px 5px 2px 5px;  
  background: rgba(255, 255, 255, 0.9);*/
  /*box-shadow: 0px 0px 15px #777;*/
}

/*
.rc-department-wrapper .rc-department-data {
  position: absolute;
  z-index: 999;
  bottom: 0;
  right: 5px;
  font-size: 0.7em;
}
*/

#rc-risk-gauge {
  display: inline-block;    
  text-align: center;
  position: absolute;
  bottom: 25px;
}

#risk-gauge-title {
  display: inline-block;
}


#power-gauge g.arc {
  fill: steelblue;
}

#power-gauge g.pointer {
  fill: #333;
  stroke: #ccc;
}

#power-gauge g.label text {
  text-anchor: middle;
  font-size: 14px;
  font-weight: bold;
  fill: #666;
}



* {
  margin: 0;
  padding: 0;
}


/* animation stuff */

#rc-grouping-wrapper {
  position: relative;
} 

/*
#rc-grouping-wrapper .rc-department-wrapper.embiggen {
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  background-color: white;
  z-index: 999;
}
*/

.rc-close {
  cursor: pointer;
}


.embiggen {
  width: calc(100% - 30px) !important;
  max-width: calc(100% - 30px) !important;
  height: calc(100% - 30px) !important;
  background-color: white;
  z-index: 999;
}


.holder-stream-endpoint {    
  position: relative;
  top: 0;  
}

.embiggen-stream {  

  z-index: 9999 !important;  
  width: calc(100% + 100px ) !important;
  max-width: calc(100% + 100px ) !important;
  height: calc(100% - 30px) !important;
  background-color: white;
  
  
}

.tooltip-predictive-box {
  border: 1 px solid #ccc; 
  box-shadow: 1px 1px 5px #ccc; 
  margin-top: 10px; 
  margin-left: 10px; 
  padding: 10px;
}

.predictive-row {
  padding-top: 0px 10px;
}

.predictive-row label {
  font-weight: bold;
  display: inline-block;
  min-width: 200px;
}


.highcharts-figure-in-tooltip .highcharts-container,
.highcharts-figure-in-tooltip .highcharts-container svg,
{
  width: 100% !important;
}




@media screen and (max-width: 1880px) {
  #rc-grouping-wrapper {  
    max-width: calc(100% - 300px);    
  }
  .rc-department-wrapper {
    position: relative;  
    width: 270px;
  }
  
  .rc-department-wrapper .rc-department-title {
    font-size: 23px;
  }
  canvas.canvas-dept {
    width: 270px;
  }
}


@media screen and (max-width: 1760px) {
  #rc-grouping-wrapper {  
    max-width: calc(100% - 250px);    
  }
  .rc-department-wrapper {
    position: relative;  
    width: 250px;
  }
  
  .rc-department-wrapper .rc-department-title {
    font-size: 20px;
  }
  canvas.canvas-dept {
    width: 250px;
  }
  
  
  .slidecontainer {    
    width: calc(100% - 500px) !important; /* Width of the outside container */
  }  
  
}



@media screen and (max-width: 1600px) {
  .rc-department-wrapper {
    position: relative;  
    width: 225px;
  }
  
  .rc-department-wrapper .rc-department-title {
    font-size: 18px;
  }
  canvas.canvas-dept {
    width: 225px;
  }
  

  
  
}

@media screen and (max-width: 1390px) {
  #rc-grouping-wrapper {  
    max-width: calc(100% - 200px);    
  }
  
  .rc-department-wrapper {
    position: relative;  
    width: 200px;
  }
  
  .rc-department-wrapper .rc-department-title {
    font-size: 18px;
  }
  canvas.canvas-dept {
    width: 200px;
  }
  
  .slidecontainer {    
    width: calc(100% - 450px) !important; /* Width of the outside container */
  }  
    
  
}


@media screen and (max-width: 1300px) {
  .rc-department-wrapper {
    position: relative;  
    width: 200px;
  }
  
  .rc-department-wrapper .rc-department-title {
    font-size: 18px;
  }
  canvas.canvas-dept {
    width: 200px;
  }
}






___RiskRadar{}

#risk-radar-table-wrapper {
  float: left; 
  margin-left: 40px; 
  margin-top: 40px;
  width: calc(100% - 750px);
}

.risk-radar-table {
  width: 100%;
}

.risk-radar-table td {
  height: auto;
}



@media screen and (max-width: 1600px) {
  #risk-radar-table-wrapper {
    float: left; 
    margin-left: 10px; 
    margin-top: 10px;
    width: calc(100% - 650px);
    font-size: 0.9em;
  }
  
}

@media screen and (max-width: 1390px) {
  #risk-radar-table-wrapper {
    float: left; 
    margin-left: 10px; 
    margin-top: 10px;
    width: calc(100% - 620px);
    font-size: 0.85em;
  }
  
}



@media screen and (max-width: 1300px) {
  #risk-radar-table-wrapper {
    float: left; 
    margin-left: 10px; 
    margin-top: 10px;
    width: calc(100% - 650px);
    font-size: 0.8em;
  }
  
}







___Views{}


.views-table th,
.views-table td
 {
  height: auto;
}

.views-table a.actions,
.custom-table a.actions
 {
  color: #666;
  margin-right: 10px;
  
}

td.center-me {
  text-align: center;
}

.views-table a.actions:hover {
  color: #999;
}

.views-field-nothing-1 {
  min-width: 100px;
}

#views-form-users-page-1 #edit-user-bulk-form--2 .form-item--action,
#views-form-users-page-1 #edit-user-bulk-form--2 .form-actions
{
  display: inline-block;
  margin-right: 10px;
}


.view-risk-radar td.views-field-field-description {
  max-width: 300px;
}
.view-risk-radar td.views-field-field-description p {  
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}









___StormSidebarBlock{}


#block-stormsidebarblock {
  position: absolute;
  left: 0;
  width: 72px;
  background-color: #444;
  color: white;
}

.storm-sidebar-ul-menu {
  margin: 0;
  padding: 0;
}

.storm-sidebar-ul-menu li {
  list-style: none;
  text-align: center;
}

.storm-sidebar-ul-menu li a {
  display: block;
  font-size: 1.3em;
  padding-right: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: white;
}

.storm-sidebar-ul-menu li a:hover {
  background-color: #666;
}

.storm-sidebar-ul-menu li a.active {
  background-color: #666;
  
}




___StormUserTopBlock{}


.storm-top-user-block-wrapper {
  background-color: #0f0f0f;
  color: #eee;
  
  font-size: 0.8em;  
  display: block;
  width: 100%;
  height: 40px;
  padding: 5px;
}

.storm-top-user-block-wrapper .tub-logo {
  float: left;
  padding-left: 10px;
}

.storm-top-user-block-wrapper .tub-logo img {
  height: 40px;
  width: auto;
}

.storm-top-user-block-wrapper .tub-logo .tub-logo-text {
  font-size: 3em;
  line-height: 1px;
  padding-left: 10px;
  position: relative;
  bottom: 5px;
  font-style: italic;
  font-weight: 600; 
  
}


.storm-top-user-block-wrapper .tub-element {
  height: 40px;
}

.storm-top-user-block-wrapper .tub-element-wrapper {
  padding-top: 8px;
}


.storm-top-user-block-wrapper .tub-icon-element {
  font-size: 1.4em;  
}

.storm-top-user-block-wrapper .tub-float-right {
  float: right;
  padding-right: 30px;
  padding-left: 30px;
  border-right: 1px solid #555;
}

.storm-top-user-block-wrapper .tub-float-right-a {
  float: right;
  border-right: 1px solid #555;
}

.tub-float-right-a a.tub-link {
  padding-left: 30px;
  padding-right: 30px;
}

.storm-top-user-block-wrapper #searchy {
  color: #444;
  font-size: 0.9em;
  margin-right: 10px;
  border: 0;
  width: 150px;
  padding-left: 5px;
}


.storm-top-user-block-wrapper .tub-last-element {
  border-right: 0;
}

.storm-top-user-block-wrapper a.tub-link {
  color: #eee;
}

.storm-top-user-block-wrapper a.tub-link:hover {
  color: #aaa;
}

.storm-top-user-block-wrapper .tub-user-menu .tub-caret-down {
  font-size: 0.8em;
  padding-left: 10px;
}

.storm-top-user-block-wrapper .tub-user-menu {
  position: relative;
}
.storm-top-user-block-wrapper #tub-user-pulldown {
  z-index: 99;
  min-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: white;
  color: black;
  padding: 10px;
  font-size: 0.85em;
  border: 1px solid #ccc;
  position: absolute;
  right: 10px;
  top: 45px;
}

.tub-icon-element-alert {
  position: relative;
}
.tub-icon-element-alert .tub-alert-count {
  position: relative;
  display: inline-block;
  min-width: 10px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  top: 8px;
  left: -5px;
  color: #eee;
  background-color: firebrick;
  font-size: 0.7em;
  font-weight: bold;
  border-radius: 15px;
}



/* On the login page... */
___LoginPage{}

.user-form-page {
  --colorGinPrimary: #222 !important;      /* the normal color of buttons and links */  
}

.user-form-page h1.page-title {
  font-size: 1.65em;
  text-overflow: clip;
  white-space: normal;
}

.user-form-page #block-claro-primary-local-tasks {
  display: none;
}

.user-form-page .content-header .layout-container {
  text-align: center;
}

.user-form-page main.page-content .block-page-title-block,
.user-form-page main.page-content .region-content
{
  margin-left: 30px;
}




___DashboardHome{}

.dash-home-container {
  display: flex;
  flex-wrap: wrap;  
  justify-content: space-between;
}

.dash-home-container .dash-item {  
  width: 49%;
  border: 1px solid #ccc;
  margin-right: 5px;
  margin-bottom: 15px;  
  
}

.dash-home-container .dash-item-no-border {
  border: 0;
}


#visualization_1 {
  width: 100%;
  flex-grow: 4;
}



.dash-item .dash-item-header {
  background-color: #999;
  padding: 5px;
  font-weight: bold;
  color: #fff;
}

.dash-item-header .dash-item-header-icon {
  float: right;
  margin-right: 10px;
  color: white;
}



.dash-item .dash-item-contents {
  padding: 5px;
}








___DashboardClimateForm{}

.dashboard-climate-form .form-item--sel-year {
  display: inline-block;
  margin-top: 0;
}


.slidecontainer {
  display: inline-block;
  padding-left: 20px;
  padding-top: 10px;
  width: calc(100% - 550px); /* Width of the outside container */
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 10px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border: 0;
  background: url('slider-circle2.png') no-repeat;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border: 0;
  background: url('slider-circle2.png') no-repeat;
  cursor: pointer;
}








___AddNewRiskForm{}

.form-item--risk-template {
  display: inline-block;
  margin-left: 15px;
}







___Reports{}


.reports-fieldset-half {
  display: inline-block;
  width: 45%;
  vertical-align: top;
  
}

.reports-fieldset-half-first {
  margin-right: 10px;
}

.ul-report-list li {
  padding-bottom: 30px;
  list-style: circle;
}

.ul-report-list .report-name {
  font-size: 1.2em;
}

.report-options {  
  font-size: 0.9em;
  border-top: 1px solid #ddd;  
  font-style: italic;
}

.report-options i {
  font-size: 1.1em;
  padding-left: 6px;
}


.report-download {
  padding-right: 60px;
}





___DashboardIncidentForm {}

#custom_tooltip,
#custom_level2_tooltip,
#custom_level3_tooltip
{
  display: inline-block;
  min-width: 200px;
  max-width: 300px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 2px 2px 5px #ccc;
  background-color: white;
  display: none;
}


#custom_tooltip .i_title,
#custom_level3_tooltip .i_title,
#custom_level2_tooltip .i_title
{
  font-weight: bold;
  font-size: 1.2em;
}

#custom_tooltip .i_date,
#custom_level3_tooltip .i_date, 
#custom_level2_tooltip .i_date 
{
  font-style: italic;
  font-size: 0.8em;
}

#custom_tooltip label, 
#custom_level3_tooltip label,
#custom_level2_tooltip label 
{
  
}

#series_chart_div circle {
  cursor: pointer;
}



.bubbles {
  stroke-width: 5px;
  stroke: white;
  cursor: pointer;
}
.bubbles:hover {
  stroke: lightblue;
}

.bubble-projection {
  stroke: #ccc;
  stroke-width: 10px;
}



.bubble-type-Strategic {
  fill: #CC7A00;
  background-color:#CC7A00;
}
.bubble-type-Financial {
  fill: darkgreen;
  background-color: darkgreen;
}
.bubble-type-Compliance {
  fill: #990000;
  background-color: #990000;
}
.bubble-type-Operational {
  fill: #173F5F;
  background-color:#173F5F;
}
.bubble-type-Reputational {
  fill: purple;
  background-color: purple;
}

#my_dataviz {
  display: inline-block;
  vertical-align: top;
}
#legend {
  padding-top: 10px;
  display: inline-block;
  vertical-align: top;
}

.legend-rect {
  display: inline-block;
  width: 18px;
  height: 18px;
}
.legend-text {
  position: relative;
  top: -4px;
}

.legend-line {
  display: inline-block;
  width: 60px;
  height: 4px;
  border: 0;    
}

#mag-legend {
  padding-top: 20px;
}

span.stream_high {
  border-top: 4px solid black;
  position: relative;
  top: -1px;
}

span.stream_medium {
  border-top: 2px dashed black;  
  position: relative;
  top: -2px;
}

span.stream_low {
  border-top: 1px dotted black;  
  position: relative;
  top: -4px;
}



.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 2px;
}

.grid line {
  stroke: lightgrey;
  stroke-opacity: 0.7;
  shape-rendering: crispEdges;
}

.grid path {
  stroke-width: 0;
}

g.tick text {
  font-size: 18px;
  font-family: Arial, Helvetica, Verdana, sans serif;
}

@media screen and (max-width: 1300px) {
  g.tick text {
    font-size: 16px;
  }
}






___DashboardRiskForm{}

.dashboard-risk-form .form-item--sel-year {
  display: inline-block;
  margin-top: 0;
}


.big-risk-event-table th {
  text-align: center;
  font-size: 0.8em;
  background-color: transparent;
  
}

.big-risk-event-table td {
  text-align: center;
  background-color: transparent;
  
}
.big-risk-event-table .department-title {
  text-align: left;
  min-width: 60px;
}

.big-risk-event-table .department-title a.button {
  width: 150px;
  margin: 0;
}

.big-risk-event-table .odd {
  background-color: #F9F9F9;
}

.big-risk-event-table .risk-type-icon {
  display: inline-block;
  font-size: 1.3em;
  margin-left: 0px;
  margin-right: 0px;
  /*
  border: 1px solid #ccc;
  min-width: 30px;
  border-radius: 20px; */
}

.big-risk-event-table .risk-severity-0 {
  font-size: 100%;
}
.big-risk-event-table .risk-severity-1 {
  font-size: 130%;
}

.big-risk-event-table .risk-severity-2 {
  font-size: 160%;  
}

.big-risk-event-table .risk-severity-3 {
  font-size: 190%;  
}

.big-risk-event-table .risk-type-icon-financial a {
  color: darkgreen;
}

.big-risk-event-table .risk-type-icon-strategic a {
  color: black;
}

.big-risk-event-table .risk-type-icon-compliance a {
  color: #B22222;
}
.big-risk-event-table .risk-type-icon-reputational a {
  color: #888;
}

.big-risk-event-table .risk-type-icon-operational a {
  color: purple;
}







___visualize_tab{}

.vis-compare-box {
  border: 1px solid #ccc;
  border-bottom: 0;
  padding: 10px;
  background-color: #eee;
}

.vis-compare-box .vcb-title {
  font-size: 1.1em;
  font-weight: bold;
  display: inline-block;
  margin-right: 50px;
}

.vis-compare-box .vis-compare-item {
  display: inline-block;
  margin-right: 30px;
  min-width: 200px;
  max-width: 600px;
}

.vis-strategies {
  border: 1px solid #ccc;
}













___effects{}

.flash{
  -moz-animation: flash 1s ease-out;
  -moz-animation-iteration-count: 1;

  -webkit-animation: flash 1s ease-out;
  -webkit-animation-iteration-count: 1;

  -ms-animation: flash 1s ease-out;
  -ms-animation-iteration-count: 1;
}

@-webkit-keyframes flash {
    0% { background-color:none;}
    10% { background-color:#FFFF66;}        
    100% {background-color:none;}
}

@-moz-keyframes flash {
    0% { background-color:none;}
    10% { background-color:#FFFF66;}        
    100% {background-color:none;}
}

@-ms-keyframes flash {
    0% { background-color:none;}
    10% { background-color:#FFFF66;}        
    100% {background-color:none;}
}