/* ========================================================================== */
/* Complaint Dashboard - Combine Table */

@media (max-width:768px){
table.combineTable {display: block; width:100%;}
table.combineTable tbody {display:block;}
table.combineTable tr {display: inline-block;}
table.combineTable td {display: block; float:left;}
}

/* ========================================================================== */
/* Complaint Dashboard - Resolve Table */

@media (max-width:900px){
table.resolveTable {display: block; width:100%;}
table.resolveTable tbody {display:block;}
table.resolveTable tr {display: inline-block;}
table.resolveTable td {display: block; float:left;}
}

/* ========================================================================== */
/* Complaint Dashboard - Responsive   */
/* Using this on /monkeypox as well   */

table.complaint-table-responsive {display: block; width:100%;}
table.complaint-table-responsive tbody {display:block;}
table.complaint-table-responsive tr {display:flex; flex-wrap:wrap;}
table.complaint-table-responsive td {display: inline-block; float:left;}
table.complaint-table-responsive td.full_td {width: 100%}
table.complaint-table-responsive textarea {width:100% !important;}
table.complaint-table-responsive textarea #complaint_description {max-width:1155px;}
table.complaint-table-responsive select {width:218px; max-height:28px; padding:0 30px 0 5px !important;}
table.complaint-table-responsive .complaint-shadeform-1,
table.complaint-table-responsive .shadeform-1,
table.complaint-table-responsive .complaint-shadeform-1:disabled {width:210px; padding:1px 2px 1px 5px}
table.complaint-table-responsive input [type="date"] {padding:1px 2px}

/* ========================================================================== */
/* Program Name - Responsive */

table.program-name-table-responsive {display: block; width:100%;}
table.program-name-table-responsive tbody {display:block;}
table.program-name-table-responsive tr {display: inline-block;}
table.program-name-table-responsive td {display: inline-block; float:left;}
table.program-name-table-responsive textarea {width:98.4%;}
table.program-name-table-responsive select {max-height:28px; padding:0 30px 0 5px !important;}

/* ========================================================================== */
/* Line List - Responsive */

table-2.line-list-table-responsive {display: block; width:100%;}
table-2.line-list-table-responsive tbody {display:block;}
table-2.line-list-table-responsive tr {display: inline-block;}
table-2.line-list-table-responsive td {display: inline-block; float:left;}
table-2.line-list-table-responsive textarea {width:98.4%;}
table.line-list-table-responsive .shadeform-5 {max-width: 174px}
table.line-list-table-responsive .dropdown-line-list-1 {max-width: 183px}

/* ========================================================================== */
/* Partner - Responsive */

table-2.partner-table-responsive {display: inline-table; width:40%;}
table-2.partner-table-responsive tbody {display:inline-table;}
table-2.partner-table-responsive tr {display: inline;}
table-2.partner-table-responsive td {display: inline; float:left;}

/* ========================================================================== */
/* Participation - Responsive */

.participation_tabs.ui-tabs{padding:3.080px}

table.participation-table-responsive {display: block; width:100%;}
table.participation-table-responsive tbody {display:block;}
table.participation-table-responsive tr {display: inline-block;}
table.participation-table-responsive td {display: inline-block; float:left;}
table.participation-table-responsive textarea {width:98.4%;}
table.participation-table-responsive select {max-height:28px; padding:0 30px 0 5px !important;}
body .ui-tabs .ui-tabs-nav li a{font-size:0.965rem}

/* ========================================================================== */
/* Inventory - Responsive */

.inventory_tabs.ui-tabs{padding:3.080px}

table.inventory-table-responsive {display: block; width:100%;}
table.inventory-table-responsive tbody {display:block;}
table.inventory-table-responsive tr {display: inline-block;}
table.inventory-table-responsive td {display: inline-block; float:left;}
table.inventory-table-responsive textarea {width:98.4%;}
table.inventory-table-responsive select {max-height:28px; padding:0 30px 0 5px !important;}
body .ui-tabs .ui-tabs-nav li a{font-size:0.965rem}

/* ========================================================================== */
/* Daycare - Responsive */

.daycare_tabs.ui-tabs{padding:3.080px}

table.daycare-table-responsive {display: block; width:100%;}
table.daycare-table-responsive tbody {display:block;}
table.daycare-table-responsive tr {display: inline-block; display: flex; flex-wrap:wrap;}
table.daycare-table-responsive td {display: inline-block; float:left;}
table.daycare-table-responsive textarea {width:98.4%;}
table.daycare-table-responsive select {max-height:28px;padding:0 30px 0 5px !important;}
body .ui-tabs .ui-tabs-nav li a{font-size:0.965rem}

/* ========================================================================== */

.responsive_table{width:auto}
.responsive_table > tbody > tr > td {display:inline-block; vertical-align:top}

.line-list-table-responsive{width:auto}
.line-list-table-responsive > tbody > tr > td {display:inline-block; vertical-align:top}

.complaint-table-responsive {width:auto}
.complaint-table-responsive > tbody > tr > td {display:inline-block; vertical-align:top}

/* ========================================================================== */

@media all and (max-width:670px) {
  body .ui-tabs .ui-tabs-nav li a {padding:.5em; font-size:80%}
  body .button, body .button2, body .button-small-1, body .button-medium-1, body .button-medium-2, body .button-medium-22,
  body .button-medium-222, body .button-medium-33 {width:auto; padding: 8px 10px}
}

@media all and (max-width:325px) {
  body .ui-tabs .ui-tabs-nav li a {font-size:70%}
}

/* ========================================================================== */

table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 22px;
}

/* ========================================================================== */

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td {
  /* padding: 8px; */
	padding: 6px;
  line-height: 1.5;
  middle-align: middle;
	border-top: 0px solid #dddddd;
}

/* ========================================================================== */

table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.5;
  vertical-align: top;
  border-top: 0px solid #dddddd;
}

/* ========================================================================== */

table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

/* ========================================================================== */

table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

/* ========================================================================== */

table > tbody + tbody {
  border-top: 2px solid #dddddd;
}

/* ========================================================================== */

table .table {
  background-color: #efefef;
}

/* ========================================================================== */

table-2 {
  width: 40%;
  margin-bottom: 22px;
}

/* ========================================================================== */

table-2 > thead > tr > th,
table-2 > tbody > tr > th,
table-2 > tfoot > tr > th,
table-2 > thead > tr > td,
table-2 > tbody > tr > td {
	padding: 0px;
  line-height: 1.5;
  middle-align: middle;
	border-top: 0px solid #dddddd;
}

/* ========================================================================== */

table-2 > tfoot > tr > td {
  padding: 8px;
  line-height: 1.5;
  vertical-align: top;
  border-top: 0px solid #dddddd;
}

/* ========================================================================== */

table-2 > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

/* ========================================================================== */

table-2 > caption + thead > tr:first-child > th,
table-2 > colgroup + thead > tr:first-child > th,
table-2 > thead:first-child > tr:first-child > th,
table-2 > caption + thead > tr:first-child > td,
table-2 > colgroup + thead > tr:first-child > td,
table-2 > thead:first-child > tr:first-child > td {
  border-top: 0;
}

/* ========================================================================== */

table-2 > tbody + tbody {
  border-top: 2px solid #dddddd;
}

/* ========================================================================== */

table-2 .table {
  background-color: #efefef;
}

/* ========================================================================== */

table-3 {
  width: 100%;
	max-width: 100%;
  margin-bottom: 22px;
}

/* ========================================================================== */

table-3 > thead > tr > th,
table-3 > tbody > tr > th,
table-3 > tfoot > tr > th,
table-3 > thead > tr > td,
table-3 > tbody > tr > td {
	padding: 0px;
  line-height: 1.5;
  middle-align: middle;
	border-top: 0px solid #dddddd;
}

/* ========================================================================== */

table-3 > tfoot > tr > td {
  padding: 8px;
  line-height: 1.5;
  vertical-align: top;
  border-top: 0px solid #dddddd;
}

/* ========================================================================== */

table-3 > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

/* ========================================================================== */

table-3 > caption + thead > tr:first-child > th,
table-3 > colgroup + thead > tr:first-child > th,
table-3 > thead:first-child > tr:first-child > th,
table-3 > caption + thead > tr:first-child > td,
table-3 > colgroup + thead > tr:first-child > td,
table-3 > thead:first-child > tr:first-child > td {
  border-top: 0;
}

/* ========================================================================== */

table-3 > tbody + tbody {
  border-top: 2px solid #dddddd;
}

/* ========================================================================== */

table-3 .table {
  background-color: #efefef;
}

/* ========================================================================== */

.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 50%;
  padding-top: 25.50%;
  border: 1px solid rgba(155,155,155,0.3);
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

/* ========================================================================== */

@media (min-width:891px){
  body #contentbox-6{max-width: 1340px}
  body #left-content{max-width:68%}
  body #sidebar-content{max-width:30%}
}

@media (min-width:891px){
  body #contentbox-2{max-width: 1340px}
  body #left-content{max-width:68%}
  body #sidebar-content{max-width:30%}
}

@media (max-width:891px){
  body #sidebar-content{margin-left:20px}
}

/* ========================================================================== */