/**
 * Use https://jsonformatter.org/scss-to-css
 * converted from  mmis-common/mmis-common-ng-lib/src/styles.scss
 */

/* Report */
/* You can add global styles to this file, and also import other style files */
 body {
	 line-height: 1.5;
	 background-color:#fff;
}
main{background-color:#fff;}
 .rpt-container {
	/*max-width: 620px;*/
}
 .rpt-container__tabular-row {
	 display: flex;
	 flex-wrap: wrap;
	 /*max-width: 620px;*/
}
 .rpt-container__fluid {
	 margin: 0;
	 max-width: 100%;
}
 .rpt-container__row {
	 display: flex;
	 flex-wrap: wrap;
	 width: 100%;
}
 .rpt-container .col-1 {
	 flex-basis: 8.3333333333%;
}
 .rpt-container .col-2 {
	 flex-basis: 16.6666666667%;
}
 .rpt-container .col-3 {
	 flex-basis: 25%;
}
 .rpt-container .col-4 {
	 flex-basis: 33.3333333333%;
}
 .rpt-container .col-5 {
	 flex-basis: 41.6666666667%;
}
 .rpt-container .col-6 {
	 flex-basis: 50%;
}
 .rpt-container .col-7 {
	 flex-basis: 58.3333333333%;
}
 .rpt-container .col-8 {
	 flex-basis: 66.6666666667%;
}
 .rpt-container .col-9 {
	 flex-basis: 75%;
}
 .rpt-container .col-10 {
	 flex-basis: 83.3333333333%;
}
 .rpt-container .col-11 {
	 flex-basis: 91.6666666667%;
}
 .rpt-container .col-12 {
	 flex-basis: 100%;
}
 .rpt-container__col-sm-1 {
	 flex-basis: 8.3333333333%;
}
 .rpt-container__col-sm-2 {
	 flex-basis: 16.6666666667%;
}
 .rpt-container__col-sm-3 {
	 flex-basis: 25%;
}
 .rpt-container__col-sm-4 {
	 flex-basis: 33.3333333333%;
}
 .rpt-container__col-sm-5 {
	 flex-basis: 41.6666666667%;
}
 .rpt-container__col-sm-6 {
	 flex-basis: 50%;
}
 .rpt-container__col-sm-7 {
	 flex-basis: 58.3333333333%;
}
 .rpt-container__col-sm-8 {
	 flex-basis: 66.6666666667%;
}
 .rpt-container__col-sm-9 {
	 flex-basis: 75%;
}
 .rpt-container__col-sm-10 {
	 flex-basis: 83.3333333333%;
}
 .rpt-container__col-sm-11 {
	 flex-basis: 91.6666666667%;
}
 .rpt-container__col-sm-12 {
	 flex-basis: 100%;
}
 @media only screen and (min-width: 576px) {
	 .rpt-container__col-sm-1 {
		 flex-basis: auto;
	}
	 .rpt-container__col-sm-2 {
		 flex-basis: auto;
	}
	 .rpt-container__col-sm-3 {
		 flex-basis: auto;
	}
	 .rpt-container__col-sm-4 {
		 flex-basis: auto;
	}
	 .rpt-container__col-sm-5 {
		 flex-basis: auto;
	}
	 .rpt-container__col-sm-6 {
		 flex-basis: auto;
	}
	 .rpt-container__col-sm-7 {
		 flex-basis: auto;
	}
	 .rpt-container__col-sm-8 {
		 flex-basis: auto;
	}
	 .rpt-container__col-sm-9 {
		 flex-basis: auto;
	}
	 .rpt-container__col-sm-10 {
		 flex-basis: auto;
	}
	 .rpt-container__col-sm-11 {
		 flex-basis: auto;
	}
	 .rpt-container__col-sm-12 {
		 flex-basis: auto;
	}
}
 @media only screen and (min-width: 768px) {
	 .rpt-container__col-md-1 {
		 flex-basis: auto;
	}
	 .rpt-container__col-md-2 {
		 flex-basis: auto;
	}
	 .rpt-container__col-md-3 {
		 flex-basis: auto;
	}
	 .rpt-container__col-md-4 {
		 flex-basis: auto;
	}
	 .rpt-container__col-md-5 {
		 flex-basis: auto;
	}
	 .rpt-container__col-md-6 {
		 flex-basis: auto;
	}
	 .rpt-container__col-md-7 {
		 flex-basis: auto;
	}
	 .rpt-container__col-md-8 {
		 flex-basis: auto;
	}
	 .rpt-container__col-md-9 {
		 flex-basis: auto;
	}
	 .rpt-container__col-md-10 {
		 flex-basis: auto;
	}
	 .rpt-container__col-md-11 {
		 flex-basis: auto;
	}
	 .rpt-container__col-md-12 {
		 flex-basis: auto;
	}
}
 @media screen and (min-width: 992px) {
	 .rpt-container__col-lg-1 {
		 flex-basis: auto;
	}
	 .rpt-container__col-lg-2 {
		 flex-basis: auto;
	}
	 .rpt-container__col-lg-3 {
		 flex-basis: auto;
	}
	 .rpt-container__col-lg-4 {
		 flex-basis: auto;
	}
	 .rpt-container__col-lg-5 {
		 flex-basis: auto;
	}
	 .rpt-container__col-lg-6 {
		 flex-basis: auto;
	}
	 .rpt-container__col-lg-7 {
		 flex-basis: auto;
	}
	 .rpt-container__col-lg-8 {
		 flex-basis: auto;
	}
	 .rpt-container__col-lg-9 {
		 flex-basis: auto;
	}
	 .rpt-container__col-lg-10 {
		 flex-basis: auto;
	}
	 .rpt-container__col-lg-11 {
		 flex-basis: auto;
	}
	 .rpt-container__col-lg-12 {
		 flex-basis: auto;
	}
}
 .rpt-text-width {
	 width: 49.72%;
	 display: flex;
	 flex-wrap: wrap;
}
 .row-element {
	 /*width: 119px;*/
	 /*min-height: 35px;*/
	 display: flex;
	 align-items: center;
	 justify-content: space-around;
}
 .col-element {
	 /*width: 119px;*/
	 /*height: 35px;*/
	 display: flex;
	 align-items: center;
	 justify-content: space-around;
}
 .rpt-agendaItemInner {
	 align-items: center;
	 border: 1px solid #000;
	 border-bottom: none;
	 border-width: 1px 1px 1px 1px;
}
 .rpt-agendaItemInner:last-child {
	 border-bottom: 1px solid #000;
}
 .rpt-voteItem__header {
	 justify-content: space-between;
}
 .rpt-voteItem__border {
	 border: 1px solid #000;
	 border-bottom: none;
	 border-width: 1px 1px 1px 1px;
}
 .rpt-voteItem__border:last-child {
	 border-bottom: 1px solid #000 !important;
}
 .rpt-voteItem__col-1 {
	 width: 16.52%;
	 display: flex;
	 flex-wrap: wrap;
	 padding: 0.0625rem 0.0625rem 0.0625rem 0.25rem;
	 border-right: 1px solid #000;
}
 .rpt-voteItem__col-2 {
	 width: 81%;
	 display: flex;
	 flex-wrap: wrap;
	 padding: 0.0625rem 0.0625rem 0.0625rem 0.25rem;
}
/*media queries */
 @media (min-width: 576px) {
	 .rpt-agendaItemInner {
		 align-items: center;
		 border: 1px solid #000;
		 border-right: none;
	}
	 .rpt-agendaItemInner:last-child {
		 border-right: 1px solid #000;
	}
}
 .wep, .wep p, .wep ul, .wep li {
	 margin: 0in;
	 margin-bottom: 0.0001pt;
	 font-family: "Times New Roman", Times, serif;
}
 h1, h2, h3, h4, h5, h6 {
	 margin-bottom: 0.5rem;
	 font-weight: 500;
	 line-height: 1.2;
	 margin-top: 0;
}
 .wep {
	 line-height: 1.2;
	 word-break: break-word;
}
 .rpt-tabular-padding {
	 padding: 0.0625rem;
}
/* table */
 .rpt-default-width {
	 /*width: 620px;*/
	 width:50em;
	 background-color:#fff;
	 margin-bottom:10px;
}
 .rpt-default-padding {
	 /*height: 10px;*/
}
 .rpt-annotation {
	 background-color: #ff0;
	 font-weight: bold;
}

.rpt-annotation a,.rpt-annotation a:link, .rpt-annotation a:active, .rpt-annotation a:visited {
	 font-weight: bold;
	 
}


 .rpt-caution {
	 background-color: #f3e4a9;
	 color: #009;
	 border: 1px solid #fc0;
}
 .rpt-caution-label {
	 color: #c00;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 font-weight: bold;
	 padding-right: 4px;
}
 .rpt-caution p {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 color: #036;
	 padding: 3px;
	 line-height: 15px;
	 margin-bottom: 0;
}
 .rpt-text-ti {
	 line-height: 1.3;
}
 .rpt-hr {
	 border-top: 1px solid black;
	 margin-left: 0;
	/*width: 620px;*/
}
 .rpt-table-layout-fixed {
	/*width: 620px;*/
	 table-layout: fixed;
	 white-space: nowrap;
}
 .rpt-table-border {
	/*width: 620px;*/
	 border-collapse: collapse;
	 border-style: solid;
	 border-color: #000;
	 border-width: 1px 1px 1px 1px;
}
 .rpt-table-border td {
	 border: 1px solid #000;
}
 .rpt-header-xl, .rpt-header-lg, .rpt-header, .rpt-title, .rpt-text-xl, .rpt-text {
	 font-family: Arial, Helvetica, sans-serif;
}
 .rpt-title-ti, .rpt-title-ti-it, .rpt-text-ti, .rpt-text-ti-it {
	 font-family: Arial, "Times New Roman", Times, serif;
}
 .rpt-header-xl, .rpt-header-lg, .rpt-header, .rpt-title, .rpt-title-ti, .rpt-title-ti-it {
	 font-weight: bold;
}
 .rpt-title-ti-it, .rpt-text-ti-it {
	 font-style: italic;
}
 .rpt-header-xl, .rpt-text-xl {
	 font-size: x-large;
}
 .rpt-header-lg {
	 font-size: large;
}
 .rpt-header, .rpt-title-ti, .rpt-title-ti-it, .rpt-text-ti, .rpt-text-ti-it {
	 font-size: medium;
	 margin-bottom: 0rem;
}
 .rpt-title, .rpt-text {
	 font-size: small;
}
 .rpt-text-left {
	 text-align: left;
}
 .rpt-text-center {
	 text-align: center;
}
 .rpt-text-right {
	 text-align: right;
}


/*.body.reports {
    margin-left: auto;
    margin-right: auto; padding-top:10px;
}*/

.print-only{display:none}


/*body{width:100%; max-width:1400px; margin-left:auto; margin-right:auto }*/
/* ------------- headings  -------------*/
body{line-height:1.3}
H1, H2, H3, H4{margin-top:10px;margin-bottom:10px}

h1{font-size:150%}
h2{font-size:125%;margin-top:10px; font-weight:normal}
h2.sub-heading{text-align:left;  font-weight:normal; font-size:110%; font-weight:bold;}
h3, h3.rp-header{font-size:100%;margin-top:10px!important; margin-bottom: 5px!important; font-weight:bold; font-size:1em; /*text-decoration:underline*/}
h3.heading, .heading{font-weight:bold; font-size:140%; /*text-decoration:underline*/}
h3.normal-text{font-weight:normal!important}


h4{font-size:100%;margin-top:20px!important; margin-bottom: 5px!important; font-weight:bold; font-size:1em; /*text-decoration:underline*/}
/*h4{text-align:left;  font-weight:normal; font-size:110%; font-weight:bold;}*/


h5{text-align:left;  font-weight:normal; font-size:110%;font-weight:bold;}
.section-title{font-size:125%;margin-top:20px; font-weight:bold}

div.sub-heading{text-align:left;  font-weight:normal; font-size:110%!important; font-weight:bold; margin-bottom:20px; margin-top:20px}

/* old box sections */
.inline{display:inline; padding-left:3px;}
h3.inline{display:inline; padding-left:0px; margin-left:0px}


.report-action {
float:right;
margin:10px;
}
/* ------------- links  ------------- */

a, a:link, a:active, a.rpt-text{color:#337ab7}
a:hover, a:link:hover, a:active:hover, a.rpt-text:hover{color:#165788}
/* ------------- header  ------------- */
.header{background-color:#165788; color:#fff; margin-top:0; top:0px; padding: 1em 1em 0.1em 0em; max-width:100%; padding-bottom:10px  }
.header .container-fluid, .container-fluid.mimic-cot{max-width:1400px;}

.header h1, .header h2{color:#fff!important; width:100%; text-align:left;}
/*.header .logo{display:inline-block;}*/
.header .logo-img{ width:10em;}
.header .logo h1{text-align:center;/*display:inline-flex;*/width:50%; vertical-align:bottom; font-size:1.2em}
.report-header .container-fluid{margin-top:0}
.report-header .cot-logo{display:absolute; margin-bottom:10px; width:50%; position:absolute; top:15px; }
.header .col-md-9 h1{/*display:inline-block;*/ text-align:center; }
.centered {
    margin-left: auto;
    margin-right: auto
} 
 
.header  .text-muted{ color:#fff!important;}
.header .text-muted .date-list{font-size:80%;margin-right:20px; color:#fff}
.report-action{width:150px;float:right; text-align:right}

/* mimic-cot */


.container-fluid.mimic-cot  .mimic-cot-heading{}
.mimic-cot.container-fluid, .container {
  max-width: 1000!important;  
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
  margin-top:2em;
  /*margin-bottom: 2em;*/
}

.mimic-cot-header{border-bottom:1px solid #ddd;padding-bottom:0px; padding:0px; margin-bottom:0px!important }
.mimic-cot-header .text-left{padding-left:0px}
.mimic-cot-header .text-right{padding-right:0px;}

h1.mimic-cot-heading{font-size:36px; position:relative; top:15px}
.mimic-cot-header .button-bar{margin-bottom:5px}

	.mimic-cot-header .text-muted{font-size:0.5em!important}
/* -------------  content ------------- */

.message{max-width:1400px;margin-left:auto; margin-right:auto; border:1px solid #accbe2; padding:30px 20px; text-align:center}

.section, section{padding-bottom:1em}

.container-fluid, .container {
  max-width: 1000!important;  
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
  margin-top:2em;
  /*margin-bottom: 2em;*/
}

@media (min-width: 768px) {
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}



.content-page{width:100%; max-width:1400px; margin-left:auto; margin-right:auto }


.item-separator{margin-top:30px; height:2px; border-bottom: 1px solid #ddd; margin-bottom:30px}

.item-separator.no-print:first-child{display:none;}

/* hides the separator in the item view */
 #agenda-item-accordion .collapse.show .card-body .item-separator{ display: none;}

/*buttons*/
.button-bar{margin-top:20px; margin-bottom:20px
}


.button .fas,
.button .far {
    margin-right: 6px;
    color: #002883
}

li.speaker-request-li{ padding-top:15px}
.speaker-monitor-rpt{color:#000!important; border:1px solid #f1dea3; padding:10px; border-radius:5px; margin:5px; background-color:#fbfbe8}

.speaker-monitor-rpt:hover, .speaker-monitor-rpt:focus { border:1px solid #d0cb91; text-decoration:none;}


i.fas.fa-volume-up{margin-right:5px;}

/**/

.title {display:block}

.title.close {color:#000!important; float:none!important
}

.title:before {
    content: "\f0fe";
    /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: "Font Awesome 5 Free";
    margin-right: 8px;
}

.title.close:before {
    content: "\f146";
    /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: "Font Awesome 5 Free";
    margin-right: 8px;
}

.title:before, .title.close:before {
    margin-right: 8px;
}

/* ---------------- buttons ----------------*/

button.btn.btn-default{border: 1px solid #ccc;}
button.btn.btn-secondary {
    background-color: #c6ddfd;
    border: 1px solid #c6ddfd;
    color: #000;
    margin-right: 5px;
    margin-bottom: 10px;
}

button.btn.btn-secondary:hover {
    border: 1px solid #f1dea3;
    background-color: #fbfbe8;
    color: #000000;
}


/* ---------------- tables ----------------*/

/* normal table*/

table.item-box{ margin-top:50px; width:700px}
table.item-box thead{ background-color:#efefef}
table.item-box td,table.item-box th{border:1px solid #000!important; margin-top:50px; width:100px }

/* css table */
div.css-table{ border: 1px solid #333; margin-top:20px;margin-bottom:20px}
.css-table{    display: table;    width: 640px;}
.table-row{    display: table-row;}
.table-cell{    display: table-cell;border: 1px solid #333;    width: 20%; text-align:center;    padding-top:20px;    padding-bottom:20px}
.status-block{width:1em}


/*report-table*/

.report-table{ margin-bottom:1em; margin-top:1em; width:100%}
.report-table .row{ margin-bottom:0.5em; margin-top:0.5em}
.report-table>thead>tr>th {
    border-bottom: solid 3px #165788
}
.report-table .col.title{font-weight:bold; display:inline; }
.report-table .title:before{content:none; margin-right:0;}
.report-table .col{text-align:left}

.report-table dt,.report-table dd{display:inline; font-family:arial!important}
.report-table dt{font-weight:bold}


@media only screen and (min-device-width: 600px) {
.report-table .col-md-2.title{width:10%}

}

/* vote- table */
.table-responsive.report-table{max-width:800px; width:100%; overflow-x:none; display:table}
.vote-table-header{max-width:800px; width:100%;}
.vote-table-header .text-muted.text-right{float:right; display:block}

table th{background-color:#efefef}
/*-------------- rpt block--------------*/

.content .rpt-text-center.rpt-container__tabular-row{display:block;}
.margin-bottom{margin-bottom:10px}
.rpt-text{font-family:arial; font-size:1em}
/*--------------- minutes info --------*/

.d-info{margin-bottom:20px;}
.d-info dt.inline{padding-left:0}
.d-info dl{ padding:0; margin:0 0 5px 0}

/* ------------- text  ----------------*/
.wep p, ul li, .rpt-header-lg, h1, h2, h3, div, .rpt-text-ti{font-family:arial!important}

.wep, .wep p, p, ul li, div{font-size:1em!important}
.wep p{margin-bottom:0px}

.box-label{width:100%}
.italics, h3 .italics{font-style:italic;}
.bold{font-weight:bold}
.normal-text{font-weight:normal}
div{line-height:120%;}
/*-------------- table ------------*/
.wep table td,.wep table th {padding:5px; }
/* ------------- rpt  -------------*/
/* caution section */
.rpt-caution p .rpt-caution-label{font-size:1em}
.rpt-caution p{padding:10px; line-height:1.3}
.rpt-caution{ margin-bottom:10px}
/* ------------ accordion  -------------*/
.accordion#agenda-item-accordion .card-body{cursor:default}

.accordion#agenda-item-accordion .card-body h3{ font-size: 125%; }


/*.accordion__button--expand[aria-pressed=true], button.btn.btn-outline-dark[aria-pressed=true]:hover, button.btn.btn-outline-dark.accordion__button--expand[aria-pressed=true]:focus, .accordion__button--collapse[aria-pressed=true]
.accordin-button-expand[aria-pressed=true], button.btn.btn-outline-dark.accordin-button-expand[aria-pressed=true]:focus, .accordin-button-collapse[aria-pressed=true]
{background-color:#596063 !important; color: #fff!important;}

.accordion__button--expand[aria-pressed=false], button.btn.btn-outline-dark[aria-pressed=false]:hover, button.btn.btn-outline-dark.accordion__button--expand[aria-pressed=false]:focus, .accordion__button--collapse[aria-pressed=false]
.accordin-button-expand[aria-pressed=false], button.btn.btn-outline-dark.accordin-button-expand[aria-pressed=false]:focus, .accordin-button-collapse[aria-pressed=false]
{background-color:#fff !important; color: #000!important;}

/*toronto.ca*/
      .accordin-button-expand::after {
                                font-family: "Font Awesome 5 Free";
                                font-weight: 600;
                                content: " \f067";
                                padding-right: 2px;
                                padding-left: 8px;
                            }
                            
                            .accordin-button-collapse::after {
                                font-family: "Font Awesome 5 Free";
                                font-weight: 700;
                                content: "  \f068";
                                padding-right: 2px;
                                padding-left: 8px;
                            }
                            
                            .accordion__controls button:hover {
                                background-color: #6e878c;
                            }
                            
                            .accordin-button-expand[aria-pressed=true],
                            button.btn.btn-outline-dark[aria-pressed=true]:hover,
                            button.btn.btn-outline-dark.accordion__button--expand[aria-pressed=true]:focus,
                            .accordin-button-collapse[aria-pressed=true] {
                                background-color: #596063!important;
                                color: #fff!important;
                                 -webkit-box-shadow: inset 10px 10px 10px #000!important;
                                -moz-box-shadow: inset 1px 1px 10px #000!important;
                                box-shadow: inset 0 3px 5px rgb(0 0 0 / 50%)!important;
                            }
                            
                            .accordion__controls [class^=accordion__button--]:active,
                            .accordion__controls [aria-pressed=true][class^=accordion__button--] {
                                background-color: #596063;
                                color: #fff;
                                -webkit-box-shadow: inset 10px 10px 10px #000!important;
                                -moz-box-shadow: inset 1px 1px 10px #000!important;
                                box-shadow: inset 0 3px 5px rgb(0 0 0 / 50%)!important;
                            }
                            
                            button.btn.btn-outline-dark[aria-pressed=true]:hover,
                            button.btn.btn-outline-dark.accordin-button-expand[aria-pressed=true]:hover {
                                background-color: #6e787c;
                                color: #fff!important;
                            }
                            
                            @media (hover: hover) {
                                .accordion__controls button.accordin-button-expand:hover,
                                .accordion__controls button.accordin-button-collapse:hover {
                                    background-color:#6e878c!important;
                                    border-color:#6e878c!important;
                                }
                            }

/* ------------- footer  -------------*/
.footer{background-color:#165788!important; color:#fff!important; margin-bottom:0; bottom:0px; width:100%!important; text-align:left; padding: 1em 2em;bottom:0; margin-top:1em; height:80px;}
.footer a, .footer a:link,.footer a:visited,.footer a:active{color:#fff!important; }

.footer2{ background-color:#fff; padding:10px; }

.skiptranslate.goog-te-gadget{color:#fff;}

/* smaller screens*/

/*--------------------- ipad landscape/ portrait res -----------------*/
    
    @media (min-width: 992px) {
    }
    /*--------------------- Ipad Pro media queries -------------------*/
    /* ----------- iPad Pro ----------- */
    /* Landscape*/
    
    @media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}
    /* Portrait*/
    
    @media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}
    /* ------------------ small screen ------------------------------*/
    
    @media only screen and (min-device-width: 320px) and (max-device-width: 700px) {
body{width:100%;}
	/*header*/
.header{width:100%}
.report-header .cot-logo{width:90%; margin-top:0; padding-top:0}	
.report-action{display:none;}
.header h1{font-size:2rem; display:inline-block;text-align:left } 
.logo-img{display:inline-block; width:70%!important; }
.header .text-muted{margin-top:15px; display:block; color:#fff}
.header .text-muted .date-list{font-size:80%;margin-right:0px;display:block}
/* headings*/
 .container-fluid.by-law-report h1{text-align:left; margin-left:10px}
/*content*/

.report-table .col-md-6{padding-left:0px;}

.css-table{width:100%}
 
    .btn{margin-bottom:10px}   
    a{word-break: break-all;}
    
    .container-fluid.by-law-report{ padding:0px}
    .container-fluid.by-law-report .table-responsive-sm{width:85%}
    .by-law-table caption{   display: table-caption;
 caption-side:top; padding:none;width:15rem; text-align:center}
 
    
           /*table for advanced search */
        /* Force table to not be like tables anymore */
        .by-law-table table,
        .by-law-table thead,
        .by-law-table tbody,
        .by-law-table th,
        .by-law-table td,
        .by-law-table tr {
            display: block;
            font-size:1em
        }
        /* Hide by-law-table headers (but not display: none;, for accessibility) */
        .by-law-table thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
        .by-law-table tr {
            /*border: 1px solid #ddd;*/
            margin-bottom: 10px;
        }
        .by-law-table td {
            /* Behave  like a "row" */
            border: none;
            /*border-bottom: 1px solid #eee;*/
            position: relative;
            padding-left: 15px;
            padding-top: 25px!important;
            color: #165788;
        }
        
         .by-law-table td.answer{color:#165788}
        .by-law-table td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 0px;
            left: 1px;
            width: 100%;
            padding: 5px 5px 5px 15px;
            /*padding-bottom: 20px;*/
            margin-bottom: 30px;
            white-space: nowrap;
            background-color: transparent;
            /*border-top: 1px solid #ddd;*/
            font-weight: bold;
            border-right: 1px solid #ddd;
        }
        
        .by-law-table td:nth-of-type(1),.by-law-table td:nth-of-type(2), .by-law-table td:nth-of-type(3), .by-law-table td:nth-of-type(4){color:#000!important}
        
        /*
	Label the data
	*/
        .by-law-table td:nth-of-type(1):before {
            content: "Bill No.";
        }
        .by-law-table td:nth-of-type(2):before {
            content: "By-law No.";
        }
        .by-law-table td:nth-of-type(3):before {
            content: "Status";
        }
        .by-law-table td:nth-of-type(4):before {
            content: "Title and Authority";
        }
        /* buttons*/
        .prev-next-area div {
            margin-bottom: 10px;
        }
        
        #btPrint, .actions input[type=button]{display:none;}
       
        
        /*  mimic-cot-header*/
        .mimic-cot.container-fluid, .container {  
  			margin-top:0em;
  			margin-bottom: 0em;
}
        /**/
        #sharebutton{margin-bottom:20px;}
    }     
    
    
 
    
    
    
    @media (max-width: 600px) {
}
	
/*ipad and iphone*/
    
    @media only screen and (min-device-width: 0px) and (max-device-width: 1024px) {
       .report-action{display:none}
    }
    /**/
    
 @media only screen and (max-width: 460px),
    (min-device-width: 0px) and (max-device-width: 460px) {
    
    body{line-height:1.3}
        .header{padding: 0em; max-width:100%;  }
        .header .container-fluid{ margin-top:0}
        .header .logo-img{margin: 0em; width:120px!important}
        h1{width:100%}
        header.header .header-text h1{text-align:right;}
        
        /* heading*/

		.header {
			background-color: #165788;
			color: #fff;
			margin-top: 0;
			top: 0px;
			padding: 1em 0em 1em 0em!important;
		}
		
		header.header .header-text h1 {
			padding-top: 0.5em;
			text-align: left!important;
		}
		
		.header .col-xs-5 {
			float: right
		}
		
		/* report heading */
		.header.report-header .cot-logo{margin-bottom:0px!important; margin-top:10px!important;}
		
		.header.report-header .heading-title h1 {
			text-align: left!important;
		}
		
	
		
		/* content */
		/* this is to change the table to read vertically in small screen */
		div.css-table {
			border: 1px solid #ddd;
			margin-top: 20px;
			margin-bottom: 20px;
		}
		
		.css-table {
			display: block;
			width: 100%;
			text-align: left;
			border: 0px;
			background-color: #fff;
		}
		
		.table-row {
			display: block;
			border: 0px
		}
		
		.table-cell {
			display: block;
			text-align: left;
			padding: 20px;
			width: 100%;
			border: 1px solid #ddd;
		}
		
		.status-block {
			width: 1em
		}
		
		}
		
		/**/
    }
    
    @media only screen and (min-width: 461px),
    (min-device-width: 461px) and (max-device-width: 3000px) {
        
    }
    /**/
    
    @media only screen and (max-width: 460px),
    (min-device-width: 0px) and (max-device-width: 460px) {
        /*table for advanced search */
    }

/* ------------- print  -------------*/
.content{width:100%;}
    @media print{
    
    /*general */
    .screen-only, .no-print{display:none;}
    .report #actions, .report .actions, .actions{display:none}
    .print-header .d-none.d-print-block.logo{padding-left:20px}
    .d-none.d-print-block.logo{display:inline}
    .print-only.report-header{font-size:22pt; display:inline; margin-left:20px; line-height:75px; vertical-align:bottom; text-align:center; width:60%}
    
    .wep p, ul li, .rpt-header-lg, div{font-size:14pt; font-family:arial!important}

.wep, .wep p, p, ul li, div{font-size:16px!important/*12pt!important;*/}
.wep blockquote{ border:none; padding:5px;}
h1{font-size:24pt!important; font-weight:bold;display:block;}
h2{font-size:20pt!important; font-weight:bold;display:block;}
h3, h3.heading{font-size:18pt!important;}
h4{font-size:16pt!important; }
div.sub-heading{font-size:16pt!important; }
.report-header h1{font-size:24pt; font-weight:bold;display:block; padding-bottom: 30px;}
/* cot changes oct 2022 */
.loaded .mimic-cot-header .mimic-cot-heading .text-muted{font-size:12pt}
h1{padding-left: 15px}
    
  
    h1.mimic-cot-heading{padding-left:0px; margin-left:0px;}
    .mimic-cot-header{padding-bottom:10px}
    
    .btn, .button, .addthis_toolbox.hidden-print, .footer, header{display:none}
    
    .d-print-block, .print-only{display:block}
    .report-action, .no-print{display:none}
    .report-table{width:100%}
    
    }