:root {
  --main-color: #031070;
  --main-font-family: "Work Sans";

  --secondary-color: #0755d3;
  --secondary-color-border: #073f9a;
  --secondary-background-color: #efeffc;

  --tertiary-color: #6F48FF;
  --tertiary-color-hover: #5e34f6;
  --tertiary-color-border: #6F48FF;
  --tertiary-text-color: #ffffff;

  --small-text-color: #fff;
}

@font-face {
  font-family: "Work Sans";
  src: url('worksans-regular-a3d6c7f7606fc33a6ab5bed9688d1fe8.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
  margin:0px;
  font-family: var(--main-font-family);
}

.navigationLine{
  margin: 5px 0 5px 0;
  float: right;
  clear:both;
}

.login-box {
  border: 1px solid #f4f6f8;
  padding: 30px 0;
  margin-top: 30px;
}
.login-title {
  color: var(--main-color);
}
.login-subtitle {
  color: #c5ccd1;
}

.work-area {
  background-color: #f9f9fb;
  min-height: 700px;
  border-left: 1px solid #e3e3e5;
}

.first {
  background-color: #DDD;
}

.page {
  margin: 0px;
  padding: 23px;
  overflow-x: hidden; /* For Opera */
  box-shadow:
    inset #ffffff 0 0 0 5px,
    inset #ffffff 0 0 0 1px,
    inset #ffffff 0 0 0 10px,
    inset #ffffff 0 0 0 11px,
    inset #ffffff 0 0 0 16px,
    inset #ffffff 0 0 0 17px,
    inset #000000 0 0 0 22px,
    inset #000000 0 0 0 23px;
  height: 1095px;
}

.top-space {
  margin-top: 80px;
}

.gold {
  background-color: gold;
  color: black;
}

.silver {
  background-color: silver;
  color: black;
}

.home-search-form {
  margin-top: 10%;
}

.klooks-field-name {
  margin-left: 0px;
}

.klooks-range-str {
  text-align: center;
  height: 34px;
  line-height: 34px
}

.klooks-horizontal-divider {
  height: 1em;
}


.business-result {
  color: #333;
  display: block;
  padding-top: 10px;
  border: 1px solid #ddd;
  border-bottom: none;
  background-color: white;
}
.business-result:second-child {
  border-bottom: 1px solid #ddd;
}
.business-result:hover {
  border-color: #5ca162;
  border-bottom-color: #5ca162;
}
.business-result:hover + .business-result {
  border-top-color: #5ca162;
}


.diario {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 5px 0;
}
.diario > .date {
  float: right;
}

.similar-list {
  overflow: scroll;
  height: 300px;
}

.similar-list {
  overflow: scroll;
  height: 1000px;
}

.table-compact>tbody>tr>td,
.table-compact>tbody>tr>th,
.table-compact>tfoot>tr>td,
.table-compact>tfoot>tr>th,
.table-compact>thead>tr>td,
.table-compact>thead>tr>th
{
  padding: 4px;
  font-size: 0.8em;
}


.comparative-table>thead>tr>th:not(.bal-head) {
  text-align: center;
  font-size: 0.8em;
}
.comparative-table>tbody>tr>th {
  font-size: 0.8em;
}
.comparative-table>tbody>tr>td:nth-child(2n+2):not(.bal) {
  text-align: right;
}
.comparative-table>tbody>tr>td:nth-child(n+2) {
  font-size: 0.7em;
}

.big-pad {
  padding-right: 30px !important;
  text-align: right; 
  font-size: 0.8em; 
}

.med-pad {
  padding-right: 25px !important;
  text-align: right;  
  font-size: 0.8em;
}

.sma-pad {
  padding-right: 20px !important;
  text-align: right;  
  font-size: 0.8em;
}

.dropdown-inline {
  display: inline-block;
}


.footer {
  margin-top: 15px;
}

.disabled {
  opacity: 0.6;
  color: gray !important;
  cursor: not-allowed !important;
}

.mini {
  width: 125px;
  text-align: left;
  margin-top: 6px;
}

.micro {
  width: 75px;
  text-align: left;
  margin-top: 6px;
}

.short {
  height:28px;
}

.grayText {
  color: gray;
}
.greenText {
  color: green;
}

.red-button{
  background-color: red;
  border: red;
}

.gray-button{
  background-color: #c5ccd1;
  border: #c5ccd1;
}

.red-button:hover{
  background-color: rgb(180, 40, 33);
  border: rgb(180, 40, 33);
}

/**
  Rules for the pagination buttons
*/
.floatRight {
  float: right;
}
.paginateButtons {
  margin: 1em 0em 1em 0em;
}
.paginateButtons * {
  margin:0px;
  padding: 0.6em 1em 0.6em 1em;
  border-color: #c7c8cf;
  border-width: 1px 1px 1px 0px;
  border-style: solid;
}
.paginateButtons *:hover {
  background: #e9e9eb;
}
.paginateButtons *:first-child{
  border-left-width: 1px;
  border-top-left-radius: 0.4em;
  border-bottom-left-radius: 0.4em;
}
.paginateButtons *:last-child{
  border-top-right-radius: 0.4em;
  border-bottom-right-radius: 0.4em;
}
.paginateButtons .currentStep{
  background: #d1e1ed;
  cursor: default;
}

.left-margined{
  margin-left: 12px;
}

.selectedCheckboxes{
  background-color: gold;
  margin-bottom:4px;
  min-height: 0px;
}

#reportDetails{
  background-color: var(--secondary-color);
  color:white;
  margin-bottom: 38px;
}

#wantReportButton{
  background-color:#f1c232;
  color: black;
}

#selectAll{
  transform: scale(1.3);
  background:white;
  border-radius:5px;
  border:4px solid;
}

#selectAllDiv{
  padding-right:0px;
  padding-left: 26px;
}

.noPadding{
  padding:0px;
}

.noBorder{
  border: 0px;
}

.lightGrayText{
  color: #eee;
}

.golden{
  color:gold;
}

.multiselect-native-select .btn-group {
  width: 100%;
}

.multiselect-native-select .btn-group button {
  width: 100%;
}

.multiselect-selected-text {
  color: #555;
  float: left;
}

.multiselect .dropdown-icon {
  position: relative;
  margin-right: -.9em;
  float: right;
  margin-top: .5em;
  font-size: .65em;
  opacity: .7;
}

.multiselect-container {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 400px;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  background-color: var(--secondary-color);
}

.badge-container {
  width: 100%;
}

@media (min-width: 1400px) {
  .container {
    width: 1400px;
  }
}

.tab-content > .tab-pane {
  overflow-x: scroll;
}

.sticky-column {
  position: sticky;
  left: 0px;
  background-color: white;
  z-index: 1;
  white-space: nowrap;
}

.balance-scroller {
  text-align: right;
}

.medianIndicators {
  overflow-x: scroll;
}

.tooltip.in {
  opacity: 1 !important;
}

.tooltip.top .tooltip-arrow {
  border-top-color: var(--secondary-color-border);
}

.tooltip-inner {
  max-width: 550px;
  font-size: 1.25em;
  background-color: var(--secondary-background-color);
  color: #333;
  opacity: 1;
  border: 2px solid var(--secondary-color-border);
  border-radius: 5px;
  text-align: left;
}

.indicatorTooltip {
  cursor: pointer;
}

.indicatorTooltip:hover {
  text-decoration: underline;
}

.cnaeTooltip .tooltip-inner {
  max-width: 100%;
}

.search-tooltip-inner {
  max-width: 600px;
}

@media only screen and (max-width: 760px) {
  .tooltip { display: none; }
  .tooltip-inner { display: none; }
}

.nav > .nav-tab-dropdown > a,
.nav > .nav-tab-dropdown > a:hover,
.nav > .nav-tab-dropdown > a:focus,
.nav > .nav-tab-dropdown.open > a:hover,
.nav > .nav-tab-dropdown.open > a:focus{
  background-color: transparent;
  border-color: transparent;
  color: #555;
}

.logo {
  width: 100%;
  height: 100%;
  max-width: 195px;
  max-height: 32px;
}

.btn.btn-primary {
  background-color: var(--main-color);
  border-color: var(--secondary-color-border);
}

a {
  color: var(--main-color);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color-border);
}

.firstText {
  text-align: left;
}

a:hover,
a:focus {
  color: var(--secondary-color);
}

.navigationLine {
  font-size: 15px;
}

.business-result:hover {
  border-color: var(--secondary-color-border);
  border-bottom-color: var(--secondary-color-border);
}

.business-result:hover + .business-result {
  border-top-color: var(--secondary-color-border);
}

.btn.btn-warning {
  background-color: var(--tertiary-color);
  border-color: var(--tertiary-color-border);
  color: var(--tertiary-text-color);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  background-color: var(--tertiary-color-hover);
  border-color: var(--tertiary-color-hover);
}

.small-text {
  color: var(--small-text-color);
}

.company-name-and-tags-container {
  min-height: 100px;
}

.company-info-container {
  text-align: right;
  min-height: 100px;
}

.company-info-container-description {
    position: absolute;
    bottom: 0.3em;
    right: 15px;
}

.company-info-description-container {
  position: absolute;
  bottom: 0.3em;
  right: 15px;
}

.company-info-description {
  font-size: 12px;
  color: #777777;
  margin-bottom: 0px;
}

.company-tags-container {
  position: absolute;
  bottom: 0.4em;
  width: 100%;
}

.tags-text {
  line-height: 2em;
}

.badge {
  color: #7B7B7B;
  background-color: #e0e0e0;
}

.uploadCSV {
    display: block;
    margin-top: -5px;
    margin-bottom: 10px;
}

.selectedFileClearButton {
    cursor: pointer;
}