html, body
{
    height: 100%;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	min-height:100%;
}
.menutop {
	font-size: 11px;
	font-weight: normal;
	color: #777;
	text-decoration: none;
}

.menutop:hover{
	color: #333;
}

.menutop2 {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.menupeq {
	font-size: 12px;
	color: #333;
	text-decoration: none;
}

.menu_claro {
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
}

a:hover{color:#DDDDDD;}

.adtitulo{
		font-size: 14px;
		font-weight: bold;
		color: #AAAAAA;
		text-decoration: none;
	}
.adtitulo:hover{
	color:#666;
}

.subtit {
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	text-decoration: none;
}

.txtnorm {
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	text-decoration: none;
}

.peq {
	font-size: 11px;
	color: #AAA;
	text-decoration: none;
}

.caps {text-transform:uppercase;}

.bu{
    display:block;
    border:1px #ccc solid;
    padding:10px;
    cursor: pointer;
    text-align: center;
    background-color: #ccc;
    text-transform: uppercase;
}

.bu:hover{
    background-color: #ddd;
    color:#333;
}

.cinza {
    color: #ccc;
}
.laranja {
    color: Orange;
}
.verde {
    color: Green;
}

.letra10 {
    font-size: 10px;
}
.letra12 {
    font-size: 12px;
}
.letra14 {
    font-size: 14px;
}
.letra16 {
    font-size: 16px;
}

input {
			font-size: 13px;
			color: #666;
			text-decoration: none;
			background-color: #ddd;
			border-color:#1c0a04;
			border:0 solid;
			padding:5px;
}

textarea {
			font-size: 13px;
			color: #666;
			text-decoration: none;
			background-color: #ddd;
			border-color:#1c0a04;
			border:0 solid;
			padding:5px;
}

select {
			font-size: 13px;
			color: #666;
			text-decoration: none;
			background-color: #ddd;
			border-color:#1c0a04;
			border: 0 solid ;
			padding:5px;
		}

label{
		font-size: 13px;
		color: #666;
}

form{clear:both;}

a[bubbletooltip]:link, a[bubbletooltip]:visited
  {
       text-decoration: none;
       position: relative;
       color : red;
  }

  a[bubbletooltip]:before
  {
       content: "";
       position: absolute;
       border-top: 20px solid #4b4e57;
       border-left: 20px solid transparent;
       border-right: 20px solid transparent;
       visibility: hidden;
       top: -20px;
       left: -12px;
  }

  a[bubbletooltip]:after
  {
       position: absolute;
       content: attr(bubbletooltip);
       font-weight:bold;
       top: -35px;
       left: -26px;
       white-space: nowrap;
       background: #4b4e57;
       color: #FFFFFF;
       padding: 5px 10px;
       -moz-border-radius: 6px;
       -webkit-border-radius:6px;
       -khtml-border-radius:6px;
       border-radius: 6px;
       visibility: hidden;
  }

  a[bubbletooltip]:hover:before, a[bubbletooltip]:hover:after
  {
       visibility: visible;
       -moz-transition: visibility 0s linear .3s;
  }

  .erro{
		text-align: center;
		font-size: 14px;
		padding:10px;
		background-color: #D86969;
		width:150px;
		margin:auto;
		font-weight: bold;
		color: #fff;
		position:relative;
		margin-top:0;
		z-index:1000;
 }

  .errook{
		text-align: center;
		font-size: 14px;
		padding:10px;
		background-color: #69d87c;
		width:150px;
		margin:auto;
		font-weight: bold;
		color: #fff;
		position:relative;
		margin-top:0;
		z-index:1000;
 }
 
  div.caixaover .over{
 	display:none;
 }

div.caixaover:hover .base{
	display:none;
}

div.caixaover:hover .over{
	display: inline;
}

@-webkit-keyframes fadeOut {
            0% {opacity: 1;}
            100% {opacity: 0;}
         }
         
         @keyframes fadeOut {
            0% {opacity: 1;}
            100% {opacity: 0;}
         }
         
         .erroapres {
            -webkit-animation-name: fadeOut;
            animation-name: fadeOut;
            -webkit-animation-duration: 5s;animation-duration: 5s;
            -webkit-animation-fill-mode: both;animation-fill-mode: both;
         }

.ui-datepicker{
z-index:100 !important;
}


.pc-editor{
	display:grid;
	grid-template-columns:220px minmax(0,1fr);
	gap:20px;
	margin:20px 0;
	font-family:Arial,sans-serif;
}

.pc-products,
.pc-positions{
	box-sizing:border-box;
	border:1px solid #d3d3d3;
	background:#fff;
}

.pc-products{
	width:220px;
    min-width:220px;
    margin-right:20px;
	position:sticky;
	top:15px;
	padding:14px;
}
.pc-integration-editor{
    flex:1;
}
.pc-title,
.pc-head,
.pc-actions,
.pc-selected{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:15px;
}

.pc-title{
	margin-bottom:10px;
}

.pc-title span,
.pc-head span,
.pc-card span,
.pc-selected span{
	display:block;
	margin-top:3px;
	font-size:11px;
	color:#777;
}

.pc-search{
	box-sizing:border-box;
	width:100%;
	padding:9px;
	margin-bottom:10px;
	border:1px solid #ccc;
}

.pc-list{
	max-height:580px;
	overflow:auto;
}

.pc-card{
	padding:9px;
	margin-bottom:7px;
	border:1px solid #d5d5d5;
	background:#f5f5f5;
	cursor:grab;
}

.pc-card:hover{
	background:#eaeaea;
	border-color:#999;
}

.pc-card b,
.pc-selected b{
	display:block;
	font-size:13px;
}

.pc-empty,
.pc-warning{
	padding:14px;
	background:#fff4cf;
	border:1px solid #e6d28b;
	font-size:12px;
}

.pc-positions{
	padding:18px;
}

.pc-head{
	padding-bottom:14px;
	margin-bottom:18px;
	border-bottom:1px solid #ddd;
}

.pc-head > div > b{
	display:block;
	font-size:18px;
}

.pc-group{
	margin-bottom:22px;
}

.pc-group h3{
	margin:0 0 10px;
	padding:8px;
	background:#e5e5e5;
	font-size:12px;
	text-transform:uppercase;
}

.pc-row{
	display:grid;
	grid-template-columns:180px minmax(0,1fr);
	gap:10px;
	margin-bottom:8px;
}

.pc-row label{
	display:flex;
	align-items:center;
	padding:10px;
	background:#f2f2f2;
	font-size:12px;
	font-weight:bold;
}

.pc-drop{
	box-sizing:border-box;
	min-height:54px;
	padding:7px;
	border:2px dashed #ccc;
	background:#fafafa;
}

.pc-drop.over{
	border-color:#333;
	background:#eee;
}

.pc-placeholder{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
	font-size:11px;
	color:#999;
}

.pc-selected{
	min-height:38px;
	padding:0;
}

.pc-remove{
	 width:22px;
    height:22px;
    min-width:22px;
    min-height:22px;
    border-radius:50%;
    flex:0 0 22px;
	border:0;
	background:#d62828;
	color:#fff;
	font-size:18px;
	cursor:pointer;
}

.pc-table th:first-child,
.pc-table td:first-child{
    width:140px;
}
.pc-row-name{
    width:130px;
}
.pc-actions{
	justify-content:flex-end;
	padding-top:14px;
	border-top:1px solid #ddd;
}

.pc-save,
.pc-clear{
	padding:9px 14px;
	border:0;
	cursor:pointer;
}

.pc-save{
	background:#333;
	color:#fff;
}

.pc-clear{
	background:#eee;
	color:#555;
}

.pc-message{
	font-size:12px;
}

.pc-message.ok{
	color:#248631;
}

.pc-message.err{
	color:#c52222;
}

@media(max-width:1000px){
	.pc-editor{
		grid-template-columns:1fr;
	}

	.pc-products{
		
		position:relative;
		top:auto;
	}

	.pc-list{
		max-height:280px;
	}

	.pc-row{
		grid-template-columns:1fr;
	}
}

.pc-section{
	margin-bottom:30px;
	border:1px solid #d2d2d2;
	background:#fff;
}

.pc-section-title{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:12px 15px;
	background:#e4e4e4;
	border-bottom:1px solid #ccc;
}

.pc-section-title h3{
	margin:0;
	font-size:14px;
	text-transform:uppercase;
}

.pc-section[data-type="0"] .pc-section-title{
	background:#e8f1e8;
}

.pc-section[data-type="1"] .pc-section-title{
	background:#ece8f1;
}

.pc-add-row{
	padding:7px 11px;
	border:0;
	background:#333;
	color:#fff;
	cursor:pointer;
}

.car-brand-group{
	margin-bottom:12px;
	border:1px solid #ccc;
	background:#fff;
}

.car-brand-toggle{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	padding:13px 16px;
	border:0;
	background:#d7d7d7;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	cursor:pointer;
}

.car-brand-toggle:hover{
	background:#c9c9c9;
}

.car-brand-arrow{
	font-size:20px;
	line-height:1;
}

.car-brand-content{
	padding:8px;
}

.car-brand-content table{
	border-collapse:collapse;
}

.car-brand-content thead td{
	background:#eee;
	font-size:11px;
	font-weight:bold;
}

.car-brand-content tbody td{
	border-bottom:1px solid #e3e3e3;
	font-size:12px;
}

.kit-count{
	display:inline-block;
	min-width:24px;
	padding:4px 7px;
	border-radius:12px;
	background:#333;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

.pc-kit-list{display:flex;flex-direction:column;gap:12px}
.pc-integration-row{border:1px solid #ddd;background:#fff;padding:12px}
.pc-kit-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.pc-kit-head .pc-row-name{width:220px}
.pc-position-group{margin-top:8px}
.pc-position-title{font-size:11px;font-weight:bold;background:#eee;padding:6px 8px}
.pc-position-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:6px;margin-top:6px}
.pc-position-cell label{display:block;font-size:9px;font-weight:bold;margin-bottom:3px;color:#666}
.pc-position-cell .pc-drop{min-height:58px}
.pc-delete-row{border:0;background:transparent;cursor:pointer}

@media(min-width:1500px){
	.pc-position-grid{grid-template-columns:repeat(8,minmax(115px,1fr))}
}

@media(max-width:1100px){
	.pc-position-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}
}