#loading-bar .bar
{
	background-color: #870303 !important;
	height: 4px !important;
}
#loading-bar-spinner
{
	left:50% !important;
	top: 50% !important;
}

#loading-bar-spinner .spinner-icon
{
	border-color: #DD4B39 transparent transparent #DD4B39 !important;
	width: 2em !important;
	height: 2em !important;
	border-width: 5px !important;
}
.tabsImgUpload > div > .tab-content{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 1em;
    overflow: auto;
}
.fileinput-preview.fileinput-exists > img {
    width: 100%;
}
.notificacionTicket {
    padding: 0.5em;
    border-bottom: 1px solid rgb(240, 240, 240);
}
.userMaster{
	list-style: none;
	padding: 0em;
}
.userMaster li
{
	margin-bottom: 0.3em;
}
.userMaster li+li
{
	border-top: 1px solid #ccc;
	padding-top: 0.3em;
}
.valorTicket{
	font-size: 1.6em;
	color:#777;
}
.detalleTicket{
	color: #666;
}
.padding-5{
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.UldetalleEmpresa{
	list-style: none;
	padding: 0em;
}
.UldetalleEmpresa li
{
	margin-bottom: 0.55em;
}
.UldetalleEmpresa li+li
{
	border-top: 1px solid #ccc;
	padding-top: 0.3em;
}

.ulGiftcard
{
	list-style: none;
	padding: 0em;
}

.ulGiftcard li
{
	margin-bottom: 0.55em;
    font-size: 1.07em;
}
.ulGiftcard li+li
{
	border-top: 1px solid #ccc;
	padding-top: 0.3em;
}
.valorGiftcard{
font-size: 1.2em;
font-weight: bold;
color: #666;
}


.cantidadGiftcard {
    margin-right: 0.5em;
}

/*Xeditable*/
.item-wrapper a{
    display: inline !important;     
}

.item-wrapper{
    display: inline;
    position: relative;
}

    .item-wrapper form {
        position: absolute;
        top: -53px;
        background: #FFF;
        border: 1px solid #AAA;
        border-radius: 5px;
        padding: 7px;
        width: 220px;
        display: inline-block;
        left: 50%;
        margin-left: -110px;
        z-index: 101;
    }

    .item-wrapper form:before{
        content:"";
        width: 0; 
        height: 0; 
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;	
        border-top: 10px solid #AAA;
        position:absolute;
        bottom:-10px;
        left:100px;
    }

    .item-wrapper form:after{
        content:"";
        width:0;
        height:0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;	
        border-top: 9px solid #FFF;
        position:absolute;
        bottom:-9px;
        left:101px;
    }

.editable-input{
     width:114px !important;   
}

select.editable-input{
 width: 114px; 
}
/*Xeditable*/

.borderEmpresasPuntosTransito{
		border-bottom: 1px solid #008d4c !important; 
	}
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.responsiveTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.responsiveTable tr { 
		border: 1px solid #ccc; 
		margin-bottom: 0.5em;
		
	}
	
	.responsiveTable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		min-height: 20px;
		text-align: left !important;
		margin-left: 7.5em;
		
	}
	
	.responsiveTable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: -100px;
		/*width: 45%; */
		padding-right: 10px; 
		/*white-space: nowrap;*/
	}
	
	/*
	Label the data
	*/
	
	
	.ticketTable td:nth-of-type(1):before { content: "Ticket:"; }
	.ticketTable td:nth-of-type(2):before { content: "Monto Abono:"; }
	.ticketTable td:nth-of-type(3):before { content: "Fecha Creación:"; }
	.ticketTable td:nth-of-type(4):before { content: "Empresa:"; }
	.ticketTable td:nth-of-type(5):before { content: "Sucursal:"; }
	.ticketTable td:nth-of-type(6):before { content: "Nº Oc:"; }
	.ticketTable td:nth-of-type(7):before { content: "Nº Factura:"; }
	.ticketTable td:nth-of-type(8):before { content: "Fecha Factura:"; }
	.ticketTable td:nth-of-type(9):before { content: "Estado Factura:"; }
	.ticketTable td:nth-of-type(10):before { content: "Estado Abono:"; }
	.ticketTable td:nth-of-type(11):before { content: "Acciones:"; }
	
	.empresasTable td:nth-of-type(1):before { content: "Nombre:"; }
	.empresasTable td:nth-of-type(2):before { content: "Razón Social:"; }
	.empresasTable td:nth-of-type(3):before { content: "Rut:"; }
	.empresasTable td:nth-of-type(4):before { content: "Dirección:"; }
	.empresasTable td:nth-of-type(5):before { content: "Acciones:"; }
	
	.sucursalTable td:nth-of-type(1):before { content: "Sucursal:"; }
	.sucursalTable td:nth-of-type(2):before { content: "Encargado:"; }
	.sucursalTable td:nth-of-type(3):before { content: "Teléfono:"; }
	.sucursalTable td:nth-of-type(4):before { content: "Email:"; }
	
	.cargasTable td:nth-of-type(1):before { content: "Id:"; }
	.cargasTable td:nth-of-type(2):before { content: "Fecha Abono:"; }
	.cargasTable td:nth-of-type(3):before { content: "Total Abonado:"; }
	.cargasTable td:nth-of-type(4):before { content: "Movimientos:"; }
	.cargasTable td:nth-of-type(5):before { content: "Responsable:"; }
    .cargasTable td:nth-of-type(6):before { content: "Exportación:"; }
    
    .responsiveTable.ticketOtSinPagos td{
        margin-left: 11.5em;
    }
    .responsiveTable.ticketOtSinPagos td:before{
        left: -130px;
    }
    .ticketOtSinPagos td:nth-of-type(1):before { content: "# Empresa"; }
    .ticketOtSinPagos td:nth-of-type(2):before { content: "Empresa"; }
    .ticketOtSinPagos td:nth-of-type(3):before { content: "Línea Crédito"; }
    .ticketOtSinPagos td:nth-of-type(4):before { content: "Total Tickets"; }
    .ticketOtSinPagos td:nth-of-type(5):before { content: "Total Orden Trabajo"; }
    .ticketOtSinPagos td:nth-of-type(6):before { content: "Total"; }	
    .ticketOtSinPagos td:nth-of-type(7):before { content: "Saldo Línea Crédito"; }
    .ticketOtSinPagos td:nth-of-type(8):before { content: "Detalle"; }	

}

.timelineTracking {
    position: relative;
    margin: 15px 0;
    padding: 0;
    list-style: none;
}  
.timelineTracking:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    left: 31px;
    margin: 0;
    border-radius: 2px; 
}
.timelineTracking>li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px;
    display: list-item;
    text-align: -webkit-match-parent;
    min-height: 30px;
}
.timelineTracking>li:before, .timelineTracking>li:after {
    content: " ";
    display: table;
}
.timelineTracking>li>.timelineTracking-item {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
    margin-top: 0;
    background: #fff;
    color: #444;
    margin-left: 60px;
    margin-right: 15px;
    padding: 0;
    position: relative; 
}
.timelineTracking>li>.fa {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #a3c7d0;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0;
}
.timelineTracking>li:first-child>.fa{ 
    color: #fff;
    background: #00add8; 
}

.switch .off,.switch .on{
    top: 100% !important;
    color: #000 !important;
    right: 0 !important;
} 

.ui-select-bootstrap>.ui-select-match>.btn { 
    background-color: #fff!important;
}