/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *





*/


.panel.within-section {
  background: rgba(87, 127, 185, 1.0) !important;
  background-color: var(--primary-color) !important;
}

.slide-content {
  display: none;
}

.previous_page, .next_page {
  font-size: 0 !important;
}

.previous_page:before, .next_page:before {
  font-size: var(--step-2);
}

.whitebg .pagination {
  background-color: #2E5FA8;
}
/*-----------------------------------------------------------------------------

REVOLUTION RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:   	1.0
date:      	26/06/12
author:		themepunch
email:     	support@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/



  /*********************************************************************************************
		-	SET THE SCREEN SIZES FOR THE BANNER IF YOU WISH TO MAKE THE BANNER RESOPONSIVE 	-
  **********************************************************************************************/

  /*	-	THE BANNER CONTAINER (Padding, Shadow, Border etc. )	-	*/


  .bannercontainer {
		padding:5px;
		background-color:#fff;
		width:890px;
		position:relative;
		position:relative;
		margin-left:auto;
		margin-right:auto;


	}

  .banner{
		width:890px;
		height:490px;
		position:relative;
		overflow:hidden;
   }


  /*	THE MEDIA CHOOSER TO SET DIFFERENT SIZES OF THE CONTAINER DEPENDING ON THE SCREEN SIZE    */
   @media only screen and (min-width: 768px) and (max-width: 959px) {

 		  .banner, .bannercontainer			{	width:750px; height:412px;	}

   }

   @media only screen and (min-width: 480px) and (max-width: 767px) {

			.banner, .bannercontainer		{	width:470px; height:258px;	}

   }

   @media only screen and (min-width: 0px) and (max-width: 479px) {

			.banner, .bannercontainer		{	width:310px; height:170px;	}

   }






/*----------------------------------------------------------------------------- 

REVOLUTION RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet 

version:   	1.0 
date:      	26/06/12 
author:		themepunch
email:     	support@themepunch.com 
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/



/*********************************************************************************************
              -	SET THE SCREEN SIZES FOR THE BANNER IF YOU WISH TO MAKE THE BANNER RESOPONSIVE 	-	
**********************************************************************************************/

/*	-	THE BANNER CONTAINER (Padding, Shadow, Border etc. )	-	*/


.bannercontainer, .bannercontainer2 {	
    margin: 0 0 20px 0;
    background-color:#fff;
    height:auto;
    position:relative;
    position:relative;	
    margin-left:auto;
    margin-right:auto;	

}
.banner{		
    width:940px;
    height:400px;
    position:relative;
    overflow:hidden;			
}
.banner2 {		
    width:100%;
    height:298px;
    position:relative;
    overflow:hidden;			
}

.bannercontainer .middle {
    font-size: 16px;
}
.bannercontainer .big {
    font-size: 32px;
    line-height: 35px;
    padding-left: 10px;
}
.bannercontainer .small {
    font-size: 12px;
    line-height: 17px;
}
.bannercontainer2 .middle {
    font-size: 16px;
}
.bannercontainer2 .big {
    font-size: 32px;
    line-height: 35px;
}
.bannercontainer2 .small {
    font-size: 12px;
    line-height: 17px;
}
.bannercontainer .slide5 .small {
        padding-right: 20px;
    }
    .bannercontainer .big {
        position: absolute;
        padding-right: 10px;
    }
    .bannercontainer .slide4 .small {
        padding-right: 100px;
    }

/*	THE MEDIA CHOOSER TO SET DIFFERENT SIZES OF THE CONTAINER DEPENDING ON THE SCREEN SIZE    */
@media only screen and (min-width: 768px) and (max-width: 959px) {		

    .banner, .bannercontainer			{	width:724px; height:auto;	}
    .bannercontainer .middle {
        font-size: 20px;
    }
    .bannercontainer .big {
        font-size: 30px;
        line-height: 39px;
    }
    .bannercontainer .small {
        font-size: 13px;
        line-height: 20px;
    }
    .bannercontainer .caption  {
        padding-right: 0;
    }
    .bannercontainer .slide2 .small {
        margin-left: -158px;
        padding-right: 103px;
    }    
    .bannercontainer .big {
        position: absolute;
        padding-right: 10px;
    }
    .bannercontainer .slide2 .small {
        background-color: #333333;
        color: #FFFFFF;
        padding-left: 20px;
    }
    .bannercontainer .slide4 .small {
        padding: 6px 100px 0 0;
    }
    .bannercontainer .slide4 .middle {
        line-height: 11px;
    }
    .stick1, .stick3, .stick4, .stick5, .stick6 {
        display: none;
    }
    .stick2 img {
        width: 152px;
        height: 150px;
    }
    .bannercontainer .slide3 .big {
        padding-left: 41px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .banner, .bannercontainer		{	width:auto; height:auto;	}	
    .bannercontainer .middle {
        font-size: 12px;
    }
    .bannercontainer .big {
        font-size: 20px;
        line-height: 25px;
    }
    .bannercontainer .small {
        font-size: 12px;
        line-height: 14px;
        padding-right: 10px;
    }
    .bannercontainer .caption  {
        padding-right: 0;
    }
    .bannercontainer .slide2 .small {
        background-color: #333333;
        color: #FFFFFF;
        margin-left: -258px;
        padding-left: 20px;
        padding-right: 203px;
        padding-top: 11px;
    }
    .bannercontainer .big {
        position: absolute;
        padding-right: 10px;
    }
    .stick1, .stick3, .stick4, .stick5, .stick6 {
        display: none;
    }
    .stick2 img {
        width: 152px;
        height: 150px;
    }
    .bannercontainer .slide3 .big {
        padding-left: 0;
        font-size: 18px;
    }
    .bannercontainer .slide4 .small {        
        padding: 6px 0 0;
    }
    .bannercontainer .slide2 .middle {
        display: none;
    }
    .bannercontainer .slide4 .middle {
        line-height: 11px;
    }
    .bannercontainer .small {
        display: none;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {

    .banner, .bannercontainer		{	width:auto; height:auto;	}
    .bannercontainer .middle {
        font-size: 10px;
        line-height: 15px;
        display: none;
    }
    .bannercontainer .big {
        font-size: 10px;
        line-height: 11px;     
    }
    .bannercontainer .small {
        padding-right: 10px;
        font-size: 8px;
        line-height: 10px;
        display: none;
    }
    .bannercontainer .caption  {
        padding-right: 0;
    }
    .bannercontainer .big {
        position: absolute;
        padding-right: 10px;
    }
    .stick1, .stick3, .stick4, .stick5, .stick6 {
        display: none;
    }
    .stick2 img {
        width: 152px;
        height: 150px;
    }
    .bannercontainer .slide3 .big {
        padding-left: 0;
    }
    .bannercontainer .slide4 .small {
        padding: 6px 0 0;
    }
    .bannercontainer .slide4 .middle {
        line-height: 11px;
    }
}






@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(/assets/fonts/glyphicons-halflings-regular.eot);
  src: url(/assets/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/glyphicons-halflings-regular.woff) format("woff"), url(/assets/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}
/* line 7, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 19, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-asterisk:before {
  content: "\2a";
}

/* line 22, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-plus:before {
  content: "\2b";
}

/* line 25, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-euro:before {
  content: "\20ac";
}

/* line 28, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-minus:before {
  content: "\2212";
}

/* line 31, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-cloud:before {
  content: "\2601";
}

/* line 34, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-envelope:before {
  content: "\2709";
}

/* line 37, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-pencil:before {
  content: "\270f";
}

/* line 40, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-glass:before {
  content: "\e001";
}

/* line 43, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-music:before {
  content: "\e002";
}

/* line 46, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-search:before {
  content: "\e003";
}

/* line 49, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-heart:before {
  content: "\e005";
}

/* line 52, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-star:before {
  content: "\e006";
}

/* line 55, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-star-empty:before {
  content: "\e007";
}

/* line 58, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-user:before {
  content: "\e008";
}

/* line 61, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-film:before {
  content: "\e009";
}

/* line 64, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-th-large:before {
  content: "\e010";
}

/* line 67, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-th:before {
  content: "\e011";
}

/* line 70, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-th-list:before {
  content: "\e012";
}

/* line 73, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-ok:before {
  content: "\e013";
}

/* line 76, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-remove:before {
  content: "\e014";
}

/* line 79, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-zoom-in:before {
  content: "\e015";
}

/* line 82, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-zoom-out:before {
  content: "\e016";
}

/* line 85, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-off:before {
  content: "\e017";
}

/* line 88, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-signal:before {
  content: "\e018";
}

/* line 91, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-cog:before {
  content: "\e019";
}

/* line 94, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-trash:before {
  content: "\e020";
}

/* line 97, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-home:before {
  content: "\e021";
}

/* line 100, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-file:before {
  content: "\e022";
}

/* line 103, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-time:before {
  content: "\e023";
}

/* line 106, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-road:before {
  content: "\e024";
}

/* line 109, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-download-alt:before {
  content: "\e025";
}

/* line 112, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-download:before {
  content: "\e026";
}

/* line 115, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-upload:before {
  content: "\e027";
}

/* line 118, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-inbox:before {
  content: "\e028";
}

/* line 121, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-play-circle:before {
  content: "\e029";
}

/* line 124, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-repeat:before {
  content: "\e030";
}

/* line 127, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-refresh:before {
  content: "\e031";
}

/* line 130, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-list-alt:before {
  content: "\e032";
}

/* line 133, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-lock:before {
  content: "\e033";
}

/* line 136, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-flag:before {
  content: "\e034";
}

/* line 139, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-headphones:before {
  content: "\e035";
}

/* line 142, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-volume-off:before {
  content: "\e036";
}

/* line 145, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-volume-down:before {
  content: "\e037";
}

/* line 148, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-volume-up:before {
  content: "\e038";
}

/* line 151, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-qrcode:before {
  content: "\e039";
}

/* line 154, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-barcode:before {
  content: "\e040";
}

/* line 157, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-tag:before {
  content: "\e041";
}

/* line 160, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-tags:before {
  content: "\e042";
}

/* line 163, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-book:before {
  content: "\e043";
}

/* line 166, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-bookmark:before {
  content: "\e044";
}

/* line 169, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-print:before {
  content: "\e045";
}

/* line 172, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-camera:before {
  content: "\e046";
}

/* line 175, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-font:before {
  content: "\e047";
}

/* line 178, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-bold:before {
  content: "\e048";
}

/* line 181, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-italic:before {
  content: "\e049";
}

/* line 184, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-text-height:before {
  content: "\e050";
}

/* line 187, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-text-width:before {
  content: "\e051";
}

/* line 190, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-align-left:before {
  content: "\e052";
}

/* line 193, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-align-center:before {
  content: "\e053";
}

/* line 196, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-align-right:before {
  content: "\e054";
}

/* line 199, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-align-justify:before {
  content: "\e055";
}

/* line 202, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-list:before {
  content: "\e056";
}

/* line 205, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-indent-left:before {
  content: "\e057";
}

/* line 208, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-indent-right:before {
  content: "\e058";
}

/* line 211, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-facetime-video:before {
  content: "\e059";
}

/* line 214, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-picture:before {
  content: "\e060";
}

/* line 217, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-map-marker:before {
  content: "\e062";
}

/* line 220, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-adjust:before {
  content: "\e063";
}

/* line 223, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-tint:before {
  content: "\e064";
}

/* line 226, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-edit:before {
  content: "\e065";
}

/* line 229, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-share:before {
  content: "\e066";
}

/* line 232, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-check:before {
  content: "\e067";
}

/* line 235, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-move:before {
  content: "\e068";
}

/* line 238, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-step-backward:before {
  content: "\e069";
}

/* line 241, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-fast-backward:before {
  content: "\e070";
}

/* line 244, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-backward:before {
  content: "\e071";
}

/* line 247, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-play:before {
  content: "\e072";
}

/* line 250, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-pause:before {
  content: "\e073";
}

/* line 253, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-stop:before {
  content: "\e074";
}

/* line 256, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-forward:before {
  content: "\e075";
}

/* line 259, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-fast-forward:before {
  content: "\e076";
}

/* line 262, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-step-forward:before {
  content: "\e077";
}

/* line 265, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-eject:before {
  content: "\e078";
}

/* line 268, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-chevron-left:before {
  content: "\e079";
}

/* line 271, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-chevron-right:before {
  content: "\e080";
}

/* line 274, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-plus-sign:before {
  content: "\e081";
}

/* line 277, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-minus-sign:before {
  content: "\e082";
}

/* line 280, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-remove-sign:before {
  content: "\e083";
}

/* line 283, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-ok-sign:before {
  content: "\e084";
}

/* line 286, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-question-sign:before {
  content: "\e085";
}

/* line 289, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-info-sign:before {
  content: "\e086";
}

/* line 292, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-screenshot:before {
  content: "\e087";
}

/* line 295, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-remove-circle:before {
  content: "\e088";
}

/* line 298, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-ok-circle:before {
  content: "\e089";
}

/* line 301, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-ban-circle:before {
  content: "\e090";
}

/* line 304, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-arrow-left:before {
  content: "\e091";
}

/* line 307, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-arrow-right:before {
  content: "\e092";
}

/* line 310, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-arrow-up:before {
  content: "\e093";
}

/* line 313, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-arrow-down:before {
  content: "\e094";
}

/* line 316, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-share-alt:before {
  content: "\e095";
}

/* line 319, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-resize-full:before {
  content: "\e096";
}

/* line 322, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-resize-small:before {
  content: "\e097";
}

/* line 325, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-exclamation-sign:before {
  content: "\e101";
}

/* line 328, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-gift:before {
  content: "\e102";
}

/* line 331, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-leaf:before {
  content: "\e103";
}

/* line 334, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-fire:before {
  content: "\e104";
}

/* line 337, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-eye-open:before {
  content: "\e105";
}

/* line 340, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-eye-close:before {
  content: "\e106";
}

/* line 343, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-warning-sign:before {
  content: "\e107";
}

/* line 346, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-plane:before {
  content: "\e108";
}

/* line 349, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-calendar:before {
  content: "\e109";
}

/* line 352, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-random:before {
  content: "\e110";
}

/* line 355, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-comment:before {
  content: "\e111";
}

/* line 358, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-magnet:before {
  content: "\e112";
}

/* line 361, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-chevron-up:before {
  content: "\e113";
}

/* line 364, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-chevron-down:before {
  content: "\e114";
}

/* line 367, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-retweet:before {
  content: "\e115";
}

/* line 370, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-shopping-cart:before {
  content: "\e116";
}

/* line 373, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-folder-close:before {
  content: "\e117";
}

/* line 376, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-folder-open:before {
  content: "\e118";
}

/* line 379, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-resize-vertical:before {
  content: "\e119";
}

/* line 382, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-resize-horizontal:before {
  content: "\e120";
}

/* line 385, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-hdd:before {
  content: "\e121";
}

/* line 388, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-bullhorn:before {
  content: "\e122";
}

/* line 391, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-bell:before {
  content: "\e123";
}

/* line 394, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-certificate:before {
  content: "\e124";
}

/* line 397, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-thumbs-up:before {
  content: "\e125";
}

/* line 400, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-thumbs-down:before {
  content: "\e126";
}

/* line 403, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-hand-right:before {
  content: "\e127";
}

/* line 406, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-hand-left:before {
  content: "\e128";
}

/* line 409, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-hand-up:before {
  content: "\e129";
}

/* line 412, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-hand-down:before {
  content: "\e130";
}

/* line 415, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

/* line 418, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

/* line 421, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

/* line 424, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

/* line 427, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-globe:before {
  content: "\e135";
}

/* line 430, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-wrench:before {
  content: "\e136";
}

/* line 433, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-tasks:before {
  content: "\e137";
}

/* line 436, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-filter:before {
  content: "\e138";
}

/* line 439, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-briefcase:before {
  content: "\e139";
}

/* line 442, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-fullscreen:before {
  content: "\e140";
}

/* line 445, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-dashboard:before {
  content: "\e141";
}

/* line 448, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-paperclip:before {
  content: "\e142";
}

/* line 451, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-heart-empty:before {
  content: "\e143";
}

/* line 454, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-link:before {
  content: "\e144";
}

/* line 457, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-phone:before {
  content: "\e145";
}

/* line 460, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-pushpin:before {
  content: "\e146";
}

/* line 463, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-usd:before {
  content: "\e148";
}

/* line 466, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-gbp:before {
  content: "\e149";
}

/* line 469, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-sort:before {
  content: "\e150";
}

/* line 472, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

/* line 475, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

/* line 478, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-sort-by-order:before {
  content: "\e153";
}

/* line 481, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

/* line 484, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

/* line 487, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

/* line 490, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-unchecked:before {
  content: "\e157";
}

/* line 493, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-expand:before {
  content: "\e158";
}

/* line 496, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-collapse-down:before {
  content: "\e159";
}

/* line 499, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-collapse-up:before {
  content: "\e160";
}

/* line 502, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-log-in:before {
  content: "\e161";
}

/* line 505, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-flash:before {
  content: "\e162";
}

/* line 508, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-log-out:before {
  content: "\e163";
}

/* line 511, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-new-window:before {
  content: "\e164";
}

/* line 514, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-record:before {
  content: "\e165";
}

/* line 517, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-save:before {
  content: "\e166";
}

/* line 520, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-open:before {
  content: "\e167";
}

/* line 523, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-saved:before {
  content: "\e168";
}

/* line 526, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-import:before {
  content: "\e169";
}

/* line 529, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-export:before {
  content: "\e170";
}

/* line 532, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-send:before {
  content: "\e171";
}

/* line 535, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-floppy-disk:before {
  content: "\e172";
}

/* line 538, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-floppy-saved:before {
  content: "\e173";
}

/* line 541, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-floppy-remove:before {
  content: "\e174";
}

/* line 544, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-floppy-save:before {
  content: "\e175";
}

/* line 547, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-floppy-open:before {
  content: "\e176";
}

/* line 550, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-credit-card:before {
  content: "\e177";
}

/* line 553, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-transfer:before {
  content: "\e178";
}

/* line 556, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-cutlery:before {
  content: "\e179";
}

/* line 559, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-header:before {
  content: "\e180";
}

/* line 562, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-compressed:before {
  content: "\e181";
}

/* line 565, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-earphone:before {
  content: "\e182";
}

/* line 568, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-phone-alt:before {
  content: "\e183";
}

/* line 571, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-tower:before {
  content: "\e184";
}

/* line 574, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-stats:before {
  content: "\e185";
}

/* line 577, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-sd-video:before {
  content: "\e186";
}

/* line 580, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-hd-video:before {
  content: "\e187";
}

/* line 583, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-subtitles:before {
  content: "\e188";
}

/* line 586, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-sound-stereo:before {
  content: "\e189";
}

/* line 589, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-sound-dolby:before {
  content: "\e190";
}

/* line 592, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-sound-5-1:before {
  content: "\e191";
}

/* line 595, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-sound-6-1:before {
  content: "\e192";
}

/* line 598, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-sound-7-1:before {
  content: "\e193";
}

/* line 601, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-copyright-mark:before {
  content: "\e194";
}

/* line 604, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-registration-mark:before {
  content: "\e195";
}

/* line 607, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-cloud-download:before {
  content: "\e197";
}

/* line 610, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-cloud-upload:before {
  content: "\e198";
}

/* line 613, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-tree-conifer:before {
  content: "\e199";
}

/* line 616, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/bootstrap-icons.scss */
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
/* Custom Properties
   ========================================================================== */

:root {
	/* Fonts */
	--main-font: 'Montserrat', sans-serif;
	--base-font-size: 1rem;
	--base-line-height: 1.75;

	/* Colors */
	--neutral-color: #545454;
	--neutral-color-10: #DCDCDC;
	--neutral-color-20: #BABABA;
	--neutral-color-30: #989898;
	--neutral-color-40: #767676;
	--neutral-color-60: #434343;
	--neutral-color-70: #323232;
	--neutral-color-80: #212121;
	--neutral-color-90: #101010;

	--primary-color: #2E5FA8;
	--primary-color-rgb: 27,57,100;
	--primary-color-10: #D5DFED;
	--primary-color-20: #ABBFDC;
	--primary-color-30: #819FCA;
	--primary-color-40: #577FB9;
	--primary-color-60: #244C86;
	--primary-color-70: #1B3964;
	--primary-color-80: #122543;
	--primary-color-90: #091221;

	--secondary-color: #0B783D;
	--secondary-color-rgb: 11,120,61;
	--secondary-color-10: #CEE4D8;
	--secondary-color-20: #9DC9B1;
	--secondary-color-30: #6CAE8A;
	--secondary-color-40: #3B9363;
	--secondary-color-60: #086030;
	--secondary-color-70: #064824;
	--secondary-color-80: #042F18;
	--secondary-color-90: #02170C;

	--accent-color: #F2A900;
	--accent-color-10: #FCEDCC;
	--accent-color-20: #F9DC99;
	--accent-color-30: #F7CB66;
	--accent-color-40: #F4BA33;
	--accent-color-60: #C18700;
	--accent-color-70: #916500;
	--accent-color-80: #604300;
	--accent-color-90: #302100;

	--info-color: #38B3C5;
	--info-color-10: #D7EFF3;
	--info-color-20: #AFE0E7;
	--info-color-30: #87D1DC;
	--info-color-40: #5FC2D0;
	--info-color-60: #2C8F9D;
	--info-color-70: #216B76;
	--info-color-80: #16474E;
	--info-color-90: #0B2327;

	--caution-color: #F18741;
	--caution-color-10: #FCE7D9;
	--caution-color-20: #F9CFB3;
	--caution-color-30: #F6B78D;
	--caution-color-40: #F39F67;
	--caution-color-60: #C06C34;
	--caution-color-70: #905127;
	--caution-color-80: #603519;
	--caution-color-90: #301A0C;

	--negative-color: #C63D37;
	--negative-color-rgb: 198,61,55;
	--negative-color-10: #F3D8D7;
	--negative-color-20: #E8B1AF;
	--negative-color-30: #DC8A87;
	--negative-color-40: #D1635F;
	--negative-color-60: #9E302C;
	--negative-color-70: #762421;
	--negative-color-80: #4F1815;
	--negative-color-90: #270C0A;

	--positive-color: #5FA82E;
	--positive-color-10: #DFEDD5;
	--positive-color-20: #BFDCAB;
	--positive-color-30: #9FCA81;
	--positive-color-40: #7FB957;
	--positive-color-60: #4C8624;
	--positive-color-70: #39641B;
	--positive-color-80: #254312;
	--positive-color-90: #122109;

	--bg-solid: var(--text-light-color);
	--bg-transparent: transparent;

	--text-dark-color: var(--neutral-color-70);
	--text-lighter-color: var(--neutral-color-40);
	--text-light-color: #ffffff;
	--helper-text-color: var(--text-lighter-color);

	--link-color: var(--accent-color);
	--link-color-visited: var(--accent-color-30);
	--link-color-hover: var(--accent-color-40);
	--link-color-active: var(--accent-color-60);

	--thead-color: var(--secondary-color);
	--table-bg-color: var(--secondary-color);
	--table-row-light: var(--text-light-color);
	--table-row-dark: #ebeff5;

	--form-accent-color: var(--secondary-color);
	--form-accent-color-rgb: var(--secondary-color-rgb);
	--form-accent-color-light: var(--secondary-color-20);
	--form-accent-color-lighter: var(--secondary-color-10);

	--form-error-color: var(--negative-color);
	--form-error-color-rgb: var(--negative-color-rgb);
	--form-error-color-lighter: var(--negative-color-10);
	--form-error-color-darker: var(--negative-color-60);

	--button-color: var(--accent-color);
	--button-text-color: var(--neutral-color-60);
	--button-color-hover: var(--accent-color-30);
	--button-color-active: var(--accent-color-60);

	--disabled-bg-color: var(--neutral-color-20);
	--disabled-bg-color-lighter: var(--neutral-color-10);
	--disabled-bg-color-darker: var(--neutral-color-40);
	--disabled-text-color: var(--neutral-color-60);
	--disabled-text-color-darker: var(--neutral-color-80);

	--selection-bg-color: var(--form-accent-color-lighter);

	--focus-visible-outline-width: 4px;
	--focus-visible-outline-style: solid;
	--focus-visible-outline-color: rgba(var(--form-accent-color-rgb),.2);
	--focus-visible-box-shadow: 0 0 0 6px rgba(var(--form-accent-color-rgb),.2);

	/* @link https://utopia.fyi/grid/calculator?c=320,16,1.2,1480,20,1.2,5,3,&s=0.75|0.5|0.25|0,1.5|2|3|4|6|7|16,4xs-2xs|4xs-xs|4xs-l|4xs-2xl|4xs-3xl|4xs-4xl|4xs-5xl|3xs-xs|3xs-s|3xs-5xl|2xs-4xs|2xs-s|2xs-m|xs-3xs|xs-m|xs-l|xs-xl|xs-2xl|xs-3xl|s-4xs|s-l|s-xl|s-2xl|s-3xl|s-4xl|m-s|m-2xl|m-3xl|m-4xl|l-2xl|l-4xl|3xl-m|3xl-xl&g=2xs,l,2xl,12 */

	/* Utopia Typography */
	--step--3: clamp(0.58rem, calc(0.54rem + 0.20vw), 0.72rem);
	--step--2: clamp(0.69rem, calc(0.65rem + 0.24vw), 0.87rem);
	--step--1: clamp(0.83rem, calc(0.78rem + 0.29vw), 1.04rem);
	--step-0: clamp(1.00rem, calc(0.93rem + 0.34vw), 1.25rem);
	--step-1: clamp(1.20rem, calc(1.12rem + 0.41vw), 1.50rem);
	--step-2: clamp(1.44rem, calc(1.34rem + 0.50vw), 1.80rem);
	--step-3: clamp(1.73rem, calc(1.61rem + 0.60vw), 2.16rem);
	--step-4: clamp(2.07rem, calc(1.93rem + 0.71vw), 2.59rem);
	--step-5: clamp(2.49rem, calc(2.32rem + 0.86vw), 3.11rem);

	/* Utopia Space */
	--space-4xs: clamp(0.00rem, calc(0.00rem + 0.00vw), 0.00rem);
	--space-3xs: clamp(0.25rem, calc(0.23rem + 0.09vw), 0.31rem);
	--space-2xs: clamp(0.50rem, calc(0.47rem + 0.17vw), 0.63rem);
	--space-xs: clamp(0.75rem, calc(0.70rem + 0.26vw), 0.94rem);
	--space-s: clamp(1.00rem, calc(0.93rem + 0.34vw), 1.25rem);
	--space-m: clamp(1.50rem, calc(1.40rem + 0.52vw), 1.88rem);
	--space-l: clamp(2.00rem, calc(1.86rem + 0.69vw), 2.50rem);
	--space-xl: clamp(3.00rem, calc(2.79rem + 1.03vw), 3.75rem);
	--space-2xl: clamp(4.00rem, calc(3.72rem + 1.38vw), 5.00rem);
	--space-3xl: clamp(6.00rem, calc(5.59rem + 2.07vw), 7.50rem);
	--space-4xl: clamp(7.00rem, calc(6.52rem + 2.41vw), 8.75rem);
	--space-5xl: clamp(16.00rem, calc(14.90rem + 5.52vw), 20.00rem);

	/* One-up pairs */
	--space-4xs-3xs: clamp(0.00rem, calc(-0.09rem + 0.43vw), 0.31rem);
	--space-3xs-2xs: clamp(0.25rem, calc(0.15rem + 0.52vw), 0.63rem);
	--space-2xs-xs: clamp(0.50rem, calc(0.38rem + 0.60vw), 0.94rem);
	--space-xs-s: clamp(0.75rem, calc(0.61rem + 0.69vw), 1.25rem);
	--space-s-m: clamp(1.00rem, calc(0.76rem + 1.21vw), 1.88rem);
	--space-m-l: clamp(1.50rem, calc(1.22rem + 1.38vw), 2.50rem);
	--space-l-xl: clamp(2.00rem, calc(1.52rem + 2.41vw), 3.75rem);
	--space-xl-2xl: clamp(3.00rem, calc(2.45rem + 2.76vw), 5.00rem);
	--space-2xl-3xl: clamp(4.00rem, calc(3.03rem + 4.83vw), 7.50rem);
	--space-3xl-4xl: clamp(6.00rem, calc(5.24rem + 3.79vw), 8.75rem);
	--space-4xl-5xl: clamp(7.00rem, calc(3.41rem + 17.93vw), 20.00rem);

  /* Custom pairs */
	--space-4xs-2xs: clamp(0.00rem, calc(-0.17rem + 0.86vw), 0.63rem);
	--space-4xs-xs: clamp(0.00rem, calc(-0.26rem + 1.29vw), 0.94rem);
	--space-4xs-l: clamp(0.00rem, calc(-0.69rem + 3.45vw), 2.50rem);
	--space-4xs-2xl: clamp(0.00rem, calc(-1.38rem + 6.90vw), 5.00rem);
	--space-4xs-3xl: clamp(0.00rem, calc(-2.07rem + 10.34vw), 7.50rem);
	--space-4xs-4xl: clamp(0.00rem, calc(-2.41rem + 12.07vw), 8.75rem);
	--space-4xs-5xl: clamp(0.00rem, calc(-5.52rem + 27.59vw), 20.00rem);
	--space-3xs-xs: clamp(0.25rem, calc(0.06rem + 0.95vw), 0.94rem);
	--space-3xs-s: clamp(0.25rem, calc(-0.03rem + 1.38vw), 1.25rem);
	--space-3xs-5xl: clamp(0.25rem, calc(-5.20rem + 27.24vw), 20.00rem);
	--space-2xs-4xs: clamp(0.00rem, calc(0.64rem + -0.69vw), 0.50rem);
	--space-2xs-s: clamp(0.50rem, calc(0.29rem + 1.03vw), 1.25rem);
	--space-2xs-m: clamp(0.50rem, calc(0.12rem + 1.90vw), 1.88rem);
	--space-xs-3xs: clamp(0.31rem, calc(0.87rem + -0.60vw), 0.75rem);
	--space-xs-m: clamp(0.75rem, calc(0.44rem + 1.55vw), 1.88rem);
	--space-xs-l: clamp(0.75rem, calc(0.27rem + 2.41vw), 2.50rem);
	--space-xs-xl: clamp(0.75rem, calc(-0.08rem + 4.14vw), 3.75rem);
	--space-xs-2xl: clamp(0.75rem, calc(-0.42rem + 5.86vw), 5.00rem);
	--space-xs-3xl: clamp(0.75rem, calc(-1.11rem + 9.31vw), 7.50rem);
	--space-s-4xs: clamp(0.00rem, calc(1.28rem + -1.38vw), 1.00rem);
	--space-s-l: clamp(1.00rem, calc(0.59rem + 2.07vw), 2.50rem);
	--space-s-xl: clamp(1.00rem, calc(0.24rem + 3.79vw), 3.75rem);
	--space-s-2xl: clamp(1.00rem, calc(-0.10rem + 5.52vw), 5.00rem);
	--space-s-3xl: clamp(1.00rem, calc(-0.79rem + 8.97vw), 7.50rem);
	--space-s-4xl: clamp(1.00rem, calc(-1.14rem + 10.69vw), 8.75rem);
	--space-m-s: clamp(1.25rem, calc(1.57rem + -0.34vw), 1.50rem);
	--space-m-2xl: clamp(1.50rem, calc(0.53rem + 4.83vw), 5.00rem);
	--space-m-3xl: clamp(1.50rem, calc(-0.16rem + 8.28vw), 7.50rem);
	--space-m-4xl: clamp(1.50rem, calc(-0.50rem + 10.00vw), 8.75rem);
	--space-l-2xl: clamp(2.00rem, calc(1.17rem + 4.14vw), 5.00rem);
	--space-l-4xl: clamp(2.00rem, calc(0.14rem + 9.31vw), 8.75rem);
	--space-3xl-m: clamp(1.88rem, calc(7.14rem + -5.69vw), 6.00rem);
	--space-3xl-xl: clamp(3.75rem, calc(6.62rem + -3.10vw), 6.00rem);

	/* Utopia Grid */
	--grid-max-width: 92.50rem;
	--grid-gutter: var(--space-2xs-l, clamp(0.50rem, calc(-0.05rem + 2.76vw), 2.50rem));
	--grid-columns: 12;

	/* Global Grid */
	--global-grid-template-columns: repeat(var(--grid-columns),1fr);
	--global-grid-span-12: 1 / span 12;
	--global-grid-span-10: 2 / span 10;
	--global-grid-span-8: 3 / span 8;

	/* Global Nav */
	--global-nav-bg-color: rgba(27, 57, 100, 0.9);
	--global-nav-transition: all 0.25s ease-in-out;
	--global-nav-height: var(--space-2xl);
	--global-nav-bg-filter: blur(20px);
	--global-nav-link-color: var(--text-light-color);
	--global-nav-link-color-hover: var(--button-color-hover);
	--global-nav-link-color-active: var(--button-color);
	--global-nav-link-color-focus: var(--button-color);

	--global-nav-logo-color: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7480%) hue-rotate(241deg) brightness(108%) contrast(102%);
	--global-nav-logo-color-hover: brightness(0) saturate(100%) invert(77%) sepia(64%) saturate(382%) hue-rotate(348deg) brightness(100%) contrast(94%);
	--global-nav-logo-color-focus: brightness(0) invert(58%) sepia(84%) saturate(805%) hue-rotate(5deg) brightness(100%) contrast(102%);
	--global-nav-logo-color-active: brightness(0) invert(58%) sepia(84%) saturate(805%) hue-rotate(5deg) brightness(100%) contrast(102%);

	--global-subnav-min-width: 16rem;
	--global-subnav-max-width: 100%;
	--global-subnav-border-radius: 0 0 var(--space-xs) var(--space-xs);
	--global-subnav-padding: var(--space-3xs) 0 var(--space-2xs) 0;
	--global-subnav-clip-open: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	--global-subnav-clip-shut: polygon(0 0, 100% 0, 100% 0, 0 0);

	/* Global Footers */
	--global-footer-bg-color: var(--primary-color-90);
	--global-footer-color: var(--text-light-color);
	--contact-footer-color: var(--text-light-color);
	--contact-footer-accent-color: var(--button-color);
	--contact-footer-link-color-hover: var(--button-color-hover);

	/* Chat */
	--chat-tab-height: 60px;
}

form {
	--fieldset-bg-color: var(--input-bg-color-transparent);
	--fieldset-border-width: 1px;
	--fieldset-border-style: solid;
	--fieldset-border-color: var(--form-accent-color-light);
	--legend-color: var(--primary-color);
	--label-color: var(--form-accent-color);
	--label-color-lighter: var(--form-accent-color-lighter);
	--input-width: 100%;
	--input-min-width: var(--space-3xl);
	--input-max-width: 100%;
	--input-font-size: var(--base-font-size);
	--input-color: var(--text-dark-color);
	--input-bg-color: rgba(255,255,255,0.75);
	--input-bg-color-transparent: rgba(255,255,255,0.3);
	--input-bg-color-darker: var(--neutral-color-10);
	--input-bg-color-hover: var(--form-accent-color-lighter);
	--input-bg-color-focus: var(--input-bg-color);
	--input-border-width: 2px;
	--input-border-style: solid;
	--input-border-color: var(--neutral-color-30);
	--input-border-color-hover: var(--form-accent-color);
	--input-border-color-focus: var(--form-accent-color);
	--input-border-radius: 0.5em;
	--input-padding-tb: var(--space-2xs);
	--input-padding-rl: var(--space-xs);
	--input-margin-t: 0;
	--input-margin-r: 0;
	--input-margin-l: 0;
	--input-margin-b: 0;
	--input-file-color: var(--helper-text-color);
	--input-file-border-width: var(--input-border-width);
	--input-file-border-style: var(--input-border-style);
	--input-file-border-color: transparent;
	--select-bg-img: url(/assets/ic-arrow-drop-down.svg);
	--select-bg-repeat: no-repeat;
	--select-bg-position: right top;
	--select-padding-r: 3em;
	--select-bg-size: contain;
	--range-padding: var(--space-s) var(--input-padding-rl);
	--range-track-height: 1em;
	--range-track-border-radius: 1em;
	--range-track-background: var(--neutral-color);
	--range-thumb-width: 2em;
	--range-thumb-height: 2em;
	--range-thumb-background: var(--button-color);
	--range-thumb-border: var(--button-color);
	--range-thumb-border-radius: 2em;
	--range-thumb-box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, 0.25);
	--input-checkbox-check-light: url(/assets/ic-check-white.svg) no-repeat right top;
	--input-checkbox-check-dark: url(/assets/ic-check-green.svg) no-repeat right top;
	--input-checkbox-check-error: url(/assets/ic-check-red.svg) no-repeat right top;
	--input-checkbox-check-disabled: url(/assets/ic-check-grey.svg) no-repeat right top;
	--input-checkbox-check-bg-size: contain;
}

.reverse form, form.reverse  {
	--form-accent-color: var(--text-light-color);
	--form-accent-color-lighter: var(--secondary-color-30);
	--fieldset-bg-color: rgba(255,255,255,0) !important;
	--helper-text-color: var(--secondary-color-20);
	--focus-visible-outline-color: rgba(255,255,255,.4);
	--focus-visible-box-shadow: 0 0 0 6px rgba(255,255,255,.4);
	--fieldset-border-color: var(--form-accent-color-light);
	--legend-color: var(--text-light-color);
	--label-color: var(--form-accent-color);
	--label-color-lighter: var(--secondary-color-10);
	--input-bg-color-transparent: rgba(255,255,255,0.3);
	--input-bg-color-hover: var(--text-light-color);
	--input-bg-color-focus: var(--text-light-color);
	--input-border-color: transparent;
	--input-border-color-hover: var(--text-light-color);
	--input-border-color-focus: var(--text-light-color);
	--input-file-color: var(--text-light-color);
	--input-checkbox-check-light: url(/assets/ic-check-white.svg) no-repeat right top;
	--input-checkbox-check-dark: url(/assets/ic-check-green.svg) no-repeat right top;
	--input-checkbox-check-error: url(/assets/ic-check-red.svg) no-repeat right top;
	--input-checkbox-check-disabled: url(/assets/ic-check-white.svg) no-repeat right top;
}

.reverse form fieldset .fieldDescription {
	color: var(--text-light-color);
}
.reverse form input[type=radio] {
	background-color: var(--secondary-color-40);
	border-color: var(--secondary-color);
	outline-color: var(--text-light-color);
}
.reverse form input[type=radio]:hover,
.reverse form input[type=radio]:checked:hover {
	border-color: var(--secondary-color);
}
.reverse form input[type=radio][disabled] {
	background-color: var(--secondary-color-40);
	border-color: var(--secondary-color);
}
.reverse form input[type=radio][disabled]:checked {
	background-color: var(--secondary-color-10);
	border-color: var(--secondary-color);
}
.reverse form input[type=checkbox] {
	background-color: transparent;
	border-color: var(--text-light-color);
}
.reverse form input[type=checkbox]:hover {
	background-color: var(--secondary-color-40);
}
.reverse form input[type=checkbox]:checked {
	background-color: transparent;
}
.reverse form input[type=checkbox]:not([disabled]):checked:hover {
	background-color: var(--text-light-color);
	border-color: var(--text-light-color);
}
.reverse form input[type=checkbox][disabled] {
	background-color: transparent;
}
.reverse form input[type=checkbox][disabled]:checked {
	background-color: transparent;
	border-color: var(--text-light-color);
}
.reverse form input[type=radio][disabled] + label,
.reverse form input[type=checkbox][disabled] + label {
  color: var(--secondary-color-10);
}
.reverse form input[readonly],
.reverse form textarea[readonly]{
	background-color: rgba(255,255,255,0.5);
	border-color: var(--secondary-color-80);
	color: var(--neutral-color-80);
}
.reverse form [disabled] {
	opacity: 0.4 !important;
}

form .field_with_errors {
	--form-accent-color: var(--form-error-color);
	--form-accent-color-rgb: var(--form-error-color-rgb);
	--form-accent-color-lighter: var(--form-error-color-lighter);
	--selection-bg-color: var(--form-accent-color-lighter);
	--focus-visible-outline-color: rgba(var(--form-accent-color-rgb),.2);
	--focus-visible-box-shadow: 0 0 0 6px rgba(var(--form-accent-color-rgb),.2);
	--label-color: var(--form-accent-color);
	--label-color-lighter: var(--form-accent-color-lighter);
	--input-bg-color-darker: var(--form-accent-color-lighter);
	--input-bg-color-hover: var(--form-accent-color-lighter);
	--input-bg-color-focus: var(--input-bg-color);
	--input-border-color: var(--form-accent-color);
	--input-border-color-hover: var(--form-accent-color);
	--input-border-color-focus: var(--form-accent-color);
	--input-file-border-color: var(--form-accent-color);
	--input-file-color: var(--form-accent-color);
	--input-checkbox-check-light: url(/assets/ic-check-white.svg) no-repeat right top;
	--input-checkbox-check-dark: url(/assets/ic-check-red.svg) no-repeat right top;
	--input-checkbox-check-error: url(/assets/ic-check-white.svg) no-repeat right top;
	--input-checkbox-check-disabled: url(/assets/ic-check-white.svg) no-repeat right top;
}
.reverse form .field_with_errors {

	--focus-visible-outline-color: var(--negative-color-40);
	--focus-visible-box-shadow: 0 0 0 6px var(--negative-color-40);
	--label-color: var(--negative-color-20);
	--input-bg-color: var(--negative-color-10);
	--input-bg-color-transparent: var(--form-error-color-lighter);
	--input-bg-color-hover: var(--text-light-color);
	--input-bg-color-focus: var(--text-light-color);
	--input-checkbox-check-light: url(/assets/ic-check-red.svg) no-repeat right top;
}
.reverse form .field_with_errors input[type=radio] {
	background-color: var(--negative-color-20);
	border-color: var(--text-light-color);
	outline-color: var(--negative-color);
}
.reverse form .field_with_errors input[type=radio]:checked {
	background-color: var(--negative-color);
}
.reverse form .field_with_errors input[type=checkbox] {
	background-color: var(--negative-color-20);
	border-color: var(--form-accent-color);
}
.reverse form .field_with_errors input[type=checkbox]:checked {
	background-color: var(--text-light-color);
}
.reverse form .field_with_errors input[type=checkbox]:hover {
	border-color: var(--negative-color-20);
}
.reverse form .required::after, .reverse form .required::before {
	color: var(--negative-color-20);
}

/* Document
   ========================================================================== */
*,
*::before,
*::after {
    margin: 0;
	box-sizing: border-box;
}

html {
	position: relative;
	font-family: var(--main-font);
	color: var(--text-dark-color);
	font-size: var(--base-font-size);
	line-height: var(--base-line-height);
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

@media (prefers-reduced-motion: no-preference) {
  html {
        scroll-behavior: smooth;
  }
}
body {
	position: relative;
	background: linear-gradient(180deg, rgba(18,37,67,0) 0%, rgba(18,37,67,0) 60%, rgba(18,37,67,.8) 100%), url(/assets/bg-wood.png), linear-gradient(to bottom, var(--primary-color), var(--primary-color-60)), var(--global-footer-bg-color);
	background-repeat: no-repeat, repeat-x, no-repeat;
	background-size: auto 100rem, auto 25rem, cover;
	background-position: bottom, bottom left, top;
	background-blend-mode: multiply, overlay, normal;
}
::-moz-selection {
	background: var(--selection-bg-color);
  	text-shadow: none;
}

::selection {
	background: var(--selection-bg-color);
	text-shadow: none;
}

/* Sections
   ========================================================================== */
.u-container {
  max-width: var(--grid-max-width);
  padding-inline: var(--grid-gutter);
  margin-inline: auto;
}
.u-grid {
	display: grid;
	gap: var(--grid-gutter);
}
header,
main {
	position: relative;
}
header.u-container,
main.u-container,
.global-footer.u-container,
.contact-footer > .u-container {
	grid-template-columns: var(--global-grid-template-columns);
	padding-inline: var(--space-s-2xl);
	row-gap: var(--space-s-xl);
}

section > header {
	margin-bottom: var(--space-s-l);
}
section > header > h1 {
	margin: 0;
}
main > section.no-bg:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
.content {
	position: relative;
	grid-template-columns: var(--global-grid-template-columns);
	grid-column: var(--global-grid-span-12);
	row-gap: 0;
	background-color: var(--bg-solid);
	padding-top: var(--space-s-m);
	padding-bottom: var(--space-l);
}
.content > * {
	grid-column: var(--global-grid-span-10);
}
.content.no-bg > * {
	grid-column: var(--global-grid-span-12);
}
.content-narrow {
	grid-column: var(--global-grid-span-10);
}
.content-narrow.no-bg {
	grid-column: var(--global-grid-span-12);
}
.content-narrow > * {
	grid-column: var(--global-grid-span-10);
}
.content-narrow.no-bg > * {
	grid-column: var(--global-grid-span-10);
}
.solid-bg {
	background-color: var(--bg-solid);
}
.solid-bg > * {
	grid-column: var(--global-grid-span-10);
}
.no-bg {
	background: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}


/* Grouping content
   ========================================================================== */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid var(--neutral-color-30);
  margin: 1em 0;
  padding: 0;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Typography
   ========================================================================== */
h1,h2,h3,h4,h5,h6,hgroup,
ul,ol,dd,
p,figure,
pre,table,fieldset,hr,table {
    margin-top: 0;
	margin-bottom: 1.5em;
}
h1, h2, h4, h5 {
	font-weight: 700;
	line-height: 1.5;
}
h3, h6 {
	font-weight: 900;
	line-height: 1.5;
	text-transform: uppercase;
}
h3 strong, h3 b, h6 strong, h6 b {
	font-weight: 700;
}
h1, h2 {
	color: var(--primary-color);
}
h3, h4 {
	color: var(--secondary-color);

}
h5, h6 {
	color: var(--neutral-color);
}
h1 {
	font-size: var(--step-4);
}
h2 {
	font-size: var(--step-3);
}
h3 {
	font-size: var(--step-2);
}
h4 {
	font-size: var(--step-1);
}
h5 {
	font-size: var(--step-0);
}
h6 {
	font-size: var(--step--1);
}
.eyebrow {
	color: var(--secondary-color);
	font-size: var(--step-2);
	line-height: 1.5;
	font-weight: 900;
	text-transform: uppercase;
}
.reverse .eyebrow {
	color: var(--secondary-color-20);
}
p, li {
	font-size: var(--step-0);
	line-height: var(--base-line-height);
}
ol,
ul {
	list-style: none;
	padding-left: calc(4 * var(--space-xs));
	text-indent: calc(-1 * (4 * var(--space-xs)));
	list-style-position: inside;
}
li {
	display: block;
}
li::before {
	display: inline-block;
	width: calc(4 * var(--space-xs));
	text-align: right;
	padding-right: var(--space-xs);
	color: var(--secondary-color);
	font-weight: 900;
}
ul>li::before {
	padding-right: calc(2 * var(--space-xs));
}
ul>li::before, ol>ul>li::before {
	content: '•';
}
ul>ul>li::before, ol>ul>ul>li::before {
	content: '–';
}
ul>ul>ul>li::before {
	content: '◦';
}
ol>li::before {
	counter-increment: list-item;
	content: counter(list-item)'.';
}
ol>ol>li::before {
	counter-increment: list-item;
	content: counter(list-item, lower-alpha)'.';
}
table {
	display: inline-block;
	table-layout: fixed;
	border-collapse: collapse;
	background-color: var(--table-bg-color);
	border: 1px solid var(--thead-color);
	max-width: 100%;
	overflow-wrap: break-word;
	overflow-x: auto;
}
.reverse table {
	color: var(--text-dark-color);
}
table thead, table th {
	color: var(--text-light-color);
	background-color: var(--thead-color);
	font-size: var(--step--1);
	font-weight: 700;
	text-transform: uppercase;
}
table th {
	padding: var(--space-xs) var(--space-s);
	vertical-align: baseline;
}
tbody tr:nth-child(odd) {
	background-color: var(--table-row-light);
}
tbody tr:nth-child(even) {
	background-color: var(--table-row-dark);
}
tbody td {
	padding: var(--space-s);
	font-size: var(--step--1);
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
.reverse,
.reverse h1,
.reverse h2,
.reverse h3,
.reverse h4,
.reverse h5,
.reverse h6,
.reverse li::before {
	color: var(--text-light-color);
}
.disclaimer p {
	color: var(--primary-color-40);
	font-size: var(--step--2);
	line-height: 1.25;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	margin-top: var(--space-l);
}
li+li,
li+ul,
li+ol {
	margin-top: 1.5em;
}
p+h2,
p+h3,
p+h4,
p+h5,
p+h6,
p+table,
ul+h2,
ul+h3,
ul+h4,
ul+h5,
ul+h6,
ul+p,
ul+table,
ol+h2,
ol+h3,
ol+h4,
ol+h5,
ol+h6,
ol+p,
ol+table {
	margin-top: 2.5em;
}

/* Links
   ========================================================================== */
a, a:link {
	transition: all 0.25s ease;
	text-underline-position: under;
    text-decoration-thickness: 8;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: underline;
}
a:not(nav a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, strong a, b a, [role="button"], .btn, .btn-sm, .btn-secondary, .btn-secondary-sm) {
	font-weight: 600;
}
a:not(nav a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [role="button"], .btn, .btn-sm, .btn-secondary, .btn-secondary-sm) {
	color: var(--link-color);
	text-decoration: none;
}
a sup, a sub {
	display: inline-block;
	text-decoration: none;
}
a:not(nav a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [role="button"], .btn, .btn-sm, .btn-secondary, .btn-secondary-sm):visited {
	color: var(--link-color-visited);
}
a:not(nav a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [role="button"], .btn, .btn-sm, .btn-secondary, .btn-secondary-sm):hover,
a:not(nav a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [role="button"], .btn, .btn-sm, .btn-secondary, .btn-secondary-sm):focus {
	color: var(--link-color-hover);
	text-decoration: underline;
}
a:not(nav a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .btn, .btn-sm, .btn-secondary, .btn-secondary-sm, [role="button"]):active {
	color: var(--link-color-active);
}
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus {
	color: var(--primary-color-40);
}
h1 a:active, h1 a:active, h2 a:active, h2 a:active {
	color: var(--primary-color-60);
}
h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus {
	color: var(--secondary-color-40);
}
h3 a:active, h3 a:active, h4 a:active, h4 a:active {
	color: var(--secondary-color-60);
}
h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus {
	color: var(--neutral-color-40);
}
h5 a:active, h5 a:active, h6 a:active, h6 a:active {
	color: var(--neutral-color-60);
}
a:focus-visible {
	outline-width: var(--focus-visible-outline-width);
	outline-style: var(--focus-visible-outline-style);
	outline-color: var(--focus-visible-outline-color);
}

/* Embedded content
   ========================================================================== */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
img {
  border-style: none;
}

/* Forms & Buttons
   ========================================================================== */
form {
	margin-bottom: var(--space-l);
}
.reverse form,
form.reverse {
	background-color: var(--secondary-color);
	padding: var(--space-m-l);
}
div.input-group {
	display: block;
}
.input-group.flex-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: var(--space-2xs);
}
.input-group.flex-row > * {
	margin: auto 0;
}
.input-group.flex-row input[type=radio],
.input-group.flex-row input[type=checkbox] {
	flex: none;
	align-self: flex-start;
	margin-top: var(--space-3xs);
	margin-bottom: var(--space-3xs);
}
.input-group.flex-row .label-group {
	flex: 1 1 0;
}
.input-group.flex-row .label-group > a {
	font-size: var(--step--2);
	line-height: 1.25;
	text-transform: uppercase;
	white-space: nowrap;
}
.label-group .fieldDescription {
	display: block;
}
.input-group .file-input-group .fieldDescription,
.input-group .file-input-group img {
	margin-top: var(--space-3xs);
	margin-left: var(--space-m);
}
.file-input-group img {
	width: var(--space-4xl);
	max-width: 100%;
}
.btn-group {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: center;
	gap: var(--space-s-m);
}
.btn-group > * {
	margin: 0;
	white-space: normal;
}
.btn-group [type=submit] + .btn-secondary [class*=icon],
.btn-group [type=submit] + .btn-secondary-sm [class*=icon],
.btn-group .btn + .btn-secondary [class*=icon],
.btn-group .btn-sm + .btn-secondary [class*=icon] {
	align-self: center;
}
fieldset {
	background-color: var(--fieldset-bg-color);
	border-width: var(--fieldset-border-width);
	border-style: var(--fieldset-border-style);
	border-color: var(--fieldset-border-color);
	margin: var(--space-xs) -0.75em var(--space-s) -0.75em;
	padding: 0.5em 0.75em var(--space-m);
}
legend {
	display: block;
	box-sizing: border-box;
	color: var(--legend-color);
	font-size: var(--step-0);
	font-weight: 700;
	max-width: 100%;
	padding: 0;
	white-space: normal;
	margin-top: var(--space-xs);
	margin-bottom: var(--space-2xs);
}
.form-2-col {
	padding-top: var(--space-3xs-s);
}
.form-2-col .input-group:not(.flex-row),
.form-2-col fieldset .input-group:not(.flex-row) {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(calc((var(--space-2xl) * 2) - (var(--grid-gutter) * 2)), 1fr));
	grid-column-gap: var(--grid-gutter);
	grid-row-gap: var(--space-2xs);
	align-items: baseline;
}
.form-2-col .input-group > *,
.form-2-col fieldset .input-group > * {
	grid-column: auto / span 3;
	margin: 0;
}
.form-2-col .input-group > :first-child,
.form-2-col fieldset .input-group > :first-child {
	grid-column: auto / span 2;
	margin-top: var(--space-3xs);
}
label:not(input[type="radio"]+label, input[type="checkbox"]+label) {
	font-size: var(--step--1);
	line-height: 1.25;
	font-weight: 700;
	color: var(--label-color);
	text-transform: uppercase;
}
label:not(input[type="radio"]+label, input[type="checkbox"]+label) + input,
label + select,
label + textarea,
label ~ .select2,
.fieldDescription + input,
.fieldDescription + select,
.fieldDescription + textarea,
.fieldDescription ~ .select2,
.helper-text + input,
.helper-text + select,
.helper-text + textarea,
.helper-text ~ .select2 {
	margin-top: var(--space-3xs);
}
input[type="radio"] + label,
input[type="checkbox"] + label {
	margin-right: var(--space-xs);
}
input[type="radio"] + .label-group label,
input[type="checkbox"] + .label-group label {
	color: var(--text-dark-color);
	font-size: var(--step--1);
	line-height: 1.5;
	font-weight: 400;
	text-transform: none;
	white-space: normal;
	margin-right: var(--space-xs);
}
input[type="radio"]+label,
input[type="checkbox"]+label {
	font-size: var(--step--1);
}
.helper-text,
.fieldDescription,
input[type="file"] {
	font-size: var(--step--2);
	line-height: 1.5;
	color: var(--helper-text-color);
	font-weight: 600;
	max-width: calc((var(--space-2xl) * 5) + (var(--grid-gutter) * 4));
}
progress {
  vertical-align: baseline;
}
input:not([type=radio], [type=checkbox], [type=color], [type=file], [type=submit], [type=reset]),
select,
textarea {
	width: var(--input-width);
	min-width: var(--input-min-width);
	max-width: var(--input-max-width);
}
input:not([type=submit], [type=reset]) + input:not([type=submit], [type=reset]),
input + select,
input + textarea,
input + .input-group,
input + fieldset,
select + input,
select + select,
select + textarea,
select + .input-group,
select + fieldset,
textarea + input,
textarea + select,
textarea + textarea,
textarea + .input-group,
textarea + fieldset,
.input-group + input,
.input-group + select,
.input-group + textarea,
.input-group + .input-group,
.input-group + fieldset,
fieldset + input,
fieldset + select,
fieldset + textarea,
fieldset + .input-group,
fieldset + fieldset {
	margin-top: var(--space-s-l);
}
button,
input,
optgroup,
select,
textarea,
input[type=file]::file-selector-button {
	font-family: inherit;
	transition: all 0.25s ease;
}
label,
button,
select,
summary,
[type=radio],
[type=submit],
[type=reset],
[type=checkbox],
[type=file],
[type=color],
[type=range],
[type=date],
[type=time],
[type=datetime],
[type=file]::file-selector-button,
[type=number]::-webkit-inner-spin-button,
[type=date]::-webkit-calendar-picker-indicator {
    cursor: pointer;
}
[disabled], [readonly], input[type="file"][disabled]::file-selector-button {
	cursor: not-allowed;
}
button:focus-visible,
input:not([type=radio]):focus,
select:focus,
textarea:focus,
input:not([type=radio]):focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline-width: var(--focus-visible-outline-width);
	outline-style: var(--focus-visible-outline-style);
	outline-color: var(--focus-visible-outline-color);
}
th a:focus-visible,
.global-nav a:focus-visible,
.contact-info a:focus-visible {
	outline-color: rgba(255,255,255,.2);
}
.contact-info a:focus,
.contact-info a:focus-visible {
	color: var(--contact-footer-color);
}
input[type=radio]:focus,
input[type=radio]:focus-visible {
	box-shadow: var(--focus-visible-box-shadow);
}
[disabled],
input[type=radio][disabled]+label,
input[type=checkbox][disabled]+label {
	opacity: 0.5;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
input,
select,
textarea {
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	background: transparent;
}
input:not([type=submit], [type=reset], [type=file], [type=color], [type=range]),
textarea,
select {
	font-size: var(--input-font-size);
	color: var(--input-color);
	background-color: var(--input-bg-color);
	border-width: var(--input-border-width);
	border-style: var(--input-border-style);
	border-color: var(--input-border-color);
	border-radius: var(--input-border-radius);
	padding: var(--input-padding-tb) var(--input-padding-rl);
}
select {
	background-image: var(--select-bg-img);
	background-repeat: var(--select-bg-repeat);
	background-position: var(--select-bg-position);
	background-size: var(--select-bg-size);
	padding-right: var(--select-padding-r);
}
textarea {
  resize: vertical;
	overflow: auto;
	vertical-align: top;
}
textarea[disabled] {
	resize: none;
}
input[type="password"] {
	font-family: Verdana, monospace;
	letter-spacing: 0.125em;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: 2em;
}
input[type=search] {
  -webkit-appearance: textfield;
}
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type=file] {
	color: var(--input-file-color);
	background-color: var(--input-bg-color-transparent);
	border-width: var(--input-file-border-width);
	border-style: var(--input-file-border-style);
	border-color: var(--input-file-border-color);
	border-radius: var(--input-border-radius);
	padding: var(--input-padding-tb) var(--input-padding-rl);
}
input[type=color] {
	background: none;
	background-color: var(--input-bg-color-transparent);
	vertical-align: middle;
	border-width: var(--input-file-border-width);
	border-style: var(--input-file-border-style);
	border-color: var(--input-file-border-color);
	width: var(--space-xl);
	height: var(--space-xl);
}
input[type=range] {
	background: transparent;
	background-color: var(--input-bg-color-transparent);
	vertical-align: middle;
	border-width: var(--input-file-border-width);
	border-style: var(--input-file-border-style);
	border-color: var(--input-file-border-color);
	padding: var(--range-padding);
}
input[type=range]:focus:not(:focus-visible) {
	outline:none;
}
input[type=range]::-moz-range-track {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: var(--range-track-height);
	border-radius: var(--range-track-border-radius);
	background: var(--range-track-background);
}
input[type=range][disabled]::-moz-range-track {
	background: var(--disabled-bg-color-darker);
}
input[type=range]::-webkit-slider-runnable-track {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: var(--range-track-height);
	border-radius: var(--range-track-border-radius);
	background: var(--range-track-background);
}
input[type=range][disabled]::-webkit-slider-runnable-track {
	background: var(--disabled-bg-color-darker);
}
input[type=range]::-moz-range-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: var(--range-thumb-width);
	height: var(--range-thumb-height);
	background: var(--range-thumb-background);
	border: 2px solid var(--range-thumb-border);
	border-radius: var(--range-thumb-border-radius);
	box-shadow: var(--range-thumb-box-shadow);
}
input[type=range][disabled]::-moz-range-thumb {
	background: var(--disabled-text-color);
	border-color: var(--disabled-text-color);
}
input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: var(--range-thumb-width);
	height: var(--range-thumb-height);
	background: var(--range-thumb-background);
	border: var(--range-thumb-border);
	border-radius: var(--range-thumb-border-radius);
	box-shadow: var(--range-thumb-box-shadow);
	margin-top: -0.5em;
}
input[type=range][disabled]::-webkit-slider-thumb {
	background: var(--disabled-bg-color-darker);
	border-color: var(--disabled-bg-color-darker);
}
input:not([type=submit], [type=reset], [type=file], [type=color], [type=range], [type=radio], [type=checkbox], [disabled], [readonly]):hover,
select:not([disabled], [readonly]):hover,
textarea:not([disabled], [readonly]):hover {
	border-color: var(--input-border-color-hover);
	background-color: var(--input-bg-color-hover);
}
input:not([type=submit], [type=reset], [type=file], [type=color], [type=range], [type=radio], [type=checkbox], [readonly]):focus,
select:not([readonly]):focus,
textarea:not([readonly]):focus {
	border-color: var(--input-border-color-focus);
	background-color: var(--input-bg-color-focus);
}
input:not([type=submit], [type=reset])[disabled],
textarea[disabled],
select[disabled]  {
	color: var(--disabled-text-color);
	background-color: var(--disabled-bg-color);
}
input[type="file"][disabled],
input[type="range"][disabled],
input[type="color"][disabled] {
	border-color: var(--input-border-color);
}
input[readonly],
textarea[readonly]  {
	border-style: dotted;
	color: var(--disabled-text-color);
}
input[type=radio],
input[type=checkbox] {
	flex: none;
	accent-color: var(--form-accent-color);
	width: var(--space-s);
	height: var(--space-s);
	display: inline-block;
	vertical-align: middle;
	margin-top: var(--space-2xs);
	margin-bottom: var(--space-2xs);
}
input[type=radio] + label,
input[type=checkbox] + label {
	margin-left: var(--space-3xs);
	vertical-align: middle;
}
input[type=radio] {
	padding: .5em;
	border-width: 3px;
	border-style: solid;
	border-color: var(--input-bg-color);
	border-radius: 50%;
	background-color: var(--input-bg-color-darker);
	outline-width: 2px;
	outline-style: solid;
	outline-color: var(--input-border-color);
}
input[type=radio]:not([disabled]):checked {
	background-color: var(--form-accent-color);
	outline-color: var(--form-accent-color);
}
input[type=radio]:not([disabled]):hover {
	border-color: var(--input-bg-color);
	outline-color: var(--form-accent-color);
	background-color: var(--form-accent-color-lighter);
}
input[type=radio]:not([disabled]):checked:hover {
	border-color: var(--form-accent-color-lighter);
	outline-color: var(--form-accent-color);
	background-color: var(--form-accent-color);
}
input[type=radio]:focus,
input[type=radio]:checked:focus {
	border-color: var(--input-bg-color);
	outline-color: var(--form-accent-color);
	background-color: var(--form-accent-color);
}
input[type=radio][disabled] {
	background-color: var(--disabled-bg-color-lighter);
}
input[type=radio]:checked[disabled] {
	background-color: var(--disabled-bg-color-darker);
}
input[type=checkbox] {
	padding: var(--space-2xs);
	border-width: var(--input-border-width);
	border-style: var(--input-border-style);
	border-color: var(--input-border-color);
	border-radius: .4em;
	background-color: var(--input-bg-color);
	vertical-align: middle;
}
input[type=checkbox]:not([disabled]):hover {
	border-color: var(--form-accent-color);
	background-color: var(--form-accent-color-lighter);
}
input[type=checkbox]:focus {
	border-color: var(--form-accent-color);
	background-color: var(--input-bg-color);
}
input[type=checkbox]:checked {
	border-color: var(--form-accent-color);
	background: var(--form-accent-color) var(--input-checkbox-check-light);
	background-size: var(--input-checkbox-check-bg-size);
}
input[type=checkbox]:checked:not([disabled]):hover {
	background: var(--form-accent-color-lighter) var(--input-checkbox-check-dark);
	background-size: var(--input-checkbox-check-bg-size);
}
input[type=checkbox]:checked:focus {
	background: var(--form-accent-color) var(--input-checkbox-check-light);
	background-size: var(--input-checkbox-check-bg-size);
}
input[type=checkbox][disabled] {
	background-color: var(--disabled-bg-color);
}
input[type=checkbox]:checked[disabled] {
	background: var(--disabled-bg-color) var(--input-checkbox-check-disabled);
	border-color: var(--input-border-color);
	background-size: var(--input-checkbox-check-bg-size);
}
input[type=radio][disabled]+label, input[type=checkbox][disabled]+label {
	color: var(--disabled-text-color);
	cursor: not-allowed;
}
.required::after, .required::before {
	display: inline-block;
	content: '*';
	color: var(--negative-color);
	font-size: 120%;
	padding: 0.125em;
}
.reverse .required::after, .required::before {
	color: var(--negative-color-30);
}
.required::before {
	display: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
	appearance: button;
}
.btn,
.btn-sm,
.btn-secondary,
.btn-secondary-sm,
a[role="button"],
button,
input[type="submit"],
input[type="reset"],
input[type="file"]::file-selector-button {
	vertical-align: middle;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 0;
	font-weight: 700;
	text-decoration: none;
}
a.icon-left,
button.icon-left {
	text-align: left;
}
a.icon-left [class*="icon"],
button.icon-left [class*="icon"] {
	order: -1;
}
a.icon-right,
button.icon-right {
	text-align: right;
}
a.icon-right [class*="icon"],
button.icon-right [class*="icon"] {
	order: 2;
}
.btn,
.btn-secondary,
a[role="button"]:not(.btn-sm, .btn-secondary-sm),
button:not(.btn-sm, .btn-secondary-sm),
input[type="submit"]:not(.btn-sm, .btn-secondary-sm),
input[type="reset"]:not(.btn-sm, .btn-secondary-sm) {
	gap: var(--space-2xs);
	font-size: var(--step-0);
	line-height: var(--step-1);
}
.btn,
.btn-sm,
a[role="button"]:not(.btn-secondary, .btn-secondary-sm),
button:not(.btn-secondary, .btn-secondary-sm),
input[type="submit"]:not(.btn-secondary, .btn-secondary-sm),
input[type="reset"]:not(.btn-secondary, .btn-secondary-sm),
input[type="file"]::file-selector-button {
	border-radius: 1em;
	background-color: var(--button-color);
	color: var(--button-text-color);
	box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, 0.25);
}
.btn,
a[role="button"]:not(.btn-secondary, .btn-sm, .btn-secondary-sm),
button:not(.btn-secondary, .btn-sm, .btn-secondary-sm),
input[type="submit"]:not(.btn-secondary, .btn-sm, .btn-secondary-sm),
input[type="reset"]:not(.btn-secondary, .btn-sm, .btn-secondary-sm) {
	padding: var(--space-xs) var(--space-s);
}
.btn-secondary,
.btn-secondary-sm {
	background-color: transparent;
	color: var(--button-color);
	padding: 0;
}
.btn-sm,
.btn-secondary-sm,
input[type="file"]::file-selector-button {
	font-size: var(--step--1);
	line-height: var(--step-0);
	margin-top: var(--space-2xs);
	margin-bottom: var(--space-m);
	gap: var(--space-3xs);
}
input[type="file"]::file-selector-button {
	margin: 0.75em 1em 1em .5em;
}
.btn-sm,
input[type="file"]::file-selector-button {
	padding: var(--space-2xs) var(--space-xs);
}
.btn [class*="icon"],
.btn-sm [class*="icon"],
.btn-secondary [class*="icon"],
.btn-secondary-sm [class*="icon"],
a[role="button"] [class*="icon"],
button [class*="icon"] {
	display: block;
	align-self: flex-start;
	flex: 0;
}
.btn [class*="icon"],
.btn-secondary [class*="icon"],
a[role="button"]:not(.btn-sm, .btn-secondary-sm) [class*="icon"],
button:not(.btn-sm, .btn-secondary-sm) [class*="icon"] {
	font-size: var(--step-2);
}
.btn-sm [class*="icon"],
.btn-secondary-sm  [class*="icon"] {
	font-size: var(--step-1);
}
.btn:not([disabled]):visited,
.btn-sm:not([disabled]):visited,
a[role="button"]:not(.btn-secondary, .btn-secondary-sm):visited {
	background-color: var(--button-color);
	color: var(--button-text-color);
	text-decoration: none;
}
.btn-secondary:visited, .btn-secondary-sm:visited {
	background-color: transparent;
	color: var(--button-color);
	text-decoration: none;
}
.btn:not([disabled]):hover,
.btn-sm:not([disabled]):hover,
a[role="button"]:not(.btn-secondary, .btn-secondary-sm):hover,
button:not([disabled], .btn-secondary, .btn-secondary-sm):hover,
input[type="submit"]:not([disabled], .btn-secondary, .btn-secondary-sm):hover,
input[type="reset"]:not([disabled], .btn-secondary, .btn-secondary-sm):hover,
input[type="file"]::file-selector-button:hover,
.btn:not([disabled]):focus,
.btn-sm:not([disabled]):focus,
a[role="button"]:not(.btn-secondary, .btn-secondary-sm):focus,
button:not([disabled], .btn-secondary, .btn-secondary-sm):focus,
input[type="submit"]:not([disabled], .btn-secondary, .btn-secondary-sm):focus,
input[type="reset"]:not([disabled], .btn-secondary, .btn-secondary-sm):focus,
input[type="file"]::file-selector-button:focus {
	background-color: var(--button-color-hover);
}
.btn:not([disabled]):hover,
.btn-sm:not([disabled]):hover,
a[role="button"]:not(.btn-secondary, .btn-secondary-sm):hover,
button:not([disabled], .btn-secondary, .btn-secondary-sm):hover,
input[type="submit"]:not([disabled], .btn-secondary, .btn-secondary-sm):hover,
input[type="reset"]:not([disabled], .btn-secondary, .btn-secondary-sm):hover,
input[type="file"]::file-selector-button:hover {
	box-shadow: 0 .5em 1em 0 rgba(0, 0, 0, 0.25);
}
.btn-secondary:hover,
.btn-secondary-sm:hover,
.btn-secondary:focus,
.btn-secondary-sm:focus {
	background-color: transparent;
	color: var(--button-color-hover);
	box-shadow: none;
}
.btn:not([disabled]):focus,
.btn-sm:not([disabled]):focus,
a[role="button"]:not(.btn-secondary, .btn-secondary-sm):focus,
button:not([disabled], .btn-secondary, .btn-secondary-sm):focus,
input[type="submit"]:not([disabled], .btn-secondary, .btn-secondary-sm):focus,
input[type="reset"]:not([disabled], .btn-secondary, .btn-secondary-sm):focus,
input[type="file"]::file-selector-button:focus {
	box-shadow: none;
}
.btn:active,
.btn-sm:active,
a[role="button"]:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
.btn-secondary:active,
.btn-secondary-sm:active,
input[type="file"]::file-selector-button:active {
	box-shadow: none !important;
}
.btn-secondary:active,
.btn-secondary-sm:active {
	background-color: transparent;
	color: var(--link-color-active);
}
button:not(.btn-secondary, .btn-secondary-sm)[disabled],
input[type="submit"]:not(.btn-secondary, .btn-secondary-sm)[disabled],
input[type="reset"]:not(.btn-secondary, .btn-secondary-sm)[disabled] {
	background-color: var(--disabled-bg-color);
	color: var(--disabled-text-color);
	box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, 0.15);
}
input[type="file"][disabled]::file-selector-button {
	background-color: var(--disabled-bg-color-darker);
	color: var(--disabled-text-color-darker);
	box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, 0.25);
}
.btn-secondary[disabled],
.btn-secondary-sm[disabled] {
	background-color: transparent;
	color: var(--disabled-bg-color);
	padding: 0;
	box-shadow: none;
}
.btn-neutral {
	color: var(--neutral-color-40);
}
.btn-neutral:visited {
	color: var(--neutral-color-40);
}
.btn-neutral:hover {
	color: var(--neutral-color-30);
}
.btn-neutral:focus {
	color: var(--neutral-color-30);
}
.btn-neutral:active {
	color: var(--neutral-color);
}
.reverse .btn-neutral {
	color: var(--neutral-color-10);
}
.reverse .btn-neutral:visited {
	color: var(--neutral-color-10);
}
.reverse .btn-neutral:hover {
	color: var(--text-light-color);
}
.reverse .btn-neutral:focus {
	color: var(--text-light-color);
}
.reverse .btn-neutral:active {
	color: var(--neutral-color-20);
}
.input-group.field-btn-combo {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
}
.field-btn-combo input {
	margin: 0;
}
.field-btn-combo input[type=text] {
	border-radius: 1em 0 0 1em;
	border-right: 0;
	font-size: var(--step-0);
}
.field-btn-combo a.btn {
	flex: 0;
	border-radius: 0 1em 1em 0;
	padding: var(--space-2xs) var(--space-xs);
	box-shadow: none;
}
.field-btn-combo a [class*="icon"] {
	font-size: var(--step-4) !important;
	font-weight: 700 !important;
}

/* Combo Box Overrides  */
.select2-container {
  box-sizing: border-box;
  display: block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  min-height: var(--space-l);
  user-select: none;
  -webkit-user-select: none;
	overflow: hidden;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  flex: 1 1 100%;
	display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--space-3xs);
  overflow: hidden;
  padding-left: 0;
  text-overflow: ellipsis;
  white-space: normal;
	padding: var(--input-padding-tb) var(--input-padding-rl);
	background-color: var(--text-light-color);
}
.select2-container .select2-search--inline {
  float: none;
  flex: 1 1 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: var(--step--1);
  margin: 0;
  padding: 0;
  padding-top: var(--space-xs);
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid var(--input-border-color);
  border-radius: var(--input-border-radius);
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
}
.select2-results__option::before {
  display: none;
}
.select2-results__option {
  margin: 0;
  padding: var(--space-2xs);
  user-select: none;
  -webkit-user-select: none;
}
.select2-search--dropdown {
  display: block;
  padding: var(--space-2xs);
}
.select2-search--dropdown .select2-search__field {
  padding: var(--space-3xs);
  width: 100%;
  box-sizing: border-box;
}
.select2-container--default .select2-selection--multiple {
  	font-size: var(--input-font-size);
	color: var(--input-color);
	background-color: var(--input-bg-color);
	border-width: var(--input-border-width);
	border-style: var(--input-border-style);
	border-color: var(--text-light-color);
	border-radius: var(--input-border-radius);
	padding: 0;
  	cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: var(--input-padding-tb) var(--input-padding-rl);
  text-indent: 0;
  width:100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li::before {
	display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
  color: var(--secondary-color);
  font-size: var(--step--2);
  line-height: 1.25;
  font-weight: 600;
  display: inline-flex;
  align-items: flex-start;
  gap: var(--space-3xs);
  max-width: 19rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--secondary-color-10);
  border: 0;
  border-radius: var(--space-3xs);
  cursor: default;
  float: none;
  margin: 0;
  padding: var(--space-3xs) var(--space-2xs) var(--space-3xs) var(--space-3xs);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-weight: inherit;
  font-size: var(--step-0);
  line-height: 0.75;
  margin: 0;
  padding: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: var(--secondary-color-60);
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: var(--input-border-color-focus);
	background-color: var(--input-bg-color-focus);
  outline: 0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: var(--disabled-bg-color);
  cursor:default
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  	border-width: var(--input-border-width);
	border-style: var(--input-border-style);
	border-color: var(--input-border-color);
}
.select2-container--default .select2-results>.select2-results__options {
  max-height: calc(2 * var(--space-2xl));
  overflow-y:auto;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: var(--disabled-text-color);
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--secondary-color-10);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--secondary-color);
  color: var(--text-light-color);
}
.select2-container--default .select2-results__group {
  cursor:default;
  display:block;
  padding: var(--space-2xs);
}

/* Interactive
   ========================================================================== */
details {
  display: block;
}
summary {
  display: list-item;
}

/* Global Nav
   ========================================================================== */
.global-nav {
	position: relative;
	display: flex;
	padding: 0 var(--space-s);
	justify-content: flex-start;
	align-items: stretch;
	position: sticky;
	top: 0;
	width: 100%;
	height: var(--global-nav-height);
	background-color: var(--global-nav-bg-color);
	margin-bottom: var(--space-s-l);
	overflow: visible;
	transition: var(--global-nav-transition);
	z-index: 1000;
}
.global-nav::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	backdrop-filter: var(--global-nav-bg-filter);
	z-index: -1;
}
.nav-main,
.nav-secondary {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	transition: var(--global-nav-transition);
}
.nav-secondary {
	margin-left: auto;
}
.global-nav a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--global-nav-link-color);
	font-size: var(--step-0);
	font-weight: 400;
	text-decoration: none;
	padding: var(--space-s);
	text-align: center;
}
.nav-main a {
	white-space: nowrap;
}
.subnav a {
	white-space: normal;
}
.global-nav a:hover {
	color: var(--global-nav-link-color-hover);
}
.global-nav a:focus {
	color: var(--global-nav-link-color-focus);
}
.global-nav a:active {
	color: var(--global-nav-link-color-active);
}
.nav-logo img {
	display: block;
	width: var(--global-nav-height);
	height: var(--global-nav-height);
	object-fit: fill;
	object-position: center center;
	filter: var(--global-nav-logo-color);
}
a.nav-logo {
	padding: var(--space-3xs);
}
a.nav-logo:hover img {
	filter: var(--global-nav-logo-color-hover);
}
a.nav-logo:focus img {
	filter: var(--global-nav-logo-color-hover-focus);
}
a.nav-logo:active img {
	filter: var(--global-nav-logo-color-active);
}
.nav-main .has-subnav::after {
	content: '\e5c5';
	display: block;
	font-family: 'Material Icons';
	font-size: var(--step-0);
	padding: var(--space-3xs);
}
.nav-secondary [class*="icon"],
.nav-menu [class*="icon"] {
	font-size: var(--step-2);
}
.nav-secondary a {
	padding: var(--space-2xs) var(--space-xs);
}
.subnav a {
	font-size: var(--step--1);
	padding: var(--space-xs) var(--space-m);
}
.nav-main .subnav,
.nav-secondary .subnav {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	transition: var(--global-nav-transition);
	min-width: var(--global-subnav-min-width);
	max-width: var(--global-subnav-max-width);
	padding: var(--global-subnav-padding);
	z-index: 100;

}
.nav-secondary .subnav {
	position: absolute;
	top: var(--global-nav-height);
	border-radius: var(--global-subnav-border-radius);
	background-color: var(--global-nav-bg-color);
	backdrop-filter: var(--global-nav-bg-filter);
	-webkit-clip-path: var(--global-subnav-clip-shut);
	clip-path: var(--global-subnav-clip-shut);
	right: 0;
	max-height: 68vh;
	overflow: hidden;
	overflow-y: auto;
}
.nav-secondary .subnav-visible {
	-webkit-clip-path: var(--global-subnav-clip-open);
	clip-path: var(--global-subnav-clip-open);
}
a:has(+ nav.subnav-visible) {
	color: var(--global-nav-link-color-focus);
}

@media (760px <= width) {
	a.nav-menu {
		display: none;
	}
	.nav-main .subnav {
		position: absolute;
		top: var(--global-nav-height);
		background-color: var(--global-nav-bg-color);
		backdrop-filter: var(--global-nav-bg-filter);
		border-radius: var(--global-subnav-border-radius);
		-webkit-clip-path: var(--global-subnav-clip-shut);
		clip-path: var(--global-subnav-clip-shut);
		right: 0;
	}
	.nav-main .subnav-visible {
		-webkit-clip-path: var(--global-subnav-clip-open);
		clip-path: var(--global-subnav-clip-open);
	}
}

@media (width <= 760px) {
	a.nav-menu {
		display: flex;
	}
	.nav-main {
		position: absolute;
		flex-direction: column;
		top: var(--global-nav-height);
		left: 0;
		min-width: var(--global-subnav-min-width);
		max-width: var(--global-subnav-max-width);
		padding: var(--global-subnav-padding);
		background-color: var(--global-nav-bg-color);
		backdrop-filter: var(--global-nav-bg-filter);
		border-radius: var(--global-subnav-border-radius);
		z-index: 100;
		-webkit-clip-path: var(--global-subnav-clip-shut);
		clip-path: var(--global-subnav-clip-shut);
		max-height: 68vh;
		overflow: hidden;
		overflow-y: auto;
	}
	 .nav-main.subnav-visible {
		-webkit-clip-path: var(--global-subnav-clip-open);
		clip-path: var(--global-subnav-clip-open);

	}
	.nav-main .subnav {
		padding-bottom: var(--space-2xs);
	}
	.nav-main .has-subnav {
		pointer-events: none;
		font-size: var(--step--1);
		color: var(--global-nav-link-color-hover);
		text-transform: uppercase;
		font-weight: 700;
	}
	.nav-main .has-subnav:after {
		display: none;
	}
	.nav-main .subnav a:first-child {
		padding-top: 0;
	}
}

/* Global Footers
   ========================================================================== */
.global-footer {
	grid-template-columns: var(--global-grid-template-columns);
	padding-top: var(--space-2xl);
	padding-bottom: var(--space-s);
}
.global-footer .footer-content {
	position: relative;
	grid-column: var(--global-grid-span-10);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-s);
}
.global-footer p {
	color: var(--global-footer-color);
	font-size: var(--step--1);
	text-align: center;
	margin: 0 0 var(--space-xs);
}
.global-footer .footer-brand {
	justify-content: center;
	flex: 0 1 306px;
}
.global-footer .footer-brand img {
	display: block;
	width: 100%;
	max-width: 100%;
}
.global-footer .footer-text {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media (902px <= width) {
	.global-footer .footer-content {
		justify-content: space-between;
	}
	.global-footer .footer-text {
		align-items: flex-end;
		padding-top: 26px;
	}
}
.contact-footer {
	width: 100%;
	background-color: var(--global-footer-bg-color);
	padding: var(--space-2xs) 0 calc(var(--space-2xs) + var(--chat-tab-height));
	z-index: 900;
}
.contact-footer > .u-grid {
	grid-template-columns: var(--global-grid-template-columns);
}
.contact-footer .footer-content {
	grid-column: var(--global-grid-span-12);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: var(--space-2xs);
}
.contact-footer h6 {
	font-size: var(--step-xs);
	font-weight: 700;
	color: var(--contact-footer-accent-color);
	text-transform: none;
	white-space: nowrap;
	margin: 0;
}
.contact-info {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: var(--space-2xs);
	padding: 0 var(--space-xs);
}
.contact-info a {
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	gap: var(--space-3xs);
	vertical-align: middle;
	color: var(--contact-footer-color);
	font-size: var(--step--2);
	text-decoration: none;
	white-space: nowrap;
	transition: var(--global-nav-transition);
}
.contact-info a [class*="icon"] {
	font-size: 1.25em;
	color: var(--contact-footer-accent-color);
}
.contact-info a:focus {
	color: var(---contact-footer-color);
}
.contact-info a:hover {
	color: var(--contact-footer-link-color-hover);
}
.contact-info a:active {
	color: var(--contact-footer-accent-color);
}
@media (902px <= width) {
	.contact-footer .footer-content {
		grid-column: var(--global-grid-span-10);
		justify-content: flex-start;
	}
}
@media (1070px <= width) {
	.contact-footer {
		position: sticky;
		bottom: 0;
		padding: var(--space-xs) 0;
	}
}

/* Messages
   ========================================================================== */

.message {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: var(--space-s) auto var(--space-m);
}
.message-content {
	position: relative;
	display: inline-block;
	color: var(--text-light-color);
	padding: var(--space-2xs-xs) calc((var(--space-m-l)) - (var(--space-xs))) var(--space-xs-s);
	border-width: var(--space-xs);
	border-style: solid;
	grid-column: 1 / -1;
	margin: 0 calc((5 * var(--space-4xs-2xs)) + var(--space-2xs-4xs));
}
.message-positive {
	background-color: var(--positive-color-60);
	border-color: var(--positive-color-40);
}
.message-caution {
	background-color: var(--caution-color-60);
	border-color: var(--caution-color-40);
}
.message-negative {
	background-color: var(--negative-color-60);
	border-color: var(--negative-color-40);
}
.message-info {
	background-color: var(--info-color-60);
	border-color: var(--info-color-40);
}
.message h2,
.reverse .message h2 {
	color: var(--accent-color-30);
	font-size: var(--step-1);
	margin-bottom: 0;
	text-align: center;
}
.message p {
	text-align: center;
}
.message h2 + p,
.message p + ul,
.message li + li {
	margin-top: var(--space-2xs);
	margin-bottom: 0;
}
.message p,
.message li {
	font-size: var(--step--1);
	margin-bottom: 0;
}
.error_explanation {
	position: relative;
	display: block;
	color: var(--text-light-color);
	margin: 0 auto var(--space-s);
	padding: var(--space-2xs-xs) calc((var(--space-m-l)) - (var(--space-xs))) var(--space-xs-s);
	background-color: var(--negative-color-60);
	border: var(--space-xs) solid var(--negative-color-40);
	margin-bottom: var(--space-m);
}
.error_explanation::after {
	content: '';
	display: block;
	z-index: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(/assets/ic-error-stop-white-384.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	opacity: 0.15;
}
.error_explanation h2,
.reverse .error_explanation h2 {
	font-size: var(--step-1);
	color: var(--accent-color-30);
	margin-bottom: 0;
}
.error_explanation h2 + p,
.error_explanation p + ul,
.error_explanation li + li {
	margin-top: var(--space-2xs);
	margin-bottom: 0;
}
.error_explanation p,
.error_explanation li {
	font-size: var(--step--1);
	margin-bottom: 0;
}
.error_explanation ul li::before {
	color: var(--accent-color-30);
}

/* Null Messages
   ========================================================================== */
.null-message {
	display: inline-flex;
	justify-content: flex-start;
	align-content: flex-start;
	gap: var(--space-3xs);
	color: var(--primary-color-30);
	font-size: var(--step-0);
	line-height: 1.25;
	font-weight: 700;
	text-transform: uppercase;
}
.null-message::before {
	content: '\e033';
	display: inline-block;
	font-family: 'Material Icons';
	vertical-align: middle;
}
.tag-list .null-message:first-child {
	display: inline-flex;
}
.tag-list li ~ .null-message {
	display: none;
}

/* Panels
   ========================================================================== */
.panel {
	position: relative;
	display: block;
	width: 100%;
	padding: var(--space-m) var(--space-l);
	background: rgba(87, 127, 185, 0.10);
}
.reverse .panel {
	background: rgba(87, 127, 185, 0.40);
}
.panel.reverse {
	background: rgba(87, 127, 185, 0.4);
}
.panel-head {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: var(--space-3xs);
	padding-bottom: var(--space-xs);
}
.panel-head h2 {
	flex: 0 1 auto;
	font-size: var(--step-2);
	font-weight: 900;
	text-transform: uppercase;
	margin: 0;
}
.panel-head a {
	color: var(--button-color);
	font-size: var(--step-0);
	line-height: 1.25;
	font-weight: 600;
	text-transform: uppercase;
	white-space: nowrap;
}
.panel-head a:visited {
	color: var(--button-color);
}
.panel-head a:hover, .panel-head a:focus {
	color: var(--button-color-hover);
	text-decoration: none;
}
.panel-head a:active {
	color: var(--button-color-active);
	text-decoration: none;
}
.panel-body {
	position: relative;
	display: block;
	width: 100%;
}

/* Tag Lists
   ========================================================================== */
.tag-list {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: var(--space-2xs-xs);
	padding: 0;
	margin: 0;
	text-indent: 0;
}
.tag-list li::before {
	display: none;
	margin: 0;
	padding: 0;
}
.tag-list li,
.tag-list li > a {
	position: relative;
	flex: 1 1 auto;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0;
	overflow: hidden;
}
.tag-list li {
	min-width: 104px;
	border-radius: var(--space-3xs);
	background-color: rgba(87, 127, 185, 0.30);
	transition: all 0.25s ease-in-out;
}
.reverse .tag-list li {
	background: rgba(87, 127, 185, 0.8);
}
.reverse.no-bg .tag-list li {
	background: rgba(87, 127, 185, 0.4);
}
.tag-list.light-bg li {
	background-color: #ffffff !important;
	border: 1px solid rgba(87, 127, 185, 0.20);
}
.reverse .tag-list.light-bg li {
	border: none;
}
.tag-list li:has(a:hover) {
	transform: scale(108%);
	box-shadow: 0 .25rem .5rem rgba(9, 18, 33, .8);
	z-index: 20;
}
.tag-list li:has(a:focus) {
	transform: scale(108%);
	box-shadow: var(--focus-visible-box-shadow);
	z-index: 10;
}
.tag-list li:has(a:focus-visible) {
	transform: scale(108%);
	box-shadow: var(--focus-visible-box-shadow);
	z-index: 10;
}
.reverse .tag-list li:has(a:focus) {
	box-shadow: 0 0 0 8px var(--primary-color-30);
}
.reverse .tag-list li:has(a:focus-visible) {
	box-shadow: 0 0 0 8px var(--primary-color-30);
}
.tag-list li:has(a:active) {
	transform: scale(92%);
	box-shadow: none;
	z-index: 10;
}
.tag-list li > a {
	align-self: stretch;
	text-decoration: none !important;
}
.tag-list .tag-text {
	color: var(--primary-color-60);
	font-size: var(--step--1);
	line-height: 1.25;
	font-weight: 600;
	text-align: center;
	padding: var(--space-2xs);
	margin-top: auto;
	margin-bottom: auto;
}
.reverse .tag-text {
	color: var(--text-light-color);
}
.reverse .light-bg .tag-text {
	color: var(--primary-color-60);
}
.tag-list img {
	display: block;
	width: 100%;
	height: calc(64px + var(--space-2xs));
	max-width: 100%;
	min-width: 64px;
	align-self: flex-start;
	padding: var(--space-2xs);
	object-fit: contain;
	object-position: center center;
	margin-top: auto;
	margin-bottom: auto;
	mix-blend-mode: darken;
}
.tag-list .vendor-logo + .vendor-name {
	display: none;
}
.tag-list .vendor-score {
	font-size: var(--step--2);
	line-height: 1;
	font-weight: 700;
	color: #ffffff;
	border-radius: var(--space-3xs) 0 0 0;
	background-color: var(--accent-color);
	padding: var(--space-3xs);
	align-self: flex-end;
	margin-top: calc((var(--step--2) + var(--space-3xs)) * -1);
	z-index: 5;
}
.tag-list .more-less-btn {
	flex: 0 0 100%;
	display: none;
}
.tag-list .more-less-btn a {
	text-transform: uppercase;
	text-decoration: none !important;
	white-space: nowrap;
}
.tag-list li:nth-child(n-20) ~ .more-less-btn {
	display: none;
}
.tag-list li:nth-child(n+21) ~ .more-less-btn {
	display: block;
}
.tag-list .more-less-btn a:visited {
	color: var(--button-color);
}
.tag-list .more-less-btn a:hover {
	color: var(--button-color-hover);
}
.tag-list .more-less-btn a:focus {
	color: var(--button-color-hover);
}
.tag-list .more-less-btn a:active {
	color: var(--button-color-active);
}
.tag-list .more-less-btn a::before {
	content: 'Show More';
}
.tag-list .more-less-btn a::after {
	display: inline-block;
	content: '\e5cf';
	font-family: 'Material Icons';
	vertical-align: middle;
	padding-left: var(--space-3xs);
}
.tag-list li:nth-child(n+21) {
	display: none;
}
.expanded .tag-list .more-less-btn a::before {
	content: 'Show Less';
}
.expanded .tag-list .more-less-btn a::after {
	content: '\e5ce';
}
.expanded .tag-list li:nth-child(n+21) {
	display: inline-flex;
}

/* Cards
   ========================================================================== */
.card-panel {
	padding: 0;
	margin: 0;
}
.card-panel + .card-panel {
	margin-top: var(--space-m);
}
.card-panel .panel-head {
	padding: var(--space-2xs) var(--space-2xs-s) 0;
}
.card-panel .panel-head h2 {
	font-size: var(--step-1);
	line-height: 1.25;
	font-weight: 700;
}
.reverse .card-panel h2 {
	color: var(--primary-color-10);
}
.card-list {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: var(--space-xs);
	margin: 0;
	padding: var(--space-xs) var(--space-xs) var(--space-m);
	text-indent: 0;
	list-style: none;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
}
li.card::before {
	display: none;
}
.card {
	position: relative;
	margin: 0;
	padding: 0;
	flex: 1 1 0;
	min-width: calc((var(--space-2xl) * 3) + (var(--grid-gutter) * 1));
	max-width: calc((((var(--space-2xl) * 10) + (var(--grid-gutter) * 9)) / 3) - (var(--grid-gutter) * 2) + var(--space-xs));
	min-height: var(--space-3xl);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: stretch;
	background-color: var(--text-light-color);
	border-radius: var(--space-xs);
	overflow: hidden;
	box-shadow: 0px 2px 8px 0px rgba(9, 18, 33, 0.25);
	scroll-snap-align: center;
	transition: all 0.25s ease-in-out;
}
.card:first-child {
	margin-left: auto;
}
.card:last-of-type {
	margin-right: auto;
}
.card-list .card:hover {
	transform: scale(104%);
	box-shadow: 0 .25rem .5rem rgba(9, 18, 33, 0.5);
	z-index: 20;
}
.card-list .card:has(a:focus) {
	transform: scale(104%);
	box-shadow: var(--focus-visible-box-shadow);
	z-index: 10;
}
.card-list .card:has(a:focus-visible) {
	transform: scale(104%);
	box-shadow: var(--focus-visible-box-shadow);
	z-index: 10;
}
.reverse .card-list .card:has(a:focus) {
	box-shadow: 0 0 0 8px var(--primary-color-30);
}
.reverse .card-list .card:has(a:focus-visible) {
	box-shadow: 0 0 0 8px var(--primary-color-30);
}
.card-list .card:active {
	transform: scale(92%);
	box-shadow: none;
	z-index: 10;
}
.card > a {
	flex: 1 0 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	text-decoration: none !important;
	padding: 0;
	margin: 0;
}
.card-text {
	align-self: stretch;
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	justify-content: center;
	color: var(--primary-color-60);
	font-size: var(--step--1);
	line-height: 1.25;
	font-weight: 600;
	text-align: center;
	padding: var(--space-2xs) var(--space-2xs);
}
.card-footer {
	flex: 0 0 auto;
	align-self: flex-end;
	position: relative;
	display: flex;
	justify-content: center;
	align-content: center;
	gap: var(--space-2xs);
	width: 100%;
	min-width: 100%;
	color: var(--text-light-color);
	font-size: var(--step--1);
	background-color: var(--secondary-color);
	padding: 0 var(--space-2xs);
}
.card-footer .date {
	white-space: nowrap;
}
.card-footer .time {
	white-space: nowrap;
	margin-left: auto;
}
.card-list .null-message {
	margin: var(--space-m) auto;
}
.card + .null-message {
	display: none;
}

/* Pagination
   ========================================================================== */
.pagination {
	flex: 0 1 auto;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: var(--space-3xs);
	padding: var(--space-3xs) var(--space-2xs);
	border-radius: var(--space-2xs);
	background-color: rgba(87,127,185,0.4);
	margin-left: auto;
	margin-right: auto;
}
.pagination span,
.pagination em,
.pagination a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: var(--step--1);
	line-height: 1;
	font-weight: 700;
	font-style: normal;
	min-width: var(--space-m);
	height: var(--space-m);
	vertical-align: middle;
}
.pagination a:hover,
.pagination a:focus,
.pagination a:active {
	text-decoration: none;
}
.pagination .previous_page,
.pagination .next_page {
	font-family: 'Material Icons';
	font-size: var(--step-2);
	line-height: 1;
}
.pagination .previous_page::before {
	content: '\e5c4';
}
.pagination .next_page::before {
	content: '\e5c8';
}
.pagination .current {
	color: var(--text-light-color);
	background-color: var(--accent-color);
}
.pagination .disabled {
	color: var(--text-light-color);
	opacity: 0.5;
}

/* Slider
   ========================================================================== */
.slide-container {
	position: relative;
	width: 100%;
	min-height: 16rem;
	max-height: 16rem;
	aspect-ratio: 16 / 9;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
}
.slide-content {
	position: relative;
	flex: 1 1 calc((7 * var(--space-s-2xl)) + (6 * var(--grid-gutter)));
	text-align: right;
	max-width: 100%;
	padding: 0px var(--space-l) 0px var(--space-xl);
	margin-left: var(--space-4xs-5xl);
	margin-right: var(--space-s);
}
.slide-content::after {
	content: '';
	display: block;
	position: absolute;
	bottom: var(--space-m);
	top: var(--space-s);
	right: 0;
	left: var(--space-m);
	background-color: rgba(255,255,255,0.8);
	z-index: -1;
	backdrop-filter: blur(8px);
}
.slide-content h2 {
	color: var(--secondary-color);
	margin: 0;
	font-size: var(--step-3);
	line-height: 1.125;
	font-weight: 700;
	text-transform: none;
	text-shadow: -4px -4px 12px #FFF, 0px -2px 12px #FFF, -4px -4px 12px #FFF, 0px -2px 12px #FFF;
	margin-bottom: var(--space-xs);
}
.slide-content h2 + p {
	margin-top: calc(-1 * var(--space-l));
}
.slide-content p {
	color: var(--text-dark-color);
	font-size: var(--step--1);
	line-height: 1.5;
	font-weight: 400;
	text-transform: none;
	padding-top: var(--space-l);
	padding-bottom: var(--space-xl);
	margin: 0;
}
.slide-content p + .btn {
	margin-top: calc(-1 * var(--space-xl));
}
.slide-content .btn {
	font-size: var(--step--1);
	text-transform: none;
	margin-top: var(--space-s);
}
@media (44rem <= width) {
	.slide-content h2 {
		font-size: var(--step-4);
		text-shadow: -8px -8px 24px #FFF, 0px -4px 24px #FFF, -8px -8px 24px #FFF, 0px -4px 24px #FFF;
	}
	.slide-content h2 + p {
		margin-top: calc(-1 * var(--space-l));
	}
	.slide-content p {
		font-size: var(--step-0);
		padding-top: var(--space-l);
		padding-bottom: var(--space-xl);
	}
	.slide-content p + .btn {
		margin-top: calc(-1 * var(--space-xl));
	}
	.slide-content .btn {
		font-size: var(--step-0);
	}
	/*.slide-content::after {
		top: calc(var(--space-m) - var(--space-3xl) + var(--space-xl));
	}*/
}
.slide {
	margin: 0 !important;
	background: #444;
	color: #fff;
	transition: transform 400ms ease-out;
	display: inline-flex;
	justify-content: flex-end;
	align-items: flex-end;
	position: relative;
	z-index: 1;
	text-align: center;
	flex: 0 0 100%;
	max-width: 100%;
	min-width: 100%;
	padding: var(--space-2xl) var(--space-4xs-2xl) var(--space-xs-2xl);
	cursor: auto;
}
.slider {
	flex: 0 0 100%;
	max-width: 100%;
	min-width: 100%;
	display: flex;
	overflow: hidden;
}
.slider input {
	position: absolute;
	margin: 0 !important;
}
.slider input:nth-of-type(1):checked ~ .slide:nth-of-type(1),
.slider input:nth-of-type(2):checked ~ .slide:nth-of-type(2),
.slider input:nth-of-type(3):checked ~ .slide:nth-of-type(3),
.slider input:nth-of-type(4):checked ~ .slide:nth-of-type(4) {
   z-index: 0;
}
.slider input:nth-of-type(1):checked ~ .slide{
	transform: translate3d(0, 0, 0);
}
.slider input:nth-of-type(2):checked ~ .slide{
	transform: translate3d(-100%, 0, 0);
}
.slider input:nth-of-type(3):checked ~ .slide{
	transform: translate3d(-200%, 0, 0);
}
.slider input:nth-of-type(4):checked ~ .slide {
	transform: translate3d(-300%, 0, 0);
}
.slide {
	background: #444;
	background-size: cover;
	background-position: center center;
}
.slide:before,
.slide:after {
	color: rgba(0,0,0,0.4);;
	display: inline-block;
	background: rgba(255,255,255,0.35);
	backdrop-filter: blur(2px);
	position: absolute;
	padding: var(--space-s);
	font-size: 3rem;
	vertical-align: middle;
	line-height: var(--space-l-4xl);
	top: calc(50% - var(--space-s-4xs));
	transform: translate3d(0, -50%, 0);
	cursor: pointer;
}
.slide:before {
	content: "\276D";
	right: 100%;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
	padding-right: var(--space-2xs);
}
.slide:after {
	content: "\276C";
	left: 100%;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	padding-left: var(--space-2xs);
}
.slide > a:hover + .slide-content > .btn {
	background-color: var(--button-color-hover);
	box-shadow: 0 .5em 1em 0 rgba(0, 0, 0, 0.25);
}
.slide > a:focus + .slide-content > .btn {
	background-color: var(--button-color-hover);
	box-shadow: none;
}
.slide > a:active + .slide-content > .btn {
	box-shadow: none;
}
#default-slide {
	display: none;
}
#default-slide:only-of-type {
	display: inline-flex;
}

/* Highlights
   ========================================================================== */
#home-highlights {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: calc(-1 * var(--space-s));
	margin-bottom: var(--space-m-l);
	z-index: 2;
}
@media (44rem <= width) {
	#home-highlights {
		margin-top: calc(-1 * var(--space-m-2xl));
	}
}
#home-highlights + section {
	padding-top: 0;
	padding-bottom: 0;
}
.highlights {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	grid-template-columns: repeat( auto-fit, minmax(calc(var(--space-2xl) * 4 - ( var(--grid-gutter) * 4 ) ), 1fr) );
	gap: var(--grid-gutter);
}
.highlights .panel {
	flex: 1 1 calc(var(--space-2xl) * 4 - ( var(--grid-gutter) * 4 ) );
	max-width: calc(var(--space-2xl) * 6 - ( var(--grid-gutter) * 5 ) );
	background-color: var(--secondary-color);
	border-radius: var(--space-xs);
	padding: var(--space-2xs) var(--space-s) var(--space-s);
	transition: all 0.25s ease-in-out;
}
.highlights .panel-head {
	padding-bottom: 0;
}
.highlights h3, .reverse .highlights h3 {
	font-size: var(--step-3);
	line-height: 1;
	font-weight: 700;
	color: var(--secondary-color-40);
	margin: 0 0 0 calc(-1 * var(--space-3xs));
}
.highlights p {
	font-size: var(--step--1);
	line-height: 1.25;
	text-align: right;
	margin: calc(-1 * var(--space-xs)) 0 0 var(--space-s);
}
.highlights .panel:hover {
	transform: scale(104%);
	box-shadow: 0 .25rem .5rem rgba(9, 18, 33, 0.5);
	z-index: 20;
}
.highlights .panel:has(a:focus) {
	transform: scale(104%);
	box-shadow: 0 0 0 8px var(--primary-color-30);
	z-index: 10;
}
.highlights .panel:has(a:focus-visible) {
	transform: scale(104%);
	box-shadow: 0 0 0 8px var(--primary-color-30);
	z-index: 10;
}
.highlights .panel:active {
	transform: scale(92%);
	box-shadow: none;
	z-index: 10;
}

/* HOME PAGE
   ========================================================================== */
#home-header {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: stretch;
	height: var(--space-4xl);
	padding: var(--space-xl) var(--space-xl) var(--space-4xs);
	margin: 0;
}
#home-header img {
	flex: 1 1 100%;
	display: block;
	max-width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	margin: 0;
}
#home-body .global-nav {
	position: sticky;
	top: -1px;
	margin-top: -1px;
}
#home-body .global-nav {
	justify-content: center;
	background: none;
	margin-bottom: 0;
}
#home-body .global-nav .nav-logo {
	display: none;
}
#home-body .global-nav .subnav {
	border-radius: var(--space-xs);
	margin-top: calc(-1 * var(--space-xs));
}
#home-body .nav-secondary {
	position: fixed !important;
	top: 0 !important;
	right: var(--space-s) !important;
	height: calc(var(--global-nav-height) - .2px) !important;
}
#home-body .nav-secondary .subnav {
	top: calc(var(--global-nav-height) - .8px);
	border-radius: var(--space-xs);
	margin-top: calc(-1 * var(--space-xs));
}
#home-body .global-nav.is-pinned {
	justify-content: flex-start;
	background-color: var(--global-nav-bg-color);
}
#home-body .global-nav.is-pinned .nav-logo {
	display: flex;
}
#home-body .global-nav.is-pinned .nav-secondary {
	position: flex;

}
#home-body .global-nav.is-pinned .subnav {
	border-radius: var(--global-subnav-border-radius);
	margin-top: 0;
}
#home-body .global-nav.is-pinned .nav-secondary .subnav {
	border-radius: var(--global-subnav-border-radius);
	top: calc(var(--global-nav-height) - 1px)
}
#home-body main > .content {
	padding-top: 0;
}
@media (width <= 760px) {
	#home-body {
		display: flex;
		flex-direction: column;
	}
	#home-body .global-nav {
		order: -1;
	}
	#home-header {
		padding-top: var(--space-m);
		padding-bottom: var(--space-m);
	}
}

/* Account Pages
   ========================================================================== */
@media (48rem <= width) {
	#login {
		display: grid;
		grid-template-columns: repeat( auto-fit, minmax(calc(var(--space-2xl) * 2 - ( var(--grid-gutter) * 3 ) ), 5fr) );
		grid-column-gap: var(--grid-gutter);
	}
}
#login section:nth-child(1) {
	grid-column: auto / span 3;
}
#login section:nth-child(2) {
	grid-column: auto / span 2;
}
#login h2 {
	font-size: var(--step-1);
	margin: 0;
}
#login .btn-secondary {
	margin-top: var(--space-xs);
}
#login .btn-secondary + h2 {
	margin-top: var(--space-l);
}
#login .error_explanation {
	margin-top: calc(var(--space-m-l) * -1);
	margin-left: calc(var(--space-m-l) * -1);
	margin-right: calc(var(--space-m-l) * -1);
}
.grid-5-col {
	position: relative;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(calc((var(--space-2xl) * 2) - (var(--grid-gutter) * 2)), 1fr));
	grid-column-gap: var(--grid-gutter);
	grid-row-gap: var(--space-2xs);
	align-items: flex-start;
}
.grid-5-col > :first-child {
	grid-column: auto / span 2;
}
.grid-5-col .checkboxes-group {
	position: relative;
	grid-column: auto / span 3;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(calc((var(--space-2xl) * 5) - (var(--grid-gutter) * 3)), 1fr));
	justify-items: start;
	align-items: flex-start;
	grid-column-gap: var(--grid-gutter);
	grid-row-gap: var(--space-s);
	padding-top: var(--space-xs-m);
}
.grid-5-col .checkboxes-group > * {
	margin: 0;
}

.grid-5-col .checkboxes-group .input-group {
	position: relative;
}
#bid-interests [id*="bid_template_"] {
	position: absolute;
	top: calc(100% + var(--space-2xs));
	display: none;
	max-width: 100%;
	max-height: calc(3 * var(--space-3xl));
	font-size: var(--step--1);
	line-height: 1.25;
	border-radius: var(--space-2xs);
	background-color: var(--primary-color-10);
	padding: var(--space-2xs) var(--space-l) var(--space-s) var(--space-s);
	box-shadow: 0 4px 8px rgba(18, 37, 67, .25);
	overflow-y: auto;
	z-index: 2;
	transition: all 0.25s ease-in-out;
}
#bid-interests [id*="bid_template_"] > div {
	display: block;
	position: sticky;
	top: 0;
	text-align: right;
	margin-right: 1.25rem;
}
#bid-interests [id*="bid_template_"] div > a {
	font-family: 'Material Icons';
	color: var(--neutral-color);
	font-size: var(--step-2);
	line-height: 1;
	text-decoration: none;
	background-color: rgba(213, 223, 237, 0.9);
	margin-right: calc(-1 * calc(var(--space-l) + var(--space-2xs)));
	transition: all 0.25s ease-in-out;
}
#bid-interests [id*="bid_template_"] div > a:hover,
#bid-interests [id*="bid_template_"] div > a:focus {
	color: var(--neutral-color-40);
}
#bid-interests [id*="bid_template_"] div > a:active {
	color: var(--neutral-color-60);
}
#bid-interests [id*="bid_template_"] h2 {
	font-size: var(--step-0);
	margin-top: calc(-1 * var(--space-m));
	margin-bottom: var(--space-xs);
}
#vendor-head .content > div {
	position: relative;
	grid-template-columns: repeat(auto-fit, minmax(var(--space-2xl), 1fr));
	justify-content: start;
	align-items: center;
	gap: var(--grid-gutter);
	display: flex;
	flex-wrap: wrap;
}
#vendor-head span {
	position: relative;
	display: block;
	flex: 1 1 0;
	min-width: calc((var(--space-2xl) * 3) + (var(--grid-gutter) * 3));
}
#vendor-head h1 {
	margin: 0;
	font-size: calc(var(--step-4) * 0.84);
}
#vendor-head img {
	position: relative;
	display: block;
	width: 100%;
	min-width: calc((var(--space-2xl) * 3) + (var(--grid-gutter) * 2));
	max-width: 100%;
	max-height: 8rem;
	object-fit: contain;
	object-position: center center;
	flex: 1 1 0;
	min-width: calc((var(--space-2xl) * 2) + (var(--grid-gutter) * 1));
	order: -1;
	margin-top: auto;
	margin-bottom: auto;
}
@media (549px <= width) {
	#vendor-head span {
		order: -1;
	}
}
@media (768px <= width) {
	#vendor-head img {
		max-height: 16rem;
		min-width: calc((var(--space-2xl) * 3) + (var(--grid-gutter) * 2));
	}
}
#vendor-details > div {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: var(--grid-gutter);
}
#vendor-details .panel {
	flex: 1 1 0;
	min-width: calc((var(--space-2xl) * 3) + (var(--grid-gutter) * 1));
	padding: var(--space-xs) var(--space-s) var(--space-s);
}
#vendor-details .panel:last-child {
	flex: 1 1 100%;
}
#vendor-details .panel h2 {
	font-size: var(--step-0);
	line-height: 1.25;
	font-weight: 700;
}
#vendor-details .panel-body {
	font-size: var(--step--1);
	overflow-wrap: anywhere;
  	hyphens: auto;
}
#vendor-details table {
	color: var(--text-light-color);
	border: none;
	background: none;
	display: block;
}
#vendor-details tbody {
	display: block;
}
#vendor-details tr {
	display: flex;
	flex-wrap: wrap;
	background: none;
}
#vendor-details tr + tr {
	margin-top: var(--space-s);
}
#vendor-details td {
	max-width: 100%;
	padding: 0;
}
#vendor-details  td:nth-child(odd) {
	flex: 1 1 calc(var(--space-2xl) * 4);
	padding-right: var(--space-xs);
	margin-right: auto;
}
#vendor-details  td:nth-child(even) {
	flex: 0 1 auto;
	width: calc(var(--space-2xs) * 26);
}

/* Bids Tables
   ========================================================================== */
.bids-table {
	position: relative;
	margin-left: -7%;
	margin-right: -7%;
}
.bids-table table {
	position: relative;
	display: grid;
}
.bids-table thead,
.bids-table tbody {
	position: relative;
	display: block;
}
.bids-table table tr {
	position: relative;
	display: grid;
}
.columns-5 table tr {
	grid-template-columns: [first] minmax(13rem, 3fr) [second ]minmax(9rem, 1fr) [third] minmax(11rem, 2fr) [fourth] minmax(10rem, 1fr) [last] minmax(10rem, 2fr);
}
.columns-6 table tr {
	grid-template-columns: [first] minmax(13rem, 3fr) [second ]minmax(9rem, 1fr) [third] minmax(11rem, 2fr) [fourth] minmax(10rem, 1fr) [fifth] minmax(10rem, 1fr) [last] minmax(10rem, 2fr);
}

.columns-3 table tr {
	grid-template-columns: [first] minmax(13rem, 3fr) [second ]minmax(9rem, 1fr) [last] minmax(10rem, 2fr);
}
.bids-table tbody tr {
	background-color: var(--table-row-light);
}
.bids-table tbody tr:nth-child(4n-1),
.bids-table tbody tr:nth-child(4n-1) + tr
 {
	background-color: var(--table-row-dark);
}
.bids-table table th,
.bids-table table td {
	white-space: normal !important;
}
.bids-table th {
	margin-top: auto;
}
.bids-table tr td:not(:first-child, :last-child) {
	text-align: center;
}
.bids-table tr th:first-child,
.bids-table tr td:first-child {
	text-align: left;
}
.bids-table tr th:last-child,
.bids-table tr td:last-child {
	text-align: right;
}
.bids-table tbody tr:nth-child(even) td {
	grid-column: 1 / span all;
	text-align: left;
	padding-top: 0;
}
.bids-table tr:nth-child(odd) td:first-child {
	color: var(--primary-color);
}
.bids-table table span[style*="red"] {
	font-weight: 600 !important;
	color: var(--negative-color) !important;
}
.bids-table tbody a {
	display: inline-block;
	vertical-align: baseline;
}
.bids-table tbody a + a {
	margin-top: var(--space-xs);
}

/* Bid Summary
   ========================================================================== */
#bid-summary {
	padding-bottom: var(--space-3xl);
}
#bid-summary header {
	margin-bottom: var(--space-m);
}
#bid-summary h1 {
	margin: 0;
	margin-top: var(--space-3xs);
}
#bid-summary p {
	font-size: var(--step--1);
	margin: 0;
	width: calc((var(--space-m-2xl) * 8) + (var(--space-s-m) * 7));
	max-width: 100%;
}
#bid-summary .bid-valid {
	color: var(--neutral-color);
	font-size: var(--step-0);
	font-weight: 700;
}
#bid-summary.reverse .bid-valid {
	color: var(--text-light-color);
}
#bid-summary .btn-group {
	margin-bottom: var(--space-s-m);
}
#bid-summary .bid-attachment {
	margin-bottom: 0;
}
#bid-summary p + p {
	margin-top: var(--space-m);
}
#bid-summary .btn-secondary {
	margin: 0;
	margin-top: var(--space-m);
}
#bid-expenditures {
	margin-top: calc((var(--space-3xl) + var(--space-xs-l)) * -1);
	margin-bottom: 0;
}
#bid-expenditures .panel {
	background-color: var(--secondary-color);
	border-radius: var(--space-xs);
	padding: var(--space-s) var(--space-s) var(--space-m);
}
#bid-expenditures .panel-head h2 {
	flex: 1 1 auto;
	color: var(--text-light-color);
	text-align: center;
}
#bid-expenditures .panel-body table {
	display: block;
	background: none;
	border: none;
}
#bid-expenditures .panel-body tbody {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: var(--space-xs);
}
#bid-expenditures .panel-body tr {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	gap: var(--space-3xs);
	flex: 1 1 256px;
	background-color: rgba(255, 255, 255, 0.10);
	border-radius: var(--space-3xs);
	padding: var(--space-3xs) var(--space-2xs);
}

@media (976px <= width) {
	#bid-expenditures .panel-body tr {
		flex: 1 1 296px;
		min-width: 296px;
		max-width: calc((296px * 2) - var(--space-xs));
	}
}

#bid-expenditures .panel-body td {
	display: block;
	padding: 0;
	background: none;
}
#bid-expenditures .panel-body td:first-child {
	color: var(--secondary-color-10);
	font-size: var(--step-0);
	line-height: 1.25;
	font-weight: 900;
	text-transform: uppercase;
}
#bid-expenditures .panel-body td:last-child {
	flex: none;
	color: var(--text-light-color);
	font-size: var(--step-1);
	line-height: 1.25;
	font-weight: 600;
	text-align: right;
}
#bid-expenditures + section {
	margin-top: calc(((var(--space-3xl) + var(--space-xs-l)) * -1) + var(--space-l-xl));
}
#bid-history.panel {
	grid-column-start: 2;
	grid-column-end: -2;
}
#bid-history ul {
	padding: 0;
	margin: 0;
	text-indent: 0;
}
#bid-history li {
	display: block;
	margin: 0;
	padding: 0;
}
#bid-history li::before {
	display: none;
	margin: 0;
	padding: 0;
}
#bid-history li + li {
	margin-top: var(--space-m);
}
#bid-history p {
	font-size: var(--step--1);
	margin: 0;
}
#bid-history p.bid-history-date {
	font-weight: 600;
	line-height: 1.25;
}
#bid-history p:nth-child(2) {
	margin-top: var(--space-3xs);
}
#bid-history .btn-group {
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: var(--space-m);
}
@media (768px <= width) {
	#bid-history.panel {
		grid-column-start: -4;
		grid-column-end: -1;
		grid-row-start: 1;
		grid-row-end: 3;
	}
	#bid-districts.panel,
	#bid-vendors.panel {
		grid-column-start: 2;
		grid-column-end: -5;
	}
}

/* New Bid
   ========================================================================== */
.new_vendor_bid form,
.edit_vendor_bid form {
	font-size: inherit;
}
.new_vendor_bid table,
.new_vendor_bid tbody,
.edit_vendor_bid table,
.edit_vendor_bid tbody {
	display: block;
	width: 100%;
	border: 0;
	background: none;
}
.new_vendor_bid tr,
.edit_vendor_bid tr {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(calc(1 * var(--space-2xl)), 1fr));
	align-items: baseline;
	gap: var(--space-3xs);
	padding-top: var(--space-2xs-s);
	padding-bottom: var(--space-xs-m);
}
.new_vendor_bid td,
.edit_vendor_bid td,
.new_vendor_bid label,
.edit_vendor_bid label {
	padding-top: 0;
	padding-bottom: 0;
	white-space: normal;
	word-wrap: break-word;
}
.new_vendor_bid label b,
.edit_vendor_bid label b {
	font-weight: 700;
}
.new_vendor_bid td,
.edit_vendor_bid td {
	line-height: 1.5;
}
.new_vendor_bid td:nth-child(odd),
.edit_vendor_bid td:nth-child(odd) {
	grid-column: auto / span 4;
}
#new-bid-step-1 td:nth-child(odd) {
	color: var(--secondary-color);
	line-height: 1.25;
	font-weight: 700;
	text-transform: uppercase;
}
@media (768px <=width) {
	.new_vendor_bid td:nth-child(odd),
	.edit_vendor_bid td:nth-child(odd) {
		grid-column: auto / span 2;
	}
}
#new-bid-step-1 td:nth-child(odd) b {
	font-weight: 700;
}
.new_vendor_bid td:nth-child(even),
.edit_vendor_bid td:nth-child(even) {
	grid-column: auto / span 4;
}

.new_vendor_bid tr:last-child td,
.edit_vendor_bid tr:last-child td {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-s);
}
.new_vendor_bid input,
.edit_vendor_bid input {
	margin: 0;
}
.new-bid-progress {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	background-color: var(--secondary-color-20);
	border-radius: var(--space-m);
	height: var(--space-l);
	overflow: hidden;
}
.new-bid-progress > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: var(--secondary-color);
	color: var(--text-light-color);
	font-size: var(--step--1);
	font-weight: 700;
	margin: 0;
	padding: 0;
}
.new_vendor_bid td[width="300"],
.edit_vendor_bid td[width="300"] {
	width: 100% !important;
}
#vendor_bid_agree_to_terms {
	margin-top: 0;
}
#new-bid-step-3 {
	margin-bottom: 0;
}
#new-bid-step-3,
#new-bid-step-3 tbody,
#new-bid-step-3 tr {
	background: none;
	border: none;
	overflow: visible;
}
#new-bid-step-3 > tbody > tr > td {
	padding-left: 0;
	padding-right: 0;
}
#new-bid-step-3 > tbody:first-of-type > tr:nth-of-type(4) {
	background-color: var(--secondary-color);
	padding: var(--space-s) var(--space-m) var(--space-s);
}
#new-bid-step-3 > tbody:first-of-type > tr:nth-of-type(4) label {
	color: var(--text-light-color);
}
#new-bid-step-3 > tbody:first-of-type > tr:nth-of-type(4) input[type=text] {
	background-color: rgba(255,255,255,0.75);
	border-color: transparent;
}
#new-bid-step-3 > tbody:first-of-type > tr:nth-of-type(4) input[type=text]:hover,
#new-bid-step-3 > tbody:first-of-type > tr:nth-of-type(4) input[type=text]:focus {
	background-color: var(--text-light-color);
	border-color: var(--text-light-color);
}
#new-bid-step-3 > tbody:first-of-type > tr:nth-of-type(4) input[type=text]:focus-visible {
	outline-color: rgba(255,255,255,.4);
}
#new-bid-step-3 > tbody:first-of-type > tr:nth-of-type(5) {
	display: none;
}
#discount_bid_table,
#discount_bid_table tbody,
#discount_bid_table tr {
	background: none;
	border: none;
}
#discount_bid_table tbody {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(calc(3 * var(--space-2xl)), 1fr));
	gap: var(--space-xs);
	padding: var(--space-xs) 0;
}
#discount_bid_table tr {
	display: flex;
	gap: var(--space-xs);
	margin: 0;
	padding: var(--space-2xs) var(--space-2xs) var(--space-xs);
	background-color: rgba(255,255,255,0.85);
}
#discount_bid_table tr:last-of-type {
	display: block;
	padding: var(--space-2xs) var(--space-xs) var(--space-xs);
}
#discount_bid_table tr:last-of-type textarea {
	margin-top: var(--space-3xs);
	margin-bottom: var(--space-3xs);
}
#discount_bid_table tr:last-of-type td:last-of-type {
	display: block;
	color: var(--text-dark-color);
	line-height: 1.5;
	font-weight: 400;
	text-transform: none;
	text-align: center;
}
#discount_bid_table .fieldDescription {
	color: var(--text-dark-color);
	font-size: var(--step--1);
	line-height: 1.25;
	font-weight: 400;
	text-transform: none;

}
#discount_bid_table td {
	color: var(--secondary-color);
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
#discount_bid_table td:nth-child(even) {
	order: -1;
}
#new-bid-step-4 [type=radio],
#new-bid-step-4 [type=checkbox] {
	margin-right: var(--space-3xs);
	margin-top: var(--space-2xs);
	margin-bottom: var(--space-2xs);
}
#new-bid-step-4 ul {
	margin-top: var(--space-xs);
	margin-bottom: var(--space-xs);
}
#new-bid-step-4 tr:nth-of-type(12) {
	background: var(--table-row-light);
	padding-top: 0;
}
#new-bid-step-4 tr:nth-of-type(12) div {
	padding-left: 0 !important;
}
#new-bid-step-4 tr:nth-of-type(12) + tr {
	display: none;
}
#new-bid-step-4 textarea {
	margin-top: var(--space-3xs);
}
#new-bid-step-5 tr:nth-of-type(2) .fieldDescription {
	color: var(--text-dark-color);
	font-size: var(--step--1);
	line-height: 1.5;
	font-weight: 400;
	text-transform: none;
}
#new-bid-step-5 tr:nth-of-type(3) {
	background-color: var(--table-row-dark);
}
#new-bid-step-5 a[style*="background-color: yellow"] {
	font-size: var(--step-0) !important;
	background-color: transparent !important;
	text-transform: uppercase;
}
#new-bid-step-5 tr:nth-of-type(5) td {
	display: flex;
	gap: var(--space-2xs);
}
#new-bid-step-5 tr:nth-of-type(5) label {
	color: var(--text-dark-color);
	font-weight: 400;
	text-transform: none;
}
#new-bid-step-5 tr:last-of-type {
	background: var(--table-row-light);
}
#new-bid-step-5 input[type=file] {
	max-width: 100%;
	background-color: rgba(255,255,255,0.8);
}
#new-bid-step-5 [type=checkbox] {
	margin-top: 0;
}
#new-bid-step-5 input[type=file] ~ input[type=file] {
	margin-top: var(--space-2xs);
}
.edit_vendor_bid #payByCheckOption,
.edit_vendor_bid #payByCCOption {
	color: var(--text-dark-color);
	font-size: var(--step--1);
	font-weight: 400;
	text-transform: none;
}
.edit_vendor_bid [style*="color: red"] {
	color: var(--negative-color) !important;
}
.edit_vendor_bid [style*="color: green"] {
	color: var(--positive-color) !important;
}
.edit_vendor_bid #payByCheckOption ~ [style*="color: red"] {
	display: inline-block;
	margin-top: var(--space-s);
}
.edit_vendor_bid #credit_card_fields_table {
	border: 0;
}
.edit_vendor_bid #credit_card_fields_table tr:nth-of-type(5) td:last-of-type {
	display: flex;
	align-items: center;
	gap: var(--space-xs);
}
.edit_vendor_bid #credit_card_fields_table tr:nth-of-type(5) td:last-of-type input {
	min-width: var(--space-xl);
}
.new_vendor_bid > table > tbody > tr:last-of-type,
.edit_vendor_bid > table > tbody > tr:last-of-type {
	background: var(--table-row-light);
}
.new_vendor_bid input[type=submit],
.edit_vendor_bid input[type=submit] {
	white-space: normal;
	line-height: 1.5;
}
.new_vendor_bid input[name="save_and_close_bid"],
.edit_vendor_bid input[name="save_and_close_bid"] {
	text-align: left;
}
#search header form {
	margin: 0;
}
#search h1 {
	margin: 0;
}
#searchResults {
	font-size: var(--step-0);
}
#searchResults b {
	font-size: var(--step-1);
}
#searchResults .highlighted {
	padding: 0.125em 0.25em;
	background-color: var(--secondary-color-10);
}
#searchResults .null-message {
	margin-bottom: var(--space-l);
}
#searchResults .null-message:first-child {
	display: inline-flex;
}
#searchResults * ~ .null-message {
	display: none;
}
#credit_card_fields_table input ~ input {
		margin-top: 0;
	}

/* Vendor Search
   ========================================================================== */

#bid_selection {
	display: flex;
	display: none;
	flex-direction: column;
	justify-content: flex-end;
	align-items: stretch;
	position: absolute;
	top: 100%;
	border-radius: var(--space-xs);
	background-color: var(--global-nav-bg-color);
	backdrop-filter: var(--global-nav-bg-filter);
	width: calc(var(--space-3xl) * 2);
	max-width: 100%;
	max-height: calc(var(--space-3xl) * 3);
	padding: var(--global-subnav-padding);
	z-index: 950;
	overflow-x: auto;
}
#bid_selection a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--global-nav-link-color);
	font-weight: 400;
	text-decoration: none;
	text-align: center;
	font-size: var(--step--1);
	line-height: 1.25;
	padding: var(--space-2xs) var(--space-xs);
	white-space: normal;
}
#bid_selection a:hover {
	color: var(--global-nav-link-color-hover);
}
#bid_selection a:focus {
	color: var(--global-nav-link-color-focus);
}
#bid_selection a:active {
	color: var(--global-nav-link-color-active);
}

.new_vendor_search .input-group:first-of-type {
	margin-top: 0;
}
.input-group + .btn-group {
	margin-top: var(--space-s-l);
}
#vendor-search-results,
#vendor-search-results .panel {
	padding-top: 0;
	padding-bottom: 0;
}
#vendor-search-results .panel-head {
	gap: var(--space-2xs);
	align-items: center;
}
#vendor-search-results .panel-head h2 {
	flex: 1 1 auto;
	margin-right: auto;
	margin-left: auto;
}
#vendor-search-results .panel-footer {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: var(--space-xs);
}
#vendor-search-results table {
	width: 100%;
}
#vendor-search-results thead th {
	vertical-align: bottom;
}
#vendor-search-results tr th,
#vendor-search-results tr td {
	text-align: center;
	line-height: 1.5;
}
#vendor-search-results tr th:first-child,
#vendor-search-results tr td:first-child {
	text-align: left;
}
#vendor-search-results tr th:last-child,
#vendor-search-results tr td:last-child {
	text-align: left;
}


/* Misc
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .visually-hidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * The use of `table` rather than `block` is only necessary if using
 * `::before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Helpers
   ========================================================================== */
*:only-child {
	margin-top: 0;
	margin-bottom: 0;
}
.align-text-left {
	text-align: left !important;
}
.align-text-right {
	text-align: right;
}
.align-text-center {
	text-align: center;
}
.text-small {
	font-size: 0.75em;
}
.margin-top-m {
	margin-top: var(--space-m);
}
.margin-top-s-l {
	margin-top: var(--space-s-l);
}
.no-r-gap {
	row-gap: 0 !important;
}
.flex {
	display: flex;
}
.flex-row {
	flex-direction: row;
}
.flex-column {
	flex-direction: column;
}
a.link-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background: none;
	color: transparent;
	text-decoration: none !important;
	z-index: 1;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
	body {
		padding-bottom: var(--space-l);
	}
  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
	  font-size: var(--step--2) !important;
	  line-height: 1.25;
  }
	.btn[href]::after,
	.btn-sm[href]::after,
	.btn-secondary[href]::after,
	.btn-secondary-sm[href]::after,
	.card-list a[href]::after,
	.tag-list a[href]::after,
	.slider a[href]::after,
	.link-container[href]::after,
	.pagination a[href]::after,
	a[href*="tel"]::after,
	a[href*="fax"]::after,
	footer a[href]::after,
	.global-nav a[href]::after {
		display: none;
	}

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
	#LoAwayFormBtn,
	#LoAvailableBtn,
	#LoChatMinimizedButton,
	#lo_chat_box {
		display: none !important;
	}
	fieldset {
		border-color: var(--neutral-color-30) !important;
	}
	[type=radio],
	.reverse [type=radio] {
		outline-color: var(--neutral-color-30) !important;
		border-color: #ffffff !important;
	}
	[type=radio]:checked,
	.reverse [type=radio]:checked {
		background-color: var(--neutral-color-30) !important;
	}
	[type=checkbox],
	.reverse [type=checkbox] {
		border-color: var(--neutral-color-30) !important;
	}
	[type=checkbox]:checked,
	.reverse [type=checkbox]:checked {
		background: url(/assets/ic-check-grey-be467fbbfbcb4cbdee2b835a81ac9d1c5f917467220a7257363c4a73547690d7.svg) !important;
		background-size: contain !important;
		background-position: center center !important;
	}
	table {
		border-color: var(--neutral-color-30) !important;
	}
	input:not([type=submit], [type=reset], [type=radio], [type=checkbox]) {
		border-color: var(--neutral-color-30) !important;
	}
	.select2-hidden-accessible {
		display: none;
	}
	.slide-container input {
		display: none;
	}
	.slide-container,
	.slide-container *,
	.highlights,
	.highlights * {
		background: unset !important;
		color: unset !important;
		box-shadow: unset !important;
		text-shadow: unset !important;
	}
	.slide {
		background: var(--neutral-color-10) !important;
	}
	.highlights .panel {
		background: #fff !important;
	}
	.highlights h3 {
		color: var(--neutral-color-20) !important;
	}
	.select2-selection__choice,
	#discount_bid_table tr,
	#vendor-details .panel,
	.highlights .panel,
	.card,
	.tag-list li,
	#bid-expenditures tr,
	.btn,
	.btn-sm,
	[type=submit]:not(.btn-secondary, .btn-secondary-sm) {
		border: 1px solid var(--neutral-color-20) !important;
	}
	#home-header img,
	.footer-brand img,
	.nav-logo img {
		background-color: transparent !important;
		filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(18%) hue-rotate(293deg) brightness(95%) contrast(105%);
	}
	.message-content, #error_explanation {
		border-color: var(--neutral-color-20) !important;
	}
	.new-bid-progress {
		background-color: var(--neutral-color-20) !important;
	}
	.new-bid-progress > div {
		color: #fff !important;
		background-color: #000 !important;
	}
	.select2-selection {
		border: 2px solid var(--neutral-color-30) !important;
	}
	.pagination .current {
		background-color: #000 !important;
		color: #fff !important;
	}
	.contact-footer,
	.global-nav,
	#home-body .global-nav {
		position: static;
	}
}
/* line 1, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/drop_shadow.css.scss */
#shadow-container {
  position: relative;
  left: 3px;
  top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
}

/* line 9, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/drop_shadow.css.scss */
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
  position: relative;
  left: -1px;
  top: -1px;
}

/* line 17, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/drop_shadow.css.scss */
#shadow-container .shadow1 {
  background: #ddddd9;
}

/* line 21, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/drop_shadow.css.scss */
#shadow-container .shadow2 {
  background: #AAAAAA;
}

/* line 25, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/drop_shadow.css.scss */
#shadow-container .shadow3 {
  background: #999999;
}

/* line 29, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/drop_shadow.css.scss */
#shadow-container .container {
  background: #ffffff;
  border: 1px solid #848284;
  xpadding: 10px;
}
.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}


.jcarousel-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.jcarousel-wrapper .photo-credits a {
    color: #fff;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 600px;
    height: 400px;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 200px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.jcarousel-control-prev {
    left: -50px;
}

.jcarousel-control-next {
    right: -50px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: 0;
    left: 15px;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    
    margin-right: 2px;
    
    opacity: .75;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
.three-columns-central {
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    padding: 0 19px 0;
}
.two-columns-left {
    border-left: 1px solid #D4D4D4;
    padding: 0 0 0 19px;
}
.two-columns-right {
    border-right: 1px solid #D4D4D4;
    padding: 0 19px 0 0;
}
.sidebar {
    width: 200px;
}
.portfolio-grid-1 .middle {
    margin-bottom: 20px;
}
.portfolio-grid-1 .small {
    margin-bottom: 20px;
}
.comments .comment-date {
    text-align: right;
}
.post-item-panel ul li.comments {
    float: right;
}
.member-divider {
    margin-left: 20px;
}
.two-col-team .span4 {
    width: 340px;
}
.head_phone {
    text-align: right;
}
ul.socials {
    float: right;
    margin-bottom: 35px;
}
.carousel-caption {
    position: absolute;
    right: 30px;
    left: auto;
    bottom: 20px;
    width: 50%;
}
.slider4 .carousel-caption {
    bottom: auto;
    left: 20px;
    position: absolute;
    right: auto;
    top: 20px;
    width: 50%;
}
.flexslider .left-top {
    left: 20px;
    top: 20px;
    bottom: auto;
}
.flexslider .right-top {
    right: 20px;
    top: 20px;
    bottom: auto;
}
.flexslider .left-bottom {
    left: 20px;
    bottom: 20px;
}
.flexslider .right-bottom {
    right: 20px;
    bottom: 20px;
}
.footer-wrapper .span4 {
    width: 290px;
    padding-left: 10px;
}
.navbar-inner {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: none;
    border-left: none;
}
.dif-table {
    margin-left: 20px;
}
.dif-table .table-column {
    border-width: 1px 0 1px 1px;
}
.price-table1 .span2 {
    width: 159px;
}
.price-table1 .span3 {
    width: 218px;
}
.price-table2 .span2 {
    width: 199px;
}
.price-table2 .span3 {
    width: 298px;
}
.price-table3 .span2 {
    width: 343px;
}
.price-table3 .span3 {
    width: 354px;
}
.quote-left, .quote-right {
    margin: 0 20px 0 0;
}
div.buttons-container {
    display: none;
}
.socials a {
    display: block;
    width: 24px;
    height: 24px;
}
.socials .flickr {
    background: transparent url(/../img/socials_icons.png) top left no-repeat;
}
.socials .twitter {
    background: transparent url(/../img/socials_icons.png) scroll -30px 0 no-repeat;
}
.socials .facebook {
    background: transparent url(/../img/socials_icons.png) scroll -60px 0 no-repeat;
}
.socials .youtube {
    background: transparent url(/../img/socials_icons.png) scroll -90px 0 no-repeat;
}
.socials .dribbble {
    background: transparent url(/../img/socials_icons.png) scroll -120px 0 no-repeat;
}
.socials .pinterest {
    background: transparent url(/../img/socials_icons.png) scroll -150px 0 no-repeat;
}
.socials .flickr:hover {
    background: transparent url(/../img/socials_icons.png) scroll 0 -24px no-repeat;
}
.socials .twitter:hover {
    background: transparent url(/../img/socials_icons.png) scroll -30px -24px no-repeat;
}
.socials .facebook:hover {
    background: transparent url(/../img/socials_icons.png) scroll -60px -24px no-repeat;
}
.socials .youtube:hover {
    background: transparent url(/../img/socials_icons.png) scroll -90px -24px no-repeat;
}
.socials .dribbble:hover {
    background: transparent url(/../img/socials_icons.png) scroll -120px -24px no-repeat;
}
.socials .pinterest:hover {
    background: transparent url(/../img/socials_icons.png) scroll -150px -24px no-repeat;
}
ul.icons {
    list-style: none;
    margin-left: 0;
}
.head_phone {
    color: #666666;
    font-family: 'Open Sans',Arial,sans-serif;
    font-size: 18px;
    margin-top: 25px;
    padding-bottom: 0;
}
.navbar .nav .open .dropdown-menu .active a {
    background-color: #333333;
    border: none;
    background-image: none;
}
.navbar .nav .open .dropdown-menu .active a:hover {
    background-color: #292929;
    background-image: none !important;
    filter: none;
}
.nav-select {
        width: 100%;
    }
.navbar-inner {
    background-color: #FFFFFF;
    background-image: none;
    background-repeat: repeat-x;
    border-radius: 0 0 0 0;
    box-shadow: none;
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}
.navbar .nav .active > a, .navbar .nav .active > a:hover, .navbar .nav .active a > i, .navbar .nav .active a > i:hover {
    background-color: #FFFFFF;
    text-decoration: none;
}
.nav-pills > li > a {
    border-radius: 0;
    margin-bottom: 2px;
    margin-top: 2px;
    padding-bottom: 8px;
    padding-top: 8px;
}
.nav-pills-portfolio > li > a {
    border-radius: 5px 5px 5px 5px;
    color: #666666;
    font-size: 18px;
}
.nav-pills-portfolio {
    float: left;
    margin-bottom: 10px;
}
.portfolio-switch {
    float: right;
    list-style: none;
    margin-top: 4px;
}
.portfolio-switch li {
    float: right;
    margin-left: 20px;
}
.portfolio-nav {
    overflow: hidden;
}
.dropdown .dropdown-menu {
    background-clip: padding-box;
    background-color: #333333;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
    list-style: none outside none;
    z-index: 1000;
    top: 98%;
}
.in .dropdown .dropdown-menu {
    box-shadow: none;
}
.navbar .nav > li > .dropdown-menu:after {
    border: none;
}
.navbar .nav > li > .dropdown-menu:before {
    border: none;
}
.dropdown-menu {
    border: none;
    margin: 0;
}
.nav-pills .dropdown-menu {
    border-radius: 0 0 0 0;
}
.navbar {
    margin: 0;
}
.navbar-inner {
    padding: 0;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    box-shadow: none;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #ffffff;
}
.navbar .in .nav li.dropdown.open > .dropdown-toggle, .navbar .in .nav li.dropdown.active > .dropdown-toggle, .navbar .in .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #333333;
    color: #ffffff;
}
.in .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {
    background-color: #292929;
    border-radius: 0 0 0 0;
}
.nav-collapse {
    position: relative;
    z-index: 999;
}
.navbar .nav > li {
    text-align: center;
    border-right: 1px dotted #CCCCCC;
}
.navbar .nav > li .dropdown-menu li {
    text-align: left;
}
.navbar .nav > li .dropdown-menu li a {
    color: #ffffff;
    padding: 8px 10px 11px;
}
.navbar .nav > li .dropdown-menu li a:hover {
    background-color: #292929;
    background-image: none !important;
    filter: none;
}
.navbar .nav > li a i {
    display: block;
    color: #666666;
    font-size: 12px;
    font-weight: normal;
    height: 27px;
    background: #ffffff url(/../img/menu_icons.png) scroll center 23px no-repeat;
}
.navbar .nav > li.single a i {
    background: none;
}
.navbar .nav > li a {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 0;
    padding: 15px 15px 8px;
    text-shadow: none;
}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover {
    background-color: #999999;
    border-color: #999999;
    color: #333333;
}
.navbar-inner .in {
    margin-top: 20px;
}
.navbar .navbar-inner .in .nav-pills {
    z-index: 9999;
    background-color: #333333;
}
.navbar .navbar-inner .in li {
    border-right: none;
    text-align: left;
}
.navbar .navbar-inner .in li a {
    color: #ffffff;
}
.navbar .navbar-inner .in li a i {
    display: none;
}
.navbar .navbar-inner .in li.active a {
    background-color: #333333;
}
.navbar .nav .active > a, .navbar .nav li:hover > a {
    padding-top: 12px;
}
.navbar .nav .dropdown-menu li:hover a {
    border: none;
    padding-top: 8px;
}
.navbar .in .nav li a {
    border: none;
    padding: 8px 10px 11px;
}
.navbar .in .nav .active a, .navbar .in .nav li:hover a {
    border: none;
    padding: 8px 10px 11px;
}

.grey-box {
    background-color: #fbfbfb;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-top: 1px solid #f5f5f5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 1px 3px #CCCCCC;
}
.hero-block-2 {
    padding: 15px 20px;
    text-align: center;
}
.hero-block-2 p img {
    float: right;
    margin: 0 0 0 25px;
}
.hero-block-2 .btn {
    margin: 17px auto 5px;
    font-weight: bold;
    font-size: 16px;
}
.hero-block3 .btn {
    font-size: 16px;
}
.hero-block-2 .btn .icon-shopping-cart {
    font-size: 19px;
}
.hero-block-2 h2, .hero-block-2 p {
    text-align: left;
}
.hero-block-2 .btn .icon-shopping-cart {
    line-height: 26px;
    padding-right: 7px;
}
.home-block h1 {
    padding-top: 6px;
    margin-bottom: 8px;
    margin-top: 0;
}
.hero-block-1 {
    margin-bottom: 15px;
}
.home-block h2 {
    margin-bottom: 10px;
}
.home-block p {
    line-height: 22px;
    padding: 0;
    color: #898989;
}
.home-block {
    margin-top: 20px;
}
.hero-list {
    margin-top: 10px;
    padding-bottom: 10px;
}
.hero-list .image-wrapper {
    float: left;
}
.hero-list img {
    padding: 0 11px;
}
.hero-list-description {
    float: left;
}
.hero-list a {
    clear: both;
    display: block;
    margin-top: 5px;
}
.hero-list p {
    font-family: 'Open Sans',sans-serif,Arial;
    line-height: 16px;
    padding: 0;
    color: #898989;
    overflow: hidden;
}
.hero-list h2 {
    color: #898989;
}
.hero-list h2 {
    margin-bottom: 5px;
}
.slides .slide-info p {
    padding: 0;
}
.slides .slide-info h2 {
    padding: 0;
}
.carousel-caption {
    background: transparent url(/../img/slide_info_bg.png) top left repeat;
    padding: 15px;
}
.carousel-caption h2 {
    font-size: 24px;
    font-weight: normal;
    text-decoration: none;
}
.carousel-caption p {
    color: #ffffff;
    padding-bottom: 10px;
}
.horizontal-divider {
    background-color: #e5e5e5;
    height: 5px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.title-wrapper h2 {
    float: left;
}
.clients .title-wrapper h2 {
    float: none;
}
.title-wrapper .all {
    font-size: 14px;
    float: right;
    line-height: 30px;
}
.portfolio-grid-1 .hp-wrapper {
    position: relative;
    overflow: hidden;
}
.portfolio-grid-1 .hp-wrapper .bottom-block {
    background: url(/../img/bottom_block_bg.png) repeat scroll left top transparent;
    bottom: 0;
    height: 38px;
    left: 0;
    padding: 6px 10px;
    position: absolute;
    width: 100%;
}
.portfolio-grid-1 .hp-wrapper .bottom-block a {
    font-size: 16px;
}
.portfolio-grid-1 .hp-wrapper .bottom-block p {
    color: #666666;
    font-family: 'Open Sans', sans-serif, Arial;
}
.hover-shade {
    position: absolute;
    left: -9999em;
    top: 0;
}
.portfolio-grid-1 .hover-shade img {
    position: absolute;
    left: 0;
    top: 0;
}
.portfolio-grid-1 .hp-wrapper .hover-shade a {
    width: 100%;
    height: 100%;
    display: block;
}
.portfolio-grid-1 .hp-wrapper:hover .hover-shade {
    left: 0;
}
.portfolio-grid-1 p {
    padding: 0;
}
.testimonials {
    margin-bottom: 35px;
}
.testimonials-block {
    background: transparent url(/../img/testimonials_block_bg.gif) top left repeat;
    position: relative;
    padding: 30px 20px 10px;
    margin-bottom: 25px;
}
.testimonials-block .quote {
    background: transparent url(/../img/quote.png) top left no-repeat;
    position: absolute;
    width: 91px;
    height: 61px;
    left: 13px;
    top:0;
    z-index: 1;
}
.testimonials-block p {
    color: #666666;
    font-family: Georgia;
    font-size: 16px;
    font-style: italic;
    position: relative;
    z-index: 2;
    margin: 0 0 5px;
    padding: 0;
}
.testimonials-block .autor {
    text-align: right;
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
}
.hero-block3 {
    position: relative;
}
.hero-block3 .hero-content-3 {
    padding: 20px;
}
.hero-block3 .hero-content-3 h2 {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 10px;
    color: #333333;
}
.hero-block3 h2 {
    float: none;
    margin-bottom: 5px;
}
.hero-block3 p {
    float: none;
    line-height: 22px;
    padding: 0;
    color: #898989;
}
.tour-btn .btn {
    font-weight: bold;
}
.block-posts .block-post-img {
    display: block;
    margin-bottom: 10px;
}
.bordered-img {
    -moz-transition: all 0.2s ease-in-out 0s;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    line-height: 20px;
    padding: 3px;
}
.container .bordered-img img {
    margin-bottom: 0;
}
.block-posts .block-post-title {
    font-size: 14px;
}
.block-posts .block-post-content {
    margin: 0 0 2px;
    color: #666666;
    padding: 0;
    line-height: 18px;
}
.block-posts .block-post-more {
    text-decoration: underline;
}
.block-posts p {
    padding: 0;
}
.block-posts .block-post-date {
    padding-bottom: 10px;
    color: #898989;
}
.clients {
    margin-bottom: 20px;
}
/*Breadcrumb Start*/
#breadcrumb {
    border-bottom: 1px solid #CCCCCC;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
#breadcrumb ul {
    float: left;
    list-style: none outside none;
    margin: 0 0 2px;
    padding: 12px 0 8px 10px;
}
#breadcrumb ul li {
    background: url(/../img/breadcrumb_icon.png) no-repeat scroll left 7px transparent;
    float: left;
    margin-left: 8px;
    padding-left: 10px;
}
#breadcrumb .home {
    background: none repeat scroll 0 0 transparent;
    height: 15px;
    margin-left: 0;
    padding-left: 0;
}
/*Breadcrumg Ens*/
/*Sidebars Start*/
#left-sidebar .sidebar-wrapper {
    padding-right: 19px;
    border-right: 1px solid #cccccc;
}
.side-nav .active a {
    color: #000000;
}
.sidebar .sidebar-block {
    margin-bottom: 35px;
    clear: both;
    overflow: hidden;
}
.sidebar-news-widget ul, .side-nav ul {
    list-style: none;
    margin-left: 0;
}
.sidebar-news-widget ul li, .side-nav ul li {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 8px;
    overflow: hidden;
    padding-bottom: 8px;
}
.comments-widget p, .text-widget p, .tags-widget p {
    padding: 0;
    color: #898989;
}
.sidebar-news-widget ul li p, .sidebar-news-widget .date {
    padding: 0 0 0 69px;
}
.side-nav ul li a {
    background: url(/../img/left_nav_bullets.png) no-repeat scroll 0 8px transparent;
    padding-left: 9px;
    display: block;
    font-size: 13px;
}
.side-nav ul li a:hover {
    text-decoration: none;
    color: #333333;
}
.tags-widget p {
    margin-bottom: 5px;
}
.sidebar-news-widget ul .photo {
    float: left;
    margin-right: 10px;
}
.sidebar {
    padding-top: 29px;
}
.sidebar h2 {
    border-bottom: 3px solid #cccccc;
    padding-bottom: 6px;
    margin-bottom: 12px;
}
.date i {
    padding-right: 3px;
}
.comments-widget ul {
    list-style: none;
    margin-left: 0;
}
.comments-widget ul li {
    margin-bottom: 10px;
}
#right-sidebar .sidebar-wrapper {
    padding-left: 19px;
    border-left: 1px solid #cccccc;
}
.tags-widget ul {
    list-style: none;
    margin-left: 0;
}
.tags-widget ul li {
    float: left;
    margin-right: 18px;
}
.gallery-widget ul {
    list-style: none;
    margin-left: -10px;
}
.gallery-widget ul li {
    margin-left: 10px;
    float: left;
    margin-bottom: 10px;
}
/*Sidebars End*/

/*Main Column Start*/
.main-column {
    margin-top: 8px;
}
.main-column img {
    margin-bottom: 10px;
}
.post-item {
    clear: both;
    margin-bottom: 25px;
}
.post-item .post-description {
    margin: 0;
    padding-bottom: 0;
}
.post-item .post-more {
    font-family: Arial;
    text-decoration: underline;
}
.post-item .post-more:hover {
    text-decoration: none;
}
.post-item-panel {
    background-color: #F5F5F5;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px 10px 0;
}
.post-item-panel ul {
    list-style: none;
    margin-left: 0;
}
.post-item-panel ul li {
    float: left;
    margin-right: 20px;
}
.post-item-panel ul li p {
    padding: 0 0 8px;
    color: #898989;
}
.post-item-panel ul li p i, .tags-widget p i {
    padding-right: 3px;
}
.post-socials {
    margin: 20px 0 50px 0;
}
.post-socials h2, .reply-form h2 {
    color: #333333;
}
.comments .name {
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.comments .comment-date {
    padding: 0;
}
.comments .reply {
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.comment-details {
    margin-bottom: 5px;
}
.comment-item {
    margin-bottom: 15px;
}
.comment-item .span1 {
    margin-bottom: 10px;
}
.comment-body {
    background-color: #f5f5f5;
    border-radius: 5px 5px 5px 5px;
    position: relative;
}
.comment-table .baloon {
    background: url(/../img/baloon.gif) no-repeat scroll 7px 22px transparent;
    border: medium none;
    width: 15px;
}
.comment-body p {
    padding: 10px 12px;
    font-size: 14px;
    color: #666666;
}
form .error {
    position: relative;
}
.team-member h2 {
    line-height: 18px;
    margin-bottom: 5px;
    color: #333333;
}
.team-member h4 {
    margin: 5px 0 0 0;
    color: #666666;
    font-weight: normal;
}
.team-member em {
    color: #666666;
}
.team-member .experience {
    padding-top: 0;
    padding-bottom: 10px;
    color: #666666;
}
.team-member .photo {
    margin-bottom: 10px;
}
.member-divider {
    border-bottom: 1px dashed #cccccc;
    clear: both;
    height: 1px;
    margin-bottom: 50px;
}
.two-col-team .team-member {
    margin-bottom: 50px;
}
div.alert {
    padding: 20px 15px 10px 35px;
    padding-left: 35px;
    margin-bottom: 10px;
}
.alert-note {
    border: 1px solid #000000;
    background-color: #ffffff;
}
.alert-error {
    border: 1px solid #d47676;
    background-color: #f6d4d4;
}
.alert-attention {
    border: 1px solid #fece89;
    background-color: #fff3c2;
}
.alert-info {
    border: 1px solid #448398;
    background-color: #b4e5ec;
}
.alert-success {
    border: 1px solid #72ad55;
    background-color: #ceefbe;
}
.alert h2 {
    background: transparent url(/../img/warning-icons.png) top left no-repeat;
    padding: 3px 0 5px 35px;
    margin-bottom: 0;
}
.alert p {
    padding-left: 35px;
    padding-bottom: 10px;
}
.alert .close {
    right: -8px;
    top: -17px;
}
.alert-note h2 {
    background-position: 0 3px;
}
.alert-error h2 {
    background-position: 0 -75px;
    color: #ae3f3f;
}
.alert-error p {
    color: #ae3f3f;
}
.alert-attention h2 {
    background-position: 0 -150px;
    color: #ab5e2a;
}
.alert-attention p {
    color: #ab5e2a;
}
.alert-info h2 {
    background-position: 0 -227px;
    color: #448398;
}
.alert-info p {
    color: #448398;
}
.alert-success h2 {
    background-position: 0 -305px;
    color: #488a28;
}
.alert-success p {
    color: #488a28;
}
.stick-wrapper {
    margin-left: -20px;
    padding-left: 35px;
    width: 720px;
    margin-top: 50px;
}
.stick-wrapper .stick {
    margin-left: -29px;
}
.stick {
    height: 190px;
    padding: 30px 50px 30px 30px;
    text-align: center;
    width: 188px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.stick p {
    padding: 7px 0;
}
.stick h2 {
    margin-bottom: 0;
}
.note-stick {
    background: transparent url(/../img/note_stick_bg.png) top left no-repeat;
}
.note-stick h2, .note-stick p {
    color: #666666;
}
.alert-stick {
    background: transparent url(/../img/alert_stick_bg.png) top left no-repeat;
}
.alert-stick h2, .alert-stick p {
    color: #580a0a;
}
.success-stick {
    background: transparent url(/../img/success_stick_bg.png) top left no-repeat;
}
.success-stick h2, .success-stick p {
    color: #406230;
}
.info-stick {
    background: transparent url(/../img/info_stick_bg.png) top left no-repeat;
}
.info-stick h2, .info-stick p {
    color: #255a6c;
}
.attention-stick {
    background: transparent url(/../img/attention_stick_bg.png) top left no-repeat;
}
.attention-stick h2, .attention-stick p {
    color: #96570d;
}
#right-sidebar .stick {
    margin-left: -10px;
}
#left-sidebar .stick {
    margin-left: -34px;
}
.left-stick {
    margin-left: -14px;
}
.right-stick {
    float: right;
    margin-right: -30px;
}
.dropcap {
    display: block;
    float: left;
    margin: 19px 10px 10px 10px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 48px;
}
.dropcap-black {
    color: #000000;
}
.accordion, .toggle-box {
    border: 1px solid #f5f5f5;
}
.accordion-group {
    border: none;
    border-radius: 0 0 0 0;
}
.toggle-box {
    margin-bottom: 20px;
}
.accordion-inner, .tbox-inner {
    border-top: 1px solid #E5E5E5;
    padding: 9px 15px 9px 60px;
    border: none;
}
.accordion .accordion-toggle, .toggle-box a {
    background: url(/../img/collapse_btn.png) no-repeat scroll left 10px transparent;
    color: #666666;
    display: block;
    font-size: 18px;
    height: 25px;
    line-height: 23px;
    padding: 10px 20px 10px 40px;
}
.accordion a.collapsed, .toggle-box .collapsed {
    background: url(/../img/collapse_btn.png) no-repeat scroll left -58px transparent;
}
.accordion-heading, .tbox-heading {
    padding-left: 20px;
}
.dif-table {
    margin-bottom: 15px;
    margin-top: 30px;
}
.dif-table p {
    padding: 6px 0;
    font-family: 'Open Sans', Arial, sans-serif;
    text-align: center;
}
.dif-table .span2, .dif-table .span3 {
    margin-left: 0;
}
.dif-table div.span3 {
    border-width: 1px;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 3px #CCCCCC;
    position: relative;
    z-index: 10;
}
.dif-table div.span3 .bottom {
    padding: 15px 0;
}
.dif-table .span3 .title {
    padding: 20px 0;
    background-color: #f09931;
    text-shadow: 0 1px #9c6420;
    border-radius: 2px 2px 0 0;
}
.dif-table div.span3 .btn-primary {
    font-size: 16px;
    padding: 10px 20px;
}
.dif-table .title {
    color: #ffffff;
    font-size: 20px;
    text-shadow: 0 1px 0 #1a4e75;
    font-weight: 600;
}
.dif-table .cost {
    font-size: 16px;
    background-color: #f5f5f5;
    font-weight: bold;
}
.dif-table ul {
    list-style: none;
    margin: 0;
    text-align: center;
}
.dif-table ul li {
    padding: 5px 0 5px 0;
}
.dif-table ul li img {
    margin-bottom: 3px;
    margin-right: 4px;
}
.dif-table .btn {
    font-size: 13px;
    height: 20px;
    padding: 3px 9px;
}
.dif-table .bottom {
    background-color: #f5f5f5;
}
.dif-table .table-column {
    border-style: solid;
    border-color: #e0e0e0;
    margin-bottom: 20px;
}
.dif-table .first-column {
    border-radius: 2px 0 0 2px;
}
.dif-table .first-column .title {
    border-radius: 2px 0 0 0;
}
.dif-table .last-column {
    border-radius: 0 2px 2px 0;
    border-width: 1px 1px 1px 0;
}
.dif-table .last-column .title {
    border-radius: 0 2px 0 0;
}
.dif-table .span3 {
    height: 250px;
    margin-top: -28px;
}
.flexslider .slides img {
    margin-bottom: 0;
}
.flexslider .slide2 .carousel-caption, .slide3 .carousel-caption {
    right: 0;
    bottom: 0;
    width: 96%;
}
.flexslider .slide3 .carousel-caption {
    background: none repeat scroll 0 0 #E7E7E8;
}
.flexslider .slide3 .carousel-caption p, .flexslider .slide4 .carousel-caption p {
    color: #333333;
}
.flexslider .slide4 .carousel-caption {
    background: transparent url(/../img/slide4_info_bg.png) top left repeat;
}
.flexslider .portfolio-grid-1 .thumbnails {
    margin-bottom: 0;
}
.help-inline {
    display: block;
}
.contact-info h2 {
    border-bottom: 3px solid #CCCCCC;
    margin-bottom: 12px;
    padding-bottom: 6px;
    clear: both;
}
.contact-info address {
    margin-bottom: 15px;
}
.contact-info .socials {
    float: none;
    overflow: hidden;
}
.contact-info .socials li {
    float: left;
    margin: 0 5px 0 0;
}
.contact-info table td {
    border-top: none;
    border-bottom: 1px solid #DDDDDD;
    padding: 4px 8px 4px 0;
}
.contact-info table .small {
    width: 40%;
}
.text-divider1 {
    border-top: 1px solid #cccccc;
    margin-bottom: 19px;
}
.text-divider2 {
    display: block;
    margin-bottom: 19px;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    text-align: right;
    color: #666666;
    margin-top: -19px;
}
.text-divider2:hover, .text-divider4:hover {
    text-decoration: none;
    color: #666666;
}
.text-divider3 {
    border-top: 1px dashed #cccccc;
    margin-bottom: 19px;
}
.text-divider4 {
    display: block;
    margin-bottom: 19px;
    width: 100%;
    border-bottom: 1px dashed #cccccc;
    text-align: right;
    color: #666666;
    margin-top: -19px;
}
.text-divider5, .text-divider6 {
    border-bottom: 1px solid #cccccc;
    width: 100%;
    margin-bottom: 19px;
    margin-top: -3px;
}
.text-divider5 span {
    display: block;
    width: 70px;
    height: 3px;
}
.text-divider6 span {
    display: block;
    width: 70px;
    height: 3px;
    float: right;
}
.nav-tabs a {
    font-size: 14px;
    color: #666666;
}
.buttons-example .ex, .buttons-example .btn-group {
    margin-bottom: 20px;
}
.demo-icons .span1 {
    margin-bottom: 30px;
}
.portfolio-details {
    margin-top: 2px;
    margin-bottom: 20px;
}
.back-to-portfolio {
    background: url(/../img/arrow_left.gif) no-repeat scroll 13px 12px #F5F5F5;
    border-radius: 3px 3px 3px 3px;
    color: #666666;
    display: block;
    font-size: 16px;
    padding: 7px 20px 7px 33px;
    margin-bottom: 10px;
}
.item-details {
    list-style: none;
    margin-left: 0;
}
.item-details li {
    font-size: 14px;
    color: #666666;
    margin-bottom: 5px;
}
.item-details li .title {
    font-weight: bold;
    padding-right: 3px;
}
.item-details .website {
    margin-bottom: 9px;
}
.item-details .website i {
    color: #666666;
}
.item-details .tags p {
    padding-bottom: 0;
}
.item-details .tags i {
    color: #cccccc;
}
.item-details .share span {
    display: block;
}
.portfolio-slider {
    margin-bottom: 100px;
    margin-top: 20px;
}
.portfolio-slider #slider {
    margin-bottom: 10px;
}
.portfolio-slider #carousel .slides li {
    border: 2px solid #ffffff;
    border-radius: 2px;
    cursor: pointer;
}
.col-wrapper {
        padding-top: 21px;
}
#clients {
    overflow: visible;
    clear: both;
}
.twitter-wrapper {
    position: relative;
	padding: 10px 0 10px 0;
}
#nav_t {
    float: left;
    height: auto;
    position: absolute;
    /*top: 34%;*/
    width: 11px;
}
#nav_t .flex-prev {
    background: url(/../img/tw_arrow_up.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 6px;
    left: 0;
    margin-bottom: 7px;
    width: 11px;
}
#nav_t .flex-next {
    background: url(/../img/tw_arrow_down.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 6px;
    left: 0;
    width: 11px;
}
#nav_t .flex-direction-nav a {
    position: inherit;
}
.follow_img {
    position: absolute;
    right: 0;
    top: 16%;
}
#prev_t {
    display: block;
    color: #fff;
}
#next_t {
    display: block;
    color: #fff;
}
.tweets-slide {
    display: block;
    color: #fff;
    overflow: hidden;
    padding-left: 20px;
}
.tweets-slide ul .slides li {
    color: #FFFFFF;
    font-size: 14px;
    height: auto;
    line-height: 14px;
    padding: 10px 0 10px 10px;
    margin: 10px 0 10px 10px;

    width: 100%;
    display: block;

}
.tweets-slide .flex-viewport {
}
.tweets-slide td {
    color: #FFFFFF;
    font-size: 14px;
    height: auto;
    line-height: 14px;
    min-height: 44px;
    padding-left: 10px;
    width: 100%;
}
.bannercontainer .middle {
    color: #333333;
    font-family: Open Sans, Arial, sans-serif;
    font-style: italic;
}
.bannercontainer .slide3 .middle {
    padding: 5px 10px 8px 10px;
    font-weight: bold;
    color: #333333;
}
.bannercontainer .big {
    color: #FFFFFF;
    font-family: Open Sans, Arial, sans-serif;
    padding-bottom: 4px;
    padding-left: 10px;
    background-color: #000000;
}
.bannercontainer .slide2 .big {
    background-color: #2671AC;
}
.bannercontainer .slide3 .big {
    background-color: #2671AC;
    padding-bottom: 4px;
}
.bannercontainer .small {
    color: #666666;
    font-family: Open Sans, Arial, sans-serif;
    white-space: normal;
}
.bannercontainer .slide3 .small {
    background-color: #000000;
    color: #ffffff;
    padding: 6px 0 10px 43px;
}
.buttons-container {
    position: relative;
    text-align: center;
    height: 27px;
    padding: 20px 50px;
}
.buttons-container .nav-select {
    border-radius: 4px;
}
.bannercontainer .banner ul li div {
    left: -999em;
}
.bannercontainer .banner ul {
    list-style: none;
    margin-left: 0;
}
/*Main Column End*/

table.admin_menu td {
  padding: 5px;
  font-size: 10pt;
}

table tr.tableTitle th {
  background-color: var(--thead-color);
  color: var(--text-light-color);
  background-color: var(--thead-color);
  font-size: var(--step--2);
  font-weight: 900;
  text-transform: uppercase;
  padding: var(--space-xs) var(--space-s);
  vertical-align: baseline;
}

/*html, body, div, ul {
  margin: 0;
  padding: 0;
}

body {
    color: #262626;
  background: #f4f4f4;
  font: normal 12px/18px Verdana, sans-serif;
}

#content {
  width: 400px;
  margin: 40px auto 0 auto;
  padding: 0 60px 30px 60px;
  border: solid 1px #cbcbcb;
  background: #fafafa;
  -moz-box-shadow: 0px 0px 10px #cbcbcb;
  -webkit-box-shadow: 0px 0px 10px #cbcbcb;
}

h1 {
  margin: 30px 0 15px 0;
  font-size: 30px;
  font-weight: bold;
  font-family: Arial;
}

h1 span {
  font-size: 50%;
  letter-spacing: -0.05em;
}

hr {
  border: none;
  height: 1px; line-height: 1px;
  background: #E5E5E5;
  margin-bottom: 20px;
  padding: 0;
}

p {
  margin: 0;
  padding: 7px 0;
}

a {
  outline: none;
}

a img {
  border: 1px solid #BBB;
  padding: 2px;
  margin: 10px 20px 10px 0;
  vertical-align: top;
}

a img.last {
  margin-right: 0;
}

ul {
  margin-bottom: 24px;
  padding-left: 30px;
}
*/
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 29px; display: block; background: url(/../img/slider_arrows.png) no-repeat 0 0; position: absolute; top: 48%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 20px; }
.flex-direction-nav .flex-prev {left: 20px; background-position: 0 0;}
.flexslider .flex-next:hover {background-position: -30px -29px;}
.flexslider .flex-prev:hover  {background-position: 0 -29px;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

.slide-info {
    width: 380px;
    height: 85px;
    position: absolute;
    background: transparent url(/../img/slide_info_bg.png) top left repeat;
    bottom: 20px;
    right: 30px;
    padding: 15px 20px;
}
.slide-info h2 {
    padding-bottom: 10px;
}
.slide-info h2 a {
    font-size: 24px;
    color: #0164b3;
    text-decoration: none;
    font-weight: normal;
}
.slide-info h2 a:hover {
    text-decoration: underline;
}
.slide-info p {
    color: #ffffff;
    font-size: 14px;
}
/**** Isotope Filtering ****/


.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */


#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url(/fancybox.png);
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url(/fancybox.png) -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url(/blank.gif);
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url(/fancybox.png);
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url(/fancybox.png);
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url(/fancybox-x.png);
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url(/fancybox.png);
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url(/fancybox-y.png);
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url(/fancybox.png);
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url(/fancybox-x.png);
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url(/fancybox.png);
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url(/fancybox-y.png);
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url(/fancybox.png);
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url(/fancy_title_over.png);
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url(/fancybox.png) -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url(/fancybox-x.png) 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url(/fancybox.png) -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
/*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(/../img/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(/../img/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(/../img/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	visibility: hidden;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(/../img/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
/*label.required:before {
  content:"*";
  color:red;
}*/
/* line 8, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
.shadow {
  box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);
}

/* line 13, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
.homepage_button {
  display: block;
  float: left;
  width: 371px;
  color: white;
  padding: 10px;
  text-align: left;
  margin-bottom: 10px;
  font-size: 8pt;
  vertical-align: top;
}

/* line 25, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
.homepage_button .glyphicon {
  display: block;
  font-size: 40pt;
  position: relative;
  left: 310px;
  top: -48px;
  opacity: 0.15;
  width: 0px;
}

/* line 35, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
a.homepage_button {
  height: 60px;
}

/* line 38, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
a.homepage_button:hover {
  color: white !important;
  text-decoration: none;
}

/* line 43, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
a.homepage_button:visited {
  color: white !important;
}

/* line 47, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
h3.homepage_button {
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
  font-size: 10pt;
  color: #ccc;
}

/* line 55, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
.curved {
  border-radius: 10px;
}

/* line 59, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
.small-curved {
  border-radius: 5px;
}

/* line 63, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
#quicklinks, #bids_dropdown, #logged_in_dropdown {
  display: none;
  background-color: white;
  position: absolute;
  z-index: 100;
  padding: 10px;
  text-align: left;
  width: 300px;
  border: 1px solid #ccc;
  margin-left: -1px;
}

/* line 75, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
#quicklinks a, #bids_dropdown a, #logged_in_dropdown a {
  padding: 0px;
  padding-left: 15px;
}

/* line 80, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
#login_box a {
  color: #ccc;
}

/* line 84, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
#login_box {
  line-height: 1.5em;
}

/* line 88, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
#login_box input[type="text"] {
  width: 99%;
}

/* line 92, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
#login_box input[type="password"] {
  width: 99%;
}

/* line 96, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
#login_box input[type="submit"] {
  float: right;
  margin-right: -5px;
}

/* line 101, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
#home_menu {
  xborder: 1px solid #ccc;
  background-color: #fff;
  padding: 5px;
  color: #ccc;
}

/* line 108, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
#home_page_bottom_box {
  font-size: 8pt;
}

/* line 113, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
#login_box {
  text-align: left;
}

/* line 119, /Users/sam/workspace/web/esc7/purchasing.esc7.net/app/assets/stylesheets/r7.css.scss */
.alternatingRow {
  background-color: var(--table-row-dark) !important;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }