/* Warrant specific styles */

#bright{color: red; font-weight: bold; font-size: 1.2em;}
#body_center td {
    padding: 3px;
}
.inputs {display: inline-block; margin: 1em auto;}
.inputs .cell {display: inline-block; margin: .5em;vertical-align: top;}
/*.inputs select, .inputs input { margin: .5em;}*/
.cell input {width: 15em;}
.bigbutton {width: 360px;}
p.message {max-width: 100%; text-align: left; margin: .5em auto;}
.redbutton {background-color:#900; padding:2px 5px; margin: 2px; font-size: 1.1em; color:white;}

fieldset {width: 640px;border-color:#990000;padding: 5px;margin:6px;}
.header TH {padding-left:5px; padding-right:5px; font-size:12px; font-weight:bold;}
.mainblock {margin-left: 10px;}
.header {background-color:#5e1612; color:#FFFFFF; padding:4px; margin:2px;}

.tablespace {padding:2px; margin:2px; }
.tablespace td,th {padding:2px; margin:2px;}

.smartTable {border-collapse:collapse; margin:2px auto;width:100%; font-size:.9em;}
.smartTable th, .smartTable td {border:1px solid #000000; padding:4px;}
.smartTable th {background-color:#5e1612; color:#FFFFFF;}
.smartTable .r0 td, .smartTable .r1 td	{padding:.5em;}
.smartTable .r1 td {background-color:#F6F6F6;}
.smartTable .over td {background-color:#123a5b; color:#fff;}
.smartTable .over td a {color:#fff !important;;}
.smartTable .sortedAsc {background-color:#66CC66 !important;}
.smartTable .sortedDesc {background-color:#CC6666 !important;}

.formpage {width:100%;}
.formpage h3 {margin-left:150px;}

@media screen and  (max-width: 900px) {
    .smartTable {display: grid;}
    .smartTable th {display: none;}
    .smartTable tr {display: grid;padding-bottom:20px;}
}
/* form stuff */

select, textarea, input {padding:10px; font-size:1em;border-radius:3px;}
/* Grid Stuff */
.grid-container-two {grid-template-columns: auto auto;}
.grid-container-two-small {grid-template-columns: 230px 1fr;}
.grid-container-two-med {grid-template-columns: 330px 1fr;}
.grid-container-three{grid-template-columns: auto auto auto;}
.grid-container-three-small {grid-template-columns: 200px auto auto;}
.grid-container-large-right {grid-template-columns: 10% 30% 20% 40%;}
.grid-container-large-rebutt {grid-template-columns: 10% 10% 15% 65%;}
.grid-container-large-rebuttAdmin {grid-template-columns: 15% 15% 15% 55%;}
.grid-container-four {grid-template-columns: auto auto auto auto;}
.grid-container-five {grid-template-columns: auto auto auto auto auto;}
.grid-container-six {grid-template-columns: auto auto auto auto auto auto;}
.grid-container-seven {grid-template-columns: auto auto auto auto auto auto auto;}
.grid-container-eight {grid-template-columns: auto auto auto auto auto auto auto auto;}
.grid-container-nine {grid-template-columns: auto auto auto auto auto auto auto auto auto;}
.grid-container-ten {grid-template-columns: auto auto auto auto auto auto auto auto auto auto;}
.grid-container-eleven {grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;}

.grid-span-2 {grid-column: span 2;}

.grid-container {
  display: grid;
  padding: 0px;
  grid-row-gap:  0px;
  /*border:1px solid #efefef;*/
}

.grid-item-head {
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding: .5em;
  font-size: .85em;
  text-align: center;
}
.grid-item {
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding: .75em;
  font-size: .85em;
  text-align: left;
}
.grid-item-noborder {border: 0px;}
.grid-item-center {text-align: center;}
.grid-item-left {text-align: left;}
.grid-item-right {text-align: right;}
.grid-item-fullfont {font-size: 1.0em;}

.editBtn {background:#E3F1FC;border-radius:5px;padding: 10px;font-size: 1em;color:#1E1E1E}
.editBtn:hover {background:#15651F;color:#ffffff;}
.deleteBtn {background:#efefef;border-radius:5px;padding: 10px;font-size: 1em;color:#1E1E1E;}
.deleteBtn:hover {background:#99241E;color:#ffffff;}
.bgRed {background:rgba(255, 0, 0, 14%);padding:1em;margin:1em;}
.bgGreen {background:#e6fbf0;padding:1em;margin:1em;}