/* ------------------------------------------------
*   Styles defined by OrbitSolve
*   Copyright (c) 2017 - OrbitSolve, LLC.
* -------------------------------------------------  */

.productSpecButtonSelected:disabled {
    color: Silver;
}

.productSpecButtonUnSelected:disabled {
    color: Silver;
}

.productSpecButtonSelected {
    height: 35px;
    padding: 5px 10px 10px 10px; 
    margin: 3px;
    border-radius: 5px;    

    background: goldenrod;
    color: White;
    border: 2;
    border: 2px solid darkgoldenrod;
}

.productSpecButtonUnSelected {
    height: 35px;
    padding: 5px 10px 10px 10px; 
    margin: 3px;
    border-radius: 5px;    

    background: White;
    color: Black;
    border: 0;
    border: 1px solid silver;
}




.horizontal-buttons {
     list-style-type:none;
     margin:25px 0 0 0;
     padding:0;
} 

.horizontal-buttons li {
     float:left;
     margin:0 5px 0 0;
    width:100px;
    height:40px;
    position:relative;
}

.horizontal-button-label {
    width: 90px;
}

/* .horizontal-buttons input  */

.horizontal-buttons label {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}




.horizontal-buttons input[type="radio"] {
    opacity:0.011;
    z-index:100;
}

.horizontal-buttons input[type="radio"]:checked + label {
    background:yellow;
}

.horizontal-buttons label {
     padding:5px;
     border:1px solid #CCC; 
     cursor:pointer;
    z-index:90;
}

.horizontal-buttons label:hover {
     background:#DDD;
}

/* ------------------------------------------------
*   To hide Placeholder for Select control
* -------------------------------------------------  */
select.selectWithPlaceholder option[selected]:first-child {
	display: none;
}
/*
select.selectWithPlaceholder option {
	color: black;
}
select.selectWithPlaceholder option:first-child {
	color: grey;
}
select.selectWithPlaceholder {
	color: grey;
}
*/