.box
      {
        width: 100px !important;
        height: 100px !important;
        max-width: 100px !important;
        max-height: 100px !important;        
      }
      
      .box-icon-30
      {
        display: block;
        width: 30px !important;
        height: 30px !important;
        max-width: 30px !important;
        max-height: 30px !important;    
        min-width: 30px !important;
        min-height: 30px !important;
        text-align: center !important;
        vertical-align: middle !important;
      }    
              
      
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
      
      .text-grapefruit {color: #ed5565 !important;}
      .text-grapefruit-dark {color: #da4453 !important;}
      .border-grapefruit {border-color: #ed5565 !important;}
      .border-grapefruit-dark {border-color: #da4453 !important;}      
      .bg-grapefruit { background-color: #ed5565 !important; }
      .bg-grapefruit-dark { background-color: #da4453 !important; }
      .btn-outline-grapefruit { color: #ed5565 !important; border-color: #da4453 !important; }
      
      .text-bluejeans { color: #5d9cec !important; }
      .text-bluejeans-dark { color: #4a89dc !important; }
      .border-bluejeans { border-color: #5d9cec !important; }
      .border-bluejeans-dark { border-color: #4a89dc !important; }      
      .bg-bluejeans { background-color: #5d9cec !important; }
      .bg-bluejeans-dark { background-color: #4a89dc !important; }
      .btn-outline-bluejeans { color: #5d9cec !important; border-color: #4a89dc !important; }
      
      .text-sunflower { color: #ffce54 !important; }
      .text-sunflower-dark { color: #f6bb42 !important; }
      .border-sunflower { border-color: #ffce54 !important; }
      .border-sunflower-dark { border-color: #f6bb42 !important; }      
      .bg-sunflower { background-color: #ffce54 !important; }
      .bg-sunflower-dark { background-color: #f6bb42 !important; }
      .btn-outline-sunflower { color: #ffce54 !important; border-color: #f6bb42 !important; }
      
      .text-orange { color: #ff8c00 !important; }
      .text-orange-dark { color: #ff6600 !important; }
      .border-orange { border-color: #ff8c00 !important; }
      .border-orange-dark { border-color: #ff6600 !important; }      
      .bg-orange { background-color: #ff8c00 !important; }
      .bg-orange-dark { background-color: #ff6600 !important; }
      .btn-outline-orange { color: #ff8c00 !important; border-color: #ff6600 !important; }      
      
      .text-grass { color: #a0d468 !important; }
      .text-grass-dark { color: #8cc152 !important; }     
      .border-grass { border-color: #a0d468 !important; }
      .border-grass-dark { border-color: #8cc152 !important; }            
      .bg-grass { background-color: #a0d468 !important; }
      .bg-grass-dark { background-color: #8cc152 !important; }
      .btn-outline-grass { color: #a0d468 !important; border-color: #8cc152 !important; }
      
      .text-lavender { color: #ac92ec !important; }
      .text-lavender-dark { color: #967adc !important; }     
      .border-lavender { border-color: #ac92ec !important; }
      .border-lavender-dark { border-color: #967adc !important; }         
      .bg-lavender { background-color: #ac92ec !important; }
      .bg-lavender-dark { background-color: #967adc !important; }
      .btn-outline-lavender { color: #ac92ec !important; border-color: #967adc !important; }
      .btn-lavender {color: #fff !important; background-color: #ac92ec; border-color: #967adc; }
      
      .bg-purple-blue
      {
        background: rgb(119,37,207) !important;
        background: linear-gradient(45deg, rgba(119,37,207,1) 0%, rgba(80,74,222,1) 50%, rgba(37,103,226,1) 100%) !important;
      }
      
      .bg-bloody-mimosa{ background: linear-gradient(135deg, #da4453 0%, #ff0038 70%, #ff9900 100%) !important; }
      .bg-kale-salad{ background: linear-gradient(135deg, #4a89dc 0%, #00C9FF 70%, #6a00ff 100%) !important; }
      .bg-retro-wagon{ background: linear-gradient(135deg, #f6bb42 0%, #FDBB2D 70%, #14ba9f 100%) !important; }
      .bg-par-four{ background: linear-gradient(135deg, #8cc152 0%, #70b012 70%, #0055ff 100%) !important; }
      .bg-purple-gum{ background: linear-gradient(135deg, #ac92ec 0%, #967adc 70%, #e6095a 100%) !important; }

      .btn-bloody-mimosa{color:#fff; background: linear-gradient(135deg, #da4453 0%, #ff0038 70%, #ff9900 100%); border-color: #da4453; }
      .btn-kale-salad{color:#fff; background: linear-gradient(135deg, #4a89dc 0%, #00C9FF 70%, #6a00ff 100%); border-color: #4a89dc; }
      .btn-retro-wagon{color:#fff; background: linear-gradient(135deg, #f6bb42 0%, #FDBB2D 70%, #14ba9f 100%); border-color: #f6bb42;}
      .btn-par-four{color:#fff; background: linear-gradient(135deg, #8cc152 0%, #70b012 70%, #0055ff 100%); border-color: #8cc152;}
      .btn-purple-gum{color:#fff; background: linear-gradient(135deg, #ac92ec 0%, #967adc 70%, #e6095a 100%); border-color: #ac92ec;}

      .btn-mimosa{color:#fff;background-color:#ff9900;border-color:#da4453;}
      .btn-salad{color:#fff;background-color:#6a00ff;border-color:#4a89dc;}
      .btn-wagon{color:#fff;background-color:#14ba9f;border-color:#f6bb42;}
      .btn-four{color:#fff;background-color:#0055ff;border-color:#8cc152;}
      .btn-gum{color:#fff;background-color:#e6095a;border-color:#ac92ec;}
      
      .btn-purple-blue{color:#fff;background: linear-gradient(45deg, rgba(119,37,207,1) 0%, rgba(80,74,222,1) 50%, rgba(37,103,226,1) 100%) !important;border-color:#ac92ec}
      .btn-purple-blue:hover{color:#fff;background: linear-gradient(45deg, rgba(111, 33, 194,1) 0%, rgba(70, 64, 201,1) 50%, rgba(32, 87, 189,1) 100%) !important;border-color:#967adc}
      .btn-purple-blue.focus,.btn-purple-blue:focus{color:#fff;background: linear-gradient(45deg, rgba(119,37,207,1) 0%, rgba(80,74,222,1) 50%, rgba(37,103,226,1) 100%) !important;border-color:#967adc;box-shadow:0 0 0 .2rem rgba(150, 122, 220,.5)}
      .btn-purple-blue.disabled,.btn-purple-blue:disabled{color:#fff;background: linear-gradient(45deg, rgba(119,37,207,1) 0%, rgba(80,74,222,1) 50%, rgba(37,103,226,1) 100%) !important;border-color:#ac92ec}
      .btn-purple-blue:not(:disabled):not(.disabled).active,.btn-purple-blue:not(:disabled):not(.disabled):active,.show>.btn-purple-blue.dropdown-toggle{color:#fff;background: linear-gradient(45deg, rgba(119,37,207,1) 0%, rgba(80,74,222,1) 50%, rgba(37,103,226,1) 100%) !important;border-color:#967adc}
      .btn-purple-blue:not(:disabled):not(.disabled).active:focus,.btn-purple-blue:not(:disabled):not(.disabled):active:focus,.show>.btn-purple-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(150, 122, 220,.5)}      

      .btn-lavender{color:#fff;background-color:#ac92ec;border-color:#ac92ec}
      .btn-lavender:hover{color:#fff;background-color:#967adc;border-color:#967adc}
      .btn-lavender.focus,.btn-lavender:focus{color:#fff;background-color:#967adc;border-color:#967adc;box-shadow:0 0 0 .2rem rgba(150, 122, 220,.5)}
      .btn-lavender.disabled,.btn-lavender:disabled{color:#fff;background-color:#ac92ec;border-color:#ac92ec}
      .btn-lavender:not(:disabled):not(.disabled).active,.btn-lavender:not(:disabled):not(.disabled):active,.show>.btn-lavender.dropdown-toggle{color:#fff;background-color:#ac92ec;border-color:#967adc}
      .btn-lavender:not(:disabled):not(.disabled).active:focus,.btn-lavender:not(:disabled):not(.disabled):active:focus,.show>.btn-lavender.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(150, 122, 220,.5)}      
      
      .btn-outline-lavender{color:#ac92ec;border-color:#967adc}
      .btn-outline-lavender:hover{color:#fff !important; background-color:#ac92ec;border-color:#967adc;}
      .btn-outline-lavender.focus,.btn-outline-lavender:focus{box-shadow:0 0 0 .2rem rgba(150, 122, 220,.5)}
      .btn-outline-lavender.disabled,.btn-outline-lavender:disabled{color:#967adc;background-color:transparent}
      .btn-outline-lavender:not(:disabled):not(.disabled).active,.btn-outline-lavender:not(:disabled):not(.disabled):active,.show>.btn-outline-lavender.dropdown-toggle{color:#fff;background-color:#ac92ec;border-color:#967adc}
      .btn-outline-lavender:not(:disabled):not(.disabled).active:focus,.btn-outline-lavender:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-lavender.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(150, 122, 220,.5)}
            
      .a-lavender:link { color: #7725cf !important;  }
      .a-lavender:visited { color: #7725cf !important;  }
      .a-lavender:hover { color: #967adc !important;  }
      .a-lavender:active { color: #7725cf !important; }      
            
      .custom-control-input:checked~.custom-control-label::before 
      {
          color: #fff;
          border-color: #967adc;
          background: rgb(119,37,207) !important;
          background: linear-gradient(45deg, rgba(119,37,207,1) 0%, rgba(80,74,222,1) 50%, rgba(37,103,226,1) 100%) !important;
      }
      
      .page-title 
      {
        user-select: none;
        padding: .375rem .75rem;
        border-radius: .25rem;
      }

      iframe
      {
        background-color: #fff;
        background-image: url("img/bg_youtube.png");
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
      }