:root {
      --template-color-1: #5E6D8A;
      --template-color-2: #455269;
      --template-color-3: #3A475E;
      --template-color-4: #8098C7;
      --template-color-5: #FFFFFF;
      --template-color-6: #F6F6F6;
      --template-color-7: #858585;
      --template-color-8: #9D2038;
      --template-color-9: #505F7D;
      --template-color-10: #535353;
      --template-color-11: #566176;
  }

      .template-color-1 { color: #5E6D8A !important; }
      .template-color-2 { color: #455269 !important; }
      .template-color-3 { color: #3A475E !important; }
      .template-color-4 { color: #8098C7 !important; }
      .template-color-5 { color: #FFFFFF !important; }
      .template-color-6 { color: #F6F6F6 !important; }
      .template-color-7 { color: #858585 !important; }
      .template-color-8 { color: #9D2038 !important; }
      .template-color-9 { color: #505F7D !important; }
      .template-color-10 { color: #535353 !important; }
      .template-color-11 { color: #566176 !important; }
  
      .template-background-color-1 { background-color: #5E6D8A !important; }
      .template-background-color-2 { background-color: #455269 !important; }
      .template-background-color-3 { background-color: #3A475E !important; }
      .template-background-color-4 { background-color: #8098C7 !important; }
      .template-background-color-5 { background-color: #FFFFFF !important; }
      .template-background-color-6 { background-color: #F6F6F6 !important; }
      .template-background-color-7 { background-color: #858585 !important; }
      .template-background-color-8 { background-color: #9D2038 !important; }
      .template-background-color-9 { background-color: #505F7D !important; }
      .template-background-color-10 { background-color: #535353 !important; }
      .template-background-color-11 { background-color: #566176 !important; }
  
      .template-border-color-1 { border-color: #5E6D8A !important; }
      .template-border-color-2 { border-color: #455269 !important; }
      .template-border-color-3 { border-color: #3A475E !important; }
      .template-border-color-4 { border-color: #8098C7 !important; }
      .template-border-color-5 { border-color: #FFFFFF !important; }
      .template-border-color-6 { border-color: #F6F6F6 !important; }
      .template-border-color-7 { border-color: #858585 !important; }
      .template-border-color-8 { border-color: #9D2038 !important; }
      .template-border-color-9 { border-color: #505F7D !important; }
      .template-border-color-10 { border-color: #535353 !important; }
      .template-border-color-11 { border-color: #566176 !important; }
  
      .template-border-top-color-1 { border-top-color: #5E6D8A !important; }
      .template-border-top-color-2 { border-top-color: #455269 !important; }
      .template-border-top-color-3 { border-top-color: #3A475E !important; }
      .template-border-top-color-4 { border-top-color: #8098C7 !important; }
      .template-border-top-color-5 { border-top-color: #FFFFFF !important; }
      .template-border-top-color-6 { border-top-color: #F6F6F6 !important; }
      .template-border-top-color-7 { border-top-color: #858585 !important; }
      .template-border-top-color-8 { border-top-color: #9D2038 !important; }
      .template-border-top-color-9 { border-top-color: #505F7D !important; }
      .template-border-top-color-10 { border-top-color: #535353 !important; }
      .template-border-top-color-11 { border-top-color: #566176 !important; }
  
      .template-border-right-color-1 { border-right-color: #5E6D8A !important; }
      .template-border-right-color-2 { border-right-color: #455269 !important; }
      .template-border-right-color-3 { border-right-color: #3A475E !important; }
      .template-border-right-color-4 { border-right-color: #8098C7 !important; }
      .template-border-right-color-5 { border-right-color: #FFFFFF !important; }
      .template-border-right-color-6 { border-right-color: #F6F6F6 !important; }
      .template-border-right-color-7 { border-right-color: #858585 !important; }
      .template-border-right-color-8 { border-right-color: #9D2038 !important; }
      .template-border-right-color-9 { border-right-color: #505F7D !important; }
      .template-border-right-color-10 { border-right-color: #535353 !important; }
      .template-border-right-color-11 { border-right-color: #566176 !important; }
  
      .template-border-bottom-color-1 { border-bottom-color: #5E6D8A !important; }
      .template-border-bottom-color-2 { border-bottom-color: #455269 !important; }
      .template-border-bottom-color-3 { border-bottom-color: #3A475E !important; }
      .template-border-bottom-color-4 { border-bottom-color: #8098C7 !important; }
      .template-border-bottom-color-5 { border-bottom-color: #FFFFFF !important; }
      .template-border-bottom-color-6 { border-bottom-color: #F6F6F6 !important; }
      .template-border-bottom-color-7 { border-bottom-color: #858585 !important; }
      .template-border-bottom-color-8 { border-bottom-color: #9D2038 !important; }
      .template-border-bottom-color-9 { border-bottom-color: #505F7D !important; }
      .template-border-bottom-color-10 { border-bottom-color: #535353 !important; }
      .template-border-bottom-color-11 { border-bottom-color: #566176 !important; }
  
      .template-border-left-color-1 { border-left-color: #5E6D8A !important; }
      .template-border-left-color-2 { border-left-color: #455269 !important; }
      .template-border-left-color-3 { border-left-color: #3A475E !important; }
      .template-border-left-color-4 { border-left-color: #8098C7 !important; }
      .template-border-left-color-5 { border-left-color: #FFFFFF !important; }
      .template-border-left-color-6 { border-left-color: #F6F6F6 !important; }
      .template-border-left-color-7 { border-left-color: #858585 !important; }
      .template-border-left-color-8 { border-left-color: #9D2038 !important; }
      .template-border-left-color-9 { border-left-color: #505F7D !important; }
      .template-border-left-color-10 { border-left-color: #535353 !important; }
      .template-border-left-color-11 { border-left-color: #566176 !important; }
  


      .active.template-active-color-1 { color: #5E6D8A !important; }
      .active.template-active-color-2 { color: #455269 !important; }
      .active.template-active-color-3 { color: #3A475E !important; }
      .active.template-active-color-4 { color: #8098C7 !important; }
      .active.template-active-color-5 { color: #FFFFFF !important; }
      .active.template-active-color-6 { color: #F6F6F6 !important; }
      .active.template-active-color-7 { color: #858585 !important; }
      .active.template-active-color-8 { color: #9D2038 !important; }
      .active.template-active-color-9 { color: #505F7D !important; }
      .active.template-active-color-10 { color: #535353 !important; }
      .active.template-active-color-11 { color: #566176 !important; }
  
      .active.template-active-background-color-1 { background-color: #5E6D8A !important; }
      .active.template-active-background-color-2 { background-color: #455269 !important; }
      .active.template-active-background-color-3 { background-color: #3A475E !important; }
      .active.template-active-background-color-4 { background-color: #8098C7 !important; }
      .active.template-active-background-color-5 { background-color: #FFFFFF !important; }
      .active.template-active-background-color-6 { background-color: #F6F6F6 !important; }
      .active.template-active-background-color-7 { background-color: #858585 !important; }
      .active.template-active-background-color-8 { background-color: #9D2038 !important; }
      .active.template-active-background-color-9 { background-color: #505F7D !important; }
      .active.template-active-background-color-10 { background-color: #535353 !important; }
      .active.template-active-background-color-11 { background-color: #566176 !important; }
  
      .active.template-active-border-color-1 { border-color: #5E6D8A !important; }
      .active.template-active-border-color-2 { border-color: #455269 !important; }
      .active.template-active-border-color-3 { border-color: #3A475E !important; }
      .active.template-active-border-color-4 { border-color: #8098C7 !important; }
      .active.template-active-border-color-5 { border-color: #FFFFFF !important; }
      .active.template-active-border-color-6 { border-color: #F6F6F6 !important; }
      .active.template-active-border-color-7 { border-color: #858585 !important; }
      .active.template-active-border-color-8 { border-color: #9D2038 !important; }
      .active.template-active-border-color-9 { border-color: #505F7D !important; }
      .active.template-active-border-color-10 { border-color: #535353 !important; }
      .active.template-active-border-color-11 { border-color: #566176 !important; }
  
      .active.template-active-border-top-color-1 { border-top-color: #5E6D8A !important; }
      .active.template-active-border-top-color-2 { border-top-color: #455269 !important; }
      .active.template-active-border-top-color-3 { border-top-color: #3A475E !important; }
      .active.template-active-border-top-color-4 { border-top-color: #8098C7 !important; }
      .active.template-active-border-top-color-5 { border-top-color: #FFFFFF !important; }
      .active.template-active-border-top-color-6 { border-top-color: #F6F6F6 !important; }
      .active.template-active-border-top-color-7 { border-top-color: #858585 !important; }
      .active.template-active-border-top-color-8 { border-top-color: #9D2038 !important; }
      .active.template-active-border-top-color-9 { border-top-color: #505F7D !important; }
      .active.template-active-border-top-color-10 { border-top-color: #535353 !important; }
      .active.template-active-border-top-color-11 { border-top-color: #566176 !important; }
  
      .active.template-active-border-right-color-1 { border-right-color: #5E6D8A !important; }
      .active.template-active-border-right-color-2 { border-right-color: #455269 !important; }
      .active.template-active-border-right-color-3 { border-right-color: #3A475E !important; }
      .active.template-active-border-right-color-4 { border-right-color: #8098C7 !important; }
      .active.template-active-border-right-color-5 { border-right-color: #FFFFFF !important; }
      .active.template-active-border-right-color-6 { border-right-color: #F6F6F6 !important; }
      .active.template-active-border-right-color-7 { border-right-color: #858585 !important; }
      .active.template-active-border-right-color-8 { border-right-color: #9D2038 !important; }
      .active.template-active-border-right-color-9 { border-right-color: #505F7D !important; }
      .active.template-active-border-right-color-10 { border-right-color: #535353 !important; }
      .active.template-active-border-right-color-11 { border-right-color: #566176 !important; }
  
      .active.template-active-border-bottom-color-1 { border-bottom-color: #5E6D8A !important; }
      .active.template-active-border-bottom-color-2 { border-bottom-color: #455269 !important; }
      .active.template-active-border-bottom-color-3 { border-bottom-color: #3A475E !important; }
      .active.template-active-border-bottom-color-4 { border-bottom-color: #8098C7 !important; }
      .active.template-active-border-bottom-color-5 { border-bottom-color: #FFFFFF !important; }
      .active.template-active-border-bottom-color-6 { border-bottom-color: #F6F6F6 !important; }
      .active.template-active-border-bottom-color-7 { border-bottom-color: #858585 !important; }
      .active.template-active-border-bottom-color-8 { border-bottom-color: #9D2038 !important; }
      .active.template-active-border-bottom-color-9 { border-bottom-color: #505F7D !important; }
      .active.template-active-border-bottom-color-10 { border-bottom-color: #535353 !important; }
      .active.template-active-border-bottom-color-11 { border-bottom-color: #566176 !important; }
  
      .active.template-active-border-left-color-1 { border-left-color: #5E6D8A !important; }
      .active.template-active-border-left-color-2 { border-left-color: #455269 !important; }
      .active.template-active-border-left-color-3 { border-left-color: #3A475E !important; }
      .active.template-active-border-left-color-4 { border-left-color: #8098C7 !important; }
      .active.template-active-border-left-color-5 { border-left-color: #FFFFFF !important; }
      .active.template-active-border-left-color-6 { border-left-color: #F6F6F6 !important; }
      .active.template-active-border-left-color-7 { border-left-color: #858585 !important; }
      .active.template-active-border-left-color-8 { border-left-color: #9D2038 !important; }
      .active.template-active-border-left-color-9 { border-left-color: #505F7D !important; }
      .active.template-active-border-left-color-10 { border-left-color: #535353 !important; }
      .active.template-active-border-left-color-11 { border-left-color: #566176 !important; }
  


      .template-hover-color-1:hover, .template-hover-color-1:focus { color: #5E6D8A !important; }
      .template-hover-color-2:hover, .template-hover-color-2:focus { color: #455269 !important; }
      .template-hover-color-3:hover, .template-hover-color-3:focus { color: #3A475E !important; }
      .template-hover-color-4:hover, .template-hover-color-4:focus { color: #8098C7 !important; }
      .template-hover-color-5:hover, .template-hover-color-5:focus { color: #FFFFFF !important; }
      .template-hover-color-6:hover, .template-hover-color-6:focus { color: #F6F6F6 !important; }
      .template-hover-color-7:hover, .template-hover-color-7:focus { color: #858585 !important; }
      .template-hover-color-8:hover, .template-hover-color-8:focus { color: #9D2038 !important; }
      .template-hover-color-9:hover, .template-hover-color-9:focus { color: #505F7D !important; }
      .template-hover-color-10:hover, .template-hover-color-10:focus { color: #535353 !important; }
      .template-hover-color-11:hover, .template-hover-color-11:focus { color: #566176 !important; }
  
      .template-hover-background-color-1:hover, .template-hover-background-color-1:focus { background-color: #5E6D8A !important; }
      .template-hover-background-color-2:hover, .template-hover-background-color-2:focus { background-color: #455269 !important; }
      .template-hover-background-color-3:hover, .template-hover-background-color-3:focus { background-color: #3A475E !important; }
      .template-hover-background-color-4:hover, .template-hover-background-color-4:focus { background-color: #8098C7 !important; }
      .template-hover-background-color-5:hover, .template-hover-background-color-5:focus { background-color: #FFFFFF !important; }
      .template-hover-background-color-6:hover, .template-hover-background-color-6:focus { background-color: #F6F6F6 !important; }
      .template-hover-background-color-7:hover, .template-hover-background-color-7:focus { background-color: #858585 !important; }
      .template-hover-background-color-8:hover, .template-hover-background-color-8:focus { background-color: #9D2038 !important; }
      .template-hover-background-color-9:hover, .template-hover-background-color-9:focus { background-color: #505F7D !important; }
      .template-hover-background-color-10:hover, .template-hover-background-color-10:focus { background-color: #535353 !important; }
      .template-hover-background-color-11:hover, .template-hover-background-color-11:focus { background-color: #566176 !important; }
  
      .template-hover-border-color-1:hover, .template-hover-border-color-1:focus { border-color: #5E6D8A !important; }
      .template-hover-border-color-2:hover, .template-hover-border-color-2:focus { border-color: #455269 !important; }
      .template-hover-border-color-3:hover, .template-hover-border-color-3:focus { border-color: #3A475E !important; }
      .template-hover-border-color-4:hover, .template-hover-border-color-4:focus { border-color: #8098C7 !important; }
      .template-hover-border-color-5:hover, .template-hover-border-color-5:focus { border-color: #FFFFFF !important; }
      .template-hover-border-color-6:hover, .template-hover-border-color-6:focus { border-color: #F6F6F6 !important; }
      .template-hover-border-color-7:hover, .template-hover-border-color-7:focus { border-color: #858585 !important; }
      .template-hover-border-color-8:hover, .template-hover-border-color-8:focus { border-color: #9D2038 !important; }
      .template-hover-border-color-9:hover, .template-hover-border-color-9:focus { border-color: #505F7D !important; }
      .template-hover-border-color-10:hover, .template-hover-border-color-10:focus { border-color: #535353 !important; }
      .template-hover-border-color-11:hover, .template-hover-border-color-11:focus { border-color: #566176 !important; }
  
      .template-hover-border-top-color-1:hover, .template-hover-border-top-color-1:focus { border-top-color: #5E6D8A !important; }
      .template-hover-border-top-color-2:hover, .template-hover-border-top-color-2:focus { border-top-color: #455269 !important; }
      .template-hover-border-top-color-3:hover, .template-hover-border-top-color-3:focus { border-top-color: #3A475E !important; }
      .template-hover-border-top-color-4:hover, .template-hover-border-top-color-4:focus { border-top-color: #8098C7 !important; }
      .template-hover-border-top-color-5:hover, .template-hover-border-top-color-5:focus { border-top-color: #FFFFFF !important; }
      .template-hover-border-top-color-6:hover, .template-hover-border-top-color-6:focus { border-top-color: #F6F6F6 !important; }
      .template-hover-border-top-color-7:hover, .template-hover-border-top-color-7:focus { border-top-color: #858585 !important; }
      .template-hover-border-top-color-8:hover, .template-hover-border-top-color-8:focus { border-top-color: #9D2038 !important; }
      .template-hover-border-top-color-9:hover, .template-hover-border-top-color-9:focus { border-top-color: #505F7D !important; }
      .template-hover-border-top-color-10:hover, .template-hover-border-top-color-10:focus { border-top-color: #535353 !important; }
      .template-hover-border-top-color-11:hover, .template-hover-border-top-color-11:focus { border-top-color: #566176 !important; }
  
      .template-hover-border-right-color-1:hover, .template-hover-border-right-color-1:focus { border-right-color: #5E6D8A !important; }
      .template-hover-border-right-color-2:hover, .template-hover-border-right-color-2:focus { border-right-color: #455269 !important; }
      .template-hover-border-right-color-3:hover, .template-hover-border-right-color-3:focus { border-right-color: #3A475E !important; }
      .template-hover-border-right-color-4:hover, .template-hover-border-right-color-4:focus { border-right-color: #8098C7 !important; }
      .template-hover-border-right-color-5:hover, .template-hover-border-right-color-5:focus { border-right-color: #FFFFFF !important; }
      .template-hover-border-right-color-6:hover, .template-hover-border-right-color-6:focus { border-right-color: #F6F6F6 !important; }
      .template-hover-border-right-color-7:hover, .template-hover-border-right-color-7:focus { border-right-color: #858585 !important; }
      .template-hover-border-right-color-8:hover, .template-hover-border-right-color-8:focus { border-right-color: #9D2038 !important; }
      .template-hover-border-right-color-9:hover, .template-hover-border-right-color-9:focus { border-right-color: #505F7D !important; }
      .template-hover-border-right-color-10:hover, .template-hover-border-right-color-10:focus { border-right-color: #535353 !important; }
      .template-hover-border-right-color-11:hover, .template-hover-border-right-color-11:focus { border-right-color: #566176 !important; }
  
      .template-hover-border-bottom-color-1:hover, .template-hover-border-bottom-color-1:focus { border-bottom-color: #5E6D8A !important; }
      .template-hover-border-bottom-color-2:hover, .template-hover-border-bottom-color-2:focus { border-bottom-color: #455269 !important; }
      .template-hover-border-bottom-color-3:hover, .template-hover-border-bottom-color-3:focus { border-bottom-color: #3A475E !important; }
      .template-hover-border-bottom-color-4:hover, .template-hover-border-bottom-color-4:focus { border-bottom-color: #8098C7 !important; }
      .template-hover-border-bottom-color-5:hover, .template-hover-border-bottom-color-5:focus { border-bottom-color: #FFFFFF !important; }
      .template-hover-border-bottom-color-6:hover, .template-hover-border-bottom-color-6:focus { border-bottom-color: #F6F6F6 !important; }
      .template-hover-border-bottom-color-7:hover, .template-hover-border-bottom-color-7:focus { border-bottom-color: #858585 !important; }
      .template-hover-border-bottom-color-8:hover, .template-hover-border-bottom-color-8:focus { border-bottom-color: #9D2038 !important; }
      .template-hover-border-bottom-color-9:hover, .template-hover-border-bottom-color-9:focus { border-bottom-color: #505F7D !important; }
      .template-hover-border-bottom-color-10:hover, .template-hover-border-bottom-color-10:focus { border-bottom-color: #535353 !important; }
      .template-hover-border-bottom-color-11:hover, .template-hover-border-bottom-color-11:focus { border-bottom-color: #566176 !important; }
  
      .template-hover-border-left-color-1:hover, .template-hover-border-left-color-1:focus { border-left-color: #5E6D8A !important; }
      .template-hover-border-left-color-2:hover, .template-hover-border-left-color-2:focus { border-left-color: #455269 !important; }
      .template-hover-border-left-color-3:hover, .template-hover-border-left-color-3:focus { border-left-color: #3A475E !important; }
      .template-hover-border-left-color-4:hover, .template-hover-border-left-color-4:focus { border-left-color: #8098C7 !important; }
      .template-hover-border-left-color-5:hover, .template-hover-border-left-color-5:focus { border-left-color: #FFFFFF !important; }
      .template-hover-border-left-color-6:hover, .template-hover-border-left-color-6:focus { border-left-color: #F6F6F6 !important; }
      .template-hover-border-left-color-7:hover, .template-hover-border-left-color-7:focus { border-left-color: #858585 !important; }
      .template-hover-border-left-color-8:hover, .template-hover-border-left-color-8:focus { border-left-color: #9D2038 !important; }
      .template-hover-border-left-color-9:hover, .template-hover-border-left-color-9:focus { border-left-color: #505F7D !important; }
      .template-hover-border-left-color-10:hover, .template-hover-border-left-color-10:focus { border-left-color: #535353 !important; }
      .template-hover-border-left-color-11:hover, .template-hover-border-left-color-11:focus { border-left-color: #566176 !important; }