@font-face {
    font-family: Free 3 of 9 Extended;
    src: url('../fonts/fre3of9x.ttf') format('truetype');
   /* src: local("Free 3 of 9 Extended"), url(../fonts/fre3of9x.ttf) format("truetype"); */
}
@font-face {
    font-family: Codigo;
    src: url('~/fonts/3OF9_NEW.TTF') format('truetype');
}

@font-face {
    font-family:'metro';
    src: url('../fonts/metro.woff') format('woff');
}
@font-face {
    font-family: '3OF9_NEW';
    src: url('../fonts/3OF9_NEW.TTF') format('truetype');
}
@font-face {
    font-family: 'ChaserDemo';
    src: url('../fonts/CHASD__.TTF') format('truetype');
}
@font-face {
    font-family: 'code128';
    src: url('../fonts/code128.ttf') format('truetype');
}
.error {
    color:red;
}
.valid {
    color:green;
}

body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */


/* Set padding to keep content from hitting the edges */
.body-content {

    padding-left: 15px;
    padding-right: 15px;
    font-size: 12pt;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    /*white-space: normal;*/
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

/***************** NOTIFICACIONES ***************************/
.notificacion{
    font-size:12pt;
}
/***********************************************************/

/**/
td.details-control {
    background: url('images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('images/details_close.png') no-repeat center center;
}

/************************************************** DIALOGO ***********************************************/

.nombre-usuario{
    font-size:8pt;
    text-align:center;
}

#transparencia, #transparencia-mensajes {
    position: fixed;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
    text-indent: -9999px;
}


.fondo-inicio-sesion {
    display: block;
}

.dialogo {
    position: fixed;
    display: block;
    width: auto;
    height: auto;
    left: 50%;
    top: 40%;
    /*background-color: #fff;*/
    padding: 20px;
    border-radius: 3px;
    z-index: 100;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}

    .dialogo .cerrar-dialogo, #menu .cerrar-menu {
        position: absolute;
        display: block;
        top: 10px;
        right: 10px;
        cursor: pointer;
        z-index: 1;
    }

        .dialogo .cerrar-dialogo:hover, #menu .cerrar-menu:hover {
            opacity: 0.7;
        }

    .dialogo .titulo-dialogo {
        position: relative;
        display: block;
    }

        .dialogo .titulo-dialogo .titulo {
            position: relative;
            display: block;
            font-weight: bold;
            font-size: 28px;
            color: #000;
        }

        .dialogo .titulo-dialogo .subtitulo {
            position: relative;
            display: block;
            font-weight: normal;
            font-size: 14px;
            color: #000;
        }

    .dialogo .contenido {
        position: relative;
        display: block;
        padding: 50px 0;
    }

    .dialogo .botones {
        position: relative;
        display: block;
        text-align: right;
    }

        .dialogo .botones button,
        .dialogo .botones input[type="submit"] {
            position: relative;
            display: inline-block;
            border-right: 1px dotted #757575 !important;
            margin: -2px;
            padding: 2px 30px;
            font-size: 14px;
        }

            .dialogo .botones button:last-of-type,
            .dialogo .botones input[type="submit"]:last-of-type {
                border: none !important;
            }

        .dialogo .botones .confirmar,
        .dialogo .botones .aceptar {
            font-weight: bold;
            color: #bf360c;
            border: none;
            background-color: transparent;
            cursor: pointer;
        }

    .dialogo div.botones .cancelar {
        font-weight: normal;
        color: #212121;
        border: none;
        background-color: transparent;
        cursor: pointer;
    }

#cuerpo-pagina {
    position: relative;
    display: block;
    padding-top: 120px;
}

.barra-superior {
    position: fixed;
    display: block;
    width: 100%;
    min-width:980px;
    height: 50px;
    background-color: #222222;
    padding: 13px 20px;
    box-shadow: 0 0 10px #424242;
    z-index: 999;
}

    .barra-superior > span {
        position: relative;
        display: inline-block;
        color: #fff;
    }

    .barra-superior .titulo {
        font-weight: normal;
        font-size: 16px;
    }

    .barra-superior .subtitulo {
        font-size: 16px;
        font-weight: 300;
        color: #e0e0e0;
        margin-left: 10px;
        padding-left: 10px;
        border-left: 1px dotted #fff;
    }

.flotar-derecha {
    position: relative;
    display: block;
    float: right;
    padding: 0;
        position: relative;
    display: block;
    color: #fff;
    /*border: 1px solid #e0e0e0;*/
    padding: 3px;
    margin-top: -3px;
    text-decoration: none;
    border-radius: 2px;
    font-size: 14px;
}

#lnkMostrarMenu {
    position: relative;
    display: block;
    color: #fff;
    /*border: 1px solid #e0e0e0;*/
    padding: 3px;
    margin-top: -3px;
    text-decoration: none;
    border-radius: 2px;
    font-size: 14px;
    /*background: url(/iconos/ic-menu.png) no-repeat;
    background-position: 10px center;
    padding-left: 35px !important;*/
}

    #lnkMostrarMenu:hover {
        background-color: rgba(255,255,255,0.2);
    }

#menu {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    padding: 0;
    width: 650px;
   
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px #e0e0e0;
    z-index: 1;
}

    #menu .opciones-menu {
        position: relative;
        display: inline-block;
        border-right: 1px solid #e0e0e0;
        width: 155px;
        height: 448px;
        background-color: #fafafa;
        overflow: auto;
        z-index: 1;
        vertical-align: top;
    }

        #menu .opciones-menu a {
            position: relative;
            display: block;
            padding: 10px;
            color: #616161;
            font-weight: normal;
            text-decoration: none;
            border-bottom: 1px dotted #bdbdbd;
            transition: 0.5s all ease;
            font-size: 12pt;
        }

            /* el link de cerrar sesion */
            #menu .opciones-menu a:last-of-type {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                background-color: #212121;
                color: #e0e0e0;
                border-bottom: 0;
                padding: 8px;
                text-align: center;
            }

                #menu .opciones-menu a:last-of-type:hover {
                    opacity: 0.7;
                    border: 0;
                    background-color: #212121;
                    color: #e0e0e0;
                }

            #menu .opciones-menu a:hover {
                border-left: 3px solid #616161;
                background-color: #eee;
                /*color: #fff;*/
                transition: 0.5s all ease;
            }

            #menu .opciones-menu a.seleccionada {
                border-left: 3px solid #616161;
                background-color: #eee !important;
                transition: 0.5s all ease;
                border-right: 0 !important;
                /*background: url(/iconos/ic-triangulo.png) no-repeat;
                background-position: right center;
                background-size: 15px 20px;*/
            }

    #menu .opciones-menu-seleccionado {
        position: relative;
        display: inline-block;
        width: 480px;
        height: 448px;
    }

        #menu .opciones-menu-seleccionado .contenido {
            position: absolute;
            display: block;
            top: 10px;
            left: 10px;
            right: 10px;
            bottom: 10px;
            overflow: auto;
        }

            #menu .opciones-menu-seleccionado .contenido span {
                    position: absolute;
                    top: 40%;
                    left: 200px;
            }

            #menu .opciones-menu-seleccionado .contenido h3 {
                position: relative;
                display: block;
                font-weight: 300;
                font-size: 24px;
                color: #424242;
                margin: 0;
                margin-bottom: 10px;
            }

            #menu .opciones-menu-seleccionado .contenido div {
                position: relative;
                display: block;
                margin-bottom: 10px;
                margin-right: 20px;
                min-width: 130px;
                float: left;
            }

                #menu .opciones-menu-seleccionado .contenido div nav a {
                    position: relative;
                    display: block;
                    font-size: 12pt;
                    color: #bf360c;
                    text-decoration: none;
                    opacity: 1;
                }

                    #menu .opciones-menu-seleccionado .contenido div nav a:hover {
                        opacity: 0.7;
                        color: #bf360c;
                    }

            #menu .opciones-menu-seleccionado .contenido > nav a {
                position: relative;
                display: inline-block;
                border: 1px solid #bf360c;
                padding: 5px;
                padding-top: 60px;
                font-size: 13px;
                color: #fff;
                text-decoration: none;
                border-radius: 5px;
                background-color: rgba(194, 59, 8, 0.8);
                transition: all 1s ease;
            }

                #menu .opciones-menu-seleccionado .contenido > nav a:hover {
                    box-shadow: 0 0 10px #616161;
                    transition: all 1s ease;
                }



#fondo-con-imagen {
    position: fixed;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size:cover;
}

#iniciar-sesion,
#recuperar-contrasena {
    border-radius: 0;
    background-color: rgba(194, 59, 8, 0.85);
    box-shadow: 0 0 10px #424242;
    -webkit-box-shadow: 0 0 10px #424242;
    -moz-box-shadow: 0 0 10px #424242;
}

#iniciar-sesion {
    display: block;
}

#recuperar-contrasena {
    display: none;
}

    #iniciar-sesion label,
    #recuperar-contrasena label {
        position: relative;
        display: block;
        color: #fff;
    }

    #iniciar-sesion .titulo-dialogo .titulo,
    #recuperar-contrasena .titulo-dialogo .titulo {
        color: #fff;
        font-weight: 400;
        font-size: 24px;
    }

    #iniciar-sesion .titulo-dialogo .subtitulo,
    #recuperar-contrasena .titulo-dialogo .subtitulo {
        color: #fff;
        font-weight: 300;
        font-size: 16px;
        margin-bottom: 20px;
    }

    #iniciar-sesion .contenido input[type=text],
    #iniciar-sesion .contenido input[type=password],
    #recuperar-contrasena .contenido input[type=email] {
        position: relative;
        display: block;
        margin-bottom: 10px;
        padding: 13px;
        width: 100%;
        border: 0;
        border-radius: 0px !important;
        outline: none;
        font-weight: normal;
        color: #000;
        font-size: 14px;
        
    }

    #iniciar-sesion .botones,
    #recuperar-contrasena .botones {
        position: relative;
        display: block;
        float: right;
    }

        #iniciar-sesion .botones input[type="submit"],
        #iniciar-sesion .botones button,
        #recuperar-contrasena .botones input[type="submit"] {
            background-color: #212121;
            color: #fff;
            padding: 10px;
            cursor: pointer;
        }

            #iniciar-sesion .botones input[type="submit"]:hover,
            #iniciar-sesion .botones button:hover,
            #recuperar-contrasena .botones input[type="submit"]:hover {
                opacity: 1 !important;
            }

    #iniciar-sesion .olvide-contrasena,
    #recuperar-contrasena .recorde-contrasena {
        position: relative;
        display: block;
        float: left;
        padding-top: 5px;
    }

        #iniciar-sesion .olvide-contrasena > a,
        #recuperar-contrasena .recorde-contrasena > a {
            color: #fff;
            cursor: pointer;
            text-shadow: 0 0 2px #000;
        }

.titulo-pagina {
    /*position: fixed;
    display: block;*/
    /*width: 80%;*/
    top: 60px;
    padding-top: 10px;
    padding-bottom: 60px;
    /*padding: 8px 20px;*/
    /*border-bottom: 1px solid #bdbdbd;*/
    /*background-color: #fff;*/
    z-index: 1;
    /*box-shadow: 0 0 20px #e0e0e0;
    box-shadow: 0 0 0px none;*/
}

    .titulo-pagina .titulo {
        position: relative;
        float: left;
    }

      .titulo-pagina .titulo > span:first-of-type {
        /*font-weight: 300;
        font-size: 32px;
        color: #bf360c;*/
        border: 0 !important;
        padding-right: 10px;
        padding-left: 0 !important;
        margin-right: 5px;
        color: #bf360c;
        font-weight: 300;
        font-size: 28px !important;
        
    }

    .titulo-pagina > .titulo > span:last-of-type {
        font-weight: 300;
        font-size: 22px;
       
        padding-left: 10px;
        border-left: 1px dotted #9e9e9e;
    }

    .titulo-pagina .opciones {
        position: relative;
        float: right;
        margin-top: 8px;
    }

        .titulo-pagina .opciones .separador-horizontal {
            vertical-align: middle;
        }

        .titulo-pagina .opciones > a {
            position: relative;
            display: inline-block;
            font-size: 14px;
            font-weight: normal;
            color: #bf360c;
            text-decoration: none;
            margin-right: 5px;
            border-right: 1px dotted #9e9e9e;
            padding-right: 5px;
            transition: color 1s ease;
        }

            .titulo-pagina .opciones > a:last-of-type {
                border: 0;
                margin-right: 0;
                padding-top: 4px;
                /*color: #212121;*/
            }

            .titulo-pagina .opciones > a > span {
                color: #bf360c;
                margin-right: 5px;
                font-size: 24px;
                vertical-align: middle;
            }

                .titulo-pagina .opciones > a > span.chico {
                    color: #bf360c;
                margin-right: 5px;
                vertical-align: middle;
                    font-size: 20px;
                }

        .titulo-pagina .opciones > button,
        .titulo-pagina .opciones > input[type="submit"],
        .titulo-pagina .opciones > .boton {
               position: relative;
            display: inline-block;
            font-size: 14px;
            font-weight: normal;
            color: #fff;
            text-decoration: none;

            transition: color 1s ease;
        }

            .titulo-pagina .opciones > a:hover,
            .titulo-pagina .opciones > button:hover,
            .titulo-pagina .opciones > input[type="submit"]:hover,
            .titulo-pagina .opciones > .boton:hover {
                opacity: 0.7;
                
                transition: color 1s ease;
            }

.seccion {
    position: relative;
    display: block;
    margin: 10px 0;
    padding-top: 10px;
}

.seccion .titulo {
    position: relative;
    display: block;
    padding: 0 10px;
      font-weight: 300;
        font-size: 30px;
}

    .seccion .instrucciones {
        position: relative;
        display: block;
        padding: 0 10px;
        margin-bottom: 30px;
    }

    .seccion .titulo h1,
    .seccion .titulo-lateral h1,
    .seccion .titulo-lateral span.titulo {
        font-weight: 300;
        font-size: 30px;
        margin: 10px 0;
    }

    .seccion .titulo p,
    .seccion .titulo-lateral p,
    .seccion .titulo-lateral span.subtitulo {
        position: relative;
        display: block;
        margin-top: -10px;
        margin-bottom: 30px;
        color: #424242;
        font-size: 15px;
        font-weight: normal;
    }

    .seccion .titulo-lateral p,
    .seccion .titulo-lateral span.subtitulo {
        font-weight: 300;
        font-size: 22px !important;
        margin-bottom: 10px;
    }

    .seccion .titulo-lateral h1,
    .seccion .titulo-lateral p,
    .seccion .titulo-lateral span.titulo,
    .seccion .titulo-lateral span.subtitulo {
        position: relative;
        display: inline-block;
    }

    .seccion .titulo-lateral h1,
    .seccion .titulo-lateral span.titulo {
        border-right: 1px dotted #9e9e9e;
        padding-right: 10px;
        margin-right: 5px;
        color: #000;
    }

    .seccion .aviso {
        position: relative;
        display: block;
        margin-left: -5px;
        text-transform: uppercase;
        font-size: 16px;
        height: 50px;
        padding-top: 15px;
        padding-left: 65px;
        color: #000;
        /*background: url(/iconos/ic-aviso-gris.png) no-repeat;
        background-position: 10px center;*/
    }

input[type="submit"],
.cancelar
 {
    border:none;    
    font-size: 14px;
    background-color: #c54c26;
    color: #fff;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:3px;
    padding-right:3px;
    min-width:80px;
    cursor: pointer;
}

input[type="button"],
.aceptarButton
 {
    border:none;    
    font-size: 14px;
    background-color: #c54c26;
    color: #fff;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:3px;
    padding-right:3px;
    min-width:80px;
    cursor: pointer;
}

.text-box-mediano{
    height:35px;
    padding: 5px 5px 5px 5px;
}

.text-area{
    padding: 5px 5px 5px 5px;
}

.text-box-modal{
    height:35px;
    padding: 5px 5px 5px 5px;
}

.text-money{
    width:100px;
}

.text-fecha{
    width:140px;
}

.textbox-label-padding{
    padding-bottom:0px;
    margin-bottom:0px;
}

.busqueda-small-textbox{
    width:100%;
    height:35px;
    padding: 5px 5px 5px 5px;
}

.busqueda-small-label{
    width:70px;    
}

.busqueda-button{
    height:35px;
    width:100%;
}

.busqueda{
    background: #fafafa;
    padding-top:15px;
    padding-bottom:20px;
    padding-left:10px;
    padding-right:10px;
    /*border-radius:5px;*/
    font-size:11pt;  
    border: 1px solid #e0e0e0;    
}

.busqueda-width{
    /*max-width:220px;
    width:220px;*/
    /*min-width:210px;*/
    padding-right:0;  
}


.top-icon{
    top: 22px;
}

.top-border{
    border-top:1px solid #ccc;
}

.bottom-border{
    border-bottom:1px solid #ccc;
    margin-bottom:10px;
}

.max-width{
    width:100%;
}

div#cargando { 
    display: none; 
}

/**************** TABS *****************************/
/*.nav-tabs > li > a {
    height:30px;
    padding-left:30px;
    padding-right:30px;
    display: flex;
    align-items:center;
    margin-bottom: 0px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
    color: #fff;
    font-weight:bold;
    font-size:11pt;
    background-color: #222222;  
    border-radius:2px;
    text-align: center;
} 

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus{    
    border:none;
    color: #222222;
    background: #fff;
    font-weight:bold;
    font-size:11pt;
    border-radius:2px;
    text-align: center;
} 

.tab-content{
    background-color: #fafafa;
    padding-right:15px;
    padding-left:15px;
    padding-top:10px;
    padding-bottom:20px;    
    min-height:265px;
    border-top: 2px solid #222222;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}*/

.expediente-titulo{
    width:980px;
    min-width:980px;
    max-width:980px;
}

.table{
    margin-top:15px;
}


/*table layout - last column*/
table tr td:last-child {
  /*  white-space: nowrap;*/
    /*width: 1px;*/
    text-align:right;
}

/* layout.css Style */
.upload-drop-zone {
  height: 200px;
  border-width: 2px;
  margin-bottom: 20px;
}

/* skin.css Style*/
.upload-drop-zone {
  color: #ccc;
  border-style: dashed;
  border-color: #ccc;
  line-height: 200px;
  text-align: center
}
.upload-drop-zone.drop {
  color: #222;
  border-color: #222;
}



.image-preview-input {
    position: relative;
    overflow: hidden;
	margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}

.panel-cafe{
     background-color: #666666  !important;
     color: #c54c26;
     border-color: #ccc !important;
     border-bottom-color: #ccc !important;
     border-top-color: #ccc !important;
     border-left-color:#ccc !important;
     border-right-color:#ccc !important;
    
}
.panel-primary-cafe{
     border-color: #ccc !important;
     border-bottom-color: #ccc !important;
     border-top-color: #ccc !important;
     border-left-color:#ccc !important;
     border-right-color:#ccc !important;

}
.ultima-linea {
    position: relative;
    display: block;
    padding: 5px;
    height: 30px;
    
    background-color: #222222;
    position: fixed;
    bottom: 0px;
    width:100%;
}

.ultima-linea > span {
        position: relative;
        display: inline-block;
        color: #fff;
    }

    .ultima-linea .titulo {
        font-weight: normal;
        font-size: 16px;
    }

    .ultima-linea .subtitulo {
        font-size: 16px;
        font-weight: 300;
        color: #e0e0e0;
        margin-left: 10px;
        padding-left: 10px;
        border-left: 1px dotted #fff;
    }

.dropdown-menu > li > a {
    font-size:16px;
}