/* Report */
/* You can add global styles to this file, and also import other style files */



/* ------------- 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:0.95em;font-weight:bold; margin-bottom: 5px!important;}
.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; text-decoration: underline; font-weight:500}
a:hover, a:link:hover, a:active:hover, a.rpt-text:hover{color:#165788}

/* -------------  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}


@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, .item-separator: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-bar button.btn.btn-primary i.far,.button-bar button.btn.btn-primary i.fas{margin-right:6px}

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

li.speaker-request-li{ padding-top:15px; list-style:none; margin-top:15px}
.speaker-monitor-rpt{color:#000!important; border:1px solid #f1dea3; padding:10px; border-radius:5px; margin:5px; background-color:#fbfbe8}
a.speaker-monitor-rpt, a.speaker-monitor-rpt:link, a.speaker-monitor-rpt:active, a.speaker-monitor-rpt.rpt-text{color:#337ab7; text-decoration: none; font-weight:500}
a.speaker-monitor-rpt i.fas{margin-right:10px;}
.speaker-monitor-rpt:hover, .speaker-monitor-rpt:focus { border:1px solid #000; 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; }


/*---------------------------- wep table ----------------------------------------------*/
.wep table{border-collapse: collapse; }
.wep table td{border: 1px solid #000; padding: 5px;flex-grow: 4;margin: none; word-break:normal}
.wep table th, .wep table thead td {
  border: 1px solid #000;
  padding: 0.5rem;
  margin: none;
  font-weight:bold;
}
/* ------------- 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*/

#actions button, #sharebutton .btn.btn-default, #actions .btn.btn-default, #sharebutton .btn.btn-default, #actions .btn.btn-default {padding:8px 36px 4px 12px}
      .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;
                                }
                            }
.accordion__controls .btn-sm, 
.btn-group-sm    > .btn{padding:8px 10px 4px 12px}
/* ------------- 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;}




/*New report styles .cot-report-header
.cot-report-header h1, 
.cot-report-header h2
.cot-report-header button{font-size:1.5em}

/**/



/* smaller screens*/

   
    /* ------------------ 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;
        }
        
        #print, .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}
       .wep{width: 100%;
  overflow-x: scroll;}
       .wep table{width:100%; }
    }
    /**/
    
 @media only screen and (max-width: 460px),
    (min-device-width: 0px) and (max-device-width: 460px) {
    
    body{line-height:1.3}
        h1{width:100%}

		
	
		
		/* 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:16pt!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%}
    
    }

    
    /* cot changes 2026
    .card{border:transparent}
    .row.button-bar{display:none}*/
    
/* removes a (#) in reports print*/    
  a[href="#"]::after,
  a[href^="#"]::after,
  a[href^="javascript:"]::after,
  a[onclick]::after {
    content: none !important;
  }

    }