
* {
    box-sizing: border-box;
}


input, select{
        height:30px;
        border-radius:10px;
        min-width:150px;
        width:auto;
        margin-right:10px;
}

input[type=button], input[type=submit] {
        height:30px;
        border-radius:10px;
        min-width:150px;
        width:auto;
        background:#9fc126;
}

input[type=file]{
        margin-bottom:15px;
        margin-left:0;
}



#header{
         height:150px;
         width:100%;
         background:#E5E4E2;
         top:0;
         position:fixed;
 }

 #logo{
        //border:1px solid;
        margin-left:20px;
        margin-top:20px;
        position:relative;
        float:left;
        background-image:url('G444.png');
        background-repeat:no-repeat;
        background-size:150px;
        width:150px;
        text-align:center;
        height:100px;

}

#phone{
        margin-left:500px;
        width:180px;
        margin-top:50px;
        //border:1px solid;

}

#workspace{
        width:1000px;
        min-height:100%;
        height:auto;
        margin:0 auto;
        margin-bottom:20px;
        text-align:center;
        margin-top:100px;
        padding:50px;
         //border:solid;

}



#buttons, #vehicleinfo{
        width:500px;
        height:auto;
        margin:0 auto;
        text-align:center;
        margin-top:30px;
        padding-top:0px;
         //border:solid;
         font-family:Arial Narrow;
         font-size:18px;
}

body, html{
        background:#E5E4E2;
        margin:0;
}



#footer{
        position:relative;
        width:auto;
        height:200px;
        padding:2px;
        background:#008080;
        text-align:center;
        opacity:0.8;


}

/*
#footer{
        //position:fixed;
        width:100%;
        height:200px;
        bottom:0;
        //margin-left:0;
        //margin-right:0;
        background:#0C090A;
        text-align:center;
        opacity:0.8;

}
*/

#home{
        width:100%;
        height:100%;
        margin:0 auto;
        background-image:url('bg.jpg');
        background-position:center;
        background-repeat:no-repeat;
        background-size:100%;
        margin-bottom:20px;
        text-align:left;
        margin-top:170px;
        padding-top:30px;
}

table {
        border-collapse: collapse;
        width:auto;
        overflow:scroll;
}

td, th{
        text-align:center;
        width:180px;
        padding:10px;
}

#premium{
    margin-top:100px;
}

#premium tr:nth-child(1){
  background-color: green;
  color:white;
}


#premium tr:nth-child(even){
background:#C47451;
}


#premium tr:nth-child(odd){
background:#F9966B;
}

#premium tr:nth-child(1){
  background-color: green;
  color:white;
}

#liabilities tr:nth-child(even){
background:#C47451;
}

#liabilities tr:nth-child(odd){
background:#F9966B;
}

#premium td:nth-child(4){
        font-weight:bold;;
}

th{
        border-bottom:2px solid;

}

#tpa, #tpb, #tpc, #tpd{


}

#premium_details {
float:right;
margin-top:20px;
width:200px;
height:auto;
 }

 #prem_details td{
         color:white;
 }



#premium_details td{
        text-align:left;
        width: auto;
        padding:4px;
        margin-top:1px;
}

#premium_details td:nth-child(2){
        text-align:right;
}

#liabilities td:nth-child(1){
        text-align:left;
        width:900px;
}

#liabilities td:nth-child(2){
        text-align:right;
}

#liabilities td{
        padding:8px;
        color:white;
        font-family:Arial Narrow;

}

#liabilities h4{
        text-indent:30px;
        padding:0;
}

#subh{
        text-indent:50px;
}


#liabilities {
        text-indent:100px;
        padding:0;
}

#container{
        display:flow-root;
        padding-right:50px;
        padding-left:50px;
        margin-left:30px;
        margin-right:30px;
        color:white;
        background:#C47451;
}


#container2{
        display:flow-root;
        padding-right:50px;
        padding-left:50px;
        margin-left:10px;
        margin-right:10px;
        color:white;
        background:#e67716;
        text-align:left;

}

#excess td:nth-child(1){
        text-align:left;
        width:500px;
}

#excess td:nth-child(2){
        text-align:right;
        width:500px;
}

#excess tr:nth-child(even){
background:#C47451;
}

#excess tr:nth-child(odd){
background:#F9966B;
}

#excess td{
        padding:8px;
        color:white;
        font-family:Arial Narrow;
        text-indent:90px;
}

.covertype{
        width:250px;
}


