﻿/*table.dataTable tr.odd { color: #fff; background-color: #337ab7; } 
table.dataTable tr.odd i { color: #fff; background-color: #337ab7; } 
table.dataTable tr.odd a { color: #fff; background-color: #337ab7; } 
table.dataTable tr.even { background-color: white; }
*/

#fxtTable_processing {
    position: absolute;
    z-index: 1999;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 80px;
    margin-left: -25%;
    margin-top: -75px;
    text-align: center;
    font-size: 2em;
    background: rgba(64, 64, 64, 0.75); /* #337AB6;*/
    color: white;
}


table.dataTable {
    border: 1px solid #ccc !important;
}

    table.dataTable tbody tr:hover {
        background-color: #e8e8e8;   /*lightyellow;*/
        cursor: pointer;
    }

    table.dataTable thead tr {
        background-image: linear-gradient(to bottom, #fcfcfc 0%, #f5f5f5 100%);
        background-repeat: repeat-x;
    }

        table.dataTable thead tr th {
            border-right: 1px solid #ddd;
        }

    table.dataTable tbody td a,
    table.dataTable thead th a {
        padding: 5px 6px 5px 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-right: 5px;
    }

    .dataTables_paginate .pagination {
        margin-top: -5px;
        margin-bottom: -5px;
    }

.celdaBotones {
    display: flex;
    flex-direction: row;
    padding: 0px;
    margin: -6px 0px;
}

a.btn-primary:link,
a.btn-primary:visited,
a.btn-success:link,
a.btn-success:visited,
a.btn-warning:link,
a.btn-warning:visited,
a.btn-danger:link,
a.btn-danger:visited,
a.btn-info:link,
a.btn-info:visited {
    color: white;
}

.botoneraForm {
    margin: 4px 20px;
}
    .botoneraForm .btn {
        margin-left: 10px;
        margin-right: 10px;
    }

.cabeceraForm {
        background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
        background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
        background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
        background-repeat: repeat-x;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
        width: 100%;
        margin-top: 0px;
        margin-bottom: 15px;
        padding: 3px 20px;
        float: left;
        border: solid 1px #ccc;
        z-index: 2000;
        /*overflow: auto;*/
    }
    .cabeceraForm div {
        float: left;
    }
    .cabeceraForm .validation-summary-errors {
        width: 100%;
        border: 1px solid #ec971f; /*#eea236;*/
        border-left: 20px solid #d58512; /*#f0ad4e;*/
        border-radius: 5px;
        padding-top: 10px;
        margin: 5px 0px;
        background-color: #fcf8e3;
        color: #000;
    }

.tituloForm {
    font-size: 24px;
    margin-top: 3px;
}
/*.rowTogglerBtn {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.rowToggler {
    border-top: 1px solid #28a4c9;
    border-bottom: 1px solid #28a4c9;
    border-left: 10px solid #28a4c9;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 15px;
    padding-bottom: 0px;
    margin-bottom: 2px;
}*/

button.togglerBtn {
    font-size: 16px;
}
    button.togglerBtn .fa {
        margin-left: 10px;
    }

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 0;
    width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .cuerpoForm {
    padding-top: 50px;
}


h1 [class^="fa"],
.tituloForm [class^="fa"],
.panel-heading [class^="fa"] {
    margin-right: 10px; /* Separación entre icono y el texto */
}

.btn [class^="fa"] {
    margin-right: 5px;
}

.panel-heading .panel-title {
    font-size: 18px;
    font-weight: bold;
}

/*ul.dropdown-menu li {
    position: relative;
}*/
ul.dropdown-menu li a [class^="fa"] {
    margin-right: 8px;
    width: 22px;
    text-align: center;
}

.width100 {
    width: 100%;
}

.fondoCorporativo1 {
    background-color: #8dd4c2; /*Color Logo Taxitronic aclarit*/
}
.fondoCorporativo2 {
    background-color: #87c7b8; /*Color fondoCorporativo1 enfosquit. Per panels que el seu fons sigui fondoCorporativo1*/
}

/* Reducir ancho de los campos numéricos con spinner JQueryUI().SpinnerFor */
span.ui-spinner input,
input[type="number"] {
    width: 110px;
}
    input[type="number"].tiempoadestino_cell {
        width: 70px;
        margin-right: 10px;
    }

/* Destacar Inputs editables respecto de fondo blanco */
input:not([disabled]),
textarea:not([disabled]),
select:not([disabled]) {
    border-color: #73aaf7;
    background-color: #fffff3;
    color: #333;
}

/* Ampliar el font-size de los <span class="label... ya que por defecto la fuente está a 75% y resulta pequeño */
span.label,
select.label{
    font-size: 100%;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

