/* --------------------------------- General --------------------------------- */
body 	{ font-family: 'Open Sans', sans-serif; font-weight: 400; color: #666; font-size: 14px; line-height: 20px;}
legend 	{ font-size: 18px; padding: 7px 0px; border-bottom: 1px solid #e5e5e5; text-indent: 5px; }
.frontpage-title { font-size: 16px; padding: 7px 0px; text-indent: 5px; }
.text-left { text-align: left; text-indent: 10px; }
a, a:hover { text-decoration: none; }
/* --------------------------------- General --------------------------------- */


/* --------------------------------- Table --------------------------------- */
table 	{ border-spacing: 0; border-collapse: collapse; background-color: transparent; }
.table-bordered td, .table-bordered th { border: 1px solid #ddd; }
.table 	{ margin-bottom: 20px; }
th, td 	{ text-align: center; font-size: 14px; font-weight: normal; min-height: 15px; height: 28px; vertical-align: middle;}
th	{ background: black; color: white ; height: 32px; }
tr:nth-child(even)	{ background-color: #f2f2f2; }
.country { min-width: 220px; text-align: left; text-indent: 10px; }
.numeric { min-width: 70px; }
.form-table	{ width: 100%; }
.form-15, .form-20, .form-25, .form-35, .form-50, .form-65 { padding:5px; }
.form-15 	{ width : 15%; }
.form-20 	{ width : 20%; }
.form-25 	{ width : 25%; }
.form-35 	{ width : 35%; }
.form-50	{ width : 50%; }
.form-65	{ width : 65%; }
.form-70	{ width : 70%; }

/* --------------------------------- Table --------------------------------- */


/* --------------------------------- FORM --------------------------------- */
.form-container, .form1-container { border-radius: 5px; padding: 20px; margin: auto; margin-top: 50px; }
.form-container { width: 80%; background-color: #f2f2f2; }
.form1-container{ width: 90%; }
.form-row 	{ padding: 10px 10px; }
/* Clear floats after the columns */
.form-row:after	{ content: ""; display: table; clear: both; }
.form-col-25, .form-col-75 { float: left; }
.form-col-25 	{ width: 25%; }
.form-col-75 	{ width: 75%; }

input[type=text], select, textarea { width: 100%; padding: 5px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; }

select option 	{ font-size: 14px; padding: 10px 15px; }
.row_option option { padding: 0px; }
label 		{ padding: 12px 12px 12px 0; display: inline-block; }

input[type=button], input[type=submit] { background-color: #4CAF50; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; float: right; }
input[type=button]:hover, input[type=submit]:hover { background-color: #45a049; }
#input-rate-field, #bottom-submit-table { visibility: hidden; }
/* --------------------------------- FORM --------------------------------- */



/* --------------------------------- Dropdown Menu --------------------------------- */
ul 	{ list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; }
ul.menu { width: 100%;}
li 	{ float: left;}
li a, .dropbtn 	{ display: inline-block; color: white; text-align: center; padding: 14px 30px; text-decoration: none; }
li a:hover, .dropdown:hover .dropbtn	{ background-color: red; }
li.dropdown	{ display: inline-block; }
.dropdown-content 	{ display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.dropdown-content a	{ color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; }
.dropdown-content a:hover 	{ background-color: #f1f1f1; }
.dropdown:hover .dropdown-content	{ display: block; }
/* --------------------------------- Dropdown Menu --------------------------------- */



/* --------------------------------- UPLOAD TABLE --------------------------------- */
.form3-container	{ width: 100%; max-width: 800px; margin: auto; margin-top: 50px; }
.upload-container	{ background-color: #f2f2f2; width: 100%; max-width: 800px; margin: auto; border-radius: 5px; text-align: center; padding: 50px 20px; }
#fileElem		{ display: none; }
#upload-label		{ color: #d3394c; max-width: 80%; font-size: 1.25rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 0.625rem 1.25rem; }
#upload-image		{ width: 100px; height: 100px; border-radius: 50%; background-color: #d3394c; display: block; padding: 10px; margin: 0 auto 10px; }
#upload-label:hover	{ color: #722040; }
#upload-label:hover > #upload-image { background-color: #722040; }
#upload-submit		{ max-width: 80%; margin: auto; margin-top: 50px; }
#upload-submit > input[type="submit"] { float: none; }
#upload-error		{ color: #d3394c; }
/* --------------------------------- UPLOAD TABLE --------------------------------- */


/* --------------------------------- COLOR --------------------------------- */
.color-green, .color-green a	{ color: green; }
.color-red, .color-red a	{ color: red; }
.color-black, .color-black a	{ color: black; }
.bg-grey, .bg-grey a		{ color: white; background-color: grey; }
#btn-submit, #btn-submit a	{ color: white; background-color: #45a049; }
#btn-update, #btn-update a	{ color: white; background-color: #45a049; }
/* --------------------------------- COLOR --------------------------------- */