

/* Header Starts*/

header{
    background-color:rgb(227,131,53);
}



#refresh{
    background-color: rgba(30,30,30,1);
}

#refresh:hover{
 
    background-color: rgb(227,131,53);

}

/* Header Ends*/


/* Input Area Starts */


.tab--head{

    background-color: rgb(30,30,30);

}


.button--find-part-number{

    background-color: rgba(227,131,53,0.8);
}

.button--find-part-number:hover{
    background-color: rgba(30,30,30,1);
}


.area--input--grid{
    background-color: rgba(227,131,53,0.1);
}


.tile--area--input--grid-textbox{
    background-color: rgba(227,131,53,0.3);
}



.tile--area--input--grid{
    background-color: rgba(227,131,53,0.3);
}


.tile--area--input--grid-small{
    background-color: rgba(227,131,53,0.3);
}

.tile--section--input--title p{
background-color: rgb(30,30,30);

}


#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(227,131,53);
}


.switch-left{

   border-color: rgb(30,30,30);

}

.switch-right{
      border-color: rgb(30,30,30);


}


input[type="radio"]:checked+label{
    background-color: rgb(30,30,30);
}


.tab--head-2{
    background-color: rgb(30,30,30);
}



.results--fitting{
    background-color:rgba(227,131,53,0.2);
}



.tile-sec-notes-title{
    background-color: rgba(227,131,53,1);
}



.tile-sec-notes-desc{
    background-color: rgba(227,131,53,0.4);
}


.tile--section--results-fitting--title{
    background-color: rgba(227,131,53,1);
}

.tile--section--results-fitting--part-number{
    background-color: rgba(227,131,53,0.4);
}

.tile--section--download-datasheet-fitting{
    background-color: rgb(227,131,53);
}


.tile--section--download-datasheet-fitting:hover{
      background-color: rgb(30,30,30);
}


.tab--head-3{
    background-color: rgb(30,30,30);
}




#area--results--tools{
    background-color:rgba(227,131,53,0.2);
}

.tab-tool-1{
background-color: rgb(30,30,30);
}

.tab-tool-2{
background-color: rgb(30,30,30);
}


.tile-sec-tools-title{
    background-color: rgba(227,131,53,1);
}

.tile-sec-tools-desc,.tile-sec-tools-desc2,.tile-sec-tools-desc-a{
    background-color: rgba(227,131,53,0.2);
}


.button--download--datasheet--tools{
    background-color: rgb(227,131,53);
}


.button--download--datasheet--tools:hover{

      background-color: rgb(30,30,30);
}



#tool-image{
    box-shadow: 10px 10px 1000px 10px rgba(227,131,53,0.6) inset;

}


.tab--head-5{

    background-color: rgb(30,30,30);

}


.tmi{
 
    background-color: rgba(227,131,53,0.2);

}


.mail-box{

    background-color: rgba(227,131,53,0.2);

    }


#logo--mail{

    background-color: rgb(227,131,53);


}

#logo--mail:hover{
    background-color: rgb(30,30,30);

}



.mail-content{
    background-color: rgba(227,131,53,0.2);

}




.mail label{

    background-color: rgb(227,131,53);


  

}

#mail-close{
    background-color: rgb(227,131,53); 
}


#mail-close:hover{
    background-color: rgb(30,30,30); 
}


#form--name,#form--e-mail{

    border:1px solid rgba(227,131,53,0.4);
}

#form--query{

    border:1px solid rgba(227,131,53,0.4);

}

#form--submit{
    background-color: rgb(227,131,53);

}

#form--submit:hover{
    
    background-color: rgb(30,30,30);
    background-color: rgb(30,30,30);

}



.tmi-1{

    background-color: rgba(227,131,53,0.2);
}






.results--pyplok-tools--list{
    background-color: rgba(128, 0, 128,0.8);
}


#ncode{
background-color: rgba(227,131,53,0.2);
}

