/* credit goes to http://css-tricks.com/simple-styles-for-horizontal-rules */
/* Gradient transparent - color - transparent */ 
hr.thinLine { border: 0; height: 1px; 
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

/*
// --------------------------------------------------------------------------------------------------
// BEGIN:  Page title styles
// --------------------------------------------------------------------------------------------------
*/
.BlueTitle
{
    clear: both;  
    background-color:#699ED0;
    color:#F5F7F8;
    font-size: 1.3em;
    padding: 3px 0px 10px 5px;
    display: inline-block;   
    width: 99.5%;    
    margin:1px 0px; 
    padding: 5px 10px
}

label.error {
	color:red;
	padding-left:10px;
}
/*
// --------------------------------------------------------------------------------------------------
// BEGIN:  Grid Layout table. It is mainly used for Search Criteria and Search Result tables.
// --------------------------------------------------------------------------------------------------
*/
table.GridLayoutTable
{
	width: 100%;
	background-color: #fafafa;
	border:0px;
	border-collapse: separate;
	border-spacing: 1px 1px;
}

table.GridLayoutTable th
{ 
	background-color: #A7C0DD;	
	border:0px;
	padding:5px;		
	font-family: Verdana, sans-serif, Arial;	
	font-size: 11px;
	color: #404040; 
	text-align: center;
	min-height:30px;	
}

table.GridLayoutTable tr:hover td
{	
	background-color: #BDD7FF; 
}
table.GridLayoutTable td
{ 
	border-bottom: thin solid #6699CC;	
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: .9em;
	color: #404040;
	background-color: #fafafa;
	padding: 5px 10px; 
}
/*
// --------------------------------------------------------------------------------------------------
// END:  Grid Layout table. It is mainly used for Search Criteria and Search Result tables.
// --------------------------------------------------------------------------------------------------
*/


table.searchResultTable
{ 
	width: 100%;
	background-color: #fafafa;
	border: 1px  #C0C0C0 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.searchResultTable tr:hover td
{
    background-color: #9DBCEA;    
}

table.searchResultTable th
{ 
    background-color: #BDBFC0;
    border: 1px #000000 solid;
    font-family: Verdana, sans-serif, Arial;
    font-weight: bold;
    font-size: 12px;
    color: #404040; 
    align: center;
    min-height:30px;    
}

table.searchResultTable td
{ 
	border: 1px #BDBFC0 dotted;
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: .9em;
	color: #404040;
	background-color: #fafafa;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 0px; 
}

/*
// table without border.
*/
table.searchResultTableNoBorder
{ 
	width: 100%;
	background-color: #fafafa;
	border: 0px  #C0C0C0 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.searchResultTableNoBorder tr:hover td
{
    background-color: #EFF4FC;    
}

table.searchResultTableNoBorder tr:hover th
{
    background-color: #EFF4FC;    
}

table.searchResultTableNoBorder th
{ 
    background-color: #BDBFC0;
    border: 1px 0px #000000 solid;
    font-family: Verdana, sans-serif, Arial;
    font-weight: bold;
    font-size: 12px;
    color: #404040; 
    text-align: center;
    min-height:30px;    
}

table.searchResultTableNoBorder
{ 	
	tr:nth-child(odd)		{ background-color:#EEE; }
	tr:nth-child(even)		{ background-color:#FFF; }
}

table.searchResultTableNoBorder td
{ 
	border: 1px 0px #BDBFC0 dotted;
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: .9em;
	color: #404040;
	background-color: #fafafa;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 0px; 
}

table.searchResultTableNoBorder td.underline
{ 
	border-width: 0px 0px 1px 0px; 
	border-style:solid
}



/*
// --------------------------------------------------------------------------------------------------
// BEGIN:  Grid Layout table for Error messages. It is used for rendering error messages in a nice Red 
// color format
// --------------------------------------------------------------------------------------------------
*/
table.ErrorMessageTable
{ width: 100%;
background-color: #fafafa;
border: 1px #000000 dotted;
border-collapse: collapse;
border-spacing: 0px; }

table.ErrorMessageTable th
{ border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #404040; }


table.ErrorMessageTable td
{ border: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .9em;
color: red;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }

/*
// --------------------------------------------------------------------------------------------------
// END:  Grid Layout table for Error messages. It is used for rendering error messages in a nice Red 
// color format
// --------------------------------------------------------------------------------------------------
*/

/*
// --------------------------------------------------------------------------------------------------
// BEGIN:  no border table. It is mainly used for Search Criteria and Search Result tables.
// --------------------------------------------------------------------------------------------------
*/
table.NoBorderTable
{ 	
	background-color: #fafafa;
	border: 0px  #9ABCCD solid;
	border-collapse: collapse;		
}


table.NoBorderTable th
{ 
	background-color: #4F84B2;	
	font-family: Verdana, sans-serif, Arial;
	font-weight: bold;
	font-size: 0.9em;
	color: #404040; 
	align: center;
	padding:7px 0px 7px 0px;
	border-spacing: 1px;	
}

table.NoBorderTable
{ 	
	tr:nth-child(odd)		{ background-color:#eee; }
	tr:nth-child(even)		{ background-color:#fff; }
}


table.NoBorderTable td
{ 	
	text-align: left;
	font-family: Verdana, sans-serif, Arial;	
	font-size: 1.0em;
	color: #404040;	
	padding-top: 4px 2px 0px 8px;
	height:25px;
	line-height:1.2em;
}

/*
// --------------------------------------------------------------------------------------------------
// END:  no border table. It is mainly used for Search Criteria and Search Result tables.
// --------------------------------------------------------------------------------------------------
*/


/*
// --------------------------------------------------------------------------------------------------
// BEGIN:  no border table for Order Detail page. It is mainly used for Search Criteria and Search Result tables.
// --------------------------------------------------------------------------------------------------
*/
table.TablePlain
{ 		
	border: 1px  #000000 solid;
	border-collapse: collapse;
	color: #333333;		
	padding-top:0px;
	cell-spacing:0px;
}

table.TablePlain tr.bold 
{
	font-weight: bold;
}

table.TablePlain th
{ 
	background-color: #D3D3D3;	
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 0.9em;	 
	text-align: left;
	padding: 4px 2px 4px 8px;
	border-spacing: 1px;	
}

table.TablePlain td
{ 	
	text-align: left;
	font-family: Verdana, sans-serif, Arial;	
	font-size: 1.0em;		
	padding: 4px 2px 4px 8px;
	height:17px;	
}


/*
// --------------------------------------------------------------------------------------------------
// END:  no border table for Order Detail page. It is mainly used for Search Criteria and Search Result tables.
// --------------------------------------------------------------------------------------------------
*/

div.TableContainer
{	border: 1px #6699CC solid;	
	width:100%;
}

div.sectionHeader
{		
	background-color:#A1A1A1;
	color:#000000; 
	font-weight:bold;	
	vertical-align:middle;	
	font-size: 1.1em;
	padding:8px 0px 8px 5px;	
}

div.sectionHeaderBorder
{	
	border: 2px #40322E solid; 
	font-weight:bold;	
	vertical-align:middle;	
	font-size: 1.1em;
	padding:8px 8px 8px 8px;
	background-color:#98A2AB;
}

div.subSectionHeader
{		
	background-color:#98A2AB;
	color: #000000;
	font-weight:bold;	
	vertical-align:middle;	
	font-size: 1.0em;
	padding:7px 5px 7px 5px;
	text-align:left;
	margin:1px 0px 1px 0px;	
}

hr.short
{ 	
 	width:400px;
 	text-align:right;		
}
 	
#container {
    display: table;
    width:99%;
    }

#row  {
  display: table-row;
  }

#left, #right, #middle {
  display: table-cell;
  }


/*
//--------------------------------------------------------------------------------------------------
// On hover effect
//--------------------------------------------------------------------------------------------------
*/

input.btnhov {   
	border-color: #c63 #930 #930 #c63;   
}


/*
//--------------------------------------------------------------------------------------------------
// Span styles : used for highlighting font with custom colors.
//--------------------------------------------------------------------------------------------------
*/
span.blueLight {font:0.9em; color:BLUE}
span.redLight {font:0.9em; color:RED}
span.blue {font:0.9em; color:BLUE; font-weight:bold}
span.red  {color:red;font-weight:bold}
span.tinyTextSilver{font:0.9em Verdana, sans-serif, Arial; color:SILVER}
span.tinyText{font:0.9em Verdana, sans-serif, Arial; color:BLACK}
span.tinyTextBlue{font:0.9em Verdana, sans-serif, Arial; color:BLUE}
span.tinyTextBlueItalic{font:0.9em Verdana, sans-serif, Arial; color:BLUE; font-style:italic}
span.right{float:right}

span.required  
{
    color:red;
	font-weight:bold;	 
	padding-right:2px;
}

p.tinyText{font:0.9em Verdana, sans-serif, Arial}

div.errorContainer
{
	margin-top:10px;
	padding: 10px;
	color: red;			
	font-family: "Interstate-light",arial,helvetica,sans-serif;	
	line-height:1.0em;
	font-weight:bold;	
}

div.errorContainerLight
{
	padding: 5px;
	color: red;			
	font-family: "Interstate-light",arial,helvetica,sans-serif;	
	line-height:1.0em;	
}

div.messageContainer
{	    
	margin-top:10px;
    color: #0A43BF;
    font-family: "Interstate-light",arial,helvetica,sans-serif; 
    line-height:1.0em;
    font-weight:bold;  	
}

div.messageBox
{   
    font-weight:normal; 
    border:1px solid #C0C0C0;
    padding:10px;
    margin-top:5px;
    margin-bottom:5px;
    color:blue; 	
    width: 90%;    
}

div.errorBox
{   
    font-weight:normal; 
    border:1px solid #C0C0C0;
    padding:10px;
    margin-top:5px;
    margin-bottom:5px;
    color:red;
    width: 90%; 	
}


input.boldButton
{
    font-weight:bold;
    font-size:0.85em;
    padding:5px;  
    color:#555151; 
}

input.button
{
	font-weight:normal;
	font-size:1.2em;
	padding:5px;
}

input.submit
{
	font-family:arial,helvetica,sans-serif;	
	font-size:1.2em;
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

input:disabled {
  opacity: 0.65; 
  cursor: not-allowed;
}

input:disabled + label
{
	color: #aaa;
}

.boldLabel
{
color: #494747;
font-size: 1.0em;
font-weight:600;
}

/*START: NEW input button style for all the pages*/
input.button_general {
  display: inline;
  position: relative;
  text-align: center;  
  color: white;
  font-size: 13px;
  padding-left:31px!important;
  padding-top: 7px!important;
  padding-right: 31px!important;
  padding-bottom: 7px!important;
  border: none;
  border-color: transparent;
}

.button_general.sky {
  background-color: #0075c9;
}

.button_general.sky:after{
  border-top: 8px solid transparent;
  border-top: 0.57143rem solid transparent;
  border-bottom: 8px solid transparent;
  border-bottom: 0.57143rem solid transparent;
  border-right: 8px solid #3387b7;
  border-right: 0.57143rem solid #3387b7;
  width: 0;
  width: 0;
  height: 0;
  height: 0;
  position: absolute;
  content: "";
  bottom: -35px;
  right: 4px;
  right: 0.28571rem;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  /* IE8 */
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865476, M21=0.7071067811865476, M22=0.7071067811865474, SizingMethod='auto expand')";
  /* IE8 */
}
.button_general.sky:hover, .button.sky.hover {
  background-color: #0075c9;
}

/*END: NEW input button style for all the pages*/

/*
// --------------------------------------------------------------------------------------------------
// BEGIN:  Miscellaneous Styles
// --------------------------------------------------------------------------------------------------
*/

.visible
{
	display:block;
}

.hidden
{
	display:none;	
}

.bottomBreather
{
    clear: both;
    display: block;
    padding: 15px;
}

/*
// --------------------------------------------------------------------------------------------------
// END:  Miscellaneous Styles
// --------------------------------------------------------------------------------------------------
*/


/*
// --------------------------------------------------------------------------------------------------
// BEGIN:  Footer Styles
// --------------------------------------------------------------------------------------------------
*/
#footer
{
    clear: both;
    border-top: 4px solid #BDBDBD;
    color: #6F6F6F;
    font-size: 0.90em;
    background:#000 url('../images/common/bg_footer.gif') repeat-x top left;
    padding:9px 14px 9px 14px;
    height: 25px;
    align:center;
    text-align:center;
}

#footer ul
{
    float:left;
}

#footer li
{
    float:left;
    border-right:1px solid #CCCCCC;
    padding: 3px 12px;
}

#footer a
{
    color:#999999 !important;
    text-decoration: none;        
}

#footer a.contact,
#footer a.home
{
    padding: 0 0 0 15px;
    text-decoration: none;
}

#footer a.contact
{
    background:url('../images/common/icon_contact.gif') no-repeat 0 3px;
    text-decoration: none;    
}

#footer a.home
{
    background:url('../images/common/icon_home.gif') no-repeat 0 2px;
    text-decoration: none;    
}

#footer p
{
    padding: 3px 0 0 0;
    float:right;
}
/*
// --------------------------------------------------------------------------------------------------
// END:  Footer Styles
// --------------------------------------------------------------------------------------------------
*/

/*
// --------------------------------------------------------------------------------------------------
// BEGIN: Table Styles
// --------------------------------------------------------------------------------------------------
*/
table.GeneralSummaryTable
{
    background: transparent;
    width: 100%;    
    border: none;
    border-spacing: 0px 0px;;
    padding: 5px 5px;   
    margin: 0px; 
}

table.GeneralSummaryTable th,
table.GeneralSummaryTable td
{
    padding: 5px 5px;
}

table.GeneralSummaryTable tr.MainTitleSolidDarkGrey 
{
    background: #838383 url('../images/common/bg_title.gif') repeat-x top left; 
    color: #ffffff; 
    font-size: 0.95em; 
    font-weight: bold;
}

table.GeneralSummaryTable tr.SubTitleSolidMediumGrey
{
    background: #838383 url('../images/common/bg_subtitle.png') repeat-x top left; 
    color: #ffffff; 
    font-size: 0.95em; 
    font-weight: bold;
}

table.SearchResultsTable
{
    background: transparent;
    width: 100%;
    margin: 0px;
    border: 1px dotted #DC1E00;
        
    border-left:1px dotted #B9CBD4;    
}

table.SearchResultsTable td
{
    padding: 7px 6px;    
    background: #E3E3E3 none repeat scroll 0 0;
    border-bottom:1px solid #CCCCCC;
    color: #000000;  
    font-size: 0.89em;    
    border-right:1px dotted #B9CBD4;
    border-left: 0px;
    line-height: 1.25em;    
}

table.SearchResultsTable th
{   
   padding: 15px 6px;
   background:#90A2AC;   
   color:#ffffff;
   font-size: 0.93em;
   text-align:center;   
   border-top:1px dotted #B9CBD4;   
   border-right:1px dotted #B9CBD4;
   border-left: 0px;    
   line-height: 1.25em;    
}

table.SearchResultsTable th.alternate
{
    background:#90A2AC;
}

table.SearchResultsTable tr.arrange td
{
    background:#464646;
    padding: 3px 0px;
    margin: 0;
    height: 10px;
    text-align: center;
    white-space: nowrap;
}

table.SearchResultsTable tr.arrange a
{
    display:block;
    height:10px;    
    width:22px;
    font-size: 0.5em;
    float:left;   
}

table.SearchResultsTable tr.arrange span
{
    display:block;
    margin:0 auto;
    height: 10px;
    font-size: 0.5em;  
    white-space: nowrap;
    width:47px;    
}

table.SearchResultsTable tr.arrange a:hover
{
    background-position: 0 -10px !important;
    height: 10px;
    font-size: 0.5em;    
}

table.SearchResultsTable a.asc
{
    background:url('../images/common/icon_asc.gif') no-repeat top left;
    height: 10px;
    font-size: 0.5em;    
}

table.SearchResultsTable a.desc
{
    margin-right:3px;
    background:url('../images/common/icon_desc.gif') no-repeat top left;
    height: 10px;
    font-size: 0.5em;    
}

table.SearchResultsTable tr.alternate td{background:#F1F1F1;}

table.SearchResultsTable_TableOnlyShowsTopRedBorder
{
    background: transparent;
    width: 100%;
    margin: 0px;
    border-top: 2px solid #DC1E00;
    border-width: 2px 0;    
    border-left:1px dotted #B9CBD4;    
}

table.SearchResultsTable_TableOnlyShowsTopRedBorder td
{
    padding: 10px 6px;    
    border-left: 0px;
    border-bottom:1px solid #CCCCCC;
    border-right:1px dotted #B9CBD4;    
    color: #000000;  
    font-size: 0.89em;    
}

table.SearchResultsTable_TableOnlyShowsTopRedBorder th
{   
    padding: 10px 6px;
   background:#90A2AC;   
   color:#ffffff;
   font-size: 0.93em;
   text-align:center;   
    border-left: 0px;    
   border-top:1px solid #FFF;   
    border-right:1px dotted #B9CBD4;    
}

table.SearchResultsTable_TableOnlyShowsTopRedBorder th.alternate
{
    background:#90A2AC;
}

table.SearchResultsTable_TableOnlyShowsTopRedBorder tr.arrange td
{
    background:#464646;
    padding:2px 0 !important;
    border-top:2px solid #FFF;
    height: 10px;
}

table.SearchResultsTable_TableOnlyShowsTopRedBorder tr.arrange a
{
    display:block;
    float:left;
    height:10px;    
    width:22px;
    text-indent:-9999px;
}

table.SearchResultsTable_TableOnlyShowsTopRedBorder tr.arrange span{display:block;width:47px;margin:0 auto;height: 10px;}
table.SearchResultsTable_TableOnlyShowsTopRedBorder tr.arrange a:hover{background-position: 0 -10px !important;height: 10px;}

table.SearchResultsTable_TableOnlyShowsTopRedBorder a.asc
{
    background:url('../images/common/icon_asc.gif') no-repeat top left;
    height: 10px;
}

table.SearchResultsTable_TableOnlyShowsTopRedBorder a.desc
{
    margin-right:3px;
    background:url('../images/common/icon_desc.gif') no-repeat top left;
    height: 10px;
}

table.SearchResultsTable_TableOnlyShowsTopRedBorder tr.alternate td{background:#EDF4F7;}

table.SearchResultsTable th
{   
   padding: 15px 6px;
   background:#90A2AC;   
   color:#ffffff;
   font-size: 0.93em;
   text-align:center;   
   border-top:1px dotted #B9CBD4;   
   border-right:1px dotted #B9CBD4;
   border-left: 0px;    
   line-height: 1.25em;    
}

table.SearchResultsTable th.alternate
{
    background:#90A2AC;
}

/**
// Begin: Three columns table style
*/
table.ThreeColumnsTable
{    
    background: transparent;
    width: 100%;
    margin: 0px;
    border: 0px;
}
table.ThreeColumnsTable tr td
{
    padding-top: 2px;
    padding-bottom: 2px;
}
table.ThreeColumnsTable tr:hover
{
    background-color: #F6F9F9;    
}
table.ThreeColumnsTable td.label
{          
    font-family: "Interstate-light",arial,helvetica,sans-serif;
    width: 200px;
      
}
table.ThreeColumnsTable td.colon
{          
	font-family: "Interstate-light",arial,helvetica,sans-serif;
    width: 15px;  
}
table.ThreeColumnsTable td.data
{    
	font-family: "Interstate-light",arial,helvetica,sans-serif;
    padding: 3px 5px;
}
/**
// End: Three columns table style
*/

/*
// --------------------------------------------------------------------------------------------------
// END: Table Styles
// --------------------------------------------------------------------------------------------------
*/



/*
// --------------------------------------------------------------------------------------------------
// BEGIN:  Anchor Link Styles
// --------------------------------------------------------------------------------------------------
*/
a 
{ 
    outline:none; 
    color: #0063BE
    text-decoration:none;        
    cursor: pointer;    
}

a:link, a:visited 
{
    color:#0063BE;
    cursor: pointer;
    text-decoration:none;   
}

a:hover, a:active 
{
    color:#0063BE;
    text-decoration:underline;
    cursor: pointer;   
}

a.WhiteLink
{ 
    color: #ffffff;
    outline:none; 
    text-decoration:underline;        
    cursor: pointer;    
}

a.WhiteLink:link, a.WhiteLink:visited 
{
    color:#ffffff;
    cursor: pointer;   
}

a.WhiteLink:hover, a.WhiteLink:active 
{
    color:#ffffff;
    text-decoration:underline;
    cursor: pointer;   
}

/*
// File export html link with option to pass color of the font.
// Feel free to create more color variation, if needed,  besides of white color.
*/
a.aExportFile
{	
	text-decoration:underline;
	font-weight:bold;
	font-size:0.85em;
	padding:5px 10px;	
}

.aExportFile.white {
	color: #FFFFFF;
}

a.aExportFile:hover{
	background-color:#51753B
}

/*
// --------------------------------------------------------------------------------------------------
// BEGIN:  Form Styles
// --------------------------------------------------------------------------------------------------
*/

.formContainer
{
	padding: 5px 5px 5px 10px;
	border:1px solid #C0C0C0;	
	background-color: #F2F2F2;
	font-family: "Interstate-light",arial,helvetica,sans-serif;	
	line-height:1.1em;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.formContainer .FormMainTitleSolidDarkGrey
{
    clear: both;  
    background-color: #434444;
    color:#F5F7F8;
    font-size: 1.1em;
    padding: 3px 0px 10px 5px;
    display: inline-block;   
    width: 99.5%;
    font-weight: bold;
}

.formContainer tr.form_row td{
	color:#000000;
	line-height:1.4em;
	height:30px;
	}



.formContainerSmall
{
	padding: 20px 10px 10px 20px;
	border:1px solid #9ABCCD;
	background-color: #F2F2F2;
	font-family: "Interstate-light",arial,helvetica,sans-serif;
	width:500px;
	line-height:1.1em;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.formContainerSmall .FormMainTitleSolidRed
{
    clear: both;   
    background-color:red;
    color:#E4E6E7;
    font-size: 1.0em;
    padding: 2px 0px 3px 5px;
    display: inline-block;   
    width: 99.5%;
    font-weight: bold;
}

/* CSS for Google Chrome 0.2 and Safari 3.1 */
body:first-of-type .formContainer .FormMainTitleSolidDarkGrey
{
    clear: both;
    background-color: #434444;
    color:#F5F7F8;
    font-size: 1.0em;
    padding: 3px 0px 3px 5px;
    display: inline-block;   
    width: 99%;
}

.formError {
    font-size:12px;
    font-family:"Interstate-light", arial, helvetica, sans-serif;
    color:#F00;
    }
    
.inputError {
	background: red;
}

/*
// --------------------------------------------------------------------------------------------------
// END:  Form Styles
// --------------------------------------------------------------------------------------------------
*/

/* --- Select2 JQuery Plug-In custom styling --- */
.select2_custom a.select2-choice, .select2-results .select2-result-label {
	background-image: none;
	color: #000000;
	font-size: 13.333px;
	border-radius: 0px 4px 4px 0px;
	font: "MS Shell Dlg";
	filter: none;
}

.select2-result div.select2-result-label {
	padding: 1px 0 0 0;
	line-height: 1em;
}

span.select2-match {
	background-color: yellow;
}
/* -------------------------------------------- */

/*
// ----------------------------------------------------------------------------------------------------------- 
// Begin: borrowed from bootstrap.css
// -----------------------------------------------------------------------------------------------------------
*/
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

.chi-divider{
    border:0;
    border-top:.0625rem solid rgba(0,0,0,.12);
    margin:.5rem 0
}
.chi-card__content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    font-size:.875rem;
    line-height:1.25rem;
    padding:1rem
}
.chi-card{
    background-color:#f5f5f5;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    min-width:0;
    position:relative;
    word-wrap:break-word;
    max-width:280px;
    border-radius:5px
}
/*
// ----------------------------------------------------------------------------------------------------------- 
// End: borrowed from bootstrap.css
// -----------------------------------------------------------------------------------------------------------
*/