html {scroll-behavior: smooth;}

body {background-color: #E9EAED; color: #333333; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; margin: 0; padding: 0;}

a:link, a:visited{color: #3B5998; text-decoration: none;}
a:hover{color: #000000; text-decoration: underline;}
a img, img{border: 0px none;}

acronym{border-bottom: 1px dotted #999;}

form{margin: 0; padding: 0;}

pre{padding: 0.5em; background: #eee; border: 1px solid #ddd; overflow: auto;}

ul{list-style: square;}



/* BUTTONS */

.styled-button-01{
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#25A6E1;
background:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background:-ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background:-o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
background:-webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background:linear-gradient(top,#25A6E1 0%,#188BC0 100%);
border:1px solid #1A87B9
border-radius:5px;
color:#FFFFFF;
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size:16px;
padding:10px 15px;
}

.styled-button-02{
-webkit-user-select: none;
background-color: #e1ecf4;
border: 1px solid #7aa7c7;
border-radius: 3px;
box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
box-sizing: border-box;
color: #39739d;
cursor: pointer;
display: inline-block;
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.15385;
margin: 0;
outline: none;
padding: 8px .8em;
position: relative;
text-align: center;
text-decoration: none;
touch-action: manipulation;
user-select: none;
vertical-align: baseline;
white-space: nowrap;
}
.styled-button-02:hover,
.styled-button-02:focus{
background-color: #b3d3ea;
color: #2c5777;
}
.styled-button-02:focus{
box-shadow: 0 0 0 4px rgba(0, 149, 255, .15);
}
.styled-button-02:active{
background-color: #a0c7e4;
box-shadow: none;
color: #2c5777;
}



/* LINES */

hr.hr2{
border: 0;
background: #333;
background-image: linear-gradient(to right, #ccc, #333, #ccc);
height: 1px;
}



/* INPUTS */

input.searchbox01{
-moz-border-radius: 9px;
-moz-box-shadow: 3px 3px 4px #666;
-webkit-appearance: none;
-webkit-border-radius: 9px;
-webkit-box-shadow: 3px 3px 4px #666;
border: 1px solid #ccc;
border-radius: 9px;
box-shadow: 3px 3px 4px #666;
font-size: 19px;
outline: 0;
padding: 8px 14px;
}

input.searchbox02{
-moz-border-radius: 7px;
-moz-box-shadow: 3px 3px 4px #666;
-webkit-appearance: none;
-webkit-border-radius: 7px;
-webkit-box-shadow: 3px 3px 4px #666;
border: 1px solid #ccc;
border-radius: 7px;
box-shadow: 3px 3px 4px #666;
font-size: 15px;
outline: 0;
padding: 4px 9px;
}

input.rounded:focus{
border-color: #339933;
}



/* TABLES */

.tableshad01{
background-color: #FFFFFF;
box-shadow: 10px 10px 5px #888888;
height: 100%;
width: 100%;
}

.tableshad03{
-moz-box-shadow:    1px 3px 5px gray;
-webkit-box-shadow: 1px 3px 5px gray;
box-shadow:         1px 3px 5px gray;
}



/* CAIXAS DE ALERTA, ERRO, INFO, ETC */

.alertERRO {padding: 20px; background-color: #f44336; color: white; margin-bottom: 15px;}
.alertINFO {padding: 20px; background-color: #4B7AA9; color: white; margin-bottom: 15px;}
.alertOK {padding: 20px; background-color: #009B00; color: white; margin-bottom: 15px;}
.alertWARN {padding: 20px; background-color: #FFCC00; color: #333333; margin-bottom: 15px;}
.closebtn {margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s;}
.closebtn:hover {color: black;}







.select-style{
background: #fafafa url("https://www.tecpromo.org/sistema/sites_prontos/template_01/css_select_orange.ico") no-repeat 99% 50%;
border: 1px solid #ccc;
border-radius: 3px;
overflow: hidden;
width: 239px;
}

.select-style select{
-webkit-appearance: none;
background:transparent;
background-image: none;
border: none;
box-shadow: none;
padding: 5px 8px;
width: 130%;
}

.select-style select:focus{
outline: none;
}