﻿@charset "utf-8";
/**
CSS icon mapping : icon.css
Developed by : Linus 7
Programmed by : Michael Yeung(Averon)

Last Modified : March 14, 2022 - 3:50pm
Version : Beta Implmentation 1.0.0.0
Description : The purpose of the css document is to map out all icons on availiable form/div buttons, anchor links.

Connection : Used on all pages which includes front and internal view.
**/

/*Find the source file of the icon svg mapping.*/
.icon-map {
	background-image:url(../media/icon/icon_map_conversion.svg);
	background-repeat:no-repeat;
}

/*Alignments*/


/*Format Resizing*/
/*New implmentation of svg sprites alows the customization of sizing with classes.*/
.icon-map.one-size {
	background-size:30px;
}

.icon-map.second-size {
	background-size:60px;
}

.icon-map.third-size {
	background-size:80px;
}

.icon-map.fourth-size {
}

/*Individual Containers to display Icons*/
span.icon-boxed {
	vertical-align:text-top;
	display:inline-block;	
	height:36px;
	width:36px;
}

/*The mapping of all default icons from the svg file*/
.icon-map.exit-door{background-position: left -50px;}
.icon-map.exit-door-login{background-position: 106px -8px}

.icon-map.nation-flag-usd{background-position: left -898px}
.icon-map.return-door{background-position: left -351px;}
.icon-map.question-mark{background-position: left -1314px;}
.icon-map.bookshelf { background-position: left -1227px;}
.icon-map.diagonal-key{background-position: left -658px}
.icon-map.nation-flag-cad{background-position: left -780px}
.icon-map.nation-flag-usd{background-position: left -839px}
.icon-map.focus-target-qa{background-position: left -2950px}
.icon-map.redirect{background-position: right -1652px}
.icon-map.redirect-two{background-position: left -3147px}
.icon-map.down-nb-arrow{background-position: right -673px}
.icon-map.right-nb-arrow{background-position: right -714px}
.icon-map.up-collapse{background-position: left -764px}
.icon-map.down-collapse{background-position: left -680px}
.icon-map.calculator-right{background-position: right -1731px}
.icon-map.calculator{background-position: left -1726px}
.icon-map.category{background-position: left -1645px}
.icon-map.printer{background-position: left -1809px}
.icon-map.printer-inverse {background-position: left -1850px}
.icon-map.export-excel{background-position: left -2234px}
.icon-map.export-excel-colored{background-position: left -2279px}
.icon-map.change-filter{background-position: left -3578px}
.icon-map.add{background-position: left -3238px}
.icon-map.convert{background-position: left -4498px}
.icon-map.edit{background-position: left -3322px}
.icon-map.delete{background-position: left -3406px}
.icon-map.enable{background-position: left -4582px}
.icon-map.disable{background-position: left -174px}
.icon-map.save{background-position: left -3620px}
.icon-map.void{background-position: left -175px}
.icon-map.close {background-position: left -7px}
.icon-map.send-doc{background-position: left -3493px}
.icon-map.reset{background-position: left -4540px}
.icon-map.refresh{background-position: left -4540px}
.icon-map.confirm{background-position: left -2992px}
.icon-map.unconfirm{background-position: left -2486px}
.icon-map.confirm-inverse {background-position: left -2230px; background-size: 32px;}
.icon-map.unconfirm-inverse {background-position: left -2294px;background-size: 32px;}
.icon-map.earaser{background-position: left -1980px}
.icon-map.coupling{background-position: left -4835px}
.icon-map.penmoveout{background-position: left -4457px}
.icon-map.penmovein{background-position: left -4415px}

.icon-map.seek-first{background-position: left -4168px}
.icon-map.seek-last{background-position: left -4208px}
.icon-map.seek-previous{background-position: left -4087px}
.icon-map.seek-next{background-position: left -4128px}

.icon-map.seek-up{background-position: left -4042px}
.icon-map.seek-down{background-position: left -4002px}

.icon-map.notification{background-position: left -658px}
.icon-map.notification-hbar{background-position: -7px -789px}
.icon-map.transition{background-position: right -977px}
.icon-map.globe{background-position: right -1018px}
.icon-map.focus-target{background-position: left -1058px}
.icon-map.notification{background-position: left -1058px}
.icon-map.finance{background-position: left -1183px}
.icon-map.totals{background-position: left -1267px}
.icon-map.asterisk{background-position: left -1106px}
.icon-map.down-nb-dark-arrow{background-position: left -930px}
.icon-map.up-nb-dark-arrow{background-position: left -972px}
.icon-map.horizontal-link-arrow { background-position: left -1181px;}
.icon-map.vertical-link-arrow { background-position: left -1138px;}

/*Custom Positions with the use of resizing classes*/
/*Front View Logins and Account Selection*/
.icon-map.diagonal-key-login{background-position: 15px -663px}
.icon-map.notification-login{background-position: -10px -784px;}
/*Secondary Navigation Items*/
.icon-map.nation-flag-cad-secondnav{background-position: left -795px}
.icon-map.nation-flag-us-secondnav{background-position: left -853px}
.icon-map.globe-secondnav{background-position: right -3709px}
.icon-map.transition-secondnav{background-position: right -2067px}
.icon-map.exit-door-secondnav{background-position: right -56px}
.icon-map.finance-secondnav{background-position: right -1188px}
/*Yet to be sorted*/
.icon-map.down-nb-arrow-more{background-position: right -683px}
.icon-map.up-nb-arrow-more{background-position: right -767px}
.icon-map.down-collapse-dashboard{background-position: -9px -1201px}

.icon-map.notification-utd{background-position: left -2312px}
.icon-map.redirect-two-section-container{background-position: -10px -811px}

.icon-map-big {
	background-image:url(../media/icon/icon_map_conversion.svg);
	background-repeat:no-repeat;
}

/*use this svg when have to set as background of an element*/




.icon-map-big.one-size {
	/*background-size:2000px;*/
    background-size:cover 
    
}

.icon-map-big.second-size {
	/*background-size:4000px;*/
    background-size:cover 
}

.icon-map-big.third-size {
	background-size:6000px;
}


/*The mapping of all default icons from the big svg file*/
.icon-map-big.question-mark{background-position: -155px -115px;}  /* .icon-map-big.question-mark{background-position: -1055px -135px;} login page*/
.icon-map-big.second-size.question-mark{background-position: -1685px -215px;}  /*login page*/
.icon-map-big.exit-door{background-position: -890px -135px;  } /*forget psw page*/
.icon-map-big.second-size.exit-door{background-position: -1350px -215px;  } /*forget psw page*/
.icon-map-big.diagonal-key-login{background-position: -845px -135px;}
.icon-map-big.second-size.diagonal-key-login{background-position: -1600px -215px;}
.icon-map-big.nation-flag-cad{background-position:  -1350px -135px;}
.icon-map-big.second-size.nation-flag-cad{background-position:  -2150px -223px;}
.icon-map-big.nation-flag-usd{background-position: -1390px -135px;}
.icon-map-big.second-size.nation-flag-usd{background-position: -2215px -223px;}

/*Browser Adjustmemnts*/
/*Mozilla*/
@-moz-document url-prefix() {
	.icon-map.confirm-inverse {
		background-position: left -2247px;
		background-size: 32px;
	}

	.icon-map.unconfirm-inverse {
		background-position: left -2311px;
		background-size: 32px;
	}

	icon-map.focus-target-qa {
		background-position: left -2975px;
	}

	.icon-map.down-collapse-dashboard {
		background-position: -9px -1210px;
	}

	.icon-map.nation-flag-cad-secondnav {
        background-position: left -800px;
    }
    /*Front View Logins and Account Selection*/
/*.icon-map.nation-flag-cad{background-position: left -845px}
.icon-map.nation-flag-usd{background-position: left -905px}
.icon-map.notification-login{background-position: -10px -790px;}
.icon-map.exit-door-login{background-position: 106px -610px}
.icon-map.diagonal-key-login{background-position: 15px -669px}*/
/*Secondary Navigation Items*/
/*.icon-map.nation-flag-cad-secondnav{background-position: left -861px}
.icon-map.nation-flag-us-secondnav{background-position: left -920px}
.icon-map.globe-secondnav{background-position: right -1016px}
.icon-map.transition-secondnav{background-position: right -974px}
.icon-map.finance-secondnav{background-position: right -1183px}
.icon-map.exit-door-secondnav{background-position: right -433px}*/
/*Yet to be sorted*/
/*.icon-map.redirect{background-position: right -933px}
.icon-map.down-collapse-dashboard{background-position: -9px -1209px}
.icon-map.focus-target-qa{background-position: left -2088px}
.icon-map.calculator{background-position: right -1058px}
.icon-map.redirect-two-section-container{background-position: -10px -814px}
.icon-map.totals{background-position: left -1267px}
.icon-map.notification-utd{background-position: left -2322px}
.icon-map.asterisk{background-position: left -1311px}
.icon-map.down-nb-dark-arrow{background-position: left -1345px}
.icon-map.up-nb-dark-arrow{background-position: left -1386px}


}
