@import '/global-fonts-themes/02-variables';
@import '/global-fonts-themes/mixins';
@import '/global-fonts-themes/01-fonts';

@media print {
  .dynamic-content-block.ecom-account-dynamic-content-block{
    height:auto !important;
  }
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }


  .av-header-nav , .av-steps-bar, .av-page-title, .sub-footer-section, .av-micro-footer{
    display:none;

  }

  a[href]:after {
      content: none !important;
  }


  .av-section, .panel, .av-buttonbar {
    display:block;
    page-break-after: avoid;
    page-break-inside: avoid;
  }

  /* HOME PAGE STYLE */
  .media-responsive>.pull-left {
      max-width: 40% !important;

  }
  /*BLOG DETAILS PAGE STYLE */

  
  .av-blog-post-image {
    display:none;

  }



  ul {
    list-style: none;
  }
  #sc-details-print {
    @media(min-width: $xl-viewport){
      margin-right: 67px;
    }
  }
}
@page {
  	counter-increment: page;
    size: A4;
    margin: 30px 30px 50px;
}
@page { @bottom-right { content: counter(page) "/" counter(pages); } }

@media print {
    body{
      font-size: 10px;

    }
    .header{
      display: none;
    }
    .h4{
      font-size: 12px;
    }
    .print-none{
      display: none !important;
    }
    .print-block{
      display: block;
    }
    .print-logo-display{
      display: block;
      max-width: 200px;
    }
    ::-webkit-scrollbar { 
        display: none; 
    }
    @-moz-document url-prefix() {}
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-smdm-12 {
        float: left;
    }
    .col-sm-12,
    .col-md-12 {
        width: 100%;
    }
    .col-sm-11,
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-sm-10,
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-sm-9,
    .col-md-9 {
        width: 75%;
    }
    .col-sm-8,
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-sm-7,
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-sm-6,
    .col-md-6 {
        width: 50%;
    }
    .col-sm-5,
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-sm-4,
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-sm-3,
    .col-md-3 {
        width: 25%;
    }
    .col-sm-2,
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-sm-1,
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
    .visible-xs {
        display: none !important;
    }
    .hidden-xs {
        display: block !important;
    }
    table.hidden-xs {
        display: table;
    }
    tr.hidden-xs {
        display: table-row !important;
    }
    th.hidden-xs,
    td.hidden-xs {
        display: table-cell !important;
    }
    .hidden-xs.hidden-print {
        display: none !important;
    }
    .hidden-sm {
        display: none !important;
    }
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
    .text-orange {
        color: $secondary-color !important;
      	-webkit-print-color-adjust: exact; 
    }
    .text-primary {
        color: $primary-color !important;
      	-webkit-print-color-adjust: exact; 
    }
  //service connect styles
    .service-call-detail-page-wrapper {
        .sc-details-label{
          	font-size: 8px;
        }
        .table > tbody > tr > td{
           	border: none !important;
        }
    }
    
    .service-call-details-title{
      	width: 100%;
        .title-description{
          float: left !important;
          width: Calc(100% - 300px) !important;
          margin-right: 0 !important;
          h2{
            font-size: 18px;
          }
          h4{
            font-size: 14px;
            margin-bottom: 20px;
          }
        }
        .status {
            float: right !important;
            margin-left: 10px;
          	width: 100px !important;
            .btn-gray{
              border: 1px solid #ccc;
              background-color: #EAEDED !important;
              -webkit-print-color-adjust: exact; 
            }
        }
        .last-updated{
          	float: right !important;
          	width: 160px !important;
        }
        .sc-details-label{
          	line-height: 2;
        }
    }
  	.mt-0 {margin-top: 0px;}
    nav#sidebar{
      	display: none !important;
    }
  	.pagebreak {clear: both; page-break-before: always; }
    h1, h2, h3, h4, h5 {
      page-break-after: avoid;
      page-break-inside:avoid;
    }
    .panel,.timeline-wrapper{
      page-break-inside: avoid;
    }
  	#sc-details-print{
      display: none !important;
  	}
    .eq-details{
      height: 241px;
    }
  	.print-w-100{
      width: 100%;
  	} 
  	.print-pb-20{
      padding-bottom: 20px;
  	}
    .print-call-details{
      height: 352px;
    }
    .brand-img{
    	max-width: 130px !important;
    }
    #footer-content {
        display: table;
    }

    #pageFooter {
        display: table-footer-group;
    }

    #pageFooter:after {
        counter-increment: page;
        content:"Page " counter(page);
        left: 0; 
        top: 100%;
        white-space: nowrap; 
        z-index: 20;
        -moz-border-radius: 5px; 
        -moz-box-shadow: 0px 0px 4px #222;  
        background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);  
    }
}


/* Order Page */


#print-button {
    display:none;
}

/* END ORDER PAGE */

table.account_table th {
    background-color:#e31e27 !important;
    padding:10px 10px 10px 0px;  
    font-size:16px;
    color:#fff;
    text-align:left;
    border-bottom:1px solid #98989A; 
}

#printheading{display:none;}

#tax-invoice-box{display:block;}
#tax-invoice-box h1{font-size:30px;text-align:center;}

#printbox {width:100%;margin-bottom:20px;}
#printbox .printbox_left{width:45%;text-align:left;float:left;}
#printbox .printbox_right{width:45%;text-align:right;float:right;}

#order-table{border:none;}
#order-table td, #order-table th{padding:0px;}
#order-table td{font-size:14px;}
#order-table th{font-size:16px;}

#order-table tr th:last-child{padding-right:10px;}
#order-table tr td:last-child{padding-right:10px;}
#order-table tr th:first-child{padding-left:10px;}
#order-table tr td:first-child{padding-left:10px;}

.print-invoice-tax{
   font-size:18px;
    color:#E31E27;
}
#content-inner {
    width: 900px;
  height: 100%;
}
#order-table td{
  font-size: 12px;
}

.header-print-date{
    display: flex;
    justify-content: space-around;
}
.print-title{
  margin-top: 6px;
  margin-bottom: 6px;
  color: #e31e27 !important;
  font-size: 18px;
  display:flex;
  justify-content: center;
  font-weight: bold;
}
.title-section{
display: none;
}