/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 5 Dec, 2019, 5:38:59 PM
    Author     : avistech
*/



.bg-gradient-1,
.bg-gradient-2,
.bg-gradient-3,
.bg-gradient-4,
.bg-gradient-5,
.bg-gradient-6,
.bg-gradient-7,
.bg-gradient-8,
.bg-gradient-9 {
    background-color: transparent !important;
}

.bg-w-gradient-1 {
    background: linear-gradient(90deg, transparent, #003973,#003973);
    /*background: radial-gradient(circle at 8.75% 8.45%, #003973, transparent 100%),radial-gradient(circle at 94.06% 82.83%, #E5E5BE, transparent 100%),radial-gradient(circle at 50% 50%, #668cc2, #668cc2 100%);*/
}
.bg-w-gradient-2 {
    background: linear-gradient(90deg, transparent, #348F50,#56B4D3);
    /*background: radial-gradient(circle at 1.98% 3.00%, #348F50, transparent 100%),radial-gradient(circle at 98.02% 98.00%, #56B4D3, transparent 100%),radial-gradient(circle at 50% 50%, #668cc2, #668cc2 100%);*/
}
.bg-w-gradient-3{
    background: linear-gradient(90deg, transparent, #E55D87,#5FC3E4);
    /*background: radial-gradient(circle at 1.98% 74.02%, #E55D87, transparent 100%),radial-gradient(circle at 98.02% 35.97%, #5FC3E4, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%);*/
}
.bg-w-gradient-4{
    background: linear-gradient(90deg, transparent, #B993D6,#8CA6DB);
    /*background: radial-gradient(circle at 1.98% 2.00%, #B993D6, transparent 100%),radial-gradient(circle at 98.02% 92.01%, #8CA6DB, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%);*/
}
.bg-w-gradient-5{
    background: linear-gradient(90deg, transparent, #7474BF,#348AC7);
    /*background: radial-gradient(circle at 1.98% 89.01%, #7474BF, transparent 100%),radial-gradient(circle at 98.02% 21.98%, #348AC7, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%);*/
}
.bg-w-gradient-6 {
    background: linear-gradient(90deg, transparent, #00c6ff,#0072ff);
    /*background: radial-gradient(circle at 1.98% 40.96%, #00c6ff, transparent 100%),radial-gradient(circle at 98.02% 52.04%, #0072ff, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%);*/
}
.bg-w-gradient-7 {
    background: linear-gradient(90deg, transparent, #134E5E,#71B280);
    /*background: radial-gradient(circle at 1.98% 85.01%, #134E5E, transparent 100%),radial-gradient(circle at 98.02% 18.98%, #71B280, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%);*/
}
.bg-w-gradient-8 {
    background: linear-gradient(90deg, transparent, #0cc285,#182848);
    /*    background: radial-gradient(circle at 1.98% 20.98%, #4b6cb7, transparent 100%),radial-gradient(circle at 98.02% 20.98%, #182848, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%);*/
}
.bg-w-gradient-9 {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(90deg, white, #008fe2,#00b29c);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #008fe2), color-stop(100%, #00b29c));
    background: -webkit-linear-gradient(90deg, white, #008fe2,#00b29c);
    background: -o-linear-gradient(90deg, white, #008fe2,#00b29c);
    background: -ms-linear-gradient(90deg, white, #008fe2,#00b29c);
    background: linear-gradient(90deg, white, #008fe2,#00b29c);
    filter: progid DXImageTransform.Microsoft.gradient(startColorstr='#008fe2', endColorstr='#00b29c', GradientType=1);
}

.bg-s-primary{
   background: linear-gradient(90deg,white, #286090,#286090);
}
.bg-s-green{
   background: linear-gradient(90deg,white, #2ecc71,#2ecc71);
}
.bg-s-red{
   background: linear-gradient(90deg,white, #e74c3c,#e74c3c);
}
.bg-s-blue{
   background: linear-gradient(90deg,white, #3498db,#3498db);
}
.bg-s-yellow{
   background: linear-gradient(90deg,white, #deb200,#deb200);
}
.bg-s-purple{
   background: linear-gradient(90deg,white, #984dff,#984dff);
}
.bg-s-black{
   background: linear-gradient(90deg,white, #2d2d2d,#2d2d2d);
}
.bg-s-dark-blue{
    /* background: #0F70E0; */
    background: linear-gradient(90deg,white, #0F70E0,#0F70E0);
}