/*bootstrap styling*/
.nav-pills > li + li {
	margin-left: 0px;
}
.nav-pills>li {
	width: 100%;
	margin-bottom: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	border-color: white;
	background-color: white;
	color: #8080C0;
	font-weight: bold;
}
.nav-pills > li > a {
	border-color: white;
	background-color: #8080C0;
	color: white;
}
.nav-pills > li > a:hover {
	border-color: white;
	background-color: lightgrey;
	color: #8080C0;
	font-weight: bold;
}
.btn-primary {
	color: #fff;
	background-color: #8080C0;
}
/*selectize styling*/
span.ui-select-match-text {
	width: Calc(100% - 10px);
}
/*Grid styling*/
.ui-grid {
	color: #242729;
}
.ui-grid-header, .ui-grid-column-menu {
color: lighten(@headerBackgroundColor, 45%);
}
input[type="text"].ui-grid-filter-input {
	color: black;
}
/*google places*/
.pac-container {
	z-index: 2000;
}
/*app css*/
html, body {
	height: 100%;
	background: #b7b7b7;
	font-size: 12px;
}
.top-line {
	margin-top: 1px;
}
.top-line p {
	margin-bottom: 0;
	font-size: 10px;
	color: #6b6258;
	padding: 5px 0;
}
.top-line div {
	border: 1px solid #7a7a7b;
	margin-top: -1px;
}
.greydark {
	background: #b7b7b7;
}
.grey {
	background: #d2d2d2;
}
.white {
	background: #fff;
}
.navigation.nav li {
	float: left;
	width: auto;
}
h2 {
	text-transform: uppercase;
}
.app-header {
	border-bottom: 2px solid #a2a2a2;
	background: #0d0d0e; /* Old browsers */
	background: -moz-linear-gradient(top, #0d0d0e 0%, #454548 27%, #555557 51%, #454548 74%, #0d0d0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0d0d0e), color-stop(27%, #454548), color-stop(51%, #555557), color-stop(74%, #454548), color-stop(100%, #0d0d0e));
	background: -o-linear-gradient(top, #0d0d0e 0%, #454548 27%, #555557 51%, #454548 74%, #0d0d0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0d0d0e 0%, #454548 27%, #555557 51%, #454548 74%, #0d0d0e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0d0d0e 0%, #454548 27%, #555557 51%, #454548 74%, #0d0d0e 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0e', endColorstr='#0d0d0e', GradientType=0 ); /* IE6-9 */
	border-bottom: 1px solid #7a7a7b;
	padding-top: 15px;
	padding-bottom: 10px;
}
.app-header p {
	width: 100%;
	color: #fff;
}
.app-header p:nth-child(1) {
	margin-top: 20px;
}
.app-header p:nth-child(2) {
	margin-right: 15px;
	margin-top: 3px;
}
.app-header .button-header {
	background-image: none;
	background-color: #f49d1d;
	font-size: 12px;
	font-weight: bold;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-color: #f49d1d;
	width: auto;
	padding: 5px 18px;
	color: #fff;
}
.app-header .button-header:hover {
	text-decoration: none;
}
.form-signin input[type="text"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.form-signin>h2 {
	color: white;
}
.app-content {
	padding: 0.3em;
	height: 90%;
}
.select {
	padding: 5px;
}
.label-form {
	line-height: 27px;
	padding-left: 0;
}
.content-frame {
	border-width: thin;
	height: 100%;
	padding: 0.2em;
	overflow-y: auto;
	margin: auto;
}
.login-frame {
	background-color: white;
	border-style: solid;
	border-width: thin;
	height: 100%;
	padding: 0.2em;
	overflow-y: auto;
	margin: auto;
}
.nav-menu {
	padding-top: 0.3em;
	height: 100%;
}
.inner-content-div {
	height: 100%;
	padding: 1em;
}
.myGrid {
	height: 100%;
	margin-top: 1em;
}
.filterRow {
	height: 3em;
}
.gridRow {
	padding-bottom: 1em;
	height: calc(100% - 3em);
}
.contentBox {
	margin-top: 1em;
	border: 1px solid #6b6b6b;
	padding: 1em;
	padding-bottom: 30px;
}
.contentBox>h2 {
	font-size: 15px;
	;
	font-weight: bold;
	margin-bottom: 1em;
}
.ipm {
	padding: 6px 10px;
}
label.formInner {
	text-align: right;
}
.nav > li > a {
	display: block;
	position: relative;
	color: #2b2214;
	font-weight: bold;
	padding: 10px 15px 10px 0;
}
.nav > li > a:hover {
	color: #f49815;
	background-color: transparent;
}
.nav > li > a:focus {
	color: #f49815;
	background-color: transparent;
}
.ui-grid {
	border: 1px solid #7d7d7d;
	color: #242729;
	font-size: 12px;
	text-align: center;
}
.nav > li.active > a {
	color: #f49815;
}
.ui-grid-top-panel {
	background: #999;
}
.ui-grid-header, .ui-grid-column-menu {
	color: #201f2c;
	text-align: center;
}
.ui-grid-row:nth-child .ui-grid-cell {
	border-bottom: 1px solid #c8c8c8;
}
.ui-grid-row:nth-child(2n+1) .ui-grid-cell {
	background-color: #fff;
}
.ui-grid-row:nth-child(2n) .ui-grid-cell {
	background-color: #ccc;
}
.ui-grid-header-cell {
	border-right: 1px solid #999;
}
input.ui-grid-filter-input[type="text"] {
	border: 1px solid #ccc;
	padding: 5px;
}
.ui-grid-cell {
	border-right: 1px solid transparent;
}
.ngCellText {
	line-height: 30px;
}
.pl {
	padding-left: 20px;
}
.btn-primary.pull-right {
	background-image: none;
	background-color: #f49d1d;
	font-size: 12px;
	font-weight: bold;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-color: #f49d1d;
	width: 100%;
}
.btn-primary.pull-right:focus {
	background-color: #f49d1d;
}
.mt {
	margin-top: 30px;
}
.th {
	background: #000;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}
.btn-login {
	background-image: none;
	background-color: #f49d1d;
	font-size: 12px;
	font-weight: bold;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-color: #f49d1d;
	width: 100%;
	padding: 5px 18px;
	color: #fff;
}
.btn-login:hover, .btn-login:focus {
	border-color: #f49d1d;
	background-color: #f49d1d;
}
.btn-new {
	background-image: none;
	background-color: #f49d1d;
	font-size: 12px;
	font-weight: bold;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-color: #f49d1d;
	width: 100%;
	padding: 5px 18px;
	color: #fff;
}
.btn-new:hover, .btn-new:focus {
	border-color: #f49d1d;
	background-color: #f49d1d;
}
.ui-grid-menu-button {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff;
	cursor: pointer;
	font-weight: normal;
	height: 31px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9999;
}
.ui-grid-menu .ui-grid-menu-inner ul li {
	background: #000 none repeat scroll 0 0;
	color: #fff;
	padding: 0;
}
.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
	border-bottom: 1px solid #7d7d7d;
}
.ui-grid-menu .ui-grid-menu-inner {
	border: 1px solid #7d7d7d;
}
.badge-tbl {
	color: #fff;
	font-weight: bold;
	padding: 3px;
}
.red {
	background: #ed5565;
}
.orange {
	background: #f87959;
}
.yellow {
	background: #f8ac59;
}
.green {
	background: #1ab394;
}
.greytbl {
	background: #d1dade;
}
.bg-login {
	background: url(../images/carretera-132.jpg) no-repeat fixed center center / cover
}
.form-class {
	height: auto;
	left: 50%;
	margin-left: -40%;
	position: absolute;
	top: 50%;
	margin-top: 5%;
	width: 80%;
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.form-class img {
	background: #fff none repeat scroll 0 0;
	height: auto;
	padding: 30px;
	width: 100%;
	margin-bottom: 10px;
}
.form-signin {
	padding: 10px;
	text-align: center;
}
.form-signin a {
	color: #fff;
}
.form-signin a:hover {
	color: #fff;
}
.pull-right .estimat {
	height: 33px;
	line-height: 23px;
	margin-right: 10px;
	margin-top: 30px;
	background:#cb413e !important;
}
.estimat {
	background: #66bb6a;
	color: #fff;
	float: left;
	font-weight: bold;
	margin-top: 2px;
	padding: 5px;
}
section {
	margin-bottom: 120px;
}
footer {
	float: left;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	bottom: 0;
	padding-top: 20px;
}
footer p {
	color: #fff;
}
footer p a {
	color: #f49d1d;
	padding-right: 10px;
}
footer p a:hover{
	color:#fff;
	text-decoration:underline;
}
/*TEXT ALIGN RESPONSIVE*/
.text-xs-left {
	text-align: left !important;
}
.text-xs-right {
	text-align: right !important;
}
.text-xs-center {
	text-align: center !important;
}
.text-xs-justify {
	text-align: justify !important;
}
 @media (min-width: 600px) {
.form-class img {
	width: 100%;
}
}
 @media (min-width: 768px) {
.text-sm-left {
	text-align: left !important;
}
.text-sm-right {
	text-align: right !important;
}
.text-sm-center {
	text-align: center !important;
}
.text-sm-justify {
	text-align: justify !important;
}
.form-signin {
	padding: 90px;
	text-align: center;
}
.form-class img {
	margin-bottom: 30px;
}
}
 @media (min-width: 992px) {
.text-md-left {
	text-align: left !important;
}
.text-md-right {
	text-align: right !important;
}
.text-md-center {
	text-align: center !important;
}
.text-md-justify {
	text-align: justify !important;
}
.form-class {
	margin-left: -30%;
	width: 60%;
}
.form-signin {
	padding: 40px;
}
}
 @media (min-width: 1200px) {
.text-lg-left {
	text-align: left !important;
}
.text-lg-right {
	text-align: right !important;
}
.text-lg-center {
	text-align: center !important;
}
.text-lg-justify {
	text-align: justify !important;
}
.form-class {
	margin-left: -20%;
	width: 40%;
}
}
/*Layout*/
.mbxs {
	margin-bottom: 15px;
}
 @media (min-width: 768px) {
.mbxs {
	margin-bottom: 0;
}
.mbsm {
	margin-bottom: 15px;
}
.btn-nou {
	margin-right: 29px;
	margin-top: -40px;
	position: absolute;
	right: 0;
	width: 20%;
}
.select-option {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0;
}
.app-header {
	height: 70px;
}
.app-header p:nth-child(1) {
	float: right;
	margin-top: 10px;
	width: auto;
}
.app-header p:nth-child(2) {
	float: right;
	margin-right: 15px;
	margin-top: 10px;
	width: auto;
}
}
 @media (min-width: 992px) {
.mbsm {
	margin-bottom: 0;
}
.mbmd {
	margin-bottom: 15px;
}
.btn-primary.pull-right {
	width: 20%;
}
label {
	margin-top: 9px;
}
.btn-primary.pull-right {
	width: 100%;
}
}
.np {
	padding-left: 0;
	padding-right: 0;
}
 @media (min-width: 1200px) {
.np {
	padding-left: 15px;
	padding-right: 15px;
}
.iplg {
	padding-left: 5px;
	padding-right: 5px;
}
.prlg {
	padding-right: 30px;
}
.btn-primary.pull-right {
	width: 100%;
}
span span.glyphicon.glyphicon-pushpin {
	margin-top: 10px;
}
}
 @media (min-width: 768px) {
.npsm {
	padding: 0;
}
.npsm select.select.form-control {
	margin-top: 4px;
}
}
.ui-select-bootstrap > .ui-select-choices {
	height: auto;
	margin-top: -1px;
	max-height: 200px;
	overflow-x: hidden;
	width: 100%;
	/*top: 33px !important;*/
}
.circle-select {
	top: -18px;
}
#nuevo.btn.btn-primary {
	background-color: #f49d1d;
	background-image: none;
	border-color: #f49d1d;
	border-radius: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 18px;
	width: auto;
	float: left;
	height: 34px;
}
#refrescar {
	float: left;
	font-size: 12px;
	height: 29px;
	margin-left: 10px;
	width: auto;
	height: 34px;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Chrome */
.circle-select {
	top: 2px;
}
}