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;
}


.styled-button-03{
background:#CC0000;
background:-moz-linear-gradient(top,#CC0000 0%,#FF6600 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#CC0000),color-stop(100%,#FF6600));
background: -webkit-linear-gradient(top,#CC0000 0%,#FF6600 100%);
background: -o-linear-gradient(top,#CC0000 0%,#FF6600 100%);
background: -ms-linear-gradient(top,#CC0000 0%,#FF6600 100%);
background: linear-gradient(top,#CC0000 0%,#FF6600 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#CC0000',endColorstr='#FF6600',GradientType=0);
padding:10px 15px;
color:#fff;
font-family:'Helvetica Neue',sans-serif;
font-size:16px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #FF6600
}


.styled-button-04 {
background-color: #c2fbd7;
border-radius: 100px;
box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
color: green;
cursor: pointer;
display: inline-block;
font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
padding: 7px 20px;
text-align: center;
text-decoration: none;
transition: all 250ms;
border: 0;
font-size: 16px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}
.styled-button-04:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,rgba(44,187,99,.25) 0 1px 2px,rgba(44,187,99,.25) 0 2px 4px,rgba(44,187,99,.25) 0 4px 8px,rgba(44,187,99,.25) 0 8px 16px,rgba(44,187,99,.25) 0 16px 32px;
  transform: scale(1.05) rotate(-1deg);
}


.styled-button-05{
-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:3px 15px;
}






/* 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	*/


table.colorowcinza tr:nth-child(even){background-color: #DDDDDD;}


.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;
}




.no-js #loader{
display: none;
}

.js #loader{
display: block;
left: 100px;
position: absolute;
top: 0;
}

.loading_scr{
background: url(https://www.tecpromo.org/sistema/loading_med.gif) center no-repeat #fff;
height: 100%;
left: 0px;
position: fixed;
top: 0px;
width: 100%;
z-index: 9999;
}




.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;
}







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

.alertERRO {
  padding: 20px;
  background-color: #f44336;
  color: white;
  margin-bottom: 15px;
}.alertERRO a {color: #E5E5E5;}.alertERRO a:hover {color: white;}

.alertINFO {
  padding: 20px;
  background-color: #4B7AA9;
  color: white;
  margin-bottom: 15px;
}.alertINFO a {color: #E5E5E5;}.alertINFO a:hover {color: white;}

.alertOK {
  padding: 20px;
  background-color: #009B00;
  color: white;
  margin-bottom: 15px;
}.alertOK a {color: #E5E5E5;}.alertINFO a:hover {color: white;}

.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;}