@charset "utf-8";
/* CSS Document */

.btn {
    border: 2px solid black;
    background-color: white;
	background-color: rgba(255,255,255, 0.3); /* White w/opacity */
    color: black;
    cursor: pointer;
	border-radius: 10px;
}

/* Green */
.success {
    border-color: #4CAF50;
	border-color: green;
    color: green;
}

.success:hover {
    background-color: #4CAF50;
    color: white;
}

/* Blue */
.info {
    border-color: #2196F3;
	border-color: blue;
    color: blue;
}

.info:hover {
    background: #2196F3;
    color: white;
}

/* Orange */
.warning {
    border-color: #ff9800;
	border-color: orange;
    color: orange;
}

.warning:hover {
    background: #ff9800;
    color: white;
}

/* Red */
.danger {
    border-color: #f44336;
	border-color: red;
    color: red;
}

.danger:hover {
    background: #f44336;
    color: white;
}

/* Gray */
.default {
    border-color: #777;
    color: black;
}

.default:hover {
    background: #e7e7e7; 
}

.w-100	{ width: 100%;}
.w-95 	{width: 95%;}
.w-80 	{width: 80%;}
.w-60 	{width: 60%;}
.w-50 	{width: 50%;}