.elementor-703 .elementor-element.elementor-element-1ebc64c{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-703 .elementor-element.elementor-element-1ebc64c:not(.elementor-motion-effects-element-type-background), .elementor-703 .elementor-element.elementor-element-1ebc64c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9d7b85a );}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-703 .elementor-element.elementor-element-1da0b1a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}@media(max-width:1366px){.elementor-703 .elementor-element.elementor-element-1ebc64c{--min-height:300px;}}@media(max-width:767px){.elementor-703 .elementor-element.elementor-element-1ebc64c{--min-height:500px;--justify-content:center;--margin-top:-126px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:45px;--padding-left:25px;--padding-right:25px;}.elementor-703 .elementor-element.elementor-element-8d9f63c{text-align:center;}.elementor-703 .elementor-element.elementor-element-1da0b1a{--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:45px;--padding-bottom:45px;--padding-left:25px;--padding-right:25px;}}/* Start custom CSS for html, class: .elementor-element-895e573 *//* cannyworx Styles */
.top_filter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}


.currency-button {
    background: none !important;
    padding: 10px 26px !important;
    font-size: 16px;
    cursor: pointer;
    color: #D1D1D1 !important;
    transition: color 0.3s, border-bottom 0.3s !important;
    border: 1px solid #D1D1D1 !important;
    border-radius: 6px !important;
}

.selectedCurrency{
        color: #E75935 !important;
    border: 1px solid #E75935;
    box-shadow: 8px 8px 16px rgba(231, 89, 53, 0.15);

}

#capTableCard {
    padding: 36px !important;
    border-radius: 8px;
    background-color: #FAF9F3;
    margin-top: 35px !important;
    border: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.card h2 {
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 28px;
    font-family: 'Metropolis';
}
.results_div {
    padding: 36px !important;
    border-radius: 8px;
    background-color: #fff;
    border: none;
    margin: 0 !important;
    border: 1px solid #f1f1f1;
}
.results_div h2 {
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 28px;
    font-family: 'Metropolis';
}
.rzero_chats {
    width: 33% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 30px !important;
}
#pieCharts {
    display: flex !important;
    justify-content: space-between !important;
    /* flex-direction: column; */
    padding: 0;
    gap: 25px;
}

#capTableCard input[type='text'] {
    width: 100% !important;
    padding: 15px !important;
    margin-top: 5px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    border: 1px solid #C7C3AF !important;
    border-radius: 5px !important;
    background: no-repeat !important;
}
.over_label {
    position: absolute;
    margin-top: -2px;
    margin-left: 16px;
    background-color: #FAF9F3;
    font-size: 14px;
}
.currentCaptable {
    display: flex;
    gap: 32px;
    flex-direction: row;
    justify-content: space-between;
}
.currentCaptableInput {
    width: 100%;
}

.head {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.p_mar {
    margin-top: -12px;
    margin-bottom: 20px;
}

.chart_box {
    border: 2px solid #ffffff !important;
    padding: 20px !important;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 31% !important;
    border-radius: 8px;
    gap: 0px;
    cursor: pointer;
}

.chart_box:hover {
    border: 2px solid #E85936 !important;
    
}

#pieCharts .active {
    border: 2px solid #E85936 !important;
}

#pieCharts svg rect {
    fill: rgb(255 0 0 / 0%);
}


.results_table_adc {
    background-color: #F2F8FC;
    margin-top: 25px;
    border-radius: 8px;
    padding: 25px;
}
.table_box {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table_box table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background-color: #ffffff;
    overflow: hidden;
    border: none !important;
        text-align: center;
    
}

.table_box table thead th {
    vertical-align: middle;
    /* border-bottom: 2px solid #dee2e6; */
}

.table_box table tbody label {
    margin:0 !important;
}

.table_box table thead:first-child tr:first-child th {
    border-block-start: 0px solid hsl(0deg 100% 41.18%) !important;
}

.table_box table tbody th {
    background-color: #fff !important;
    color: #0D234B;
}

.table_box table th {
    background-color: #6EA4D4 !important;
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
    color: #ffffff;
    border: 3px solid #F2F8FC;
    border-radius: 6px;
    vertical-align: middle;
}

.table_box table td {
    background-color: #fff !important;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    color: #0D234B;
    width: 16.5%;
    border: 3px solid #F2F8FC;
    border-radius: 6px;
    vertical-align: middle;
}
div#charts {
    margin-bottom: 30px;
}
div#charts h2 {
    margin-bottom: 10px;
}



@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
   .responsive-table-input-matrix {
        display: block;
        position: relative;
        width: 100%;
    }

    .responsive-table-input-matrix:after {
        clear: both;
        content: '';
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden;
    }

    .responsive-table-input-matrix tbody {
        display: block;
        overflow-x: auto;
        position: relative;
        white-space: nowrap;
        width: auto;
    }

    .responsive-table-input-matrix tbody tr {
        display: inline-block;
        vertical-align: top;
    }

    .responsive-table-input-matrix tbody tr td {
        display: block;
        text-align: center;
    }

    .responsive-table-input-matrix tbody tr td:first-child {
        text-align: left;
    }

    .responsive-table-input-matrix thead {
        display: block;
        float: left;
        margin-right: 10px;
    }

    .responsive-table-input-matrix thead:after {
        clear: both;
        content: "";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden;
    }

    .responsive-table-input-matrix thead th:first-of-type {
        height: 1.4em;
    }

    .responsive-table-input-matrix thead th {
        display: block;
        text-align: right;
    }

    .responsive-table-input-matrix thead th:first-child {
        text-align: right;
    }
}


#chartdiv {
    width: 100%;
    height: 500px;
    font-size: 11px;
}

#btnRun{
    color: #ffffff;
    background-color: #E85936;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 10px 10px 10px 10px;
    /* padding: 10px 10px 10px 10px; */
    /* flex-basis: 100%; */
    margin-left: 10px;
    min-height: 47px;
    text-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
    border: none;
    box-shadow: none;
    /* margin: 0%; */
}

#btnRun:hover {
    color: #E85936;
    background-color:#fff;
    border: 2px solid #E85936;
    box-shadow: none;
}








.field {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #000000;
}

/*.field .label {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
}*/







#preDownRoundCapTable {
    display: none;
}
/* #nextButton {
    transition: 10s;
} */
.text-red{
    color:#dc3545;
    font-weight: 600;
}
#errorMessage{
    display: none;
}
.smalldesp{
    font-size: 11px;
    font-weight: 500;
    color: #000000;
}


button#addButton{
    width: fit-content;
    transition: 1s;
    /* display: none; */
}
div.card div.card{
    cursor: pointer;
}

.active{
    border: 3px solid #E55933;
    color:#E55933;
}

div.chartDiv{
    opacity: 0.05;
    cursor: not-allowed !important;
}

div.aChartDiv{
    opacity: 0.04;
}

/* div#charts{
    opacity: 0.5;
    cursor: not-allowed !important;
} */

.invalidInput{
        border-color: #dc3545;
}

#currency div:hover {
    color:#E55933;
}

.selectedCurrency {
    border-bottom: 2px solid  #E55933;
    color:#E55933;
}

#pieCharts div:hover {
    color:#E55933;
}

#mainChartDiv{
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: ease-in;
}


@media (max-width: 767px) {
    .currency-button {
        padding: 8px 20px !important;
        font-size: 14px !important;
    }
    .currentCaptable {
    display: flex;
    gap: 20px;
    flex-direction: column;
    justify-content: space-between;
}
#pieCharts {
    display: flex !important;
    justify-content: space-between !important;
flex-direction: column;
    padding: 0;
    gap: 25px;
}
.chart_box {
    width: 100% !important
}
.card h2 {
    font-size: 24px;
}
.results_div h2 {
    font-size: 24px;
}
#capTableCard {
    padding: 20px !important;
}
.results_div {
    padding: 20px !important;
}

}/* End custom CSS */