.envelope-red-icon, .envelope-red-mid-icon{
	background:url(../img/icons/envelope-red-icon.svg) no-repeat 0 0;
	background-size:17px 12px;
	width:17px;
	height:16px;
	display:inline-block;
}
.envelope-red-mid-icon{
	background-size:25px 18px;
	width:26px;
	height:18px;
}
.envelope-big-gray-icon,
.envelope-small-gray-icon{
	background:url(../img/icons/envelope-gray-icon.svg) no-repeat 0 0;
	background-size:27px 19px;
	width:27px;
	height:19px;
	display:inline-block;
}
.envelope-small-gray-icon{
	background-size:22px 15px;
	width:22px;
	height:15px;
}

.attached-icon,
.attached-red-icon,
.attached-gray-icon{
	background:url(../img/icons/attach-icon2.svg) no-repeat 0 0;
	background-size:18px 23px;
	margin-top:3px;
	width:18px;
	height:23px;
	display:inline-block;
}
.attached-gray-icon{
	background:url(../img/icons/attach-gray-icon.svg) no-repeat 0 0;
	background-size:18px 23px;
}


.user-red-icon, .user-mid-red-icon, .user-black-icon, .user-mid-black-icon{
	background:url(../img/icons/user-red-icon.svg) no-repeat 0 0;
	background-size:18px 23px;
	width:18px;
	height:23px;
	display:inline-block;
}
.user-mid-red-icon, .user-mid-black-icon{
	background-size:12px 16px;
	width:12px;
	height:16px;
}
.user-black-icon, .user-mid-black-icon{
	background:url(../img/icons/user-black-icon.svg) no-repeat 0 0;
}
.user-black-icon{
	background-size:17px 21px;
	width:17px;
	height:21px;
}
.gear-white-icon{
	background:url(../img/icons/gear-white-icon.png) no-repeat 0 0;
	background-size:30px 30px;
	width:30px;
	height:30px;
	display:inline-block;
}
.nav-white-icon{
	background:url(../img/icons/nav-white-icon.png) no-repeat 0 0;
    background-size: 27px 17px;
	width: 26px;
    height: 17px;	
	display:inline-block;
}
.power-white-icon{
	background:url(../img/icons/power-white-icon.svg) no-repeat 0 0;
	background-size:19px 20px;
	width:19px;
	height:20px;
	display:inline-block;
}
.global-black-small-icon, 
.global-red-small-icon{
	background:url(../img/icons/global-icon.png) no-repeat 0 0;
	background-size:20px 42px;
	width:20px;
	height:20px;
	display:inline-block;
}
.global-red-small-icon{
	background:url(../img/icons/global-black-icon.png) no-repeat 0 -22px;
	background-size:20px 42px;
}

.bell-black-mid-icon, .bell-red-mid-icon,
.bell-black-small-icon, .bell-red-small-icon{
	background:url(../img/icons/bell-icon.png) no-repeat 0 0;
	background-size:15px 42px;
	width:15px;
	height:20px;
	display:inline-block;
}
.bell-black-mid-icon, .bell-red-mid-icon{
	background-size:20px 56px;
	width:20px;
	height:27px;
	display:inline-block;
}
.bell-red-icon{
	background:url(../img/icons/bell-icon.png) no-repeat 0 -22px;
	background-size:15px 42px;
}
.car-red-small-icon{
	background:url(../img/icons/car-red-icon.svg) no-repeat 0 0;
	background-size:66px 36px;
	width:66px;
	height:37px;
	display:inline-block;
}

.thums-up-black-mid-icon,
.thums-up-black-small-icon{
	background:url(../img/icons/thums-up-icon.png) no-repeat 0 0;
	background-size:20px 42px;
	width:20px;
	height:20px;
	display:inline-block;
}
.thums-up-red-mid-icon{
	background:url(../img/icons/thums-up-red-icon.svg) no-repeat 0 0;
	background-size:28px 28px;
	width:28px;
	height:28px;
	display:inline-block;
}
.thums-up-white-icon{
    background:url(../img/icons/thums-up-white-icon.png) no-repeat 0 0;
    width:23px;
    height:22px;
    display:inline-block;
}
.phone-red-mid-icon{
	background:url(../img/icons/phone-red-icon.svg) no-repeat 0 0;
	background-size:23px 23px;
	width:23px;
	height:23px;
	display:inline-block;
}
.phone-gray-o-mid-icon-icon{
	background:url(../img/icons/phone-gray-o-icon.svg) no-repeat 0 0;
	background-size:21px 21px;
	width:21px;
	height:21px;
	display:inline-block;
}


.contact-info-icon .car-red-small-icon{
	background-size:30px 18px;
	width:66px;
	height:37px;
	display:inline-block;

}
.car-red-big-icon{
	background:url(../img/icons/car-red-icon.svg) no-repeat 0 0;
	background-size: 105px 61px;
    width: 105px;
    height: 61px;
	display:inline-block;
}
.car-white-mid-icon {
	background: url(../img/icons/car-white-icon.svg) no-repeat 0px 0px;
    background-size: 33px 20px;
    width: 33px;
    height: 20px;
    display: inline-block;
}

.hand-shack-red-small-icon{
	background:url(../img/icons/hand-shack-red-icon.svg) no-repeat 0 0;
	background-size:28px 17px;
	width:28px;
	height:17px;
	display:inline-block;
}
.hand-shack-red-mid-icon{
	background:url(../img/icons/hand-shack-red-icon.svg) no-repeat 0 6px;
	background-size:40px 22px;
    width: 53px;
    height: 33px;
	display:inline-block;
}
.hand-shack-red-big-icon {
    background: url(../img/icons/hand-shack-red-icon.svg) no-repeat 0 6px;
    background-size: 105px 55px;
    width: 105px;
    height: 60px;
    display: inline-block;
}
.hand-shack-white-mid-icon{
	background: url(../img/icons/hand-shack-white-icon.svg) no-repeat center center;
    background-size: 33px 20px;
    width: 33px;
    height: 21px;
    display: inline-block;
}
.money-white-mid-icon, .money-red-mid-icon{
	background: url(../img/icons/money-white-icon.svg) no-repeat center center;
    background-size: 33px 21px;
    width: 33px;
    height: 21px;
    display: inline-block;
}
.money-red-mid-icon{
	background: url(../img/icons/money-red-icon.svg) no-repeat center center;
    background-size: 33px 21px;
}
.money-gray-small-icon{
	background: url(../img/icons/money-gray-icon.svg) no-repeat center center;
    background-size: 28px 18px;
    width: 28px;
    height: 18px;
    display: inline-block;
}
.comment-white-mid-icon{
	background: url(../img/icons/comment-white-icon.svg) no-repeat center center;
    background-size: 23px 21px;
    width: 33px;
    height: 21px;
    display: inline-block;
}
.comment-gray-icon,
.comment-small-gray-icon{
	background: url(../img/icons/comment-gray-icon.png) no-repeat center center;
    background-size: 27px 24px;
    width: 27px;
    height: 24px;
    display: inline-block;
}
.comment-small-gray-icon{
	background-size: 22px 19px;
    width: 22px;
    height: 19px;
}
.global-earth-motion-small-icon {
    background: url(../img/icons/earth-motion-icon.svg) no-repeat 11px;
    width: 53px;
    height: 33px;
    display: inline-block;
    background-size: 34px 25px;
    margin-right: 10px;
}
.global-earth-motion-big-icon {
    background: url(../img/icons/earth-motion-icon.svg) no-repeat 0 0;
    width: 90px;
    height: 65px;
    display: inline-block;
    background-size: 90px 65px;
    margin-right: 10px;
}
.computer-red-small-icon{
	background:url(../img/icons/computer-red-icon.svg) no-repeat 0 0;
	background-size:26px 21px;
	width:26px;
	height:21px;
	display:inline-block;
}
.credit-card-red-small-icon{
	background:url(../img/icons/credit-card-red-icon.svg) no-repeat 0 0;
	background-size:28px 17px;
	width:29px;
	height:17px;
	display:inline-block;
}
.credit-card-white-mid-icon{
	background:url(../img/icons/credit-card-white-icon.svg) no-repeat 0 0;
	background-size:33px 20px;
	width:33px;
	height:20px;
	display:inline-block;
}
.credit-card-black-small-icon{
	background:url(../img/icons/credit-card-black-icon.svg) no-repeat center;
	background-size:33px 20px;
	width:68px;
	height:68px;
	display:inline-block;
}
.clock-black-small-icon{
	background:url(../img/icons/clock-black-icon.svg) no-repeat center;
	background-size:36px 34px;
	width:68px;
	height:68px;
	display:inline-block;
}
.clock-white-small-icon{
	background:url(../img/icons/clock-white-icon.svg) no-repeat center;
	background-size:26px 26px;
	width:26px;
	height:26px;
	display:inline-block;
	margin:0 auto;
}
.home-person-black-small-icon{
	background:url(../img/icons/home-person-clack-icon.svg) no-repeat center;
	background-size:37px 28px;
	width:68px;
	height:68px;
	display:inline-block;
}
.lock-black-small-icon{
	background:url(../img/icons/lock-black-icon.svg) no-repeat center;
	background-size:26px 33px;
	width:68px;
	height:68px;
	display:inline-block;
}
.credit-card-payment-mid-icon {
    background:url(../img/icons/pay-white.svg) no-repeat 0 0;
    background-size: 33px 20px;
    width: 33px;
    height: 20px;
    display: inline-block;
}
.heart-bag-icon{
	background:url(../img/icons/heart-bag-icon.svg) no-repeat 0 0;
	background-size:75px 75px;
	width:75px;
	height:75px;
	display:inline-block;
}
.calendar-black-icon{
	background:url(../img/icons/calendar-black-icon.svg) no-repeat 0 0;
	background-size:47px 50px;
	width:47px;
	height:50px;
	display:inline-block;
}
.visa-eroski-card {
    /*background: url(../img/icons/Eroski-Red-Visa.png) no-repeat 0 0;*/
    width: 53px;
    height: 33px;
    display: inline-block;
    margin-right: 10px;
}
.tea-cup-shadow-icon {
   	background:#abc111 url(../img/icons/tea-cup-shadow-iocn.png) no-repeat right bottom !important;
	background-size: 59px 65px !important;
    width: 59px;
    height: 65px;
    display: inline-block;
}
.list-shadow-icon {
   	background:#e59d27 url(../img/icons/list-shadow-icon.png) no-repeat right bottom !important;
	background-size: 59px 65px !important;
    width: 59px;
    height: 65px;
    display: inline-block;
}
.lock-shadow-icon {
   	background:#9e3667 url(../img/icons/lock-shadow-icon.png) no-repeat right bottom !important;
	background-size: 59px 65px !important;
    width: 59px;
    height: 65px;
    display: inline-block;
}
.pending-receipts{
	background:url(../img/icons/pending-receipts.svg) no-repeat 0 0;
	display:inline-block;
}

/*****************area--_personal page **********************/
.user-red-mid-icon{
    background: url(../img/icons/user-red-icon.svg)no-repeat 0px 10px;
    background-size: 17px 24px;
    width: 20px;
    height: 32px;
    display: block;
}
.envelope-gray-mid-icon{
    background: url(../img/icons/envelope-gray-icon.svg) no-repeat 0 0;
    background-size: 100%;
    width: 17px;
    height: 12px;
    /*display: inline-block;
    position: relative;
    right: 26px;*/
}
.location-gray-mid-icon{
    background: url(../img/icons/location-gray-icon.svg) no-repeat 0 0;
    background-size: 12px 18px;
    width: 18px;
    height: 17px;
    /*display: inline-block;
    top: -16px;
    position: relative;
    right: 26px;*/
}
.proceess-icon-mid-icon{
    background: url(../img/icons/proceess-icon.svg) no-repeat 0 0; 
    background-size: 100%;
    width: 17px;
    height: 16px;
    /*display: inline-block;
    position: relative;
    right: 26px;*/
}

/************** Menu_AF icon Start ***********/

.global-black-mid-icon{
    background:url(../img/icons/global-black-icon.svg) no-repeat 0 0;
    background-size: 12px 18px;
    width: 18px;
    height: 17px;
}

.menu-icon.user-black-icon{
	background-size:17px 21px;
	background-position:center;
	width:25px;
	height:25px;
}

.menu-icon.global-black-mid-icon {
    width: 25px;
    height: 25px;
    background-size: 21px 20px;
	background-position:center;
}
.menu-icon.bell-black-mid-icon{
	background:url(../img/icons/bell-black-icon.svg) no-repeat center;
	background-size:19px 23px;
	width:25px;
	height:25px;
	display:block;

}
.menu-icon.thums-up-black-mid-icon {
    background: url(../img/icons/thums-up-icon.png) no-repeat center 0;
    background-size: 20px 42px;
    width:25px;
    height: 20px;
    display: inline-block;
}
.menu-icon.envelope-gray-mid-icon{
    width: 25px;
    height: 25px;
	margin-top:2px;
    background-size: 21px 15px;
}
.menu-icon.file-check-black-samll-icon{
	width: 25px;
    height: 25px;
}
.menu-icon.chat-gray-icon{
	width: 25px;
    height: 25px;
}
.chat-gray-icon{
	background:url(../img/icons/chat-gray-icon.svg) no-repeat center;
    background-size: 19px 19px;
    width: 19px;
    height: 19px;
    display: inline-block;
}
.file-check-black-samll-icon{
	background:url(../img/icons/file-check-black-samll-icon.svg) no-repeat center;
    background-size: 24px 22px;
    width: 24px;
    height: 22px;
    display:inline-block;
}
.support-black-samll-icon{
	background:url(../img/icons/support-black-icon.svg) no-repeat center;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    display:inline-block;
}
.left-arror-white{
	background: url(../img/icons/back-left-arrow-white.svg) no-repeat center;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    display:inline-block;
}
.power-btn-icon{
	background:url(../img/icons/power-red-icon.svg) no-repeat center;
    background-size: 24px 27px;
    width: 32px;
    height: 27px;
    display:inline-block;
}
.nav-red-icon{
	background:url(../img/icons/nav-red-icon.png) no-repeat 0;
    background-size: 28px 18px;
    width: 28px;
    height: 18px;
    display: block;
}
.menu-icon {
	margin-right:15px;
	float:left;
	display:block;
}
.menu-icon2{
	margin-right:15px;
	font-size:18px;
	color:#98989C;
	display:inline-block;
	width:20px;
	height:20px;
}

.beneficiary-icon{
    background: url(../img/icons/beneficiary-icon.png) no-repeat 0;
    width: 38px;
    height: 57px;
    display: block;
}

.target-icon{
	background:url(../img/icons/target-icon.svg) no-repeat 0;
    background-size: 50px 40px;
    width: 50px;
    height: 40px;
    display: block;
}

.list-wrong-icon{
	background:url(../img/icons/list-wrong-icon.svg) no-repeat 0;
    background-size: 45px 42px;
    width: 45px;
    height: 42px;
    display: block;
}
.money-icon{
	background:url(../img/icons/money-icon.svg) no-repeat 0;
    background-size: 37px 46px;
    width: 37px;
    height: 46px;
    display: block;
}

.euro-icon{
	background:url(../img/icons/euro-icon.svg) no-repeat 0;
    background-size: 21px 20px;
    width: 21px;
    height: 23px;
    display: block;
}
.euro-red-icon{
	background:url(../img/icons/euro-red-icon.svg) no-repeat 0;
    background-size: 21px 20px;
    width: 21px;
    height: 23px;
    display: block;
}
.euro-circle-green-icon{
	background:url(../img/icons/euro-circle-green-icon.svg) no-repeat center center;
    background-size: 43px 35px;
    width: 45px;
    height: 25px;
    display: block;
}
.graph-search-icon{
	background:url(../img/icons/graph-search-icon.svg) no-repeat 0;
    background-size: 33px 21px;
    width: 33px;
    height: 23px;
    display: block;
}
.graph-search-red-icon{
	background:url(../img/icons/graph-search-red-icon.svg) no-repeat 0;
    background-size: 33px 21px;
    width: 33px;
    height: 23px;
    display: block;
}
.card-swipe-icon{
	background:url(../img/icons/card-swipe-icon.svg) no-repeat 0;
    background-size: 21px 23px;
    width: 21px;
    height: 23px;
    display: block;
}
.card-swipe-red-icon{
	background:url(../img/icons/card-swipe-red-icon.svg) no-repeat 0;
    background-size: 21px 23px;
    width: 21px;
    height: 23px;
    display: block;
}
.card-skyblue-icon{
	background:url(../img/icons/card-skyblue-icon.svg) no-repeat center center;
    background-size: 37px 23px;
    width:37px;
    height: 23px;
    display: block;
}
.bag-green-icon{
	background:url(../img/icons/bag-green-icon.svg) no-repeat center center;
    background-size: 32px 37px;
    width: 32px;
    height: 37px;
    display: block;
}
.bar-chart-sky-blue-icon{
	background:url(../img/icons/bar-chart-sky-blue-icon.svg) no-repeat center center;
    background-size: 39px 22px;
    width: 39px;
    height: 22px;
    display: block;
}
.calendar-green-icon{
	background:url(../img/icons/calendar-green-icon.svg) no-repeat center center;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    display: block;
}
.card-purple-icon{
	background:url(../img/icons/card-purple-icon.svg) no-repeat center center;
    background-size: 48px 34px;
    width: 48px;
    height: 34px;
    display: block;
}
.pago-inmediato-icon{
	background:url(../img/icons/pago-inmediato.svg) no-repeat center center;
    background-size: 44px 49px;
    width: 44px;
    height: 49px;
    display: block;
}
.video-blue-icon{
	background:url(../img/icons/video-blue-icon.svg) no-repeat 0;
    background-size: 26px 26px;
    width: 26px;
    height: 26px;
    display: block;
}
.video-red-icon{
	background:url(../img/icons/video-red-icon.svg) no-repeat 0;
    background-size: 26px 26px;
    width: 26px;
    height: 26px;
    display: inline-block;
}
.video-white-icon{
	 background:url(../img/icons/video-white-icon.svg) no-repeat 0;
	 background-size: 26px 26px;
	 width: 26px;
	 height: 26px;
	 display: inline-block;
 }
.video-gray-circle-icon{
	background:url(../img/icons/video-gray-circle-icon.svg) no-repeat 0;
    background-size: 26px 26px;
    width: 26px;
    height: 26px;
    display: inline-block;
}
.video-box-gray-icon,
.video-box-small-gray-icon{
	background:url(../img/icons/video-box-gray-icon.png) no-repeat 0;
    background-size: 27px 20px;
    width: 27px;
    height: 20px;
    display: inline-block;
}
.video-box-small-gray-icon{
    background-size: 22px 16px;
    width: 22px;
    height: 16px;
    display: inline-block;
}
.video-box-red-icon{
	background:url(../img/icons/video-box-red-icon.svg) no-repeat 0;
    background-size: 36px 25px;
    width: 36px;
    height: 25px;
    display: inline-block;
}
.pin-change-icon{
	background:url(../img/icons/pin-change-icon.png) no-repeat center center;
    background-size: 58px 69px;
    width: 58px;
    height: 69px;
    display: block;
	margin:0 auto;
}
.calculator-blue-icon{
	background:url(../img/icons/calculator-blue-icon.svg) no-repeat 0;
    background-size: 13px 18px;
    width: 13px;
    height: 18px;
    display: inline-block;
}
.file-blue-small-icon{
	background:url(../img/icons/file-blue-icon.svg) no-repeat 0;
    background-size: 13px 17px;
    width: 13px;
    height: 17px;
	vertical-align:middle;
    display: inline-block;
}
.pdf-red-small-icon{
	background:url(../img/icons/pdf-red-small-icon.png) no-repeat 0;
    background-size: 17px 18px;
    width: 17px;
    height: 18px;
	vertical-align:middle;
    display: inline-block;
}
.setting-white-icon,
.setting-red-icon{
	background:url(../img/icons/setting-white-icon.svg) no-repeat 0;
    background-size: 31px 31px;
    width: 31px;
    height: 31px;
	vertical-align:middle;
    display: inline-block;
}
.setting-red-icon{
	background:url(../img/icons/setting-red-icon.svg) no-repeat 0;
    background-size: 31px 31px;
}
.pen-line-red-icon{
	background:url(../img/icons/pen-line-red-icon.svg) no-repeat 0;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
	vertical-align:middle;
    display: inline-block;
}
.undo-line-red-icon{
	background:url(../img/icons/undo-red-icon1.svg) no-repeat 0;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
	vertical-align:middle;
    display: inline-block;
}
.cam-gray-small-icon{
	background:url(../img/icons/cam-gray-icon.svg) no-repeat 0;
    background-size: 22px 18px;
    width: 22px;
    height: 18px;
    display: inline-block;
}
.cam-red-small-icon{
	background:url(../img/icons/cam-red-icon.svg) no-repeat 0;
    background-size: 22px 18px;
    width: 22px;
    height: 18px;
    display: inline-block;
}