/*** color background ***/
.bc-red{background-color: #d50000; color: #ffffff;}
.bc-deep-red{background-color: #7b1111; color: #ffffff;}
.bc-orange{background-color: #ffc000; color: #ffffff;}
.bc-cyan{background-color: #0091b5; color: #ffffff;}
.bc-pale-blue{background-color: #366d98; color: #ffffff;}
.bc-blue{background-color: #4267b2; color: #ffffff;}
.bc-light-blue{background-color: #87cbd3; color: #ffffff;}
.bc-green{background-color: #3c9d11; color: #ffffff;}
.bc-olive{background-color: #009661; color: #ffffff;}
.bc-deep-olive{background-color: #006544; color: #ffffff;}
.bc-black{background-color: #2e2e2e; color: #ffffff;}
.bc-gray{background-color: #5f5f5f; color: #ffffff;}
.bc-light-gray{background-color: #7e7e7e; color: #ffffff;}
.bc-purple{background-color: #8d457f; color: #ffffff;}
.bc-pink{background-color: #ff699e; color: #ffffff;}
.bc-void{background-color: #0e0b16; color: #ffffff;}
.bc-fuschia{background-color: #a239ca; color: #ffffff;}
.bc-dark-fuschia{background-color: #4a1e5b; color: #ffffff;}
.bc-jewel{background-color: #4717f6; color: #ffffff;}
.bc-tosca{background-color: #54c5a1; color: #ffffff;}
.bc-carrot{background-color: #eb5f00; color: #ffffff;}
.bc-light-orange{background-color: #ff9c37; color: #ffffff;}
.bc-light-brown{background-color: #d6a779; color: #ffffff;}

.bc-red:hover{background-color: #d50000; color: #ffffff;}
.bc-deep-red:hover{background-color: #7b1111; color: #ffffff;}
.bc-orange:hover{background-color: #ffc000; color: #ffffff;}
.bc-pale-blue:hover{background-color: #366d98; color: #ffffff;}
.bc-blue{background-color: #4267b2; color: #ffffff;}
.bc-cyan:hover{background-color: #0091b5; color: #ffffff;}
.bc-light-blue:hover{background-color: #87cbd3; color: #ffffff;}
.bc-green:hover{background-color: #3c9d11; color: #ffffff;}
.bc-olive:hover{background-color: #009661; color: #ffffff;}
.bc-deep-olive:hover{background-color: #006544; color: #ffffff;}
.bc-black:hover{background-color: #2e2e2e; color: #ffffff;}
.bc-gray:hover{background-color: #5f5f5f; color: #ffffff;}
.bc-light-gray:hover{background-color: #7e7e7e; color: #ffffff;}
.bc-purple:hover{background-color: #8d457f; color: #ffffff;}
.bc-pink:hover{background-color: #ff699e; color: #ffffff;}
.bc-void:hover{background-color: #282334; color: #ffffff;}
.bc-fuschia:hover{background-color: #6b2d83; color: #ffffff;}
.bc-dark-fuschia:hover{background-color: #3c1849; color: #ffffff;}
.bc-jewel:hover{background-color: #3f15da; color: #ffffff;}
.bc-tosca:hover{background-color: #2ba57e; color: #ffffff;}
.bc-carrot:hover{background-color: #dc5900; color: #ffffff;}
.bc-light-orange:hover{background-color: #e18930; color: #ffffff;}
.bc-light-brown:hover{background-color: #c59b72; color: #ffffff;}

.bc-red:focus{background-color: #d50000; color: #ffffff;}
.bc-deep-red:focus{background-color: #7b1111; color: #ffffff;}
.bc-orange:focus{background-color: #ffc000; color: #ffffff;}
.bc-pale-blue:focus{background-color: #366d98; color: #ffffff;}
.bc-blue{background-color: #4267b2; color: #ffffff;}
.bc-cyan:focus{background-color: #0091b5; color: #ffffff;}
.bc-light-blue:focus{background-color: #87cbd3; color: #ffffff;}
.bc-green:focus{background-color: #3c9d11; color: #ffffff;}
.bc-olive:focus{background-color: #009661; color: #ffffff;}
.bc-deep-olive:focus{background-color: #006544; color: #ffffff;}
.bc-black:focus{background-color: #2e2e2e; color: #ffffff;}
.bc-gray:focus{background-color: #5f5f5f; color: #ffffff;}
.bc-light-gray:focus{background-color: #7e7e7e; color: #ffffff;}
.bc-purple:focus{background-color: #8d457f; color: #ffffff;}
.bc-pink:focus{background-color: #ff699e; color: #ffffff;}
.bc-void:focus{background-color: #100824; color: #ffffff;}
.bc-fuschia:focus{background-color: #57256a; color: #ffffff;}
.bc-dark-fuschia:hover{background-color: #2d1237; color: #ffffff;}
.bc-jewel:focus{background-color: #350fbe; color: #ffffff;}
.bc-tosca:focus{background-color: #299472; color: #ffffff;}
.bc-carrot:focus{background-color: #c04e00; color: #ffffff;}
.bc-light-orange:focus{background-color: #ca7a28; color: #ffffff;}
.bc-light-brown:focus{background-color: #b8916b; color: #ffffff;}

.bc-trans-black{background: rgba(0, 0, 0, 0.55);}

.bc-grad-yellow{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefcea+0,f1da36+100;Gold+3D */
	background: #fefcea; /* Old browsers */
	background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
}

.bc-grad-orange{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcb8c+0,ff9514+100 */
	background: #ffcb8c; /* Old browsers */
	background: -moz-linear-gradient(top, #ffcb8c 0%, #ff9514 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffcb8c 0%,#ff9514 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffcb8c 0%,#ff9514 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb8c', endColorstr='#ff9514',GradientType=0 ); /* IE6-9 */
}