@page  
{ 
    size: auto;   /* auto is the initial value */ 

    /* this affects the margin in the printer settings */ 
    margin: 2mm 3mm 2mm 3mm;  
} 


@media print 
{
    body {-webkit-print-color-adjust: exact;  margin: 0px; font-size:  13px; }
   .container{width: 1000px !important;}
   td{padding: 5px !important}
   .list-group-item{padding: 4px 15px !important;}
   [class*="col-"] { padding-bottom: 0px !important; padding-top: 0px!important; }
   
}

body {
	 margin: 0px; 
  padding-top: 40px;
}

.table{margin-bottom: 0px! important;}

.logo{
	padding: 3px;
}
.titulo-color{
	color: gray;
}


[class*="col-"] {
  padding-top: 15px;
  padding-bottom: 15px;
  
}

.nav-pills li a .badge {
margin-right: 3px;
}

.passos{
	width: 175px;
}

.footer-legal{

	padding: 40px 15px;
  text-align: center;
}

.col-centered{
    float: none;
    margin: 0 auto;
}
.bold{
  font-weight: bold;
}

.inputs_cartao{

  max-width: 400px;

}

.bandeiras {
  padding-left: 6px;
  padding-bottom: 6px;
}

.col-xs-bandeiras{
  width: 20%;
}

.row_bandeiras [class^="col-"] {

}

.center {
     float: none;
     margin-left: auto;
     margin-right: auto;
}

.filter_gray_in {

    filter: url(filters.svg#grayscale); /* Firefox */
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Webkit */
  }

#assinatura{
    text-align:center;
    vertical-align:middle;
    margin-top: 100px;
}
.signature-pad--body{
              text-align:center;    
              max-width: 100%;                      
              }
.signature-pad--body canvas{
                      border:3px solid #000;
                     border-radius:4px;
                     
                     }
.signature-pad--footer{
                color:#c3c3c3;
                text-align:center;
                font-size:1.2em;
                margin-top:8px
                }


/** SPINNER CREATION **/

.loader {
  position: relative;
  text-align: center;
  margin: 15px auto 35px auto;
  z-index: 9999;
  display: block;
  width: 80px;
  height: 80px;
  border: 10px solid rgba(0, 0, 0, .3);
  border-radius: 50%;
  border-top-color: #000;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}


/** MODAL STYLING **/

.modal-content {
  border-radius: 0px;
  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.7);
}

.modal-backdrop.show {
  opacity: 0.75;
}