/* 
css stylesheet Depositions NextGen Reporting
-------------------------------------------------------------------------------*/


html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
    font-family: "Calibri", sans-serif !important;
	margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    max-width: 100%;
    width: 100%;
    display: block;
}

.wrapper {
    margin: auto;
}

html {
    background: url(images/Repository-Site-Back_2.png) no-repeat center fixed;
    background-size: cover;
}

p {
    font-size: 1.1rem;
    text-align: left;
    line-height: 1.4rem;
    padding: 15px;
    color: black;
    text-shadow: none;
    font-family: 'Calibri', sans-serif;
    font-weight: 300;
}

p.black {
    color: #000000 !important ;
}

h1 {
    font-family: "Calibri", sans-serif;
    font-weight: 600;
    font-size: 1.5em;
    color:white;
    text-align: center;
    padding-top: 3px;
}

h2 {
    font-family: "Calibri", sans-serif;
    font-weight: 300;
    font-size: 1em;
    color:white;
    text-align: left;
    padding-left: 3px;
}


.ngheader {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: url(images/Repository-Site-Back_6.png) right;
    border-bottom: 1px solid #3A4356;
}



.nglogo {
    flex-grow: 1;
}

.nglogo img {
    max-width: 300px;
    margin: 0 auto;
}

.search {
    display: flex;
    justify-content: center;
    height: 50px;
    width: 100%;
    padding: 0.5em;
}

.search img {
    width: 30px;
    margin-right: 5px;
}

.search input {
    max-width: 300px;
    border: 1px solid #C8C8C8;
    font-size: 1.2em;
    background: none;
    color: white;
    width: 100%;
    text-indent: 5px;
}

.reportcalendar {
    display: flex;
    padding: 0.5em;
}



.schedule-depositions {
    display: block;
}

.schedule {
    max-width: 400px;
    margin:auto;
    flex: 1;
}

select {
    width: 100%;
}

.scheduleform,
.deposition-list {
    display:block;
    background-color: #8D99B4;
    padding: 10px;
    margin: 10px 10px 20px 10px;
    position: relative;
    border: 1px solid white; 
}

.scheduleform:before,
.deposition-list:before {
    content: " ";
    position:absolute;
    z-index: -1;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 5px solid #8D99B4;
    background: white; 
    box-shadow: 5px 5px 25px rgba(50,65,90,0.8)
}

label { 
    font-size: 1em;
    font-family: "Calibri", sans-serif;
    font-weight: 300;
    color: black;
    margin: 3px;
    justify-content: space-between;
}

.single-field {
    margin-top: 8px;
    position: relative;
    display: block;
    max-height: 50px;
}

.single-field span {
    flex-grow: 1;
    font-weight: 300;
}

.single-field input {
    border: 1px solid black;
    padding: 0px;
    background: rgba(255,255,255,0.8);
    margin: 1px;
    width: 100%;
    height: 2.2em;
    display: block;
}

/**** ----DEPOSITIONS---- ****/

.nextgenlist {
    max-width: 450px;
    margin:auto;
    flex:1;
}

.deposition-list {
    color: white;
    font-size: 80%;
    font-family: "Calibri", sans-serif;
    font-weight: 300;
    list-style-type:none;
    padding: 0;
    border: none;
}

.deposition-list-item {
    display:flex;
    justify-content: space-between;
    padding: 1em;
    border: 1px solid white;
}

.deposition-list-item + .deposition-list-item {
    border-top: none;
}

.deposition-list-item:nth-child(even) {
    background: white;
    color: black;
}

.deposition-list-item:nth-child(odd) {
    background:#D5D7DC;
    color: black;
}

.witness-name {
    width: 25%;
}
.deposition-date {
    width: 12.5%;
}
.hiring-attorney {
    width: 25%;
}
.case-caption {
    width: 37.5%;
}


@media only screen and (min-width: 1024px){
        .schedule-depositions {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin: 0 20px;
        }
        .nextgenlist {
            max-width: 850px;
            margin: 38px 5px 0 15px;
            flex-grow: 2;
        }
        .schedule {
            margin:0;
            flex-grow: 1;
        }
    
        .ngheader {
            margin-top: 25px;
        }
    
        .search {
            width: auto;
            justify-content: center;
            flex-grow: 2;
        }
    
        .reportcalendar {
            flex-grow: 1;
            justify-content: center;
            
        }
        .ngheader {
            background: url(images/Repository-Site-Back_11.png) left;
            border: 1px solid #3A4356;
        }
    
        .ngheader + .ngheader {
            border-left: none;
            border-right: none;
        }
}

/**** ----DEPOSITION TABLES---- ****/

.deposition-table {
  background-color: #efe;
  border-collapse: collapse;
  empty-cells: show;
  border: 1px solid #32415A;
}


.deposition-table > caption {
  text-align: center;
  font-size: 1.5em;
  font-family: "Calibri", sans-serif;
  font-weight: 600;
  color: white;
  border-bottom: .1em solid #32415A;
  margin-bottom: 0em;
}


.deposition-table th {
  font-size: 1em;
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  padding:.8em 0em .5em 1.6em;
  text-align: left;
}

/* header */

.deposition-table > thead > tr:first-child > th {
  text-align: left;
  background-color: #FFF;
}

/* body */
.deposition-table td {
  /*background-color: #cef;*/
  padding:.5em 3.5em .5em 2.1em;
  font-size: .8em;
  color: #2F3E53;
}

tr:nth-child(even) {
	background: #FFF;
}

tr:nth-child(odd) {
	background: #D5D7DC;
}
.pbTitle{
text-align:center;
}
.pbBody{
text-align:center;
}