/* CSS UIGradients */

/* @group UIGradients
===================================================== */


.cool-sky-uigradient {
  background: #2980B9;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(165deg, #FFFFFF, #6DD5FA, #2980B9);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(165deg, #FFFFFF, #6DD5FA, #2980B9);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: black;
}

.argon-uigradient {
  /*#fdeff9,*/
  background: #03001e;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom right, #ec38bc, #ec38bc, #7303c0, #03001e);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top left, #ec38bc, #ec38bc, #7303c0, #03001e);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: white;
}

.visions-of-grandeur-uigradient {
  background: #000046;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #1CB5E0, #000046);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #1CB5E0, #000046);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.pro-access-uigradient {
  background: linear-gradient(to right top, rgb(22, 25, 44), rgb(22, 25, 44), rgb(55, 58, 147));
  color: white;
}

.amin-uigradient {
  background: #8E2DE2;
  background: -webkit-linear-gradient(0deg, #4A00E0, #8E2DE2);
  background: linear-gradient(0deg, #4A00E0, #8E2DE2);
  color: white;
}

.army-uigradient{
  background: #414d0b;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #727a17, #414d0b);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #727a17, #414d0b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */  
}

.sunkist-uigradient{
  background: #F2994A;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #F2C94C, #F2994A);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #F2C94C, #F2994A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.orangefun-uigradient{
  background: #fc4a1a;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #f7b733, #fc4a1a);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #f7b733, #fc4a1a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.redsonia-uigradient{
  /* dense red bar at the top, black below, fast gradient  */
  background: linear-gradient(180deg,#f22,#262626,#262626,#262626,#262626)
}

.vasiliy-uigradient{
  /*Goldish*/
    background: #e9d362;
    background: -webkit-linear-gradient(to bottom, #333333, #e9d362);
    background: linear-gradient(15deg, #333333, #e9d362);
    border: 1px solid darkgoldenrod;
    border-color: dimgray;
}

.goldengloss-uigradient{
    background: #ADA996;
    background: -webkit-linear-gradient(to top, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);
    background: linear-gradient(200deg,#F2F2F2, #ADA996, #ADA996 );
}

/* https://grabient.com/HQdgjAHANGwAwDYAsVQgKyoXAnFpYqY6m8O0wYchwAzCBQExWqM42K1A?angle=180 */
.velvetblue-grabient{
  background: linear-gradient(180deg, #dee6ea 0.000%, #cbd2df 20.000%, #b8bfce 40.000%, #a5aebc 60.000%, #929eab 80.000%, #8090a1 100.000%);
}

.sincity-uigradient {
  background: #ED213A;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #93291E, #ED213A);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #93291E, #ED213A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* Goes with ".maroon" text and icon colours */



.rosewater-uigradient {
  background: #E55D87;  /* fallback for old browsers */
  background: -webkit-linear-gradient(180deg, #5FC3E4, #E55D87);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(180deg, #5FC3E4, #E55D87); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* Goes with ".midnightblue" text and icon colours */


.bloodymary-uigradient{
  background: #FF512F;  /* fallback for old browsers */
  background: -webkit-linear-gradient(180deg, #DD2476, #FF512F);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(180deg, #DD2476, #FF512F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* Goes with ".indigo" text and icon colours */











/* @end UIGradients
===================================================== */