@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,600,700');

body {
    font-family: 'Roboto', sans-serif;
    position: relative;
    font-size: 14px;
}

textarea, input {
    font-family: 'Arial', sans-serif;
    font-size: 13px;  
}

/* cellpadding */
th, td { padding: 5px; }

/* cellspacing */
table { border-collapse: collapse; border-spacing: 0; }   /* cellspacing="0" */

/* valign */
th, td { vertical-align: middle; }

/* align (center) */
table { margin: 0 auto; width: 100%; }

tr:nth-child(odd) { background: #f7f7f7; }

button, input, div, p {
    border-style: none;
}

a {
    text-decoration: none;
    color: #064599;
    cursor: pointer;
}

a:hover {
    border-bottom: none;
    color: #fe7701;
}

div.flash_messages {
    width: 90%;
    padding: 10px 5% 10px 5%;
    margin: 10px 0 10px 0;
    font-weight: bold;
}

div.flash_messages.info {
    border: 2px solid green;
    color: green;    
}

div.flash_messages.warning {
    border: 2px solid #ff7701;
    color: #ff7701;    
}

div.flash_messages.error {
    border: 2px solid #bf0000;
    color: #bf0000;    
}

div.flash_messages p {
    margin: 0 0 5px 0;
    padding: 0;
}

textarea {
	padding: 6px 3px 6px 3px;
    border: 1px solid #eaeaea;
    background: #eaeaea;
	width: 95% !important;
    height: 2em;
}

textarea:hover {
    border: 1px solid #000;
    background: #fff;	
}

textarea.saved {
    background: #dbe9d5;
    border: 2px solid #369312;	
}

textarea.edited {
    background: #eaeaea;
    border: 1px solid #000;
}

textarea.error {
    color: #000; 
    background: #bc8380;
    border: 2px solid #bf0000;
}

button {
    
    font-weight: bold;
    padding: 5px 10px 5px 10px;
}

button.add {
    color:#369312;
}

button.delete {
    color:#bf0000;
}

#header input {
    width: 80%;
    padding: 5px;
    border: 2px solid #eaeaea;
}

#login_box input, #registration_box input {
    width: 100%;
    padding: 3px 5px 3px 5px;
}

#login_box button, #registration_box button {
    width: 100%;
    padding: 3px 5px 3px 5px;
    background: #000;
    color: #fff;
    cursor: pointer;
}