app.scss

@import 'fonts';

 $theme-primary: #4fb067;//#3cf;//#8BC34A;#99c73b
 //Macro Variables
 $protein-color: #4FB267;
 $carb-color: #3D78DF;
 $fat-color: #F0B04F;
 $fiber-color: #979dac;
 $alcohol-color: #7E589B;
 
 .downvote-recipe-btn.active {
   color: orange !important;
 }
 
 .upvote-recipe-btn.active {
   color: red !important;
   .action-icon {
     color: red;
   }
 }
 
 .protein-text, .calories-text {
   color: $protein-color !important;
 }
 
 .carb-text, .carbs-text {
   color: $carb-color !important;
 }
 
 .fat-text {
   color: $fat-color !important;
 }
 
 .fiber-text {
   color: $fiber-color !important;
 }
 
 .alcohol-text {
   color: $alcohol-color !important;
 }
 
 .display-flex {
   display: flex;
 }
 
 .align-center {
   align-items: center;
 }
 
 .flex-grow {
   flex-grow: 1;
 }
 
 .fixed-call-to-action {
   z-index: 10;
   position: fixed;
   bottom: 20px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   width: 150px;
   padding-top: 20px;
   padding-bottom: 20px;
   font-size: 18px;
   background-color: $theme-primary;
   color: white;
   -moz-border-radius: 10px; /* or 50% */
   border-radius: 10px; /* or 50% */
   text-align: center;
   box-shadow: 3px 3px 2px rgba(0,0,0,0.15);
   &:focus, &:active {
     box-shadow: none;
   }
 
   &.outline-only {
     background-color: #fff;
     border: 2px solid $theme-primary;
     color: $theme-primary;
   }
 
 }
 
 .ajax-form {
 
   .show-while-logging {
     display: none;
   }
 
   .errors, .show-after-error {
     display: none;
   }
 
   &.logged {
     .input-field:not(.no-hide) {
       display: none;
     }
     .ajax-submit-btn:not(.no-hide) {
       display: none;
     }
     .hide-after-save {
       display: none;
     }
   }
   &.unlogged {
     .show-after-save {
       display: none;
     }
     .saved-field, .saved-group {
       display: none;
     }
   }
 
   &.saving {
     .show-after-save {
       display: none;
     }
   }
 
   .ajax-input-group {
     &.unsaved {
       .group-saving-icon {
         display: none;
       }
       .group-saved-icon {
         display: none;
       }
     }
     &.saving {
       .group-saving-icon {
         display: none;
       }
       .group-saved-icon {
         display: none;
       }
     }
     &.saved {
       .group-saving-icon {
         display: none;
       }
       .group-saved-icon {
         display: none;
       }
     }
   }
 }
 .adjust-down-50 {
   -webkit-transform: translateY(50%);
   -ms-transform: translateY(50%);
   transform: translateY(50%);
 }
 .ui-widget {
   font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
   font-size: 1.1em/*{fsDefault}*/;
 }
 .ui-widget-content {
   border: 1px solid #aaaaaa/*{borderColorContent}*/;
   background: #ffffff/*{bgColorContent}*/ image_url('jquery-ui/ui-bg_flat_75_ffffff_40x100.png')/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
   color: #222222/*{fcContent}*/;
 }
 .ui-corner-all,
 .ui-corner-top,
 .ui-corner-left,
 .ui-corner-tl {
   border-top-left-radius: 4px/*{cornerRadius}*/;
 }
 .ui-corner-all,
 .ui-corner-top,
 .ui-corner-right,
 .ui-corner-tr {
   border-top-right-radius: 4px/*{cornerRadius}*/;
 }
 .ui-corner-all,
 .ui-corner-bottom,
 .ui-corner-left,
 .ui-corner-bl {
   border-bottom-left-radius: 4px/*{cornerRadius}*/;
 }
 .ui-corner-all,
 .ui-corner-bottom,
 .ui-corner-right,
 .ui-corner-br {
   border-bottom-right-radius: 4px/*{cornerRadius}*/;
 }
 .ui-helper-hidden-accessible {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
 }
 .ui-tooltip {
   padding: 8px;
   position: absolute;
   z-index: 9999;
   max-width: 300px;
   -webkit-box-shadow: 0 0 5px #aaa;
   box-shadow: 0 0 5px #aaa;
 }
 body .ui-tooltip {
   border-width: 2px;
 }
 .barba-container.app-screen, #barba-error-page {
   -webkit-touch-callout: none;
   /* prevent callout to copy image, etc when tap to hold */
   -webkit-text-size-adjust: none;
   /* prevent webkit from resizing text to fit */
   -webkit-user-select: none;
   /* prevent copy paste, to allow, change 'none' to 'text' */
   background-color: #fff;
   font-family: "Roboto", sans-serif;
   font-size: 12px;
   height: 100%;
   margin: 0px;
   padding: 0px;
   width: 100%;
 }
 .barba-container.app-screen .app, #barba-error-page .app {
   background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' width='300px' height='100px' viewBox='0 0 89 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Elogo%3C/title%3E%3Cpath d='M15.971 0.576c8.534 0 15.453 6.919 15.453 15.453s-6.919 15.453-15.453 15.453c-8.534 0-15.453-6.919-15.453-15.453s6.919-15.453 15.453-15.453zM9.562 17.76c0.013-0.068 0.043-0.133 0.091-0.184l-0.091 0.184zM15.075 24.71c0 0-0.11-0.292-0.284-0.293l0.227 0.227c0.021 0.021 0.040 0.043 0.057 0.066zM6.63 17.111l-1.642 1.642c-0.17 0.17-0.176 0.444-0.012 0.608l7.662 7.662c0.164 0.164 0.437 0.158 0.608-0.013l1.642-1.642c0.17-0.17 0.176-0.444 0.013-0.608l-7.663-7.663c-0.164-0.164-0.437-0.158-0.608 0.012v0.002zM17.053 6.688c-0.17 0.17-0.176 0.444-0.012 0.608l7.662 7.662c0.164 0.164 0.437 0.158 0.608-0.013l1.642-1.642c0.17-0.17 0.176-0.444 0.013-0.608l-7.662-7.662c-0.164-0.164-0.437-0.158-0.608 0.013l-1.643 1.642zM21.91 6.656c-0.079 0.079-0.087 0.199-0.019 0.267l3.186 3.185c0.068 0.068 0.188 0.060 0.267-0.019l0.757-0.757c0.079-0.079 0.087-0.199 0.019-0.267l-3.186-3.185c-0.068-0.068-0.188-0.060-0.267 0.019l-0.757 0.757zM6.599 21.968l-0.757 0.757c-0.079 0.079-0.087 0.199-0.019 0.267l3.185 3.186c0.068 0.068 0.188 0.060 0.267-0.019l0.757-0.757c0.079-0.079 0.087-0.199 0.019-0.267l-3.186-3.186c-0.068-0.068-0.188-0.060-0.267 0.019h0.001zM20.096 11.49c-0.382-0.527-0.831-1.005-1.335-1.42-1.408 0.815-3.247 2.718-4.778 4.573-0.488-0.222-0.965-0.324-1.392 0.095-0.939 0.983-1.877 1.968-2.815 2.952-0.129 0.14-0.010 0.439 0.201 0.324 0.691-0.68 1.383-1.36 2.073-2.041 0.251-0.168 0.51 0.079 0.287 0.39-0.76 0.671-1.501 1.412-2.262 2.084-0.070 0.089 0.079 0.396 0.272 0.245 0.744-0.669 1.487-1.339 2.231-2.007 0.28-0.222 0.542 0.095 0.251 0.412-0.767 0.657-1.534 1.314-2.301 1.971-0.1 0.145 0.083 0.469 0.298 0.303 0.762-0.655 1.524-1.31 2.287-1.966 0.267-0.262 0.441 0.072 0.188 0.346-0.365 0.394-1.558 1.288-2.295 1.908-0.094 0.145 0.061 0.388 0.293 0.241 1.15-0.802 2.251-1.642 3.122-2.661 0.608-0.743 0.401-1.363 0.034-2.011 1.084-1.246 3.954-4.169 5.643-3.735l-0.002-0.003zM13.29 14.872c0.792 0.344 1.201 1.33 0.759 2.257 0.8-0.466 0.425-2.208-0.759-2.257zM11.489 20.178c0.382 0.527 0.831 1.005 1.335 1.42 1.455-0.842 3.752-3.162 4.778-4.573h0.001c0.062 0.028 0.124 0.054 0.185 0.077l-0.044-0.044c1.675 0.357 2.956-0.759 3.525-2.039 1.117-2.513-0.739-3.709-2.625-2.409-1.109 0.764-1.835 2.31-1.512 3.832l-0.002 0.002c-1.085 1.246-3.953 4.167-5.641 3.733v0.001zM18.323 16.072c-0.129 0.167-0.188 0.349-0.318 0.516 1.266 0.266 2.293-0.382 2.864-1.411-0.692 0.611-1.493 1.15-2.546 0.894v0.001z' style='fill: rgb(79, 176, 103);'/%3E%3Ctitle%3Elogo-text1%3C/title%3E%3Cpath d='M 34.564 13.62 L 35.224 13.226 C 35.688 14.079 36.225 14.506 36.834 14.506 C 37.093 14.506 37.338 14.446 37.566 14.324 C 37.795 14.203 37.97 14.041 38.089 13.836 C 38.209 13.633 38.268 13.417 38.268 13.188 C 38.268 12.926 38.18 12.673 38.004 12.422 C 37.761 12.078 37.318 11.663 36.675 11.178 C 36.028 10.688 35.625 10.335 35.467 10.117 C 35.193 9.752 35.056 9.356 35.056 8.93 C 35.056 8.592 35.135 8.284 35.297 8.006 C 35.459 7.729 35.687 7.509 35.982 7.349 C 36.276 7.188 36.594 7.109 36.938 7.109 C 37.305 7.109 37.647 7.199 37.964 7.381 C 38.283 7.561 38.619 7.896 38.974 8.38 L 38.342 8.86 C 38.05 8.473 37.8 8.217 37.595 8.095 C 37.389 7.973 37.164 7.909 36.923 7.909 C 36.61 7.909 36.355 8.005 36.154 8.196 C 35.956 8.385 35.857 8.619 35.857 8.896 C 35.857 9.066 35.891 9.229 35.961 9.388 C 36.033 9.547 36.162 9.717 36.347 9.905 C 36.449 10.002 36.784 10.261 37.349 10.679 C 38.021 11.176 38.482 11.617 38.732 12.004 C 38.981 12.392 39.107 12.779 39.107 13.17 C 39.107 13.733 38.893 14.221 38.466 14.637 C 38.038 15.051 37.518 15.258 36.907 15.258 C 36.435 15.258 36.008 15.134 35.624 14.882 C 35.24 14.63 34.888 14.208 34.563 13.618 Z M 39.978 8.059 L 39.978 7.304 L 44.236 7.304 L 44.236 8.059 L 42.505 8.059 L 42.505 15.066 L 41.715 15.066 L 41.715 8.059 Z M 45.392 7.304 L 46.937 7.304 C 47.8 7.304 48.383 7.341 48.689 7.411 C 49.15 7.517 49.525 7.742 49.813 8.088 C 50.101 8.435 50.246 8.862 50.246 9.368 C 50.246 9.79 50.146 10.16 49.948 10.481 C 49.749 10.801 49.466 11.042 49.095 11.206 C 48.726 11.37 48.216 11.453 47.566 11.457 L 50.358 15.066 L 49.396 15.066 L 46.611 11.457 L 46.169 11.457 L 46.169 15.066 L 45.392 15.066 Z M 46.168 8.064 L 46.168 10.702 L 47.502 10.713 C 48.019 10.713 48.401 10.664 48.649 10.565 C 48.898 10.466 49.09 10.31 49.229 10.093 C 49.367 9.877 49.438 9.634 49.438 9.368 C 49.438 9.107 49.367 8.871 49.227 8.659 C 49.088 8.447 48.901 8.293 48.672 8.201 C 48.444 8.111 48.064 8.064 47.533 8.064 Z M 55.606 7.11 C 56.78 7.11 57.764 7.502 58.557 8.286 C 59.347 9.071 59.744 10.037 59.744 11.184 C 59.744 12.32 59.35 13.283 58.559 14.074 C 57.77 14.867 56.806 15.261 55.67 15.261 C 54.52 15.261 53.55 14.869 52.757 14.08 C 51.967 13.293 51.57 12.339 51.57 11.22 C 51.57 10.474 51.75 9.783 52.111 9.147 C 52.47 8.51 52.963 8.013 53.585 7.651 C 54.209 7.29 54.882 7.11 55.606 7.11 Z M 55.644 7.869 C 55.07 7.869 54.528 8.019 54.012 8.318 C 53.499 8.617 53.099 9.02 52.809 9.526 C 52.521 10.032 52.376 10.597 52.376 11.219 C 52.376 12.141 52.695 12.919 53.335 13.555 C 53.972 14.188 54.743 14.506 55.643 14.506 C 56.245 14.506 56.801 14.36 57.313 14.068 C 57.824 13.776 58.224 13.377 58.51 12.871 C 58.796 12.365 58.94 11.801 58.94 11.184 C 58.94 10.568 58.796 10.011 58.51 9.512 C 58.224 9.015 57.82 8.617 57.3 8.319 C 56.779 8.02 56.226 7.87 55.643 7.87 Z M 61.305 15.066 L 61.305 7.304 L 61.474 7.304 L 66.634 13.245 L 66.634 7.304 L 67.399 7.304 L 67.399 15.066 L 67.224 15.066 L 62.108 9.198 L 62.108 15.066 Z M 76.78 8.608 L 76.178 9.177 C 75.744 8.752 75.271 8.429 74.755 8.209 C 74.24 7.989 73.738 7.88 73.25 7.88 C 72.641 7.88 72.062 8.03 71.51 8.329 C 70.961 8.627 70.534 9.033 70.232 9.544 C 69.93 10.056 69.778 10.598 69.778 11.167 C 69.778 11.75 69.935 12.305 70.248 12.831 C 70.561 13.357 70.994 13.771 71.545 14.072 C 72.098 14.373 72.703 14.522 73.361 14.522 C 74.16 14.522 74.836 14.297 75.387 13.847 C 75.94 13.397 76.266 12.814 76.369 12.096 L 73.894 12.096 L 73.894 11.347 L 77.24 11.347 C 77.233 12.546 76.877 13.497 76.17 14.203 C 75.466 14.909 74.522 15.261 73.339 15.261 C 71.906 15.261 70.769 14.773 69.931 13.795 C 69.287 13.041 68.966 12.172 68.966 11.183 C 68.966 10.448 69.149 9.764 69.518 9.13 C 69.888 8.498 70.395 8.003 71.038 7.644 C 71.683 7.287 72.41 7.109 73.222 7.109 C 73.88 7.109 74.499 7.228 75.079 7.466 C 75.661 7.703 76.226 8.083 76.779 8.608 Z M 78.757 7.304 L 80.303 7.304 C 81.166 7.304 81.749 7.341 82.055 7.411 C 82.516 7.517 82.891 7.742 83.179 8.088 C 83.467 8.435 83.611 8.862 83.611 9.368 C 83.611 9.79 83.512 10.16 83.314 10.481 C 83.114 10.801 82.831 11.042 82.46 11.206 C 82.091 11.37 81.581 11.453 80.932 11.457 L 83.723 15.066 L 82.761 15.066 L 79.977 11.457 L 79.534 11.457 L 79.534 15.066 L 78.758 15.066 Z M 79.534 8.064 L 79.534 10.702 L 80.868 10.713 C 81.385 10.713 81.766 10.664 82.015 10.565 C 82.263 10.466 82.456 10.31 82.594 10.093 C 82.733 9.877 82.803 9.634 82.803 9.368 C 82.803 9.107 82.734 8.871 82.593 8.659 C 82.452 8.447 82.267 8.293 82.038 8.201 C 81.809 8.111 81.429 8.064 80.898 8.064 L 79.534 8.064 Z' style='fill: rgb(79, 176, 103); fill-opacity: 0.7;'/%3E%3Ctitle%3Elogo-text2%3C/title%3E%3Cpath d='M 35.406 16.666 L 39.414 16.666 L 39.414 18.165 L 36.925 18.165 L 36.925 19.63 L 39.414 19.63 L 39.414 21.109 L 36.925 21.109 L 36.925 24.742 L 35.406 24.742 Z M 48.144 16.666 L 49.704 16.666 L 52.81 24.742 L 51.213 24.742 L 50.581 23.078 L 47.289 23.078 L 46.629 24.742 L 45.033 24.742 Z M 48.935 18.807 L 47.858 21.578 L 50.005 21.578 Z M 63.137 17.764 L 62.002 18.768 C 61.603 18.213 61.196 17.934 60.782 17.934 C 60.582 17.934 60.417 17.989 60.288 18.097 C 60.16 18.204 60.097 18.326 60.097 18.461 C 60.097 18.597 60.142 18.725 60.234 18.847 C 60.36 19.006 60.734 19.353 61.36 19.883 C 61.945 20.374 62.301 20.682 62.424 20.811 C 62.735 21.125 62.957 21.427 63.086 21.714 C 63.215 22.002 63.281 22.315 63.281 22.656 C 63.281 23.317 63.052 23.865 62.595 24.298 C 62.137 24.729 61.54 24.944 60.805 24.944 C 60.23 24.944 59.73 24.804 59.304 24.523 C 58.877 24.239 58.512 23.797 58.208 23.194 L 59.5 22.415 C 59.888 23.129 60.333 23.485 60.837 23.485 C 61.102 23.485 61.323 23.408 61.502 23.255 C 61.682 23.101 61.77 22.923 61.77 22.722 C 61.77 22.539 61.703 22.357 61.568 22.173 C 61.432 21.99 61.135 21.71 60.674 21.334 C 59.795 20.616 59.228 20.061 58.971 19.672 C 58.716 19.282 58.586 18.894 58.586 18.506 C 58.586 17.946 58.8 17.466 59.227 17.066 C 59.653 16.665 60.179 16.464 60.805 16.464 C 61.207 16.464 61.59 16.558 61.955 16.743 C 62.319 16.93 62.712 17.271 63.138 17.764 Z M 68.859 16.666 L 73.322 16.666 L 73.322 18.182 L 71.851 18.182 L 71.851 24.742 L 70.292 24.742 L 70.292 18.182 L 68.859 18.182 Z M 79.386 16.666 L 81.016 16.666 C 81.91 16.666 82.545 16.746 82.924 16.906 C 83.302 17.065 83.607 17.329 83.838 17.698 C 84.068 18.067 84.183 18.506 84.183 19.01 C 84.183 19.542 84.057 19.984 83.803 20.342 C 83.548 20.698 83.164 20.967 82.652 21.151 L 84.563 24.741 L 82.882 24.741 L 81.064 21.322 L 80.922 21.322 L 80.922 24.741 L 79.386 24.741 Z M 80.923 19.823 L 81.407 19.823 C 81.898 19.823 82.235 19.76 82.42 19.63 C 82.604 19.503 82.696 19.291 82.696 18.995 C 82.696 18.819 82.651 18.665 82.559 18.536 C 82.467 18.406 82.345 18.313 82.192 18.257 C 82.038 18.198 81.757 18.171 81.347 18.171 L 80.924 18.171 L 80.924 19.823 Z' style='fill: rgb(79, 176, 103);'/%3E%3C/svg%3E") no-repeat center;
   /* 170px x 200px */
   position: absolute;
   /* position in the center of the screen */
   left: 50%;
   top: 50%;
   text-align: center;
   transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   -o-transform: translateX(-50%) translateY(-50%);
   width: 100%;
   height: 50px;
   padding: 180px 0 0 0;
 }
 .barba-container.app-screen .app .error-msg, #barba-error-page .app .error-msg {
   color: orange;
   font-weight: bold;
 }
 #get-app-wrapper {
   position: fixed;
   bottom: 0;
   width: 100vw;
   z-index: 999;
 }
 #get-app-panel {
   text-align: center;
   background-color: #ffffff;
   padding-bottom: 45px;
   box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
 }
 .get-app-btns {
   white-space: nowrap;
   display: inline-block;
 }
 .get-app-btns a {
   display: inline;
 }
 .get-app-btns a:hover, .get-app-btns a:active, .get-app-btns a:focus {
   text-decoration: none;
   background-color: unset;
 }
 .get-app-btns a img {
   margin-left: -10px;
   height: 75px;
 }
 .get-app-btns a.app-store img {
   margin-left: 0;
   height: 51px;
 }
 @media (max-width: 365px) {
   .get-app-btns a img {
     margin-left: -10px;
     height: 62px;
   }
   .get-app-btns a.app-store img {
     margin-left: -10;
     height: 42px;
   }
 }
 .btn {
   -webkit-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
   border: 1px solid #dbdbdb;
   border-radius: 4px;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.2);
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 }
 .btn-default {
   border-radius: 3px;
 }
 .btn-flat {
   text-shadow: none;
   box-shadow: none;
 }
 html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
 }
 body {
   margin: 0;
 }
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 menu,
 nav,
 section,
 summary {
   display: block;
 }
 audio,
 canvas,
 progress,
 video {
   display: inline-block;
   vertical-align: baseline;
 }
 a {
   background-color: transparent;
 }
 a:active,
 a:hover {
   outline: 0;
 }
 b,
 strong {
   font-weight: bold;
 }
 h1 {
   font-size: 2em;
   margin: 0.67em 0;
 }
 small {
   font-size: 80%;
 }
 sub,
 sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 sup {
   top: -0.5em;
 }
 img {
   border: 0;
 }
 svg:not(:root) {
   overflow: hidden;
 }
 figure {
   margin: 1em 40px;
 }
 hr {
   box-sizing: content-box;
   height: 0;
 }
 button,
 input,
 optgroup,
 select,
 textarea {
   color: inherit;
   font: inherit;
   margin: 0;
 }
 button {
   overflow: visible;
 }
 button,
 select {
   text-transform: none;
 }
 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
   -webkit-appearance: button;
   cursor: pointer;
 }
 button[disabled],
 html input[disabled] {
   cursor: default;
 }
 input {
   line-height: normal;
 }
 input[type="checkbox"],
 input[type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }
 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 table {
   border-collapse: collapse;
   border-spacing: 0;
 }
 td,
 th {
   padding: 0;
 }
 * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 *:before,
 *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 html {
   font-size: 10px;
   -webkit-tap-highlight-color: transparent;
 }
 body {
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-size: 16px;
   line-height: 1.61538;
   color: #222222;
   background-color: #fff;
 }
 input,
 button,
 select,
 textarea {
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
 }
 a {
   color: #959595;
   text-decoration: none;
 }
 a:hover, a:focus {
   color: #6f6f6f;
   text-decoration: underline;
 }
 a:focus {
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
 }
 figure {
   margin: 0;
 }
 img {
   vertical-align: middle;
 }
 hr {
   margin-top: 25px;
   margin-bottom: 25px;
   border: 0;
   border-top: 1px solid #eeeeee;
 }
 .sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
 }
 h1, h2, h3, h4, h5, h6,
 .h1, .h2, .h3, .h4, .h5, .h6 {
   font-family: inherit;
   font-weight: 500;
   line-height: 1.1;
   color: inherit;
 }
 h1 small,
 h1 .small,
 h1 .blog-post .post-footer,
 .blog-post h1 .post-footer,
 h1 .blog-post .comments time,
 .blog-post .comments h1 time, h2 small,
 h2 .small,
 h2 .blog-post .post-footer,
 .blog-post h2 .post-footer,
 h2 .blog-post .comments time,
 .blog-post .comments h2 time, h3 small,
 h3 .small,
 h3 .blog-post .post-footer,
 .blog-post h3 .post-footer,
 h3 .blog-post .comments time,
 .blog-post .comments h3 time, h4 small,
 h4 .small,
 h4 .blog-post .post-footer,
 .blog-post h4 .post-footer,
 h4 .blog-post .comments time,
 .blog-post .comments h4 time, h5 small,
 h5 .small,
 h5 .blog-post .post-footer,
 .blog-post h5 .post-footer,
 h5 .blog-post .comments time,
 .blog-post .comments h5 time, h6 small,
 h6 .small,
 h6 .blog-post .post-footer,
 .blog-post h6 .post-footer,
 h6 .blog-post .comments time,
 .blog-post .comments h6 time,
 .h1 small,
 .h1 .small,
 .h1 .blog-post .post-footer,
 .blog-post .h1 .post-footer,
 .h1 .blog-post .comments time,
 .blog-post .comments .h1 time, .h2 small,
 .h2 .small,
 .h2 .blog-post .post-footer,
 .blog-post .h2 .post-footer,
 .h2 .blog-post .comments time,
 .blog-post .comments .h2 time, .h3 small,
 .h3 .small,
 .h3 .blog-post .post-footer,
 .blog-post .h3 .post-footer,
 .h3 .blog-post .comments time,
 .blog-post .comments .h3 time, .h4 small,
 .h4 .small,
 .h4 .blog-post .post-footer,
 .blog-post .h4 .post-footer,
 .h4 .blog-post .comments time,
 .blog-post .comments .h4 time, .h5 small,
 .h5 .small,
 .h5 .blog-post .post-footer,
 .blog-post .h5 .post-footer,
 .h5 .blog-post .comments time,
 .blog-post .comments .h5 time, .h6 small,
 .h6 .small,
 .h6 .blog-post .post-footer,
 .blog-post .h6 .post-footer,
 .h6 .blog-post .comments time,
 .blog-post .comments .h6 time {
   font-weight: normal;
   line-height: 1;
   color: #777777;
 }
 h1, .h1,
 h2, .h2,
 h3, .h3 {
   margin-top: 25px;
   margin-bottom: 12.5px;
 }
 h4, .h4,
 h5, .h5,
 h6, .h6 {
   margin-top: 12.5px;
   margin-bottom: 12.5px;
 }
 h4 small,
 h4 .small,
 h4 .blog-post .post-footer,
 .blog-post h4 .post-footer,
 h4 .blog-post .comments time,
 .blog-post .comments h4 time, .h4 small,
 .h4 .small,
 .h4 .blog-post .post-footer,
 .blog-post .h4 .post-footer,
 .h4 .blog-post .comments time,
 .blog-post .comments .h4 time,
 h5 small,
 h5 .small,
 h5 .blog-post .post-footer,
 .blog-post h5 .post-footer,
 h5 .blog-post .comments time,
 .blog-post .comments h5 time, .h5 small,
 .h5 .small,
 .h5 .blog-post .post-footer,
 .blog-post .h5 .post-footer,
 .h5 .blog-post .comments time,
 .blog-post .comments .h5 time,
 h6 small,
 h6 .small,
 h6 .blog-post .post-footer,
 .blog-post h6 .post-footer,
 h6 .blog-post .comments time,
 .blog-post .comments h6 time, .h6 small,
 .h6 .small,
 .h6 .blog-post .post-footer,
 .blog-post .h6 .post-footer,
 .h6 .blog-post .comments time,
 .blog-post .comments .h6 time {
   font-size: 75%;
 }
 h1, .h1 {
   font-size: 41px;
 }
 h2, .h2 {
   font-size: 34px;
 }
 h3, .h3 {
   font-size: 28px;
 }
 h4, .h4 {
   font-size: 20px;
 }
 p {
   margin: 0 0 12.5px;
 }
 small,
 .small,
 .blog-post .post-footer,
 .blog-post .comments time {
   font-size: 87%;
 }
 .text-left {
   text-align: left;
 }
 .text-right {
   text-align: right;
 }
 .text-center {
   text-align: center;
 }
 .text-justify {
   text-align: justify;
 }
 .text-muted, .blog-archive .article-meta time {
   color: #777777;
 }
 .text-primary {
   color: #212121;
 }
 ul,
 ol {
   margin-top: 0;
   margin-bottom: 12.5px;
 }
 ul ul,
 ul ol,
 ol ul,
 ol ol {
   margin-bottom: 0;
 }
 .list-inline {
   padding-left: 0;
   list-style: none;
   margin-left: -5px;
 }
 .list-inline > li {
   display: inline-block;
   padding-left: 5px;
   padding-right: 5px;
 }
 .container {
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   padding-right: 15px;
 }
 .container:before, .container:after {
   content: " ";
   display: table;
 }
 .container:after {
   clear: both;
 }
 @media (min-width: 768px) {
   .container {
     width: 750px;
   }
 }
 @media (min-width: 992px) {
   .container {
     width: 970px;
   }
 }
 .row {
   margin-left: -15px;
   margin-right: -15px;
 }
 .row:before, .row:after {
   content: " ";
   display: table;
 }
 .row:after {
   clear: both;
 }
 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
   position: relative;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
 }
 .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
   float: left;
 }
 .col-xs-2 {
   width: 16.66667%;
 }
 .col-xs-10 {
   width: 83.33333%;
 }
 .col-xs-12 {
   width: 100%;
 }
 @media (min-width: 768px) {
   .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
     float: left;
   }
   .col-sm-6 {
     width: 50%;
   }
   .col-sm-12 {
     width: 100%;
   }
   .col-sm-pull-6 {
     right: 50%;
   }
   .col-sm-push-6 {
     left: 50%;
   }
 }
 @media (min-width: 992px) {
   .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
     float: left;
   }
   .col-md-4 {
     width: 33.33333%;
   }
   .col-md-6 {
     width: 50%;
   }
   .col-md-8 {
     width: 66.66667%;
   }
   .col-md-12 {
     width: 100%;
   }
   .col-md-offset-2 {
     margin-left: 16.66667%;
   }
   .col-md-offset-3 {
     margin-left: 25%;
   }
 }
 table {
   background-color: transparent;
 }
 th {
   text-align: left;
 }
 label {
   display: inline-block;
   max-width: 100%;
   margin-bottom: 5px;
   font-weight: bold;
 }
 input[type="radio"],
 input[type="checkbox"] {
   margin: 4px 0 0;
   margin-top: 1px \9;
   line-height: normal;
 }
 select[multiple],
 select[size] {
   height: auto;
 }
 input[type="file"]:focus,
 input[type="radio"]:focus,
 input[type="checkbox"]:focus {
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
 }
 .form-control {
   display: block;
   width: 100%;
   height: 39px;
   padding: 6px 12px;
   font-size: 16px;
   line-height: 1.61538;
   color: #555555;
   background-color: #fff;
   background-image: none;
   border: 1px solid #ccc;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
   -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
   transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
 }
 .form-control:focus {
   border-color: #66afe9;
   outline: 0;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
 }
 .form-control::-webkit-input-placeholder {
   color: #999;
 }
 .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
   background-color: #eeeeee;
   opacity: 1;
 }
 .form-control[disabled], fieldset[disabled] .form-control {
   cursor: not-allowed;
 }
 .form-group {
   margin-bottom: 15px;
 }
 input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"],
 input[type="checkbox"][disabled],
 input[type="checkbox"].disabled, fieldset[disabled]
 input[type="checkbox"] {
   cursor: not-allowed;
 }
 @media (min-width: 768px) {
   .form-inline .form-control {
     display: inline-block;
     width: auto;
     vertical-align: middle;
   }
 }
 .form-horizontal .form-group {
   margin-left: -15px;
   margin-right: -15px;
 }
 .form-horizontal .form-group:before, .form-horizontal .form-group:after {
   content: " ";
   display: table;
 }
 .form-horizontal .form-group:after {
   clear: both;
 }
 .btn {
   display: inline-block;
   margin-bottom: 0;
   font-weight: normal;
   text-align: center;
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
   background-image: none;
   border: 1px solid transparent;
   white-space: nowrap;
   padding: 6px 12px;
   font-size: 16px;
   line-height: 1.61538;
   border-radius: 4px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .btn:hover, .btn:focus, .btn.focus {
   color: #333;
   text-decoration: none;
 }
 .btn:active, .btn.active {
   outline: 0;
   background-image: none;
   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
 .btn-default {
   color: #333;
   background-color: #fff;
   border-color: #ccc;
 }
 .btn-default:hover {
   color: #333;
   background-color: #e6e6e6;
   border-color: #adadad;
 }
 .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
   color: #333;
   background-color: #e6e6e6;
   border-color: #adadad;
 }
 .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
   color: #333;
   background-color: #d4d4d4;
   border-color: #8c8c8c;
 }
 .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
   background-image: none;
 }
 .fade {
   opacity: 0;
   -webkit-transition: opacity 0.15s linear;
   -o-transition: opacity 0.15s linear;
   transition: opacity 0.15s linear;
 }
 .fade.in {
   opacity: 1;
 }
 .collapse {
   display: none;
 }
 .collapse.in {
   display: block;
 }
 .collapsing {
   position: relative;
   height: 0;
   overflow: hidden;
   -webkit-transition-property: height, visibility;
   transition-property: height, visibility;
   -webkit-transition-duration: 0.35s;
   transition-duration: 0.35s;
   -webkit-transition-timing-function: ease;
   transition-timing-function: ease;
 }
 .nav {
   margin-bottom: 0;
   padding-left: 0;
   list-style: none;
 }
 .nav:before, .nav:after {
   content: " ";
   display: table;
 }
 .nav:after {
   clear: both;
 }
 .nav > li {
   position: relative;
   display: block;
 }
 .nav > li > a {
   position: relative;
   display: block;
   padding: 10px 15px;
 }
 .nav > li > a:hover, .nav > li > a:focus {
   text-decoration: none;
   background-color: #eeeeee;
 }
 .tab-content > .tab-pane {
   display: none;
 }
 .tab-content > .active {
   display: block;
 }
 .navbar {
   position: relative;
   min-height: 55px;
   margin-bottom: 25px;
   border: 1px solid transparent;
 }
 .navbar:before, .navbar:after {
   content: " ";
   display: table;
 }
 .navbar:after {
   clear: both;
 }
 @media (min-width: 768px) {
   .navbar {
     border-radius: 4px;
   }
 }
 .navbar-header:before, .navbar-header:after {
   content: " ";
   display: table;
 }
 .navbar-header:after {
   clear: both;
 }
 @media (min-width: 768px) {
   .navbar-header {
     float: left;
   }
 }
 .navbar-collapse {
   overflow-x: visible;
   padding-right: 15px;
   padding-left: 15px;
   border-top: 1px solid transparent;
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
   -webkit-overflow-scrolling: touch;
 }
 .navbar-collapse:before, .navbar-collapse:after {
   content: " ";
   display: table;
 }
 .navbar-collapse:after {
   clear: both;
 }
 .navbar-collapse.in {
   overflow-y: auto;
 }
 @media (min-width: 768px) {
   .navbar-collapse {
     width: auto;
     border-top: 0;
     box-shadow: none;
   }
   .navbar-collapse.collapse {
     display: block !important;
     height: auto !important;
     padding-bottom: 0;
     overflow: visible !important;
   }
   .navbar-collapse.in {
     overflow-y: visible;
   }
   .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
     padding-left: 0;
     padding-right: 0;
   }
 }
 .navbar-fixed-top .navbar-collapse,
 .navbar-fixed-bottom .navbar-collapse {
   max-height: 340px;
 }
 @media (max-device-width: 480px) and (orientation: landscape) {
   .navbar-fixed-top .navbar-collapse,
   .navbar-fixed-bottom .navbar-collapse {
     max-height: 200px;
   }
 }
 .container > .navbar-header,
 .container > .navbar-collapse,
 .container-fluid > .navbar-header,
 .container-fluid > .navbar-collapse {
   margin-right: -15px;
   margin-left: -15px;
 }
 @media (min-width: 768px) {
   .container > .navbar-header,
   .container > .navbar-collapse,
   .container-fluid > .navbar-header,
   .container-fluid > .navbar-collapse {
     margin-right: 0;
     margin-left: 0;
   }
 }
 .navbar-fixed-top,
 .navbar-fixed-bottom {
   position: fixed;
   right: 0;
   left: 0;
   z-index: 1030;
 }
 @media (min-width: 768px) {
   .navbar-fixed-top,
   .navbar-fixed-bottom {
     border-radius: 0;
   }
 }
 .navbar-fixed-top {
   top: 0;
   border-width: 0 0 1px;
 }
 .navbar-toggle {
   position: relative;
   float: right;
   margin-right: 15px;
   padding: 9px 10px;
   margin-top: 10.5px;
   margin-bottom: 10.5px;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 4px;
 }
 .navbar-toggle:focus {
   outline: 0;
 }
 @media (min-width: 768px) {
   .navbar-toggle {
     display: none;
   }
 }
 .navbar-nav {
   margin: 7.5px -15px;
 }
 .navbar-nav > li > a {
   padding-top: 10px;
   padding-bottom: 10px;
   line-height: 25px;
 }
 @media (min-width: 768px) {
   .navbar-nav {
     float: left;
     margin: 0;
   }
   .navbar-nav > li {
     float: left;
   }
   .navbar-nav > li > a {
     padding-top: 15px;
     padding-bottom: 15px;
   }
 }
 @media (min-width: 768px) {
   .navbar-right {
     float: right !important;
     margin-right: -15px;
   }
 }
 .navbar-default {
   background-color: #f8f8f8;
   border-color: #e7e7e7;
 }
 .navbar-default .navbar-nav > li > a {
   color: #7a7a7a;
 }
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
   color: #adadad;
   background-color: transparent;
 }
 .navbar-default .navbar-toggle {
   border-color: #ddd;
 }
 .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
   background-color: #ddd;
 }
 .navbar-default .navbar-collapse,
 .navbar-default .navbar-form {
   border-color: #e7e7e7;
 }
 .pagination {
   display: inline-block;
   padding-left: 0;
   margin: 25px 0;
   border-radius: 4px;
 }
 .list-group {
   margin-bottom: 20px;
   padding-left: 0;
 }
 .list-group-item {
   position: relative;
   display: block;
   padding: 10px 15px;
   margin-bottom: -1px;
   background-color: #fff;
   border: 1px solid #ddd;
 }
 .list-group-item:first-child {
   border-top-right-radius: 4px;
   border-top-left-radius: 4px;
 }
 .list-group-item:last-child {
   margin-bottom: 0;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
 a.list-group-item,
 button.list-group-item {
   color: #555;
 }
 .slight-emphasis-bcg {
   background-color: #eee;
   border-radius: 6px;
   padding: 10px;
   text-align: left;
 }
 a.list-group-item:hover, a.list-group-item:focus,
 button.list-group-item:hover,
 button.list-group-item:focus {
   text-decoration: none;
   color: #555;
   background-color: #f5f5f5;
 }
 .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
   background-color: #eeeeee;
   color: #777777;
   cursor: not-allowed;
 }
 .panel {
   margin-bottom: 25px;
   background-color: #fff;
   border: 1px solid transparent;
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
 }
 .panel-heading {
   padding: 10px 15px;
   border-bottom: 1px solid transparent;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .panel-title {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 18px;
   color: inherit;
 }
 .panel > .list-group,
 .panel > .panel-collapse > .list-group {
   margin-bottom: 0;
 }
 .panel > .list-group .list-group-item,
 .panel > .panel-collapse > .list-group .list-group-item {
   border-width: 1px 0;
   border-radius: 0;
 }
 .panel > .list-group:first-child .list-group-item:first-child,
 .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
   border-top: 0;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 .panel > .list-group:last-child .list-group-item:last-child,
 .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
   border-bottom: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
   border-top-right-radius: 0;
   border-top-left-radius: 0;
 }
 .panel-group {
   margin-bottom: 25px;
 }
 .panel-group .panel {
   margin-bottom: 0;
   border-radius: 4px;
 }
 .panel-group .panel + .panel {
   margin-top: 5px;
 }
 .panel-group .panel-heading {
   border-bottom: 0;
 }
 .panel-group .panel-heading + .panel-collapse > .panel-body,
 .panel-group .panel-heading + .panel-collapse > .list-group {
   border-top: 1px solid #ddd;
 }
 .panel-default {
   border-color: #ddd;
 }
 .panel-default > .panel-heading {
   color: #333333;
   background-color: #f5f5f5;
   border-color: #ddd;
 }
 .close {
   float: right;
   font-size: 24px;
   font-weight: bold;
   line-height: 1;
   color: #000;
   text-shadow: 0 1px 0 #fff;
   opacity: 0.2;
   filter: alpha(opacity=20);
 }
 .close:hover, .close:focus {
   color: #000;
   text-decoration: none;
   cursor: pointer;
   opacity: 0.5;
   filter: alpha(opacity=50);
 }
 button.close {
   padding: 0;
   cursor: pointer;
   background: transparent;
   border: 0;
   -webkit-appearance: none;
 }
 .modal-open {
   overflow: hidden;
 }
 .modal {
   display: none;
   overflow: hidden;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1050;
   -webkit-overflow-scrolling: touch;
   outline: 0;
 }
 .modal.fade .modal-dialog {
   -webkit-transform: translate(0, -25%);
   -ms-transform: translate(0, -25%);
   -o-transform: translate(0, -25%);
   transform: translate(0, -25%);
   -webkit-transition: -webkit-transform 0.3s ease-out;
   -moz-transition: -moz-transform 0.3s ease-out;
   -o-transition: -o-transform 0.3s ease-out;
   transition: transform 0.3s ease-out;
 }
 .modal.in .modal-dialog {
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   -o-transform: translate(0, 0);
   transform: translate(0, 0);
 }
 .modal-open .modal {
   overflow-x: hidden;
   overflow-y: auto;
 }
 .modal-dialog {
   position: relative;
   width: auto;
   margin: 10px;
 }
 .modal-content {
   position: relative;
   background-color: #fff;
   border: 1px solid #999;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 6px;
   -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
   box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
   background-clip: padding-box;
   outline: 0;
 }
 .modal-backdrop {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1040;
   background-color: #000;
 }
 .modal-backdrop.fade {
   opacity: 0;
   filter: alpha(opacity=0);
 }
 .modal-backdrop.in {
   opacity: 0.5;
   filter: alpha(opacity=50);
 }
 .modal-header {
   padding: 15px;
   border-bottom: 1px solid #e5e5e5;
 }
 .modal-header:before, .modal-header:after {
   content: " ";
   display: table;
 }
 .modal-header:after {
   clear: both;
 }
 .modal-header .close {
   margin-top: -2px;
 }
 .modal-scrollbar-measure {
   position: absolute;
   top: -9999px;
   width: 50px;
   height: 50px;
   overflow: scroll;
 }
 @media (min-width: 768px) {
   .modal-dialog {
     width: 600px;
     margin: 30px auto;
   }
   .modal-content {
     -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
   }
 }
 .clearfix:before, .clearfix:after {
   content: " ";
   display: table;
 }
 .clearfix:after {
   clear: both;
 }
 .pull-right {
   float: right !important;
 }
 .hidden {
   display: none !important;
 }
 .affix {
   position: fixed;
 }
 .visible-xs {
   display: none !important;
 }
 .visible-sm {
   display: none !important;
 }
 @media (max-width: 767px) {
   .visible-xs {
     display: block !important;
   }
 }
 @media (max-width: 767px) {
   .hidden-xs {
     display: none !important;
   }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .visible-sm {
     display: block !important;
   }
   .hidden-sm {
     display: none !important;
   }
 }
 @media (min-width: 992px) and (max-width: 1199px) {
   .hidden-md {
     display: none !important;
   }
 }
 
 @media (min-width: 1200px) {
   .hidden-lg {
     display: none !important;
   }
 }
 
 .fa {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 .fa-2x {
   font-size: 2em;
 }
 .fa-3x {
   font-size: 3em;
 }
 .fa-4x {
   font-size: 4em;
 }
 .fa-fw {
   width: 1.28571em;
   text-align: center;
 }
 .pull-right {
   float: right;
 }
 .fa.pull-right {
   margin-left: .3em;
 }
 .fa-spin {
   -webkit-animation: fa-spin 2s infinite linear;
   animation: fa-spin 2s infinite linear;
 }
 .fa-stack {
   position: relative;
   display: inline-block;
   width: 2em;
   height: 2em;
   line-height: 2em;
   vertical-align: middle;
 }
 .fa-stack-1x, .fa-stack-2x {
   position: absolute;
   left: 0;
   width: 100%;
   text-align: center;
 }
 .fa-stack-1x {
   line-height: inherit;
 }
 .fa-stack-2x {
   font-size: 2em;
 }
 .fa-inverse {
   color: #fff;
 }
 .fa-check:before {
   content: "";
 }
 .fa-trophy:before {
   content: "";
 }
 .fa-minus:before {
   content: "";
 }
 .fa-clone:before {
   content: "";
 }
 .fa-heart:before {
   content: "";
 }
 .fa-thumbs-down:before {
   content: "";
 }
 .fa-remove:before,
 .fa-close:before,
 .fa-times:before {
   content: "";
 }
 .fa-gear:before,
 .fa-cog:before {
   content: "";
 }
 .fa-clock-o:before {
   content: "";
 }
 .fa-refresh:before {
   content: "";
 }
 .fa-pencil:before {
   content: "";
 }
 .fa-play:before {
   content: "";
 }
 .fa-chevron-right:before {
   content: "";
 }
 .fa-question-circle:before {
   content: "";
 }
 .fa-info-circle:before {
   content: "";
 }
 .fa-search:before {
   content: "";
 }
 .fa-user:before {
   content: "";
 }
 .fa-ban:before {
   content: "";
 }
 .fa-arrow-left:before {
   content: "";
 }
 .fa-arrow-right:before {
   content: "";
 }
 .fa-arrow-down:before {
   content: "";
 }
 .fa-eye:before {
   content: "";
 }
 .fa-calendar:before {
   content: "";
 }
 .fa-random:before {
   content: "";
 }
 .fa-gears:before,
 .fa-cogs:before {
   content: "";
 }
 .fa-sign-in:before {
   content: "";
 }
 .fa-feed:before,
 .fa-rss:before {
   content: "";
 }
 .fa-bell:before {
   content: "";
 }
 .fa-hand-o-up:before {
   content: "";
 }
 .fa-filter:before {
   content: "";
 }
 .fa-navicon:before,
 .fa-reorder:before,
 .fa-bars:before {
   content: "";
 }
 .fa-magic:before {
   content: "";
 }
 .fa-envelope:before {
   content: "";
 }
 .fa-lightbulb-o:before {
   content: "";
 }
 .fa-exchange:before {
   content: "";
 }
 .fa-mobile-phone:before,
 .fa-mobile:before {
   content: "";
 }
 .fa-spinner:before {
   content: "";
 }
 .fa-circle:before {
   content: "";
 }
 .fa-pie-chart:before {
   content: "";
 }
 .fa-line-chart:before {
   content: "";
 }
 .fa-user-plus:before {
   content: "";
 }
 .fa-plus:before {
   content: "";
 }
 .sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
 }
 html, body {
   height: 100%;
   word-break: initial;
 }
 a:hover {
   transition: color 250ms ease-in-out;
 }
 body {
   color: #222222;
   background: #f4f4f4;
   font-family: "Avenir", "Lato", Arial, Helvetica, sans-serif;
   font-size: 16px;
   line-height: 1.61538;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 p, pre {
   margin-bottom: 1.3em;
 }
 h1,
 h2,
 h3,
 h4 {
   margin: 1.414em 0 0.5em;
   font-weight: inherit;
   line-height: 1.2;
   letter-spacing: -1px;
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: inherit;
   line-height: 1.25;
 }
 h1 {
   margin-top: 0;
   font-size: 2.441em;
 }
 h2 {
   font-size: 1.953em;
 }
 h3 {
   font-size: 1.563em;
 }
 h4 {
   font-size: 1.25em;
   text-transform: uppercase;
   letter-spacing: 0px;
   font-weight: bold;
 }
 small,
 .font_small {
   font-size: .75em;
 }
 a {
   text-decoration: none;
   color: #959595;
 }
 a:hover {
   color: #e1e1e1;
 }
 hr {
   height: 4px;
   border-top: 1px solid #dddddd;
 }
 @media (max-width: 768px) {
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
     margin-bottom: 1em;
   }
 }
 input, textarea, select, .uneditable-input {
   padding: 4px;
   color: #444455;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
 }
 .form-horizontal {
   text-align: left;
 }
 .form-control {
   border-radius: 2px;
   -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
   -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
 }
 ::-webkit-input-placeholder {
   color: #909191;
 }
 input,
 textarea {
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
   -o-transition: border linear 0.2s, box-shadow linear 0.2s;
   transition: border linear 0.2s, box-shadow linear 0.2s;
   outline: none;
 }
 input[type='checkbox'] {
   width: auto;
 }
 input:focus,
 textarea:focus {
   border-color: rgba(82, 168, 236, 0.8);
   outline: 0;
 }
 .nav > li > a:hover {
   background-color: transparent;
   color: #141414;
 }
 .nav > li > a:hover, .nav > li > a:focus {
   text-decoration: none;
   background-color: transparent;
 }
 .pagination ul {
   display: inline-block;
   margin-bottom: 0;
   margin-left: 0;
   padding: 0;
   border-color: transparent;
   border-radius: 3px;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 .pagination li {
   display: inline;
 }
 .pagination li a {
   min-width: 10px;
   margin-left: 10px;
   padding: 12px;
   text-align: center;
   border-color: #dddddd;
   border-left-width: 1px;
   border-radius: 3px;
   line-height: 6.61538px;
 }
 .pagination li a:active {
   transform: scale(0.9);
 }
 .pagination a:hover,
 .pagination .active a {
   -webkit-box-shadow: 0 1px 0 #fff;
   box-shadow: 0 1px 0 #fff;
 }
 .pagination .active a {
   color: #b6b6b6;
 }
 .modal .modal-content {
   border-radius: 2px;
   box-shadow: 0 1px 14px rgba(0, 0, 0, 0.2);
 }
 .modal .modal-content .modal-header {
   border: none;
 }
 .p0 {
   padding: 0px !important;
 }
 .pt0 {
   padding-top: 0px !important;
 }
 .pl0 {
   padding-left: 0px !important;
 }
 .pr0 {
   padding-right: 0px !important;
 }
 .m0 {
   margin: 0px !important;
 }
 .mb0 {
   margin-bottom: 0px !important;
 }
 .p5 {
   padding: 5px !important;
 }
 .pb5 {
   padding-bottom: 5px !important;
 }
 .pl5 {
   padding-left: 5px !important;
 }
 .pr5 {
   padding-right: 5px !important;
 }
 .mb5 {
   margin-bottom: 5px !important;
 }
 .mt5 {
   margin-top: 5px !important;
 }
 .ml5 {
   margin-left: 5px !important;
 }
 .mr5 {
   margin-right: 5px !important;
 }
 .p10 {
   padding: 10px !important;
 }
 .p20 {
   padding: 20px !important;
 }
 .pb10 {
   padding-bottom: 10px !important;
 }
 .pt10 {
   padding-top: 10px !important;
 }
 .pl10 {
   padding-left: 10px !important;
 }
 .pr10 {
   padding-right: 10px !important;
 }
 .mb10 {
   margin-bottom: 10px !important;
 }
 .mt10 {
   margin-top: 10px !important;
 }
 .ml10 {
   margin-left: 10px !important;
 }
 .mr10 {
   margin-right: 10px !important;
 }
 .p15 {
   padding: 15px !important;
 }
 .pb15 {
   padding-bottom: 15px !important;
 }
 .pt15 {
   padding-top: 15px !important;
 }
 .pl15 {
   padding-left: 15px !important;
 }
 .pr15 {
   padding-right: 15px !important;
 }
 .mb15 {
   margin-bottom: 15px !important;
 }
 .mt15 {
   margin-top: 15px !important;
 }
 .mt20 {
   margin-top: 20px !important;
 }
 .p25 {
   padding: 25px !important;
 }
 .mt25 {
   margin-top: 25px !important;
 }
 .mr25 {
   margin-right: 25px !important;
 }
 .p50 {
   padding: 50px !important;
 }
 .pb50 {
   padding-bottom: 50px !important;
 }
 .pt50 {
   padding-top: 50px !important;
 }
 .mt50 {
   margin-top: 50px !important;
 }
 body.landing-body,
 html {
   width: 100%;
   height: 100%;
 }
 .content-section-a {
   padding: 50px 0;
   background-color: #f8f8f8;
 }
 .content-section-b {
   padding: 50px 0;
   border-top: 1px solid #e7e7e7;
   border-bottom: 1px solid #e7e7e7;
 }
 .section-heading {
   margin-bottom: 30px;
 }
 .section-heading-spacer {
   float: left;
   width: 200px;
   border-top: 3px solid #e7e7e7;
 }
 footer {
   padding: 50px 0;
   background-color: #f8f8f8;
 }
 p.copyright {
   margin: 15px 0 0;
 }
 .agency-landing .panel-item {
   color: black;
   border-radius: 10px;
   padding: 12px;
 }
 .agency-landing .panel-item.landing-panel {
   margin-left: -10px;
   margin-right: -10px;
   display: inline-block;
 }
 @media (min-width: 992px) {
   .agency-landing .panel-item.landing-panel .responsive-inline {
     display: inline-block;
     vertical-align: middle;
   }
 }
 @media (max-width: 991px) {
   .agency-landing .panel-item.landing-panel .responsive-mt15 {
     margin-top: 15px;
   }
 }
 .agency-landing header {
   background-image: url('/images/LandingPageI.png');
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: center center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   -o-background-size: cover;
   text-align: center;
   color: white;
 }
 @media (max-width: 991px) {
   .agency-landing header {
     background-image: image_url('/images/LandingPageI_Small.png');
   }
 }
 .agency-landing header.landing-k {
   background-image: image_url('LandingPageK.png');
 }
 @media (max-width: 991px) {
   .agency-landing header.landing-k {
     background-image: image_url('LandingPageK_Small.png');
   }
 }
 @media (max-width: 767px) {
   .agency-landing header {
     background-position-y: 50px;
   }
 }
 .agency-landing header .intro-text {
   padding-top: 130px;
   padding-bottom: 100px;
 }
 .agency-landing header .intro-text.quickstart {
   padding-top: 70px;
 }
 .agency-landing header .intro-text .intro-lead-in {
   font-family: "Roboto", sans-serif;
   font-style: italic;
   font-size: 22px;
   line-height: 22px;
   margin-bottom: 25px;
 }
 @media (max-width: 365px) {
   .agency-landing header .intro-text .intro-lead-in {
     font-size: 18px;
   }
 }
 .agency-landing header .intro-text .intro-heading {
   font-family: 'Roboto', sans-serif;
   font-weight: 700;
   font-size: 50px;
   line-height: 50px;
   margin-bottom: 25px;
 }
 @media (max-width: 365px) {
   .agency-landing header .intro-text .intro-heading {
     font-size: 40px;
   }
 }
 @media (min-width: 768px) {
   .agency-landing header .intro-text {
     padding-top: 300px;
     padding-bottom: 200px;
   }
   .agency-landing header .intro-text.quickstart {
     padding-top: 300px;
   }
   .agency-landing header .intro-text .intro-lead-in {
     font-family: "Roboto", sans-serif;
     font-style: italic;
     font-size: 40px;
     line-height: 40px;
     margin-bottom: 25px;
   }
   .agency-landing header .intro-text .intro-heading {
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     font-size: 75px;
     line-height: 75px;
     margin-bottom: 50px;
   }
 }
 .agency-landing section {
   padding: 100px 0;
 }
 .agency-landing section h2.section-heading {
   font-size: 40px;
   margin-top: 0;
   margin-bottom: 15px;
 }
 .agency-landing section h3.section-subheading {
   font-size: 16px;
   font-family: "Roboto", sans-serif;
   text-transform: none;
   font-style: italic;
   font-weight: 400;
   margin-bottom: 75px;
 }
 .agency-landing .service-heading {
   margin: 15px 0;
   text-transform: none;
 }
 .agency-landing .text-muted {
   color: #777777;
 }
 .agency-landing .text-primary {
   color: $theme-primary;
 }
 .agency-landing h1, .agency-landing h2, .agency-landing h3, .agency-landing h4, .agency-landing h5, .agency-landing h6 {
   font-family: 'Roboto', sans-serif;
   font-weight: 700;
 }
 .agency-landing .call-to-action {
   color: white;
   background-color: #d9534f;
   border-color: #d9534f;
   font-family: 'Roboto', sans-serif;
   font-weight: 700;
   border-radius: 3px;
   font-size: 18px;
   text-align: center;
   width: 165px;
   padding: 20px 0;
 }
 .agency-landing .call-to-action.standalone {
   padding: 15px;
   width: auto;
 }
 @media (max-width: 767px) {
   .agency-landing .call-to-action {
     padding-top: 7.5px;
     padding-bottom: 7.5px;
     margin-bottom: 5px;
   }
 }
 .agency-landing h4 {
   font-size: 18px;
 }
 .agency-landing p {
   font-size: 14px;
   line-height: 1.75;
 }
 .blog-post a {
   color: blue;
 }
 .blog-post a:visited {
   color: mediumpurple;
 }
 .blog-post img {
   max-width: 100%;
 }
 #signup-btn {
   background-color: $theme-primary;
   border-color: $theme-primary;
   text-shadow: none;
   box-shadow: none;
   z-index: 999;
 }
 .share-btns {
   position: fixed;
   top: 60%;
   left: 10px;
 }
 footer .social li a {
   background: image_url('social.png');
   background-size: 180px 32px;
   display: block;
   height: 32px;
   width: 30px;
 }
 footer .social .tw {
   background-position: -30px 0;
 }
 footer .social .pi {
   background-position: -120px 0;
 }
 footer .social .ig {
   background-position: -150px 0;
 }
 .navbar {
   z-index: 1000;
   margin-bottom: 0;
   border: none;
   border-radius: 0;
 }
 .navbar-default,
 .navbar-default .navbar-collapse,
 .navbar-default .navbar-form {
   border: none;
   background: #fff;
 }
 .navbar-toggle {
   color: #dddddd;
   border-color: #dddddd;
 }
 .navbar-header.block-header {
   float: none;
   display: block;
 }
 @media (max-width: 991px) {
   .navbar-header.block-header:not(.activity-header-bar) {
     position: fixed;
     bottom: -1px;
     background-color: white;
     box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
   }
   .navbar-header.block-header:not(.activity-header-bar) .header-options .header-option {
     padding-bottom: 6px;
   }
 }
 .agency-header .navbar-default {
   background: none;
 }
 .agency-header .navbar-default .navbar-collapse {
   background: none;
 }
 .agency-header .navbar-custom {
   background-color: #222222;
   border-color: transparent;
 }
 .agency-header .navbar-custom .navbar-collapse {
   border-color: rgba(255, 255, 255, 0.02);
 }
 .agency-header .navbar-custom .navbar-toggle {
   background-color: $theme-primary;
   border-color: $theme-primary;
   font-family: "Roboto", sans-serif;
   text-transform: uppercase;
   color: white;
   font-size: 12px;
 }
 .agency-header .navbar-custom .navbar-toggle:hover,
 .agency-header .navbar-custom .navbar-toggle:focus {
   background-color: $theme-primary;
 }
 .agency-header .navbar-custom .nav li a {
   font-family: "Roboto", sans-serif;
   text-transform: uppercase;
   font-weight: 400;
   letter-spacing: 1px;
   color: white;
 }
 .agency-header .navbar-custom .nav li a:hover,
 .agency-header .navbar-custom .nav li a:focus {
   color: $theme-primary;
   outline: none;
 }
 @media (min-width: 768px) {
   .agency-header .navbar-custom {
     background-color: #22222244;
     padding: 25px 0;
     -webkit-transition: padding 0.3s;
     -moz-transition: padding 0.3s;
     transition: padding 0.3s;
     border: none;
   }
 }
 @media (min-width: 768px) {
   .agency-header .navbar-custom.affix {
     background-color: #222222;
     padding: 10px 0;
   }
 }
 .panel {
   border: none;
   border-top: 3px solid #212121;
   border-radius: 3px;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 }
 .panel .panel-heading {
   color: #222222;
   background: white;
   font-family: "Roboto", sans-serif;
   font-size: 16px;
 }
 .panel .panel-heading h4 {
   font-size: 1em;
   overflow: hidden;
   margin-top: 0px;
   margin-bottom: 0px;
 }
 .panel .panel-title {
   margin: 0;
   padding: 0;
   letter-spacing: 0;
 }
 body {
   background-color: #fff;
   color: #333;
   font-family: "Roboto", sans-serif;
   font-size: 13px;
   line-height: 18px;
 }
 p, ol, ul, td {
   font-family: "Roboto", sans-serif;
   font-size: 13px;
   line-height: 18px;
 }
 a {
   color: #000;
 }
 a:hover {
   color: #fff;
   background-color: #000;
 }
 .inserted-content a {
   color: dodgerblue;
 }
 .inserted-content img {
   display: block;
 }
 .fa-spin {
   -webkit-animation: fa-spin 2s infinite linear;
   animation: fa-spin 2s infinite linear;
 }
 [class^="icon-"], [class*=" icon-"] {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: 'icomoon' !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 .icon-shopping-basket-light:before {
   content: "\e93c";
 }
 .icon-user-plus-light:before {
   content: "\e93a";
 }
 .icon-dumbbell:before {
   content: "\e931";
 }
 .icon-search:before {
   content: "\e933";
 }
 .icon-utensils-alt:before {
   content: "\e934";
 }
 .icon-home-light:before {
   content: "\e935";
 }
 .icon-utensils-alt-light:before {
   content: "\e936";
 }
 .icon-dumbbell-light:before {
   content: "\e937";
 }
 .icon-bars-light:before {
   content: "\e938";
 }
 .icon-search-light:before {
   content: "\e939";
 }
 .icon-logo:before {
   content: "\e900";
 }
 .icon-logo-outline:before {
   content: "\e901";
 }
 .icon-look-better-naked:before {
   content: "\e905";
 }
 .icon-pull-up:before {
   content: "\e90c";
 }
 .icon-dumbell:before {
   content: "\e90f";
 }
 .icon-grocery-bag:before {
   content: "\e918";
 }
 .icon-logo-text .path1:before {
   content: "\e92d";
 }
 .icon-logo-text .path2:before {
   content: "\e92e";
   margin-left: -2.609375em;
 }
 .med {
   font-size: 2em;
 }
 .med-half {
   font-size: 1.5em;
 }
 .med-quarter {
   font-size: 1.25em;
   font-weight: bold;
 }
 .btn-elem input {
   display: none;
 }
 .inline-notification, .record-panel {
   background-color: #ffffff;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 .inline-notification.no-shadow, .record-panel.no-shadow {
   box-shadow: none;
 }
 .inline-notification.no-shadow:not(.no-border), .record-panel.no-shadow:not(.no-border) {
   border-bottom: 1px solid #ddd;
 }
 .inline-notification:not(.dropdown), .record-panel:not(.dropdown) {
   overflow: hidden;
 }
 .inline-notification .icon-box, .panel-btn.split-btn .icon-box {
   padding: 20px;
   float: left;
   vertical-align: middle;
 }
 .inline-notification .icon-box:not(.right), .panel-btn.split-btn .icon-box:not(.right) {
   border-right: 1px solid #ddd;
 }
 .inline-notification .content-box, .panel-btn.split-btn .content-box {
   height: 75px;
   padding: 10px 10px 10px 20px;
   text-align: left;
   overflow: hidden;
 }
 .inline-notification .content-box .tiny-text, .panel-btn.split-btn .content-box .tiny-text {
   font-size: 10px;
   line-height: 11px;
 }
 .inline-notification.smaller .icon-box {
   padding: 5px;
 }
 .inline-notification.smaller .content-box {
   height: 35px;
   padding: 5px;
 }
 .item-box-content {
   position: relative;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }
 .btn {
   border-radius: 10px;
 }
 @media (min-width: 992px) {
   .workout-calendar.row {
     margin-left: -5px;
     margin-right: -5px;
   }
 }
 .exercise-instructions p {
   margin-bottom: 0.8em;
 }
 .exercise-instructions p:last-of-type {
   margin-bottom: 0;
 }
 .app-color {
   color: $theme-primary;
 }
 .barba-container:not(.no-padding) {
   padding-top: 10px;
 }
 .barba-container.activity-padding {
   padding-top: 60px;
 }
 @media (min-width: 992px) {
   .barba-container:not(.no-padding) {
     padding-top: 60px;
   }
   .barba-container.extra-padding {
     padding-top: 100px;
   }
 }
 @media (max-width: 991px) {
   .barba-container.extra-padding-sm-down, .barba-container.extra-padding {
     padding-top: 60px;
   }
   .barba-container.extra-padding-sm-down.activity-padding, .barba-container.extra-padding.activity-padding {
     padding-top: 100px;
   }
   .barba-container {
     padding-bottom: 60px;
   }
 }
 a.panel-clickable:hover, a.panel-clickable:focus {
   text-decoration: none;
 }
 input.number-input, input.number-input.narrow, select.number-input.narrow {
   width: 50px;
   text-align: center;
   padding-left: 0;
   padding-right: 0;
 }
 .number-input {
   width: auto;
 }
 select.form-control {
   width: auto;
 }
 .navbar {
   margin-bottom: 2px;
 }
 .navbar-default .navbar-toggle:focus {
   background-color: transparent;
 }
 .navbar-default .navbar-toggle:hover {
   background-color: #ddd;
 }
 body, .page-header, #transition-page {
   background-color: #F8F8F8;
 }
 #transition-page {
   box-shadow: -100vw 10px 20px rgba(0, 0, 0, 0.5);
   position: fixed;
   width: 100vw;
 }
 .barba-container {
   left: 0;
   -webkit-transition: opacity 0.3s, transform 0.3s;
   -moz-transition: opacity 0.3s, transform 0.3s;
   -ms-transition: opacity 0.3s, transform 0.3s;
   -o-transition: opacity 0.3s, transform 0.3s;
   transition: opacity 0.3s, transform 0.3s;
   transition-timing-function: ease-in;
 }
 .barba-container .placeholder-pane {
   background-color: #F8F8F8;
   position: fixed;
   top: 0;
   z-index: -1;
   width: 100vw;
   height: 200vh;
   box-shadow: -100vw 10px 20px rgba(0, 0, 0, 0.5);
 }
 .white-bg {
   background-color: #FFFFFF;
 }
 .pagination {
   margin-top: 0px;
 }
 .form-inline .form-group, .form-inline .form-block {
   vertical-align: top;
 }
 .form-error {
   color: red;
 }
 .panel-item {
   background-color: #FFF;
   padding: 5px 0 0 0;
   margin-bottom: 10px;
 }
 .panel-item:not(.no-shadow) {
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .panel-item.center {
   text-align: center;
 }
 .panel-item.rounded {
   overflow: hidden;
   border-radius: 5px;
 }
 .panel-menu-item {
   border-left: 3px solid $theme-primary;
   background-color: #FFF;
 }
 @media (max-width: 500px) {
   .super-responsive-text {
     font-size: 0.85em;
   }
 }
 @media (max-width: 425px) {
   .responsive-text {
     font-size: 0.85em;
   }
 }
 @media (max-width: 350px) {
   .responsive-text-xs {
     font-size: 0.85em;
   }
 }
 .form-control.number-input {
   width: 70px;
   text-align: center;
   padding-left: 0;
   padding-right: 0;
 }
 .psuedo-card-container {
   border-radius: 5px;
   overflow: hidden;
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 *[data-toggle|=collapse] {
   cursor: pointer;
 }
 .togglable:after {
   font-family: 'FontAwesome';
   content: "";
   float: right;
   color: grey;
 }
 .togglable label {
   max-width: 95%;
 }
 .collapsed.togglable:after {
   content: "";
 }
 .togglable.big:after {
   font-size: 1.3em;
 }
 .panel-heading p[data-toggle|=collapse]:after, .panel-heading .togglable:after, .list-group-item[data-toggle|=collapse] p[data-toggle|=collapse]:after, .list-group-item[data-toggle|=collapse] .togglable:after, .list-group-item-heading[data-toggle|=collapse] p[data-toggle|=collapse]:after, .list-group-item-heading[data-toggle|=collapse] .togglable:after {
   font-family: 'FontAwesome';
   content: "";
   float: right;
   color: grey;
 }
 .panel-heading .togglable.big:after, .list-group-item[data-toggle|=collapse] .togglable.big:after, .list-group-item-heading[data-toggle|=collapse] .togglable.big:after {
   font-size: 1.3em;
 }
 .panel-heading p.collapsed:after, .panel-heading .togglable:after, .list-group-item.collapsed p.collapsed:after, .list-group-item.collapsed .togglable:after, .list-group-item-heading.collapsed p.collapsed:after, .list-group-item-heading.collapsed .togglable:after {
   content: "";
 }
 .panel-heading .togglable.big:after, .list-group-item.collapsed .togglable.big:after, .list-group-item-heading.collapsed .togglable.big:after {
   font-size: 1.3em;
 }
 .outline-text {
   color: white;
   text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
 }
 input[type="checkbox"].big-check {
   min-height: 25px;
   min-width: 25px;
 }
 .navbar-fixed-top {
   box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
   min-height: inherit;
 }
 .form-inline .form-block {
   display: inline-block;
 }
 .fit-height {
   height: 100%;
   max-height: 150px;
   width: auto;
 }
 .fit-all {
   max-width: 100%;
   max-height: 100%;
 }
 .big-recipe-img {
   width: 500px;
   max-width: 100%;
 }
 .slight-left-border {
   border-left: 1px solid #ddd;
 }
 .slight-bottom-border {
   border-bottom: 1px solid #ddd !important;
 }
 .slight-top-border {
   border-top: 1px solid #ddd;
 }
 .vertical-text {
   -webkit-transform: rotate(270deg);
   -moz-transform: rotate(270deg);
   -ms-transform: rotate(270deg);
   -o-transform: rotate(270deg);
   transform: rotate(270deg);
   text-align: center;
 }
 .meal-plan-table {
   border-collapse: separate;
   border-spacing: 1px;
   background-color: #ddd;
   width: 100%;
   height: 100%;
 }
 .meal-plan-table tbody > tr {
   height: 125px;
 }
 .meal-plan-table td {
   vertical-align: top;
 }
 .meal-plan-table td .meal-entry {
   display: table;
   width: 100%;
   position: relative;
   height: 100%;
 }
 .meal-plan-table td .meal-entry .meal-info {
   display: table-row;
 }
 .meal-plan-table td .meal-entry .remaining {
   display: table-row;
   height: 100%;
 }
 .meal-plan-table td .meal-entry .remaining .cell-content {
   display: table-cell;
   vertical-align: top;
   text-align: center;
   position: relative;
 }
 .meal-plan-table td:not(.empty) {
   background-color: #fff;
 }
 .meal-plan-table td .meal-actions {
   margin-top: 5px;
   text-align: center;
 }
 .meal-plan-table td .meal-actions .meal-action {
   border: 1px solid #ddd;
   border-radius: 5px;
   width: 45px;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-bottom: 5px;
   line-height: 10px;
   display: inline-block;
 }
 .meal-plan-table td a.click-div {
   cursor: pointer;
 }
 .meal-plan-table td a.click-div:hover, .meal-plan-table td a.click-div:active {
   background-color: #f2f2f2;
   color: $theme-primary;
 }
 .meal-plan-table-text {
   font-size: 11px;
   line-height: 1;
 }
 @media (max-width: 400px) {
   .meal-plan-table-text {
     font-size: 8px;
   }
 }
 .ajax-modal {
   cursor: pointer;
 }
 @media (max-width: 768px) {
   .meal-plan-table tbody > tr th {
     font-size: 10px;
     max-width: 20px;
   }
 }
 @media (max-width: 375px) {
   .meal-plan-table tbody > tr > td {
     font-size: 11px;
   }
 }
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > button, .navbar-default .navbar-nav > li > button:hover, .navbar-default .navbar-nav > li > button:focus {
   background-color: #000000;
   color: #FFFFFF;
 }
 .navbar-default .navbar-nav li a, .navbar-default .navbar-nav li button {
   color: #9a9a9a;
 }
 .panel-clickable, .dropdown.open .dropdown-toggle {
   cursor: pointer;
 }
 .panel-clickable:hover, .panel-clickable.panel-heading-btn:hover, .dropdown.open .dropdown-toggle:hover, .dropdown.open .dropdown-toggle.panel-heading-btn:hover {
   background-color: #CCCCCC;
   color: white;
   transition: all 0.2s;
 }
 .panel-clickable:active, .panel-clickable.panel-heading-btn:active, .dropdown.open .dropdown-toggle:active, .dropdown.open .dropdown-toggle.panel-heading-btn:active {
   background-color: #999;
   color: white;
 }
 html.can-touch .panel-clickable:not(:active):hover, html.can-touch .panel-clickable:not(:active).panel-heading-btn:hover, html.can-touch .dropdown.open .dropdown-toggle:not(:active):hover, html.can-touch .dropdown.open .dropdown-toggle:not(:active).panel-heading-btn:hover {
   background-color: inherit;
   color: inherit;
   transition: all 0.2s;
 }
 .inline-text-block {
   display: inline-block;
   text-align: left;
 }
 .clickable, .remote-link-clicker {
   cursor: pointer;
 }
 .list-group.flat .list-group-item:last-child, .list-group.flat .list-group-item:first-child {
   border-radius: 0;
 }
 .middle-text {
   vertical-align: middle;
 }
 .bottom-text {
   vertical-align: bottom;
 }
 .ui-tooltip {
   background: #666;
   color: white;
   border: none;
   padding: 0;
   opacity: 1;
 }
 @media (max-width: 768px) {
   .ui-tooltip.limit-width {
     max-width: 180px;
   }
 }
 .ui-tooltip-content {
   position: relative;
   padding: 0.5em;
 }
 .left .ui-tooltip-content::after, .right .ui-tooltip-content::after, .bottom .ui-tooltip-content::after, .top .ui-tooltip-content::after, .top-right .ui-tooltip-content::after, .bottom-right .ui-tooltip-content::after, .bottom-left .ui-tooltip-content::after {
   content: '';
   position: absolute;
   border-style: solid;
   display: block;
   width: 0;
 }
 .right .ui-tooltip-content::after {
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   left: -10px;
   border-color: transparent #666;
   border-width: 10px 10px 10px 0;
 }
 .info-icon {
   color: dodgerblue;
 }
 .info-color {
   color: dodgerblue;
 }
 .inline-elem {
   display: inline-block;
 }
 .theme-color {
   color: $theme-primary !important;
 }
 .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
   color: #000;
 }
 .header-options {
   display: table;
   width: 100%;
   table-layout: fixed;
   border-collapse: separate;
   position: relative;
 }
 .header-options .header-option {
   vertical-align: middle;
   float: none;
   display: table-cell;
   width: 1%;
   position: relative;
 }
 .activity-header .header-option, .header-options .header-option {
   text-align: center;
   padding-top: 6px;
   padding-bottom: 3px;
   font-size: 8px;
   line-height: 8px;
 }
 .activity-header .header-option:not(.inactive), .header-options .header-option:not(.inactive) {
   cursor: pointer;
 }
 .activity-header .header-option:not(.inactive).active, .activity-header .header-option:not(.inactive):focus, .activity-header .header-option:not(.inactive):hover, .header-options .header-option:not(.inactive).active, .header-options .header-option:not(.inactive):focus, .header-options .header-option:not(.inactive):hover {
   text-decoration: none;
   font-weight: 700;
 }
 .activity-header .header-option .icon, .header-options .header-option .icon {
   font-size: 22px;
 }
 .header-options .header-option {
   background-color: #fff;
   color: rgba(0, 0, 0, 0.87);
 }
 .header-options .header-option:not(.inactive).active, .header-options .header-option:not(.inactive):focus, .header-options .header-option:not(.inactive):hover {
   color: $theme-primary;
 }
 .header-options .header-option.active .inactive-icon {
   display: none;
 }
 .header-options .header-option:not(.active) .active-icon {
   display: none;
 }
 .activity-header .header-option {
   background-color: $theme-primary;
   color: #fff;
 }
 .activity-header .header-option:not(.inactive).active, .activity-header .header-option:not(.inactive):focus, .activity-header .header-option:not(.inactive):hover {
   color: #eee;
 }
 .activity-header {
   overflow: hidden;
   height: 45px;
   background-color: $theme-primary;
   color: #fff;
   position: relative;
 }
 .activity-header .header-option {
   position: absolute;
   width: 65px;
   height: 100%;
   left: 0;
   top: 0;
   z-index: 999;
 }
 @media (min-width: 768px) {
   .activity-header .header-option {
     width: 150px;
   }
 }
 .activity-header .header-box {
   height: 100%;
   text-align: center;
 }
 .header-icon {
   float: none;
   display: inline-block;
   white-space: nowrap;
 }
 .header-icon .icon {
   font-size: 28px;
 }
 .header-icon .icon .icon-logo {
   font-size: 1.75em;
   vertical-align: middle;
 }
 .header-icon .icon .icon-logo-text {
   font-size: 1.5em;
   vertical-align: middle;
 }
 .header-icon.active, .header-icon:focus, .header-icon:hover {
   background-color: inherit;
   text-decoration: none;
 }
 @media (min-width: 768px) {
   .header-icon .icon .icon-logo, .header-icon .icon .svg-logo {
     transition: all .3s;
   }
   .header-icon .icon .icon-logo-text, .header-icon .icon .svg-logo-text {
     transition: all .3s;
   }
 }
 @media (min-width: 992px) {
   .affix-top .header-icon .icon {
     font-size: 30px;
   }
   .affix-top .header-icon .icon .icon-logo {
     font-size: 2em;
   }
   .affix-top .header-icon .icon .icon-logo-text {
     font-size: 2em;
   }
 }
 @media (max-width: 767px) {
   .header-icon {
     padding: 10px;
   }
   .header-icon .icon {
     font-size: 22px;
   }
 }
 .navbar-submenu {
   position: absolute;
   top: 100%;
   background-color: #FFF;
   color: #999;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
   width: 100%;
   table-layout: fixed;
   border-collapse: separate;
   vertical-align: middle;
   border-top: 1px solid #ddd;
 }
 .navbar-submenu .navbar-submenu-item {
   float: none;
   display: table-cell;
   width: 1%;
   position: relative;
   cursor: pointer;
   text-align: center;
   padding-top: 15px;
   padding-bottom: 10px;
 }
 .navbar-submenu .navbar-submenu-item.active {
   border-bottom: 3px solid black;
   color: black;
   font-weight: bold;
   font-size: 1.25em;
 }
 .panel-submenu {
   position: relative;
   background-color: #FFF;
   color: #999;
   width: 100%;
   table-layout: fixed;
   border-collapse: separate;
   vertical-align: middle;
 }
 .panel-submenu .panel-submenu-item {
   float: none;
   display: table-cell;
   width: 1%;
   position: relative;
   cursor: pointer;
   text-align: center;
   padding-top: 15px;
   padding-bottom: 10px;
 }
 .panel-submenu .panel-submenu-item.active {
   border-bottom: 3px solid black;
   color: black;
   font-weight: bold;
 }
 .panel-submenu .panel-submenu-item.active:not(.smaller) {
   font-size: 1.25em;
 }
 .container.no-padding {
   padding-left: 0;
   padding-right: 0;
   padding-bottom: 80px;
   overflow: hidden;
 }
 .instructions {
   display: table;
   border-collapse: collapse;
   border: 1px solid #ddd;
   margin: 0 5px 5px 5px;
   background-color: #fff;
 }
 .instructions .instruction-step {
   display: table-row;
   border-top: 1px solid #ddd;
 }
 .instructions .instruction-step .instruction-cell {
   display: table-cell;
   vertical-align: middle;
 }
 .instructions .instruction-step .instruction-cell.numbering {
   text-align: center;
   padding: 0 10px;
   border-right: 1px solid #ddd;
   height: 40px;
 }
 .instructions .instruction-step .instruction-cell:not(.numbering) {
   padding: 5px;
   text-align: left;
 }
 .mb100 {
   margin-bottom: 100px;
 }
 .text-justify {
   text-align: justify !important;
 }
 .modal-content.rounded-modal {
   border-radius: 10px 10px 0 0;
 }
 .modal-dialog.small-modal {
   max-width: 300px;
   margin: 10px auto;
 }
 .relative {
   position: relative;
 }
 .exercise-video {
   height: 100%;
   max-width: 100%;
   max-height: 100%;
   display: inline-block;
   position: relative;
 }
 .exercise-video:not(.unclickable) {
   cursor: pointer;
 }
 .exercise-video video, .exercise-video iframe {
   position: absolute;
   top: 0;
   left: 0;
 }
 .exercise-video video {
   max-width: 100%;
   max-height: 100%;
 }
 .exercise-video iframe {
   width: 100%;
   height: 100%;
 }
 .exercise-video-wrapper {
   display: inline-block;
   width: 100%;
   height: 100%;
   position: relative;
 }
 .playpause {
   background-image: image_url('play_btn.png');
   background-repeat: no-repeat;
   width: 50%;
   height: 50%;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   background-size: contain;
   background-position: center;
   cursor: pointer;
 }
 .playpause.lower-right {
   width: 35%;
   height: 35%;
   right: 0;
   bottom: 5%;
   left: inherit;
   top: inherit;
 }
 .ajax-call-btn, .process-btn {
   cursor: pointer;
 }
 .ajax-call-btn:not(.processing) .processor, .process-btn:not(.processing) .processor {
   display: none;
 }
 .ajax-call-btn.processing .normal-icon, .process-btn.processing .normal-icon {
   display: none;
 }
 .even-spaced-table {
   display: table;
   table-layout: fixed;
   width: 100%;
 }
 .even-spaced-table .even-spaced-cell {
   display: table-cell;
   text-align: center;
   width: 1%;
   vertical-align: middle;
   padding: 10px 0;
 }
 .even-spaced-table .even-spaced-cell.left {
   text-align: left;
 }
 .even-spaced-table:not(.no-borders) > :not(:last-child) {
   border-right: 1px solid #ddd;
 }
 .even-spaced-table.top-align .even-spaced-cell {
   vertical-align: top;
 }
 .img-div-inner {
   padding-bottom: 66%;
   background: #EEE;
   height: 0;
   position: relative;
   width: 100%;
 }
 .placeholder-svg {
   max-width: 100%;
   max-height: 100%;
   background-color: #eee;
 }
 .placeholder-svg.fit-height {
   height: 100%;
 }
 .placeholder-svg.video-svg {
   background-color: #000;
 }
 .placeholder-img-tag {
   position: absolute;
   top: 0;
   left: 0;
 }
 .image-tag {
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   margin: 0 auto;
   left: 0;
   right: 0;
 }
 .btn.btn-default.btn-green, .top-right-btn.btn-green {
   background-color: $theme-primary;
   border-color: $theme-primary;
   color: white;
 }
 .btn.btn-default.btn-green:hover, .top-right-btn.btn-green:hover {
   background-color: #ddd;
   border-color: #ddd;
 }
 .btn-green {
   background-color: $theme-primary;
   border-color: $theme-primary;
   color: white;
 }
 .btn-green:hover {
   background-color: #ddd;
   border-color: #ddd;
 }
 .btn-green:active {
   background-color: #b9dfc2;
 }
 .btn-green.border-none {
   border: none;
 }
 .btn-green.btn {
   text-shadow: none;
   box-shadow: none;
 }
 .no-wrap {
   white-space: nowrap;
 }
 .pagination.even-split {
   display: table;
   table-layout: fixed;
   margin-bottom: 0;
 }
 .pagination.even-split ul {
   display: table-row;
 }
 .pagination.even-split ul li {
   display: table-cell;
   text-align: center;
   width: 1%;
 }
 .pagination.even-split ul li a {
   display: inline-block;
   width: 100%;
   margin-left: 0;
   border-radius: 0;
 }
 .pagination.even-split ul li a:hover {
   background-color: #CCC;
   color: black;
 }
 .pagination.even-split ul li a:active {
   background-color: #999;
   color: white;
 }
 .pagination.even-split ul li.prev, .pagination.even-split ul li.next {
   display: none;
 }
 .pagination.even-split ul li:not(:last-of-type) {
   border-right: 1px solid #ddd;
 }
 .pagination.even-split ul li.active {
   border-bottom: 3px solid black;
 }
 .pagination.even-split ul li.active a {
   font-weight: bold;
   color: black;
 }
 .tooltip-destroy-btn {
   cursor: pointer;
 }
 a.link-as-div {
   display: block;
 }
 a.link-as-div:hover, a.link-as-div:active, a.link-as-div:focus {
   text-decoration: none;
 }
 .pagination.infinite-scroll {
   visibility: hidden;
   width: 1px;
   height: 1px;
 }
 .record-panel {
   margin-bottom: 10px;
 }
 .record-panel .action-box {
   width: 50px;
   height: 50px;
 }
 .record-panel .content-box {
   height: 50px;
   padding: 10px 10px 10px 20px;
 }
 .record-panel.wider .content-box {
   height: 75px;
 }
 .record-panel.wider .action-box {
   width: 75px;
   height: 75px;
 }
 .app-section-heading {
   color: #222222;
   font-weight: 500;
   line-height: 110%;
   margin: 1.15rem 0 0.66rem 5px;
   font-size: 25px;
 }
 .app-section-heading.capitalize {
   text-transform: capitalize;
 }
 .app-section-heading .action {
   float: right;
   cursor: pointer;
   font-size: 11px;
   text-align: center;
   line-height: 0.5;
 }
 .app-section-heading .action small {
   color: #888;
 }
 .record-panel .action-box:not(.no-border):not(.left), .header-panel .action-box:not(.no-border):not(.left) {
   border-left: 1px solid #ddd;
 }
 .record-panel .action-box:not(.no-border).left, .header-panel .action-box:not(.no-border).left {
   border-right: 1px solid #ddd;
 }
 .record-panel, .green-panel-heading, .header-panel {
   overflow: hidden;
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .record-panel.rounded, .green-panel-heading.rounded, .header-panel.rounded {
   border-radius: 5px;
 }
 .record-panel .action-box, .green-panel-heading .action-box, .header-panel .action-box {
   float: right;
   text-align: center;
 }
 .record-panel .action-box.left, .green-panel-heading .action-box.left, .header-panel .action-box.left {
   float: left;
 }
 .record-panel .action-box .action-icon, .record-panel .action-box .action-input, .green-panel-heading .action-box .action-icon, .green-panel-heading .action-box .action-input, .header-panel .action-box .action-icon, .header-panel .action-box .action-input {
   position: relative;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   font-size: 9px;
   line-height: 1;
 }
 .record-panel .action-box:not(.inactive), .green-panel-heading .action-box:not(.inactive), .header-panel .action-box:not(.inactive) {
   cursor: pointer;
 }
 .record-panel .action-box:not(.inactive):hover, .green-panel-heading .action-box:not(.inactive):hover, .header-panel .action-box:not(.inactive):hover {
   background-color: #CCCCCC;
   color: white;
   transition: 0.3s;
 }
 .record-panel .action-box:not(.inactive):active, .green-panel-heading .action-box:not(.inactive):active, .header-panel .action-box:not(.inactive):active {
   background-color: #999;
   color: white;
 }
 .record-panel a.action-box, .green-panel-heading a.action-box, .header-panel a.action-box {
   display: block;
 }
 .record-panel a.action-box:hover, .record-panel a.action-box:active, .record-panel a.action-box:focus, .green-panel-heading a.action-box:hover, .green-panel-heading a.action-box:active, .green-panel-heading a.action-box:focus, .header-panel a.action-box:hover, .header-panel a.action-box:active, .header-panel a.action-box:focus {
   text-decoration: none;
 }
 .record-panel .content-box, .green-panel-heading .content-box, .header-panel .content-box {
   text-align: left;
   overflow: hidden;
 }
 .record-panel .content-box .tiny-text, .green-panel-heading .content-box .tiny-text, .header-panel .content-box .tiny-text {
   font-size: 10px;
   line-height: 11px;
 }
 .record-panel .image-container, .green-panel-heading .image-container, .header-panel .image-container {
   height: 50px;
   position: relative;
   float: left;
 }
 .record-panel .image-container.med-img, .green-panel-heading .image-container.med-img, .header-panel .image-container.med-img {
   height: 75px;
 }
 .record-panel .image-container img, .green-panel-heading .image-container img, .header-panel .image-container img {
   height: 100%;
 }
 .record-panel.narrow .content-box, .green-panel-heading.narrow .content-box, .header-panel.narrow .content-box {
   height: 35px;
   padding: 5px 5px 5px 10px;
 }
 .record-panel.narrow .action-box, .green-panel-heading.narrow .action-box, .header-panel.narrow .action-box {
   width: 35px;
   height: 35px;
 }
 .faint-color {
   color: #bbb;
 }
 input[type="checkbox"].custom-checkbox {
   -webkit-appearance: none;
   background-color: #fafafa;
   border: 1px solid #cacece;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
   position: relative;
   width: 12px;
   height: 12px;
   cursor: pointer;
 }
 input[type="checkbox"].custom-checkbox.big {
   width: 20px;
   height: 20px;
 }
 input[type="checkbox"].custom-checkbox:active {
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
 }
 input[type="checkbox"].custom-checkbox:checked:after {
   position: absolute;
   content: '\f00c';
   font-family: FontAwesome;
   font-size: 12px;
   top: 50%;
   left: 50%;
   -webkit-transform: translateY(-50%) translateX(-50%);
   -ms-transform: translateY(-50%) translateX(-50%);
   transform: translateY(-50%) translateX(-50%);
 }
 input[type="checkbox"].custom-checkbox.big:checked:after {
   font-size: 20px;
 }
 input[type="checkbox"].custom-checkbox.green:checked:after {
   color: $theme-primary;
 }
 input[type="checkbox"].custom-checkbox:focus {
   outline: none;
 }
 .prominent-header {
   font-family: "Roboto", sans-serif;
   font-weight: 700;
   font-size: 16px;
 }
 .prominent-header.subheader {
   font-weight: 400;
   font-size: 13px;
 }
 #notifier {
   display: none;
   position: fixed;
   bottom: 10px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   z-index: 9999999;
 }
 .record-gallery {
   max-width: 900px;
   margin: 0 auto;
   /*center aligned*/
   padding: 0;
   font-size: 0;
   /* Remember to change it back to normal font size if have captions */
   list-style: none;
 }
 .record-gallery li {
   display: inline-block;
   width: 25%;
   vertical-align: middle;
   box-sizing: border-box;
   margin: 1%;
   padding: 0;
 }
 .record-gallery.narrow li {
   width: 48%;
 }
 .record-gallery-cell {
   /*margin:12px;
   box-shadow:0 0 6px rgba(0,0,0,0.3);*/
   display: block;
   position: relative;
   overflow: hidden;
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
   border-radius: 5px;
 }
 .record-gallery-cell .record-gallery-info {
   top: 75%;
   box-sizing: border-box;
   position: absolute;
   text-align: center;
   display: inline-block;
   color: white;
   font-size: 14px;
   font-family: "Roboto Condensed", sans-serif;
 }
 .record-gallery-cell .record-gallery-info.left {
   left: 25%;
   -webkit-transform: translateY(-50%) translateX(-50%);
   -ms-transform: translateY(-50%) translateX(-50%);
   transform: translateY(-50%) translateX(-50%);
 }
 .record-gallery-cell .record-gallery-info.right {
   right: 25%;
   -webkit-transform: translateY(-50%) translateX(50%);
   -ms-transform: translateY(-50%) translateX(50%);
   transform: translateY(-50%) translateX(50%);
 }
 .record-gallery-img, .record-gallery-panel {
   display: block;
   width: 100%;
   padding-bottom: 66%;
   height: auto;
   border: none;
   transform: scale(1);
   transition: all 1s;
 }
 .record-gallery-overlay {
   position: absolute;
   display: block;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   background-color: #888;
   background-size: 50px 50px;
   opacity: 0.7;
   filter: alpha(opacity=0);
   /*For IE6 - IE8*/
   transition: all 0.6s;
 }
 .record-gallery-text {
   display: block;
   padding: 0 30px;
   box-sizing: border-box;
   position: absolute;
   left: 0;
   width: 100%;
   text-align: center;
   text-transform: capitalize;
   font-size: 18px;
   font-weight: bold;
   font-family: "Roboto Condensed", sans-serif;
   font-weight: normal !important;
   top: 40%;
   color: white;
   opacity: 0.9;
   transition: all .3s;
 }
 .record-gallery-text.top {
   top: 25%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }
 @media (max-width: 410px) {
   .record-gallery-text {
     padding: 0 15px;
     font-size: 16px;
   }
 }
 @media (max-width: 90000px) {
   .record-gallery:not(.narrow) li {
     width: 23%;
   }
 }
 @media (max-width: 700px) {
   .record-gallery:not(.narrow) li {
     width: 31%;
   }
 }
 @media (max-width: 550px) {
   .record-gallery:not(.narrow) li {
     width: 48%;
   }
 }
 @media (min-width: 992px) {
   .tab-content.responsive-tabs > .tab-pane:not(.override-responsive) {
     display: block;
   }
   .tab-content.responsive-tabs > .fade:not(.override-responsive) {
     opacity: 1;
   }
 }
 .tiny-text {
   font-size: 10px;
   line-height: 1;
 }
 .modal .modal-content {
   border-radius: 6px;
 }
 .hidden-important {
   display: none !important;
 }
 #barba-error-page .barba-status {
   display: none;
 }
 #barba-error-page[data-status='404'] #barba-404-error {
   display: block;
 }
 #barba-error-page[data-status='503'] #barba-503-error {
   display: block;
 }
 #barba-error-page[data-status='500'] #barba-500-error {
   display: block;
 }
 #barba-error-page[data-status='retrying'] #barba-retrying {
   display: block;
 }
 .modal-form {
   padding: 10px;
 }
 .modal-form.faint-labels label {
   color: #999;
 }
 .modal-form .form-row {
   margin-bottom: 5px;
   overflow: hidden;
   white-space: nowrap;
 }
 .modal-form .form-row.wrap {
   white-space: inherit;
 }
 .modal-form .form-row .label-block {
   float: left;
   margin-right: 5px;
 }
 .modal-form .form-row .label-block label {
   display: block;
   margin-bottom: 3px;
 }
 .modal-form .form-row:not(.wrap) .label-block:last-of-type, .modal-form .form-row:not(.wrap) .label-block.bookstop, .modal-form .form-row .non-wrapping-group .label-block:last-of-type, .modal-form .form-row .non-wrapping-group .label-block.bookstop {
   float: none;
   overflow: hidden;
 }
 .modal-form .form-row input, .modal-form .form-row select {
   display: inline;
 }
 .gold-color {
   color: gold;
 }
 .navbar-fixed-top > * {
   -webkit-transform: translate3d(0, 0, 0);
 }
 ul.feature-checklist {
   list-style: none;
   padding-left: 20px;
 }
 ul.feature-checklist li:before {
   content: '\f00c';
   font-family: FontAwesome;
   color: $theme-primary;
   margin-left: -10px;
   margin-right: 10px;
 }
 .btn.btn-round-lg {
   border-radius: 22.5px;
 }
 .absolute-close {
   position: absolute;
   top: 5px;
   right: 5px;
 }
 .macro-form input, .macro-form select {
   vertical-align: bottom;
 }
 .off-canvas-menu {
   position: fixed;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   background-color: #fff;
   width: 200px;
   height: 100vh;
   right: 0;
   top: 0;
   overflow-y: auto;
   z-index: 1030;
   transform: translateX(200px);
   -webkit-transform: translateX(200px);
   -moz-transform: translateX(200px);
   -ms-transform: translateX(200px);
   -o-transform: translateX(200px);
 }
 .off-canvas-menu.in {
   transform: translateX(0);
   -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
   -ms-transform: translateX(0);
   -o-transform: translateX(0);
 }
 .off-canvas-menu .list-group-item {
   border-radius: 0 0 0 0;
   border-left: none;
   border-right: none;
   border-top: none;
   border-bottom: 1px solid #ddd;
   margin-bottom: 0;
 }
 .off-canvas-backdrop {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background-color: #000;
   z-index: 1020;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
 }
 .off-canvas-backdrop.in {
   opacity: 0.5;
 }
 a.linktip {
   color: inherit;
   background-color: inherit;
   text-decoration: none;
 }
 a.linktip:focus, a.linktip:hover {
   color: inherit;
   background-color: inherit;
   text-decoration: none;
 }
 .btn.modal-action {
   text-shadow: none;
   box-shadow: none;
   font-size: 10px;
   border-radius: 15px;
   background-color: $theme-primary;
   color: white;
 }
 .btn.modal-action.secondary {
   background-color: white;
   border: 1px solid $theme-primary;
   color: $theme-primary;
 }
 .btn.modal-action .fa, .btn.modal-action .icon {
   vertical-align: middle;
   font-size: 16px;
 }
 select.form-control option:disabled {
   display: none;
 }
 .link-anchor {
   visibility: hidden;
   position: absolute;
   top: -75px;
 }
 
 
 // Fonts
 @font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 300;
   src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
 @font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 
 @font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 500;
   src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
 @font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
 @font-face {
   font-family: 'Roboto Condensed';
   font-style: normal;
   font-weight: 400;
   src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }