﻿/*Print page*/
/*https://www.mdashingmagazine.com/2015/01/designing-for-print-with-css/*/

/*Print page*/
/*https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/*/

@media print {

    @page {
        size: A4 portrait;
        margin:0.5in 0.25in;
    }

    @page :blank {
      @top-center { content: "This page is intentionally left blank." }
    }

    .print{
        display: block;
    }
       
    body, article {
        width: 100%;
        margin: 0;
        padding: 0;        
        font-size: 1.8rem;
        font-family:Calibri, sans-serif !important;
    }

    .toggle .togglec {
        display: block !important;
    }

    .togglec  table  {
      page-break-inside: avoid!important;
    }

    .content-wrap{
        width:99%;
    }

    a[href]:after {
        content: none !important;
    }

    .print-stage,
    .no-print,
    #gotoTop {
        display: none;
        visibility:hidden;
    }

    ol, ul {
        margin-bottom: 0;
    }

    h1, h2, h3, h4, h5, .caption {
      page-break-after: avoid;
      page-break-inside:avoid;
      margin:5px;
    }

    .printable-table {
      page-break-inside: avoid !important;
    }
    
    .togglec  table {     
      page-break-inside: avoid !important;
    }

    #file-details .togglec  table{
      page-break-inside: auto !important;
    }

    .ListstyleOutside {
      page-break-after: avoid;
      page-break-inside:avoid;     
    }
    
    table, figure {
      page-break-inside: avoid;
    }

    .fc-month-view > table{
        page-break-inside:auto;
    }

    h1+ol, h2+li, h3+p, div.fancy-title+ol{
      page-break-before: avoid;
    }

    div.fancy-title + p {
        page-break-before: avoid !important;
    }
    
    @page label {
        margin-bottom: 0;
    }

    nav, aside {
        display: none;
    }

    .print_remove {
        display: none !important;
    }

    .portlet.box {
        border: none !important;
    }

    .portlet.box.blue {
        border: none;
    }

    .portlet.box.grey-clouds {
        border: none;
        margin-bottom: 0;        
    }

    .portlet.box.border-gray-iron {
        border: none;
    }

    .portlet.box > .portlet-body {
        background-color: #fff;
        padding: 0 15px 15px 15px;
        padding-bottom: 0;
    }  

    .scroll-to-top {
        border: none;
    }

    .scroll-to-top > i {
        display: none;
    }

    .custom-dropzone {
        padding-left: 14px;
    }

    .custom-list-index{
        padding-left: 40px;
    } 
    .print-font-gray {
        margin-bottom: 15px;
        margin-top: 0;
    }  

    .caption{
        /*font-size: 14px !important;*/
        font-weight: bold;
    }

    .portlet-body h5{
        /*font-size:11px;*/
        margin: 0 10px 5px 10px;
    }    

    .toast-container, .toast-message {
        display:none !important;
    }

    .custom-yellow-casablanca {
        border: 0 !important;
    }

    .caption-subject{
       /*font-size: 16px;*/
       margin:10px 0 !important;
    }

    .text-center{
        text-align: center !important;
    }

    div.fancy-title + div.table-scrollable > table{
      page-break-after: avoid;
      page-break-inside:avoid;    
    }

    .emulateLabel, .custom-raw-html-list p, 
    div.fancy-title h1, div.fancy-title h2, div.fancy-title h3, div.fancy-title h4, div.fancy-title h5, div.fancy-title h6 {
        /*font-size: 18px;*/
        font-family:Calibri, sans-serif !important;
    }    

    h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
        font-family:Calibri, sans-serif !important;
        font-weight:500;
        line-height:1.1;
        color:inherit
    }

    h5.heading-block, .fileDescription  {
       font-family:Calibri, sans-serif !important;
       font-size: 1.7rem;
    }

    .print-title{
       font-family:Calibri, sans-serif !important;
       font-size: 2.0rem;
       margin-top: 20px;
       margin-bottom: 20px;
    }

    .agendaHeader h3{
        font-size: 3.0rem !important;
    }

    .agendaHeader h4{
        font-size: 2.5rem  !important;
    }

    .agendaHeader h5{
        font-size: 2.0rem   !important;
    }

    .fancy-title h4 
    {
        font-size: 2.0rem !important;
        font-weight:bold !important;
    }
    .fancy-title h5{
        font-weight:bold !important;
    }

    #markedAgendaSection h4.caption-subject, #viewAgenda h4.caption-subject{
       font-size: 2.5rem !important;
    }

    #markedAgendaSection h5.fancy-title .caption-subject, #viewAgenda h5.fancy-title .caption-subject{
       font-size: 2.5rem !important;
    }

    #file-details .heading-block{
        font-size: 2.5rem !important;
    }

    #file-details .legisDetails-tog p, #file-details .legisDetails-tog .fileDescription, #file-details .legisDetails-tog li, #file-details {
        font-size: 2.5rem !important;
    }

    #file-details .togglec h5{
        font-size: 2.5rem !important;
    }

    #rca-details .fancy-title .caption-subject{
        font-size: 2.5rem !important;
    }

    #rca-details p{
        font-size: 2.0rem !important;
    }

    /*#markedAgendaSection ol, #markedAgendaSection ul {
        margin-left: 2.5rem !important;
    }*/

    #markedAgendaSection ol.nostyle, #markedAgendaSection ul.nostyle {
        margin-left: 0rem !important;
    }

    #markedAgendaSection .level1 .motionsinglefile {
        margin-left: 3.5rem;
    }

    #markedAgendaSection .level1 .motionfile {
        margin-left: 4.5rem;
    }

    #markedAgendaSection .motionfile {
        margin-left: 6.5rem;
    }

    #markedAgendaSection .viewItem-council {
        margin-left: 4.5rem;
    }

    #markedAgendaSection ol.level0, #markedAgendaSection ul.level0 {
        margin-left: 0rem !important;
    } 

    #markedAgendaSection ol.level0>li>ol.nostyle, #markedAgendaSection ul.level0>li>ul.nostyle {
        margin-left: 2rem !important;
    }

    #markedAgendaSection .level0 .motionsinglefile {
        margin-left: 6.5rem;
    }

    #markedAgendaSection ol,  #markedAgendaSection ul  {
        margin-left: 5.0rem !important;
    }

    #markedAgendaSection ol.nostyle, #markedAgendaSection ul.nostyle{
        margin-left: 3.0rem !important;        
    }

    #markedAgendaSection ol.nostyle li ol, #markedAgendaSection ul.nostyle li ul{
        margin-left: 1.5rem !important;
        padding-left: 0 !important;
    }

    #markedAgendaSection ol.nostyle li p+ol, #markedAgendaSection ul.nostyle li p+ul{
        margin-left: 5.0rem !important;
    }

    #markedAgendaSection ol.nostyle li p+ol.nostyle, #markedAgendaSection ul.nostyle li p+ul.nostyle{
        margin-left: 3.0rem !important;
    }

    #markedAgendaSection ol.nostyle li div+ol, #markedAgendaSection ul.nostyle li div+ul{
        margin-left: 6.0rem !important;
    }

    #markedAgendaSection ol.nostyle li div+ol.nostyle, #markedAgendaSection ul.nostyle li div+ul.nostyle{
        margin-left: 3.0rem !important;
    }

    .header-no-break {
        page-break-before: avoid !important;
        color: #B30000;
    }
		
	.motion, .singleitemmotion, .motionfile, .motionsinglefile{
		margin-bottom: 10px;
	}

    /*Agenda*/

    /*#viewAgenda ol.nostyle, #viewAgenda ul.nostyle {
        margin-left: 0rem !important;
    }

    #viewAgenda ol, #viewAgenda ul {
        margin-left: 3rem !important;
    }

    #viewAgenda ol.level0>li>ol.nostyle, #viewAgenda ul.level0>li>ul.nostyle {
        margin-left: 3rem !important;
    }*/

    #viewAgenda h5.caption-subject, #markedAgendaSection h5.caption-subject{
        float:left;
        margin: 0px 10px 0 0!important;
        font-size:2.5rem;
    }

    #viewAgenda ol,  #viewAgenda ul  {
        margin-left: 5.0rem !important;  
        padding-left: 0 !important;                
    }

    #viewAgenda ol.nostyle, #viewAgenda ul.nostyle{
        margin-left: 3.0rem !important;  
        padding-left: 0 !important;      
    }

    #viewAgenda ol.nostyle li ol, #viewAgenda ul.nostyle li ul{
        margin-left: 3.0rem !important;
        padding-left: 0 !important;
    }

    #viewAgenda ol.nostyle li p+ol, #viewAgenda ul.nostyle li p+ul{
        margin-left: 5.0rem !important;
        padding-left: 0 !important;
    }

    #viewAgenda ol.nostyle li p+ol.nostyle, #viewAgenda ul.nostyle li p+ul.nostyle{
        margin-left: 3.0rem !important;
        padding-left: 0 !important;
    }

    #viewAgenda ol.nostyle li div+ol, #viewAgenda ul.nostyle li div+ul{
        margin-left: 5.0rem !important;
        padding-left: 0 !important;
    }

    #viewAgenda ol.nostyle li div+ol.nostyle, #viewAgenda ul.nostyle li div+ul.nostyle{
        margin-left: 3.0rem !important;
        padding-left: 0 !important;
    }

    #viewAgenda ol.level1, #viewAgenda ul.level1 {
        margin-left: 4.0rem !important;
    }

    #viewAgenda .viewItem-council{
        margin-left: 3.5rem;
    }

    #viewAgenda .viewItem-agenda{
        margin-left: 5.0rem;
    }

    #viewAgenda .clerknotes > p{
        margin:0px;
    }

    .bottommargin-sm {
        margin-bottom: 10px !important;
    }

    /*RCA lead staff and Presented by*/
    .emulateLabel {
        font-size:2.0rem;
        font-weight: 700;
        text-transform: uppercase;
        font-family: Raleway,sans-serif;
        letter-spacing: 1px;
        display: inline-block;
        color: #555;
        margin-bottom: 10px;
        cursor: pointer;
        max-width: 100%;
    }

    .print_fileadd > div.fancy-title h4{
        font-size:2.5rem !important;
    }

    .fc-center h2{
        font-size:4.5rem !important;
    }

    .togglec h5, .detail_Status {
        font-size: 1.5rem !important;
        font-weight:600 !important;
        font-family:Calibri, sans-serif !important;
    }
}

@media print { 

    body {   
        width: auto;  
        font-size:2.0rem;        
        padding:0;
        margin:0; 
    }
    .container {   
        width: auto;
        padding:0;
        margin:0;
    }
     .textsizeheight >p{
        float:left !important; 
    }
     li.nostyle p{
         float: none !important;
     }
      .showNumber {
          padding-left: 30px !important;
      }
}

 