/* Field Placeholder */
::-webkit-input-placeholder {
  color: #989898;
}
::-moz-placeholder {
  color: #989898;
}
:-moz-placeholder {
  color: #989898;
}
:-ms-input-placeholder {
  color: #989898;
}

/* NO text copy */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}


/* Background Brown */
.bg-my-brown0 {
   background-color: #fdeada !important;
  }
.bg-my-brown1 {
   background-color: #fbd5b5 !important;
  }
.bg-my-brown2 {
   background-color: #fac08f !important;
  }
.bg-my-brown3 {
   background-color: #e36c09 !important;
  }
.bg-my-brown4 {
   background-color: #974806 !important;
  }

/* Background Sea */
.bg-my-sea0 {
   background-color: #dbeef3 !important;
  }
.bg-my-sea1 {
   background-color: #b7dde8 !important;
  }
.bg-my-sea2 {
   background-color: #92cddc !important;
  }
.bg-my-sea3 {
   background-color: #31859b !important;
  }
.bg-my-sea4 {
   background-color: #205867 !important;
  }

/* Background Violet */
.bg-my-violet0 {
   background-color: #e5e0ec !important;
  }
.bg-my-violet1 {
   background-color: #ccc1d9 !important;
  }
.bg-my-violet2 {
   background-color: #b2a1c7 !important;
  }
.bg-my-violet3 {
   background-color: #5f497a !important;
  }
.bg-my-violet4 {
   background-color: #3f3151 !important;
  }

/* Background Green */
.bg-my-green0 {
   background-color: #ebf1dd !important;
  }
.bg-my-green1 {
   background-color: #d7e3bc !important;
  }
.bg-my-green2 {
   background-color: #c3d69b !important;
  }
.bg-my-green3 {
   background-color: #76923c !important;
  }
.bg-my-green4 {
   background-color: #4f6128 !important;
  }

/* Background Red */
.bg-my-red0 {
   background-color: #f2dcdb !important;
  }
.bg-my-red1 {
   background-color: #e5b9b7 !important;
  }
.bg-my-red2 {
   background-color: #d99694 !important;
  }
.bg-my-red3 {
   background-color: #953734 !important;
  }
.bg-my-red4 {
   background-color: #632423 !important;
  }

/* Background Blue */
.bg-my-blue0 {
   background-color: #dbe5f1 !important;
  }
.bg-my-blue1 {
   background-color: #b8cce4 !important;
  }
.bg-my-blue2 {
   background-color: #95b3d7 !important;
  }
.bg-my-blue3 {
   background-color: #366092 !important;
  }
.bg-my-blue4 {
   background-color: #244061 !important;
  }

/* Background Sky */
.bg-my-sky0 {
   background-color: #c6d9f0 !important;
  }
.bg-my-sky1 {
   background-color: #8db3e2 !important;
  }
.bg-my-sky2 {
   background-color: #548dd4 !important;
  }
.bg-my-sky3 {
   background-color: #17365d !important;
  }
.bg-my-sky4 {
   background-color: #0f243e !important;
  }

/* Background Wood */
.bg-my-wood0 {
   background-color: #ddd9c3 !important;
  }
.bg-my-wood1 {
   background-color: #c4bd97 !important;
  }
.bg-my-wood2 {
   background-color: #938953 !important;
  }
.bg-my-wood3 {
   background-color: #494429 !important;
  }
.bg-my-wood4 {
   background-color: #1d1b10 !important;
  }

/* Background Black */
.bg-my-black0 {
   background-color: #7f7f7f !important;
  }
.bg-my-black1 {
   background-color: #595959 !important;
  }
.bg-my-black2 {
   background-color: #3f3f3f !important;
  }
.bg-my-black3 {
   background-color: #262626 !important;
  }
.bg-my-black4 {
   background-color: #0c0c0c !important;
  }

/* Background Gray */
.bg-my-gray0 {
   background-color: #f2f2f2 !important;
  }
.bg-my-gray1 {
   background-color: #d8d8d8 !important;
  }
.bg-my-gray2 {
   background-color: #bfbfbf !important;
  }
.bg-my-gray3 {
   background-color: #a5a5a5 !important;
  }
.bg-my-gray4 {
   background-color: #7f7f7f !important;
  }

/* Background Yellow */
.bg-my-yellow0 {
   background-color: #fff2cc !important;
  }
.bg-my-yellow1 {
   background-color: #fee599 !important;
  }
.bg-my-yellow2 {
   background-color: #ffd965 !important;
  }
.bg-my-yellow3 {
   background-color: #bf9000 !important;
  }
.bg-my-yellow4 {
   background-color: #7f6000 !important;
  }


/* Border Brown */
.bd-my-brown0 {
   border-color: #fdeada !important;
  }
.bd-my-brown1 {
   border-color: #fbd5b5 !important;
  }
.bd-my-brown2 {
   border-color: #fac08f !important;
  }
.bd-my-brown3 {
   border-color: #e36c09 !important;
  }
.bd-my-brown4 {
   border-color: #974806 !important;
  }

/* Border Sea */
.bd-my-sea0 {
   border-color: #dbeef3 !important;
  }
.bd-my-sea1 {
   border-color: #b7dde8 !important;
  }
.bd-my-sea2 {
   border-color: #92cddc !important;
  }
.bd-my-sea3 {
   border-color: #31859b !important;
  }
.bd-my-sea4 {
   border-color: #205867 !important;
  }

/* Border Violet */
.bd-my-violet0 {
   border-color: #e5e0ec !important;
  }
.bd-my-violet1 {
   border-color: #ccc1d9 !important;
  }
.bd-my-violet2 {
   border-color: #b2a1c7 !important;
  }
.bd-my-violet3 {
   border-color: #5f497a !important;
  }
.bd-my-violet4 {
   border-color: #3f3151 !important;
  }

/* Border Green */
.bd-my-green0 {
   border-color: #ebf1dd !important;
  }
.bd-my-green1 {
   border-color: #d7e3bc !important;
  }
.bd-my-green2 {
   border-color: #c3d69b !important;
  }
.bd-my-green3 {
   border-color: #76923c !important;
  }
.bd-my-green4 {
   border-color: #4f6128 !important;
  }

/* Border Red */
.bd-my-red0 {
   border-color: #f2dcdb !important;
  }
.bd-my-red1 {
   border-color: #e5b9b7 !important;
  }
.bd-my-red2 {
   border-color: #d99694 !important;
  }
.bd-my-red3 {
   border-color: #953734 !important;
  }
.bd-my-red4 {
   border-color: #632423 !important;
  }

/* Border Blue */
.bd-my-blue0 {
   border-color: #dbe5f1 !important;
  }
.bd-my-blue1 {
   border-color: #b8cce4 !important;
  }
.bd-my-blue2 {
   border-color: #95b3d7 !important;
  }
.bd-my-blue3 {
   border-color: #366092 !important;
  }
.bd-my-blue4 {
   border-color: #244061 !important;
  }

/* Border Sky */
.bd-my-sky0 {
   border-color: #c6d9f0 !important;
  }
.bd-my-sky1 {
   border-color: #8db3e2 !important;
  }
.bd-my-sky2 {
   border-color: #548dd4 !important;
  }
.bd-my-sky3 {
   border-color: #17365d !important;
  }
.bd-my-sky4 {
   border-color: #0f243e !important;
  }

/* Border Wood */
.bd-my-wood0 {
   border-color: #ddd9c3 !important;
  }
.bd-my-wood1 {
   border-color: #c4bd97 !important;
  }
.bd-my-wood2 {
   border-color: #938953 !important;
  }
.bd-my-wood3 {
   border-color: #494429 !important;
  }
.bd-my-wood4 {
   border-color: #1d1b10 !important;
  }

/* Border Black */
.bd-my-black0 {
   border-color: #7f7f7f !important;
  }
.bd-my-black1 {
   border-color: #595959 !important;
  }
.bd-my-black2 {
   border-color: #3f3f3f !important;
  }
.bd-my-black3 {
   border-color: #262626 !important;
  }
.bd-my-black4 {
   border-color: #0c0c0c !important;
  }

/* Border Gray */
.bd-my-gray0 {
   border-color: #f2f2f2 !important;
  }
.bd-my-gray1 {
   border-color: #d8d8d8 !important;
  }
.bd-my-gray2 {
   border-color: #bfbfbf !important;
  }
.bd-my-gray3 {
   border-color: #a5a5a5 !important;
  }
.bd-my-gray4 {
   border-color: #7f7f7f !important;
  }

/* Border Yellow */
.bd-my-yellow0 {
   border-color: #fff2cc !important;
  }
.bd-my-yellow1 {
   border-color: #fee599 !important;
  }
.bd-my-yellow2 {
   border-color: #ffd965 !important;
  }
.bd-my-yellow3 {
   border-color: #bf9000 !important;
  }
.bd-my-yellow4 {
   border-color: #7f6000 !important;
  }
