/*
    Name:           ph-buttons
    Description: 	Pixcil Hub Buttons
    Author: 		   PixcilsR
    Version: 	  	1.0
*/

/*Main button class
==========================*/
/*  amend by pso 2015-07-19 
.ph-button {	
    border-style: solid;
    border-width: 0px 0px 3px;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #000000;	 
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-style: normal;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: all 200ms ease-in-out 0s;
    white-space: nowrap;	
    font-family: "Gotham Rounded A","Gotham Rounded B",Helvetica,Arial,sans-serif;
    font-weight: 700;	   
    padding: 5px 50px 5px;
	width: 100;
	height: 10;
}

    font-size: 14px;	

*/

.ph-button {	
    border-style: solid;
    border-width: 1px 1px 1px;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #000000;	 
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    font-style: normal;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: all 200ms ease-in-out 0s;
    white-space: nowrap;	
    font-family: "Gotham Rounded A","Gotham Rounded B",Helvetica,Arial,sans-serif;
    font-weight: 700;
    padding: 5px 5px 5px;
    vertical-align:middle;
}

.ph-button:link{
    color:#0000ff;
}

/*Green
==========================*/
.ph-btn-green {
    border-color: #3AC162;
    background-color: #5FCF00;
/*    font-color:#000000; */
    color:#ff0000; 
}
.ph-btn-green:hover, .ph-btn-green:focus, .ph-btn-green:active {
    background-color: #4BC970;
    border-color: #3AC162; 
    font-color:#000000;   
 
}


/*Grey
==========================*/
.ph-btn-grey {
    background-color: #C6CCD2;
    border-color: #AAB3BB;
}
.ph-btn-grey:hover, .ph-btn-grey:focus, .ph-btn-grey:active {
    background-color: #B8BFC7;
    border-color: #AAB3BB; 
}

/*DEMO ONLY FOR CENTER POSITION*/
.ph-container {
    margin: 0 auto;
    display: inline;
}

.ph-clear {
    clear: both;  
}

/*White
==========================*/
.ph-btn-white-original {
    background-color: #EEEEEE;
    border-color: #EEEEEE;
}
.ph-btn-white {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
.ph-btn-white:hover, .ph-btn-white:focus, .ph-btn-white:active {
    background-color: #b7fbab;
    border-color: #b7fbab;
}



/*
.table-3 {
    border: 1px solid chocolate;
    padding: 20px 20px 20px;    
    vertical-align: middle;
}

.ph-btn-white:hover, .ph-btn-white:focus, .ph-btn-white:active {
    background-color: #b7fbab;
    border-color: #b7fbab;
}
*/