@charset "UTF-8";
@font-face {
    font-family: "HelveticaNeueLTUltraLight";
    src: url("81d87eba2f25b790803c324963f02063.eot");
    /* IE9*/

    src: url("../fonts/81d87eba2f25b790803c324963f02063.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */

        url("../fonts/81d87eba2f25b790803c324963f02063.woff2") format("woff2"),
        /* chrome、firefox */

        url("../fonts/81d87eba2f25b790803c324963f02063.woff") format("woff"),
        /* chrome、firefox */

        url("../fonts/81d87eba2f25b790803c324963f02063.ttf") format("truetype"),
        /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

        url("../fonts/81d87eba2f25b790803c324963f02063.svg#Helvetica Neue LT Com 25 Ultra Light") format("svg");
    /* iOS 4.1- */
}
.bkg-inner-body {
    background: url('../img/bkg-welcome.jpg') no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@media (max-width: 768px) {
    .btn-responsive {
        padding: 2px 4px;
        font-size: 80%;
        line-height: 1;
        border-radius: 3px;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .btn-responsive {
        padding: 4px 9px;
        font-size: 90%;
        line-height: 1.2;
    }
}

@media (max-width: 768px) {
    .visibleDiv {
        position: fixed;
        bottom: 0px;
        right: 0px;
        width: 100%;
    }
}

.chkDatosVehDiv{
    overflow-y: scroll;
    height: 200px;
}


.equipParent {
    text-decoration: underline;
    font-weight: bold;
}

.equipChild {
    margin-left:15px; 
}

.grey-strong-row {
    background-color: #dddddd;
    font-weight: bold;    
}

.paddingleft-label{
    padding-left: 15px;
    text-align: right;
}

.btn-principal {
    color: #fff;
    background-color: #ff7200;
    border-color: #f77207;
}
.btn-principal:hover {
    color: #fff;
    background: #ff5a00!important;
}
.right {
    text-align: right;
}

/*<I 83796>*/
.middle-vertical {
    display: inline-block;
    vertical-align: middle;
}
/*<F 83796>*/

.clear-row {
    clear: both !important;
}
.up-filters {
    padding: 15px;
    text-align: center;
}
#pnlFiltros .btn-group .center {
    padding-left: 20%;
}
.total-footer {
    text-align: right;
    font-weight: bold;
}
.textocentro {
    vertical-align: middle !important;
    text-align: center;
}

.textocentro-sm {
    vertical-align: middle !important;
    text-align: center;
    width:10%;
}


.texto-izq-td {
    vertical-align: middle !important;
    text-align: left !important;
}
.anchocabecera {
    padding: 0 5% !important;
}
.ocultar {
    display: none;
}
.iconos {
    font-size: 14px;
    color: white;
    margin-left: 5px;
}
a.iconos:focus,
a.iconos:hover {
    color: white;
    text-decoration: none;
}
a.iconos:hover {
    cursor: pointer;
    color: lightgray;
}
.no-anchor-default {
    cursor: default !important;
    text-decoration: none !important;
}
.no-pad-left {
    padding-left: 0;
}
.no-padding {
    padding: 0 !important;
}
.no-margin {
    margin: 0;
}
#pnlFiltros .select2-container {
    width: auto !important;
}
.modalBig {
    width: 80%;
}

.modalHeadersBkg {
    background-color: #95A5A6;
    color: #fff;
}
.radioRight {
    padding-left: 20px;
}
.pad-top {
    padding-top: 20px;
}
.pad-bottom {
    padding-bottom: 20px;
}
.pad-left-checkbox {
    padding-left: 13% !important;
}
.pad-legend {
    padding: 15px 0px;
}
.upper-case {
    text-transform: uppercase;
}
.column-fit {
    width: 1% !important;
    white-space: nowrap;
}
.tituloCol {
    font-size: 18px !important;
}
.subtituloCol {
    font-size: 11px !important;
}.bordeCol {
    border-bottom: 1px solid #e7ecf1 !important;
}
.centroCol {
    padding-right: 10px;
    text-align: center;
}
.bkgtbheader-light,
.stock-actual-bkg {
    background-color: #D6E2F0;
}
.bkgtbheader-dark,
.stock-recibir-bkg {
    background-color: #9AB2D2;
}
.legend-container {
    border: 1px solid #ddd;
    padding: 15px 0px 30px 0px;
    padding-top: 15px;
}
.legend-square {
    padding: 4%;
    border: 1px solid;
}
.movilCol .subtitle {
    padding-left: 15px;
    padding-bottom: 5px;    
}

.movilCol .movilRow {
    font-size:12px;
}

.select2.select2-container {
    width: 100% !important;
}
/* ======================== */
/* START: Login*/
/* ======================== */

.box-shadow-border {
    box-shadow: 0 7px 20px #1f1f1f;
    border-radius: 7px !important;
    background: white;
}
.login .inner-body {
    padding: 10%;
    padding-top: 0;
}
.login {
    background-color: #eff3f8 !important;
}
.login figure {
    text-align: center;
    padding: 5%;
}
.login-title {
    background: #252525!important;
    color: white !important;
    text-align: left !important;
    padding: 12px;
}
.login-project-title {
    border-bottom: 2px solid #eee;
    text-align: center;
    font-weight: bold;
    color: #524f4f;
    padding: 12px;
    margin: 0 3%;
}
.login .content {
    background-color: #fff !important;
}
.login .content h3 {
    font-size: 24px;
    font-weight: bold !important;
    padding-bottom: 14px;
}
.login .content form {
    margin: 0;
}
.pad-top-3 {
    padding-top: 3px;
}
.login .content .input-icon {
    border-left: 2px solid #999!important;
}
/* ======================== */
/* END Login*/
/* ======================== */

@media (max-width: 992px) {
    .table td,
    .table th {
        font-size: 11px;
    }
    /*	table{
                    table-layout:fixed;
                    border-collapse: collapse;
            }*/

    td {
        text-overflow: ellipsis;
        overflow: hidden;
        /*white-space: nowrap;*/
    }
    .flexible {
        display: flex;
        flex-direction: column;
    }
    .flexible > div:nth-child(3n+2) {
        order: 2;
    }
    .flexible > div:nth-child(3n) {
        order: 3;
    }
    .title-width-fix {
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        /*white-space: nowrap !important;*/

        display: block;

        /*width: 10em;*/
    }
    .checkbox-fix {
        padding-left: 45px;
        padding-top: 5px;
    }
    .td-btn-reserva {
        padding: 5px;
        padding-left: 0;
    }
    .btn-reserva {
        padding: 2px 15px;
        font-size: 11px;
    }
}
tr.headerExpand {
    cursor: pointer;
    font-weight: bold;
}
.headerExpand .sign:after {
    /*    content: "+";*/
    content: url('../img/plus_amf.png');
    display: inline-block;
}
.headerExpand.expand .sign:after {
    /*    content: "-";*/
    content: url('../img/icon_minus.gif');
}
hr.style-one {
    margin : 1px 0;
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

.margin-div-center {
    margin-top: 10px;   
}
/*
* Margin responsive 
* @see https://gist.github.com/robmoggach/6361408.js
*/

.mc {
    margin-left: auto;
    margin-right: auto;
}
.mt-0 {
    margin-top: 0;
}
.mr-0 {
    margin-right: 0;
}
.mb-0 {
    margin-bottom: 0;
}
.ml-0 {
    margin-left: 0;
}
.pt-0 {
    padding-top: 0;
}
.pr-0 {
    padding-right: 0;
}
.pb-0 {
    padding-bottom: 0;
}
.pl-0 {
    padding-left: 0;
}
@media (max-width: 480px) {
    .mc-sm {
        margin-right: auto;
        margin-left: auto;
    }
    .mt-xs {
        margin-top: 4px;
    }
    .mr-xs {
        margin-right: 4px;
    }
    .mb-xs {
        margin-bottom: 4px;
    }
    .ml-xs {
        margin-left: 4px;
    }
    .mt-sm {
        margin-top: 48px;
    }
    .mr-sm {
        margin-right: 8px;
    }
    .mb-sm {
        margin-bottom: 8px;
    }
    .ml-sm {
        margin-left: 8px;
    }
    .mt-md {
        margin-top: 11px;
    }
    .mr-md {
        margin-right: 11px;
    }
    .mb-md {
        margin-bottom: 11px;
    }
    .ml-md {
        margin-left: 11px;
    }
    .mt-lg {
        margin-top: 15%;
    }
    .mr-lg {
        margin-right: 23px;
    }
    .mb-lg {
        margin-bottom: 23px;
    }
    .ml-lg {
        margin-left: 23px;
    }
    .mt-xl {
        margin-top: 38px;
    }
    .mr-xl {
        margin-right: 38px;
    }
    .mb-xl {
        margin-bottom: 38px;
    }
    .ml-xl {
        margin-left: 38px;
    }
    .pt-xs {
        padding-top: 4px;
    }
    .pr-xs {
        padding-right: 4px;
    }
    .pb-xs {
        padding-bottom: 4px;
    }
    .pl-xs {
        padding-left: 4px;
    }
    .pt-sm {
        padding-top: 8px;
    }
    .pr-sm {
        padding-right: 8px;
    }
    .pb-sm {
        padding-bottom: 8px;
    }
    .pl-sm {
        padding-left: 8px;
    }
    .pt-md {
        padding-top: 11px;
    }
    .pr-md {
        padding-right: 11px;
    }
    .pb-md {
        padding-bottom: 11px;
    }
    .pl-md {
        padding-left: 11px;
    }
    .pt-lg {
        padding-top: 23px;
    }
    .pr-lg {
        padding-right: 23px;
    }
    .pb-lg {
        padding-bottom: 23px;
    }
    .pl-lg {
        padding-left: 23px;
    }
    .pt-xl {
        padding-top: 38px;
    }
    .pr-xl {
        padding-right: 38px;
    }
    .pb-xl {
        padding-bottom: 38px;
    }
    .pl-xl {
        padding-left: 38px;
    }
}
@media (min-width: 480px) and (max-width: 992px) {
    .mc-md {
        margin-right: auto;
        margin-left: auto;
    }
    .mt-xs {
        margin-top: 4px;
    }
    .mr-xs {
        margin-right: 4px;
    }
    .mb-xs {
        margin-bottom: 4px;
    }
    .ml-xs {
        margin-left: 4px;
    }
    .mt-sm {
        margin-top: 48px;
    }
    .mr-sm {
        margin-right: 8px;
    }
    .mb-sm {
        margin-bottom: 8px;
    }
    .ml-sm {
        margin-left: 8px;
    }
    .mt-md {
        margin-top: 11px;
    }
    .mr-md {
        margin-right: 11px;
    }
    .mb-md {
        margin-bottom: 11px;
    }
    .ml-md {
        margin-left: 11px;
    }
    .mt-lg {
        margin-top: 23px;
    }
    .mr-lg {
        margin-right: 23px;
    }
    .mb-lg {
        margin-bottom: 23px;
    }
    .ml-lg {
        margin-left: 23px;
    }
    .mt-xl {
        margin-top: 38px;
    }
    .mr-xl {
        margin-right: 38px;
    }
    .mb-xl {
        margin-bottom: 38px;
    }
    .ml-xl {
        margin-left: 38px;
    }
    .pt-xs {
        padding-top: 4px;
    }
    .pr-xs {
        padding-right: 4px;
    }
    .pb-xs {
        padding-bottom: 4px;
    }
    .pl-xs {
        padding-left: 4px;
    }
    .pt-sm {
        padding-top: 8px;
    }
    .pr-sm {
        padding-right: 8px;
    }
    .pb-sm {
        padding-bottom: 8px;
    }
    .pl-sm {
        padding-left: 8px;
    }
    .pt-md {
        padding-top: 11px;
    }
    .pr-md {
        padding-right: 11px;
    }
    .pb-md {
        padding-bottom: 11px;
    }
    .pl-md {
        padding-left: 11px;
    }
    .pt-lg {
        padding-top: 23px;
    }
    .pr-lg {
        padding-right: 23px;
    }
    .pb-lg {
        padding-bottom: 23px;
    }
    .pl-lg {
        padding-left: 23px;
    }
    .pt-xl {
        padding-top: 38px;
    }
    .pr-xl {
        padding-right: 38px;
    }
    .pb-xl {
        padding-bottom: 38px;
    }
    .pl-xl {
        padding-left: 38px;
    }
}

@media (min-width: 992px ) {
    .mc-lg {
        margin-right: auto;
        margin-left: auto;
    }
    .mt-xs {
        margin-top: 5px;
    }
    .mr-xs {
        margin-right: 5px;
    }
    .mb-xs {
        margin-bottom: 5px;
    }
    .ml-xs {
        margin-left: 5px;
    }

    .mt-sm {
        margin-top: 10px;
    }
    .mr-sm {
        margin-right: 10px;
    }
    .mb-sm {
        margin-bottom: 10px;
    }
    .ml-sm {
        margin-left: 10px;
    }
    .mt-md {
        margin-top: 15px;
    }
    .mr-md {
        margin-right: 15px;
    }
    .mb-md {
        margin-bottom: 15px;
    }
    .ml-md {
        margin-left: 15px;
    }
    .mt-lg {
        margin-top: 30px;
    }
    .mr-lg {
        margin-right: 30px;
    }
    .mb-lg {
        margin-bottom: 30px;
    }
    .ml-lg {
        margin-left: 30px;
    }
    .mt-xl {
        margin-top: 50px;
    }
    .mr-xl {
        margin-right: 50px;
    }
    .mb-xl {
        margin-bottom: 50px;
    }
    .ml-xl {
        margin-left: 50px;
    }
    .pt-xs {
        padding-top: 5px;
    }
    .pr-xs {
        padding-right: 5px;
    }
    .pb-xs {
        padding-bottom: 5px;
    }
    .pl-xs {
        padding-left: 5px;
    }
    .pt-sm {
        padding-top: 10px;
    }
    .pr-sm {
        padding-right: 10px;
    }
    .pb-sm {
        padding-bottom: 10px;
    }
    .pl-sm {
        padding-left: 10px;
    }
    .pt-md {
        padding-top: 15px;
    }
    .pr-md {
        padding-right: 15px;
    }
    .pb-md {
        padding-bottom: 15px;
    }
    .pl-md {
        padding-left: 15px;
    }
    .pt-lg {
        padding-top: 30px;
    }
    .pr-lg {
        padding-right: 30px;
    }
    .pb-lg {
        padding-bottom: 30px;
    }
    .pl-lg {
        padding-left: 30px;
    }
    .pt-xl {
        padding-top: 50px;
    }
    .pr-xl {
        padding-right: 50px;
    }
    .pb-xl {
        padding-bottom: 50px;
    }
    .pl-xl {
        padding-left: 50px;
    }
}

@media (min-width: 992px) {
    .mc-xl {
        margin-right: auto;
        margin-left: auto;
    }
    .mt-xs {
        margin-top: 8px;
    }
    .mr-xs {
        margin-right: 8px;
    }
    .mb-xs {
        margin-bottom: 8px;
    }
    .ml-xs {
        margin-left: 8px;
    }
    .mt-sm {
        margin-top: 15px;
    }
    .mr-sm {
        margin-right: 15px;
    }
    .mb-sm {
        margin-bottom: 15px;
    }
    .ml-sm {
        margin-left: 15px;
    }
    .mt-md {
        margin-top: 23px;
    }
    .mr-md {
        margin-right: 23px;
    }
    .mb-md {
        margin-bottom: 23px;
    }
    .ml-md {
        margin-left: 23px;
    }
    .mt-lg {
        margin-top: 45px;
    }
    .mr-lg {
        margin-right: 45px;
    }
    .mb-lg {
        margin-bottom: 45px;
    }
    .ml-lg {
        margin-left: 45px;
    }
    .mt-xl {
        margin-top: 75px;
    }
    .mr-xl {
        margin-right: 75px;
    }
    .mb-xl {
        margin-bottom: 75px;
    }
    .ml-xl {
        margin-left: 75px;
    }
    .pt-xs {
        padding-top: 8px;
    }
    .pr-xs {
        padding-right: 8px;
    }
    .pb-xs {
        padding-bottom: 8px;
    }
    .pl-xs {
        padding-left: 8px;
    }
    .pt-sm {
        padding-top: 15px;
    }
    .pr-sm {
        padding-right: 15px;
    }
    .pb-sm {
        padding-bottom: 15px;
    }
    .pl-sm {
        padding-left: 15px;
    }
    .pt-md {
        padding-top: 23px;
    }
    .pr-md {
        padding-right: 23px;
    }
    .pb-md {
        padding-bottom: 23px;
    }
    .pl-md {
        padding-left: 23px;
    }
    .pt-lg {
        padding-top: 45px;
    }
    .pr-lg {
        padding-right: 45px;
    }
    .pb-lg {
        padding-bottom: 45px;
    }
    .pl-lg {
        padding-left: 45px;
    }
    .pt-xl {
        padding-top: 75px;
    }
    .pr-xl {
        padding-right: 75px;
    }
    .pb-xl {
        padding-bottom: 75px;
    }
    .pl-xl {
        padding-left: 75px;
    }

    .trClienteSelected{
        background-color: #F5F5F5;
    }

    .divOverflowY{
        overflow-y: scroll;
        overflow-x: auto;
        height: 150px;
    }
}

.center {
    margin: auto;
    text-align: center !important;
    width: 50%;
}

.noborder {
    border: none;
    box-shadow: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    select,
    textarea,
    input {
        font-size: 12px !important;
    }
}

.redBackground {
    color: red;
    font-weight: bold;
}

/*fieldset { 
    display: block;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px;
}*/

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 1em 1.5em 1em !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
    box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}

a.nav-link2{
    text-shadow: none;
    color: #bdbdbd;
    font-size: 14px;
    font-family: Arial,Helvetica,sans-serif;
}   


.modal-simulacion {}

.modal-simulacion .columna {
    color: #23527c;
    text-align: center;
    cursor: pointer;
}

.modal-simulacion .cell-cuota {
    padding: 0px;
    width: 10%;
}

input.input-cuota {
    padding: 0px;
    margin: 0px;
    font-size: 10px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #c2cad8;
    line-height: 1.42857;
    color: #555;
}

input.total {
    width: 80%;
    text-align: center;
    font-size: 10px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #c2cad8;
    line-height: 1.42857;
    color: #555;
}

.table-responsive-simulacion {
    min-width: 700px;
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}

.modal-simulacion .table-responsive-simulacion td {
    text-align: center;
}

.modal-confirmacion {
    width: 600px;
}

.modal-confirmacion .centrado {
    text-align: center;
}

@media screen and (-webkit-min-device-pixel-ratio: 0){
    input.input-cuota, input.total {
        font-size: 12px !important;
    }
}

@media (min-width: 992px) {
    .divemotor-modal-lg {
        width: 60%;
    }
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

.btn-space {
    margin-right: 5px;
}

.div-toolbar-height {
    height: 40px;
}

/* ========================================================================== */
.btn-divemotor {
    color: #fff;
    background-color: #95a5a6;
    border-color: #95a5a6;
}

.btn-divemotor:focus,
.btn-divemotor.focus {
    color: #fff;
    background-color: #999;
    border-color: #999;
}

.btn-divemotor:hover {
    color: #fff;
    background-color: #999;
    border-color: #999;
}

.btn-divemotor:active,
.btn-divemotor.active,
.open > .dropdown-toggle.btn-divemotor {
    color: #fff;
    background-color: #999;
    border-color: #999;
}

.btn-divemotor:active:hover,
.btn-divemotor.active:hover,
.open > .dropdown-toggle.btn-divemotor:hover,
.btn-divemotor:active:focus,
.btn-divemotor.active:focus,
.open > .dropdown-toggle.btn-divemotor:focus,
.btn-divemotor:active.focus,
.btn-divemotor.active.focus,
.open > .dropdown-toggle.btn-divemotor.focus {
    color: #fff;
    background-color: #999;
    border-color: #999;
}

.btn-divemotor:active,
.btn-divemotor.active,
.open > .dropdown-toggle.btn-divemotor {
    background-image: none;
}

.btn-divemotor.disabled:hover,
.btn-divemotor[disabled]:hover,
fieldset[disabled] .btn-divemotor:hover,
.btn-divemotor.disabled:focus,
.btn-divemotor[disabled]:focus,
fieldset[disabled] .btn-divemotor:focus,
.btn-divemotor.disabled.focus,
.btn-divemotor[disabled].focus,
fieldset[disabled] .btn-divemotor.focus {
    background-color: #ddd;
    border-color: #ddd;
}

.btn-divemotor .badge {
    color: #999;
    background-color: #fff;
}
/* ========================================================================== */
.login-input {
    font-size: 16px;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
        visibility: hidden !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
        visibility: hidden !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
        visibility: hidden !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
        visibility: hidden !important;
    }

    .table-responsiveScroll {
        max-height: 242px;
        min-height: 0.01%;
        overflow-x: auto;
        overflow-y: scroll;
    }
    .table-responsiveScrollRolProceso {
        max-height: 231px;
        min-height: 0.01%;
        overflow-x: auto;
        overflow-y: scroll;
    }

    .table-responsiveScroll-Principal {
        max-height: 317px;
        min-height: 0.01%;
        overflow-x: auto;
        overflow-y: scroll;
    }

    .table-responsiveScroll-Modal {
        max-height: 334px;
        min-height: 0.01%;
        overflow-x: auto;
        overflow-y: scroll;
    }

    .table-responsiveScroll-PrincipalProcesosRol {
        max-height: 344px;
        min-height: 0.01%;
        overflow-x: auto;
        overflow-y: scroll;
    }

}

input[type=radio].css-radio {
    position:absolute;
    z-index:-1000;
    left:-1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0;
}

input[type=radio].css-radio + label.css-label {
    padding-left:24px;
    height:19px; 
    display:inline-block;
    line-height:19px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:19px;
    vertical-align:middle;
    cursor:pointer;
}


input[type=radio].css-radio:checked + label.css-label {
    background-position: 0 -19px;
}

label.radio-blue,
label.radio-green,
label.radio-orange,
label.radio-red {
-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
user-select: none;
}
label.radio-red {
    background-image:url('./radio-red.png');
}

label.radio-orange {
    background-image:url('./radio-orange.png');
}

label.radio-green {
    background-image:url('./radio-green.png');
}

label.radio-blue {
    background-image:url('./radio-blue.png');
}

tags-input .tags input[type="text"] {
    padding: 1px;
}

tags-input .tags .tag-item.tag-blue {
    color: #fff;
    background: #428bca;
    border: 1px solid #357ebd;
    border-radius: 4px;
}

@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 40%; 
		white-space: normal;
		text-align:left;
	}
        
        #no-more-tables td.first-child { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 5%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 35%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
        
        #no-more-tables td.first-child:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 35%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}