*{box-sizing:border-box}.center{text-align:center}footer{position:fixed;bottom:0;width:100%;text-align:center;margin:0 auto;padding:10px}body{background-color:#d5f0c1;font-family:sans-serif;color:#2d6a6b}.topnav{overflow:hidden;background-color:#80bcbd}.topnav a{float:left;color:#f9f7c9;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.topnav a:hover{background-color:#a7d4bd;color:#f9f7c9}.topnav a.active{background-color:#9accbd;color:#f9f7c9}.search-container{float:right}.pagination{padding:10px}.pagination a{color:#002224;padding:8px 16px;text-decoration:none;transition:background-color .3s;border-radius:3px}.pagination a.active{background-color:#b4d6b4;color:#fff}.pagination a:hover:not(.active){background-color:#c4e4c0}button{color:#2d6a6b;background-color:#b4d6b4;border-radius:5px;border-color:#002224}#filter_popup{width:200px;height:30px;border-radius:11px;padding:10px 10px 50px}.cards{width:100%;float:left;padding-bottom:15px}.recipe_column{float:left;width:25%;padding:10px}.recipe_card{border-radius:19px;padding:15px;text-align:center;background-color:#c4e4c0;height:330px}.title{text-decoration:none;font-weight:700;color:#002224}.thumbnail{height:200px;width:200px;border-radius:19px;object-fit:cover}.ingredient_column{float:left;width:170px;padding:10px}.ingredient_card{border-radius:19px;padding:15px;text-align:left;background-color:#c4e4c0;height:130px}.detail{font-size:12px}li p{margin:0;padding:0;display:inline-block}.removable_list{list-style-type:none}.add{text-decoration:none;font-size:12px}.message_parent{position:fixed;z-index:100;top:50%;left:50%;margin-top:-80px;display:none}.message{position:fixed;z-index:100;top:50%;left:50%;margin:-100px 0 0 -100px;width:300px;height:70px;border:1px solid;padding:15px 50px;background-repeat:no-repeat;background-position:center;color:#180f0c;background-color:#ff7b00;background-image:url(images/icons/warning.gif);text-align:center}.message_close{position:fixed;z-index:100;top:50%;left:50%;margin-top:-110px;margin-left:190px;height:20px;width:20px;cursor:pointer}table,td,th{border:1px solid black}table{width:600px}textarea{width:300px;height:100px}.form{max-width:500px;padding:20px 12px 10px 20px;font:13px Arial,Helvetica,sans-serif}.form-heading{font-weight:700;font-style:italic;border-bottom:2px solid #829688;margin-bottom:20px;font-size:15px;padding-bottom:3px;color:#000}.form label{display:block;margin:0 0 15px}.form label>span:not(.fa-star){width:110px;font-weight:700;float:left;padding-top:8px;padding-right:5px}.form span.required{color:red}.form input.input-field{width:48%}.form .select-field{margin-left:3%;width:15%}.form input.input-checkbox{margin-top:8px}.form input.input-field,.form .tel-number-field,.form .textarea-field,.form .select-field{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid #C2C2C2;box-shadow:1px 1px 4px #ebebeb;-moz-box-shadow:1px 1px 4px #EBEBEB;-webkit-box-shadow:1px 1px 4px #EBEBEB;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding:7px;outline:none}.form .input-field:focus,.form .tel-number-field:focus,.form .textarea-field:focus,.form .select-field:focus{border:1px solid #0C0}.form .textarea-field{height:100px;width:55%}.form input[type=submit],.form input[type=button],.form button{border:none;padding:8px 15px;color:#2d6a6b;background-color:#b4d6b4;box-shadow:1px 1px 4px #dadada;-moz-box-shadow:1px 1px 4px #DADADA;-webkit-box-shadow:1px 1px 4px #DADADA;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.form .parse{margin-left:23%;padding:5px 10px}.form input[type=submit]:hover,.form input[type=button]:hover,.form button:hover{background:#2d6a6b;color:#fff}.checked{color:orange}