/* SYP View CSS */

.bucLevelColor1 { background: lightpink;}
.bucLevelColor2 { background: lightblue;}
.bucLevelColor3 { background: lightgreen;}
.bucLevelColor4 { background: lavender;}
.bucLevelGrayColor { background: lightgray;}


.bucFilter {
    margin-right: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    float: left;
    height: 3em;
    max-width: 100%;
}

.bucSubmit {
    margin-right: 0.5em;
    margin-bottom: 0.5em; 
    margin-top: 0.5em;
    float: left;
    height: 3em;
    max-width: 100%;
}

.bucSubmit input {
    line-height: 1.5em; 
    padding: 0.5em 1em; }

.bucFilter input {
    line-height: 1.3em; 
    padding: 0.5em;
    width: 100%;}

.bucFilter select, .bucFilter input, .bucSubmit input {
    height: 3em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 1em;
    font-size: 16px;
}


.obq_thead15 {
	font-weight: bold;
	width: 15%;
  }
  
  .obq_thead20 {
	font-weight: bold;
	width: 15%;
  }
  
  /* add hyphenation to year column */
.bucYear {
    hyphens:auto;
    -webkit-hyphens: auto;
   -moz-hyphens: auto;
}

@media only screen and (max-width: 480px) {
.bucFilter,  .bucSubmit {
    width: 100%;
}

.bucFilter select {
    width: 100%;
    font-size: 16px;
    white-space: normal;
}

.bucSubmit input {
    width: 100%;
}

}

.bucViewTable {clear: both; padding-top: 0.5em; margin-top: 0.5em;}

tr {background: palegreen;}

.bucViewTable td, .bucViewTable th {vertical-align: top; padding: 10px;
        border-bottom: 2px white solid;
        border-left: 1px solid white;
        border-right: 2px solid white;}

.bucViewTable a {  color: #444;}

/* CSS to do responsive tables.
 From: https://css-tricks.com/responsive-data-tables/ */

@media 
only screen and (max-width: 760px) {

    /* Force table to not be like tables anymore */
    .bucViewTable table, .bucViewTable thead, .bucViewTable tbody, .bucViewTable th, .bucViewTable td, .bucViewTable tr { 
        display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .bucViewTable thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .bucViewTable tr { border: none; margin-bottom: 1em; }

    .bucViewTable td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid white; 
        position: relative;
        padding-left: 30%; 
        padding-top: 6px;
    }

    .bucViewTable td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 25%; 
        padding-right: 10px; 
        white-space: nowrap;
    }

    /*
    Use the data-label attribute for the label
    */

    .bucViewTable td:before { content: attr(data-label); }
}