/* CSS Document */
.no-focus:focus {
    outline: none !important;
}

body {
	background-color: #333;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.container h1, .container h2 {
	color:white;
}

#main-nav {
	border-radius: 0px;
}

#navbar-buttons {
	padding: 0px 5px;
}

#navbar-buttons>.btn-group {
	padding: 8px 0px;
}

#navbar-buttons .dropdown-menu {
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: 1000;
	background-color: white;
}

#alerts-panel {
	margin-bottom: 5px;
}


.text-xs {
	font-size: 0.6em !important;
}
.text-sm {
	font-size: 0.8em !important;
}
.text-md {
	font-size: 1.2em !important;
}
.text-lg {
	font-size: 1.4em !important;
}
.text-xl {
	font-size: 1.6em !important;
}

.text-ruim {
	color: red;
}
.text-regular {
	color: #FFC000;
}
.text-bom {
	color: #00D200;
}

.text-inactive {
	opacity: 0.5;
}

.badge-default  {
}
.badge-primary {
	background-color: rgb(51, 122, 183) !important;
}
.badge-success {
	background-color: green !important;
}
.badge-info {
	background-color: rgb(91, 192, 222) !important;
}
.badge-warning {
	background-color: goldenrod!important;
}
.badge-danger {
	background-color: red !important;
}

.panel-dark {
	border-color: #000;
}
.panel-dark .panel-heading {
	background-color: #000;
	color: white;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.panel-particular {
	border-color: #fff;
}
.panel-particular .panel-heading {
	background-color: #06C;
	border-color: #fff;
	color: white;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.panel-particular>.panel-footer {
	background-color: #06C;
	color: white;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.panel-multa {
	border-color: rgb(240, 173, 78);
}
.panel-multa .panel-heading {
	background-color: rgb(240, 173, 78);
	color: white;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.panel-dark .panel-footer {
	background-color: #000;
	color: white;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.panel-blue {
	border-color: #002598;
}
.panel-blue .panel-heading, .panel-blue .panel-footer {
	background-color: #002598;
	color: white;
}

.panel-blue .panel-body, .panel-blue .panel-body label {
	background-color: #4E72EB;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	color: white;
}

.panel-invert {
	border-color: #333;
}
.panel-invert .panel-heading, .panel-invert .panel-footer {
	background-color: #333;
	color: white;
}

.panel-invert .panel-body, .panel-invert .panel-body label {
	background-color: #777;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	color: white;
}



.panel-placa {
	border-color: darkgreen;
}
.panel-placa .panel-heading, .panel-placa .panel-footer {
	background-color: darkgreen;
	color: white;
}

.panel-placa .panel-body, .panel-placa .panel-body label {
	color: darkgreen;
}



.form-group.grouped {
	padding: 0px 13px;
}


.form-group.grouped > div[class*="col-"] {
	padding: 0px 2px;
}

.col-grouped>div {
	padding: 0px 1px;
} 

.hover:hover {
	background-color: #EFEFEF;
}

.carro-list .carro-list-detail-label {
	display: inline-block; 
	width: 30%;
	text-align: right;
	colorx: #999;
	padding: 0px 5px;
}

.carro-list img {
	margin: auto;
}


div.despesa {
	text-align: left;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 5px;
	margin-bottom: 5px;
}


div.pedidos {
	text-align: left;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 5px;
	margin-bottom: 5px;
	background-color: #E4EEFF;
}

.panel-heading a[data-toggle='collapse'] {
	color: white;
}

div.adicional {
	margin-bottom: 5px;
}

.outline {
    background-color: transparent;
    color: inherit;
    transition: all .25s;
}

.btn-primary.outline {
    color: #428bca;
}

.btn-success.outline {
    color: #5cb85c;
}

.btn-info.outline {
    color: #5bc0de;
}

.btn-warning.outline {
    color: #f0ad4e;
}

.btn-danger.outline {
    color: #d9534f;
}

.btn-primary.outline:hover,
.btn-success.outline:hover,
.btn-info.outline:hover,
.btn-warning.outline:hover,
.btn-danger.outline:hover {
    color: #fff;
}

.sb-separator{
	border-top: 1px solid #ccc;
	margin: 10px auto;
}



/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
		.carro-list .carro-list-detail-label {
			widthx: 50%;
		}
		
		
		
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		
		

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		
		
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
		
		
		
		

    }
@media print{
	.no-print{
		display: none !important;
	}
	td.bg-pago {
		background-color: #0A0 !important;
	}
	td.text-ruim {
		color: red !important;
	}
	table tr td, table tr th {
        page-break-inside: avoid !important;
    }
}




@media only screen and (max-width: 800px) {
	.dateTD{ border: 0px !important }
	.dynamicTable table,
	.dynamicTable thead,
	.dynamicTable tbody,
	.dynamicTable th,
	.dynamicTable td,
	.dynamicTable tr {
		display: block;
	}
	.dynamicTable thead tr, .totalTR {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.dynamicTable tr {
		border: 1px solid #ccc;
	}
	.dynamicTable tr td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 40%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}
	.dynamicTable td:before { content: attr(data-title); }
	.dynamicTable tr td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 40% !important;
		white-space: normal;
		text-align: left;
	    min-height: 30px !important;
	}
}

.text-light{
	color: white;
}

.panelHeadingMargin{ margin-top: -8px;}