.record-bg[data-v-b5655894]{background-image:url(../img/cool-background.d41fc9ba.png);overflow:hidden;border-radius:20px;background-size:cover;z-index:100}.haccp-bg[data-v-b5655894]{-webkit-transform-origin:0 0 0;transform-origin:0 0 0;background-image:url(../img/mapbg.837e99ea.png);background-size:cover;background-position:50% 0;background-color:#000;min-width:auto;width:100%;min-height:auto;height:100%;overflow:hidden;overflow-x:hidden}.search-box[data-v-b5655894]{padding:10px;text-align:left}#haccp-chart[data-v-b5655894]{padding:20px 16px;height:520px;width:100%;border-radius:5px}#haccp-chart .bg-color-black[data-v-b5655894]{height:485px;border-radius:10px}#haccp-chart .text[data-v-b5655894]{color:#c3cbde}#haccp-chart .chart-box[data-v-b5655894]{margin-top:16px;width:170px;height:170px}#haccp-chart .chart-box .active-ring-name[data-v-b5655894]{padding-top:10px}.df[data-v-b5655894]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-1[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 4%;flex:1 4%}.flex-2[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 8%;flex:1 8%}.flex-3[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 13%;flex:1 13%}.flex-4[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 17%;flex:1 17%}.flex-5[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 21%;flex:1 21%}.flex-6[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 25%;flex:1 25%}.flex-7[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 29%;flex:1 29%}.flex-8[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 33%;flex:1 33%}.flex-9[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 38%;flex:1 38%}.flex-10[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 42%;flex:1 42%}.flex-11[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 46%;flex:1 46%}.flex-12[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 50%;flex:1 50%}.flex-13[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 54%;flex:1 54%}.flex-14[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 58%;flex:1 58%}.flex-15[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 63%;flex:1 63%}.flex-16[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 67%;flex:1 67%}.flex-17[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 71%;flex:1 71%}.flex-18[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 75%;flex:1 75%}.flex-19[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 79%;flex:1 79%}.flex-20[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 83%;flex:1 83%}.flex-21[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 88%;flex:1 88%}.flex-22[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 92%;flex:1 92%}.flex-23[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 96%;flex:1 96%}.flex-24[data-v-b5655894]{-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%}.p50[data-v-b5655894]{padding:50px 20px!important}.p50>div[data-v-b5655894]{padding:10px 0;border-top:1px solid #7bbfea;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p50[data-v-b5655894]:last-child{padding:0;border-bottom:1px solid #7bbfea}.box-border[data-v-b5655894]{border:1px solid #afdfe4;padding:10px;border-radius:15px;-webkit-box-shadow:#afb4db 10px 10px 15px;box-shadow:10px 10px 15px #afb4db}body[data-v-b5655894]::-webkit-scrollbar{display:none!important}@-webkit-keyframes sheen-data-v-b5655894{0%{-webkit-transform:skewY(-45deg) translateX(0);transform:skewY(-45deg) translateX(0)}to{-webkit-transform:skewY(-45deg) translateX(12.5em);transform:skewY(-45deg) translateX(12.5em)}}@keyframes sheen-data-v-b5655894{0%{-webkit-transform:skewY(-45deg) translateX(0);transform:skewY(-45deg) translateX(0)}to{-webkit-transform:skewY(-45deg) translateX(12.5em);transform:skewY(-45deg) translateX(12.5em)}}.button[data-v-b5655894]{width:80px;height:40px;line-height:40px;text-align:center;text-decoration:none;color:#33a3dc;border:2px solid #2194e0;font-size:16px;display:inline-block;border-radius:15px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:relative;overflow:hidden;margin-right:10px}.button[data-v-b5655894]:before{content:"";background-color:hsla(0,0%,100%,.5);height:100%;width:3em;display:block;position:absolute;top:0;left:-4.5em;-webkit-transform:skewX(-45deg) translateX(0);transform:skewX(-45deg) translateX(0);-webkit-transition:none;transition:none}.button[data-v-b5655894]:hover{cursor:pointer;background-color:#2194e0;color:#fff;border-bottom:4px solid #1977b5}.button[data-v-b5655894]:hover:before{-webkit-transform:skewX(-45deg) translateX(13.5em);transform:skewX(-45deg) translateX(13.5em);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}