:root {
    --global-fonte: Roboto, sans-serif;
    --global-cor-principal: orange !important;
    --global-cor-secundaria: #606060;
}

body {
    background-color: #000000;    
    font-family: var(--global-fonte);    
    font-size: 10px;
    font-weight: 200;
    line-height: 1.5;
}


a:link {    
    text-decoration: underline;
}

a:visited {
    color: none;
}

a:hover {    
    text-decoration: none;
}

a:active {
    color: none;
}





    
 /* Information and errors  
----------------------------------------------------------*/  
.message {
    clear: both;
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 15px;
    
    /*CSS3 properties*/
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    -moz-box-shadow: 2px 2px 5px #888;
}

.info {
    background: #bde5f8;
    color: #00529b;
}

.error {
    background: #ffe4e4;
    color: #be3e16;
}

.success {
    background: #dff2bf;
    color: #4f8a10;
}


input[type=text], textarea, input[type=email], input[type=password] {
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    font-size: 13px;
}
p{
    font-size:10px;line-height: 10px;
}

input[type="radio"]{
    margin-top: -5px;
  vertical-align: middle;

}

input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=password]:focus, select:focus {
    background-color: var(--global-cor-principal);
}
select:focus{
  background-color: var(--global-cor-principal);  
}

input[type=submit] {
    padding: 10px 24px;
    background: var(--global-cor-principal);
    border: 0 none;
    cursor: pointer;
    border-radius: 10px;
    font-size: 12px;
}

input[type=button] {
    padding: 10px 24px;
    background: var(--global-cor-principal);    
    border: 0 none;
    cursor: pointer;    
    border-radius: 5px;
    font-size: 12px;
}

#customers {   
    width: 100%;
    border-collapse: collapse;
}

    #customers td, #customers th {
        font-size: 0.7em;
        border: 1px solid #e78f08;
        padding: 3px 7px 2px 7px;
    }

    #customers th {
        font-size: 0.9em;
        text-align: left;
        padding-top: 5px;
        padding-bottom: 4px;
        background-color: #f6a828;
        color: #ffffff;
    }

    #customers tr.alt td {
        color: #000000;
        background-color: #00FF7F; /*green*/
    }