/***************Basic Layout For Site **********************/
* { margin: 0; padding: 0; }
body {margin: 0; padding: 0; border: 0; /* This removes the border around the viewport in old versions of IE */ width: 100%; background: #fff; min-width: 600px;    /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */ font-size: 8pt; font-family: Tahoma; background: #5D7B9D; }
#page-wrap { width: 990px;  margin: 0 auto; border: 1px solid #000; }
*, input[type=submit]:not(.bb-btn) { font-size: 8pt; font-family: Tahoma; }

/***** Header styles *****/
#header { clear: both; float: left; width: 100%; background: #fff; padding: 10px 0;}
#header { border-bottom: 1px solid #000; 	}
#header img, #header a:not(.bb-btn) { margin: 0 5px 5px 20px; padding: 0 0 0px 0; text-decoration: none; float: left; max-height: 65px; }
#header #user { float: right; list-style: none; padding-top: 10px; margin: 0 20px 10px 0;width: 450px; }
#header #user li { display: inline; list-style: none; margin: 0 3px; padding: 0; float: right; font-size: 14px; }
#header #user li h2, #header #user li span { font-size: 14px; }
#header #user h2, #header #user button { font-size: 1em; margin: 0; display: inline; }
#header #system_date_name { list-style: none; padding: 2px; float: left; margin: 10px 0 0 45px; }
#header #system_date_name h3 { font-size: 1.2em; }
#header #system_date_name li { list-style: none; margin: 0; padding: 0 10px 5px 0; }
#header #ctl00_lblProperty { font-size: 14px; }
#header #ctl00_lblAcctgDate { font-size: 11pt; }
#header #ctl00_userinfo { margin: 5px 0 0 0; font-size: 11pt; }
.clear { clear: both; }

/***** Content styles *****/
#contentWrapper { background: #fff; }
#navWrapper { width: 175px; }
#contentColWrapper { float: right; width: 815px; }
#navWrapper table[id*="SlideMenu"] img { width: 20px; height: 20px; padding-right: 5px; }

/***** Footer styles *****/
/*#footer { clear:both; float:left; width:100%; border-top:1px solid #000; }
#footer p { padding:10px; margin:0; }*/

/***************END BASIC LAYOUT ***************************/

#mainfeature {background:#5D7B9D; padding: 8px;}
#mainfeature h2 span,#mainfeature h2{ font-size:13px; color:#fff;}
/* Modal Popup Styles */
.hideButton                 {display:none; position: absolute; left: -9999px;}
.modalBackground            {background-color:Gray; filter:alpha(opacity=70); opacity:0.7;}
.modalHeader                {background-color:#5D7B9D; color: #fff; padding:5px; margin: 0; font-size: 12pt; font-family:Tahoma; font-weight:bold;}
.modalPopup                 {background-color:#ffffdd; font-family:Tahoma;font-size:8pt;color:black; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:250px;}
.modalPopup input,select,p,html,a  {font-size:8pt;font-family: Tahoma; }
/* End Modal Popup Styles */

/*******Ajax overlay display**********/
.updateProgress{background-color: rgba(0, 0, 0, 0.2);}
            
	/*background-color: #fff; filter: alpha(opacity=70); MozOpacity: 0.7; opacity: 0.7; padding: 0px; margin: 0px; height: 650px; overflow:auto;}*/
.updateProgress div 
{
	background-color: white; 
	padding: 4px; 
	position: absolute; 
	top: 100px; 
	left: 275px; 
	font-weight:bold; 
	text-align:center;  
	border:1px solid;
	
}
/*********End Ajax overlay ******************/


/**************End Layout*********************************/

/******************Default.aspx**************************/

/*#dashboard  {padding-top:10px; padding-left: 5px;margin: 0 auto; }*/
#dashboard table{width:250px;height:200px;background-image:url(/images/ChartBack.png);padding:10px 0;}
#dashboard th {color:#1a3b69;  font-size:14pt}
#dashboard td {padding: 2px 4px 2px 15px; }
#dashboard .tdNumber {padding: 0px 25px 0px 0px; text-align:right;}
.DashTableWidget {padding: 5px 0px 0px 2px;width:250px; height:200px; overflow:hidden; float:left; }
.DashTableWidget table{clear:both;border:none;}
#ctl00_ContentPlaceHolder1_SystemMessages fieldset { width: 90%; }

/**************Application.aspx**************************/
fieldset{padding:5px; margin:5px 0;width:98%;}
legend{ font-family:Tahoma;  font-weight:bold; color:Black;}
#Submit fieldset{border:none; text-align:right;}

/**************AddResident.aspx**************************/
.popupControl{ background-color:#E0EBEF; position:absolute; visibility:hidden; border-style:solid; border-color:Black; border-width:1px; overflow:auto; width:auto; height:120px; }    

/********************Resident.aspx**********************/
#bigform fieldset{ padding:0px; margin:5px 0; }
#bigform table td, #bigform table th { padding: 1px;}
#divSUPT{width: 100%; padding: 5px 10px 5px 10px;}
#divSUPT .cell{padding: 2.5px 5px;}
#GridSupt{width: 100%}

/************************Login.aspx******************************/
.modalLoginBackground               {background-color:#5D7B9D; }
.modalLoginHeader                   {background-color:#5D7B9D; color: #fff; padding:2px 2px 2px 2px; margin: 0; font-size: 12pt; font-family:Tahoma; font-weight:bold;}
.modalLoginPopup                    {background-color:White; font-family:Tahoma;font-size:8pt;color:black; border-width:1px; border-style:solid; border-color:Gray; padding:15px; width:250px; height: 200px; clear: both;}
.modalLoginPopup input,select,p,html,a  {font-size:8pt;font-family: Tahoma; }


/***********************emailPreview.aspx*****************************/
#emailPreview input.txt           { width:200px; border: 1px inset #0008B; }
#emailPreview fieldset div        { clear:left; margin: 0; padding: 0; padding-top: .6em; }
#emailPreview  fieldset div label  { float: left; padding-left:1.4em; width: 20%; }
#emailPreview fieldset            { margin-top: 1.4em; padding:.6em; }
#emailPreview #buttons            { float:left; padding-left: 1.4em; }
#emailPreview fieldset div        { padding-top: 1.2em;}

/***********************AddWorkOrder.aspx*************************/
#addworkorder fieldset label        {float:left; width: 200px; padding-left: 1.2em;}
#addworkorder fieldset div          {padding:.4em; margin:0;}
#addworkorder .txtarea              {width: 400px;}
#addworkorder .clear                {clear:left;}
#addworkorder .submit       {border:none; float:right;}

/***********************SystemUtilities/ChangeSystemDate.aspx*************************/
#ctl00_ContentPlaceHolder1_gridValidations tr td:nth-child(2) {
    text-align: center; /* Center the smiley faces. */
}
#ctl00_ContentPlaceHolder1_gridValidations img {
    width: 30px; /* Set the width of the smiley faces. */
}

/*******************GRID STYLES*********************/
#grid       { overflow:auto;width:100%;line-height:19px; text-align:left;  }
#grid th, #grid td { padding: 2px; }
#Trafficgrid{ overflow:auto;width:100%; height: 600px; line-height:19px; text-align:left;  }
#Residentgrid{ overflow:auto;width:100%; height: 600px; line-height:19px; text-align:left;  }
#Workordergrid{ overflow:auto;width:100%; height: 600px; line-height:19px; text-align:left;  }
#Invoicegrid{ overflow:auto;width:100%; height: 600px; line-height:19px; text-align:left;  }
.cell{padding:3px;}
.headercell{text-align:center;}

/************AddUnit.aspx, AddTypes.aspx, Unit.aspx************************/

#options					{float: left; width:15em;}
#options fieldset           {margin-top:1.2em; }
#options ul                 {list-style:none; margin-left:.4em; padding-left:0;}
#options li                 {padding: .2em;}
#rightContent               {margin-left:13.5em; margin-top:0 auto;}
#addunit  fieldset label    {float:left; width:200px; padding-left: .9em;}
#addunit  fieldset div      {padding: .4em 0;  }
#addunit  .submit           {border:none; float:right;}
#addunit  .txt              {width: 150px;}
#addunit fieldset div       {margin: 0 auto;}




/***************AddTypes.aspx**********************/
.AddAmenities fieldset      { width: 480px;}
.EditUnitType               {width:100%;  }
#innerFieldset fieldset     {border: none; float:left; padding:3px; margin:0;}
.EditUnitType fieldset label {float:left; width: 180px;}
.EditUnitType fieldset input.txt {margin-right:20px; width:115px;}

.AddAmenities fieldset label,
/*.EditTransType  fieldset label,*/
.AddTransType fieldset label,
.InsertTrans fieldset label,
.AddUnitType  fieldset label            {float:left; width: 200px;}

/*.EditUnitType fieldset div,*/
.AddAmenities fieldset div,
.EditTransType  fieldset div,
.AddTransType fieldset div,
.InsertTrans  fieldset div,
.AddUnitType fieldset div               {padding: .4em 0; }

.EditUnitType fieldset.submit,
.AddAmenities fieldset.submit,
.EditTransType  fieldset.submit,
.AddTransType fieldset.submit, 
.InsertTrans  fieldset.submit, 
.AddUnitType fieldset.submit            {border:none; float:right; background:none; }

#UnitType fieldset{padding:10px 30px 10px 30px; }
.GridUnitType { margin: 0 auto; padding:10px 50px 10px 50px; }


/*
.errors{border:solid 2px red;}


.info, .success, .warning, .errors, .validation {border: 1px solid;margin: 10px 0px;background-repeat: no-repeat;background-position: 10px center;}
.info {color: #00529B;background-color: #BDE5F8;background-image: url('/images/icons/info.png');}
.success {color: #4F8A10;background-color: #DFF2BF;background-image:url('/images/icons/success.png');}
.warning {color: #9F6000;background-color: #FEEFB3;background-image: url('/images/icons/warning.png');}
.errors {color: #D8000C;background-color: #FFBABA;background-image: url('/images/icons/error.png');}
.container{margin:0 0px 0 15px;width:775px;}
.info p, .success p, .warning p, .errors p {padding: 10px 50px;}
.info a, .success a, .warning a, .errors a { float: right;padding: 10px;cursor:pointer;}
.container img {border: none; }
*/
/* validation */
.validation {color: #D8000C;background-color: #FFBABA;background-image: url('/images/icons/error.png');}
.validation ul{padding: 0px 30px;}



/* PAGING --------------------------------------------------------- */	

#paging-table {	float: right;margin: 0 4px 0 0; background:#f3f9ff;}	
.page-far-left	{background: url(../../images/paging/paging_far_left.gif) no-repeat;display: block;float: left;height: 24px;margin: 0 4px 0 0;width: 24px;}
.page-left	{background: url(../../images/paging/paging_left.gif) no-repeat;display: block;float: left;height: 24px;width: 24px;}
.page-far-right	{background: url(../../images/paging/paging_far_right.gif) no-repeat;display: block;float: left;height: 24px;margin: 0 4px 0 4px;width: 24px;}
.page-right	{background: url(../../images/paging/paging_right.gif) no-repeat;display: block;float: left;height: 24px;width: 24px;}
.page-info	{float: left;line-height: 16px;padding: 3px 12px 0 12px;}



/*ERROR FORMATTING*/
input.error, select.error{border:2px solid red;}
div.error p.error label{color:Red;}
div.error{background-color: #eee;border: 1px solid red;margin:5px 0 5px 0;padding: 5px;color:Red;width:98%;}
div.error { display: none }
.error label.error {font-size:12px;display:block;font-style:italic;}
.error h2{color:#000;font-weight:normal;margin-bottom:5px;}
/*ERROR FORMATTING*/

.infobox{border:1px solid #d9e6f0;margin-top:10px; width:98%;padding:5px;}
.infobox p{padding:10px;}
.infobox h3{background:#f3f9ff;border-bottom:1px solid #d9e6f0;color:#375b91;padding:5px;font-size:13px;}
.infobox h3 a{text-decoration:none;font-size:12px;text-align:right;}
.infobox a{font-size:15px;text-decoration:none;}
.infobox a:not(.bb-btn):hover{text-decoration:underline;}
.infobox table{margin:10px; }
.infobox td a{font-size:12px;text-decoration:underline;} 
.infobox td, .infobox th{padding:2px;}
.infobox .data-grid{margin:5px; width:99%;}
.infobox .data-grid tr td{padding:3px;}
.infobox .data-grid tr td a:hover{cursor:pointer;}
.infobox .data-grid tr th{padding:3px; text-align:left; font-size:11px;}
.infobox .data-grid tr th a{padding:3px; text-align:left; font-size:11px; text-decoration:underline;}

/*OPTIONS SIDEBAR*/
.options-infobox{border:1px solid #d9e6f0;margin:2px 5px 0 0; width:18%;float:left;}
.options-infobox h3{background:#f3f9ff;border-bottom:1px solid #d9e6f0;color:#375b91;padding:5px;font-size:13px;margin-bottom:5px;}
.options-infobox a {padding:3px 0px 3px 8px;margin:0; display:block; font-size:11px;}
.options-infobox a:hover{font-weight:bold;}

.resident-infobox{border:1px solid #d9e6f0;margin:2px 5px 0 19%; overflow:hidden; width:80%; }
.resident-infobox h3{background:#f3f9ff;border-bottom:1px solid #d9e6f0;color:#375b91;padding:5px;font-size:13px;}
.resident-infobox h3 a{text-decoration:none;font-size:12px;text-align:right;}
.resident-infobox h3 a:hover{font-weight:bold; text-decoration:underline;}

.resident-infobox .data-grid{margin:5px; width:99%;}
.resident-infobox .data-grid tr td{padding:3px;}
.resident-infobox .data-grid tr td a:hover{cursor:pointer;}
.resident-infobox .data-grid tr th{padding:3px; text-align:left; font-size:11px;}
.resident-infobox .data-grid tr th a{padding:3px; text-align:left; font-size:11px; text-decoration:underline;}
.resident-infobox table{margin:10px; }
.resident-infobox td a{font-size:12px;text-decoration:underline;} 
.resident-infobox td{padding:2px; }
.resident-infobox td span{font-size:11.2px;}

.panel-infobox{border:1px solid #d9e6f0;margin:5px 5px 0 0px;  width:49%; float:left; }
.panel-infobox h3{background:#f3f9ff;border-bottom:1px solid #d9e6f0;color:#375b91;padding:5px;font-size:13px;}
.panel-infobox h3 a{text-decoration:none;font-size:12px;text-align:right;}
.panel-infobox h3 a:hover{font-weight:bold; text-decoration:underline;}


.clearfix{clear:both;}

/*********BUTTONS & LINKS**************************/
.add{
		background:transparent url(/images/icons/add.png) no-repeat left;
		/*float:right;*/
		margin:0 0px 0 20px;
		padding: 0 0 0 20px;
		text-decoration:none; 
		font-size:15px;
}

.resident-page{
	background:transparent url(/images/icons/group_edit.png) no-repeat left;
		/*float:right;*/
		margin:0 0px 0 20px;
		padding: 3px 0 0 20px;
		text-decoration:none; 
		font-size:15px;
}

.positive{background:url(/public/css/blueprint/plugins/buttons/icons/tick.png) left no-repeat;
          text-align:right;
          
}

.bnegative{background:url(/public/css/blueprint/plugins/buttons/icons/cross.png) left no-repeat;
          text-align:right;
}

.next:not(.paginate_button)
{
    background:url(/public/css/blueprint/plugins/buttons/icons/arrow_right.png) right no-repeat;
    text-align:left;
    font-weight:bold;
}

.previous:not(.paginate_button)
{
    background:url(/public/css/blueprint/plugins/buttons/icons/arrow_left.png) left no-repeat;
    text-align:right;
    font-weight:bold;
}
/*.negative{background:url(/public/css/blueprint/plugins/buttons/icons/cross.png) left no-repeat;
          text-align:right;
}*/

.no-image{background:none;text-align:center;}
.no-image{background:none;text-align:center;}

.buttons .smaller{width:55px;}
.buttons .small{width:70px;}
.buttons .medium{width:85px;}
.buttons .large{width:95px;}
.buttons .large:hover {background-color: #bfbbb8; border: 1px solid #bfbbb8;}

.buttons input[type=submit],
.buttons a,
.buttons input[type=button] {
	text-decoration:none;
	/*font-weight:bold;*/
	background-color:#ECEBE6;
	border:solid #ccc 1px;
	color:#333;
	cursor:pointer;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:100%;
	/*height:22px;*/
	margin: 0.5em 0.5em 0.7em 0em;
	padding:5px 10px 0px 3px;  
}

.buttons input[type=submit],
.buttons a,
.buttons input[type=button] {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   
}

.buttons input[type=submit],
.buttons a,
.buttons input[type=button] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

/* Add inner padding-left to buttons with the green checkmark */
.buttons input.positive {
  padding-left: 20px;
}

/* Standard */
.buttons input[type=submit].normal:hover, a.normal:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
input[type=submit].normal:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

.button {
	background:#ECEBE6;
	border:1px solid #CCCCCl;
	color:#333333;
	cursor:pointer;
	font-family:Arial, Tahoma, Verdana, Helvetica, Tahoma, sans-serif;
	/*height:22px;
	width:187px;*/
}

 .button .negative a{text-decoration:none;}


/* Positive */
body .positive {
  color:#529214;
}
input[type=submit].positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
input[type=submit].positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  /*color:#d12f19;*/
}
input[type=submit].negative:hover,  .buttons a.negative:hover {
  background-color:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
  text-decoration:none;
}
input[type=submit].negative:active,  .buttons a:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

.bb-pnlSearchBar {
    height: 32px;
    width: 100%;
    background: #DCEBFE; /* For browsers that do not support gradients */
    background: linear-gradient(#DCEBFE, #88AEE4); /* Standard syntax (must be last) */
}

.bb-pnlBulkChargesSearchBar span {
    margin-left: 20px;
    font-size: 10pt;
}

.bb-pnlBulkChargesSearchBar input:nth-child(2) {
    margin-top: 8px;
}

.bb-pnlBulkChargesSearchBar input:nth-child(3) {
    margin-top: -3px;
    padding: 0px 6px 1px;
}

/********* GRIDVIEW BORDER FIX ****************************/

/*
    The following simply adds a blue border to the th row.
    This just makes the pixels line up more to please the OCD people like myself.
*/

    /* Add a border top to the whole th row. */
    .dataTable th
    {
        border-top: 1px solid #5D7B9D;
    }

    /* Add a border to the left and right side of the row. */
    .dataTable th:first-child
    {
        border-left: 1px solid #5D7B9D;
    }
    .dataTable th:last-child
    {
        border-right: 1px solid #5D7B9D;
    }

    /* Set the border for the inner column hr's to white. */
    .dataTable th:not(:last-child)
    {
        border-right: 1px solid white;
    }

/********* END GRIDVIEW BORDER FIX ****************************/

/********* DATATABLE STYLES OVERRIDE ****************************/

    table.dataTable thead tr th {
        background-color: #5D7B9D;
        color: white;
        font-weight: bold;
        height: 35px;
        padding: 10px 5px;
    }
    table.dataTable tr.odd td {
        background: white;
        color: #284775;
    }
    table.dataTable tr.even td {
        background: #F7F6F3;
        color: #333333;
    }
    table.dataTable tr:hover td {
        background: #E2DED6;
        color: #333333;
    }
    table.dataTable thead th.sorting,
    table.dataTable thead th.sorting_asc,
    table.dataTable thead th.sorting_desc,
    table.dataTable thead th.sorting_asc_disabled,
    table.dataTable thead th.sorting_desc_disabled {
        background-position: bottom right;
    }

/********* END DATATABLE STYLES OVERRIDE ****************************/

/********* SEARCH BAR STYLES ****************************/

.searchIcon
{
    width: 20px;
    height: 20px;
    padding-right: 3px;
    vertical-align: middle;
}
.searchText
{
    font-size: 10pt;
    padding-bottom: 2px;
}
#ctl00_ToolBarMain1_pnlMainToolBar_Container
{
    clear: both;   
}
#searchBarWrapper
{
    position: absolute;
    right: 15px;
    bottom: 6px;
    width: 40%;
}
#searchBarWrapper #searchBarLoader,
#searchBarWrapper .spinner
{
    position: absolute;
    width: 13px;
    left: -20px;
    top: 9px;
    padding: 0;
    margin: 0;
}
        
#searchBarLoaderFireFox 
{
    font-family: initial;
    font-size: 12pt;
    position: absolute;
    left: -70px;
    bottom: 1px;
    opacity: 0;
}
#searchBar
{   
    padding-left: 3px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    width: 85%;
}
#searchBarWrapper #searchBarCog,
#searchBarWrapper #searchBarQuestion
{
    margin: 0;
    padding: 0;
    float: none;
}
#searchBarCog img,
#searchBarQuestion img,
#UtilityTypeCog img
{
    margin: 0px;
    padding: 0;
    float: none;
    position: relative;
    bottom: -4px;
    border: 1px solid transparent;
    width: 18px;
}
#searchBarCog img:hover,
#searchBarQuestion img:hover,
#UtilityTypeCog img:hover
{
    border: 1px solid #aed0ea;
    -webkit-border-radius: 7px;
            border-radius: 7px;
}

.searchListCategory.ui-menu-item
{
    font-size: 12pt;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 2px;
    padding-left: 3px;
    padding-bottom: 2px;
    background-color: #5E7B9D;
    color: white;
}
.searchListCategory.ui-menu-item:first-child
{
    margin-top: 0;
}
#ui-id-1
{
    max-height: 650px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 10; /* To keep it above the radiobuttons used to filter the DataTables. */
}
#ui-id-1 .ui-menu-item
{
    padding-left: 10px;
    cursor: pointer;
}
#ui-id-1 .searchListCategory {
    cursor: initial;
    position: relative;
}

.hidden {
  display: none;
}
.showMore 
{
    position: absolute;
    right: 25px;
    top: 4px;
    cursor: pointer;
}
.ui-widget-content span.showMore.ui-state-active:hover 
{
    text-decoration: underline;
}

.ui-widget-content p.ui-state-active,
.ui-widget-content span.ui-state-active
{
    border: none;
}
.ui-widget-content p.ui-state-active
{
    font-weight: initial;
}

.ui-widget-content span.ui-state-active 
{
    background: transparent;
}
/********* END SEARCH BAR STYLES ****************************/

/********* RADIO BUTTON FILTER STYLES ****************************/

/*
    The following styles the radio buttons that filter the DataTables.
*/
    #ctl00_ContentPlaceHolder1_pnlFilterBar 
    {
        position: relative; /* Set relative so the radio buttons can be placed absolute. */
    }
    #ctl00_ContentPlaceHolder1_pnlFilterBar td {
        text-align: center;
    }   
    #ctl00_ContentPlaceHolder1_pnlFilterBar label,
    #ctl00_ContentPlaceHolder1_pnlChooseEditCreate label
    {
        padding: 6px;
        cursor: pointer;
        margin: 0;
        display: block;
        width: auto;
        height: 100%;
    }   
    #ctl00_ContentPlaceHolder1_pnlFilterBar .bb-btn-group {
        position: absolute;
        left: 300px;
        top: 13px;
        z-index: 5;
    }   
    #ctl00_ContentPlaceHolder1_pnlFilterBar .bb-btn-group span.bb-btn 
    {
        padding: 0;
    }   
    #ctl00_ContentPlaceHolder1_pnlFilterBar input,
    #ctl00_ContentPlaceHolder1_pnlChooseEditCreate input
    {
        display: none;
    }

/********* END RADIO BUTTON FILTER STYLES ****************************/

/********* BUTTON AND LINK STYLES ****************************/
    
    /* Overrides the Select links in the table to look and feel like the bb-btn-link links. */
    .dataTable tr a[href*="Select"]
    {
        font-weight: 400;
        color: #007bff !important;
        background-color: transparent;
        text-decoration: none;
    }
    .dataTable tr a[href*="Select"]:hover
    {
        color: #0056b3 !important;
        text-decoration: underline;
        background-color: transparent;
        border-color: transparent;
    }
    .dataTable tr a[href*="Select"].focus,
    .dataTable tr a[href*="Select"]:focus
    {
        text-decoration: underline;
        border-color: transparent;
        box-shadow: none;
    }
    
    /* Overrides the Delete links in the table look and feel. */
    .dataTable tr a[href*="Delete"]
    {
        font-weight: 400;
        color: #333333 !important;
        background-color: transparent;
        text-decoration: none;
    }
    .dataTable tr a[href*="Delete"]:hover
    {
        color: #6c757d; !important;
        text-decoration: underline;
        background-color: transparent;
        border-color: transparent;
    }
    .dataTable tr a[href*="Delete"].focus,
    .dataTable tr a[href*="Delete"]:focus
    {
        text-decoration: underline;
        border-color: transparent;
        box-shadow: none;
    }

    /* Bringing in the Bootstrap button styles without importing ALL of Bootstrap. */
    /***** Default Button styles *****/
    .bb-btn {
        display: inline-block;
        padding: 3px 6px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
            border-top-color: transparent;
            border-right-color: transparent;
            border-bottom-color: transparent;
            border-left-color: transparent;
        border-radius: 4px;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        text-decoration: none;
    }

    .bb-btn.active,
    .bb-btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

    .bb-btn.focus,
    .bb-btn:focus,
    .bb-btn:hover {
        text-decoration: none;
    }

    .bb-btn-default.active,
    .bb-btn-default:active,
    .open > .dropdown-toggle.bb-btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
        background-image: none;
    }


    .bb-btn-primary {
        color: #fff;
        background-color: #5E7B9D;
        border-color: #5E7B9D;
    }
    .bb-btn-secondary {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }
    .bb-btn-default {
        color: #333;
        background-color: #fff;
        border-color: #ccc;
    }

    /***** Outline *****/
    .bb-btn-outline-primary {
        color: #5E7B9D;
        background-color: transparent;
        background-image: none;
        border-color: #5E7B9D;
    }
    .bb-btn-outline-secondary {
        color: #6c757d;
        background-color: transparent;
        background-image: none;
        border-color: #6c757d;
    }

    /***** Hover state *****/
    .bb-btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #286090;
    }
    .bb-btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }
    .bb-btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    /***** Outline Hover state *****/
    .bb-btn-outline-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #286090;
    }
    .bb-btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    /***** Active state *****/
    .bb-btn-primary:not(:disabled):not(.disabled).active,
    .bb-btn-primary:not(:disabled):not(.disabled):active,
    .show > .bb-btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #5E7B9D;
        border-color: #005cbf;
    }
    .bb-btn-secondary:not(:disabled):not(.disabled).active,
    .bb-btn-secondary:not(:disabled):not(.disabled):active,
    .show > .bb-btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
    }

    /***** Outline Active state *****/
    .bb-btn-outline-primary:not(:disabled):not(.disabled).active,
    .bb-btn-outline-primary:not(:disabled):not(.disabled):active,
    .show > .bb-btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #5E7B9D;
        border-color: #5E7B9D;
    }
    .bb-btn-outline-secondary:not(:disabled):not(.disabled).active,
    .bb-btn-outline-secondary:not(:disabled):not(.disabled):active,
    .show > .bb-btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    /***** Focus state *****/
    .bb-btn-primary.focus,
    .bb-btn-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.5);
    }
    .bb-btn-secondary.focus,
    .bb-btn-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
    }

    /***** Outline Focus state *****/
    .bb-btn-outline-primary.focus,
    .bb-btn-outline-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.5);
    }
    .bb-btn-outline-secondary.focus,
    .bb-btn-outline-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
    }

    /***** Disabled state *****/
    .bb-btn.disabled,
    .bb-btn:disabled {
        opacity: .65;
        cursor: no-drop;
    }
    .bb-btn-primary.disabled,
    .bb-btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    /***** Group Buttons *****/
    .bb-btn-group > .bb-btn:not(:last-child) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        border-right: 0;
    }
    .bb-btn-group > .bb-btn:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    /***** Button Link *****/
    #bb-table a.bb-btn-link,
    .bb-btn-link {
        font-weight: 400;
        color: #007bff;
        background-color: transparent;
    }
    #bb-table a.bb-btn-link:hover,
    .bb-btn-link:hover {
        color: #0056b3;
        text-decoration: underline;
        background-color: transparent;
        border-color: transparent;
    }
    #bb-table a.bb-btn-link.focus,
    #bb-table a.bb-btn-link:focus,
    .bb-btn-link.focus,
    .bb-btn-link:focus {
        text-decoration: underline;
        border-color: transparent;
        box-shadow: none;
    }
    #bb-table a.bb-btn-link-skinny,
    .bb-btn-link-skinny {
        padding: 0;
        margin: 0;
    }
    #bb-table a.bb-btn-link-inline,
    .bb-btn-link-inline {
        font-size: 8pt;
        text-decoration: none;
    }

    /********* Navigation Buttons *********/
    .btnNavigationNext {
        background-color: transparent;
        color: #5D7F9D;
        font-weight: bolder;
        height: 20px;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .btnNavigationNext:hover {
        background-color:#d9d9d9;
        cursor: pointer;
    }

    .btnNavigationPrev {
        background-color: transparent;
        color: #5D7F9D;
        font-weight: bolder;
        height: 20px;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .btnNavigationPrev:hover {
        background-color:#d9d9d9;
        cursor: pointer;
    }

/********* END BUTTON AND LINK STYLES ****************************/

/********* MODAL ****************************/
    .fade {
        opacity: 0;
        -webkit-transition: opacity .15s linear;
        -o-transition: opacity .15s linear;
        transition: opacity .15s linear;
    }
    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .fade.in {
        opacity: 1;
    }
    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }
    .modal-dialog {
        position: relative;
        width: 900px;
        margin: 30px auto;
    }
    .modal-dialog.small {
        width: 400px;
    }
    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%);
    }
    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }
    .modal-content {
        position: relative;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #999;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 6px;
        outline: 0;
        -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
        box-shadow: 0 3px 9px rgba(0,0,0,.5);
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }

    /***** Modal Header *****/
    .modal-header {
        padding: 15px;
        border-bottom: 1px solid #e5e5e5;
    }
    h4.modal-title {
        margin: 0;
        line-height: 1.42857143;
        font-size: 18px;
        font-weight: 500;
    }
    .close {
        float: right;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
    }
    button.close {
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
    }
    .close:focus,
    .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5;
    }
    .modal-header .close {
        margin-top: -2px;
    }


    /***** Modal Body *****/
    .modal-body {
        position: relative;
        padding: 15px;
    }


    /***** Modal Footer *****/
    .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5;
    }
/********* END MODAL ****************************/

/********* REQUIRED FIELD ****************************/
    .required {
        padding: 5px;
        color: Red;
        font-weight: bolder;
        display: inline;
    }
/********* END REQUIRED FIELD ****************************/