table.list { width:100%; border-collapse: collapse; }
.list .title { font-size:30px; color:#308899; text-align:left; }
.list th a { font-size:11px; padding: 2px 8px 2px 8px; }
.list th a { color:white; float: none; }
.list th { border-bottom:1px dashed #BCBEC0; padding: 5px 0px; white-space: nowrap; font-weight:normal; text-align: left; }
.list th.buttons { text-align: right; }
.list th.action input { margin-top: 4px; }
.list th.description { text-align: left; text-transform: capitalize; font-weight: bold; border-bottom:1px dashed #BCBEC0; padding: 5px 10px 5px 0px; cursor: pointer;}
.list .go_action { text-align: right; }
.list .action input { margin-left: 4px; margin-right: 4px; }
.list .row { border-bottom:1px solid #BCBEC0; }
.list .row:hover { background-color: #E9E9EA !important; }
.list .lastrow { border-bottom:none !important; }
.list .row td { padding: 3px 0; }
.list a:hover { border-bottom: none; }
.list .main { width: 100%; }

.confirmed_complete {color:green;}
.confirmed_incomplete {color:goldenrod;}
.not_confirmed {color:red;}
.list .caption {text-align: left;}

.list input[type=text] { width: 50px; }
.list input[type=number] { width: 50px; }

.filter { margin-top: 30px; }
.filter .title { padding: 0 0 5px 10px; color: #308899; }
.filter .module-box {     border: 1px solid rgba(0, 0, 0, 0.125); padding:8px 8px; border-radius: 0.25rem; }
.filter .module-box .field-box { padding: 0 0 8px 0; }