﻿/* Over-rides for standard bootstrap.css values */
.page-header {
  padding-bottom: 5px;
  margin: 5px;
  border-bottom: 0px solid #eee;
}

/* fix for IE10 scrollbar auto=-hid */
@-ms-viewport{ width: auto !important; }

.correct-row
{
    padding: 0 15px;
}


@font-face
{
    font-family: "Barmeno Medium";
    src: url('../fonts/barmeno_medium.ttf'),
         url('../fonts/barmeno_medium.eot'); /* IE9 */
}

.tagline
{
    text-align: center;
    background-color: #000000;
    margin-top: 8px;
    color: #B89D18;
    font-family: 'Barmeno Medium' ;
}




/* use with row to set all columns to same height */
.equal, .equal > div[class*='col-'] {  
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.img-float-left
{
    float: left;
    margin: 20px;
    width: 45%;
}
.img-float-right
{
    float: right;
    margin: 20px;
}
.img-center
{
    margin: 0 auto;
}
.img-pad-bottom
{
    padding-bottom:20px;
}
.img-shadow
{
    border-color: #C0C0C0;
    border-width: thick;
    border-right-style: ridge;
    border-bottom-style: ridge;
}
.spectrum-gold
{
    color: #B89D18;
}
.spectrum-accent
{
    color: #993333;
}
.heading-bold
{
    font-weight:bold;
}
.header-digidots
{
    background-image: url('../images/DigiDots2.png');
    background-position: right center;
    background-repeat: no-repeat;
}

.table-no-border>thead>tr>th, 
.table-no-border>tbody>tr>th, 
.table-no-border>tfoot>tr>th, 
.table-no-border>thead>tr>td, 
.table-no-border>tbody>tr>td, 
.table-no-border>tfoot>tr>td {
  border-top: none; 
}

.table-padded-12>thead>tr>th, 
.table-padded-12>tbody>tr>th, 
.table-padded-12>tfoot>tr>th, 
.table-padded-12>thead>tr>td, 
.table-padded-12>tbody>tr>td, 
.table-padded-12>tfoot>tr>td { 
    padding: 12px; }



.background-light
{
    background-color: #FAFAFA;
}
.page-footer
{
    padding-bottom: 4px;
}
.page-footer-dark
{
    background-color: #000000;
    color: White;
    font-size: x-small;
    padding-top: 2px;
}
.row-border-top
{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #eee;
}

.email-fieldlabel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    width: 80px;
    text-align: right;
}
.email-data
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight:bold;
}

.lblFieldDisplay
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000000;
	font-weight: bold;
}
.lblAudit
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
}
.lblDisplaySmall{
    font-size: 10pt;
}

.lblMessageHours
{
}

.lblEventTitle
{
	font-weight: normal;
}
.lblTodaysEvents
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
    color: #993333;
	font-weight: bold;
}
.billable_hours
{
    font-weight:bold;
}
.total_hours
{
    font-weight: bolder;
    border-top-style: double;
}
.text-attention
{
    font-weight: bold;
    color:Red;
}

table.ContentTable
{
    width: 100%;
    border-width: 0px;
    border-spacing: 0px;
    font-family: Arial, Helvetica, sans-serif;
}
td.ContentHeader
{
	border-style: ridge;
	color: #B89D18;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	height: 24px;
	background: #fff url( "images/backGold@64.png" ) repeat left top;		/* color = #EDE6C5 */

}
table.AdminContentTable
{
	width: 100%;
	border-width: 0px;
	border-spacing: 0px;
	background-color: #E6E6E6;
}
.compliment
{
    background-color: #E9E9E9;
}
.attention
{
    border: 4px ridge #990000;
    padding: 8px;
}

td.fieldlabel
{
	text-align:right;
	width:136px;
}
td.fieldlabelveryshort
{
	text-align:right;
	width:48px;
}
td.normal
{
    padding: 2px 8px 2px 8px;
}
td.normalveryshort
{
	width:88px;
}
td.normalshort
{
	width:120px;
}
td.right
{
    text-align:right;
}
td.suffix
{
	text-align: left;
	width: 200px;
	padding-left: 8px;
}
td.searchsuffix
{
    text-align: left;
    width: 200px;
    font-style: italic;
    color: #CC3300;
    font-size: 9pt;
}
td.fieldlabelhalf
{
	text-align:right;
	width:50%;
}
td.half
{
	width:50%;
}
.textboxdataentry
{
	border: 1px solid #C0C0C0;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.textboxdate
{
	border: 1px solid #C0C0C0;
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.textboxhalf
{
	border: 1px solid #C0C0C0;
	width: 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.textboxthreerows
{
    font-size: 10pt;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    height: 60pt;
    text-align: left;
}
.textboxdataentrysmall
{
	border: 1px solid #C0C0C0;
	font-size: 10pt;
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
}
.textboxReadOnly
{
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
}
.textwarning
{
	font-weight: bold;
	font-size: 9pt;
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

.lstSmall label
{
    text-indent: 8px;
    white-space: nowrap;
    vertical-align: middle;
    font-size:9pt;
    font-weight:normal;
}

.menubarCenter
{
    background-color: #FAFAFA;
    text-align: center;
    padding: 6px 4px 6px 4px;
}
.date-field-lg
{
    width: 150px;
}
.bold
{
    font-weight:bold;
}

.last-updated
{
    font-size: xx-small;
    text-align: right;
    padding-right: 24px;
    padding-bottom: 4px;
}

.xpresshost {
  color: white;
  text-decoration: underline;
}
.xpresshost:hover,
.xpresshost:focus {
  color: white;
  text-decoration: underline;
}

.form-checkbox
{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px 6px 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
}

.tab40 { margin-left: 40px; }


.menubar
{
    text-align: center;
    padding: 6px;
}
.panel-min-body
{
    min-height:600px;
}

.datagridheader
{
	font-size: 10pt;
	font-family: Arial;
	background-color: #666666;
	color: white;
	width: 100%;
}
.datagridheader a	/* this element formats the column heading when sortable */
{
	color: White;
}
.datagridheader a:visited
{
	color:  White;
}
.datagridheader a:hover
{
	color: #280200;
}
.datagridheader a:active
{
	color: #280200;
}
.datagridrow
{
	background-color:white;
	font-size: 10pt;
	width: 100%;
	color: black;
	font-family: Arial;
}
.datagridrow caption
{
	color: #000000;
	text-align: left;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	font-size: 11pt;
}
.datagridalternaterow
{
	background-color: #DFDFDF;
	color: black;
	font-size: 10pt;
	font-family: Arial;
	width: 100%;
}
.datagridselectedrow
{
	font-size: 10pt;
	width: 100%;
	/*color: white;*/
	font-family: Arial;
	/*background-color: #999999;
	background-color:#F2E7B0;*/
	background-color:#F9F3D1;
}
.gridpagerstyle
{
	font-family: Arial;
	background-color: black;
	color: #B89D18;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
/* the following formats the current page number */
.gridpagerstyle span	
{
	color:black;
	background:#B89D18;
	font-weight:bolder;
	font-size:11pt;
	text-align:center;
}
.gridlinkbutton:link
{
    color: #B89D18;
    font-weight: bold;
    text-decoration: underline;
} 
.gridlinkbutton:visited
{
	color: #B89D18;
	font-weight: bold;
    text-decoration: underline;
}
.gridlinkbutton-inactive:link
{
	color: black;
	font-weight: bold;
    text-decoration: underline;
} 
.gridlinkbutton-inactive:visited
{
	color: black;
	font-weight: bold;
    text-decoration: underline;
}



.cal .ajax__calendar_container
{
    background-color: #e2e2e2;
    border: 1px solid #cccccc;
    width: 190px;
}

.cal .ajax__calendar_header  {
    background-color: #ffffff; 
    margin-bottom: 4px;
}

.cal .ajax__calendar_title,
.cal .ajax__calendar_next,
.cal .ajax__calendar_prev    {
    color: #004080; 
    padding-top: 3px;
}

.cal .ajax__calendar_body
{
    background-color: #e9e9e9;
    border: 1px solid #cccccc;
    width: 170px;
}

.cal .ajax__calendar_dayname {
    text-align:center; 
    font-weight:bold; 
    margin-bottom: 4px; 
    margin-top: 2px;
}

.cal .ajax__calendar_day {
    text-align:center;
}

.cal .ajax__calendar_hover .ajax__calendar_day,
.cal .ajax__calendar_hover .ajax__calendar_month,
.cal .ajax__calendar_hover .ajax__calendar_year,
.cal .ajax__calendar_active  {
    color: #004080; 
    font-weight: bold; 
    background-color: #ffffff;
}

.cal .ajax__calendar_today   {
    font-weight:bold;
    color: #004080;
}

.cal .ajax__calendar_other,
.cal .ajax__calendar_hover .ajax__calendar_today,
.cal .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}





/* not used below */

.box {
  float: left;
  width: 200px;
  min-height: 100px;
  margin: 1em;
  border: medium outset #C0C0C0;
  
}
.after-box {
  clear: left;
}  
  .box2 {
  display: inline-block;
  width: 200px;
  height: 100px;
  margin: 1em;
}



.carousel-inner > .item > img { margin: 0 auto; } /* center carousel images */


.linkbutton-small
{
    font-size: small;
}

.alert-default {
  color: #555555;
  background-color: #eeeeee;
  border-color: #e2e2e2;
}

.panel-title-large {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  color: inherit;
}

.news
{
    border-bottom: thin solid gray;
    text-align: left;
}
.news-title
{
    font-weight: bold;
    color: #291670;
}

.recent-additions
{
    text-align: left;
}
.recent-additions-title:link
{
  color: #5c4ba0;
  text-decoration: none;
}
.recent-additions-title:hover,
.recent-additions-title:focus {
  color: #5c4ba0;
  text-decoration: underline;
}



.equipment_catalog
{
    font-size: large;
    font-weight: bold;
}


.container-min-height
{
    min-height:600px;
}

.html-control
{
	width: 100%;
	height: 175pt;
	background-color: #ffffff;
	text-align: left;
}

.form-control-other
{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px 6px 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
}

.center{
    text-align:center;
}


/* jQuery Sortable */
#sortable {
    list-style-type: disc;
    margin: 0;
    padding: 0;
    width: 60%;
    font-size: 7pt;
}

    #sortable li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-left: 1.5em;
        font-size: 1.4em;
        height: 18px;
    }

        #sortable li span {
            position: absolute;
            margin-left: -1.3em;
        }

#sortable0, #sortable1, #sortable2, #sortable3, #sortable4, #sortable5, #sortable6, #sortable7, #sortable8, #sortable9 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 8pt;
    min-height:20px;
}

    #sortable0 li, #sortable1 li, #sortable2 li, #sortable3 li, #sortable4 li, #sortable5 li, #sortable6 li, #sortable7 li, #sortable8 li, #sortable9 li {
        margin-left: 18px;
        margin-top: 0px;
        margin-bottom: 2px;
        font-size: 10pt;
        /*border-bottom: 1px dashed black;*/
        /*padding-bottom: 10px;*/
    }

        #sortable0 li:hover, #sortable1 li:hover, #sortable2 li:hover, #sortable3 li:hover, #sortable4 li:hover, #sortable5 li:hover, #sortable6 li:hover, #sortable7 li:hover, #sortable8 li:hover, #sortable9 li:hover {
            cursor: move;
        }

.dragging {
    color: gray;}

.dropped {
    color: #B89D18;
}

/*END jQuery Sortable*/

.panel-horizontal-bar{
    padding-top:2px;
    padding-bottom: 2px;
}

.left_indent{
    margin-left: 10px;
}

.rowOdd {
    padding-top: 2px;
    padding-bottom: 2px;
}
.rowEven{
    padding-top: 2px;
    padding-bottom: 2px;
    background-color:#FAFAFA;
}

.late {
    color: #a94442;
}
.due_soon {
    background-color: yellow;
}
.text-right{
    text-align:right;
}

.btn-section-showhide {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom:0;
    font-size: 16px;
    font-weight:bold;
    color: inherit;
}
    .btn-section-showhide .text-offset {
        display: inline-block;
        width: 8px;
    }

.full-width{
    width: 100%;
}

.no-border{
    border: none;
}

.min-pad {
    padding:0px 0px 0px 2px;
}

.row-border-bottom {
    border-bottom: solid 1px silver;
    padding-bottom: 2px;
}

.alert-pending {
    color: #ff6a00;
    background-color: #ffbc8c;
    border-color: #ff8c3f;
}


.text-center {
    text-align: center;
}