.botaoGrande {
	padding: 20px 30px !important;
	font-size: 14pt !important;
	margin: 5px !important;
}
.botaoMedio {
	padding: 10px 30px !important;
	font-size: 14pt !important;
	margin: 5px !important;
}
.botaoPequeno {
	padding: 5px 20px !important;
	font-size: 10pt !important;
	margin: 2px !important;
}
.botaoSP, .botaoSPGrafiti {
	border: 2px solid var(--primary);
	background: var(--primary);
	color: rgba(255,255,255,1);
}
.botaoSPOutline {
	border: 2px solid var(--primary-dark);
	color: var(--primary-dark);
}
.botaoSP:hover {
	border: 2px solid var(--primary-dark);
	background: var(--primary-dark);
	color: rgba(255,255,255,1);
}
.botaoSP:disabled {
	border: 2px solid rgba(0,190,195,0.7);
	background: var(--primary);
	color: rgba(255,255,255,1);
}
.botaoSP2:disabled {
	border: 2px solid rgba(0,190,195,0.5);
	background: rgba(0,195,197,0.5);
	color: rgba(255,255,255,1);
}
.botaoSPGrafiti:hover {
	border: 2px solid rgba(100,100,100,1);
	background: rgba(100,100,100,1);
	color: rgba(255,255,255,1);
	box-shadow: 0px 0px 3px var(--primary);
}
.botaoWhiteGrafitiSP {
	background: rgba(255,255,255,1);
	color: rgba(100,100,100,1);
	border: 2px solid rgba(230,230,230,0.8);
}
.botaoWhiteGrafitiSP:hover {
	border: 2px solid rgba(100,100,100,1);
	background: rgba(100,100,100,1);
	color: rgba(255,255,255,1);
	box-shadow: 0px 0px 3px var(--primary);
}

.botaoBusca {
	min-width:50px;
	background: url('https://cdn.noknox.com/site/i/icBotaoBusca.png') no-repeat center center,  var(--primary);
}
.botaoBusca:hover {
	min-width:50px;
	background: url('https://cdn.noknox.com/site/i/icBotaoBusca.png') no-repeat center center,  var(--primary);
}
.botaoBlue {
	border: 2px solid rgba(255,255,255,0.15);
	background: rgba(0,160,210,0.8);
	color: rgba(255,255,255,1);
}
.botaoBlue:hover {
	background: rgba(0,160,210,1);
	color: rgba(255,255,255,1);
	border: 2px solid rgba(0,190,250,0.8);
}
.botaoWhiteRed {
	background: rgba(255,255,255,1);
	color: #de0030;
	border: 2px solid rgba(230,230,230,0.8);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
}
.botaoWhiteRed:hover {
	border: 2px solid #de0030;
	background: #de0030;
	color: rgba(255,255,255,1);
}
.botaoLinkRed {
	font-size: 9pt !important;
	font-weight: normal !important;
	background: rgba(255,255,255,1);
	color: rgba(150,150,150,1);
	text-decoration: underline;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
	border: 0;
}
.botaoLinkRed:hover {
	color: #de0030;
}
a.aBotao {
	line-height: 12pt;
	color: #fff;
	font-weight: bold;
	font-size: 11.5pt;
	margin: 0 5px 0 0;
	border-radius: 5px;
	padding: 4pt 10pt 3pt;
	cursor: pointer;
}
a.aBotao:hover {
	color: #fff;
}
.botaoRed {
	border: 2px solid #de0030;
	background: #de0030;
	color: rgba(255,255,255,1);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
}
.botaoRed:hover {
	background: #de0030;
}


.botaoGreen {
	border: 2px solid rgba(10,180,130,1);
	background: rgba(10,180,130,1);
	color: rgba(255,255,255,1);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
}
.botaoGreen:hover {
	background: rgba(10,180,130,1);
}
.botaoGrafiti {
	border: 2px solid rgba(0,0,0,0.15);
	background: rgba(80,80,80,0.8);
	color: rgba(255,255,255,1);
}
.botaoGrafiti:hover {
	background: rgba(60,60,60,1);
	color: rgba(255,255,255,1);
	border: 2px solid rgba(100,100,100,0.8);
}
.botaoGrafitiActive {
	border: 2px solid rgba(0,177,175,1.0);
	background: rgba(250,250,250,0.5);
	color: rgba(150,150,150,0.5);
}
.botaoGrafitiActive:hover {
	color: rgba(0,177,175,1.0);
}
.botaoCyan {
	background: #fff;
	color: var(--primary);
	border: 2px solid var(--primary);
}
.botaoCyan:hover {
	border: 2px solid var(--primary);
	background: var(--primary);
	color: rgba(255,255,255,1);
}
.botaoCyanActive {
	border: 2px solid rgba(0,177,175,1.0);
	background: var(--primary);
	color: rgba(255,255,255,1);
}
.botaoWhite {
	background: rgba(255,255,255,1);
	color: var(--primary);
	border: 2px solid rgba(230,230,230,0.8);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
}
.botaoWhite:hover {
	border: 2px solid var(--primary);
	background: var(--primary);
	color: rgba(255,255,255,1);
}
.botaoWhite2 {
	background: rgba(255,255,255,1);
	color: var(--primary);
	border: 2px solid rgba(230,230,230,0.8);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
}
.botaoWhite2:hover {
	border: 2px solid var(--primary);
	background: var(--primary);
	color: rgba(255,255,255,1);
}
.botaoWhiteGrayDefault, .botaoWhiteGrayCancel {
	background: #fff;
	color: rgba(160,160,160,1);
	border: 2px solid rgba(180,180,180,0.8);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
}
.botaoWhiteGrayDefault:hover {
	background: #fff;
	color: var(--primary);
	border: 2px solid var(--primary);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
}
.botaoWhiteGrayDefault.option-selected {
	border: 2px solid var(--primary);
	background: var(--primary);
	color: rgba(255,255,255,1);
}
.botaoWhiteGrayCancel:hover {
	background: #fff;
	color: #de0030;
	border: 2px solid #de0030;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
}
.botaoWhiteGrayCancel.option-selected {
	border: 2px solid #de0030;
	background: #de0030;
	color: rgba(255,255,255,1);
}

.botaoWhiteGray {
	background: rgba(255,255,255,1);
	color: rgba(220,220,220,1);
	border: 2px solid rgba(230,230,230,0.8);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
}
.botaoWhiteGray:hover {
	border: 2px solid rgb(200, 200, 200);
	background: rgb(200, 200, 200);
	color: rgba(255,255,255,1);
}
.botaoWhiteGrafiti {
	background: rgba(255,255,255,1);
	color: rgba(100,100,100,1);
	border: 2px solid rgba(230,230,230,0.8);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
}
.botaoWhiteGrafiti:hover {
	border: 2px solid rgba(100,100,100,1);
	background: rgba(100,100,100,1);
	color: rgba(255,255,255,1);
}
.botaoWhiteTurquesa {
	background: rgba(255,255,255,1);
	color: var(--primary);
	border: 2px solid rgba(230,230,230,0.8);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
}
.botaoWhiteTurquesa:hover {
	border: 2px solid #ffffff;
	background: var(--primary);
	color: rgba(255,255,255,1);
}
.botaoWhiteRed {
	background: rgba(255,255,255,1);
	color: #de0030;
	border: 2px solid rgba(230,230,230,0.8);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
}
.botaoWhiteRed:hover {
	border: 2px solid rgba(230,0,0,1);
	background: #de0030;
	color: rgba(255,255,255,1);
}
.botaoWhiteGreen {
	background: rgba(255,255,255,1);
	color: rgba(10,180,130,1);
	border: 2px solid rgba(230,230,230,0.8);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
}
.botaoWhiteGreen:hover {
	background: rgba(10,180,130,1);
	border: 2px solid rgba(10,180,130,1);
	color: rgba(255,255,255,1);
}
.botaoGreyUnitListing {
	background: rgba(255,255,255,1);
	color: #838383;
	border: 2px dashed #838383;
	box-shadow: none !important;
	margin: 2px !important;
	padding: 6px 5px 5px 5px !important;
}
.botaoGreyUnitListing:hover {
	border: 2px solid #838383;
	background: #838383;
	color: #ffffff;
}

.no-select {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}
.painel {font-size:0;}
.botaoHeader {
	width:18px;
	height:18px;
	background:#000;
	color:#fff;
	border:0;
	border-radius: 2px;
	margin:0px;
	font-family: 'Quattrocento Sans', sans-serif;
}
.botaoHeader:hover {background-color: #666; cursor:pointer;}

.botaoPainel {
	padding-top: 90px;
	width:130px;
	height:130px;
	background:var(--primary);
	text-align:center;
	color:#a0efee;
	border:0px solid var(--primary-dark);
	border-radius: 0px;
	margin:0px;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size:13pt;
	font-weight:400;
}
.btnDefault{
	-webkit-appearance: none;
    cursor: pointer;
    font-size: 8pt;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--primary);
    margin: 0 5px 0 0;
    border-radius: 4pt;
    padding: 6pt 8pt 5pt;
    box-shadow: none;
    border: 2px solid #ddd;
    background: #fff;
}
.botaoPainel:hover {background-color: rgba(0,0,0,0.2);border:0px solid #079; cursor:pointer;font-size:13pt;color:#fff;}
#btSalvar, #btSalvar2 {min-width: 120px;}


.captions .botaoCyan,
.captions .botaoGreyUnitListing,
.captions .botaoWhiteGray
.captions:hover .botaoCyan,
.captions:hover .botaoGreyUnitListing,
.captions:hover .botaoWhiteGray
{
	cursor: inherit;
	background: #fff;
}

.captions:hover .botaoWhiteGray
{
	border: 2px solid rgba(230,230,230,0.8);
}