/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px 0px;
  border-top: 1px solid #e9e9e9;
}
.header-brand-img{
  height: 2.3rem;
}
.header-padding{
  padding: 13.5px 0 !important;
}
@media (min-width: 1280px)
.container {
    max-width: 1200px;
}
/* Margin and padding
-------------------------------------------------- */
.lg-margin-bottom {
  margin-bottom: 60px;
}

.md-margin-bottom {
  margin-bottom: 40px;
}

.lg-margin-top {
  margin-top: 60px;
}

.md-margin-top {
  margin-top: 40px;
}

.sm-margin-top {
  margin-top: 20px;
}

/* Helpers
-------------------------------------------------- */

.small {
  font-size: 12px;
}

.strike {
  text-decoration: line-through;
}

.spinner {
  display: none;
}

.scale-up {
  transform: scale(1.05);
}

.quarter-faded {
  opacity: 0.75;
}

.half-faded {
  opacity: 0.5;
}

.relative {
  position: relative;
}

/* Bootstrap overrides
-------------------------------------------------- */
label {
  font-weight: 400;
}

.checkbox input[type='checkbox'], .checkbox-inline input[type='checkbox'] {
  margin-left: 0;
}

.alert-small {
  padding: 5px;
  margin-bottom: 0;
}

.alert-error, .alert-message {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-error hr, .alert-message hr {
  border-top-color: #e4b9c0;
}

.alert-error .alert-link, .alert-message .alert-link {
  color: #843534;
}

.col-header {
  height: 26px;
}

dd {
  margin-bottom: 8px;
}

/* Admin dashboard
-------------------------------------------------- */
#bulk_actions {
  display: none;
  padding-bottom: 8px;
}

#scope {
  margin-bottom: 0;
  width: 160px;
  height: 29px;
  font-weight: 400;
  font-size: 12px;
}

.sort:after {
  content: '\f0dc';
  font-family: FontAwesome;
  margin-left: 6px;
  color: #BBB;
}

.asc:after {
  content: '\f0dd';
  font-family: FontAwesome;
  margin-left: 6px;
  color: #444;
}

.desc:after {
  content: '\f0de';
  font-family: FontAwesome;
  margin-left: 6px;
  color: #444;
}

#duration-in-months {
  display: none;
}

.rd-date table td {
  padding: 5px;
}



a{
    color:#206bc4;
}
a:hover {
    color: #154782;
}
ul.navbar-nav {
     flex-direction: initial;
}
.btn-primary{
    color: #fff;
    background-color: #206bc4;
    border-color: #206bc4;
}
.btn-primary:hover {
    color: #fff;
    background-color: #1b59a3;
    border-color: #195398;
}
.row.gutter-s-center {
    margin-bottom:10px;
}
.row.gutter-s-center .form-group{
    margin-bottom:0;
}


.company-trash-align-center{
    min-height: unset;
    padding-top: 0px;
}

.shortcode-width{
    max-width: 55%;
}

.name-width {
    max-width: 80%;
}

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

.hidden{
    display: none;
}

.toggle-position {
    margin-top: 8px;
}

.modal-show {
    display: block
}

#modal-small {
    display: none
}

.h3-padding {
    padding-left: 24px;
    padding-top: 20px;
}

.p-padding {
    padding: 15px 24px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-style {
    width:100px;
    margin:0 50%;
    position:relative;
    left:-50px;
}
.email-style {
    max-width: 35%;
    width: 100%;
}

.active-toggle-style {
    max-width: 8.5%;
    width: 100%;
}

.active-toggle-style label {
    text-align: left;
    padding-left: 0px;
    white-space: nowrap;
}
.footer-buttons {
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
}
.submit-footer-button {
    margin-right: 60px;
}

.cancel-footer-button {
    margin-left: 60px;
}

.modal-footer {
    border-top: none;
    padding: 8px;
}
.value1-cell, .value2-cell{
    width: 16%;
    padding-left: 6px;
    padding-right : 6px;
}
.add-button-cell, .delete-cell{
    width : 10%;
    padding:0;
}
.hidden{
  display: none !important;
}

body{
  height: 97%;
  overflow-y: auto;
}
@media (max-width: 768px){
  body{
  height: 92%;
  }
}


@media (min-width: 1380px){
  .container {
    max-width: 94%;
  }
}


.card-header{
  min-height: unset;
  padding-top:0px;
  padding-bottom: 0px;
}
.card-footer{
padding: 8px 12px;
}
.card-footer .mb-3{
  margin-bottom: 0px !important;
}
.card-footer .mb-3 a, .card-footer .mb-3 button
{
padding: 2px 10px;
}
.card-header{
 min-height: 3rem;
}
.tooltip {
  pointer-events: none;
}
.reset-password-page .reset-password-button{
  width: 100%;
}


.index_section{
  margin-top: 20px;
}
.index_section .dataTables_wrapper .dataTables_length{
  margin-left: 0px !important;
}
.index_section .dataTables_wrapper .dataTables_info{
  margin-left: 0px;
}
.index_section .variables-section{
  padding: 0px 36px 0px 52px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.index_section .card{
  width: 70%;
  padding-bottom: 12px;
  margin: 0 auto;
  margin-bottom: 30px;
  max-width: 100%;
}
.index_section .status-title {
  margin: 35px auto 22px;
  text-align: center;
  padding: 0px 12px;
}
.index_section .show-variables #show_variables{
  padding: 5px 9px;
}
.index_section .variables-section .first-name-style{
  max-width: 50%;
  padding-left: 0px;
}
.last-name-style {
    max-width: 20%;
    padding-right: 0px;
}
.index_section .card.variable.-section-wrapper{
  width: 60%;
  margin-top: 20px;
}
.variable-section-wrapper .search-box{
  padding: 27px 24px 0px;
  margin-bottom: 4px;
}
.search-box input#search-value.form-control{
  min-height: unset;
  height: 10px;
  line-height: 18px;
}

.index_section .buttons-section .save-btn{
   padding: 5px 16.5px;
   line-height: 17px;
}
.index_section .buttons-section .cancel-btn{
  padding: 5px 9px;
   line-height: 17px;
   margin-right: -12px;
}
.value-wrapper{
  position: relative;
  width: 50%;
}
.company_detail .value-wrapper{
  flex-grow: 0;
}
.value-wrapper:nth-of-type(2n-1){
  margin-right: 25px;
}
.index_section .value-wrapper .form-group{
  margin-bottom: 2px;
}
.index_section .cancel-btn{
 margin-right: 0px !important;
}
.index_section #search-value{
  padding: 15px 12px ;
}
.index_section #search-input-val{
  padding :2.5px 12px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.index_section .variables-section p.data-value{
  min-height: 28px;
 /* height: 25px; */
  line-height: 15px;
  padding: 4px 8px;
  margin-bottom: 4px;
}
.value-wrapper .first-name-style:first-of-type{
  padding-right: 2px;
}
.value-wrapper .first-name-style:last-of-type{
  padding-left: 2px;
}
.value-wrapper p.data-value{
  display: block;
    width: 100%;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 40, 100, 0.12);
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.value-wrapper p.data-name{
    background: rgb(248,249,250);
}
.result-per-page.dataTables_length{
  margin: 6px 1.2rem !important;
  margin-left: 24px !important;
}
.calculated-index-page .result-per-page.dataTables_length{
  margin-bottom: 0px !important;
  margin-top: 10px !important;
}
.result-per-page.dataTables_length label {
    margin-bottom: 0;
}
.result-per-page.dataTables_length select{
    padding-left: 7px;
    padding-right: 0px;
    height: unset;
    padding-bottom: 2px;
    padding-top: 0px;
}
table.table-responsive thead th{
  padding-right: 12px;
}
table.dataTable th {
    color: #206bc4 !important;
}
.table thead th {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    border-right: 1px solid rgba(0, 40, 100, 0.12);
}
table.table tr td {
    padding-right: 7px;
}
table.table td {
    padding-top: 0.05rem !important;
    padding-bottom: 0.05rem !important;
    border-right: 1px solid rgba(0, 40, 100, 0.12);
}
.dataTables_info.result-entries {
    margin: 10px 24px;
    line-height: 22px;
}
.dataTables_info.result-entries p{
  margin-bottom: 0px;
}
.dataTables_paginate .paginate_button{
  padding: 3px 11px;
}
.base-content-wrapper{
 display: flex;
 justify-content: space-between;
}
 .note{
 font-size: 12px;
 font-weight: 400;
 color: #828c93;
 margin-right: 27.2px;
  display: flex;
 justify-content: flex-end;
}
.dataTables_wrapper .dataTables_paginate {
    margin: 8px 1.5rem;
}
.pagination-container{
  margin: 8px 1.5rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    padding: 3px 11px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: unset;
}
.add-transaction-button {
    margin-right: 24px;
    margin-top: 5px;
}
 .add-transaction-button a.btn {
    font-size: 12px;
    padding: 3px 9px !important;
}
button.opr-btn {
padding: 0px 9px;
font-size: 11px;
line-height: 20px;
}
 table.table{
  margin-left: 24px;
    border-left: 1px solid rgba(0, 40, 100, 0.12);
}
.new-btn-wrapper {
    display: flex;
    justify-content: space-between;
    padding-right: 24px;
}
.new-back-btn{
  padding: 2px 10px;
}
 .export-btn{
  padding: 2px 10.5px;
}
.index_section .buttons-section{
  width: 50%;
  display: flex;
  justify-content: space-between;
}
.index_section .new-btn-wrapper{
  padding-right: 24px;
}
.index-list-page .index-action-buttons button .opr-btn{
  padding: 0px 17px;
  margin-bottom: 2px;
}
.index-list-page .action-buttons button.opr-btn:nth-of-type(1){
  margin-bottom: 1.5px;
  padding: 0 14.5px;
}
.page-specific-value{
  border-bottom: none;
        margin-bottom: 10px;
      background-color: #fff;
    max-width: 240px;
}
.page-specific-value.card-header{
  min-height: 40px;
  border: 1px solid rgba(0, 40, 100, 0.12);
}
.page-specific-value h3{
  font-weight: 600;
}
.text-end {
    text-align: right!important;
}
.text-muted{
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}
.ms-1 {
    margin-left: .25rem!important;
}
 .hike-icon.icon {
    color: #2fb344!important;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
    vertical-align: bottom;
    stroke-width: 1.5;
}
.index_section .buttons-section{
    padding: 0px 0px 4px 0px;
    width: 50%;
    margin: 0 auto;
    margin-top: 8px;
}
.buttons-wrapper{
  width: 44%;
  margin: 0 auto;
}
 .icon.decrement-icon{
  color: #cd201f !important;
}
 table.table .hike-icon-wrapper{
  display: flex;
}
 table.table .hike-icon-wrapper a{
  margin-left: 7px;
}
 table.table .hike-icon{
  margin-right: 2px;
}
/*.calculated-index-page .container-wrapper{
  width: 100%;
  max-width: 1081px;
}*/
.dataTables_wrapper table.custom-table{
 border-top: none;
 border-bottom: none;
 margin-top: 10px;
}
.dataTables_wrapper table.custom-table th{
   border-top: 1px solid rgba(0, 40, 100, 0.12) !important;
}
.calculated-index-page .dataTables_wrapper .dataTables_paginate{
  margin-right: 24px;
}
.data-header{
   border-bottom: 1px solid rgba(0, 40, 100, 0.12) !important;
}
.data-footer{
 display: flex;
 justify-content: space-between;
    align-items: center;
}

.fe-trash-2{
    color: #0000EE;
}
.center-align {
    text-align: center;
}
.index-list-page .dataTables_wrapper .dataTables_paginate{
   margin: 8px 24px;
}
.value-width{
  padding-right: 0px;
  padding-left: 0px;
}
.index_section .form-control {
  height: unset;
}
.description-section{
display: flex;
margin: 0 auto;
  margin-right: 0px !important;
  width: 100%;
}
.description-wrapper{
  margin: 0 24px;
  margin-right: 46px;
}
.description-section .first-name-style{
 padding-left: 0px;
 width: 49%;
}
.description-wrapper .first-name-style.value-width{
 /* width: 49%;*/
 width: 100%;
 margin-right: 35px;
}
.value-wrapper.description-section .value-width{
  margin-left: 13px;
}
.index_section .description-section p.data-value{
   padding: 4px 8px;
   min-height: 28px;
   line-height: 15px;
   max-height: 82px;
   overflow-y: auto;
}

#search-result-section{
  display: none;
}
.field-error{
  color: #cd201f;
}
#search-field-err{
  margin-top: 2px;
}
#flash-messages{
  margin-left: auto;
  margin-right: auto;
}
.index-list-page .table-responsive, .calculated-index-page .table-responsive{
  width: 97%;
}
.financial-values{
  text-align: right;
}
.error-wrapper{
 display:flex;
 flex-direction: column;
 /* max-height:450px;*/
  overflow:scroll
}
.index-summary {
  max-width: 225px;
  padding-right: 16px;
}
.index-summary table{
  margin: 12px 0 12px 16px !important;
}
.index-summary table th{
  border-top: 1px solid rgba(0, 40, 100, 0.12) !important;
}
 .index-summary table tbody{
  border-bottom: 1px solid rgba(0, 40, 100, 0.12) !important;
 }

 /*changed ui*/
 .index-summary table th{
  font-size: 10px;
  line-height: 16px;
 /* color: #5b636a !important;*/
  font-weight: 500;
 }

   .index-summary table thead,  .index-summary table tbody{
    border-right: 1px solid rgba(0, 40, 100, 0.12) !important;
   }
   @media (min-width: 1400px){
  .index-summary {
    max-width: 230px;
      }
   }

   .flex-display{
     display: flex;
     align-items: center;
     line-height: 20px;
   }
   .section-height{
    height: 30px;
    margin-bottom: -15px;
   }
   .failed-page-link a{
     text-decoration: underline;
   }
   .card-header-title{
 margin-bottom: -12px;
    padding-left: 24px;
    padding-top: 8px;
    font-weight: 600;
   }
   .no-data-card{
     display: flex;
     flex-direction: column;
   }
   .no-data-card .image-wrapper {
    width: 400px;
    height: 260px;
    margin: 0 auto;
    border-radius: 50%;
    background-image: url(/static/images/no-data-found.gif);
    background-position: center;
    background-size: 360% auto;
    background-position: 50% 36%;
   }
   .no-data-card .title{
     font-size: 26px;
    font-weight: 600;
    margin-top: 12px;
    text-align: center;
   }
   .refresh-btn{
     padding: 3px 9px;
     font-size: 12px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin: 0 auto;
     margin-bottom: 2px;
   }
    .refresh-btn i{
   font-size: 12px;
    margin-left: 6px;
    margin-top: 2px;
    transition: transform .7s ease-in-out;
    }

.refresh-btn:focus i{
  transform: rotate(360deg);
}
.pd-wrapper{
  padding: 24px 13px 15px 28px;
}
.pd-title p.title{
   font-size: 21px;
   font-weight: 700;
   line-height: 25px;
   Color: #000000;
   margin-bottom: 0px;
}
.pd-title p.data-info{
   font-size: 14px;
   font-weight: 400;
   line-height: 18px;
   Color: #5b636a;
   margin-bottom: 7px;
}
.pd-stats .count{
  display: flex;
  align-items: baseline;
    font-size: 14px;
   font-weight: 700;
   line-height: 17px;
   Color: #000000;
   margin-top: -4px;
}
.px-index-value{
  font-size: 35px;
   font-weight: 700;
   line-height: 46px;
   Color: #000000;
   margin-right: 15px;
}
.pd-stats .count p{
  margin-bottom: 0px;
}
.pd-stats .status{
    font-size: 23px;
   font-weight: 500;
   line-height: 31px;
   Color: #eb0f29;
}
.close-time {
font-size: 14px;
   font-weight: 400;
   line-height: 16px;
   Color: #5b636a;
   margin-top: 9px;
}
.card.inner-card{
  margin-bottom: 0;
  border: none;
}

.data-container{
 padding: 0px 28px 30px;
  margin-top: 10px;
  /*position:relative;
  max-height:800px;*/
}
.tab-list{
 display: flex;
 list-style-type: none;
   padding-inline-start: 0px;
   tab-index:1000;
}
.tab-list li{
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #000000;
  padding: 10px 12px;
  border-bottom: 3px solid #0f69ff;
  cursor: pointer;
}
.tab-list li.active{
   color: #000000;
    border-bottom-color: #0f69ff;
}

.tab-list li:hover{
  background-color: #e0f0ff;
}
.tab-description{
  display: flex;
  z-index:100;
  /*position:absolute;
  left:28px;*/
}
.tab-description .tab-content{
 display: flex;
 flex-direction: row;
 width: 50%;
 margin-right: 50px;
}
.data-column:nth-of-type(1){
  width: 43%;
  margin-right: 30px;
}
.data-column:nth-of-type(2){
  width: 52%;
}
.data-column .data{
 display: flex;
 justify-content: space-between;
 min-width: 200px;
 padding: 8px 0;
 border-bottom: 1px solid #e0e4e9;
}
.data-column .data p{
  margin-bottom: 0px;
}
.data-column .data-property{
  margin-right: 10px;
}
.data-column .data-property p{
    font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: #232a31;
}
.data-column .data-value p{
 font-size: 16px;
  line-height: 17px;
  font-weight: 600;
  color: #000000;
}
.chart-wrapper{
  width: 43%;
}
.toolbar.time-span{
  margin-left: 50px;
  font-family: Arial;
}
.toolbar.time-span button {
    background: #fff;
    font-size: 12px;
    color: #222;
    border: 1px solid #e7e7e7;
    border-bottom: 2px solid #ddd;
    border-radius: 2px;
    padding: 0px 7px;
}
.toolbar.time-span button.active {
    color: #fff;
    background: #0f69ff;
    border: 1px solid blue;
    border-bottom: 2px solid blue;
}
.hidden-section{
  z-index:0;
  opacity:0;
  height:1px;
  width:1px;
}
.calculated-index-page table{
  margin-left: 0px;
}
.calculated-index-page table thead{
 border-top: 1px solid rgba(0, 40, 100, 0.12);
}
.calculated-index-page table thead{
 border-top: 1px solid rgba(0, 40, 100, 0.12);
}
.calculated-index-page table tbody{
 border-bottom: 1px solid rgba(0, 40, 100, 0.12);
}
.calculated-index-page .card{
height: auto;
min-height:500px;
}
.company_table{
display:grid;
}
.tab-description#companies{
  margin-left: -30px;
    padding-left: 30px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
    background-color: #fff;
    background-clip: border-box;
    border-radius: 3px;
}


.tab-data-inline{
    display: flex
}
.index_section .description-section p.data-value {
    line-height: 1.5;
}
.index_section .variables-section p.data-value {
        min-height: 38px;
}
.description-wrapper{
    margin-top:20px;
}

@media screen and (max-width: 1278px) {
    .toolbar>* {
        margin: 0 2px;
    }
}
@media only screen and (min-device-width: 993px) and (max-device-width: 1140px) {
    .tab-description .tab-content {
        margin-right: 75px;
    }
    .tab-description .tab-content {
        display: block;
    }
    .data-column:nth-of-type(1){
      width: 100%;
    }
    .data-column:nth-of-type(2){
      width: 100%;
    }
}

@media only screen and (min-device-width: 640px) and (max-device-width: 992px) {
    .description-wrapper {
        margin-right: 58px;
    }
}

@media screen and (max-width: 992px) {
    .tab-description .tab-content {
        width: 100%
    }
    .chart-wrapper{
        width: 100%;
        margin-top: 30px;
    }
    .tab-data-inline{
        display: block;
    }
    .variables-section .de-highlight-rows.value-wrapper{
        width: 100%;
        margin-right: 0px;
    }
}

@media screen and (max-width: 991px) {
    .row.align-items-center{
        justify-content: center;
    }
}

@media screen and (max-width: 640px) {
    .tab-description .tab-content {
        display: block;
    }
    .data-column:nth-of-type(1){
      width: 100%;
    }
    .data-column:nth-of-type(2){
      width: 100%;
    }
    .toolbar.time-span button {
        padding: 1px 7px;
    }
    .index_section .card {
        width: 100%;
    }
    .index_section .variables-section {
        padding: 0px 0px 0px 26px;
    }
    .description-wrapper {
        margin: 20px 0px;
        margin-right: 25px;
    }
}
@media screen and (max-width: 450px) {
    .toolbar.time-span button {
        padding: 1px 3px;
    }
}

@media screen and (max-width: 385px) {
    .px-index-value {
        font-size: 33px;
    }
    .pd-stats .status {
        font-size: 21px;
    }
}