/* ================================================================================================
// 	File Name: style.scss
// 	Description: Style for customization.
// 	----------------------------------------------------------------------------------------------
// 	Item Name: Chameleon Admin - Modern Bootstrap 4 WebApp & Dashboard HTML Template + UI Kit
// 	Version: 1.0
// 	Author: ThemeSelection
// 	Author URL: https://themeselection.com/
// ================================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.border-primary {
    border: 4px  solid #407ec9 }
    
    
div.input-block {
  position: relative;
}

div.input-block input {
  font-family: HelveticaNeueLTStd;
  font-size: 1.1rem;
  color: #000;
  width: 100%;
  padding: 13px 15px;
  border-radius: 1rem;
  border: 1px solid #407ec9;
  outline: none;
  /*box-sizing: border-box;*/
}

div.input-block span.placeholder {
    font-family: HelveticaNeueLTStd;
  font-size: 1.3rem;
  font-weight:bold;
  position: absolute;
  margin: 17px 0;
  padding: 0 4px;
  color: #407ec9;
  /*display: flex;*/
  align-items: center;
  
  top: 0;
  left: 17px;
  transition: all 0.2s;
  transform-origin: 0% 0%;
  background: none;
  pointer-events: none;
  transform: scale(0.8) translateY(-31px); background: #fff;
}

div.input-block input:valid+span.placeholder,
div.input-block input:focus+span.placeholder {
 /* transform: scale(0.8) translateY(-30px);
  background: #fff;*/
}

div.input-block input:focus {
  color: #407ec9;
  border-color: #407ec9;
}

div.input-block input:focus+span.placeholder {
  color: #407ec9;
}    
    
  .required::after {color: red; content: "*";}
  
  
  
  
  .purchase
{
    position: relative;
    background-color: #FFF;
    min-height: 680px;
    padding: 15px;
    font-family: HelveticaNeueLTStd;
}
.purchase header
{
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #3989c6;
}
.purchase header img
{
    max-width: 200px;
    margin-top: 0;
    margin-bottom: 0;
}
.purchase .company-details
{
    text-align: right;
    margin-top: 0;
    margin-bottom: 0;
}
.purchase main
{
    padding: 0px 0px;
    margin-bottom: 0px;
}
.purchase .to-details
{
    text-align: left;
}
.purchase .to-name
{
    font-weight: bold;
}
.purchase .to-name .to-address .to-city
{
    margin-top: 0;
    margin-bottom: 0;
}
.purchase .purchase-info
{
    text-align: right;
}
.purchase-info .info-code
{
    font-weight: bold;
}
.purchase-info .info-code .info-date
{
    margin-top: 0;
    margin-bottom: 0;
}
.table thead th
{
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.table td
{
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: none;
}
.table .blank-row
{
    height: 25px !important;
    background-color: #FFFFFF;
    border: none;
}
.table tbody
{
    min-height: 1000px !important;
}