.irr-calculator {
          padding: 10px;
        }

        .cal-inputs{
            width: 100%;
            display: flex;
            row-gap: 15px;
            flex-direction: column;
            justify-content: space-between;
        }

        .lable-wrapper{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

        .lable-wrapper label {
            display: block;
            margin-bottom: 10px;
            width: 70%;
            align-content: center;
        }

        .input-wrapper{
            width: fit-content;
            margin-bottom: 10px;
            border: 1px solid var(--base);
            display: flex;
            align-items: center;
            background: var(--base-2);
            height: 30px;
            color: var(--contrast-2);
            border-radius: 2px;
            padding: 0px 5px;
            font-size: 1rem;
        }

        td .input-wrapper{
            width: 100%;
        }

		.cal-inputs table, .cal-inputs td, .cal-inputs th{
			border:none;
			padding:0;
		}

.cal-inputs td:nth-child(2){
	width:10%;
}



        .lable-wrapper .symbol, td .symbol{
            color: var(--contrast-2);
            -webkit-text-fill-color: var(--contrast-2);
        }

        .input-wrapper .yearlable, .input-wrapper .multipleTimes{
            margin-left: 5px;
            margin-bottom: 2px;
        }
        
        .input-wrapper select{
            border: none;
            outline: none;
            background: var(--base-2);
			padding: 0;
			font-size:.95em;
        }
        
        /* Chrome, Edge, Safari */
        input[type="number"]::-webkit-outer-spin-button,
        input[type="number"]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        /* Firefox */
        input[type="number"] {
            -moz-appearance: textfield;
        }

        .lable-wrapper input[type="number"], td input[type="number"] {
            border: none;
            height: 30px;
            width: 82px;
            background: transparent;
            text-align: right;
            flex-grow: 1;
            outline: 0px;
            opacity: 1;
            color: var(--contrast-2);
            padding: 0px;
            font-size: 1rem;
            font-weight: 600;
        }

        td input[type="number"]{
            width: 100%;
            text-align: left;
            margin-left: 5px;
        }

        #yearsDurationFCF{
            width: 46px;
        }
        
        ::placeholder {
          color: #ddd;
          opacity: 1; /* Firefox */
      }

      ::-ms-input-placeholder { /* Edge 12-18 */
          color: #ddd;
      }

      .period-wrapper span{
        margin-left:1rem;
    }
    .tab {
        display: none;
    }
    .tab.active {
        display: block;
    }
    .tabs {
        display: flex;
        cursor: pointer;
		margin-bottom: 1rem;
	}

    .tabs div {
        padding: 10px;
        border: 1px solid #ddd;
        border-right: none;
    }
    .tabs > div:nth-child(1){
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .tabs > div:nth-child(4){
        border-right: 1px solid #ddd;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .tabs div.active {
        background-color: #f2f2f2;
        border-bottom: none;
    }
 
    .action-btn{
        margin: auto;
    }

    .deleteRow{
        margin: 0 auto;
    border-radius: 10px;
    padding: 0 5px;
    font-size: 10px;
    }
    .gtResult.hide, .mtResult.hide, .fcfResult.hide, .resultCashFlows.hide{
        display: none;
    }
    .gtResult.show, .mtResult.show, .fcfResult.show, .resultCashFlows.show{
        display: flex;
        justify-content: space-around;
        margin-top: 1rem;
    }
@media (max-width: 768px) {
	.tabs{
		font-size:.85em;
	}
	.action-btn button{
	padding:5px 10px;
	font-size:.75em;
}
}