/*
   >>> Tab Formatting <<<
*/

.fred-series-tabs {
    margin: 1em -15px 0 0;
}

.fred-series-tabs a,
.fred-series-tabs .link {
    text-decoration: none !important;
}

.fred-series-tabs > ul {
    margin: 0;
    padding: 0;
    border-width: 0;
}

.fred-series-tabs > ul li {
    border-color: #dcddde;
    border-radius: 3px 3px 0 0;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    float: left;
    font-size: .9em;
    list-style-type: none;
    margin: 0 0 -1px 0;
    padding: .5em 1em .5em 1em;
}

.fred-series-tabs > ul li.active,
.fred-series-tabs > ul li.active a,
.fred-series-tabs > ul li.active a:hover {
    background: #c2cdd5;
}

.fred-series-tabs > ul li.active a {
    border-width: 0 !important;
    background: #c2cdd5 !important;
}

.fred-series-tabs > ul li a {
    color: #333;
    text-decoration: none;
    padding: 0;
    border-bottom:none;
    line-height: 14px;
}

.fred-series-tabs > ul li a:hover {
    background: #FFF;
    border-color:#FFF;
}

.fred-series-tabs > div {
    background: #c2cdd5;
    border-color: #dcddde;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    padding: .1em .5em .5em .5em;
}

.fred-series-tabs > div > div {
    margin-top: .5em;
}

/*
   >>> Accordion Formatting <<<
*/

.panel-group {
    margin-bottom: 1em;
    overflow: visible;
}
.settings-bar {
    background: #c2cdd5;
    font-size: .9em;
    padding: 0 .5em .5em .5em;
    text-align: right;
}

.panel-heading {
    cursor: pointer;
    cursor: hand;
    font-size: .9em;
    margin: 0;
    padding-left: 0 !important;
    text-transform: uppercase;
    background: #e6e7e8;
}

.panel-toggle {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: inherit !important;
}

.panel-toggle.collapsed i.fa-caret-right,
.panel-toggle:focus {
    outline: none;
}

.panel-heading a {
    color: #333;
}

.panel-heading a:hover {
    text-decoration: none;
}


.panel-body {
    background: #FFF;
}

.section {
    border-bottom: 1px dotted #dcddde;
    margin-bottom: 1em;
    padding: 0 1em 1em 1em;
}

.section:first-child {
    padding-top: 1em;
}

.section-side {
    border-right: 1px dotted #dcddde;
    /*margin-right: 1em;*/
    padding-right: 1em;
}

.section .span3 {
    margin-left: 0;
}

.section-side > .section {
    padding: 0 0 1em 0 !important;
}

/*
   >>> Form Controls <<<
*/

label.radio, label.checkbox {
    border-radius: 5px;
    margin: 0;
    padding: 2px;
}

label.radio:hover, label.checkbox:hover {
    background: #EEE;
    cursor: pointer;
    cursor: hand;
}

label.radio input, label.checkbox input {
    margin-right: .5em;
}

label.disabled {
    color: #CCC;
}

select[disabled="disabled"] {
  color: #CCC;
}

.text-error {color: #b94a48 !important;}
.input-error {border:2px solid #b94a48 !important; color: #b94a48 !important;}
/*
   >>> Content Formatting <<<
*/

#notes {
    background: #FFF;
    padding: 1em;
}

/* overflow is needed on content container for when user resizes graph outside page area */
#content {overflow: visible !important;}
/*#resizer {max-width: 670px;}*/
#resizer i, #resizer span {color:#999;}
#resizer i:hover, #resizer span:hover {color:#333;}
#resizer span {font-size:0.9em;cursor:pointer;cursor:hand;}

#browse-series-modal {width:600px;max-width: 600px;}

.series-transformation-group {margin-bottom:1em;}

.share-form {
    padding-bottom: 8px;
}

.share-button {}
.button-twitter-large {background: url(//research.stlouisfed.org/images/twitter-logo-large.png) top left no-repeat; background-size: 50px 50px;}
.button-facebook-large {background: url(//research.stlouisfed.org/images/facebook-logo-large.png) top left no-repeat; background-size: 50px 50px;}
.button-gplus-large {background: url(//research.stlouisfed.org/images/gplus-logo-large.png) top left no-repeat; background-size: 50px 50px;}
.button-mail-large {background: url(//research.stlouisfed.org/images/mail-logo-large.png) top left no-repeat; background-size: 50px 50px;}

#copy-link-code,
#copy-link-code > i,
#copy-embed-code,
#copy-embed-code > i,
#copy-image-code,
#copy-image-code > i {
  font-size:13px;
  line-height: 15px;
  height: 15px !important;
}

#share-socialmedia a {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    width: 45px;
    height: 45px;

}

.readonly {cursor:text !important;}

#series-error {
    margin: 1em;
}

.settings-bar span {
  cursor: pointer;
  cursor: hand;
}

.apply-saved-settings-sign-in iframe,
.save-settings-sign-in iframe {
  width:100%;
  height:250px;
  border:0;
}

.accordion-group {
    border: 0;
    background: #FFF;
}

.dropdown-menu > li > a {
    white-space: normal;
}

.color {
    border: 1px solid #999;
    cursor: pointer;
    cursor: hand;
    width: 16px;
    height: 16px;
    display:block;
    float: left;
    margin-right: .5em;
}

.popover .color {margin: .25em;}

.color-label {
  display:block;
  float:left;
  margin-left: 0;
  margin-right: .5em;
  line-height: 16px;
  font-weight: bold;
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 0;
}

.move-series {
    float: right;
}

.copyright-indicator {
    color: #B94A48;
    font-weight: bold;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.ie9-fix { display: none; }

.ie9 .ie9-fix {
    display: inline-block !important;
    width: 0;
    height: 0;
}

.datepicker-years .disabled {
    visibility: hidden;
}

.datepicker-years .new,
.datepicker-years .old {
  color: inherit !important;
}

#zoom-controls {
    padding-bottom: 3px;
}

/*
   >>> jQuery UI resize handles <<<
*/
.ui-resizable-handle{position:absolute;font-size:.1px;display:block}
/*.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}*/
.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}
.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}
.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}
.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}
.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}
.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}
.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}
.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}
.ui-resizable-helper { border: 2px dotted #333; }

/*
   >>> Highcharts Overrides <<<
*/

.highcharts-subtitle {
    line-height: 1em !important;
}
.highcharts-container {
}
.highcharts-tooltip {
    z-index: 9998;
    opacity: .9;
}

.highcharts-tooltip span {
    background-color: #fff;
    opacity: .9;
    z-index:9999 !important;
    padding: 3px 5px;
}

.select2-fred-series-title {

}

.select2-fred-series-subtitle {
    color: #999;
    font-size: .9em;
}

.select2-fred-series-popularity {

}


/*
   >>> Bootstrap overrides <<<
*/

#graph-date-range .form-control {
    display: inline;
}



.highcharts-legend-item span {
    /*width: 500px;*/
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
    .select2-fred-series-subtitle {
        font-size: .8em;
    }

    tspan {
        font-size: 9px !important;
    }

    .highcharts-legend {
        /*left: 25px !important;*/
    }

    .highcharts-legend-item span {
        font-size: 10px !important;
        /*white-space: normal !important;*/
        /*width: 250px !important;*/
    }
}