main{background-color:#f5f5f5;}main #overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:1000;display:none;}main #phMessage{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:1000;display:block;}main #phMessage img{position:absolute;width:160px;height:160px;left:50%;top:50%;margin-left:-120px;margin-top:-120px;box-shadow:rgba(0,0,0,.7) 0 0 24px;border-radius:14px;background-color:rgba(0,0,0,.6);padding:20px 40px 60px 40px;}main #phMessage #txtMessage{position:absolute;display:block;top:50%;left:10%;width:80%;margin-top:50px;text-align:center;font-size:2rem;font-weight:bold;color:#fff;}main aside{position:fixed;left:40px;width:50%;top:0;bottom:0;}main aside img{display:block;width:100%;height:100%;object-position:center center;object-fit:cover;}main aside a{position:absolute;top:50%;left:50%;height:128px;width:128px;margin-top:-64px;margin-left:-64px;background-color:rgba(0,0,0,.4);color:#fff;font-weight:bold;border-radius:50%;box-shadow:rgba(0,0,0,.4) 0 0 24px;text-align:center;line-height:128px;font-size:96px;border:7px solid rgba(255,255,255,.2);z-index:31;text-shadow:0 0 14px rgba(0,0,0,.4);}main aside a:hover{background-color:#a53636;}main aside div{position:absolute;text-align:center;background-color:rgba(0,0,0,.6);}main aside div span{font-size:.7rem;text-transform:uppercase;display:block;color:#fff;z-index:101;}main aside div b{display:block;color:#fff;}main aside div.calories{top:14px;left:54px;background-color:rgba(0,0,0,.6);width:120px;height:120px;border-radius:50%;transform:rotate(-4deg);}main aside div.calories span{padding-top:25%;font-size:.9rem;}main aside div.calories b{font-size:1.5rem;}main aside div.fats,main aside div.carbs,main aside div.proteins{padding:7px;width:59px;}main aside div.fats{right:0;bottom:0;}main aside div.carbs{right:74px;bottom:0;}main aside div.proteins{right:148px;bottom:0;border-radius:7px 0 0 0;}main aside:after{content:"";position:absolute;width:100%;height:100%;box-shadow:inset 0 0 64px 0 #000;top:0;left:0;}main article{float:right;box-sizing:border-box;width:50%;border:none;padding:3% 3% 6% 7%;min-height:100vh;}main article #addNew,main article .addNew{min-height:32px;padding-bottom:14px;position:relative;}main article .addRow{display:none;position:absolute;top:0;right:0;margin:-3px 39px 64px 80px;background-color:#fff;border-radius:3px;padding:7px;z-index:10000;width:auto;height:auto;}main article .addRow select{padding:4px;border-radius:3px;border:1px solid #ccc;outline:none;margin-right:7px;}main article .addRow textarea{padding:7px;border-radius:3px;border:none;outline:none;width:100%;box-sizing:border-box;height:auto;}main article .addRow input[type=text]{flex:auto;margin-right:7px;}main article .addRow input,main article .addRow button{padding:7px;border-radius:3px;border:none;outline:none;}main article .addRow input[type=submit],main article .addRow button{cursor:pointer;text-transform:uppercase;}main article .addRow input[type=submit]{color:#fff;background-color:#a53636;float:right;z-index:31;font-weight:bold;}main article .addRow .clear{clear:both;float:right;display:block;}main article .addRow button{color:#888;background-color:#ccc;}main article .addRow input[type=submit][disabled]{cursor:not-allowed;background-color:#ccc;}main article .addRow input[type=text][disabled]{cursor:not-allowed;background-color:transparent;}main article .addRow:before{position:absolute;top:16px;right:-7px;content:"";display:block;width:14px;height:14px;background-color:#fff;transform:rotate(45deg);z-index:30;}main article>header h1{margin:0;font-size:3.2rem;width:100%;color:#a53636;}main article .add{margin:0;padding:7px 0 0 0;cursor:pointer;text-align:right;width:100%;}main article .add .addItem{display:block;float:right;border-radius:50%;width:21px;height:21px;background-color:#888;color:#fff;font-weight:bold;font-size:16px;border:3px solid #fff;box-shadow:rgba(0,0,0,.2) 0 0 14px;text-align:center;line-height:20px;margin-left:2px;}main article .add b{color:#888;font-size:.8rem;margin-right:4px;padding:0;text-shadow:#fff 0 0 7px;}main article .add:hover .addItem{background-color:#a53636;}main article .add:hover b{color:#a53636;}main article ul li,main article ol li{position:relative;}main article a.edit,main article a.delete{display:block;width:24px;height:24px;top:4px;position:absolute;opacity:.3;}main article a.edit:hover,main article a.delete:hover{opacity:1;filter:invert(27%) sepia(51%) saturate(2578%) hue-rotate(346deg) brightness(104%) contrast(97%);}main article .edit{right:26px;background-image:url(/Images/edit.svg);}main article .delete{right:0;background-image:url(/Images/delete.svg);}main article .autoresizing{overflow:hidden;resize:none;}main article p{font-size:1rem;line-height:2rem;}main article p a{border-bottom:1px dotted #a53636;}main article details{border:none;outline:none;width:100%;}main article details summary{border:none;text-align:right;color:#a53636;outline:none;}main article section{padding-top:28px;}main article section h2{font-size:1.8rem;}main article section ul{position:relative;padding:7px 0 0 0;margin:0;}main article section ul li{list-style:none;padding:0 0 0 7px;display:inline-block;}main article section ol{position:relative;margin:0;padding:7px 0 0 0;counter-reset:li;list-style:none;}main article section table{width:100%;}main article section table .search input[type=search]{margin:0;text-align:left;background-color:transparent;border:none;width:100%;box-sizing:border-box;border-radius:7px;outline:none;padding-left:24px;}main article section table .search:after{content:'';background-image:url('/Images/search-dark.svg');width:24px;height:24px;background-size:contain;position:absolute;left:5px;top:3px;display:block;opacity:.4;}main article section table tr td,main article section table tr th{position:relative;max-width:0;width:12.5%;text-align:left;padding:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}main article section table tr td:first-child,main article section table tr th:first-child{font-size:.9rem;width:50%;padding-left:8px;}main article section table thead tr th{color:#888;cursor:pointer;}main article section table thead tr th:hover{color:#a53636;}main article section table tbody tr{border-radius:4px;}main article section table tbody tr td a{font-weight:bold;}main article section table tbody tr td a:hover{color:#a53636;}main article section table tbody tr td:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}main article section table tbody tr:nth-child(odd) td{background-color:rgba(255,255,255,.5);}@media(max-width:1000px){main aside{position:relative;width:auto;left:auto;right:auto;height:300px;}main article{height:auto;position:relative;width:100%;left:auto;right:auto;}main:before{display:none;}main:after{display:none;}}@media(min-width:1900px){main aside{right:60%;width:40%;}main article{left:40%;width:60%;}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){main article #summary{display:table;width:100%;}main article #summary div{width:25%;display:table-cell;}}@media(max-width:999px){main aside div.calories{top:14px;left:14px;}}