// ================================================================================================
//  File Name: invoice.scss
//  Description: Invoice Layout page layouts SCSS.
//  ----------------------------------------------------------------------------------------------
//  Item Name: Vuesax HTML Admin Template
//  Version: 1.0
//  Author: PIXINVENT
//  Author URL: http://www.themeforest.net/user/pixinvent
// ================================================================================================

// Core variables and mixins
// @import "../bootstrap/functions";
// @import "../bootstrap/mixins";
// @import "../bootstrap-extended/mixins";

// Load variable overrides
// @import "../core/variables/variables";
// @import "../bootstrap/variables";

// Overrides user variable
// @import "../core/variables/components-variables";


/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat-Regular'), url('/fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
  
}
 
body{
    font-family: "Montserrat", Helvetica, Arial, serif;   
    font-size: 10px;
}

body{
  
  padding: 0;
  margin: 0;

}



.tick-sheet-pdf-page{
    // padding: 2.2rem;

    .header{
      h5{
        margin: 0;
        padding: 0;
        margin-bottom: 2px;
        

      }
      p{
        padding: 0;
        
        margin: 0;
        margin-bottom: 10px;
      }

    }

    .recipient-contact, .company-contact{
        i{
            padding-right: 0.2rem;
            position: relative;
            top: 2px;
        }
    }
  .recipient-info, .company-info, .company-contact, .recipient-contact{
    p{
      
      margin-bottom: 0;
    }
  }

  .tick-sheet-items-table, .tick-sheet-total-table{
      table{
           border: 2px solid #f8f8f8;
      }
  }

  .company-logo{
    img{
      width: 150px;
      height: 78px;
    }
  }

  .mb-10{
    margin-bottom: 10px;
  }

  .mb-15{
    margin-bottom: 15px;
  }

  .mb-30{
    margin-bottom: 30px;
  }

  .mb-50{
    margin-bottom: 50px;
  }

  .text-right{
    text-align: right;
  }


  .table{
    width: 100%;
    border-spacing: 0;
    
    border-top: solid 0.5px #EEE;
    

    
    tr{
      td:first-child, th:first-child{
        border-left: solid 0.5px #EEE;
      }  
    }
    
    th, td{
      border-right: solid 0.5px #EEE;
      border-bottom: solid 0.5px #EEE;
      height: 25px;
      padding-left: 10px;
      padding-right: 10px;


    }

    td{
      font-size: 8px;
    }

    h5{
      font-size: 8px;
      padding: 0;
      margin: 0;
    }
    
  }

  .table{
    .quantity,
    .codes{
      width: 100px;
    }

    .section-name{
      width: 50%;
    }
  }
}