/* 
    Document   : style
    Created on : Nov 28, 2011, 10:02:45 AM
    Author     : lemke
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body { margin: 0; padding: 0; background-color: #5b5b5b; font-family: arial, sans-serif; }
.nav { font-size: 20px; text-align: center; }
.nav a { color: blue; text-decoration: underline; }
.nav a:hover { color: #ff0000; text-decoration: underline; }
#container { background-color: #ffffff; width:800px; padding: 10px; min-height: 500px; margin: 0 auto; }
/*#container a { color: blue; padding: 3px; }*/
.tblHD { margin-left: 15px; width: 785px; }
/*.tblDG { margin-left: 15px; width: 750px; border: 1px solid #5b5b5b; border-collapse: collapse; margin-bottom: 10px; }*/
.tblDG { margin-left: 15px; width: 785px; border-collapse: collapse; margin-bottom: 10px; }
.tblDG-th { width: 28px; text-align: center; } 
.tblDG-td { width: 25px; cursor: pointer; } 
.tblDG-td-vol { width: 130px; }
/*.tblDG th { border-bottom: 1px solid #5b5b5b; border-left: 1px solid #5b5b5b; } */
/*.tblDG td { border-bottom: 1px solid #5b5b5b; border-left: 1px solid #5b5b5b; padding-left: 5px; }*/
.tblDG td { border-bottom: 1px solid #5b5b5b; border-left: 1px solid #5b5b5b; }
.tblDG tbody { border: 1px solid #5b5b5b; }
.lbl { float: left; width: 150px; }
.fld { float: left; }
.dayName { font-size: 16px; font-weight: bold; }

.hd-table { width: 100%; }
.hd-table a { color: blue; text-decoration: none; }
.hd-table a:hover { text-decoration: underline; }

.hd-table tr { width: 100%; border-left: 1px solid #dfdfea; border-bottom: 1px solid #c3c3c3; }
.hd-row { background-color: #dfdfea; font-weight: bold; }
.hd-row td { padding: 5px; border-left: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #000; }

/*
.even-row { background-color: #c3c3c3; }
.even-row td { padding: 3px; border-left: 1px solid #000; border-bottom: 1px solid #000; }
.odd-row { background-color: #fff; }
.odd-row td { padding: 3px; border-left: 1px solid #000; border-bottom: 1px solid #000; }
*/
.hd-table tbody tr:nth-child(even) { background-color: #dfdfea; }
.hd-table tbody tr:nth-child(odd) { background-color: #fff; }
.hd-table tbody td { padding: 3px; border-left: 1px solid #000; border-bottom: 1px solid #000; }
/*.end-row { padding: 3px; border-right: 1px solid #000; }*/
table.hd-table thead td:last-child { padding: 3px; border-right: 1px solid #000; }
table.hd-table tbody td:last-child { padding: 3px; border-right: 1px solid #000; }

.error { color: red; }

.msg-title { font-weight: bold; font-size: 16px; }
.msg-title a { color: blue; text-decoration: none; }
.msg-title a:hover { text-decoration: underline; }
.msg-byline { font-weight: normal; font-size: 11px; padding-left: 15px; }
.msg-content { padding-left: 15px; }
.msg-contain { padding-bottom: 10px; }

.hHeader { float: left; text-align: center; margin: 0; }
.addButton { float: right; }

a.aButton { color: blue; text-decoration: none; }
a.aButton:hover { text-decoration: underline; }

.rep-sum { padding-left: 25px; padding-bottom: 15px; }

form .stdElm { padding-bottom: 10px; }
#datepicker { cursor: pointer; }
.dayName a { font-size: 18px; text-decoration: underline; }
.dayName a:hover { text-decoration: underline; }

/* Pagination */
.aBtn { text-align: center; padding:5px; margin-bottom: 10px; font-size: 14px; border: 1px #c3c3c3 ridge; line-height: 20px; }
.aBtn a { padding:5px; font-size: 14px; width: 28px; }
.aBtn a:hover { text-decoration: underline; }
.aBtn .currentPage { padding:5px; font-size: 14px; width: 28px; }
.aBtn .pageText { padding:5px; font-weight: bold; }
.pgiArrow { font-size: 18px !important; }


.d-flex {
    display: flex;
}

.flex-column{
    flex-direction: column;
}

.justify-end {
    justify-content: flex-end;
}

.align-center {
    align-items: center;
}

.align-end{
    align-items: end;
}