
/************************************************** Sharegraph styles *************************************************/
/**********************************************************************************************************************/

/* #target-sharegraph-wrapper {
    margin-top: -20px;
}

#sharegraph-container {
    height: 500px;
    width: 100%;
} */

/* small sharegraph */
/* #mini-sharegraph #sharegraph-container {
    margin: 20px auto;
    height: 150px;
    width: 500px;
} */

/* Horisontal ticker *******************************************/
/* 
#horisontal-ticker {
    width: 100%;
    margin: 20px auto;
    border-collapse: collapse;
}

 #horisontal-ticker th {
     border-bottom: 1px solid #CCC;
     text-align: left;
 }

 #horisontal-ticker td, #horisontal-ticker th {
     padding: 5px 10px;
 }

 #horisontal-ticker th.image {
     border-bottom: none;
 }

 #horisontal-ticker th.image img {
     width: 40px;
     margin-bottom: -28px;
     padding-right: 2px;
 } */


/***************************************** Sharegraph extras ***********************************************/


/* .prev:hover, .next:hover {
    cursor: pointer !important;
}

.row {
    padding: 25px 15px 25px 5px;
    margin-left: 0px;
}

.dropdown {
    float: left;
    margin-right: 10px;
}

.sharegraph-extras .date-picker {
    float: left;
    margin-right: 10px;
    width: 160px;
}

#share-options-select li a, #share-download-options li a {
    min-width: 220px;
    color: #333;
    margin-right: 40px;
}

#share-options-select li.cision-disabled a {
    color: grey;
}
#share-options-select li.cision-disabled:hover, #share-options-select li.cision-disabled:hover a {
    cursor: default;
}

#share-options-select li .fa-check {
    display: none;
    float: right;
    margin-top: 4px;
}

#share-options-select li.selected .fa-check {
    display: inline-block;
}

.performance-table td:first-child {
    font-weight: 500;
}

.sharegraph-extras {
    margin-top: 10px;
} */

/**********************************************************************************************************************/
/************************************************** Sharegraph styles *************************************************/
/**********************************************************************************************************************/

#target-sharegraph-wrapper {
  /* margin-top: -20px; */
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px 10px;
  overflow: unset !important;
}
/* @media screen and (min-width:1023px) { */
@media print, screen and (max-width: 1023px){
  #target-sharegraph-wrapper {
    padding: 0px 25px;
  }
}
#target-ticker{
  margin-top: -20px !important;
}


#sharegraph-container {
  height: 500px;
  width: 100%;
}

/* small sharegraph */
#mini-sharegraph #sharegraph-container {
  margin: 20px auto;
  height: 150px;
  width: 500px;
}

/* Horisontal ticker *******************************************/

#horisontal-ticker {
display: none !important;
  width: 100%;
  margin: 20px auto;
  border-collapse: collapse;
}

#horisontal-ticker th {
   border-bottom: 1px solid #3F3F3F;
   text-align: left;
}

#horisontal-ticker td, #horisontal-ticker th {
   padding: 5px 10px;
}

#horisontal-ticker th.image {
   border-bottom: none;
}

#horisontal-ticker th.image img {
   width: 40px;
   margin-bottom: -28px;
   padding-right: 2px;
}


/***************************************** Sharegraph extras ***********************************************/


.prev:hover, .next:hover {
  cursor: pointer !important;
}

.row {
  padding: 25px 15px 25px 5px;
  margin-left: 0px;
}

.dropdown {
  float: left;
  margin-right: 10px;
}

.sharegraph-extras .date-picker {
  float: left;
  margin-right: 10px;
  width: 145px;
}

#share-options-select li a, #share-download-options li a {
  min-width: 220px;
  color: #3F3F3F;
  margin-right: 40px;
}

#share-options-select li.cision-disabled a {
  color: #3F3F3F;
}
#share-options-select li.cision-disabled:hover, #share-options-select li.cision-disabled:hover a {
  cursor: default;
}

#share-options-select li .fa-check {
  display: none;
  float: right;
  margin-top: 4px;
}

#share-options-select li.selected .fa-check {
  display: inline-block;
}

.performance-table td:first-child {
  font-weight: 500;
}

.btn-group.sharegraph-extras{
display: inline-flex !important;
}
.sharegraph-extras {
margin-top: 10px;
display: block;
margin-left: 0px;
}

@media screen and (min-width:768px) {
  .sharegraph-extras {
    margin-top: 0;
  }
}

.container{
  max-width: 100% !important;
  height: 650px;
  overflow: hidden !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media screen and (min-width: 500px){
  .container{
    height: 580px !important;
  }
}

@media screen and (min-width: 1024px){
  .container{
    height: 590px !important;
  }
}

/* @media print, screen and (min-width: 1200px){
  .container{
    height: 590px !important;
  }
} */

/* @media print, screen and (min-width: 768px){
  .container{
    height: 590px !important;
  }
}

@media print, screen and (min-width: 1200px){
  .container{
    height: 570px !important;
  }
}

@media print, screen and (min-width: 1250px){
  .container{
    height: 550px !important;
  }
} */



/*
@media print, screen and (max-width: 50em){
  .container{
    height: 570px !important;
  }
}
@media print, screen and (max-width: 75em){
  .container{
    height: 540px !important;
  }
} */
/* @media print, screen and (min-width: 78em){
.container{
  height: 540px !important;
}
} */
/* @media print, screen and (min-width: 87em){
  .container{
    height: 540px !important;
  }
}                                                                                   */

.sharegraph-tabs,
#share-download-options,
.highcharts-navigator{
display: none !important;
}

.action.btn.btn-outline-secondary{
font-family: 'Roboto',sans-serif;
font-size: 14px;
color: #3F3F3F;
}

.action.btn.btn-outline-secondary:hover{
color: #FFF;
background-color: #3F3F3F;
}

.btn.btn-outline-secondary:hover{
color: #FFF;
background-color: #3F3F3F;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle{
background-color: #3F3F3F;
border-color: #3F3F3F;
}

.form-control,
.btn-outline-secondary{
font-size: 14px;
color: #3F3F3F;
border-color: #3F3F3F;
height: 35px;
}

.highcharts-series.highcharts-series-3.highcharts-areaspline-series.highcharts-navigator-series{
display: none !important;
}

.highcharts-axis-labels.highcharts-xaxis-labels.highcharts-navigator-xaxis{
display: none !important;
}

.highcharts-grid.highcharts-xaxis-grid.highcharts-navigator-xaxis{
display: none !important;
}

.highcharts-credits{
display: none !important;
}

.highcharts-container svg.highcharts-root{
font-family: 'Roboto',sans-serif !important;
}