body {
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif !important;
}

/*--------alert style--------*/
.alert-positive {
    position: fixed;
    top: 40px;
    bottom: 0px;
    height: 60px;
    width: 20%;
    right: 38%;
    border-radius: 2px;
    text-align: center;
    z-index: 2147483647;
    transition: right 1s;
    background-color: #cc1d24;
    color: white;
    padding-top: 1%;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 1%;
    opacity: .7;
}

.alert-negetive {
    position: fixed;
    top: 40px;
    bottom: 0px;
    height: 60px;
    width: 20%;
    right: 38%;
    border-radius: 2px;
    text-align: center;
    z-index: 2147483647;
    transition: right 1s;
    background-color: #2b2b2b;
    color: white;
    padding-top: 1%;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 1%;
    opacity: .7;
}
/*--------/alert style--------*/

/*--------modal style--------*/
.popup-button-approve {
    min-width: 75px;
    color: #fff;
    border-radius: 0 !important;
    border: 1px solid #00c367;
    background-color: #cc1d24 !important;
}

    .popup-button-approve:hover {
        color: #fff !important;
        box-shadow: 0px 0px 4px #cc1d2475 !important;
    }

    .popup-button-approve:focus {
        color: #fff !important;
    }

.popup-button-reject {
    min-width: 75px;
    color: #fff;
    border-radius: 0 !important;
    border: 1px solid #2b2b2b;
    background-color: #2b2b2b !important;
}

    .popup-button-reject:hover {
        color: #fff !important;
        box-shadow: 0px 0px 4px #2b2b2ba1 !important;
    }

    .popup-button-reject:focus {
        color: #fff !important;
    }

/*--------modal style--------*/

/* -------- Pre Loader -------- */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(254, 254, 254, 0.76);
    z-index: 9999;
}

#preloader-sub {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url('../images/loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}
/* --------/ Pre Loader -------- */

/*scrollbar*/

#navigation-sidemenu::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

#navigation-sidemenu::-webkit-scrollbar-thumb {
    background-color: #909090;
    /*border: 2px solid rgba(85, 85, 85, 0);*/
    border-radius: 50px;
}

/*scrollbar*/
.sub-menu-icon {
    float: right;
    vertical-align: middle;
    position: absolute;
    top: 17px;
    right: 10px;
}

.sub-menu-body {
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*.sub-menu {
    padding-left: 45px !important;
}*/

/*notification*/
.messege-notification {
    width: 19px;
    height: 22px;
    background-color: #cc1d24;
    position: fixed;
    font-size: 10px;
    vertical-align: middle;
    border-radius: 50%;
    text-align: center;
    top: 35px;
    margin: 0px;
    padding: 0px;
}

.form-control {
    margin-bottom: 0.5em !important;
    margin-bottom: 0.5em !important;
}

.error {
    color: #de3535 !important;
}

.menu i{
    font-size: 1em !important;
}

.sub-menu li i{
    font-size: 0.6em !important;
}
.sub-menu li a{
    padding-left: 0px !important;
}

.DiscountInputHover{
    border: none;
    text-align: right;
    border-bottom: 1px solid #d8d7d7;
}

.DiscountText{
    border: 0px solid;
    text-align: right;
}

.DiscountText:hover{
    border-bottom: 1px solid #d4d4d4 !important;
    text-align: right;
}



/*////////////////// COMMON   //////////////////////////*/

/*Margin*/
.m5 {margin: 5px !important;}
.m10 {margin: 10px !important;}
.m15 {margin: 15px !important;}
.m20 {margin: 20px !important;}
.m25 {margin: 25px !important;}
.m30 {margin: 30px !important;}
.m35 {margin: 35px !important;}
.m40 {margin: 40px !important;}
.m45 {margin: 45px !important;}
.m50 {margin: 50px !important;}
.m100 {margin: 100px !important;}

.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt100 {margin-top: 100px !important;}

.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb100 {margin-bottom: 100px !important;}

.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml100 {margin-left: 100px !important;}

.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr100 {margin-right: 100px !important;}



/*Padding*/
.p5 {padding: 5px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.p25 {padding: 25px !important;}
.p30 {padding: 30px !important;}
.p35 {padding: 35px !important;}
.p40 {padding: 40px !important;}
.p45 {padding: 45px !important;}
.p50 {padding: 50px !important;}
.p100 {padding: 100px !important;}

.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb100 {padding-bottom: 100px !important;}

.pl0 {padding-left: 0px !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}
.pl100 {padding-left: 100px !important;}

.pr0 {padding-right: 0px !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}
.pr100 {padding-right: 100px !important;}

.pt5 {margin-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pt100 {padding-top: 100px !important;}

/*Float*/
.float_r {float: right !important;}
.float_l {float: left !important;}
.Text_r {text-align: right !important;}
.Text_l {text-align: left !important;}
.Text_c {text-align: center !important;}


/*Width*/
.width0 {width: 0% !important;}
.width1 {width: 1% !important;}
.width2 {width: 2% !important;}
.width3 {width: 3% !important;}
.width4 {width: 4% !important;}
.width5 {width: 5% !important;}
.width7 {width: 7% !important;}
.width8 {width: 8% !important;}
.width10 {width: 10% !important;}
.width15 {width: 15% !important;}
.width17 {width: 17% !important;}
.width18 {width: 18% !important;}
.width20 {width: 20% !important;}
.width22 {width: 22% !important;}
.width23 {width: 23% !important;}
.width24 {width: 24% !important;}
.width25 {width: 25% !important;}
.width30 {width: 30% !important;}
.width35 {width: 35% !important;}
.width40 {width: 40% !important;}
.width45 {width: 45% !important;}
.width50 {width: 50% !important;}
.width55 {width: 55% !important;}
.width60 {width: 60% !important;}
.width65 {width: 65% !important;}
.width70 {width: 70% !important;}
.width75 {width: 75% !important;}
.width80 {width: 80% !important;}
.width85 {width: 85% !important;}
.width90 {width: 90% !important;}
.width95 {width: 95% !important;}
.width100 {width: 100% !important;}

.ColorW{ color: white !important; }
.ColorR{ color: red !important; }
.ColorG{ color: green !important; } 
.ColorB{ color: blue !important; }

.ColorR1{ color: rgb(209, 6, 6) !important; }
.ColorG1{ color: rgb(85, 216, 65) !important; } 

.F2em{ font-size: 2em !important; }
.F1em{ font-size: 1em !important; }
.F0_9em{ font-size: 0.9em !important; }
.F0_8em{ font-size: 0.8em !important; }
.F0_7em{ font-size: 0.7em !important; }
.F0_6em{ font-size: 0.6em !important; }
.F0_5em{ font-size: 0.5em !important; }

.selectPrd{
    border: 0px !important;
    padding-left: 0px !important;
    border-bottom: 1px solid #ccc !important;
}