/* =============================================================================
  Icon CSS file.
  ========================================================================== */
i {
  position: relative;
  display: inline-block;
  vertical-align: top;
  background: url("../img/icon.613ca872257d.png?202012141619");
  background-size: 200px 900px;
  font-size: 0;
  color: transparent;
}
i.w {
  background-image: url("../img/icon_w.c0601d3fb574.png?202012141619");
}
i.m0 {
  margin: 0;
}

/* size12 */
.i12 {
  width: 12px;
  height: 12px;
  margin-right: 5px;
}
.i12.close {
  background-position: left top;
}
.i12.clock {
  background-position: left -12px;
}
.i12.homepage {
  background-position: left -24px;
}
.i12.outlink {
  background-position: left -36px;
}
.i12.ml {
  margin: 0 0 0 5px;
}
.i12.mail {
  background-position: left -48px;
}
.i12.tick {
  background-position: left -60px;
}
.i12.not_mail {
  background-position: left -72px;
}
.i12.alerts {
  background-position: left -84px;
}

a:hover .i12.homepage {
  background-image: url("../img/icon_w.c0601d3fb574.png?202012141619");
}

/* size14 */
.i14 {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
.i14.save {
  background-position: -12px top;
}
.i14.back {
  background-position: -12px -14px;
}
.i14.save2 {
  background-position: -12px -28px;
}
.i14.tick {
  background-position: -12px -42px;
}
.i14.free {
  background-position: -12px -56px;
}
.i14.empty {
  background-position: -12px -70px;
}
.i14.edit {
  background-position: -12px -84px;
}
.i14.delete {
  background-position: -12px -126px;
}
.i14.next {
  background-position: -12px -154px;
}
.i14.prev {
  transform: rotate(180deg);
  background-position: -12px -154px;
}
.i14.search {
  background-position: -12px -182px;
}
.i14.copy {
  background-position: -12px -210px;
}
.i14.delete2 {
  background-position: -12px -224px;
}
.i14.cancel {
  background-position: -12px -238px;
}
.i14.gps {
  background-position: -12px -252px;
}
.i14.clock {
  background-position: -12px -266px;
}
.i14.pen {
  background-position: -12px -280px;
}
.i14.homepage {
  background-position: -12px -294px;
}
.i14.active, .i14.change_card, .i14.provisional, .i14.sales {
  background-position: -12px -308px;
}
.i14.inactive, .i14.error {
  background-position: -12px -322px;
}
.i14.refresh {
  background-position: -12px -364px;
}
.i14.download {
  background-position: -12px -336px;
}
.i14.block {
  background-position: -12px -350px;
}
.i14.start {
  background-position: -12px -378px;
}
.i14.stop {
  background-position: -12px -392px;
}
.i14.read_only {
  background-position: -12px -406px;
}
.i14.alerts {
  background-position: -12px -420px;
}

a:hover .i14.edit,
.noUi-connect:hover .i14.edit {
  background-position: -12px -98px;
}

a:hover .i14.free {
  background-position: -12px -112px;
}

a:hover .i14.delete {
  background-position: -12px -140px;
}

a:hover .i14.next {
  background-position: -12px -168px;
}

a:hover .i14.search {
  background-position: -12px -196px;
}

#contextMenu a:hover .i14.search,
#contextMenu a:hover .i14.edit,
#contextMenu a:hover .i14.delete,
.edit th a:hover .i14.copy,
a:hover .i14.cancel,
a:hover .i14.homepage,
a:hover .i14.download {
  background-image: url("../img/icon_w.c0601d3fb574.png?202012141619");
}

/* size16 */
.i16 {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.i16.delete {
  background-position: -88px top;
}
.i16.question {
  background-position: -88px -16px;
}
.i16.plus {
  background-position: -88px -32px;
}
.i16.edit {
  background-position: -88px -48px;
}
.i16.tick {
  background-position: -88px -64px;
}
.i16.hourglass {
  background-position: -88px -80px;
}

/* size20 */
.i18 {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.i18.save {
  background-position: -26px top;
}
.i18.tick {
  background-position: -26px -18px;
}
.i18.save2 {
  background-position: -26px -36px;
}
.i18.unlock {
  background-position: -26px -54px;
}
.i18.locked {
  background-position: -26px -72px;
}
.i18.edit {
  background-position: -26px -90px;
}
.i18.edit2 {
  background-position: -26px -108px;
}
.i18.delete {
  background-position: -26px -144px;
}
.i18.cancel {
  background-position: -26px -180px;
}
.i18.unlock2 {
  background-position: -26px -198px;
}
.i18.confirm {
  background-position: -26px -216px;
}
.i18.pen {
  background-position: -26px -234px;
}
.i18.dot {
  background-position: -26px -252px;
}
.i18.history {
  background-position: -26px -270px;
}
.i18.back {
  background-position: -26px -288px;
}
.i18.block {
  background-position: -26px -396px;
}
.i18.dotted {
  background-position: -26px -414px;
}
.i18.wait {
  background-position: -26px -432px;
}
.i18.resend {
  background-position: -26px -450px;
}
.i18.add {
  background-position: -26px -306px;
}
.i18.copy {
  background-position: -26px -468px;
}
.i18.search {
  background-position: -26px -324px;
}
.i18.file {
  background: url("../svg/description_7A909B.ad5f0053b6a7.svg") no-repeat center;
  background-size: 18px 18px;
}

#check_list .locked i.i18.edit {
  background-position: -26px -108px;
}

a:hover i.i18.edit {
  background-position: -26px -126px;
}

a:hover .i18.delete {
  background-position: -26px -162px;
}

a:hover .i18.confirm,
a:hover .i18.cancel,
a:hover .i18.pen,
a:hover .i18.dotted,
a:hover .i18.copy,
a:hover .i18.history,
a:hover .i18.resend,
a:hover .i18.search,
a:hover .i18.add {
  background-image: url("../img/icon_w.c0601d3fb574.png?202012141619");
}

a:hover .file {
  background-image: url("../svg/description_004B73.dd94105cf09e.svg");
}

.opacity1 {
  opacity: 0.1;
}

/* size20 */
.i20 {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.i20.home {
  background-position: -44px top;
}
.i20.dashboard {
  background-position: -44px -20px;
}
.i20.mail {
  background-position: -44px -40px;
}
.i20.users {
  background-position: -44px -60px;
}
.i20.account {
  background-position: -44px -80px;
}
.i20.setting {
  background-position: -44px -100px;
}
.i20.info {
  background-position: -44px -120px;
}
.i20.info.thin {
  background-position: -44px -140px;
}
.i20.user.thin {
  background-position: -44px -160px;
}
.i20.setting.thin {
  background-position: -44px -180px;
}
.i20.shop {
  background-position: -44px -220px;
}
.i20.shop.thin {
  background-position: -44px -240px;
}
.i20.reserve, .i20.new {
  background-position: -44px -260px;
}
.i20.history {
  background-position: -44px -280px;
}
.i20.switch {
  background-position: -44px -300px;
}
.i20.help {
  background-position: -44px -320px;
}
.i20.calendar {
  background-position: -44px -340px;
}
.i20.laptop {
  background-position: -44px -360px;
}
.i20.plan {
  background-position: -44px -380px;
}
.i20.gps {
  background-position: -44px -400px;
}
.i20.pen {
  background-position: -44px -420px;
}
.i20.reserve2 {
  background-position: -44px -440px;
}
.i20.build {
  background-position: -44px -460px;
}
.i20.list {
  background-position: -44px -480px;
}
.i20.embed {
  background-position: -44px -500px;
}
.i20.chat {
  background-position: -44px -520px;
}
.i20.groups {
  background-position: -44px -540px;
}
.i20.user {
  background-position: -44px -580px;
}
.i20.event {
  background-position: -44px -600px;
}
.i20.users2 {
  background-position: -44px -620px;
}
.i20.cancel {
  background-position: -44px -640px;
}
.i20.copy {
  background-position: -44px -660px;
}
.i20.yen {
  background-position: -44px -680px;
}
.i20.reserve3 {
  background-position: -44px -700px;
}
.i20.tournament {
  background-position: -44px -720px;
}
.i20.individual {
  background-position: -44px -740px;
}
.i20.match_make {
  background-position: -44px -760px;
}
.i20.school {
  background-position: -44px -780px;
}
.i20.league {
  background-position: -44px -800px;
}
.i20.facility_usage {
  background-position: -44px -820px;
}
.i20.sales {
  background-position: -44px -840px;
}
.i20.merlabo {
  background-position: -44px -860px;
}
.i20.anounce {
  background-position: -44px -880px;
}
.i20.global {
  background-position: -64px -840px;
}
.i20.csv {
  background-position: -64px -860px;
}
.i20.point {
  background-position: -64px -880px;
}
.i20.map {
  background-position: -64px -820px;
}
.i20.follow {
  background-position: -64px -800px;
}

#pr_list.merlabo .merlabo, #pr_list.new .new {
  background-image: url("../img/icon_w.c0601d3fb574.png?202012141619");
}
#pr_list.info .info {
  background-position: -44px -120px;
}

.fa-calendar {
  left: 10px;
  top: 9px !important;
  width: 20px;
  height: 20px;
  margin: 0 !important;
  background-position: -44px -340px;
}

#gnav li:hover a i.info.thin {
  background-position: -44px -120px;
}

#gnav li:hover a i.setting.thin,
#gnav li.active i.setting.thin {
  background-position: -44px -200px;
}

#gnav li:hover a i.shop.thin,
#left_side .active i.shop.thin {
  background-position: -44px -220px;
}

#gnav li:hover a i.switch,
#gnav li:hover a i.help,
#gnav li.active a i.help,
#gnav li:hover a i.account.thin,
#gnav li.active a i.account.thin,
#gnav li:hover a i.laptop.thin,
#gnav li.active a i.laptop.thin,
#gnav li:hover a i.chat.thin,
.active + .fa-calendar,
a:hover .gps,
#gnav li a.close i.info.thin,
#gnav li:hover a.close i.info.thin,
#gnav li a.close i.reserve3.thin,
#gnav li:hover a.close i.reserve3.thin,
#left_side li.active i {
  background-image: url("../img/icon_w.c0601d3fb574.png?202012141619");
}

/* size20 */
.i24 {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.i24.mail {
  background-position: -64px top;
}
.i24.home {
  background-position: -64px -24px;
}
.i24.info {
  background-position: -64px -48px;
}
.i24.account {
  background-position: -64px -72px;
}
.i24.calendar {
  background-position: -64px -96px;
}
.i24.homepage {
  background-position: -64px -120px;
}
.i24.reserve {
  background-position: -64px -144px;
}
.i24.chat {
  background-position: -64px -168px;
}
.i24.event {
  background-position: -64px -192px;
}

.close .i24 {
  background-image: url("../img/icon_w.c0601d3fb574.png?202012141619");
}

/* size26 */
.i26 {
  width: 26px;
  height: 26px;
}
.i26.dot {
  height: 6px;
  background-position: -104px -120px;
}

/* line */
.line {
  width: 26px;
  height: 40px;
  background-position: -104px top;
}
.line.off {
  background-position: -104px -40px;
}
.line.on {
  background-position: -104px -80px;
}

.svg {
  vertical-align: top;
}