/* Small devices (tablets, 768px and up) */
@media (min-width: 769px) {
  .RUIFW-page-wrap { width: 100%; z-index:2; }
  .navbar-nav > li > a > span[class ^= "icon-"] {display: none;} 
  .RUIFW-nav-quick-links { display: block!important;} 
  .RUIFW-row-xs > *[class*="RUIFW-col-"] { display: inline-block; width: auto; padding-left: 0; padding-right: 0;  }
  .RUIFW-col-sm-15, .RUIFW-col-15 { width: 20%;  float: left; }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {	
  .RUIFW-col-md-15{ width: 20%; float: left; }  
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.RUIFW-media-type{ font-family: MEDIA_LG}
	.RUIFW-col-lg-15 { width: 20%;  float: left;}
}

@media (max-width: 1200px) and (min-width: 769px)  {
	.RUIFW-media-type{ font-family: MEDIA_MD}
	.RUIFW-block-md{display: block;}
}


/* Small devices (tablets, 768px and under) */
@media (max-width: 768px){
	.RUIFW-media-type{ font-family: MEDIA_SM}
	
	.RUIFW-page-wrap, .RUIFW-page-footer { min-width: 100%;}
	
	.RUIFW-page-wrap { overflow:hidden; background:#eee; margin-bottom: 0;  }
		
	.RUIFW-page-wrap:after{display:none;}
	
	.RUIFW-block-xs{display: block;}
	.RUIFW-btn-lg-xs {padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;}
	

	body.push.out .RUIFW-scroll-top-btn{  display:none; }
	
	body.push .RUIFW-container-main, body.push .RUIFW-container-header {
		transform : translateX(0px) translateZ(0);
		-webkit-transform : translateX(0px) translateZ(0);
		 -webkit-transition: all 0.3s ease-in-out;
	  	 -moz-transition: all 0.3s ease-in-out;
	     -ms-transition: all 0.3s ease-in-out;
	     transition: all 0.3s ease-in-out;
	}
	
	body.push.out .RUIFW-container-main, body.push.out .RUIFW-container-header{		
		transform : translateX(264px) translateZ(0);
		-webkit-transform : translateX(264px) translateZ(0);			
	}
	
	body.jump.out .RUIFW-container-main, body.jump.out .RUIFW-container-header{
		left : 264px;
	}
	
	.RUIFW-page-wrap:before{ content:""; display:table; height: 54px; }
	.RUIFW-page-wrap.RUIFW-page-wo-header:before { height: 10px;}
	.RUIFW-bg-bar, .RUIFW-user-info{ display: none; }
	
	.RUIFW-page-footer { padding: 0 10px; background: #eee  }
	.RUIFW-page-footer, .RUIFW-page-wrap:after { height: 60px; }
	/*page header*/
	.RUIFW-container-header {    
	
	 top: 0;
	 margin: 0;
	 width: 100%;
	background: #d81e05; /* Old browsers */	
	background: url("");
	background: -moz-linear-gradient(top,  #d81e05 0%, #c60000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d81e05), color-stop(100%,#c60000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d81e05 0%,#c60000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d81e05 0%,#c60000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d81e05 0%,#c60000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d81e05 0%,#c60000 100%); /* W3C */

	 position:fixed;
	 z-index: 999;

	}
	
	.RUIFW-container-header.unfixed{position: absolute;}
	
	.RUIFW-page-header{height: 48px;}
	
	
	 *[class*=RUIFW-brand]{background-image: url("scotiabank_w_logo@2x.png"); background-size:186px 26px; position: relative; top: 12px; display: block; }
	 *[class*=RUIFW-brand][class*='-fr']{background-image: url("scotiabank_w_logo@2x-1.png"); background-size:180px 26px; position: relative; top: 12px; display: block; }
	.RUIFW-page-header *[class*=RUIFW-brand]{ margin: 0 auto!important; top: 10px; }
	.RUIFW-content-main *[class*=RUIFW-brand] { margin-bottom: 30px; }
	.RUIFW-brand-red{background-image: url("");}
	
	:lang(fr) *[class*=RUIFW-brand]{background-image: url("scotiabank_w_logo@2x-1.png"); background-size:188px 26px;  }
	:lang(fr) .RUIFW-brand-red{background-image: url("");}
	
/* 	Added for CCOP */
	
	*[class*=RUIFW-brand-ccop]{background-image: url(""); background-size:272px 46px; position: relative; top: 12px; display: block; }
	*[class*=RUIFW-brand-ccop][class*='-es']{background-image: url(""); background-size:180px 26px; position: relative; top: 12px; display: block; }
	.RUIFW-page-header *[class*=RUIFW-brand-ccop]{ margin: 0 auto!important; top: 10px; }
	.RUIFW-content-main *[class*=RUIFW-brand-ccop] { margin-bottom: 30px; }
	.RUIFW-brand-red-ccop{background-image: url("");}
	
	:lang(es) *[class*=RUIFW-brand-ccop]{background-image: url(""); background-size:188px 26px;  }
	:lang(es) .RUIFW-brand-red-ccop{background-image: url("");}


	*[class*=RUIFW-brand-ccop-mx]{background-image: url(""); background-size:186px 26px; position: relative; top: 12px; display: block; }
	*[class*=RUIFW-brand-ccop-mx][class*='-es']{background-image: url(""); background-size:180px 26px; position: relative; top: 12px; display: block; }
	.RUIFW-page-header *[class*=RUIFW-brand-ccop-mx]{ margin: 0 auto!important; top: 10px; }
	.RUIFW-content-main *[class*=RUIFW-brand-ccop-mx] { margin-bottom: 30px; }
	.RUIFW-brand-red-ccop-mx{background-image: url("");}

	:lang(es) *[class*=RUIFW-brand-ccop-mx]{background-image: url(""); background-size:188px 26px;  }
	:lang(es) .RUIFW-brand-red-ccop-mx{background-image: url("");}


	/* 	Finish CCOP */
/* 	Added for TBK */
	
	*[class*=RUIFW-brand-tbk]{background-image: url(""); background-size:186px 26px; position: relative; top: 12px; display: block; }
	*[class*=RUIFW-brand-tbk][class*='-es']{background-image: url(""); background-size:180px 26px; position: relative; top: 12px; display: block; }
	.RUIFW-page-header *[class*=RUIFW-brand-tbk]{ margin: 0 auto!important; top: 10px; }
	.RUIFW-content-main *[class*=RUIFW-brand-tbk] { margin-bottom: 30px; }
	.RUIFW-brand-red-tbk{background-image: url("");}
	
	:lang(es) *[class*=RUIFW-brand-tbk]{background-image: url(""); background-size:188px 26px;  }
	:lang(es) .RUIFW-brand-red-tbk{background-image: url("");}

/* 	Finish TBK */

/* 	Added for AUTOF */
	
	*[class*=RUIFW-brand-autof]{background-image: url(""); background-size:230px 45px; position: relative; top: 12px; display: block; }
	.RUIFW-page-header *[class*=RUIFW-brand-autof]{ margin: 0 auto!important; top: 10px; }
	.RUIFW-content-main *[class*=RUIFW-brand-autof] { margin-bottom: 30px; }
	
	*[class*=RUIFW-brand-autof-mx]{background-image: url(""); background-size:230px 45px; position: relative; top: 12px; display: block; }
	.RUIFW-page-header *[class*=RUIFW-brand-autof-mx]{ margin: 0 auto!important; top: 10px; }
	.RUIFW-content-main *[class*=RUIFW-brand-autof-mx] { margin-bottom: 30px; }
	
/* 	Finish AUTOF */

/* 	Added for VMS */
	
	*[class*=RUIFW-brand-vms]{background-image: url(""); background-size:169px 24px; position: relative; top: 12px; display: block; }
	.RUIFW-page-header *[class*=RUIFW-brand-vms]{ margin: 0 auto!important; top: 10px; }
	.RUIFW-content-main *[class*=RUIFW-brand-vms] { margin-bottom: 30px; }
	
/* 	Finish VMS */

/* 	Added for OEM */
	
	*[class*=RUIFW-brand-oem]{background-image: url(""); background-size:169px 24px; position: relative; top: 12px; display: block; }
	.RUIFW-page-header *[class*=RUIFW-brand-oem]{ margin: 0 auto!important; top: 10px; }
	.RUIFW-content-main *[class*=RUIFW-brand-oem] { margin-bottom: 30px; }
	
	*[class*=RUIFW-brand-oem-mx]{background-image: url(""); background-size:169px 24px; position: relative; top: 12px; display: block; }
	.RUIFW-page-header *[class*=RUIFW-brand-oem-mx]{ margin: 0 auto!important; top: 10px; }
	.RUIFW-content-main *[class*=RUIFW-brand-oem-mx] { margin-bottom: 30px; }
	
/* 	Finish OEM */

	.RUIFW-page-header .navbar-toggle {
	  margin:0;
	  padding: 4px 10px;
	  color: #ffffff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  
	  background: #e6331b; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url("");
		background: -moz-linear-gradient(top,  #e6331b 0%, #d91f06 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6331b), color-stop(100%,#d91f06)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e6331b 0%,#d91f06 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e6331b 0%,#d91f06 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e6331b 0%,#d91f06 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e6331b 0%,#d91f06 100%); /* W3C */
	  
	  
	  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  border: 1px solid #AC1C19;
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		 -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		position: absolute;
		top: 8px; /* 58px*/
	}

	.RUIFW-page-header .navbar-toggle:hover, .RUIFW-page-header .navbar-toggle:focus{ background-image: none;}
	.RUIFW-page-header .navbar-toggle:active{ background: #B40000; }

	.RUIFW-page-header .navbar-toggle:before{ font-family: FontAwesome; font-weight: normal; font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased; }
	
	#nav-main-toggle-btn:before{ content: "\f0c9"; }
	#nav-quicklink-toggle-btn:before{ content: "\f013"; }
	#nav-main-toggle-btn { left: 10px; }
	#nav-quicklink-toggle-btn{ right: 10px; }
	
	body.jump #nav-main-toggle-btn {left:30px!important; }
	body.jump #nav-quicklink-toggle-btn{right:30px!important; }
	
	/*main nav*/
	
	.RUIFW-container-nav-main{ left:-265px; top: 0;  display: block;  max-height:none; position: absolute; width: 265px; overflow-y:auto; background:#666;  border-right: 1px solid #7D7D7D; z-index:0; -webkit-overflow-scrolling: touch; }
	.RUIFW-nav-main  li  a { margin: 0!important;  padding: 10px 20px 10px 38px!important;}

	
	.RUIFW-nav-main .dropdown-menu li.active a:before{ font-family: FontAwesome; text-decoration: inherit; -webkit-font-smoothing: antialiased; content:"\f054"!important; right: 18px!important; color: #C9C9C9; position: absolute; font-size: 1em!important; top: 10px;		}
	.RUIFW-nav-main .dropdown-menu li.active a, 
	.RUIFW-nav-main > li > .dropdown-menu > li a:focus,
	.RUIFW-nav-main > li > .dropdown-menu > li a:hover{ color: #fff!important; background: #333!important; }
	
	
	
	.navbar-nav{ margin: 0; float: inherit;}
	.navbar-nav li { float: none!important;  position: relative; }
	
	.navbar-nav li a, .navbar-nav li.active a, .navbar-nav li.open a, .navbar-nav li.open a:hover, .navbar-nav li a:hover, .navbar-nav li a:focus,
	.RUIFW-nav-quick-links li a{
	    border-bottom: 1px solid #4E4E4E!important;
	    border-top: 1px solid #808080!important;
	    border-left: none!important;
		border-right:none!important;
	    font-weight: bold;
	    line-height: 20px;
	   	text-shadow: 0 1px 0 #333!important;
	   	color:#fff!important;
	   	border-radius: 0;
	    display: block;
	    font-size: 1.3rem;
	    text-decoration: none!important;
	    background: transparent!important; 
	    filter:none;
	}
	.navbar-nav li a:active { background: #555!important}

	.RUIFW-nav-main > li.active > a, .RUIFW-nav-main > li.active > a:hover, .RUIFW-nav-main > li.active > a:focus { background: #D81E05 !important; border-top-color: #D57D7D !important; }
	.RUIFW-nav-main > li.active > .dropdown-menu > li > a, .RUIFW-nav-main > li.open > .dropdown-menu > li > a { border-top: 1px solid #333!important; }
	.RUIFW-nav-main > li > .dropdown-menu li { display: block!important;}
	.RUIFW-nav-main > li > .dropdown-menu li.RUIFW-tab-dropdown{ display: none!important;}
	.RUIFW-nav-main > li > .dropdown-menu, li.active > .dropdown-menu {
    background: none repeat scroll 0 0 #444444 !important;
    border: medium none;
    box-shadow: 0 0 0;
    float: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;

	}
	
	.RUIFW-nav-main > li > a:before { font-family: FontAwesome; font-style: normal; font-weight: normal; left: 20px; position: absolute; text-decoration: inherit; top: 10px; color: #fff!important; }
	.RUIFW-nav-main > li > a.dropdown-toggle:before { content:"\f0fe"; }	
	.RUIFW-nav-main > li.open > a.dropdown-toggle:before { content:"\f146";}	
	.RUIFW-nav-main > li.active > a.dropdown-toggle:before { content:"\f0da";}
	
	/*quick link nav*/
	.RUIFW-container-quick-links{ height: auto; left: auto; border:none; overflow: visible; right: 194px; top:200px; padding:0;  box-shadow: 0 0 2px #333333;}
	
	
	.RUIFW-container-quick-links.open{ top: 46px;/* -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;	*/ }
			
	.RUIFW-container-quick-links.open:before{
		font-family: fontAwesome;
		font-weight: normal;
		font-style: normal;
		text-decoration: inherit;
	    -webkit-font-smoothing: antialiased;
		content:"\f0de";
		right: -174px;
		color: #666;
		position: absolute;
		font-size: 1.6em;
		top: -10px;
		z-index: 99;
	}
	.RUIFW-nav-quick-links { padding: 0; background-color: #666; min-width: 180px; }
	.RUIFW-nav-quick-links li{ float: none;}
	.RUIFW-nav-quick-links li a{ display:block; border-left: none; padding: 9px 15px!important; }
	.RUIFW-nav-quick-links li a:hover, .RUIFW-nav-quick-links li a:focus { background: #555!important; }
	.RUIFW-nav-quick-links li a:active {background: #444!important;}
	.RUIFW-content-header h3{margin-top: 10px;}
	
	/* content tab nav */
	.RUIFW-tabs.nav-pills { background: #6D6D6D; margin:-6px -6px 0 ; padding: 0 10px; text-align: center; white-space: nowrap;overflow-x: auto;overflow-y: hidden; -webkit-overflow-scrolling: touch; }
	.RUIFW-tabs.nav-pills  li { display: inline-block!important; float: none!important;}
	.RUIFW-tabs.nav-pills  li a{ background: #555; color: #FFFFFF; font-weight: normal; margin: 6px 0; padding: 6px 12px;}
	.RUIFW-tabs.nav-pills  li.active a{ background: #333; color: #FFF!important; border:none;  }

	.RUIFW-resp-nav-tab.nav-pills li.RUIFW-tab-dropdown{ display: none!important; }
	
	/* main content */
	.RUIFW-container-main{z-index:2;background-color: #EEE; position:relative;}
	/*.RUIFW-page-header, .RUIFW-container-main{ box-shadow: -2px 0 4px rgba(0, 0, 0, 0.4);}*/
	.RUIFW-container-main  > .RUIFW-content-main{padding: 0; margin: 0 6px;}
	
	/*.RUIFW-content-pan, *[class*="RUIFW-container"] {margin-bottom: 10px;}*/
	
	.RUIFW-row > [class*="col-sm"] + [class*="col-sm"].RUIFW-row > [class*="col-sm"]:not([class*="col-xs"]):not([class*="RUIFW-hidden-xs"]) + [class*="col-sm"]:not([class*="col-xs"]):not([class*="RUIFW-hidden-xs"]) { margin-top: 20px;}

	.RUIFW-row .RUIFW-row > [class*="col-"]{}
	
	
	/*modal*/
	body.modal-open {}
	.modal { -webkit-overflow-scrolling: touch; }
	.modal-dialog { width: auto; }
	
	
	
	/*cotainer row and col control*/
	.RUIFW-row-xs { margin-right: -15px; margin-left: -15px; }
	.RUIFW-row-xs:before, .RUIFW-row-xs:after {display: table; content: " ";}
	
	/*scroll to top button*/
	.RUIFW-scroll-top-btn{  font-size: 1em;  right: 46%; top: 56px; bottom: auto; padding: 2px 12px }

	/*block btn contorl*/
	.RUIFW-block-xs { display: block; width: 100%; padding-right: 0; padding-left: 0; margin: 0!important;}	

	
	/*form el*/
	.RUIFW-container-well, .RUIFW-container ,.RUIFW-form-actions, .RUIFW-content-pan { background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); padding:20px 10px;}
	.RUIFW-form-inline > * + * {margin-left: 0;}
	*[class*="RUIFW-inline"] > * + * { margin-left: 4px;}
	.RUIFW-input-xs{ max-width: 70px; }
	
	/*overwrite bootstrap*/
	.collapse.open, .RUIFW-container-header .visible-xs{display: block!important;}
	.navbar-toggle { display: inherit; }
}

@media (max-width: 767px){
	/*fluid table*/
	 .RUIFW-table-fluid{ border: 1px solid #DDD; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);}
	 .RUIFW-table-fluid:not(.divOff), 
	 .RUIFW-table-fluid thead:not(.divOff), 
	 .RUIFW-table-fluid tfoot:not(.divOff),  
	 .RUIFW-table-fluid tbody:not(.divOff), 
	 .RUIFW-table-fluid thead th, 
	 .RUIFW-table-fluid td, 
	 .RUIFW-table-fluid tr:not(.divOff) { 
			display: block; 
	 }
		
	/* Hide table headers (but not display: none;, for accessibility) */
	.RUIFW-table-fluid thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
	.RUIFW-table-fluid tr { border-bottom: 1px solid #ddd!important; position: relative; }


		
		
	.RUIFW-table-fluid tbody > tr > td { 
			/* Behave  like a "row" */
			position: relative;
			padding-left: 46%; 
			text-align: left!important;
			min-height: 20px;
			 border: none;
		}
		
	.RUIFW-table-fluid tfoot tr {border: none; }
	.RUIFW-table-fluid tfoot td { }
		
	.RUIFW-table-fluid tbody > tr > td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 10px;
			width: 36%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-weight: bold;
			text-align: left!important;
			overflow-x: hidden; 
		}
	.RUIFW-table-fluid tbody td[class*="text"]{text-align: left!important;}
	.RUIFW-table-fluid tbody tr.RUIFW-table-sec-title, 
	.RUIFW-table-fluid tbody tr.RUIFW-table-sec-title *,
	.RUIFW-table-fluid tbody tr.RUIFW-table-sec-title:hover *{ background: #666;  color: #fff; text-shadow: 0 1px 0 #000000;}	
	.RUIFW-table-fluid tbody tr.RUIFW-table-sec-title td:before{ display: none; width: 0;}
	.RUIFW-table-fluid tbody tr.RUIFW-table-sec-title td:nth-of-type(1){ padding-left: 10px;}
	.RUIFW-table-fluid tbody tr.RUIFW-table-sec-title td:nth-of-type(2):before{padding-left: 46%; }
	
	.RUIFW-table-fluid tbody tr.RUIFW-table-sec-title td:nth-of-type(2) { left: 46%; padding: 0;position: absolute; top: 8px;}
	.RUIFW-table-fluid tr th{ border: medium none !important;  background: transparent!important;}
	.RUIFW-table-fluid .hover-show *{opacity:1 }
	.RUIFW-table-fluid tbody tr:not(.RUIFW-table-sec-title) th+td { border-top: 1px solid #ddd; }
	.RUIFW-table-fluid tbody tr:not(.RUIFW-table-sec-title) th+td:before{content: ""; background: #eee; width: 40%; height: 100%; left: 0; top:0; }
	.RUIFW-table-fluid tbody tr:not(.RUIFW-table-sec-title) th {	
		position: absolute;
		width: 36%;
		z-index: 1;
	}
	
}

@media(max-width: 992px){
	/* selectable list */
	.RUIFW-selectable{ /*min-width:100%;*/ -webkit-overflow-scrolling: touch; }
}