.m__calculator *,
.m__calculator ::after,
.m__calculator ::before {
    box-sizing: border-box
}

.m__calculator * {
    font-family: inherit;
    font-family: "Muli",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.m__calculator {
    /*max-width: 1020px;*/
    width: 100%;
    margin: 0 auto;
    font-family: inherit;
    color: #071621;
    padding-top: 20px;
}

.m__calculator .m__row {
    display: block; /* flex */
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 20px;
}

.m__calculator .m__cell {
    flex: 1;
    /* margin: 0 0 15px 0px; */
    padding: 8px;
    flex: 1 1 calc(50% - 20px);
    /*display: flex;*/
    align-items: center;
    /* background: #ccc; 
    border-bottom: 1px solid #e8e8e8;*/
    min-height: 60px;
}

.m__calculator .m__row_three {
    margin-bottom: 20px;
    width: 100%;
    /*background: #f7f7f7;*/
}

.m__calculator .m__cell_no {
        margin: 5px auto;
    border: 1px solid #f0f0f0;
}


.m__calculator input[type=text],
.m__calculator select,
.m__calculator select option {
    background-color: #fff;
    height: 46px;
    border-radius: 4px;
    border: 2px solid #cdcdcd;
    /*margin-bottom: 10px;*/
    padding-left: 10px;
    font-size: 16px;
    width: 100%;
    outline: 0;
    font-weight: 600;
    color: #2c2c2c;
    line-height: 1.5;
}

.m__calculator input[type=text].m__input_dollar {
    padding-left: 25px
}
.m__calculator input[type=text].mdisabled {
    background: #e5e5e5;
}



.m__calculator input[type=text]:active,
.m__calculator input[type=text]:focus {
    border: 2px solid #cdcdcd
}

.m__calculator .m__group {
    position: relative;
    width: 100%;
}
.m__calculator .m__group.mb_2 {
    margin-bottom: 13px;
}
.m__calculator .m__group.ml_2 {
    margin-left: 10px;
}

.m__calculator .m__addons_left {
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    height: 45px;
    left: 12px;
    text-align: center;
    display: flex;
    align-items: center;
}

.m__calculator .m__addons_right {
    left: auto;
    font-size: 16px;
    position: absolute;
    height: 43px;
    right: 15px;
    top: 0;
    text-align: center;
    font-weight: 900;
    display: flex;
    align-items: center;
}

.m__calculator .m__name {
    display: block;
    font-weight: 700;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 17px;
    position: relative;
    flex: 1;
    min-width: 220px;
}

.m__calculator .m__title {
    text-align: center;
    font-weight: 700;
    font-size: 1.5rem;
    letter-spacing: normal;
    line-height: 1.125;
    margin-bottom: 30px;
}

.m__calculator .m__decription {
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    font-weight: 400;
    color: #7a7a7a;
    padding: 0 20px
}

.m__calculator .m__output .m__row {
    align-items: center;
    flex-wrap: nowrap
}

.m__calculator .noUi-horizontal {
    height: 4px;
    margin-top: 0;
    margin-bottom: 5px
}

.m__calculator .noUi-target {
    background: #e0e0e0;
    border-radius: 0;
    border: 0 solid #ece7e7;
    box-shadow: none
}

.m__calculator .noUi-handle:after,
.m__calculator .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 6px;
    width: 0px;
    background: rgb(244 244 244 / 60%);
    left: 5px;
    top: 4px
}

.m__calculator .noUi-handle:after {
    left: 8px
}

.m__calculator .noUi-connect {
    box-shadow: none;
    background: #091d35;
    transition: background 450ms ease 0s;
    border-radius: 10px;
}

.m__calculator .noUi-horizontal .noUi-handle {
    width: 18px;
    height: 18px;
    left: -10px;
    top: -7px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #091d35;
    cursor: pointer;
    padding-top: 7px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    box-shadow: inset 0 0 1px #fff, 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.m__calculator .m__output .m__cell {
    background: #fff;
    padding: 0;
    text-align: center;
    margin-bottom: 20px
}



.m__input_percent,.m__input_number,.m__input_numberEmp {
    margin-bottom: 4px !important;
}


.m__section{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 20px;
    max-width: 620px;
    margin: auto;
}
.m__output {
    margin-top: 15px;
}


.tooltip_flow{
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    font-weight: 600;
}
.tooltip_flow span{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0px 2px -1px 0px;
    border-radius: 50%;
}
.tooltip_flow strong{
    margin-left: 8px;
}



@media all and (max-width:700px) {
    .m__calculator {
    }

    .m__calculator .m__output .m__row{
            display: block;
    }

    .m__calculator .m__row {
            display: flex;
            flex-direction: column;
            align-items: initial;
            width: 100%;
            column-gap: 0;
    }

    .m__calculator .m__cell,
    .m__calculator .m__row_three .m__cell {
        max-width: 100%
    }

    .m__calculator .m__output .m__row_three .m__cell {
        margin-bottom: 10px
    }

    .m__calculator .m__row_three .m__cell {
        margin-top: 0 !important
    }

    .m__calculator table {
        width: 840px
    }

    .m__calculator .m__result_tbl::-webkit-scrollbar-thumb:horizontal {
        background: #818181;
        border-radius: 10px
    }

    .m__calculator .noUi-horizontal {
        margin-bottom: 15px
    }
}


.max_160{
    max-width: 160px;
}

.m__calculator table{
    width: 100%;
    font-size: 14px;
    font-weight: 600;
}
.m__calculator table td span{
    background: #e6e6e6;
    padding: 14px;
    width: 150px;
    display: flex;
    margin-right: 6px;
    border-right: 1px solid #ccc;
}
.block_table{
        padding: 4px;
}
.paddingleft20{
        padding-left: 20px;
}
.subcat{
    background: #e5e5e5;
}

@media all and (max-width:700px) {
    .m__calculator .m__cell{
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .m__calculator .m__name {
        width: 100%;
        display: block;
        margin-bottom: 8px;
        flex: 1;
        min-width: auto;
        flex: 1 0 100%;
    }
    .m__calculator .m__group {
        position: relative;
        flex: 1;
        width: auto;
    }
    .result_block {
        width: 100%;
    }
    .br {
        display: inline;
    }
    .m__calculator table td span {
        padding: 14px 0 14px 6px;
        width: 86px;
    }
    .paddingleft20 {
        padding-left: 0;
    }
}




.m__calculator .m__cell:nth-child(2n) {
    /*background: #ededed;*/
}
.m__calculator .m__cell:nth-child(2n+1) {
    /*background: #d9d9d9;*/
}
.m__calculator .m__cell.mcalculation {
    background: #30445D !important;
    padding: 16px 8px;
    text-align: center;
    margin: 8px;
    color: white;
    border-radius: 4px;
}

.m__calculator .m__cell.mcalculation .m__name {
    font-size: 19px;
    line-height: 22px;
}


.m_h3 {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}

.mcalc_res{
    line-height: 28px;
    font-size: 22px;
    font-weight: 900;
}
.mcalc_res span{
    font-size: 12px;
    display: block;
}
.mcalc_res.mcenter{
    text-align: center;
}
.m__calculator .m__cell.cell_no_border{
    border: 0;
    padding-bottom: 0;
}
.m__calculator .m__addons_right.msmall {
    font-size: 13px;
    color: #686868;
    right: 10px;
    font-weight: 900;
}
.m__cell2{
    display: flex;
}

.markup_res{
    background: #dcebff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 900;
    border-radius: 4px;
    padding: 10px 6px;
    text-align: center;
    margin-top: 10px;
}
@media all and (max-width:520px) {
    .m__cell2 {
        display: block;
    }
    .markup_res.markup_margin {
        margin-top: 10px;
    }
    .markup_res {
        font-size: 16px;
        padding: 14px 5px;
        line-height: 1.5;
    }
}