/*IMPORTAR EL CSS ESPECÍFICO */
@import url("specific.css");

/* Personalizado GENERAL */

html
{
    /*zoom:90%; 	  -moz-transform: scale(0.98);*/
}

@media (min-width:768px)
{
    .container
    {
        width: 750px !important;
    }
}
@media (min-width:992px)
{
    .container
    {
        width: 970px !important;
    }
}
@media (min-width:1200px)
{
    .container
    {
        width: 1000px !important;
    }
}


@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Regular-Web.eot');
    src: url('../fonts/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'),url('../fonts/Graphik-Regular-Web.woff2') format('woff2'),url('../fonts/Graphik-Regular-Web.woff') format('woff'),url('../fonts/Graphik-Regular-Web.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}
.modal-header
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    color: White;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-repeat: repeat-x;
    background-color: #2175d9;
}

.modal-body
{
    padding-bottom: 0px;
}

.form-group
{
    margin-bottom: 7px !important;
}

.modal-title
{
    font-size: 14px;
}

.modal-footer
{
    height: 45px !important;
}

.input-group[class*=col-]
{
    padding-left: 15px;
    padding-right: 15px;
}

.vceErrorMsj-lg
{
    width: 220px !important;
}

.vceErrorMsj
{
    width: 160px;
    max-width: none;
}

.vceErrorMsj .ajax__validatorcallout_icon_cell img
{
    display: none;
}

.vceErrorMsj div, .vceErrorMsj td
{
    background-color: #2175d9;
    color: #FFFFFF;
    font-weight: bold;
}

.desplazarMsjValidator
{
    left: -15px !important;
}

.desplazarColMsjValidator
{
    margin-left: 28px !important;
}

.desplazarMsjMultiComboValidator
{
    position: relative!important;
    top: inherit!important;
    left: inherit!important;
}

.panel-footer-clear
{
    min-height: 55px;
}

/* GRID */
.table th a
{
    background: transparent url('../images/sort_both_color.png') right center no-repeat !important;
    padding-right: 20px;
    cursor: pointer;
}

.table th
{
    background-color: #e5e5e5 !important;
}

.table th.sortedAscending a
{
    background: transparent url('../images/sort_asc_hover.png') right center no-repeat !important;
    padding-right: 20px;
    cursor: pointer;
    color: #737373 !important;
}

.table th.sortedAscending a:hover
{
    color: #2175d9 !important;
}

.table th.sortedDescending a
{
    background: transparent url('../images/sort_desc_hover.png') right center no-repeat !important;
    padding-right: 20px;
    cursor: pointer;
    color: #737373 !important;
}

.table th.sortedDescending a:hover
{
    color: #2175d9 !important;
}

.table.sortable a
{
    color: #737373;
    float: left;
    line-height: 1.4;
    min-height: 17px;
    width: 100%;
    background: url('../img/general/sprite_table.png') no-repeat right -200px;
}
.table.sortable a:hover
{
    color: #2c2c2c;
    background-position: right -250px;
}
.table.sortable th a
{
    color: #737373;
    float: left;
    line-height: 1.4;
    min-height: 17px;
    width: 100%;
    background: url('../img/general/sprite_table.png') no-repeat right -200px;
}
.table.sortable th a:hover
{
    color: #2c2c2c;
    background-position: right -250px;
}
.table.sortable td a
{
    color: #737373;
    float: left;
    line-height: 1.4;
    min-height: 17px;
    width: 100%;
}
.table.sortable td a:hover
{
    color: #2c2c2c;
    background-position: right -250px;
}
.table.sortable.chbox thead .checker
{
    float: left;
}
.table.sortable.resize a
{
    padding: 0 5px 0 0;
    width: 90%;
}
.table a.sort_desc, .table_basic .headerSortDown a
{
    background-position: right 5px;
}
.table a:hover.sort_desc, .table .headerSortDown a:hover
{
    background-position: right -45px;
}
.table a.sort_asc, .table .headerSortUp a
{
    background-position: right -95px;
}
.table a:hover.sort_asc, .table .headerSortUp a:hover
{
    background-position: right -145px;
}
.table.resize th, .table.resize td
{
    text-indent: 10px;
    border-right: 1px solid #d5d5d5;
}


/* PAGINACION*/
.table .table_pagination table tr
{
    border-top: 1px solid #737373;
    border-bottom: 1px solid #737373;
    font-weight: bolder;
}
.table .table_pagination table td:first-child
{
    border-left: 1px solid #737373;
    padding: 3px 5px 3px 5px;
}
.table .table_pagination table td
{
    border-right: 1px solid #737373;
    padding: 3px 5px 3px 5px;
}
.table_pagination > td > table > tbody > tr > td > span
{
    background-color: #2175d9;
    color: #ffffff;
    padding: 2px;
}

/*MOVIL*/

.resultorder-mobil .table_pagination tr
{
    border-top: 1px solid #737373;
    border-bottom: 1px solid #737373;
    font-weight: bolder;
}
.resultorder-mobil .table_pagination td:first-child
{
    border-left: 1px solid #737373;
    padding: 3px 5px 3px 5px;
}
.resultorder-mobil .table_pagination td
{
    border-right: 1px solid #737373;
    padding: 3px 5px 3px 5px;
}

/*----------------------------------*/


/* ***************************AjaxTabs*************************** */
.ajax__tab_header
{
    height: 26px !important;
}

.ajax__tab_body
{
    font-family: 'Helvetica Neue' , Helvetica, Arial !important;
    font-size: 12px !important;
}

.ajax__tab_outer
{
    background:#2175d9 url(../images/spacer.gif) no-repeat right top !important;
    border-right: 1px solid #FFFFFF !important;
    padding-bottom: 11px !important;
    -moz-border-radius-topright: 10px 10px;
    border-top-right-radius: 10px 10px;
    -moz-border-radius-topleft: 10px 10px;
    border-top-left-radius: 10px 10px;
    height: 25px !important;
}

.ajax__tab_inner
{
    background: url(../images/spacer.gif) repeat-x bottom !important;
}

.ajax__tab_inner span:hover
{
    color: #000000 !important;
}

.ajax__tab_inner a:focus, .ajax__tab_inner a:visited
{
    outline: 0 !important;
}

.ajax__tab_tab
{
    font-family: 'Helvetica Neue' , Helvetica, Arial !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    color: #FFFFFF !important;
    background: url(../images/spacer.gif) repeat-x bottom !important;
    height: 20px !important;
     padding-left: 5px!important;
    padding-right: 5px!important;
    padding-top: 5px!important;
}

.ajax__tab_active .ajax__tab_outer
{
    background: #FFFFFF url(../images/spacer.gif) no-repeat right top !important;
    border-right: 1px solid #2175d9 !important;
    border-left: 1px solid #2175d9 !important;
    border-top: 1px solid#2175d9 !important;
}

.ajax__tab_active .ajax__tab_inner span
{
    color: #2175d9 !important;
}

.ajax__tab_active .ajax__tab_inner span:hover
{
    color: #104FC6 !important;
}

.ajax__tab_xp .ajax__tab_body
{
    border-width:0px !important;
}

.ajax__tab_xp .ajax__tab_header
{
    border-bottom: 1px solid #2175d9 !important;
    background: #FFFFFF url(../images/spacer.gif) no-repeat right top !important;
}
/*----------------------------------*/

/* LOADER */
.pnlLoading
{
    overflow: hidden !important;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.13);
}

.msjLoading
{    
    display: flex;
    padding-top: 200px;
    padding-left: 74px;
    padding-right: 74px;
}
/*----------------------------------*/


/* NUEVO MODAL MD */
.modal-md
{
    width: 850px;    
    height: 60%;
}

/* NUEVO MODAL XL */
.modal-xl
{
    width: 1200px;
}

/* NO SUBRAYAR ENLACES */
.notUnderlined
{
    text-decoration: none;
}

a:link
{
    text-decoration: none;
}

a:visited
{
    text-decoration: none;
}

a:hover
{
    text-decoration: none;
}

a:active
{
    text-decoration: none;
}

/*----------------------------------*/

/* MENSAJES DE ALERTA */
.alert
{
    padding: 10px !important;
}
.alert-dismissable .close
{
    position: relative;
    top: -2px;
    right: 0px;
}
/*----------------------------------*/

/* LEGEND MÁS PEQUEÑO */
legend
{
    font-size: 16px;
    font-weight: bolder;
}

/*  CABECERA */

.logoCabecera
{
    width: 20%;
}
/* ----------------------------------------------------- */

/* PANELES Fondo GRIS */
.well
{
    background-color: #e5e5e5 !important;
}

.panel-body
{
    padding-top: 10px !important;
    padding-bottom: 0px !important;
    padding-left: 100px !important;
    padding-right: 100px !important;
}

.panel-filter
{
    background-color: #e5e5e5 !important;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.panel-buttons
{
    background-color: #e5e5e5 !important;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.modal-buttons
{
    background-color: #e5e5e5 !important;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    height: 57px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.modal-min-height-120
{
    min-height: 120px;
}


/* -------------------- */

/* MIGA DE PAN */

.breadcrumb
{
    border: 1px solid #c5c5c5;
    background-color: #e5e5e5;
    height: 30px;
    padding-top: 6px;
}

.breadcrumb > li + li:before
{
    content: " ";
}

/* -------------------- */

/* MENU SUPERIOR */
.removePaddinglaterales
{
    padding-left: 1px !important;
    padding-right: 1px !important;
    margin-bottom: -10px;
}

.panel-menu
{
    background-color: #2175d9;
}

/*.navbar
{
      min-height: 42px!important;   
}

.navbar-inverse .navbar-nav > li > a
{
    color: #fff !important;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus
{
    color: #999 !important;
    background-color: transparent;
}

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus
{
    color: #000 !important;
}

.navbar .navbar-nav > li > a
{
    color: #fff !important;
    background-color: transparent;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{
    color: #fff !important;
    background-color: #2175d9;
}*/

/*@media (min-width: 768px)
{
    .navbar-nav > li > a
    {
        padding-top: 12px !important;
        padding-bottom: 11px !important;
    }
}*/
/* -------------------- */

/* RESIZE EL TIMEPICKER */
.resizeTimePicker
{
    width: 40rem!important;
}
/* -------------------- */

/* SIZE CONTROL */
.sizeControl
{
    height: 100% !important;
}
/* ----------------------------------------------------- */

/* CONTROL Fecha Grid */
.sizeDateTimeGrid
{
    width: 125px !important;
}

/* CONTROL Fecha */
.sizeDateTime
{
    width: 100% !important;
}
/*----------------------------------*/

/* CONTROL Hora */
.sizeTime
{
    width: 120px !important;
}

/* CONTROL Hora Grid */
.sizeTimeGrid
{
    width: 85px !important;
}

/*----------------------------------*/

/* GRIDVIEW RESPONSIVE */
.gridView-responsive > div
{
    overflow-y: auto;
    overflow-x: auto; 
}
/* -------------------- */


/* QUITAR ESPACIO INFERIOR DEL FILEUPLOAD Y OCULTAR TXT DEL NOMBRE DEL FICHERO */

.btn-glyph
{
    padding-bottom: 5px;
}

.hideFileUpload
{
    width: 1px;
    height: 0px;
    visibility: collapse;
}


.FileUploadClass {
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 23px;
    height: 100%;
    width: 100%;
    direction: ltr;
    cursor: pointer;
    cursor: hand;
}

.FileUploadClass input[type=file] {
        background: transparent;
        opacity: 0;
        filter: alpha(opacity = 0);
        left: auto;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
    }

.FakeFileUpload {
    z-index: 1;
    cursor: pointer;
}

.FakeFileUploadDiv {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    z-index: 5;
    cursor: pointer;
}


/* -------------------- */

/* Validador a la deracha del combo */
select.select2-offscreen, select.select2-offscreen:focus
{
    clip: rect(0 0 0 0) !important;
    width: 100% !important;
    height: 0px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    outline: 0 !important;
    top: -28px !important;
    left: auto !important;
}
/* -------------------- */


/* COLUMNA ColorColumn */
.fixed-size-square
{
    display: table;
    width: 16px;
    height: 16px;
    margin-top: 6px;
}
.fixed-size-square div
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white;
}

/* ----------------------------------------------------- */


/* COMPLEMENTOS

/* CURSOR MANO PARA ICONOS */
.hand
{
    cursor: pointer;
}

/* COLOR BASE */
.colorBase
{
    color: #2175d9;
}
/* -------------------- */

/*----------------------------------*/
/* ALINEACIONES */
.align-center
{
    text-align: center;
}

.align-right
{
    text-align: right;
}

.align-left
{
    text-align: left;
}

.align-justify
{
    text-align: justify;
}

/*----------------------------------*/

/*.divCentrado
{
    width: 400px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -250px;
}*/

/*----------------------------------*/
/* CONTROL SEARCH */
.round-corner 
{
      border-radius: 0px 4px 4px 0px!important;
}

/*----------------------------------*/
/* EDIT COLUMN */
.margin
{
      margin:2px;
}

/*----------------------------------*/
/* ddlMultiUsuario */
.ddlMultiUsuario
{
    margin-top: 10px;
}

/*----------------------------------*/
/* MultiCombo */
.obligatorioMultiCombo
{
    border: 1px solid #b94a48;
}
.enabledMultiCombo
{
    /*background-color: #eeeeee!important;*/
	border: 1px solid #ddd!important;
    cursor: not-allowed!important;
    opacity: 1!important;
}

/*----------------------------------*/
/* Icono de la barra de navegacion responsive */
/*.navbar-toggle {
    border: 1px solid #ddd;
}

.navbar-toggle .icon-bar {
    background-color: #ddd;
}*/

/*----------------------------------*/
/* Autocomplete */

.completionList {
        border:solid 1px #4b90fc;
        margin:0px;
        padding:3px;
        height: 120px;
        overflow:auto;
        background-color: #FFFFFF;     
        } 
.listItem {
        color: #191919;
        } 
.itemHighlighted {
        background-color: #9b9b9c;   
        cursor: pointer;    
        color: #FFFFFF;
        }

/*----------------------------------*/
/* Iframe */
.iframe-mensajeria {
    border-width: 0px !important;
    width: 100% !important;
    height: 550px !important;
}