h0 {
         text-align: left;
         color: Black;
       }

     h1 {
         text-align: center;
         color: Black;
       }

     h2 {
         text-align: left;
         color: Black;
       }

     h3 {
         text-align: left;
         color: Black;
       }

     h4 {
         text-align: left;
         color: Black;
       }

    .h2Login {
         text-align: center;
         color: Black;
       }

    .tituloapp {
         font-family:verdana;
         font-color:black;
       }

    .titulopagina {
         font-family:verdana;
         font-color:black;
       }

    .titulologin {
      margin-left: auto; 
      margin-right: auto;
      margin-top:0px; 	  
       }
	   
    .titulofunc {
         font-family:verdana;
         font-color:black;
       }
	   
   .msgcabecalho{
         font-family:verdana;
         font-color:black;
       }	

   .totaiscarrinho{
         font-family:verdana;
         font-color:black;
       }

   .titulocampo{
         font-family:verdana;
         font-color:black;
       }	   

    .centraliza { 
      margin-left: auto; 
      margin-right: auto; 
      width: 300px; 
      border: 1px solid black; 
      border-collapse: collapse; 
    } 
	
	.direita {
      text-align: right;
      margin-right: 1vw;
    }
	
    .esquerda {
      text-align: left;
      margin-left: 1vw;
    }
	
    .centro {
      text-align: center;
    }
	
	submit{
       font-family:verdana;
       font-color:black;
       font-size:14px;
    }
	
	text{
       font-family:verdana;
       font-color:black;
       font-size:14px;
    }

	textarea{
       font-family:verdana;
       font-color:black;
       font-size:14px;
    }

	option {
       font-family:verdana;
       font-color:black;
       font-size:14px;
    }	

    .frmLogin {
        background-color: #fff;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        max-width: 600px;
        margin: 0 auto;
        font-family:verdana;
        font-color:black;
        font-size:14px;
 		
      }

    .btnPadrao {
        background-color: #333;
        color: #fff;
        border: none;
        padding: 5px 10px;
        border-radius: 5px;
        font-family:verdana;
        font-color:black;		
        font-size: 14px;
        cursor: pointer;
      }

    .btnPadrao:hover {
        background-color: #555;
      }
	  
    .btnPadraoCarrinho {
        background-color: #008000;
        color: #fff;
        border: none;
        padding: 5px 10px;
        border-radius: 5px;
        font-family:verdana;
        font-color:black;		
        font-size: 14px;
        cursor: pointer;
      }

    .btnPadraoCarrinho:hover {
        background-color: #555;
      }
	  
    .btnPadraoConfirmarCompra {
        background-color: #008000;
        color: #fff;
        border: none;
        padding: 5px 10px;
        border-radius: 5px;
        font-family:verdana;
        font-color:black;		
        font-size: 14px;
        cursor: pointer;
      }

    .btnPadraoConfirmarCompra:hover {
        background-color: #555;
      }
	  
	  
    .btnPadraoCatalogo {
        background-color: #008000;
        color: #fff;
        border: none;
        padding: 5px 10px;
        border-radius: 5px;
        font-family:verdana;
        font-color:black;		
        font-size: 14px;
        cursor: pointer;
      }

    .btnPadraoCatalogo:hover {
        background-color: #555;
      }
	  
    .btnPadraoVender {
        background-color: #008000;
        color: #fff;
        border: none;
        padding: 5px 10px;
        border-radius: 5px;
        font-family:verdana;
        font-color:black;		
        font-size: 14px;
        cursor: pointer;
      }

    .btnPadraoVender:hover {
        background-color: #555;
      }

    .btnPadraoGravar {
        background-color: #008000;
        color: #fff;
        border: none;
        padding: 5px 10px;
        border-radius: 5px;
        font-family:verdana;
        font-color:black;		
        font-size: 14px;
        cursor: pointer;
      }

    .btnPadraoGravar:hover {
        background-color: #555;
      }
	  
    .btnPadraoCadastrar {
        background-color: #008000;
        color: #fff;
        border: none;
        padding: 5px 10px;
        border-radius: 5px;
        font-family:verdana;
        font-color:black;		
        font-size: 14px;
        cursor: pointer;
      }

    .btnPadraoCadastrar:hover {
        background-color: #555;
      }
	  
    .btnLogin {
        background-color: #008000;
        color: #fff;
        border: none;
        padding: 5px 10px;
        border-radius: 5px;
        font-family:verdana;
        font-color:black;		
        font-size: 14px;
        cursor: pointer;
		width: 100%;
      }
	  
    .btnCarrinho {
        background-color: #FF8C00;
        color: #fff;
        border: none;
        padding: 3px 7px;
        border-radius: 5px;
        font-size: 14px;
        cursor: pointer;
      }

    .btnDetalhe {
        background-color: #6495ED;
        color: #fff;
        border: none;
        padding: 3px 7px;
        border-radius: 5px;
        font-size: 12px;
        cursor: pointer;
      }

    .btnDetalhe:hover {
        background-color: #555;
      }

    .btnDel {
        background-color: #FF0000;
        color: #fff;
        border: none;
        padding: 3px 7px;
        border-radius: 5px;
        font-size: 12px;
        cursor: pointer;
      }

    .btnDel:hover {
        background-color: #555;
      }

    .btnAdd {		
        background-color: #008000;		
        color: #fff;
        border: none;
        padding: 3px 7px;
        border-radius: 5px;
        font-size: 12px;
        cursor: pointer;
      }

    .btnAdd:hover {
        background-color: #555;
      }
	  
    .btnAddDisabled {		
        background-color: #555;		
        color: #fff;
        font-size: 12px;		
		disabled: true;
      }

    .btnAddDisabled:hover {
        background-color: #555;
      }
	  
	  
    .btnFinalizar {
        background-color: #008000;
        color: #fff;
        border: none;
        padding: 5px 10px;
        border-radius: 5px;
        font-family:verdana;
        font-color:black;		
        font-size: 14px;
        cursor: pointer;
      }

    .btnFinalizar:hover {
        background-color: #555;
      }

    .tb { 
	  font-family:verdana;
      border-spacing: 5px
      border: none;
    } 

    .tbth { 
      background-color: black; 
      color: white; 
      border-spacing: 5px;
      border: none;
    } 

    .tbtd { 
      background-color: LightGray; 
      color: black; 
      border: 1px solid black; 
      border-collapse: collapse; 
    } 

    .tbItens{
	  font-family:verdana;	
      font-size:12px;
      border-spacing: 5px;
      border: none;
    }

    .tbthItens { 
      background-color: black;
      color: white;
      border-spacing: 5px;
      border: none;
    } 

    .tbtdItens { 
      background-color: #e6e6e6;
      color: black;
      border-spacing: 5px;
      border: none;
    } 

    body { 
      background-image: url('../fundos/default.jpg');
      background-repeat: no-repeat; 
      background-attachment: fixed; 
      background-size: 100% 100%; 
    } 

    .centraliza { 
      margin-left: auto; 
      margin-right: auto; 
      width: 300px; 
      border: 1px solid black; 
      border-collapse: collapse; 
    } 

    .displaycontents { 
      display:contents; 
    } 

    #tbCompras, .tbItens{
        width:100%;
    }
    
    #tbCompras thead th, .tbItens thead th{
        text-align:left;
    }
    
    #tbCompras tr td, .tbItens tr td{
        border:solid 1px;
    }
    
    #tbCompras tr td:nth-child(1){
        width:20px;
    }
    
    #tbCompras tbody tr{
        background:#DCDCDC;
    }
    
    #tbItens tr{
        background:red;
    }
    
    #tbCompras thead{
        background:#4682B4;
    }
    
    .linhaItens{
        display: none;
    }
	
	/* Center the loader */
	#loader {
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  z-index: 1;
	  width: 120px;
	  height: 120px;
	  margin: -76px 0 0 -76px;
	  border: 16px solid #f3f3f3;
	  border-radius: 50%;
	  border-top: 16px solid #3498db;
	  -webkit-animation: spin 2s linear infinite;
	  animation: spin 2s linear infinite;
	}

	@-webkit-keyframes spin {
	  0% { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
	}

	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}

	/* Add animation to "page content" */
	.animate-bottom {
	  position: relative;
	  -webkit-animation-name: animatebottom;
	  -webkit-animation-duration: 1s;
	  animation-name: animatebottom;
	  animation-duration: 1s
	}

	@-webkit-keyframes animatebottom {
	  from { bottom:-100px; opacity:0 } 
	  to { bottom:0px; opacity:1 }
	}

	@keyframes animatebottom { 
	  from{ bottom:-100px; opacity:0 } 
	  to{ bottom:0; opacity:1 }
	}

	#myDiv {
	  display: none;
	  text-align: left;
	}