/* RFP - Icono creado para probar */
.envelope-icon,
.envelope-icon {
 background: url(../img/icons/envelope-icon.png) no-repeat 0 0;
  background-size: 25px 42px;
  width: 25px;
  height: 20px;
  display: inline-block;
}
.download-icon{
  background: url(../img/icons/download-icon.png) no-repeat 0 0;
  background-size: 20px 20px;
  width: 20px;
  height: 16px;
  padding-right: 20px;
  display: inline-block;
}
/*FIN Iconos creados RFP */
.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-blue-icon,
.envelope-blue-mid-icon {
  background: url(../img/icons/envelope-blue-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-blue-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
.attached-blue-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-blue-icon {
  background: url(../img/icons/attach-b-icon2.svg) no-repeat 0 0;
  background-size: 18px 23px;
}

.attached-gray-icon {
  background: url(../img/icons/attach-gray-icon.svg) no-repeat 0 0;
  background-size: 18px 23px;
}


.user-blue-icon,
.user-mid-blue-icon,
.user-black-icon,
.user-mid-black-icon {
  background: url(../img/icons/user-blue-icon.png) no-repeat 0 0;
  background-size: 18px 23px;
  width: 18px;
  height: 23px;
  display: inline-block;
}

.user-mid-blue-icon,
.user-mid-black-icon {
  background-size: 12px 16px;
  width: 12px;
  height: 16px;
}

.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-black-small-blue-icon,
.global-blue-small-icon {
  background: url(../img/icons/global-b-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;
}
.global-blue-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-blue-mid-icon,
.bell-blue-small-icon,
.bell-blue-small-icon {
  background: url(../img/icons/bell-b-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-black-mid-icon,
.bell-blue-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;
}

.bell-blue-icon {
  background: url(../img/icons/bell-b-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;
}
.car-blue-small-icon {
  background: url(../img/icons/car-blue-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-blue-mid-icon,
.thums-up-blue-small-icon {
  background: url(../img/icons/thums-up-b-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-blue-mid-icon {
  background: url(../img/icons/thums-up-blue-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-blue-mid-icon {
  background: url(../img/icons/phone-blue-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;

}

.contact-info-icon .car-blue-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-blue-big-icon {
  background: url(../img/icons/car-blue-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-blue-small-icon {
  background: url(../img/icons/hand-shack-blue-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;
}

.computer-blue-small-icon {
  background: url(../img/icons/computer-blue-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-blue-small-icon {
  background: url(../img/icons/credit-card-blue-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;
}

.pending-blue-receipts {
  background: url(../img/icons/pending-blue-receipts.svg) no-repeat 0 0;
  background-size: 59px 65px !important;
  width: 59px;
  height: 65px;
  display: inline-block;
}

.crediya-small-icon {
  background: url(../img/icons/crediya-icon.svg) no-repeat 0 6px;
  background-size: 40px 22px;
  width: 53px;
  height: 33px;
  display: inline-block;
}

.crediya-big-icon {
  background: url(../img/icons/crediya-icon.svg) no-repeat 0 0;
  width: 90px;
  height: 65px;
  display: inline-block;
  background-size: 90px 65px;
  margin-right: 10px;
}

/*****************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;
}

.user-blue-mid-icon {
  background: url(../img/icons/user-blue-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.bell-blue-mid-icon {
  background: url(../img/icons/bell-blue-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.thums-up-blue-mid-icon {
  background: url(../img/icons/thums-up-b-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: 44px;
  height: 34px;
  display: inline-block;
}

.left-arror-red {
  background: url(../img/icons/arrow-back-red-icon.svg) no-repeat center;
  background-size: 24px 24px;
  width: 44px;
  height: 34px;
  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-b-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-blue-icon {
  background: url(../img/icons/video-b-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;
}

.pen-line-blue-icon {
  background: url(../img/icons/pen-line-blue-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;
}

.op-icon-1 {
  background: url(../img/icons/online-payments-1.png) no-repeat 0;
  background-size: 55px 40px;
  width: 55px;
  height: 40px;
  display: inline-block;
}

.op-icon-2 {
  background: url(../img/icons/online-payments-2.png) no-repeat 0;
  background-size: 55px 40px;
  width: 55px;
  height: 40px;
  display: inline-block;
}

.op-icon-3 {
  background: url(../img/icons/online-payments-3.png) no-repeat 0;
  background-size: 55px 40px;
  width: 55px;
  height: 40px;
  display: inline-block;
}

.op-icon-4 {
  background: url(../img/icons/online-payments-4.png) no-repeat 0;
  background-size: 55px 40px;
  width: 55px;
  height: 40px;
  display: inline-block;
}

.check-black-icon {
  background: url(../img/icons/check.png) no-repeat 0;
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  display: inline-block;
}