h1,h2,h3,h4,h5,h6{font-family:Open Sans,sans-serif}body{margin:0;padding:0;font-family:Open Sans,sans-serif;font-size:16px;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}select.form-control,textarea.form-control,input.form-control{font-size:16px}input[type=file]{width:100%;font-size:16px}.LoaderButton .spinning{margin-right:7px;top:2px;animation:spin 1s infinite linear}@keyframes spin{0%{transform:scale(1) rotate(0)}to{transform:scale(1) rotate(360deg)}}.Home{margin-bottom:50px}.Home .lander{padding:80px 0;text-align:center}.Home h1{font-family:Open Sans,sans-serif;font-weight:700;font-style:normal;color:#b0c4de}.Home .recipes hr{margin-top:0;margin-bottom:15px}.Home .lander p{color:#999}.Home .recipes{margin-top:30px}.Home .recipes h3{font-family:Open Sans,sans-serif;font-weight:500;overflow:hidden;line-height:1.5;text-overflow:ellipsis;color:#b0c4de;font-size:1.1em}.Home .recipes h4{font-family:Open Sans,sans-serif;font-weight:600;overflow:hidden;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;color:#b0c4de}.Home .recipes h5{font-family:Open Sans,sans-serif;font-weight:500;overflow:hidden;line-height:1.5;text-overflow:ellipsis}.Home .recipes p{color:#666}.Home .favorite{float:right;flex:0 0 40px;position:relative}.react-icons{vertical-align:top;size:"40px"}.list_item_image_container{position:relative;width:20%;padding-top:20%;float:left}.list_item_image_div{position:absolute;inset:0}.list_item_image{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover}.list_item_title{float:left;clear:top;width:calc(80% - 25px);padding-left:20px}.list_item_other{background-color:#f0f4fa}.list_item_title_other{float:left;clear:top;width:69%;padding-left:20px}.list_item_fav{position:right absolute;float:right;margin-top:5px;width:23px}.Home .pagination{margin-top:15px}.Home .pagination a{cursor:pointer;color:#b0c4de;float:left;padding:8px 16px;text-decoration:none;transition:background-color .3s;border:1px solid #ddd}.Home .pagination .active{background-color:#17a2b8;color:#fff;border:1px solid lightsteelblue}.Home .pagination .active a{color:#fff}.Home .pagination .disabled{background-color:#dfecf5}.Collapsible{background-color:#fff;padding-bottom:10px}.Collapsible__contentInner{padding:10px;border:1px solid lightsteelblue;border-top:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.Collapsible__trigger{display:block;font-weight:400;text-decoration:none;position:relative;border:1px solid lightsteelblue;border-radius:3px;padding:5px;background:#fff;color:#b0c4de}.Collapsible__trigger:after{content:"|  ^";font-weight:700;position:absolute;white-space:pre;right:10px;top:5px;display:block;transform:rotateX(-180deg)}.Collapsible__trigger.is-disabled{opacity:.5;background-color:gray}.Home .sortToolbar,.Home .pageSizeToolbar{margin-bottom:2px}.Home .sortButtons{margin-left:10px;margin-right:0;z-index:0}.Home .sortLabel,.Home .pageLabel{margin-left:0;font-family:Open Sans,sans-serif;font-style:normal;color:#b0c4de;width:60px}.Home .totalHitsLabel{font-family:Open Sans,sans-serif;font-style:normal;color:#b0c4de}.Home .pageSize{margin-left:10px;margin-right:0;width:213px}@media screen and (min-width: 768px){.Home .sortLabel,.Home .pageLabel{margin-left:auto;margin-right:0}.Home .totalHitsLabel{margin-left:auto;margin-right:0;text-align:right}}.Home .changeCatDiv{margin-top:32px}.Home .form-check{color:#b0c4de}@media all and (min-width: 480px){.Login{padding:60px 0}.Login form{margin:0 auto;max-width:320px}.Login form h5{font-family:Open Sans,sans-serif;font-weight:500;overflow:hidden;line-height:1.5;text-overflow:ellipsis;color:#b0c4de}}.NewRecipe{padding-bottom:15px}.NewRecipe textarea{height:300px}.NewRecipe .imgchooser{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.NewRecipe .imgchooser+label{border-radius:4px;width:100%;padding:7px 0;text-align:center;color:#fff;background-color:#6c757d;display:inline-block;cursor:pointer}.NewRecipe .imgchooser:focus+label{outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px}.NewRecipe .imgchooser+label:hover{background-color:#5a6268}#resetButton{text-align:center}.Recipes{white-space:pre-line}.recipe_header{display:flex}.recipe_name{height:auto;float:left;flex:1}.Recipes .favorite{float:right;flex:0 0 40px;height:auto}.Ingr{height:auto;width:auto;float:left}.recipe_name h6 a{color:#17a2b8}.Desc{height:auto;width:auto;clear:both}.Desc a{color:#17a2b8}.Img{height:auto;margin:0 20px 0 0;float:left;width:auto;max-width:40%}.recipe_img{width:auto;max-width:100%}.update_recipe .LoaderButton{width:calc(50% - 4px);float:left;margin:2px 2px 50px}.remove_recipe .LoaderButton{width:calc(50% - 4px);float:right;margin:2px 2px 50px}@media screen and (max-width: 767px){.Img{height:auto;width:100%;max-width:100%}.update_recipe .LoaderButton{width:100%;margin:2px 0}.remove_recipe .LoaderButton{width:100%;margin:2px 0 50px}}@media all and (min-width: 480px){.ResetPassword{padding:60px 0}.ResetPassword form{margin:0 auto;max-width:320px}.ResetPassword .success{max-width:400px}}.ResetPassword .success{margin:0 auto;text-align:center}.Categories h4,.Profile h4{font-family:Open Sans,sans-serif;font-weight:600;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;color:#b0c4de}@media all and (min-width: 480px){.ChangePassword{padding:60px 0}.ChangePassword form{margin:0 auto;max-width:320px}}@media all and (min-width: 480px){.Register{padding:60px 0}.Register form{margin:0 auto;max-width:320px}}.NotFound{padding-top:100px;text-align:center}.App{margin-top:15px}.App .navbar{border-radius:10px}.App .navbar-brand{font-weight:700}.App .navbar .search-form{margin:0 35px 0 0;height:35px}.footerStyle{background-color:#f8f9fa;font-size:14px;color:#2f4f4f;border-top:1px solid #f8f9fa;text-align:right;padding-right:10px;position:fixed;left:0;bottom:0;height:22px;width:100%;z-index:9999}.linkButton{background:none;outline-color:transparent;border:none;padding:0;margin-left:5px;margin-right:5px;font-family:arial,sans-serif;color:#789;cursor:pointer}.linkButton:hover{color:#000}.linkButton:focus{outline:none;box-shadow:none}.phantomStyle{display:block;padding:5px;height:22px;width:100%}