/*
* Blusys Framework
*
* 1152px - 12 Columns - 10px Gutter
*
*
*/



/* Table of Content
==================================================
	#Box Model
	#Paddings
	#Margins
	#Borders
	#Nested Container
	#960px
	#1152px
	#768px
	#Mobile 
	
	 */


/* #Box Model
================================================= */

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


ul#blu-item-search-results-list-container li h1 {
	text-transform: none;
}

.searchInline {
	border-color:#333 !important;
	padding-left: 24px !important;
}

.searchInline::placeholder {
	color: #666 !important;
}

.searchInline_Icon {
	position: absolute;
	left: 8px;
	top:8px;
	color: #666 !important;
}

/* #Paddings
==================================================== */

.pd-5 {
	padding: 5px !important;
}
.pd-t-5 {
	padding-top: 5px !important;
}
.pd-r-5 {
	padding-right: 5px !important;
}
.pd-b-5 {
	padding-bottom: 5px !important;
}
.pd-l-5 {
	padding-left: 5px !important;
}

.pd-10 {
	padding: 10px !important;
}
.pd-t-10 {
	padding-top: 10px !important;
}
.pd-r-10 {
	padding-right: 10px !important;
}
.pd-b-10 {
	padding-bottom: 10px !important;
}
.pd-l-10 {
	padding-left: 10px !important;
}

.pd-t-b-10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.pd-t-b-20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.pd-t-b-30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.pd-r-l-20 {
	padding-right: 20px !important;
	padding-left: 20px !important;
}
.pd-15 {
	padding: 15px !important;
}
.pd-t-15 {
	padding-top: 15px !important;
}
.pd-r-15 {
	padding-right: 15px !important;
}
.pd-b-15 {
	padding-bottom: 15px !important;
}
.pd-l-15 {
	padding-left: 15px !important;
}
.pd-20 {
	padding: 20px !important;
}
.pd-t-20 {
	padding-top: 20px !important;
}
.pd-r-20 {
	padding-right: 20px !important;
}
.pd-b-20 {
	padding-bottom: 20px !important;
}
.pd-l-20 {
	padding-left: 20px !important;
}


.pd-25 {
	padding: 25px !important;
}
.pd-t-25 {
	padding-top: 25px !important;
}
.pd-r-25 {
	padding-right: 25px !important;
}
.pd-b-25 {
	padding-bottom: 25px !important;
}
.pd-l-25 {
	padding-left: 25px !important;
}


.pd-30 {
	padding: 30px !important;
}
.pd-t-30 {
	padding-top: 30px !important;
}
.pd-r-30 {
	padding-right: 30px !important;
}
.pd-b-30 {
	padding-bottom: 30px !important;
}
.pd-l-30 {
	padding-left: 30px !important;
}
.pd-35 {
	padding: 35px !important;
}
.pd-t-35 {
	padding-top: 35px !important;
}
.pd-r-35 {
	padding-right: 35px !important;
}
.pd-b-35 {
	padding-bottom: 35px !important;
}
.pd-l-35 {
	padding-left: 35px !important;
}
.pd-40 {
	padding: 40px !important;
}
.pd-t-40 {
	padding-top: 40px !important;
}
.pd-r-40 {
	padding-right: 40px !important;
}
.pd-b-40 {
	padding-bottom: 40px !important;
}
.pd-l-40 {
	padding-left: 40px !important;
}
.pd-50 {
	padding: 50px !important;
}
.pd-t-50 {
	padding-top: 50px !important;
}
.pd-r-50 {
	padding-right: 50px !important;
}
.pd-b-50 {
	padding-bottom: 50px !important;
}
.pd-l-50 {
	padding-left: 50px !important;
}



.badge {
	border-radius: 50px;
	padding: 1px 10px 1px 10px;
	font-size: 12px;
}

/* #Margins
================================================== */

.remove-top {
	margin-top: 0 !important;
}

.remove-right {
	margin-right: 0 !important;
}

.remove-bottom {
	margin-bottom: 0 !important;
}

.remove-left {
	margin-left: 0 !important;
}
.half-bottom {
	margin-bottom: 10px !important;
}
.add-bottom {
	margin-bottom: 20px !important;
}
.add-top40 {
	margin-top: 40px !important;
}

.mg-tp-5 {
	margin-top: 5px !important;
}
.mg-tp-10 {
	margin-top: 10px !important;
}
.mg-tp-15 {
	margin-top: 15px !important;
}
.mg-tp-20 {
	margin-top: 20px !important;
}
.mg-tp-30 {
	margin-top: 30px !important;
}
.mg-tp-40 {
	margin-top: 40px !important;
}
.mg-rg-5 {
	margin-right: 5px !important;
}
.mg-rg-10 {
	margin-right: 10px !important;
}
.mg-rg-15 {
	margin-right: 15px !important;
}
.mg-rg-20 {
	margin-right: 20px !important;
}
.mg-rg-30 {
	margin-right: 30px !important;
}
.mg-bt-5 {
	margin-bottom: 5px !important;
}
.mg-bt-10 {
	margin-bottom: 10px !important;
}
.mg-bt-15 {
	margin-bottom: 15px !important;
}
.mg-bt-20 {
	margin-bottom: 20px !important;
}

.mg-bt-30 {
	margin-bottom: 30px !important;
}


.mg-lf-5 {
	margin-left: 5px !important;
}
.mg-lf-10 {
	margin-left: 10px !important;
}
.mg-lf-15 {
	margin-left: 15px !important;
}
.mg-lf-20 {
	margin-left: 20px !important;
}

.mg-tpbt-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}


/* #Borders
================================================== */

.bd-1 {
	border:1px solid #ddd;
}

.bd-t-1 {
	border-top:1px solid #ddd;
}

.bd-r-1 {
	border-right:1px solid #ddd;
}


.bd-b-1 {
	border-bottom:1px solid #ddd;
}

.bd-l-1 {
	border-left:1px solid #ddd;
}

/* ==========================================================================
   Nested Container
   ========================================================================== */
 
.full-width {
	width: 100%;
	margin: 0 auto;
}

.half-width {
	width: 50%;
	float:left;
	margin: 0;
}

.third-width {
	width: 33.333333333333%;
	float:left;
	margin: 0;
}

.two-third-width {
	width: 66.6666666666%;
	float:left;
	margin: 0;
}

.three-fourth-width {
	width: 75%;
	float:left;
	margin: 0;
}

.fourth-width {
	width: 25%;
	float:left;
	margin: 0;
}

/* ==========================================================================
   960px - 12 columns - 10px gutter 
   ========================================================================== */

   /* Container */ 
.container-12 {
	width: 960px;
	margin: 0 auto;
}

.container-12.bg-shw {
	background:#fff;
   -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.3) !important;
	-moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.3) !important;
	box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.3) !important;
}


/* Global */ 
[class*="grid-"] {
	float: left;
	display: inline;
	margin-left: 0px;
	margin-right: 0px;
}
.group:before, .group:after {
	content: "";
	display: table;
	line-height: 0;
}
.group:after {
	clear: both;
}
/* Nested elements */ 
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
/* Grids */ 
.container-12 .grid-1 {
	width: 80px;
}
.container-12 .grid-2 {
	width: 160px;
}
.container-12 .grid-3 {
	width: 240px;
}
.container-12 .grid-4 {
	width: 320px;
}
.container-12 .grid-5 {
	width: 400px;
}
.container-12 .grid-6 {
	width: 480px;
}
.container-12 .grid-7 {
	width: 560px;
}
.container-12 .grid-8 {
	width: 640px;
}
.container-12 .grid-9 {
	width: 720px;
}
.container-12 .grid-10 {
	width: 800px;
}
.container-12 .grid-11 {
	width: 880px;
}
.container-12 .grid-12 {
	width: 960px;
}

/* ==========================================================================
   1152px - 12 columns - 10px gutter 
   ========================================================================== */

@media (min-width: 1152px) {
/* Container */ 
.container-12 {
	width: 1152px;
	margin: 0 auto;
}
/* Global */ 
[class*="grid-"] {
	float: left;
	display: inline;
	margin-left: 0px;
	margin-right: 0px;
}
.group:before, .group:after {
	content: "";
	display: table;
	line-height: 0;
}
.group:after {
	clear: both;
}
/* Nested elements */ 
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
/* Grids */ 
.container-12 .grid-1 {
	width: 96px;
}
.container-12 .grid-2 {
	width: 192px;
}
.container-12 .grid-3 {
	width: 288px;
}
.container-12 .grid-4 {
	width: 384px;
}
.container-12 .grid-5 {
	width: 480px;
}
.container-12 .grid-6 {
	width: 576px;
}
.container-12 .grid-7 {
	width: 672px;
}
.container-12 .grid-8 {
	width: 768px;
}
.container-12 .grid-9 {
	width: 864px;
}
.container-12 .grid-10 {
	width: 960px;
}
.container-12 .grid-11 {
	width: 1056px;
}
.container-12 .grid-12 {
	width: 1152px;
}
}

/* ==========================================================================
   768px - 12 columns - 10px gutter 
   ========================================================================== */

@media (min-width: 768px) and (max-width: 959px) {
/* Container */ 
.container-12 {
	width: 768px;
	margin: 0 auto;
}
/* Global */ 
[class*="grid-"] {
	float: left;
	display: inline;
	margin-left: 0px;
	margin-right: 0px;
}
.group:before, .group:after {
	content: "";
	display: table;
	line-height: 0;
}
.group:after {
	clear: both;
}
/* Nested elements */ 
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
/* Grids */ 
.container-12 .grid-1 {
	width: 64px;
}
.container-12 .grid-2 {
	width: 128px;
}
.container-12 .grid-3 {
	width: 192px;
}
.container-12 .grid-4 {
	width: 256px;
}
.container-12 .grid-5 {
	width: 320px;
}
.container-12 .grid-6 {
	width: 384px;
}
.container-12 .grid-7 {
	width: 448px;
}
.container-12 .grid-8 {
	width: 512px;
}
.container-12 .grid-9 {
	width: 576px;
}
.container-12 .grid-10 {
	width: 640px;
}
.container-12 .grid-11 {
	width: 704px;
}
.container-12 .grid-12 {
	width: 768px;
}
}

/* ==========================================================================
   Mobile 
   ========================================================================== */

@media only screen and (max-width: 767px) {
body {
	padding-left: 5px;
	padding-right: 5px;
}
/* Container */
.container-12 {
	width: auto;
}
/* Global */
[class*="grid-"] {
	display: block;
	margin-left: 0px;
	margin-right: 0px;
}
/* Nested Elements */
.alpha {
	margin-left: 0px;
}
.omega {
	margin-right: 0px;
}
/* Grids */
.container-12 .grid-1,  .container-12 .grid-2,  .container-12 .grid-3,  .container-12 .grid-4,  .container-12 .grid-5,  .container-12 .grid-6,  .container-12 .grid-7,  .container-12 .grid-8,  .container-12 .grid-9,  .container-12 .grid-10,  .container-12 .grid-11,  .container-12 .grid-12 {
	width: 100%;
}
/* Offset Extra Space 
.container-12 .offset-1,  .container-12 .offset-2,  .container-12 .offset-3,  .container-12 .offset-4,  .container-12 .offset-5,  .container-12 .offset-6,  .container-12 .offset-7,  .container-12 .offset-8,  .container-12 .offset-9,  .container-12 .offset-10,  .container-12 .offset-11 {
	padding-left: 0;
} */
}



.pdf-list2 {
	display: flex;
	flex-direction: row;
	gap:12px;
	margin-top:20px !important;
	flex-wrap: wrap;
}

.pdf-list2 > li {
	margin: 0;
}

.pdf-list2 > li a {
	display: block;
	float: none !important;
	font-size: 14px !important;
	padding: 8px 12px;
	border-radius: 4px;
	background-color: #fff;
	border:1px solid #ccc;
	color: #000;
	white-space: nowrap;
}

.pdf-list2 > li a:hover {
	background-color: #ccc;
	color: #000;
}

