// Asset Path
$assetPath : "../images";
$fontPath : "../webfonts";

/* Font Family */
$roboto: 'Roboto', sans-serif;

/* Colors  */
$primarycolor: #FB446E;
$secondarycolor: #000000;
$lightgreen: #DEF4E9;
$white: #ffffff;
$black: #000000;
$black1: #101010;
$gray: #777;
$blue: #1A75E8;
$offwhite: #f5f5f5;
$red: #E9241D;
$green: #44EB5A;
$textcolor: #2B2D26;


$orderbg: #FE9901;
$dispatchedbg: #B9C406;
$deliveredbg: #64CC00;
$cancelbg: #FC0001;
$returnbg: #FE6400;
$approvebg: #FFCC00;
$inactivebg: #000000;
$todaybg: #0050D6;
$pendingbg: #09B4C3;
$monthlybg: #009900;

@mixin primary-bg {
    background: #fb406b;
    background: -moz-linear-gradient(left,  #fb406b 0%, #ff7796 100%);
    background: -webkit-linear-gradient(left,  #fb406b 0%,#ff7796 100%);
    background: linear-gradient(to right,  #fb406b 0%,#ff7796 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb406b', endColorstr='#ff7796',GradientType=1 );
}

@mixin primary-bg-hover {
    background: #ff7796;
    background: -moz-linear-gradient(left,  #ff7796 0%, #fb406b 100%);
    background: -webkit-linear-gradient(left,  #ff7796 0%,#fb406b 100%);
    background: linear-gradient(to right,  #ff7796 0%,#fb406b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7796', endColorstr='#fb406b',GradientType=1 );
}

@mixin box-shadow-class {
    -moz-box-shadow: 0px 10px 20px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.07);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.07);
}