/* Print style --------------------------------- */

@media print {
  .ico-section[href]:after {
    content: "" !important;
  }
  #subheader .ico-section {
    padding-left: 0 !important;
  }
}
/* Base structure --------------------------- */

/* Move down content because we have a fixed navbar that is 50px tall */

body {
  font-family: 'Clear Sans', Arial, sans-serif;
  font-weight: 400;
  color: #525261;
}

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

#loading {
  background: url(../img/bg-loading.png) repeat;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
}
.message {
  background: #2EBBC7 url(../img/loading.gif) no-repeat 10px center;
  padding: 13px 20px 13px 50px;
  font-size: 15px;
  color: #FFFFFF;
  font-weight: 500;
  display: inline-block;
  border:
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 22px;
  /* Firefox 1-3.6 */
  -moz-border-radius: 22px;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 22px;
}
.text-uppercase {
  text-transform: uppercase;
}
/* Global add-ons --------------------------- */

.nowrap {
  white-space: nowrap
}
.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.right {
  float: right;
}
.left {
  float: left;
}
.txt-right {
  text-align: right;
}
.txt-center {
  text-align: center;
}
.clear {
  clear: both;
}
.inline {
  display: inline;
}
.clearAll {
  background: none;
}
.is-table,
.div-table {
  display: table;
  width: 100%;
}
.is-cell {
  display: table-cell;
}
.is-row {
  display: table-row;
}
.table-fix {
  table-layout: fixed;
}
.bottom {
  vertical-align: bottom;
}
.line-left {
  border-left: 1px dotted #C6D0DD;
}
.big {
  text-transform: uppercase;
}
.lowercase {
  text-transform: none;
}
.font-100 {
  font-weight: 100;
  font-weight: 100;
}
.alert-link:hover {
  text-decoration: underline;
}
/* Sidebar --------------------------- */

/* Hide for mobile, show later */

.main-spreadsheet {
  padding-top: 52px;
}
.sub-sidebar {
  margin-top: 50px;
}
.main-historics {
  padding-top: 0
}
.sidebar,
.sub-sidebar {
  display: none;
}
.spreadsheet-iframe {
    height: 93vh;
  }
@media (min-width: 992px) {
  .main {
    padding-top: 0;
  }
  .main-spreadsheet {
    padding-top: 0;
  }
  .sub-sidebar {
    margin-top: 0;
  }
  .logo {
    background: url(../img/logo_agronometrics.png) no-repeat left center;
    height: 80px;
    display: block;
    margin-bottom: 10px;
  }
  .sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    padding: 0 20px;
    overflow-x: hidden;
    overflow-y: auto;
    /* Scrollable contents if viewport is shorter than content */
    background-color: #F2F2F2;
    border-right: 1px solid #eee;
  }
  .sidebar-mobile {
    display: none;
  }
  .spreadsheet-iframe {
    height: 99vh;
  }

}
.sidebar-mobile a {
  color: #FFF;
}
.sub-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  padding: 0 20px;
  overflow-x: hidden;
  overflow-y: auto;
  /* Scrollable contents if viewport is shorter than content */
  background-color: #F8F8F8;
  border-right: 1px solid #eee;
}
.sub-sidebar h2 {
  font-size: 13px;
  text-transform: uppercase;
  padding-top: 20px;
}
.sub-sidebar a {
  color: #9797A6;
  display: block;
  padding: 3px 0;
}
.sub-sidebar a:hover {
  color: #424251;
}
.sub-sidebar a.active {
  color: #00B2C0;
  font-weight: 500;
}
/* Sidebar navigation */

.nav-sidebar,
.logo,
.sideProfile {
  margin-right: -21px;
  /* 20px padding + 1px border */
  margin-left: -20px;
}
/*
 * Main content
 */

@media (min-width: 992px) {
  .main {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.main .page-header {
  margin-top: 0;
}
/* Sidebar --------------------------- */

.nav-sidebar {
  margin-bottom: 158px;
}
.panel-sidebar {
  border-color: #E6E6E6;
}
.panel-sidebar > .panel-heading {
  color: #9797A6;
  background-color: #F2F2F2;
  border-color: #eee;
  text-transform: uppercase;
  background-position: 20px center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.panel-sidebar > .panel-heading:hover {
  color: #424251;
}
.panel-sidebar .panel-title {
  font-size: 12px;
  font-weight: 500;
}
.panel-sidebar > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #eee;
  padding: 8px 0;
}
.panel-sidebar > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #eee;
}
.panel-active .panel-title {
  color: #424251;
}
.panel-summary .panel-heading {
  background-image: url(../img/ico-summary.png);
}
.panel-prices .panel-heading {
  background-image: url(../img/ico-price.png);
}
.panel-forecast .panel-heading {
  background-image: url(../img/ico-forecast.png);
}
.panel-volumes .panel-heading {
  background-image: url(../img/ico-volume.png);
}
.panel-explore .panel-heading {
  background-image: url(../img/ico-explore.png);
}
.panel-staff .panel-heading {
  background-image: url(../img/ico-table.png);
}
.panel-exchange .panel-heading {
  background-image: url(../img/ico-exchange.png);
}
/* Active Nav-Sidebar -----------*/

.panel-summary .active.panel-heading {
  background-image: url(../img/ico-summary-hover.png);
  color: #424251;
}
.panel-prices .active.panel-heading {
  background-image: url(../img/ico-price-hover.png);
  color: #424251;
}
.panel-volumes .active.panel-heading {
  background-image: url(../img/ico-volume-hover.png);
  color: #424251;
}
.panel-explore .active.panel-heading {
  background-image: url(../img/ico-explore-hover.png);
  color: #424251;
}
.panel-staff .active.panel-heading {
  background-image: url(../img/ico-table-active.png);
  color: #424251;
}
.panel-exchange .active.panel-heading {
  background-image: url(../img/ico-exchange-hover.png);
  color: #424251;
}
.panel-body a {
  color: #868695;
  display: block;
  padding: 12px 0 11px 60px;
  cursor: pointer;
  line-height: 100%;
  margin-top: 2px;
}
.innerOne .more {
  margin-top: 5px;
}
.innerOne >a:hover {
  background-color: #E1E1E1;
  color: #424251;
}
.forecast-report-panel a{
    background-image: url(../img/ico-forecast-report-inactive.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-color: #E1E1E1;
    color: #868695;
}
.forecast-report-panel a:hover{
    background-image: url(../img/ico-forecast-report-active.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-color: #868695;
    color: #424251;
}
.forecast-update-report-panel a{
    background-image: url(../img/ico-update-forecast-inactive.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-color: #E1E1E1;
    color: #868695;
}
.forecast-update-report-panel a:hover{
    background-image: url(../img/ico-update-forecast-active.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-color: #868695;
    color: #424251;
}
.panel-prices .innerOne .active {
  border-right: 7px solid #00BFFF;
  background-color: #E1E1E1;
  color: #424251;
}
.panel-volumes .innerOne .active {
  border-right: 7px solid #FF8D42;
  background-color: #E1E1E1;
  color: #424251;
}
.panel-forecast .innerOne .active {
  border-right: 7px solid #0f9d58;
  /*background-color: #E1E1E1;*/
  color: #424251;
}
.panel-explore .innerOne .active {
  border-right: 7px solid #FF8D42;
  background-color: #E1E1E1;
  color: #424251;
}
.panel-staff .innerOne .active {
  border-right: 7px solid rgba(97, 255, 81, 0.41);
  background-color: #E1E1E1;
  color: #424251;
}
.nav-sidebar .more,
.collapsed .more {
  /*background-position: right center;*/
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block;
  float: right;
}
.nav-sidebar .collapsed .more {
  background-image: url(../img/ico-arrow.gif);
}
.nav-sidebar .collapsed:hover .more {
  background-image: url(../img/ico-arrow-hover.gif);
}
.nav-sidebar .more {
  background-image: url(../img/ico-arrow-active.gif);
}
.foot-sidebar {
  line-height: 30px;
  position: absolute;
  bottom: 0px;
  /*  height: 153px;*/
  left: 0px;
  width: 100%;
  /*  max-height: 153px;*/
  /*  overflow: hidden;*/
  padding: 0 15px;
  background-color: #F2f2f2;
}
.foot-sidebar .btn {
  width: 100%;
  margin-bottom: 5px;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 12px;
}
.sideProfile {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: #E6E6E6;
  padding: 34px 25px;
  display: block;
  cursor: pointer;
  color: #535362;
  line-height: 12px;
}
.foot-sidebar .dropup .dropdown-menu {
  bottom: 55px;
  right: 14px;
}
.foot-sidebar .dropup .dropdown-menu > li > a:hover {
  background-color: #E6E6E6;
}
.sideProfile .more {
  background: url(../img/ico-more-profile.gif) right center no-repeat;
  width: 16px;
  height: 12px;
  display: inline-block;
}
/* HEADER */

.commodity {
  margin-bottom: 20px;
}
.commodity .small {
  color: #9F9FB3;
  font-size: 10px;
  text-transform: uppercase;
}
#subheader {
  margin: 12px 0;
}
@media (max-width: 800px) {
  #subheader .nav-report-name {
    font-size: 14px !important;
  }
}
#subheader .ico-section {
  font-size: 15px;
  display: inline-block;
  padding: 10px 10px 10px 50px;
  line-height: 100%;
  margin-right: 6px;
  background-color: #F4F4F4;
}
.summary #subheader .ico-section {
  background: url(../img/ico-subheader-summary.png) no-repeat left center;
  color: #00BFFF;
  background-color: #F4F4F4;
}
.price #subheader .ico-section {
  /*background: url(../img/ico-subheader-price.png) no-repeat left center;*/
  background: url(../img/ico-logos-sml-purefresh-sales.png) no-repeat left center;
  color: #00BFFF;
  background-color: #F4F4F4;
}
.volume #subheader .ico-section {
  background: url(../img/ico-logos-sml-purefresh-volume.png) no-repeat left center;
  color: #00BFFF;
  background-color: #F4F4F4;
}
.volume_forecast #subheader .ico-section {
  background: url(../img/ico-logos-sml-purefresh-volume.png) no-repeat left center;
  color: #00BFFF;
  background-color: #F4F4F4;
}
.sales #subheader .ico-section {
  background: url(../img/ico-logos-sml-purefresh-target.png) no-repeat left center;
  color: #00BFFF;
  background-color: #F4F4F4;
}
.sales_target #subheader .ico-section {
  background: url(../img/ico-logos-sml-purefresh-target.png) no-repeat left center;
  color: #00BFFF;
  background-color: #F4F4F4;
}

#subheader .ico-section b {
  font-size: 11px;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
}
#subheader .nav-report-name {
  color: #525261;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  border-left: 1px dotted #CCC;
  padding-left: 15px;
}
#new-report-div .dropdown {
  margin: 0 .5%;
}
#new-report-div .disabled {
  pointer-events: none;
}
#new-report-div .dropdown-toggle.disabled {
  color: #CCC !important;
}
#new-report-div .dropdown-toggle.disabled b {
  color: #AAA;
}
@media (max-width: 1100px) {
  #new-report-div .dropdown b {
    display: block;
  }
}
#new-report-div .dropdown b {
  color: #525261;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
}
#new-report-div .dropdown > a {
  line-height: 100%;
  background-color: #F4F4F4;
}
#new-report-div .dropdown > a:hover,
#new-report-div .dropdown > a:focus {
  background-color: #ededed;
}
.summary #new-report-div a {
  color: #6FBD20;
}
.sales #new-report-div a {
  color: #6FBD20;
}
.sales_target #new-report-div a {
  color: #6FBD20;
}
.price #new-report-div a {
  color: #00BFFF;
}
.volume #new-report-div a {
  color: #FF8D42;
}
.volume_forecast #new-report-div a {
  color: #FF8D42;
}
#new-report-div .nav-new-report {
  border-left: 1px dotted #CCC;
  padding-left: 20px;
  margin-left: 15px;
}
#new-report-div .nav-new-report > a {
  padding: 10px;
  color: #FFF;
  font-weight: 500;
  border: none;
  text-transform: uppercase;
}
#new-report-div .nav-new-report > a.disabled {
  background-color: #CCC !important;
  -webkit-transition: background-color .1s;
  /* For Safari 3.1 to 6.0 */
  transition: background-color .1s;
}
.summary #new-report-div .nav-new-report > a {
  background: #6FBD20;
}
.summary #new-report-div .nav-new-report > a:hover {
  background: #5EA11B;
}
.sales #new-report-div .nav-new-report > a {
  background: #6FBD20;
}
.sales #new-report-div .nav-new-report > a:hover {
  background: #5EA11B;
}
.sales_target #new-report-div .nav-new-report > a {
  background: #6FBD20;
}
.sales_target #new-report-div .nav-new-report > a:hover {
  background: #5EA11B;
}
.price #new-report-div .nav-new-report > a {
  background: #00BFFF;
}
.price #new-report-div .nav-new-report > a:hover {
  background: #00A3D9;
}
.volume #new-report-div .nav-new-report > a {
  background: #FF8D42;
}
.volume #new-report-div .nav-new-report > a:hover {
  background: #E67F3C;
}
.volume_forecast #new-report-div .nav-new-report > a {
  background: #FF8D42;
}
.volume_forecast #new-report-div .nav-new-report > a:hover {
  background: #E67F3C;
}
.main #subheader .ico-section:hover {
  background-color: #F4F4F4;
}
#subheader .btn-option {
  background-color: #F8F8F8;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 40px;
  height: 40px;
  margin-left: 5px;
  display: inline-block;
}
#subheader .btn-option:hover,
#subheader .btn-option:focus,
#subheader .btn-option:active {
  background-color: #8ED1FF;
  background-position: 0 -40px;
}
#subheader > .btn-group {
  padding-top: 5px;
}
.btn-print {
  background-image: url(../img/ico-print.png);
}
.btn-download {
  background-image: url(../img/ico-download.png)
}
.btn-refresh {
  background-image: url(../img/ico-refresh.png)
}
.btn-favorite {
  background-image: url(../img/ico-favorite.png)
}
.btn-favorite .dropdown-toggle::after {
    display:none
}
.btn-new-report {
  background-image: url(../img/ico-nav-new-report.png)
}
.btn-reset {
    padding: 5px!important;
}
.dropdown-favorite {
  min-width: 250px;
  max-width: 400px;
  padding: 10px 0 !important;
}
.dropdown-favorite form a {
  color: #FFF !important;
}
.dropdown-favorite #saved-report-list {
  display: table;
  padding: 8px 20px;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
}
.dropdown-favorite > #saved-report-list a {
  white-space: normal;
  line-height: 1.15;
  display: table-cell;
  padding: 0;
}
.dropdown-favorite .fav-item {
    padding: 5px;
}
.dropdown-favorite .fav-item:hover {
  background: #f5f5f5;
}
.dropdown-favorite .close-item {
  width: 17px;
}
.dropdown-favorite input {
  margin-bottom: 10px;
}
.dropdown-favorite .btn {
    padding: 8px;
}
/*.dropdown-favorite form {
  padding: 0 20px;
}*/
.dropdown-favorite .dropdown-header {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  color: #525260;
}
.dropdown-favorite .pagination {
  margin-top: 5px;
  margin-bottom: 0;
}
.commodity .dropdown-menu {
  background: #FFF;
  border: 1px solid #E4E4E7;
  margin-top: 15px;
  padding: 0;
}
.commodity .dropdown-menu .title {
  border-bottom: 1px solid #E4E4E7;
  font-size: 12px;
  color: #646472;
  text-transform: uppercase;
  padding: 10px 20px;
}
.commodity .dropdown-menu > .options {
  width: 380px;
}
.commodity .dropdown-menu > .options a {
  display: block;
  font-weight: normal;
  padding: 3px 20px;
  color: #646473;
}
.commodity .dropdown-menu > .options a:hover {
  color: #00BFFF;
  background-color: #F4F4F4;
}
.commodity .col-one {
  border-right: 1px solid #E4E4E7;
}
.commodity .col-one,
.commodity .col-two {
  width: 50%;
  padding: 15px 5px 20px;
}
#header .dropdown .dropdown-menu a {
  color: #32A5D1;
  text-transform: none;
  display: block;
}
#header .dropdown .dropdown-menu a:active {
    color: #FFF;
}
.main #visuals {
  background: #F4F4F4;
}
.main-historics #visuals {
  border-top: 2px solid #DCE1ED;
}
.main-historics #visuals,
.main-historics #filters {
  border-bottom: 1px solid #DCE1ED;
}
#filters,
#visuals {
  padding: 5px 0;
}
#report_line .item-selected,
#filters .item-selected,
#visuals .item-selected {
  margin-left: 2%;
}

#report_line .item-selected {
    font-size: 15px;
    display: inline-block;
    padding: 2px 8px 2px 10px;
    line-height: 100%;
    background-color: #F4F4F4;
    color: #00BFFF;
}

#report_line .item-selected:hover {
  background-color: #ededed;
}


#filters .item-selected:hover{
  background-color: #F4F4F4;
}

#visuals .item-selected:hover{
  background-color: #ededed;
}

#filters .dropdown-menu,
#visuals .dropdown-menu {
  border-radius: 0;
  max-height: 350px;
  overflow-y: auto;
}
#filters .dropdown.disabled,
#visuals .dropdown.disabled {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}
#filters .dropdown.disabled div,
#visuals .dropdown.disabled div {
  color: #888;
  pointer-events: none;
  cursor: not-allowed;
}
#header .tag {
  color: #646473;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
  background: url(../img/dots-filter.gif) no-repeat right 10px;
  padding-right: 10px;
  padding-top: 10px;
  white-space: nowrap;
  vertical-align: top;
  width: 60px;
  text-align: right;
}
.item-label {
  font-size: 10px;
  color: #868695;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 0
}
.tab-pane .item-label {
  margin: 15px 0 15px 15px;
}
.item-selected {
  font-size: 13px;
  text-transform: none;
  padding: 0 5px;
  display: inline-block;
  cursor: pointer;
}
.main .item-selected {
  color: #32A6D1;
}
.close-item {
  background: url(../img/ico-filter-close-hover.png) left 3px no-repeat;
  width: 11px;
  height: 11px;
}
.close-item:hover {
  background: url(../img/ico-filter-close.png) left 3px no-repeat;
}
#header .item .close-item {
  display: inline-block;
  margin-bottom: -1px;
  margin-right: 3px;
}
#formfilter select {
  width: 100%;
  border: none;
  background: #F9F9F9;
  padding: 7px 0;
  color: #646473;
  cursor: pointer;
}
#formfilter .dateOff,
#formfilter .dateOn {
  width: 65px;
  border: none;
  color: #A8A8B7;
  text-align: center;
  cursor: pointer;
}
#formfilter .dateOff {
  font-size: 9px;
  background: url(../img/ico-drop-grey.png) no-repeat right 3px;
}
#formfilter .dateOn {
  font-size: 11px;
  background: none;
}
#formfilter #guion {
  padding: 0 5px;
}
#formfilter .periodo {
  padding-top: 7px;
  padding-right: 10px;
}
#formfilter .is-cell {
  width: 10%;
}
#formfilter .campo {
  height: 33px;
  color: #646473;
  font-size: 12px;
  margin-left: 15px;
  border-bottom: 1px dotted #C6D0DD;
}
#formfilter select:disabled {
  color: #CCC;
  cursor: default;
}
.filter-by {
  color: #747484;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  background: url(../img/dots-filter.gif) no-repeat;
}
.section {
  padding: 20px 0 0;
  margin: 0 0 20px;
}
.fcst-section {
  padding: 10px 0 0;
  margin: 0 0 0 0;
}
.full {
  background: #F9F9F9;
}
/*.select select {
  width: 220px;
  border: 1px solid #CFCFD3;
  padding: 4px 5px;
  margin-right: 10px;
}*/

/* TABLAS ------------------------*/

.data {
  font-weight: 400;
  font-size: 13px;
  color: #52525F;
  border-collapse: collapse;
  border-top: 1px solid #E7E7E8;
}
.data a {} table.data tr > td {
  padding: 0px 8px;
}
.data .line {
  border-right: 1px dotted #C6D0DD;
}
/* Favoritos */

.data .item .is-cell,
.data .item .td,
.data .item .th {
  vertical-align: middle;
  height: 34px;
  line-height: 100%;
}
.data .item .favorite {
  padding-left: 7px;
}
.data-indent tbody .item .favorite {
  padding-left: 5px;
}
.data .item .subfilter {
  color: #BCCADA;
  text-align: right;
  padding-right: 5px;
  visibility: hidden;
  white-space: nowrap;
}
.data .item .subfilter a {
  color: #41658E;
  display: inline-block;
  padding: 11px 0;
  border-bottom: 2px solid transparent;
}
.data .item .subfilter span {
  font-size: 10px;
  font-weight: 300;
  padding-left: 5px;
}
.data .item .subfilter span:first-child {
  padding-left: none;
  padding-right: 5px;
}
/* END Favoritos */

.data tr:hover .item.more .subfilter,
.data .tr:hover .item.more .subfilter {
  visibility: visible;
}
.data tr:hover .item.more .subfilter a:hover,
.data .tr:hover .item.more .subfilter a:hover {
  color: #41658E;
  border-bottom: 2px solid #9BADC2;
}
/**/

.data .item .is-cell.favorite,
.data .item .td.favorite {
  width: 16px;
  padding-right: 5px;
  white-space: nowrap;
}
.star {
  width: 16px;
  height: 15px;
  cursor: pointer;
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
}
.star.on {
  background-image: url(../img/btn-fav-on.png);
}
.star.off {
  background-image: url(../img/btn-fav-off.png);
}
.star.off:hover {
  background-image: url(../img/btn-fav-hover.png);
}
.uplvl {
  background: url(../img/ico-back.gif) no-repeat left center;
  padding-left: 12px;
  text-transform: none;
}
/* No tiene favoritos aun*/

.no-favorite {
  margin-top: 30px;
  padding-bottom: 100px;
  color: #5F799E;
  background: url(../img/ico-fav-ribon.gif) no-repeat center bottom;
}
.no-favorite .title {
  font-size: 17px;
  font-weight: 500;
}
.no-favorite p {
  color: #5F799E;
  font-size: 15px;
}
.no-favorite b {
  font-size: 12px;
  font-weight: 300;
}
.data tr:hover,
.data .tr:hover {
  background-color: #F5F5F5;
}
.data-indent tbody tr:hover td:first-child,
.data-indent tbody .tr:hover td:first-child {
  background-color: #FFF;
}
.data img,
.data-mini img {
  margin-left: 2px;
}
.data-mini {
  font-weight: 500;
  font-size: 14px;
  color: #52525F;
  border-bottom: 1px solid #E7E7E8;
  border-collapse: collapse;
}
.data th,
.data .th {
  color: #313140;
  font-size: 11px;
  text-transform: uppercase;
  border-bottom: 1px solid #DCE1ED;
  padding: 10px 8px;
  font-weight: 600;
  background-color: #F1F5F9;
}
/* .data th, .data-mini th { 
		color:#0E0E1E;
		font-size:11px;
		text-transform:uppercase;
		padding:10px;
		font-weight:700;
		border-bottom:1px solid #E7E7E8; 
		}	*/

.data td,
.data .tr >.td {
  border-bottom: 1px solid #E7E7E8;
  border-top: 1px solid #E7E7E8;
}
.data-indent tbody td:first-child,
.data-indent tbody .tr >.td:first-child {
  border: transparent;
}
.data .info a {
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url(../img/ico-info.png);
  background-position: top center;
  background-repeat: no-repeat;
  margin: -2px;
  margin-left: 2px;
  cursor: pointer
}
.data .info a:hover {
  background-position: bottom center;
  cursor: pointer
}
.data .compare {
  background: #F8FAFC;
  color: #3D6494;
  border-bottom: 2px solid #C6D0DD;
}
.data .compare a {
  color: #3D6494;
}
.data .compare .item {
  padding-left: 0;
}
.state {
  margin-left: 2px;
  color: #838392;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 300;
}
.currency {
  color: #868695;
  font-size: 10px;
  text-transform: uppercase;
}
.number {
  font-weight: 300;
  color: #868695;
  font-size: 12px;
  margin-right: 10px;
  min-width: 20px;
}
.data .small {
  font-size: 12px;
  font-weight: 400;
}
.division {
  border-left: 1px solid #E7E7E8;
}
.th-vertical {
  background: #F9F9F9;
}
.mini {
  overflow: hidden;
}
.mini .data-mini {
  margin-left: 25px;
}
.mini .data-mini:first-child {
  margin-left: 0;
}
.data-mini .thead {
  color: #313140;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  background: none;
  padding: 10px;
  font-weight: 700;
  border-bottom: 2px solid #A8A8B7;
}
/* lightbox */

#info-data {
  font-size: 11px;
}
#info-data h2 {
  padding-left: 0;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 10px;
  font-weight: bold
}
#info-data p {
  display: inline-block;
  padding: 0;
  margin-bottom: 10px;
  font-size: 12px;
}
#info-data .small {
  color: #999;
  font-size: 11px;
  margin-top: 7px
}
#info-data th {
  padding-right: 15px;
}
#info-data td {
  color: #747484;
}
#info-data.modal-dialog {
  width: 700px;
}
.infoRow div:nth-child(-n+4) {
  float: left;
}
.infoRow div:nth-child(1) {
  width: 19%
}
.infoRow div:nth-child(2) {
  width: 25%
}
.infoRow div:nth-child(3) {
  width: 44%
}
.infoRow div:nth-child(4) {
  width: 12%
}
.tr div:nth-child(-n+4) {
  float: left;
}
.tr div:nth-child(1) {
  width: 19%
}
.tr div:nth-child(2) {
  width: 25%
}
.tr div:nth-child(3) {
  width: 44%
}
.tr div:nth-child(4) {
  width: 12%
}
.toggler {
  cursor: pointer
}
#units-box h2 {
  padding: 10px 10px 10px 50px;
  background: #F2F2F3 url(../img/ico-world-big.png) no-repeat 20px center;
}
#units-box .title {
  color: #313140;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px;
  font-weight: 700;
}
#units-box a {
  padding: 3px 10px;
  color: #52525F;
  display: block;
}
#units-box .is-cell {
  width: 48%;
}
#units-box .is-cell:first-child {
  padding-right: 4%;
}
#units-box a:hover {
  background: url(../img/ico-check.png) no-repeat right center;
}
#units-box .active,
#units-box .active:hover {
  background: #E7EEF2;
  color: #3A5D6E;
}
#units-box b {
  margin-right: 5px;
}
#units-box .table {
  margin-bottom: 0;
}
/* Charts -------------------------- */

.tabs > li:first-child a {
  border-left: 1px solid #DCE1ED !important;
}
.tabs .tab {
  padding: 10px 20px 10px 36px;
  border-top: 1px solid #DCE1ED;
  border: 1px solid #DCE1ED;
  font-size: 10px;
  color: #A8A8B7;
  text-transform: uppercase;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.tabs .tabs-line {
  border-bottom: 1px solid #DCE1ED;
}
.nav-tabs li a {
  background-position: top center;
  background-repeat: no-repeat;
}
.tabs .nav > li > a:hover {
  background-color: #F8F8F8;
}
li.active .map,
li .map:hover {
  background-image: url(../img/ico-map-active.png);
}
li.active .weight,
li .weight:hover {
  background-image: url(../img/ico-price-w-active.png);
}
li.active .report,
li .report:hover {
  background-image: url(../img/ico-price-r-active.png);
}
li.active .data-all,
li .data-all:hover {
  background-image: url(../img/ico-table-active.png);
}
li.active .data-fav,
li .data-fav:hover {
  background-image: url(../img/ico-fav-active.png);
}
.map {
  background-image: url(../img/ico-map.png);
}
.weight {
  background-image: url(../img/ico-price-w.png);
}
.report {
  background-image: url(../img/ico-price-r.png);
}
.data-all {
  background-image: url(../img/ico-table.png);
}
.data-fav {
  background-image: url(../img/ico-fav.png);
}
.units {
  left: 0;
  list-style: none;
  color: #A7A7B7;
  font-size: 12px;
  padding: 2px 0 2px 15px;
  margin-top: 7px;
  font-weight: 300;
  position: relative;
  background: url(../img/ico-world.png) no-repeat left center;
}
.units a {
  color: #A7A7B7;
  padding-left: 10px;
  cursor: pointer;
}
.units a:first-child {
  padding-right: 10px;
}
/*------*/

.thead {
  display: table-header-group;
}
.tfoot {
  display: table-footer-group;
}
.tbody {
  display: table-row-group;
}
.tr {
  display: table-row;
}
.td,
.th {
  display: table-cell;
}
.data .tr > .td,
.data .tr > .th {
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  width: 19%;
}
.data .tr > .td:first-child,
.data .tr > .th:first-child {
  text-align: left;
  width: 30%;
  padding-left: 10px;
  white-space: normal;
}
.data .tr > .td:last-child,
.data .tr > .th:last-child {
  width: 15%;
  padding-right: 10px;
}
.data .tr > .td:last-child {
  text-align: right;
}
.data .tr > .td:first-child {
  border-right: 1px dotted #C6D0DD;
}
/* .data tbody td:first-child { 
	width:40px;
	min-width:40px;
} */

.data-indent .indent {
  background: url(../img/ico-indent.gif) no-repeat center center;
  width: 40px;
  height: 30px;
}
.data tbody tr:last-child td {
  border-bottom-width: 2px;
}
.note {
  padding-left: 10px;
  font-size: 11px;
  color: #646472;
  font-weight: 300;
  margin-top: 5px;
  display: inline-block;
}
.data-indent + .note {
  padding-left: 50px;
}
.td-historic {
  border-left: 1px dotted #C6D0DD;
}
.td-historic a {
  background-image: url(../img/ico-historic.png);
  background-repeat: no-repeat;
  background-position: top center;
  width: 21px;
  height: 20px;
  display: inline-block;
  cursor: pointer
}
.ico-historic:hover {
  background-position: bottom center;
  cursor: pointer
}
.date-range {
  text-align: right;
  text-transform: uppercase;
  font-size: 12px;
}
.dashboard {
  max-width: 950px;
}
.date-range .btn-default {
  border: 0;
}
.date-range .btn-default:hover,
.date-range .btn-default:active,
.date-range .btn-default:focus {
  background-color: #F8F8F8;
}
.date-range .dropdown-menu {
  min-width: 10px;
  text-transform: none;
}
.date-range .dropdown-menu a,
.date-range .dropdown-menu a:hover,
.date-range .dropdown-menu a:active {
  color: #32A6D1;
}
.dashboard {
  padding-top: 40px;
}
.dashboard h1 {
  font-weight: 400;
  font-size: 34px;
}
.summary .dashboard h1 {
  color: #6FBD20;
}
.sales .dashboard h1 {
  color: #6FBD20;
}
.sales_target .dashboard h1 {
  color: #6FBD20;
}
.price .dashboard h1 {
  color: #00BFFF;
}
.volume .dashboard h1 {
  color: #FF8C41;
}
.volume_forecast .dashboard h1 {
  color: #FF8C41;
}
@media (min-width: 992px) {
  .dashboard {
    padding-top: 60px;
  }
}
.dashboard .dropdown,
.datasource .dropdown {
  margin-top: 20px;
}
.dashboard .dropdown-toggle,
.dashboard .select-category {
  background-color: #F8F8F8;
  border: 1px solid #E3E3E3;
  font-size: 16px;
  cursor: pointer;
  color: #535362;
  text-transform: uppercase;
}
.btn-dashboard {
  color: #FFF;
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 20px;
  padding: 12px 40px;
}
.btn-dashboard:hover,
.btn-dashboard:active,
.btn-dashboard:focus {
  color: #FFF;
}
.summary .btn-dashboard {
  background: #6FBD20;
}
.summary .btn-dashboard:hover {
  background: #5EA11B;
}
.sales .btn-dashboard {
  background: #6FBD20;
}
.sales .btn-dashboard:hover {
  background: #5EA11B;
}
.sales_target .btn-dashboard {
  background: #6FBD20;
}
.sales_target .btn-dashboard:hover {
  background: #5EA11B;
}
.datasource .btn-dashboard {
  background: #36c9d6;
}
.price .btn-dashboard {
  background: #00BFFF;
}
.datasource .btn-dashboard:hover {
  background: #26a9b5;
}
.price .btn-dashboard:hover {
  background: #00A3D9;
}
.volume .btn-dashboard {
  background: #FF8D42;
}
.volume .btn-dashboard:hover {
  background: #E67F3C;
}
.volume_forecast .btn-dashboard {
  background: #FF8D42;
}
.volume_forecast .btn-dashboard:hover {
  background: #E67F3C;
}
.drop-commodity .dropdown-toggle {
  padding: 15px 25px;
  background-image: url(../img/ico-dashboard-caret.png);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
    border: 1px solid #CCC;
}
.sales.select-commodity .dropdown-toggle,
.sales_target.select-commodity .dropdown-toggle,
.summary.select-commodity .dropdown-toggle,
.price.select-commodity .dropdown-toggle,
.volume.select-commodity .dropdown-toggle
.volume_forecast.select-commodity .dropdown-toggle{
  padding: 8px 18px 2px 10px;
}
.summary.select-commodity .dropdown-toggle a {
  color: #535362;
}

.select-commodity .dropdown-menu {
  padding: 10px 30px;
  width: 100%;
  max-height: 270px;
  overflow-y: auto;
  border-radius: 0;
  margin-top: -1px;
}
.select-commodity .dropdown-menu a {
  background-color: #F2F2F2;
  padding: 10px 25px;
  margin-bottom: 5px;
  -webkit-transition: background-color .1s;
  /* For Safari 3.1 to 6.0 */
  transition: background-color .1s;
  display: block;
  color: #333;
}
.select-commodity .dropdown-menu a:hover {
   background-color: #36c9d6;
  color: #FFF;
}
.summary .select-commodity .dropdown-menu a:hover {
  background-color: #5EA11B;
  color: #FFF;
}
.sales .select-commodity .dropdown-menu a:hover {
  background-color: #5EA11B;
  color: #FFF;
}
.sales_target .select-commodity .dropdown-menu a:hover {
  background-color: #5EA11B;
  color: #FFF;
}
.price .select-commodity .dropdown-menu a:hover {
  background-color: #00BFFF;
  color: #FFF;
}
.volume .select-commodity .dropdown-menu a:hover {
  background-color: #FF8D42;
  color: #FFF;
}
.volume_forecast .select-commodity .dropdown-menu a:hover {
  background-color: #FF8D42;
  color: #FFF;
}
.select-commodity .icon-box {
  display: inline-block;
  height: 40px;
}
.select-commodity .icon {
  font-size: 38px;
  vertical-align: -12px;
  margin-right: 10px;
  line-height: 1;
  display: inline-block;
}
.sales.open .dropdown-toggle {
  color: #FFF;
  background-color: #5EA11B;
}
.sales_target.open .dropdown-toggle {
  color: #FFF;
  background-color: #5EA11B;
}
.price.open .dropdown-toggle {
  color: #FFF;
  background-color: #00BFFF;
}
.volume.open .dropdown-toggle {
  color: #FFF;
  background-color: #FF8D42;
}
.volume_forecast.open .dropdown-toggle {
  color: #FFF;
  background-color: #FF8D42;
}
.dashboard .articles {
  border: 1px solid #EEEEF0;
  padding: 20px 25px;
  font-size: 18px;
  margin-top: 70px;
}
.dashboard .articles h4 {
  text-transform: uppercase
}
.dashboard .articles a {
  color: #00B3C1;
}
.btn-default.disabled {
  color: #666;
}
.listFav {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  display: block;
  padding: 0 20px;
  overflow-x: hidden;
  overflow-y: scroll;
  /* Scrollable contents if viewport is shorter than content */
  border-left: 1px solid #eee;
  padding-top: 100px;
  line-height: 100%;
}
.listFav ol {
  padding-left: 20px;
  color: #00B3C1;
}
.listFav div {
  margin-top: 20px;
}
.listFav h4 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
  margin-top: 20px;
}
.listFav a {
  color: #00B3C1;
  display: block;
  line-height: 120%;
  margin-bottom: 10px;
  font-size: 15px;
}
.listFav a:hover {
  text-decoration: underline;
}
.listFav h3 {
  font-weight: 300;
}
#new-report-div {
  border-top: 1px solid #EEEEEE;
  padding: 15px 0;
}
.img-dashboard {
  width: 90px;
  height: 90px;
  margin: 0 auto
}
.summary .img-dashboard {
  background: url(../img/ico-summary-dashboard.png) no-repeat center center;
}
.sales .img-dashboard {
  background: url(../img/ico-summary-dashboard.png) no-repeat center center;
}
.sales_target .img-dashboard {
  background: url(../img/ico-summary-dashboard.png) no-repeat center center;
}
.price .img-dashboard {
  background: url(../img/ico-price-dashboard.png) no-repeat center center;
}
.volume .img-dashboard {
  background: url(../img/ico-volume-dashboard.png) no-repeat center center;
}
.volume_forecast .img-dashboard {
  background: url(../img/ico-volume-dashboard.png) no-repeat center center;
}
/* Embed Video */

.video-demo {
  max-width: 800px;
  text-align: center;
}
/* DASHBOARD RATING */

.rating-static {
  width: 60px;
  height: 16px;
  display: block;
  background: url('../img/star-rating.png') 0 0 no-repeat;
}
.rating-50 {
  background-position: 0 0;
}
.rating-40 {
  background-position: -12px 0;
}
.rating-30 {
  background-position: -24px 0;
}
.rating-20 {
  background-position: -36px 0;
}
.rating-10 {
  background-position: -48px 0;
}
.rating-00 {
  background-position: -60px 0;
}
.user_paid {
  width: 14px;
  height: 14px;
  display: block;
  background: url('../img/ico-paid-user.gif') 0 0 no-repeat;
}


/* PAYMENT */

.pay-commodity-list >td {
  vertical-align: middle;
}
.pay-commodity-total,
.pay-your-purchase {
  background: #F4F4F4;
  padding: 20px;
}
.pay-commodity-total .close {
  float: none;
}
.pay-commodity-total tbody {
  border-bottom: 2px solid #DDD;
}
.sub-title {
  color: #737384;
  border-bottom: 1px solid #DDD;
  margin-bottom: 30px;
  padding-bottom: 10px;
  font-size: 16px;
  text-transform: uppercase;
}
.pay-billing {
padding: 20px;
}

.pay-commodity-list .btn-primary { background:#00BFFF; border: none;
}

.pay-commodity-list .disabled.btn-primary  { background: #DDD;
}

/** -------- **/
#subheader .selection {
  font-size: 15px;
  display: inline-block;
  padding: 10px 10px 10px 10px;
  line-height: 100%;
  margin-right: 8px;
  background-color: #F4F4F4;
  color: #00BFFF;

}
#subheader .selection.disabled {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

#subheader .selection b {
  font-size: 11px;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
}

.main #subheader .ico-section:hover,
.main #subheader .selection:hover {
  background-color: #ededed;
}

.summary #subheader .selection {
  color: #6FBD20;
}
.price #subheader .selection {
  color: #00BFFF;
}
.volume #subheader .selection {
  color: #00BFFF;
}
.volume_forecast #subheader .selection {
  color: #00BFFF;
}
.sales #subheader .selection {
  color: #00BFFF;
}
.sales_target #subheader .selection {
  color: #00BFFF;
}
#filters .compare-by{
  color: #32A6D1;
  font-size: 12px;
  display: inline-block;
  padding: 8px 8px 8px 8px;
  line-height: 100%;
  margin-right: 5px;
  background-color: #F4F4F4;
}
#filters .compare-by b{
  color: #525261;
}
#filters .compare-by:hover {
  background-color: #ededed;
}

#view-report-btn{
    margin: 8px 0 0 10px;
    padding: 17px 17px 19px 15px;
    background: url(../img/ico-nav-new-report.png) 0 0 no-repeat;
}

.panel {
    border: 0;
}
.panel-heading:hover {
    background-color: #ededed;
}

.panel-heading {
    padding: 20px 15px 20px 60px;
    border-bottom: 1px solid transparent;
    display: block;
}
.navbar-inverse {
    background-color: #11C2B3 /*#222*/;
    border-color: #10B4A7;
}
.navbar-inverse .navbar-collapse{
    border-color: #10B4A7;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 7px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-inverse .navbar-nav > li > a {
    color: #B8EDE8 /*#999*/;
    text-transform: uppercase;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #10B4A7;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #10B4A7;
}
.navbar-inverse .navbar-toggle {
    border-color: #10B4A7;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #10B4A7;
    }
}

#favorites-table tr:hover,
#dashboard-table tr:hover{
    background-color: #ededed;
    cursor: pointer;
}

.capitalize {
    text-transform: capitalize;
}
.table-viewing {
    color:#32A6D1;
}

#mission_table_data {
    overflow-y: scroll;
    width: 100%;
    /* height: 100%; */
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin: 8px 0px 4px 20px;
    height: 300px;
    float: left;
    /* background-color: #FFF; */
}
.animate-show-hide.ng-hide {
  opacity: 0;
}

.animate-show-hide.ng-hide-add,
.animate-show-hide.ng-hide-remove {
  transition: all linear 0.5s;
}

.check-element {
  opacity: 1;
}


/*SCORECARD TABLE*/
#scorecardtable thead th:first-child,
#scorecardtable tbody td:first-child {
    width: 36px;
    text-align: right;
    border-right: 1px solid #FFF;
    /*background-color: #0088cc;*/
}
#scorecardtable thead th:nth-child(2),
#scorecardtable tbody td:nth-child(2){
    text-align: left;
    width: 200px;
    /*background-color: #003366;*/
}
#scorecardtable thead th:nth-child(3),
#scorecardtable tbody td:nth-child(3){
    width: 88px;
    /*background-color: #004d40;*/
}
#scorecardtable thead th:nth-child(4),
#scorecardtable tbody td:nth-child(4){
    width: 120px;
    /*background-color: #006600;*/
}
#scorecardtable thead th:nth-child(5),
#scorecardtable tbody td:nth-child(5){
    width: 100px;
    /*background-color: #0091ea;*/
}
#scorecardtable thead th:nth-child(6),
#scorecardtable tbody td:nth-child(6) {
    width: 106px;
    /*background-color: #004d40;*/
}
#scorecardtable thead th:nth-child(6),
#scorecardtable thead th:nth-child(9),
#scorecardtable thead th:nth-child(12){
    border-right: 1px solid #fff;
}
#scorecardtable tbody td:first-child,
#scorecardtable tbody td:nth-child(6),
#scorecardtable tbody td:nth-child(9),
#scorecardtable tbody td:nth-child(12){
    border-right: 1px solid #ddd;
}
#scorecardtable thead th:nth-child(7),
#scorecardtable thead th:nth-child(8),
#scorecardtable tbody td:nth-child(7),
#scorecardtable tbody td:nth-child(8) {
    width: 80px;
    /*background-color: #0091ea;*/
}

#scorecardtable thead th:nth-child(9),
#scorecardtable tbody td:nth-child(9){
    width: 100px;
    /*background-color: #006600;*/
}

#scorecardtable thead th:nth-child(10),
#scorecardtable thead th:nth-child(11),
#scorecardtable thead th:nth-child(12),
#scorecardtable tbody td:nth-child(10),
#scorecardtable tbody td:nth-child(11),
#scorecardtable tbody td:nth-child(12){
    width: 80px;
    /*background-color: #004d40;*/
}
#scorecardtable thead th:nth-child(13),
#scorecardtable thead th:nth-child(14),
#scorecardtable thead th:nth-child(15),
#scorecardtable tbody td:nth-child(13),
#scorecardtable tbody td:nth-child(14),
#scorecardtable tbody td:nth-child(15) {
    width: 85px;
    /*background-color: #0091ea;*/
}

#scorecardtable thead th:nth-child(18),
#scorecardtable tbody td:nth-child(18){
    width: 70px;
    /*background-color: #0091ea;*/
}

#scorecardtable thead th:nth-child(16),
#scorecardtable thead th:nth-child(17),
#scorecardtable tbody td:nth-child(16),
#scorecardtable tbody td:nth-child(17) {
    width: 120px;
    /*background-color: #004d40;*/
}

#scorecardtable thead>tr {
    /*padding-right: 20px;*/
    display: block;
}

/*#scorecardtable thead {*/
    /*direction: rtl;*/
/*}*/

#scorecardtable tbody {
    max-height: 600px;
    display: block;
    min-width: 1700px;
    /*width: 100%;*/
    table-layout: fixed;
    /*font-size: 13px;*/
    overflow-y: auto;
    /*direction: rtl;*/
}

#scorecardtable tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}

#scorecardtable td {
    height: 47px;
}

#scorecardtable {
    margin-bottom: 0;
}
#scorecardtable th.sortable .sort-indicator {
   line-height: 15px;
   display: inline-block;
}

#scrollable_table {
    max-width: 1672px;
    overflow: hidden;
    overflow-x:scroll;
    margin-bottom: 20px;
}
/*#scorecardtable tr:hover {*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
    /*filter: alpha(opacity=50);*/
    /*-moz-opacity: 0.5;*/
    /*-khtml-opacity: 0.5;*/
    /*opacity: 0.5;*/
    /*background-color:#f5f5f5;*/
/*}*/

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.7);
}

.history-view-dropdown {
    width: 174px;
}

/* SETTINGS --------------------------------------------- */
#settings section {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
}
#settings .card-box {
    padding-bottom: 60px
}
.ico-card { 
    background: url(../img/creditcard-icons.png) no-repeat;
    width: 56px; 
    height: 35px;
}
.ico-card.visa { 
    background-position: 0 0;
}
.ico-card.master { 
    background-position: -61px 0;
}
.ico-card.american { 
    background-position: -123px 0;
}
.ico-card.discover { 
    background-position: -183px 0;
}
.settings-content { 
    margin-top:20px;
}
.settings-menu a { 
    text-transform: uppercase;
    color: #535362;
}
.settings-menu ul {
    list-style: none;
}
.btn-sm {
    padding: 10px 15px!important;
}
.list-group-item { 
    border: none;
    background: none;
}
.list-group-item.active { 
    background-color: #ffffff;
}
.list-group-item:first-child,
.list-group-item:last-child {
    border-radius: 0;
}
.table-plan {
    max-width: 500px;
    border: 1px solid #dee2e6;
}
.table-plan th { 
    background-color: #f7f7f7;
}

/* STRIPE ------------------*/
.payment-style {
    max-width: 500px;
}
.payment-style small {
    font-size: 90%;
}
.payment-style label { 
    display: block;
    font-weight: 500;
    font-size: 14px;
    display: block;
    margin-bottom: 8px;
}
.payment-style input { 
    border: none;
    color: #32325d;
/*    line-height: 18px;*/
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}
.payment-style input:focus {
    outline: none;
}
.payment-style ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #aab7c4;
    opacity: 1; /* Firefox */
}

.payment-style :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #aab7c4;
}

.payment-style ::-ms-input-placeholder { /* Microsoft Edge */
    color: #aab7c4;
}
.input-style {
  background-color: white;
  height: 40px;
  padding: 7px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #bbc1c7;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}
.input-style-card {
    height: auto;
    padding: 7px 10px;
    line-height: 100%;
}
.btn.card-delete { 
    padding: 2px 7px 2px 7px;
}
.card-data { line-height: 100%; font-size: 15px}
.form-group {
    margin-bottom: 1.5rem;
}
.payment-style input[name="name"]  { 
    width: 100%;
}
.payment-style input[name="card"]  { 
    width: 70%;
}
.payment-style input[name="expiry"]  { 
    width: 17%;
}
.payment-style input[name="cvc"]  { 
    width: 10%;
}
.payment-style input[name="coupon"]  { 
    width: 100%;
}
.coupon-input .input-style { 
    width: 45%;
    margin-right: 10px;
    display: inline-block;
}
.coupon-input .btn {
    margin-top: -4px;
    padding: 10px 20px;
}


.favorite-setup-list-item {
  float: left;
  display: block;
  width: 20%;
  padding: 2px;
  list-style: none;
}

.favorite-setup-list-item-div {
    cursor: pointer;
    position: relative;
    display: block;
    min-height: 50px;
    margin: 0;
    padding: 10px 0;
    font-size: 16px;
    font-style: normal;
    vertical-align: top;
    text-align: center;
    background: #f4f4f4;
    color: #fff;
}


.favorite-setup-list-item-div.active{
    /*background: #00BFFF;*/
    background: #8CD4F5;
    color: #fff;
    font-weight: bold;
}

.favorite-setup-list-item-div.active:hover{
    /*background: #00BFFF;*/
    background: #8CD4F5;
    color: #fff;
    font-weight: bold;
}

.favorite-setup-list-item-div > a {
    color: #00BFFF;
}

.favorite-setup-list-item-div > a.active:hover{
    color: #fff;
}

.favorite-setup-list-item-div.active > a{
    color: #fff;
}

.favorite-setup-list-item-div:hover {
    background: #ededed;
    /*color: #3554ff;*/
}

.favorite-setup-list-item-div.disabled{
    color: #bbb;
    cursor: default
}

.favorite-setup-list-item-div.disabled:hover{
    background: #f4f4f4;
    color: #bbb;
    cursor: default
}

.favorite-setup-list-item-div > a.disabled:hover{
    background: #f4f4f4;
    color: #bbb;
    cursor: default
}

.favorite-setup-list-item-div.disabled > a{
    color: #bbb;
    cursor: default;
}

.favorite-setup-list-item-div.disabled.active > a{
    color: #fff;
    cursor: default;
}

.favorite-setup-list-item-div > a.disabled.active:hover{
    background: #CCC;
    color: #fff;
    cursor: default;
}

.favorite-setup-list-item-div.disabled.active:hover{
    background: #CCC;
    color: #fff;
    cursor: default
}
.favorite-setup-list-item-div.disabled.active{
    background: #CCC;
    color: #fff;
    cursor: default
}