/* Header Starts*/

header{
    background-color:rgb(31,92,169);
}



#refresh:hover{
 
    background-color: rgba(255,51,0,1);

}

/* Header Ends*/


/* Input Area Starts */


.tab--head{

    background-color: rgb(255,51,0);

}



.button--find-part-number{

    background-color: rgba(31,92,169,0.8);
}

.button--find-part-number:hover{
    background-color: rgba(255,51,0,1);
}


.area--input--grid{
    background-color: rgba(31,92,169,0.1);
}


.tile--area--input--grid-textbox{
    background-color: rgba(31,92,169,0.3);
}



.tile--area--input--grid{
    background-color: rgba(31,92,169,0.3);
}


.tile--area--input--grid-small{
    background-color: rgba(31,92,169,0.3);
}

.tile--section--input--title p{
background-color: rgb(255,51,0);

}


#pipesize,#medium,#material,#fittingType,#fittingType-lp{

    border:0px solid rgb(0,176,0);
}



.tile--section--input--dropdown-small{

    border:0px solid rgb(0,176,0);

}

#pressure,#temperature{

    border:1px solid rgb(31,92,169);
}


.switch-left{

   border-color: rgb(255,51,0);

}

.switch-right{
      border-color: rgb(255,51,0);


}


input[type="radio"]:checked+label{
    background-color: rgb(255,51,0);
}


.tab--head-2{
    background-color: rgb(255,51,0);

}



.results--fitting{



    background-color:rgba(31,92,169,0.2);


}



.tile-sec-notes-title{

    background-color: rgba(31,92,169,1);
     
}



.tile-sec-notes-desc{


    background-color: rgba(31,92,169,0.4);

}



.tab--head-4{

    background-color: rgb(255,51,0);

}


.area--results--warning{

    background-color:rgba(255,51,0,0.2);

}

.tile--sec--warning--title{
    
    background-color: rgb(255,0,0); 

}



.tile--sec--warning--desc{
    
    background-color: rgba(255,0,0,0.2); 
}


.tile--section--results-fitting--title{

    background-color: rgba(31,92,169,1);


}

.tile--section--results-fitting--part-number{

    background-color: rgba(31,92,169,0.4);
}

.tile--section--download-datasheet-fitting{

    background-color: rgb(31,92,169);

}


.tile--section--download-datasheet-fitting:hover{

      background-color: rgb(255,51,0);
}


.tab--head-3{

    background-color: rgb(255,51,0);

}




#area--results--tools{

    background-color:rgba(31,92,169,0.2);

}

.tab-tool-1{
background-color: rgb(255,51,0);
}

.tab-tool-2{
background-color: rgb(255,51,0);
}


.tile-sec-tools-title{

    background-color: rgba(31,92,169,1);
}

.tile-sec-tools-desc,.tile-sec-tools-desc2,.tile-sec-tools-desc-a{

    background-color: rgba(31,92,169,0.2);
}


.button--download--datasheet--tools{
   
    background-color: rgb(31,92,169);

}


.button--download--datasheet--tools:hover{

      background-color: rgb(255,51,0);
}



#tool-image{
    box-shadow: 10px 10px 1000px 10px rgba(31,92,169,0.6) inset;

}


.tab--head-5{

    background-color: rgb(255,51,0);

}


.tmi{
 
    background-color: rgba(31,92,169,0.2);

}


.mail-box{

    background-color: rgba(31,92,169,0.2);

    }


#logo--mail{

    background-color: rgb(31,92,169);


}

#logo--mail:hover{
    background-color: rgb(255,51,0);

}



.mail-content{
    background-color: rgba(31,92,169,0.2);

}




.mail label{

    background-color: rgb(31,92,169);


  

}

#mail-close{
    background-color: rgb(31,92,169); 
}


#mail-close:hover{
    background-color: rgb(255,51,0); 
}


#form--name,#form--e-mail{

    border:1px solid rgba(31,92,169,0.4);
}

#form--query{

    border:1px solid rgba(31,92,169,0.4);

}

#form--submit{
    background-color: rgb(31,92,169);

}

#form--submit:hover{
    
    background-color: rgb(255,51,0);
    background-color: rgb(255,51,0);

}



.tmi-1{

    background-color: rgba(31,92,169,0.2);
}






.results--pyplok-tools--list{
    background-color: rgba(128, 0, 128,0.8);
}


#ncode{
background-color: rgba(31,92,169,0.2);
}