.cbmcalculator{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: black;
}
.cbmcalculator .headerdiv{
    background-color: #563d7c;
    width: 510px;
    font-size: large;
    color: white;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
}

.cbmcalculator .maindiv {
    width:510px;
    height:26px;
    padding: 4px;
    box-sizing: border-box;
    border-left: 1px solid #563d7c;
    border-right: 1px solid #563d7c;
}

.cbmcalculator .divleft {
    width: 200px;
    float: left;
}

.cbmcalculator .divright {
    width:300px;
    float:right;
}

/* They are used only for gross weight and its unit*/
.cbmcalculator .divrightsmaller {
    width:270px;
    float:left;
}
.cbmcalculator .divrightinnerleft {
    width:135px;
    float:left;
}
.cbmcalculator .divrightinnerright {
    width:135px;
    float:right;
    text-align: left;
}
/*-----------*/

/* It is only used for showing Volume output*/
.cbmcalculator .mainvolumediv{
    width: 510px;
    box-sizing: border-box;
    border-left: 1px solid #563d7c;
    border-right: 1px solid #563d7c;
    padding-top: 20px;
    padding-bottom: 20px;  
    height: 80px;
}
.cbmcalculator .divvolume {
    width:510px;
    box-sizing: border-box;
    border-left: 1px solid #563d7c;
    border-right: 1px solid #563d7c;
    text-align: center;
}
.cbmcalculator .divvolumeleft {
    width:250px;
    float:left;
}
.cbmcalculator .divvolumeright {
    width:250px;
    float:right;
}
/*-------------------*/

/*For showing weight in kg and lb*/
.cbmcalculator .divwtwrapper{
    width: 260px;
}
.cbmcalculator .divrightWtinnerleft{
    width:125px;
    float:left;
}
.cbmcalculator .divrightWtinnerright {
    width:125px;
    float:right;
}
.cbmcalculator .divrightinnerValue {
    width:100px;
    float:left;
}
.cbmcalculator .divrightinnerText {
    width: 25px;
    float:right;
}
/*---------------*/

.cbmcalculator .divinputnormal {
    width:250px;
}

.cbmcalculator .divinputsmall {
    width:130px;
}

.cbmcalculator .divinputsmaller {
    width:90px;
}

.cbmcalculator .footerdiv{
    width: 510px;
    height: 10px;
    border-left: 1px solid #563d7c;
    border-right: 1px solid #563d7c;
    border-bottom: 1px solid #563d7c;

    box-sizing: border-box;
}

.cbmcalculator input{
    padding: 0px;
    margin: 0px;
    border: 1px solid #eee;
}

.cbmcalculator select{
    border: 1px solid #eee;
}

.cbmcalculator input:read-only{
    background-color: #eee;
    border: 1px solid #eee;
}
.cbmcalculator .selectdim{
    width:260px;
    height:22px;
}
.cbmcalculator .selectwt{
    width:122px;
    height: 22px;
}