.container{margin-top:40px;margin-bottom:40px;}.content{width:100%;}.page{margin:auto;}.page-body{margin:auto;}.inputs{display:flex;flex-direction:column;margin-top:15px;}.inputs label{font-weight:bold;font-size:medium;}.inputs label::after{content:'*';color:red;}.input-box{padding:10px;height:40px;}.input-select{padding-left:10px;height:40px;width:175px;}.coverter-btn{height:70px;}.oxygen-button{background-color:var(--mainColor);text-align:center;font-weight:bold;border-radius:5px;color:var(--paleGreen);width:125px;height:40px;margin-top:15px;}.oxygen-button:hover{width:128px;height:43px;}.outputfield-Container{column-gap:10px;display:flex;flex-direction:row;padding-top:1rem;}.converter-output-container{display:flex;align-content:space-between;margin-bottom:50px;}.converter-output{display:flex;flex-direction:column;}.converter-output label{font-weight:bold;font-size:small;}.converter-output-block{white-space:nowrap;display:flex;flex-direction:column;width:100%;}.converter-header{text-align:left;margin:0 30px 0 0;padding:0 0 10px;border-bottom:1px solid var(--mainColor);font-weight:bold;}@media (min-width:1281px){.page-body{width:1200px;margin:auto;}}@media (min-width:1001px){.page-body{min-width:980px;min-height:300px;}}@media (max-width:991px){.converter-input input{width:100px;}.converter-input select{width:150px;}.converter-output-container{display:flex !important;flex-direction:column;}.outputfield-container{display:block !important;padding:0;}.converter-output input{width:150px;}.converter-output{padding:10px;}.converter-output-block{align-items:center;margin-top:25px !important;}}