* {
    /*font-family: sans-serif;*/
    /*font-family: 'segoe ui', arial, sans-serif;*/
    font-size: 12px;
}
body
{
    -webkit-user-select : none;
    -moz-user-select    : -moz-none;
    -ms-user-select     : none;
    user-select         : none;
    margin              : 0px;
    padding             : 0px;
}

b{
    font-size: 16px;
}

.tarjeta_p{
    border: solid 1px lightgrey;
    box-shadow: 1px 1px 1px lightgrey;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
    margin: 5px;
}
fieldset
{
    /*border: solid 1px #5591b7 ;
    border-bottom: solid 2px #5591b7 ;
    border-right: solid 2px #5591b7 ;
    background: rgba(85, 145, 183, 0.04);*/
    border: solid 1px lightgrey;
    box-shadow: 1px 1px 1px lightgrey;
    position: relative;
    padding: 50px 5px 5px 5px;
    border-radius: 8px;
}
legend
{
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*color: #00131d;
    letter-spacing: 0px;
    background: rgba(85, 145, 183, 0.08);
    padding: 2px 15px;
    min-height: 35px;
    border-radius: 0px;
    border: solid 1px #5591b7;
    color : #4f7ea2;
    line-height: 35px;*/
    position: absolute;
    left: 10px;
    top:10px;
    color: #00131d;
    font-weight: 600;
    font-size: 16px;
}

fieldset .opciones_fieldset
{
    position: absolute;
    top: 10px;
    left: 95%;
    cursor: pointer;
    width: 15px;
    height: 15px;
    /*display: none;*/
}

.mono
{
    font-family : Consolas,Monaco,'Lucida Console','Liberation Mono','DejaVu Sans Mono','Bitstream Vera Sans Mono','Courier New', monospace;
}

.valigin_top
{
    vertical-align: top;
}

label.lblCaptura
{
    font-family : Verdana, sans-serif, Arial;
    font-size: 11px;
    color: #8d8d8d;
}

label.lblLectura
{
    font-family : Verdana, sans-serif, Arial;
    font-size: 11px;
    font-style: italic;
    color : #9d9d9d
}
label.lblChkOption
{
    font-family : Verdana, sans-serif, Arial;
    font-style: italic;
    color : #9d9d9d
}

.listacardexitem_a
{
    font-family     : Verdana, sans-serif, Arial;
    font-size       : 11px;
    color           : #9d9d9d;
    text-decoration : none ;
}
.listacardexitem_a:hover
{
    color : black;
    cursor: pointer;
}



/*=========== Algunas clases para que este todo igual   */

.w5			    {	width		: 5px; }    .w10			{	width		: 10px; }
.w20			{	width		: 20px; }   .w30			{	width		: 30px; }
.w40			{	width		: 40px; }   .w50			{	width		: 50px; }
.w55			{	width		: 55px; }   .w60			{	width		: 60px; }
.w65			{	width		: 65px; }   .w70			{	width		: 70px; }
.w75			{	width		: 75px; }   .w80			{	width		: 80px; }
.w85			{	width		: 85px; }   .w90			{	width		: 90px; }
.w95			{	width		: 95px; }   .w100			{	width		: 100px;}
.w105			{	width		: 105px;}   .w110			{	width		: 110px;} .w115			{	width		: 115px;}
.w120			{	width		: 120px;}   .w125			{	width		: 125px;}
.w130			{	width		: 130px;}  .w135			{	width		: 135px;}
.w140			{	width		: 140px;}   .w150			{	width		: 150px;} .w155			{	width		: 155px;}
.w160			{	width		: 160px;}   .w170			{	width		: 170px;}
.w180			{	width		: 180px;}   .w190			{	width		: 190px;}
.w195           {   width       : 195px;}
.w200			{	width		: 200px;}   .w210			{	width		: 210px;}
.w220			{	width		: 220px;}   .w225			{	width		: 225px;}
.w230			{	width		: 230px;}
.w240			{	width		: 240px;}   .w245			{	width		: 245px;} .w250			{	width		: 250px;}
.w260			{	width		: 260px;}   .w265			{	width		: 265px;} .w270			{	width		: 270px;}
.w280			{	width		: 280px;}   .w290			{	width		: 290px;}
.w300			{	width		: 300px;}   .w305			{	width		: 305px;}
.w310			{	width		: 310px;}   .w320			{	width		: 320px;}
.w330			{	width		: 330px;}   .w350			{	width		: 350px;}
.w360			{	width		: 360px;}   .w370			{	width		: 370px;}
.w380			{	width		: 380px;}   .w390			{	width		: 390px;}
.w400			{	width		: 400px;}   .w410			{	width		: 410px;}
.w420			{	width		: 420px;}   .w430			{	width		: 430px;}
.w440			{	width		: 440px;}   .w450			{	width		: 450px;}
.w460			{	width		: 460px;}   .w465			{	width		: 465px;}
.w470			{	width		: 470px;}
.w480         {   width       : 480px;}
.w500			{	width		: 500px;}   .w520           {   width       : 520px; }
.w525         {   width       : 525px;}   .w530           {   width       : 530px; }.w540           {   width       : 540px; }
.w550         {   width       : 550px;}   .w570           {   width       : 570px;}
.w600			{	width		: 600px;}   .w615			{	width		: 615px;} .w620         {   width       : 620px;}
.w680			{	width		: 680px;}
.w700			{	width		: 700px;}   .w730			{	width		: 730px;}
.w800			{	width		: 800px;}  .w900			{	width		: 900px;} .w910			{	width		: 910px;}
.oculto			{	display		: none;}
.padd			{	padding		: 3px;}
.margin3		{	margin		: 3px;}
.textcenter		{	text-align	: center; }
.textr          { 	text-align	: right; }
.textl          { 	text-align	: left; }
.textc          { 	text-align	: center; }
.noborder       {   border      : none ;}
.whitebg        {   background-color: #FFF; }
.silvercl       {   color : #838484 }



/**
 * Estilos para que el menu flote arriba
 *
 **/
#jqxMenuPrincipal
{
    background  : #252528;
}
#menu_all_wrapper
{
    margin      : 0px;
    padding     : 0px;
    width       :100%;
    z-index     : 310;
    position    : fixed;
}
#menu_all
{
    margin      : 0px;
    padding     : 0px;
    width       :100%;
    background  : #252528;
}

/**
 * Estilos de varios elementos del menu
 *
 **/

#ui_menu_bar_currentpage
{
    font-family     : Verdana, sans-serif, Arial;
    padding-left    : 10px;
    font-size       : 12px;
    color           : #fff;
    letter-spacing  : 0px;
}

#ui_menu_bar_currentpage_letter
{

    font-family     : Verdana, sans-serif, Arial;
    font-size       : 20px;
    color           : #FFF;
    text-align      : center;
    vertical-align  : middle;
    line-height     : 38px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius   : 20px; ;
    width           : 38px;
    height          :  38px;
}
.ui_menu_item_color
{
    float           : left;
    font-family     : Verdana, sans-serif, Arial;
    font-size       : 11px;
    color           : #FFF;
    text-align      : center;
    vertical-align  : middle;
    line-height     : 17px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius   : 20px; ;
    width           : 17px;
    height          : 17px;
}

/**
 * Estilo de los botones de grabar
 *
 **/
.aButton
{

    font-family     : Verdana, sans-serif, Arial;
    margin-left     : 10px;
    margin-right    : 10px;
     color           : #ffffff;
    /* background-color: #9d9d9d; */

    /* efecto para transiciones */
    -webkit-transition  : all 0.20s ease-in-out;
    -moz-transition     : all 0.20s ease-in-out;
    -ms-transition      : all 0.20s ease-in-out;
    -o-transition       : all 0.20s ease-in-out;

    padding         : 4px ;
    min-width: 100px;
    -moz-border-radius: 3px;border-radius: 3px;-webkit-border-radius: 3px;

    /*text-shadow     :  3px 3px 7px  #000;*/
    text-decoration : none;
}
.aButton:hover
{
    cursor          : pointer;
}
.aButton:focus
{
    cursor          : pointer;
}

.iButton
{
    line-height: 30px;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    background:  #fff;
    cursor:pointer;
    text-align: center;
    /*border-radius: 50%;*/
    -webkit-transition: all 0.3s ease-in-out;
}
.iButtonGrid
{
    display: table-cell;
    width: 21px;
    height: 21px;
    vertical-align: middle;
    background:  #fff;
    cursor:pointer;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
}

.iButtonTab
{
    display: table-cell;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    background:  #fff;
    cursor:pointer;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
}

.iButtonContainerTop{
    position: absolute;
    left:92%;
    top: -12px;
    padding-top: 5px;
}
.iButtonContainerTop2{
    position: absolute;
    left:85%;
    top: -12px;
    padding-top: 5px;
}

.iButtonContainerTop_PopOver
{
    position: absolute;
    left:80%;
    top: -09px;
}

ul.iButtonContainer{
    position: absolute;
    left: 100%;
    list-style: none;
    background-color: #d1d1d1;
    padding: 10px;
    border-radius: 0 10px 10px 0;
}

table.iButtonContainer
{
    /*background-color: #d1d1d1;*/
    border-radius: 10px;
    margin-left: 3px;
    margin-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid lightgrey;
    box-shadow: 1px 1px 1px lightgrey;
}

table.iButtonContainer_PopOver
{
    background-color:#d1d1d1;
    border-radius: 0 0 10px 10px;
    margin-left: 3px;
    margin-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

.seccion_contenido
{
    border-bottom: 1px dotted #64646c;
    position: relative;
}
.seccion_contenido_forma
{
    margin-left:  15px;
    padding: 5px;
}
.seccion_contenido_barravertical
{
    background: #64646c;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #e2e2e2;letter-spacing: 1px;
    text-align: center;
    position: absolute;
    font-size: 11px;
    transform: rotate(270deg);
    transform-origin: left top 0;
}

.barra_vertical_seccion {

}

/* Css que al final si servia*/
*, *::after, *::before {
    box-sizing: border-box;
}


.aButtonMd /* modal Dark */
{
    font-family     : Verdana, sans-serif, Arial;
    margin-left     : 10px;
    margin-right    : 10px;
    color           : #2d4fff;
    background-color: #eaeaea;
    padding         : 4px ;
    min-width: 100px;
    -moz-border-radius: 3px;border-radius: 3px;-webkit-border-radius: 3px;

    /*text-shadow     :  3px 3px 7px  #000;*/
    text-decoration : none;
}
.aButtonMd:hover
{
    cursor          : pointer;
    background      : #fdfdfd;

}
h2
{
    font-family         : 'segoe ui', arial, sans-serif;
    min-width           : 180px;
    font-weight         : bolder;
    -webkit-transition  : all 0.20s ease-in-out;
    -moz-transition     : all 0.20s ease-in-out;
    -ms-transition      : all 0.20s ease-in-out;
    -o-transition       : all 0.20s ease-in-out;
    color               : #fff;
}

/**
 *  hacking par ael autocomplete
 *
 **/
input[type=text].ui-autocomplete-input:focus
{
    /* efecto para el foco adn  */
    /*border-right: solid 10px #dd30d6;*/
    /*border      : solid 1px #4254dd;*/
    /*border-left : solid 10px #4254dd;*/

    /*
    border-top-right-radius:8px;
    border-bottom-right-radius:8px;
    */

    background-image:url('images/combo_box.png');
    background-repeat:no-repeat;
    background-position: right 4px center;
    /*padding-left:20px;*/
}
.ui-autocomplete-loading
{
    /* aqui podemos meter un background img con un gif o algo */
}
.ui-autocomplete
{
    z-index: 999999;
}


/**
 *************************************************************************************************
 *    CSS de los elementos de las formas
 *************************************************************************************************
 **/

.intelliTable
{
    min-width: 970px; /*  1024px */
}

option{

    resize              : none;
    outline             : none ;
    -webkit-appearance  :none;
    -moz-appearance     : none;
}

/*
::-moz-selection {
    color: #0000d1;
    background: #f6ff7e;
}

::selection {
    color:  #0000d1;
    background: #f6ff7e;
}
*/
input[type=text],input[type=date],input[type=number],input[type=email],input[type=password],textarea, select, input[type=month],input[type=search]
{

    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;

    /* esto corrige las diferntes widths entre selects y inputs*/
    -ms-box-sizing      : border-box;
    -moz-box-sizing     : border-box;
    -webkit-box-sizing  : border-box;
    box-sizing          : border-box;

    /* default styles */
    /*font-family         : Consolas,Monaco,'Lucida Console','Liberation Mono','DejaVu Sans Mono','Bitstream Vera Sans Mono','Courier New', monospace;*/
    font-family         : Verdana, sans-serif, Arial;;
    font-size           : 12px ;
    resize              : none;
    outline             : none ;

    border              : solid 1px #e3e3e3;
    background-color    : #fcfcfc;

    -webkit-padding-start: 0px;


    /* efecto para transiciones */
    -webkit-transition  : all 0.30s ease-in-out;
    -moz-transition     : all 0.30s ease-in-out;
    -ms-transition      : all 0.30s ease-in-out;
    -o-transition       : all 0.30s ease-in-out;
    /* hacking el default para que este centrado */

    padding-bottom      : 2px;
    padding-top         : 3px;
    padding-right       : 5px;
    padding-left        : 5px;
    margin              : 0px;
    height              : 22px;
    /*color               : #767676;*/
    color               : #000;
}

input[type=date]{
    padding: 0px;
    padding-bottom      : 0px;
    padding-top         : 1px;
    margin              : 0px;
}

input:read-only {
    color: #000000;
    background-color    : rgba(0,0,0,0.1);
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==) repeat;
*/

    cursor: not-allowed;
}

input[type=text]:focus,input[type=date]:focus,input[type=number]:focus,input[type=email]:focus,
select:focus, textarea:focus,input[type=password]:focus,.factura_partida_dg.jqx-input,input[type=search]:focus
{
    font-size           : 12px ;
    border              : solid 1px #fffddc;
    border-radius: 5px;
    /*border-left: solid 10px #fffddc;*/
    box-shadow:1px 1px 10px rgba(0, 0, 0, 0.59);
    background-color    : #fffddc;
}

input:invalid
{
    /*border-bottom         : solid 1px rgba(215, 55, 39, 0.84);*/
    /*background-color: rgba(215, 55, 39, 0.15);*/
    /*background-image: url('images/required-asterisk.png');*/
    /*background-image: url('images/asterisk.png');
    background-size: 7px 7px;
    background-repeat       :no-repeat;
    background-position     : right top;*/
    box-sizing          : border-box;

    border-color : rgba(241, 72, 58, 0.59) ;
    box-shadow:1px 2px 2px rgba(241, 72, 58, 0.59);

}

input[value=""]:required
{
    /*border-bottom         : solid 1px rgba(215, 55, 39, 0.84);*/
    /*background-color: rgba(215, 55, 39, 0.15);*/
    background-image: url('images/valid.png');
    background-repeat       :no-repeat;
    background-size: 7px 7px;
    background-position     : right top;

}
textarea:invalid
{
    /*border-bottom         : solid 1px rgba(215, 55, 39, 0.84);*/
    /*background-color: rgba(215, 55, 39, 0.15);*/
    /*background-image: url('images/asterisk.png');
    background-repeat       :no-repeat;
    background-size: 7px 7px;
    background-position     : right top;*/
    border-color : rgba(241, 72, 58, 0.59) ;
    box-shadow:1px 2px 2px rgba(241, 72, 58, 0.59);
}

select:invalid
{
    /*border-bottom         : solid 1px rgba(215, 55, 39, 0.84);*/
    /*background-color: rgba(215, 55, 39, 0.15);*/
    /*background-image: url('images/asterisk.png');
    background-repeat       :no-repeat;
    background-size: 7px 7px;
    background-position     : right top;*/
    border-color : rgba(241, 72, 58, 0.59) ;
    box-shadow:1px 2px 2px rgba(241, 72, 58, 0.59);
}

select.aladerecha
{
 text-align-last : right;
}

textarea:disabled, input:disabled, select:disabled
{
    /*color               : #8d8d8d;*/
    /*color               : #919191;*/
    color               : #636363;
    /*background-color    : #e8e8e8;*/
   /* background-color    : #DFDEDE;*/
    cursor: not-allowed;
    background: #e3e3e3;
    border-color: #e3e3e3;
}

textarea:read-only
{
    color: #000000;
    background-color    : rgba(0,0,0,0.1);
}

select
{
    border              : solid 1px #b4b4b4;
    background-color    : #fcfcfc;
    border-color: #e3e3e3;

    -webkit-appearance :none;
    -moz-appearance:none;
    appearance:none;

    border-radius           :  0px;
    margin                  : 0px;
    padding-right:  15px;

    background-image        :url('images/select.png');
    background-size: 16px 16px;
    background-repeat       :no-repeat;
    background-position     : right;

}
select::-ms-expand {
    display: none;
}

select:focus
{
    font-size           : 12px ;
    border              : solid 1px #fffddc;
    border-radius: 5px;
    /*border-left: solid 10px #fffddc;*/
    box-shadow:1px 1px 10px rgba(0, 0, 0, 0.59);
    background-color    : #fffddc;
}

select:disabled
{
    background-color          : #e3e3e3;
    border-color: #e3e3e3;
    /*background-color    : #fdfdfd;*/
    /*color               : #8d8d8d;*/
    /*color               : #2b2b2b;*/
    color               : #636363;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==)  repeat;
*/
}
/*for IE10*/
/*
select::-ms-expand
{
    display: none;
}
*/

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgba(0, 10, 21, 0.53);
    font-style: italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(0, 10, 21, 0.53);
    opacity:  1;
    font-style: italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(0, 10, 21, 0.53);
    opacity:  1;
    font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0, 10, 21, 0.53);
    font-style: italic;
}

.jqx-notification-container
{
    z-index: 99999;
}


/**
 *************************************************************************************************
 * CSS de los elementos de la lista de digidrop
 *************************************************************************************************
 **/
.digi_list_ppclip
{
    font-size       : 33px;
    line-height     : 33px;
    width           : 33px;
    height          : 33px;
    vertical-align  : middle;

    text-align      : center;
    border          :  solid 2px #000;
    background      : #000;

    -webkit-border-radius   : 20px;
    -moz-border-radius      : 20px;
    border-radius           : 20px;


}
.digi_list_date
{
    font-family : Verdana, sans-serif, Arial;
    font-size: 12px;
    color : #9cfcff;
}
.digi_list_afile
{
    text-align: left;
    font-family : Verdana, sans-serif, Arial;
    font-size       : 12px;
    color           : #9cfcff;
    text-decoration: none;
}
.digi_list_afile:hover
{

    font-size       : 12px;
    color           : #dffffc;
    text-decoration: underline;
}



/**

 JQWidgets hacks

*/

.jqx-grid-cell
{
    /*border: none;*/
}


.vertical-text {
    transform: rotate(90deg);
    transform-origin: left top 0;
}

#autocomplete_general{
    /*background: none;
    border: none;
    color: white;
    border: solid 1px transparent;*/

}
#autocomplete_general:focus
{
    /*border-bottom: solid 1px #dddddd;*/
}


.caption {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;

}


.caption__media {
    display: block;
    min-width: 32px;
    max-width: 32px;
    height: auto;
    cursor: pointer;

}
.caption__overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width:20px;
    height:20px;
    border-radius:20px;
    font-size:17px;
    color:#fff;
    text-align:center;
    background:rgba(139,0,0,.80)
}
.caption2__overlay {
    position: absolute;
    top: 2px;
    right: 0px;
    bottom: 0px;
    left: 115px;
    width:30px;
    height:30px;
    border-radius:30px;
    font-size:30px;
    color:#fff;
    text-align:center;
    background:rgb(139,0,0)
}
.caption3__overlay {
    position: absolute;
    top: 7px;
    right: 0px;
    bottom: 0px;
    /*left: 280px;*/
    left: 80%;
    width:30px;
    height:30px;
    color:#fff;
    text-align:center;
    cursor: pointer;
}
.caption4__overlay {
    position: absolute;
    top: 7px;
    right: 0px;
    bottom: 0px;
    left: 170px;
    width:30px;
    height:30px;
    color:#fff;
    text-align:center;
    cursor: pointer;
}
.caption5__overlay {
    position: absolute;
    top: 7px;
    right: 0px;
    bottom: 0px;
    left: 210px;
    width:30px;
    height:30px;
    color:#fff;
    text-align:center;
    cursor: pointer;
}

/*.caption:hover{
    transform:translateY(25px) scale(4);
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;

}*/


#menus {
    background: white;
   /* background: #2c3e50;*/
    position: absolute;
    padding: 0px 0px;
    height: 400px;
    border-style: ridge;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 5);
    z-index: -999999999;
    transform: translate(0%);
    transition: all 0.75s ease-in-out;
}

#menus:hover {

}

#menus.active {
    /*-webkit-transform: translateY(-10%, -10%);*/
    /*transform: translateY(-100%, -100%);*/
    width: 600px;
    height: 600px;
    transform: translate(-600px,0px);
    transition: all .15s ease-in-out;


}

.circle {
    line-height: 19px;
    color:#fff;
    /*font-size:13px;*/
    text-align:center;
    font-weight: bold;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.circle2 {
    line-height: 15px;
    padding-top: 10px;
    color:#000;
    background: #6BBD49;
    /*font-size:15px;*/
    text-align:center;
    font-weight: bold;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    box-sizing: border-box;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
    border: 3px solid #ffffff ;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999999999999999999999999999999;
    background: url('../../mainlogo.png') 50% 50% no-repeat rgb(249,249,249);
    background-size: 20%;
}

.saving {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999998;
    /*background: url('../../loading.png') 50% 50% no-repeat rgba(249,249,249,.55);*/
    background-color: transparent;
}

/*CSS Para la barra de herramientas del visor de archivos*/
.icon_hover:hover{

    background-color: #323232;
    color : #000;
}

/* Estilos para el scroll de alertas */

/* Tamaño del scrollbar */
.scroll_alertas::-webkit-scrollbar {
    width: 0.8em;
}

/* Track - la barra que recorre el scroll bar  */
.scroll_alertas::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    /*-webkit-border-radius: 10px;*/
    /*border-radius: 10px;*/
    display: none;
}

.scroll_alertas::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(255,255,255,0.3);
   /* background: inherit;*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    visibility: hidden;
    position: fixed;
}

.scroll_alertas::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    visibility: visible;
}

.show_scroll_alertas::-webkit-scrollbar-thumb{
   visibility: visible;
}
.hide_scroll_alertas::-webkit-scrollbar-thumb{
    visibility:hidden;
}
/* Fin estilos scroll de alertas */

#dyn_menu.jqx-menu-ul
{
    border: none;
}

/*ESTILOS GENERALES PARA LA UI DE DIGITALIZACION*/

.file_digiwindow{
-webkit-transition    :   all 0.5s ease;
-moz-transition       :   all 0.5s ease;
-o-transition         :   all 0.5s ease;
-ms-transition        :   all 0.5s ease;
transition            :   all 0.5s ease;
}

.estilos_i{
    display: table-cell;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    border: 2px solid lightgrey;
    cursor:pointer;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
}
.estilos_i:hover{

    /*background-color: black;*/
    overflow: hidden;
    margin:auto;
    /*color: #ffffff;*/
    /*border: 1px solid black;*/
    -webkit-transition: all 0.3s ease-in-out;
}

.estilos_i_menu{
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}


#visor_galeria{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    display: none;
    background-color: rgba(0,0,0,0.9);
}
#header_visor_galeria{
    width: 100%;
    height: 7%;
    text-align: right;
    /*background: #000000;*/
    float: left;
}


#body_visor_galeria{
    width: 100%;
    height: 100%;
   /* background:rgba(0,0,0,1);*/
    float: left;
}

#contenedor_listado_visor_galeria{
    width: 30%;
    height: 100%;
    overflow: auto;
    border-right: 1px solid rgba(255,255,255,0.2);
    float: left;
    background-color: #fff;
}
#contenedor_archivos_visor_galeria{
    width: 100%;
    height: 93%;
    overflow: auto;
    text-align: center;
    float: left;

}

.div_file{
    border: 0;
    padding: 0;
    margin: 0;
    width: 25%;
    height: 50%;
    background-repeat: no-repeat;
    /*display: inline-block;*/
    float: left;
}

.div_file div{
    opacity: 0.1;
    -webkit-transition: all 0.5s ease-in-out;
}
.div_file div:hover{
    opacity: 1;
    border:1px solid lightblue;
    background-color: rgba(0,0,0,0.4);
    -webkit-transition: all 0.5s ease-in-out;
}

.p_listado_file{

    cursor: pointer;
    width: 97%;
    height: 80px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    background-color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
}
.p_listado_file:hover{

    background-color: rgb(0,167,231);
    -webkit-transition: all 0.5s ease-in-out;
}
.listado_file{

    color: black;
    text-align: left;
    width:70%;
    height: 100%;
    display: inline-block;
}

.listado_file div{

    font-size: 14px;
    font-family: 'segoe ui', arial, sans-serif;
    padding-left: 5px;
}

#panel_visor_galeria{
    width: 27%;
    height: 100%;
    background-color: rgb(40,40,40);
    border: 1px solid #66a3ff;
    position: fixed;
    z-index: 99999;
    display: none;
    padding: 10px;
}

#back,#next{
    padding: 5px 5px 0px 5px ;
}
#back:hover,#next:hover{
   color: rgba(255,255,255,0.5);
    background-color: black;
    -webkit-transition: all 0.5s ease-in-out;
}
/*FIN ESTILOS GENERALES DE DIGITALIZACION*/

/* Inicio Profile picture*/

.pro_pic {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border-radius: 99em;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100);
}
.pro_pic2 {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 99em;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
    opacity: 1;
    filter: alpha(opacity=100);
}

.box_pp {
    width: 120px;
    height: 120px;
    margin: 1px auto;
    border-radius: 99em;
    border: 1px solid #000000;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
    opacity: 1;
}
.overlay_pp {
    position: absolute;
    top: 66px;
    left: 41px;
    width: 120px;
    height:120px;
    display: none;
    color: #FFF;
    opacity:0;
    background:rgba(0, 0, 0, .75);
    border-radius: 99em;
    overflow: hidden;
}
.box_pp:hover {
    border-radius: 99em;
    border: 1px solid #000000;
}
.box_pp:hover .overlay_pp {
    opacity:1;
    display: block;
}
.search_pp {
    position:relative;
    top:40px;
}

.auth_credentials { -webkit-text-security: disc; }

.tag {
    font-family: OpenSans-Light, Arial, Helvetica, sans-serif;
    background: #e4e3e3;
    border-radius: 0 15px 15px 0;
    color: #000;
    display: inline-block;
    margin: 0 .5rem .5rem 0;
    padding: .5rem;
    text-align: center;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
}

/* WIZARD DIGITALIZACION */
#ul_wizard_digitalizacion{

    padding: 0;
    margin: 0;
}

#ul_wizard_digitalizacion li{
    padding: 10px;
}
#ul_wizard_digitalizacion li:hover{

    color: #ffffff;
    background-color: #00aae7;
}

/*Usado por el ultimo circulo, resumen del expediente, para alinear su contendio desde la izquierda*/
.c{
    background-color: white;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    position: relative;
}
/*Dibuja la linea hacia la izquierda del circulo resumen*/
.c::before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
}

/*circulos que tienen la linea hacia su derecha, seleccion de expediente, referencias y documentos*/
.c_right{
    background-color: white;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: inline-block;
    margin-top: 5px;
    cursor: pointer;
    position: relative;
}

/*Estilos para las lineas hacia la derecha*/
.c_right::after{
    content: '';
    display: inline-block;
    border: 1px solid white;
    width: 103px;
    position: absolute;
    top: 50%;
    left: 35px;
}

#p_expediente::before{

    content: 'Expediente';
    position: absolute;
    left: 0;
    top: 40px;
    color: white;
}

#p_llaves::before{
    content: 'Referencias';
    position: absolute;
    left: 0;
    top: 40px;
    color: white;
}

#p_docs::before{
    content: 'Documentos';
    position: absolute;
    left: 0;
    top: 40px;
    color: white;
}

#p_resumen::after
{
    content: 'Resumen';
    position: absolute;
    left: 0;
    top: 40px;
    color: white;
}

/* FIN WIZARD DIGITALIZACION*/


.version{
    margin-left:20%;
    position: absolute;
    background-color: #252528;
    width: 60%;
    height: 25px;
    font-family: 'segoe ui', arial, sans-serif;
    font-size: large;
    color: white;
    text-align: center;
}

/**  ESTILOS CONFIGURACION DE MENU **/

.item_conf_menu{

    float: left;
    width: 110px;
    height: 110px;
    display: table;
}

.item_conf_menu_child{

    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: white;
}

.photo_conf
{
    width: 120px;
}

/*DASHBOARD*/
.widget_block
{
    margin: 10px;
    float: left;
    width: 98%;
    height: auto;
    display: block;
    background-color:  #FFFFFF;
    box-shadow: 8px 8px 5px #9E9E9E;
    border: solid 1px #9E9E9E;
}

.widget_block_dyn
{
    margin: 10px;
    float: left;
    width: auto;
    height: auto;
    display: block;
    background-color:  #252526;
    box-shadow: 8px 8px 5px #9E9E9E;
    border: solid 1px #9E9E9E;
}

.header_block
{
    width: 100%;
    height: 30px;
    display: inline-block;
    /*background-color:  #01579B;*/
    padding-left: 10px;
    text-align: left;
    font-size: x-large;
    font-weight: lighter;
    font-family: Roboto,sans-serif;
    color: #000;
    text-indent: 15px;
    letter-spacing: 2px;
}

.header_block_small
{
    width: 100%;
    height: auto;
    min-height: 30px;
    padding: 5px;
    display: inline-block;
    /*background-color:  #01579B;*/
    background-color: #fff;
    padding-left: 10px;
    text-align: left;
    font-size: medium;
    font-weight: lighter;
    font-family: Roboto,sans-serif;
    color: black;
    letter-spacing: 2px;
}

.content_block
{
    text-align: left;
    font-size: medium;
    font-weight: normal;
    font-family: Roboto,sans-serif;
    color: black;
    text-indent: 15px;
}

.changelog_header{
    font-size: larger;
}

.changelog_title{
    font-size: large;
    padding-left: 10px;
}

.changelog_subtitle{
    font-size: medium;
    color: #004a73;
}

.changelog_text{
    font-size: medium;
    font-style: italic;
}

/* backgrounds elements*/

.locked_element{
    background-image: url('images/locked.png');
    background-repeat       :no-repeat;
    background-size: 7px 7px;
    background-position     : right top;
}

.invalid_element{
    background-image: url('images/asterisk.png');
    background-repeat       :no-repeat;
    background-size: 7px 7px;
    background-position     : right top;
}

.valid_element{
    background-image: url('images/valid.png');
    background-repeat       :no-repeat;
    background-size: 7px 7px;
    background-position     : right top;
}

.chat_box
{
    background-color: #E8E8E8;
    font-size: medium;
    padding: 5px;
    /*width: 300px;*//*540*/
    min-height: 420px;
    /*height: 550px;*/
    /*max-height: 550px;*/
}

.chat_from{
    font-size: 14px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #01579B;
    display: inherit;
}

.chat_message{
    font-size: 13px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    user-select: text;
}

.chat_time{
    color: black;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: bold;
    font-size: smaller;
    display: inherit;

}
.other {
    /*position:relative;*/
    float:left;
    padding: 5px;
    border-radius : 5px;
    /*display: inline-block;*/
    box-sizing: border-box;
    text-align: left;
    background-color: #ffffff;
    /*margin: 0 0 8px 5px;*/
    width:auto;
    height:90%;
   /* min-width: 50%;*/
    min-height: 50px;
    max-width:100%;
    max-height:90%;
}

.self{
    /*position:relative;*/
    float:right;
    padding: 5px;
    border-radius : 5px;
    /*display: inline-block;*/
    box-sizing: border-box;
    text-align: right;
    background-color: #cfd8dc;
    /*margin: 0 5px 8px 0;*/
    width:auto;
    height:90%;
    /*min-width: 50%;*/
    min-height: 50px;
    max-width:100%;
    max-height:90%;
}

.container_self:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 99.4%;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #cfd8dc;/*#E2E3E3*/
    border-style: solid;
    border-width: 10px 0px 10px 10px;
}

.container_other:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 99.4%;
    width: 0;
    height: 0;
    border-color: transparent #ffffff transparent transparent ;
    border-style: solid;
    border-width: 10px;
}

.name_users{
    text-align: left;
    color: white;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: bold;
    font-size: medium;
    /*position: inherit;
    display: inherit;*/
}

.container_chat_self{
    min-width: 50%;
    margin: 0 5px 8px 0;
    display: inline-block;
    position: relative;
    float: right;
}

.container_chat_other{
    min-width: 50%;
    margin: 0 5px 8px 0;
    display: inline-block;
    position: relative;
    float: left;
}

body::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb:horizontal {
    background-color: darkgrey;
    outline: 1px solid #4b65ff;
    border-radius: 10px;
}


/*BUG REPORT PREVIEW IMAGES */

.bug_report_images{
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.bug_report_images_div {
    position: relative;
    display: inline-block;
    border: 1px #25bbf7 solid;
    font-size: 0;
    width: 120px;
    height: 100px;
    margin-right: 3px;
}
.bug_report_images_div .close {
    position: absolute;
    top: 0px;
    right: 2px;
    z-index: 9000000000;
    background-color: #FFF;
    padding: 5px 0px 2px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    opacity: .2;
    text-align: center;
    font-size: 25px;
    line-height: 5px;
    border-radius: 50%;
    width: 22px;
    height: 22px;
}
.bug_report_images_div:hover .close {
    opacity: 1;
}

/*Loader page*/

.loader_text2{
    height:100%;
    width:100%;
    text-align:center;
    color:#6BBD49;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:300px;
}


@keyframes rotate-loading2 {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading2 {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity2 {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity2 {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

.loading-container2,
.loading2 {
    height: 150px;
    position: relative;
    width: 150px;
    border-radius: 100%;
    top:35%;

}
.loading-container2 { margin: 10px auto }
.loading2 {
    border: 2px solid transparent;
    border-color: transparent #6BBD49 transparent #6BBD49;
    -moz-animation: rotate-loading2 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading2 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading2 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading2 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
    background: ghostwhite ;
}
.loading-container2:hover .loading2 {
    border-color: transparent #01579B transparent #01579B;
}
.loading-container2:hover .loading2,
.loading-container2 .loading2 {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#loading-text2 {
    -moz-animation: loading-text-opacity2 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity2 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity2 2s linear 0s infinite normal;
    animation: loading-text-opacity2 2s linear 0s infinite normal;
    color: #01579B;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: bolder;
    margin-top: 45px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    left: 18px;
    top: 40%;
    width: 100px;
}

#info_overlay{
    height: 100%;
    width: 400px;
    position: fixed;
    z-index: 99999999999;
    left: 73%;
    top: 0;
    background-color: white;
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s;
    display: none;
    box-shadow: 0 0 10px black;
    font-family: 'segoe ui', arial, sans-serif;
}
#visor_consola{
    height: 480px;
    width: 1290px;
    z-index: 99999999999;
    left: 100%;
    background-color: white;
    transition: 0.5s;

    font-family: 'segoe ui', arial, sans-serif;
}

/* ESTILOS PARA LAS NOTIFICACIONES*/

.notificacion_container {
    width:100%;
    height: 90px;
    background-color:transparent;
    display: table;
}

.notificacion_container_one{
    position: relative;
    width: 100%;
    height: 90px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}
.notificacion_img{
    width:70px;
    height:70px;
    position: absolute;
    left:5px;
    top:8px;
    border-radius: 50%;
    border:8px solid rgb(37,37,40);
    cursor: pointer;
    z-index: 90;
}

.notificacion_asunto_contenido{
    width: 320px;
    height: 70px;
    background-color: white;
    display: inline-block;
    border-radius: 50px 10px 10px 50px;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
}

.notificacion_asunto_contenido_child{
    font-size: 14px;
    font-weight: 400;
    font-family: Roboto,Noto, sans-serif;
    padding-left: 70px;
    padding-right: 10px;
}

/*ESTILOS BARRA VERTICAL IZQ*/
#barra_vertical_izq ul li{
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 5px;
}

#barra_vertical_izq::-webkit-scrollbar{
    display: none;
}
#barra_vertical_izq ul li:hover{
    background-color: #3a3a3a;
    color:white;
}

#barra_vertical_izq ul li hr{
    width:60%;
    background-color: rgba(255,255,255,0.6);
    border:none;
    height:1px;
}

.adn_menu_vertical_img{
    width:38px;
    height: 38px;
    margin: 0 auto;
    border-radius: 50%;
}

.adn_menu_vertical_title{
    font-family: Segoe UI, Arial, sans-serif;
    font-size: 14px;
    margin-left: 10px;
    display: inline-block;
}

.wm_icon{
    font-size: 1.7em;
}


.myFieldset {
    border: solid 1px #5591b7 ;
    border-bottom: solid 2px #5591b7 ;
    border-right: solid 2px #5591b7 ;
    background: rgba(85, 145, 183, 0.04);
}

.myFieldset legend {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}



.lst_inicial_barra_filtros
{

    background: #cdcdcd; /*#909090*/ /* For browsers that do not support gradients */
    color: #FFF;
    padding: 0px;
    border: solid 1px #e5e5e5;
}

.lst_inicial_barra_filtros label.lblSrch
{
    font-family : Verdana, sans-serif, Arial;
    font-size: 11px;
    color: #252528; /*#e6e6e6*/
}


.watermark
{
    position:fixed;
    top:5px;
    left:330px;
    opacity:0.5;
    z-index:999999;
    color:white;
    font-size: 30px;
    pointer-events:none;
}

/* TRACK */
.track{
    /*border:1px solid black;*/
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-bottom: 130px;
    position: relative;
}

.track i{
    position: absolute;
    left: 22px;
    top: 10px;
    color: #008A00;
    display: none;
}

.track_contenido{
    width: 250px;
    height: 30px;
    position: absolute;
    left: 45px;
    color: black;
    font-weight: 400;
    font-family: Segoe UI, Arial, sans-serif;
    padding: 5px;
    cursor: pointer;
    display: none;
}

/* DASHBOARD CARDS-WIDGETS */

.dashboard_card_container{
    width: 283px;
    text-align: center;
    margin: 5px;
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
    display: inline-block;
    position: relative;
    box-shadow: 2px 2px #d2d2d2;
    vertical-align: top;
    float: left;
}

.dashboard_card_container span{
    font-family: Segoe UI, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    display: table;
}

.jqx-progressbar-text {
    font-size: 13px;
    border: none;
    z-index: 99999;
    font-weight: bolder;
}

/* Tooltips para el sistema, implementar a discrecion */

[data-title]:hover:after {
    opacity: 1;
    transition: all 0.5s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
    content: attr(data-title);
    background-color: #00FF00;
    color: #111;
    font-size: 150%;
    position: absolute;
    padding: 1px 5px 2px 5px;
    bottom: -1.6em;
    left: 50%;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #111111;
    z-index: 99999;
    visibility: hidden;
}
[data-title] {
    position: relative;
}