/*
  * Velan Info Services India Pvt Ltd.
  *
  * NOTICE OF LICENSE
  *
  * This source file is subject to the EULA
  * that is bundled with this package in the file LICENSE.txt.
  * It is also available through the world-wide-web at this URL:
  * http://store.velanapps.com/License.txt
  *
  /***************************************
  *         MAGENTO EDITION USAGE NOTICE *
  * *************************************** */
  /* This package designed for Magento COMMUNITY edition
  * Velan Info Services does not guarantee correct work of this extension
  * on any other Magento edition except Magento COMMUNITY edition.
  * Velan Info Services does not provide extension support in case of
  * incorrect edition usage.
  /***************************************
  *         DISCLAIMER   *
  * *************************************** */
  /* Do not edit or add to this file if you wish to upgrade Magento to newer
  * versions in the future.
  * ****************************************************
  * @category   Velanapps
  * @package    Smart Notifications - Magento 2
  * @author     Velan Team
  * @copyright  Copyright (c) 2017 Velan Info Services India Pvt Ltd. (http://www.velanapps.com)
  * @license    http://store.velanapps.com/License.txt
*/

/*Sprites_Images*/
.scrollImg1, .scrollImg2, .scrollImg3, .scrollImg4, .scrollImg5,.PopupClose, .closeFooterHide, .closeFooterShow,
.closeHeaderHide, .closeHeaderShow{background: url(../images/smnt_image.png) no-repeat;}
/*-------------- Popup Box ----------*/
.smartnotificationsPopupBg{width: 100%;height: 100%;display: none;position: fixed;bottom: 0;right: 0;z-index: 999;background: url(../images/popup_bg.png);}
.smartnotificationsPopupOutter {padding: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;box-shadow:0 0 18px rgba(0,0,0,0.4);-moz-box-shadow: 0 0 18px rgba(0,0,0,0.4);-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.4);max-height: 500px;min-width: 640px;min-height: 150px;position: fixed;opacity: 1;overflow: visible;z-index: 1001;display: none;background: #fff;}
.smartnotificationsPopupInner {overflow: hidden;opacity: 1.0;text-align: left;background: #fff;padding: 10px;}
.PopupClose{position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 1002;text-decoration: none;background-position: -152px -183px;}
.PopupContPart{padding: 7px 0px 15px 25px;color: #000;}
#PopupContPart{background-repeat: no-repeat;overflow: hidden;position: relative;}
/*-------------- Back To Top ----------*/
.scrollImg1{background-position: -69px -161px ;width: 50px;height: 50px;}
.scrollImg2{background-position: 0 -166px ;width: 50px;height: 50px;}
.scrollImg3{background-position: 0 -54px ;width: 50px;height: 50px;}
.scrollImg4{background-position: 0 0;width: 50px;height: 50px;}
.scrollImg5{background-position: 0 -107px ;width: 50px;height: 50px;}
.scrollLeft{bottom: 10px;left: 10px;}
.scrollRight {bottom: 10px;right: 10px;}
.scrollup {width: 50px;height: 50px;opacity: 1.0;position: fixed;display: none;z-index: 998;text-indent: -9999px;}
/*--------------information Bar----------*/
.informationPalletBarImg1{background: #4ecdc4;}
.informationPalletBarImg2{background: #003334;}
.informationPalletBarImg3{background: #556272;}
.informationPalletBarImg4{background: #a58ea2;}
.informationPalletBarImg5{background: #c7b632;}
.informationPalletBarImg6{background: #c8f463;}
.informationPalletBarImg7{background: #cfe0cd;}
.informationPalletBarImg8{background: #cff0ff;}
.informationPalletBarImg9{background: #eeeee6;}
.informationPalletBarImg10{background: #ff6b6b;}
/*--------------information Header----------*/
.informationHeaderBar{width: 100%;z-index:997;overflow: hidden;}
.informationHeaderContent{font-size: 12px;position: relative;color: #fff;overflow: hidden;width: 100%;padding: 4px 0px;border-bottom-width: 6px;border-bottom-style:solid;border-bottom-color: #fff;-moz-box-shadow: 0px 1px 6px #000000;-webkit-box-shadow: 0px 1px 6px #000000;box-shadow: 0px 1px 6px #000000;}
#infoHeadClose{ z-index: 998;display:none;}
.infoClose {margin: 0 auto;width: 150px;height: 25px;cursor: pointer;position:relative;}
.infoHeaderCloseFix {margin: 0 auto;width: 150px;height: 25px;cursor: pointer;position:fixed;}
.infoHeaderCloseAbs {margin: 0 auto;width: 150px;height: 25px;cursor: pointer;position:absolute;}
.closeHeaderShow {background-position: -72px -113px; }
.closeHeaderHide{background-position: -71px -42px;}
/*--------------information Footer----------*/
#infoFootClose{ z-index: 998; }
.fixedFooter{ bottom: 0;position: fixed;}
.informationFooterBar{width: 100%;z-index:997;left: 0px;}
.closeFooterShow {background-position: -67px -73px ;	}
.closeFooterHide{background-position: -72px 0;}
.infoEffect{padding: 4px 0px;border-top-width: 6px;border-top-style:solid;border-top-color: #fff;}
.informationFooterContent{margin-top: -1px;overflow: hidden;font-size: 12px;position: relative;color: #fff;overflow: hidden;width: 100%;vertical-align:middle;box-shadow: 0 1px 6px #000000;}
/*===================================================*/
.side{overflow:hidden;padding: 1px;color: #ffffff;position: fixed;bottom: 70px;width:350px;right: 0px;display:block;border:1px solid;z-index:999;height:110px;color: rgb(0, 0, 0);box-shadow:#000 0px 0px 10px;z-index:9999;
right:-800px;}
/*======================================================*/
.smartArrowUp { background: url(../images/arrowUp.png) no-repeat; cursor:pointer; width:42px;height:42px;position: absolute;right: 25px; display:none;z-index:999;}
#smartOpen {-moz-transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.smartRotate{-sand-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.sideposition{right:5px;}
#smartnotificationsSideBar{-moz-transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}

.sideClose  { background: url("../images/sideclose.png") no-repeat;cursor: pointer;height: 25px; position: absolute;right:0px;text-decoration: none; top: 7px; width: 36px;z-index: 99;}	
#closeImage{padding:10px;}
#sideContent{padding:8px;}