/* BUTTON CUSTOMIZATION */ 

/* DODGER-BLUE  */
/* -------------------- */ 
 .btn-dodger {
    background: #1E90FF;
    border-color: #1E90FF;
	color: white;
 }
.btn-dodger:hover {
    background: #1462AA;
    border-color: #1462AA;
	color: white;
 }


/* PURPLE  */
/* -------------------- */ 
 .btn-purple {
    background: #800080;
    border-color: #800080;
	color: white;
 }
.btn-purple:hover {
    background: #680068;
    border-color: #680068;
	color: white;
 }

/* CYAN-BLUE  */
/* -------------------- */ 
 .btn-cyan {
    background: #C1DABF;
    border-color: #C1DABF;
}
.btn-cyan:hover {
    background: #96C1A5;
    border-color: #96C1A5;
 }
/* CLOUD  */
/* -------------------- */  
.btn-cloud {
    background: #7A9AA4;
    border-color: #7A9AA4;
	color: white;
}
.btn-cloud:hover {
	background: #5E7982;
    border-color: #5E7982;
	color: white;
} 
/* -------------------- */  
.btn-bluesky {
    background: #2A4F69;
    border-color: #2A4F69;
	color: white;
}
.btn-bluesky:hover {
	background: #1E3B4F;
    border-color: #1E3B4F;
	color: white;
} 
/* -------------------- */  
.btn-blue {
    background: #06A5A6;
    border-color: #06A5A6;
	color: white;
}
.btn-blue:hover {
	background: #01818C;
    border-color: #01818C;
	color: white;
}

/* BEIGE-KAKI-BROWN  */
/* -------------------- */  
.btn-beige {
    background: #E8DF79;
    border-color: #E8DF79;
}
.btn-beige:hover {
	background: #CEC66B;
    border-color: #CEC66B;
}  
/* -------------------- */ 
.btn-kaki {
    background: #DFC144;
    border-color: #DFC144;
	color: white;
}
.btn-kaki:hover {
    background: #C6AB3D;
    border-color: #C6AB3D;
	color: white;
}
/* -------------------- */  
.btn-darkgoldenrod {
    background: #B8860B;
    border-color: #B8860B;
	color: white;
}
.btn-darkgoldenrod:hover {
	background: #99700c;
    border-color: #99700c;
	color: white;
}  
/* -------------------- */ 
.btn-brown {
    background: #B06A39;
    border-color: #B06A39;
	color:white;
}
.btn-brown:hover {
    background: #965930;
    border-color: #965930;
	color:white;
}

/* GREEN  */
/* OLIVE GREEN  */
/* -------------------- */ 
 .btn-olive {
    background: #6B8E23;
    border-color: #6B8E23;
	color: white;
 }
.btn-olive:hover {
    background: #4D6018;
    border-color: #4D6018;
	color: white;
 } 
/* -------------------- */  
.btn-lightgreen {
    background: #C9E071;
    border-color: #C9E071;
}
.btn-lightgreen:hover {
	background: #B5C966;
    border-color: #B5C966;
}
/* -------------------- */  
.btn-mediumgreen {
    background: #9AC935;
    border-color: #9AC935;
}
.btn-mediumgreen:hover {
	background: #87AF2F;
    border-color: #87AF2F;
}
/* -------------------- */  
.btn-darkgreen {
    background: #779323;
    border-color: #779323;
	color:white;
}
.btn-darkgreen:hover {
	background: #61771C;
    border-color: #61771C;
	color:white;
}
/* BROWN  */
/* -------------------- */  
.btn-lightbrown {
    background: #F2CA52;
    border-color: #F2CA52;
}
.btn-lightbrown:hover {
	background: #DDB64B;
    border-color: #DDB64B;
}  
/* -------------------- */  
.btn-mediumbrown {
    background: #F2A240;
    border-color: #F2A240;
}
.btn-mediumbrown:hover {
	background: #DD943B;
    border-color: #DD943B;
}
/* -------------------- */  
.btn-darkbrown {
    background: #DA631E;
    border-color: #DA631E;
	color:white;
}
.btn-darkbrown:hover {
	background: #BF571A;
    border-color: #BF571A;
	color:white;
}

/* -------------------- */ 
.btn-yellow {
    background: #FEF66E;
    border-color: #FEF66E;
}
.btn-yellow:hover {
	background: #E8C855;
    border-color: #E8C855;
}
/* -------------------- */  
.btn-orange {
    background: #FF9900;
    border-color: #FF9900;
}
.btn-orange:hover {
	background: #CC6600;
    border-color: #CC6600;
} 

/* -------------------- */ 
.btn-teal {
    background: #FFA500;
    border-color: #FFA500;
}
.btn-teal:hover {
    background: #FF8C00;
    border-color: #FF8C00;
 }

 

/* -------------------- */  
.btn-grey {
    background: #CCC9D1;
    border-color: #CCC9D1;
	color:white;
}
.btn-grey:hover {
	background: #A5ABBD;
    border-color: #A5ABBD;
	color:white;
}

/* -------------------- */  
.btn-green {
    background: #D0E74A;
    border-color: #D0E74A;
}
.btn-green:hover {
	background: #9DC639;
    border-color: #9DC639;
}

/* -------------------- */  
.btn-lilla {
    background: #CC99FF;
    border-color: #CC99FF;
}
.btn-lilla:hover {
	background: #CC66FF;
    border-color: #CC66FF;
}



/* 
kaki E8E077 - DDC561	
cyan C1DABF - 96C1A5
cloud 7A9AA4 - 5E7982
yellow FEF66E - E8C855
grey CCC9D1 - A5ABBD
blue 06A5A6 - 01818C
green D0E74A - 9DC639
orange FF9900 - CC6600
lilla CC99FF - CC66FF
*/