@import url("../global.css");
@import url("layouts.css");
@import url("menus.css");

/*PRUEBA*/

.Label_ITIS
{
    color: #5C9CCC !important;
    font-size: 12px;
}

.PanelOptionTable
{
 margin: 0 auto;
 width: 840px;
}

.SubHeaderExterno.main
{
    background-position: 50% 50%;
    height: 80px;
    background: #5C9CCC url("images/ui-bg_highlight-soft_75_fbfbfb_1x100.png") 50% 50% repeat; /* IE9 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.01) 25%,rgba(0,0,0,0.1) 90%), url('../../JQuery/jquery-ui/noraybanks/images/ui-bg_highlight-soft_75_fbfbfb_1x100.png') repeat scroll 50% 50% #5C9CCC;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #FF9900; /*#4297D7;*/
    border-bottom-color: #E1E1E1;
}

.SubHeaderExterno.submain
{
    background-position: 50% 50%;
    height: 15px;
    background: #5C9CCC url("images/ui-bg_highlight-soft_75_fbfbfb_1x100.png") 50% 50% repeat; /* IE9 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.01) 25%,rgba(0,0,0,0.1) 90%), url('../../JQuery/jquery-ui/noraybanks/images/ui-bg_highlight-soft_75_fbfbfb_1x100.png') repeat scroll 50% 50% #5C9CCC;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #FF9900; /*#4297D7;*/
    border-bottom-color: #E1E1E1;
}


.headerExterno.main
{    
	height: 43px;            
    margin: 0;
    position: relative;    
}

    
.headerExterno.main .applogo > span 
{
    padding: 4px;
    display: block;
    height: 35px;
    line-height: 35px;
    /*background: url('../../images/logonoraybanks.png') no-repeat scroll 0px 0px transparent;
    background-size: auto 85%;
    background-position: 10 10;*/
    margin-left: 6px;
    width: 150px;
}

.headerExterno.main .applogo {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  text-decoration: none;
  height: 35px;
  padding: 4px;
  line-height: 35px;
  width: 190px;
}

.External-box-top
{
    position: relative !important;
    margin-top: 70px;
    display: block;
    /*margin-left: auto;
    margin-right: auto;
    width: 50%;*/
}

.External-box-button
{
    position: relative !important;
    margin-top: 35px;
    padding-bottom:35px;
    display: block;
    /*margin-left: auto;
    margin-right: auto;
    width: 50%;*/
}

.External-box
{
    position: relative !important;
    margin-top: 35px;
    display: block;
    /*margin-left: auto;
    margin-right: auto;
    width: 50%;*/
}

.ExternalSearch
{
    font-size: 20px;
    color: #808080;
}

.ExternalSearchText
{
    font-size: 20px !important;
    height: 35px !important;
    padding: 0 15px !important;
    color: #808080 !important;
    margin-left: 10px;
}

.panelBloqueOptions_old
{
    
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

.panelBloqueOptions
{
    display: inline-block; 
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    /*width:250px;*/
}

.external-layout-data 
{
    margin-left: 5px;
    padding: 20px;
    width:100%;
}

.external-login-box 
{
    margin-top: 70px;
    width: 550px;
    padding-bottom: 150px;
}


/*********************LINKS PARTE EXTERNA*****************************************/


/*---------Sobreescribo los estilos del control DevExpress------------*/
.dxmLite .dxm-main 
{
 cursor:pointer; cursor: hand;
 background-color: transparent;
    border-color: transparent;
 } 
.dx-vam, .dx-valm 
{
 cursor:pointer; cursor: hand;
    vertical-align: middle;
   background-color: transparent;
    border-color: transparent;
}
.dxmLite .dxm-main .dxm-hovered 
{
 cursor:pointer; cursor: hand;
    background-color: transparent;
    border-color: transparent;
    }
.dxmLite .dxm-popup .dxm-selected 
{
 cursor:pointer; cursor: hand;
    background-color: transparent;
    border-color: transparent;
}
.dxmLite .dxm-main .dxm-checked, .dxmLite .dxm-selected, .dxmLite .dxm-hovered, .dxmLite .dxm-main .dxm-dropDownMode.dxm-checked .dxm-popOut, .dxmLite .dxm-dropDownMode.dxm-selected .dxm-popOut, .dxmLite .dxm-dropDownMode.dxm-hovered .dxm-popOut 
{
 cursor:pointer; cursor: hand;
    background-color: transparent;
    border-color: transparent;
    }
.dxeHyperlink {
 cursor:pointer; cursor: hand;
}

.dxm-ltr .dxm-main, .dxm-ltr .dxm-horizontal ul.dx {
float: none;
}
.dxm-ltr .dxm-horizontal .dxm-item, .dxm-ltr .dxm-horizontal .dxm-spacing, .dxm-ltr .dxm-horizontal .dxm-separator, .dxm-ltr .dxm-content {
float: none;
}
.dxmLite .dxm-item {
cursor: default;
text-align: center;
}
.dxmLite .dxm-main {
border: 0px solid #A8A8A8;
background-color: transparent;
padding: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.dxmLite .dxm-horizontal .dxm-image-l .dxm-content, .dxmLite .dxm-horizontal .dxm-image-r .dxm-content {
padding: 0px 0px 0px; 
}

.dxmLite .dxm-popup
{
    background-color: white;
    border: 1px solid #CCCCCC;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 2px 2px 5px 0px rgba(92, 156, 204, 0.80);
    -moz-box-shadow: 2px 2px 5px 0px rgba(92, 156, 204, 0.80);
    -webkit-box-shadow: 2px 2px 5px 0px rgba(92, 156, 204, 0.80);
    padding: 0;
}
/*---------Sobreescribo los estilos del control DevExpress------------*/



.external-link-button
{
    color: #5C9CCC !important;
    font-size: 12px;
}

.external-option-link-button
{
    color: #5C9CCC !important;
    font-weight: bold !important;
    font-size: 16px !important;
}

.external-option-link-button-disabled
{
    color: #808080;
    font-weight: bold;
    font-size: 16px;
}

.external-option-label-disabled
{
    color: #C0C0C0;
}


.external-option-link-button > a:link {
    text-decoration: none !important;
}
.external-option-link-button > a:visited {
    text-decoration: none !important;
}

.external-option-link-button > a:hover
{
    text-decoration: underline !important;
    color: #F90 !important;
}

.external-option-link-button > a:active {
    text-decoration: underline !important;
    color: #F90 !important;
}

.external-link-button > a:link {
    text-decoration: none !important;
}
.external-link-button > a:visited {
    text-decoration: none !important;
}

.external-link-button > a:hover
{
    text-decoration: underline !important;
    color: #F90 !important;
}

.external-link-button > a:active {
    text-decoration: underline !important;
    color: #F90 !important;
}

/***************************************FIN LINKS***************************************/

/***************************************MENU SUPERIOR***************************************/
.external-menu-hecho {
    color: #5C9CCC;
    font-size: 12px;
    font-weight: bold;
}
.external-menu-pendiente
{
    color: #666666;
    font-size: 12px;
    font-weight: bold;
}

.external-menu-height
{    
	height: 40px;            
} 
 
 
.external-menu-hr-hecho
{
    height: 3px;
    background-color: #FFDD97;
    margin-top: 3px;
    margin-bottom: 3px;
} 
  
  .external-menu-hr-pendiente
{
    height: 3px;
    background-color: #CCCCCC;
    margin-top: 3px;
    margin-bottom: 3px;
}    
    
/***************************************FIN MENU SUPERIOR***************************************/
/*FIN PRUEBA*/
.layoutHeader 
{
    top: 0;
    z-index: 1050;
    position: sticky;
    background-color: white;
    border-bottom: 3px solid #00a6cb;
}
.headerNew
{
    margin: 0;
    font-size: 14px;
    font-family: Segoe UI;
}
    .headerNew .applogo 
    {
        color: #ffffff;
        height: 35px;
        width: 250px;
        padding: 8px;
        vertical-align: top;
        display: inline-block;
    }

    .HeaderUserNameStyle 
    {
        font-weight: bold;
        text-align: right;
    }
    .HeaderUserProfileStyle 
    {
        text-align: right;
    }

    .HeaderGrupoColeccionStyle 
    {

    }


.header.main
{
    height: 43px;
    /*background: #5C9CCC url("images/ui-bg_highlight-soft_55_5c9ccc_1x100.png") 50% 50% repeat-x;*/ /* IE9 */
    /*background: linear-gradient(to bottom, rgba(0,0,0,0.1) 25%,rgba(0,0,0,0.2) 90%), url('../../JQuery/jquery-ui/noraybanks/images/ui-bg_highlight-soft_55_5c9ccc_1x100.png') repeat-x scroll 50% 50% #5C9CCC;*/
    margin: 0;
    position: relative;
    /*border-bottom: 2px solid #FF9900;*/ /*#4297D7;*/
    /*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.825);*/

    background-color: white;
    border-bottom: 3px solid #00a6cb;
}

    .header.main .login { height: 53px; }

    .header.main .applogo 
    {
        color: #ffffff;
        font-size: 14px;
        font-weight: 700;
        display: inline-block;
        text-decoration: none;
        height: 35px;
        padding: 4px;
        line-height: 35px;
        width: 190px;
    }

    .header.main .applogo .login { height: 45px; line-height: 45px; }

    .header.main .applogo > span 
    {
        padding: 4px;
        display: block;
        height: 36px;
        line-height: 35px;
        margin-left: 6px;
        width: 150px;
    }

    .header.main .logo_noraybanks > span 
    {
        background: url('../../images/Logo_NorayBanks.png') no-repeat scroll 0px 0px transparent;
        background-size: auto 100%;
    }

    .header.main .logo_specimen > span 
    {
	    background: url('../../images/logonoraybanks_specimen_white.png') no-repeat scroll 0px 0px transparent;
	    background-size: auto 85%;
    }

    .header.main .logo_human > span 
    {
	    background: url('../../images/logonoraybanks_human_white.png') no-repeat scroll 0px 0px transparent;
	    background-size: auto 85%;
    }

    .header.main .applogo .login > span 
    {
        height: 45px;
        line-height: 45px;
    }

.layoutMigaPan 
{
    width: 98%;
    margin: 0 auto;
    color: #e9540d;
    font-size: 1em;
    font-family: Segoe UI;
    padding: 6px 0 6px 20px;
}
    .layoutMigaPan .MigaPan1 
    {

    }
    .layoutMigaPan .MigaPan2 
    {
        text-decoration: underline;
    }

    .footer 
    {
        /*height: 24px;    
    font-size: 0.9em;    
    color: White;  
    
    background: #5C9CCC url("images/ui-bg_highlight-soft_55_5c9ccc_1x100.png") 50% 50% repeat-x;*/ /* IE9 */
        /*background: linear-gradient(to bottom, rgba(0,0,0,0.1) 25%,rgba(0,0,0,0.2) 90%), url('../../JQuery/jquery-ui/noraybanks/images/ui-bg_highlight-soft_55_5c9ccc_1x100.png') repeat-x scroll 50% 50% #5C9CCC;
    
    margin: 0px;
    position: relative;    
    border-top: 1px solid #FF9900;*/ /*#4297D7;*/
        /*box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.824);*/

        color: #4D5358;
        background: #FFFFFF;
        font-family: Segoe UI;
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        padding: 6px 0px 6px 21px;
    }

.newFooter 
{
    height: 30px;
    color: #007fac;
    font-size: 1.1em;
}

.footerText
{
    position: absolute;
    margin-left: 4px;
    margin-top: 4px;
}

.login-box {
    margin: 150px auto 0px -175px !important;
    position: relative !important;
    top: 0px;
    left: 50%;
    width: 350px;
    padding-bottom: 150px;
}

.login-content
{
    margin-left: auto;
    margin-right: auto;
}


/*.panel-header-2
{
    border: 1px solid #C5DBEC;
    background: url('/themeroller/images/ui-bg_glass_85_dfeffc_1x400.png') repeat-x scroll 50% 50% #DFEFFC;
    font-weight: bold;
    color: #2E6E9E;
}*/

.panel-header
{
    /*height: 24px;
    font-size: 1.3em; 
    padding: 4px 0px 2px 10px;
    vertical-align: middle;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);*/    

/*    height: 20px;*/   
    font-size: 1.1em;
    padding: 4px 0px 2px 10px;
    vertical-align: middle;
    /* text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); */    
    overflow: auto;
}

.panel
{    
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    padding: 10px 10px 10px 10px;
}

.bloque-header 
{
    padding: 4px;
    display: block;
    font-size: 1.25em;
}

    .bloque-header > span 
    {
        /*font-size: 1.1em !important;*/
        /*padding: 0px 0px 5px 10px;    */
        /*text-shadow: 0px 0px 3px rgba(90, 50, 50, 0.5);*/
        /*text-shadow: 0px 0px 3px rgba(90, 50, 50, 0.2);
    color: #5C9CCC;
    font-weight: bold;*/
        border: 1px solid transparent;
        background: transparent;
        color: #007fac;
        font-weight: bold;
        font-size: initial;
    }

.bloque-header-2
{            
    display: block;   
    padding-top: 4px;
    padding-bottom: 4px;     
}

.bloque-header-2 > span
{    
    font-size: 1.0em !important;        
    color: #000000;
    text-shadow: 0px 0px 3px rgba(90, 50, 50, 0.2);
    font-weight: bold;
}

.panelBloque
{
    /*box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) inset, 
    	        0px 2px 2px rgba(0, 0, 0, 0.1) inset, 
    	        0px 0px 0px 1px rgba(222, 222, 222, 0.9) inset, 
    	        0px 1px 0px rgba(255, 255, 255, 0.3) inset;    	    
    padding: 10px 10px 10px 10px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 25%, rgba(246, 247, 249, 0.99) 90%) repeat scroll 0px 0px transparent !important;*/

    color: #333333;
    background: #ffffff;
    border: 1px solid #cbd4d8;
    padding: 10px 10px 10px 10px !important;
}

.separator-no-visible 
{
    height: 1px;
    padding: 6px 0px;
    display: block;   
    border-color: transparent;
}

.separator
{
    height: 1px;
    padding: 0px 0px;
    display: block;
    border-width: 1px 0px 0px;
    border-style: solid none none;
    border-color: #CCC -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}

.button
{    	  
    /*box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);  
    height: 24px;
    width: 150px;    */
}

.button-ok
{
    
}

.button-cancel
{
    	    
}

.button-back
{
    	    
}

.button-yes
{
    	    
}

.button-no
{
    	    
}


/*///// iconos personalizados botones ///////*/
.ui-button .ui-icon.button-ok {
    background-image: url('../../images/icons/caso-buscar16.png') !important; 
    width: 16;
    height: 16; 
}

.ui-button.ui-state-hover .ui-icon.button-ok {
    background-image: url('../../images/icons/caso-buscar16.png') !important; 
    width: 16;
    height: 16; 
}

.ui-button .ui-icon.btnLogOut {
    background-image: url('../../images/icons/noraybanks/log_out16.png');
    width: 16;
    height: 16; 
}

.ui-button .ui-icon.btnCurrentUser {
    background-image: url('../../images/icons/acceso interno16.png');
    width: 16;
    height: 16; 
    font-weight: 100;
}
/*////////////////////*/

.currentUser
{    
    font-weight: normal; cursor: default;
}

.gridview-header
{
    border-width: 0px 0px 0px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 25%, rgba(246, 247, 249, 0.99) 90%) repeat scroll 0px 0px transparent !important;
}

.gridview-header-button
{
    border-width: 0px 0px 0px;    
    width: 16px;
}

.gridview-row
{
    border-width: 0px 0px 0px;
}

.gridview-alternate-row
{
    border-width: 0px 0px 0px;
}

 /*----------------data Table GridView Css----------------------*/
 .divGrid
 {
   background-color: #5C9CCC;
   border:0px none;
   padding:2px 2px 2px 2px;
   border-radius: 4px;
 }
/*.mGrid { width: 100%; 
         background-color: #fff; 
         margin: 0px 0px 0px 0px; 
         border: 0px none;
         border-collapse:collapse; 
}
.mGrid td { padding: 2px; 
            padding-top: 4px;
            padding-bottom: 4px;
            border: none;
}
.mGrid th { padding: 4px 2px; 
            color: #fff;                       
            font-style: normal;            
            background: #5C9CCC;
            border: #fff solid 1px;
}

.mGrid tr th:first-child { padding: 4px 2px; 
            color: #fff;                       
            font-style: normal;            
            background: #5C9CCC;
            border: #fff solid 1px;
            border-radius: 8px 0 0 0;
}

.mGrid tr th:last-child { padding: 4px 2px; 
            color: #fff;                       
            font-style: normal;            
            background: #5C9CCC;
            border: #fff solid 1px;
            border-radius: 0 8px 0 0;
}*/

/*.mGrid td[class="GridCabeceraBoton"] { width:16px;}*/
/*.mGrid th[class="GridCabeceraBoton"]
        {
            width:16px;
}*/

/*.mGrid th:first-child {border:none;}*/

/*.mGrid .alt
{
    background: #F2F2F2;
}
.mGrid .pgr {background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 25%, rgba(246, 247, 249, 0.99) 90%) repeat scroll 0px 0px transparent !important; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #4297d7; line-height: 12px; }  
.mGrid .pgr td:nth-child(1) { border-left: none; }
.mGrid .pgr td:first-child { border-left: none; }
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }*/
/*-----------------------------------------------------------------*/

/* Estilos Grid ASPx version 4.00 - LMH 14.05.2024 */
.mGrid
{
    width: 100%;
    border: 0px none;
    background-color: #fff;
    margin: 0px 0px 0px 0px;
    border-collapse: collapse;
}
    .mGrid td 
    {
        padding: 7px;
        overflow: hidden;
        border: 1px solid #DFDFDF !important;
    }
    .mGrid th 
    {
        color: #007fac;
        cursor: pointer;
        overflow: hidden;
        text-align: left;
        font-style: normal;
        background: #ffffff;
        white-space: nowrap;
        padding: 7px;
        border: 1px solid #DFDFDF;
        font: 500 14px Segoe UI;
    }
        .mGrid th[class="GridCabeceraBoton"] { width: 16px; }


    .mGrid .pgr
    {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 25%, rgba(246, 247, 249, 0.99) 90%) repeat scroll 0px 0px transparent !important;
    }
        .mGrid .pgr table { margin: 5px 0; }
        .mGrid .pgr td 
        {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #4297d7;
            line-height: 12px;
        }
            .mGrid .pgr td:nth-child(1) { border-left: none; }
            .mGrid .pgr td:first-child { border-left: none; }
            .mGrid .pgr a 
            {
                color: #666;
                text-decoration: none;
            }
                .mGrid .pgr a:hover 
                {
                    color: #000;
                    text-decoration: none;
                }
/* Estilos Grid ASPx version 4.00 - LMH 14.05.2024 */
/*-----------------------------------------------------------------*/

.tree-header
{
    padding: 4px 2px; 
    color: #fff;                       
    font-style: normal;            
    background: #5C9CCC;
    border: #fff solid 1px;
    font-family: "Open Sans",sans-serif !important;
}

.tree-row
{
    color: #000 !important;
    font-family: "Open Sans",sans-serif !important;
}

.Leyenda_Incidencia
{
    background-color: #fffacd;
    border-right: 2px inset;
    border-top: 2px inset;
    border-left: 2px inset;
    border-bottom: 2px inset;
}

.Leyenda_Agotada
{
    background-color: #ffa07a;
    border-right: 2px inset;
    border-top: 2px inset;
    border-left: 2px inset;
    border-bottom: 2px inset;
}

.Leyenda_Agotada_Inc
{
    background-color: #ffe4b5;
    border-right: 2px inset;
    border-top: 2px inset;
    border-left: 2px inset;
    border-bottom: 2px inset;
}

.Leyenda_Baja
{
	background-color: #ff3300;
    border-right: 2px inset;
    border-top: 2px inset;
    border-left: 2px inset;
    border-bottom: 2px inset;
}
.Leyenda_Enviada
{
    background-color: #CCFFCC;
    border-right: 2px inset;
    border-top: 2px inset;
    border-left: 2px inset;
    border-bottom: 2px inset;
}
.Leyenda_NoPrevaleciente
{
	background-color: #F8F32B;
    border-right: 2px inset;
    border-top: 2px inset;
    border-left: 2px inset;
    border-bottom: 2px inset;
}

/* Colapsible panel */
.colapsibleHeader 
{
    display: block;
    cursor: pointer;
    background: #FFF !important;
    font-size: 1em !important;
    border: 1px solid #cbd4d8;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
     .colapsibleHeader:after
    {    
        /*float:right;*/
    }

    .colapsibleHeader:hover {
        background-color: #EEEEEE !important;
        color: #007fac !important;
    }

    .colapsibleHeaderActive
    {
        color: White !important;
        background-color: #007fac !important;
        border: 1px solid #FFFFFF !important;
    }

    .colapsibleIcon 
    {
        /*    
        float:left;
        display: inline-block; 
        position:relative; 
        top: 1px; 
        right:4px;*/
    }
/************/

.languagebar
{
    /*font-size:0.7em;*/
    font-weight:normal;
    margin-top: 5px; 
    margin-right: 16px; 
}

/*Clases del autocompletado*/
.autocomplete_completionListElement
{
    font-size: 11px;  
  	font-family: Verdana;
}

.autocomplete_completionList
{
    overflow: auto;
    height: 150px;
    padding-left: 0px;
    margin-left: 0px;
    clip: rect(auto auto auto 0px);
    text-indent: 0pt;
    background-color: #ffffff;
}

.autocomplete_highlightedListItem
{
    font-size: 11px;
    font-family: Verdana;
    font-weight: bold;
    background-color: #ffffcc;
    cursor: hand;
}

.autocomplete_loading {
	background : window url("../../images/ajax-loader-indicator.gif") right center no-repeat;
}

.autocomplete_subinfo
{
    font-style: italic;
    color: #A5A5A5;
    cursor: hand;
}

/*fin autocompletado autocompletado*/

/* JQuery Autocomplete */
.ui-autocomplete-loading {
    background : window url("../../images/ajax-loader-indicator.gif") right center no-repeat;
  }
  
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
/*  */


/* Leyenda muestras */
.GridRowSelected
{
    background-color: #C4C4C4;
}

.GridRowIncidencia
{
    background-color: #FFFCE1;
}
.Leyenda_Incidencia
{    
    background-color: #FFFCE1;    
    border-radius: 5px;
}

.GridRowAgotada
{
    background-color: #FFCEBB;
}

.Leyenda_Agotada
{
    background-color: #FFCEBB;
    border-radius: 5px;
}

.GridRowAgotada_Inc
{
    background-color: #FFECCC;
}
.Leyenda_Agotada_Inc
{
    background-color: #FFECCC;
    border-radius: 5px;
}

.GridRowBaja
{
    background-color: #FFAF9B;
}
.GridRowNoPrev
{
    background-color: #F8F32B;
}
.Leyenda_Baja
{
	background-color: #FFAF9B;
    border-radius: 5px;
}

.Leyenda_Enviada
{
    background-color: #CCFFCC;
    border-radius: 5px;
}

.GridRowEnviada
{
    background-color: #CCFFCC;
}

/* Fin leyenda muestras */

.CampoValor
{
    background-color: #ffffcc;
}

.toolBarSelected
{
    border: none;
    background-color: #C6C6C6;
}

.toolBarItem
{
    border: 1px solid #C5DBEC;
    background: url('../../JQuery/jquery-ui/noraybanks/images/ui-bg_glass_85_dfeffc_1x400.png') repeat-x scroll 50% 50% #DFEFFC;
    font-weight: bold;
    color: #2E6E9E;
}

.toolBarItemSelected
{
    border: 1px solid #ff9330;
	background: #ff9330 url("../../JQuery/jquery-ui/noraybanks/images/ui-bg_glass_75_ff9330_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #ffffff;
}


/* loading */
.modal {
    display:    none;
    position:   fixed;
    z-index:    15000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../../Images/icons/noraybanks/ajax-loader.gif')
                50% 50% 
                no-repeat;
}


/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;          
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
/* fin loading */

/*.dxeBase
{
	font: 12px Tahoma, Geneva, sans-serif;
	color: #5C9CCC;
}*/

.debugLayer
{
    float: right;
    display: block;
    background-color: rgba(255, 0, 0, 0.1);
    color: rgba(10,10,10,0.3);
    font-size: 0.8em;
}

.divDbgSession
{
    float: right;
    display: block;
    background-color: rgba(204, 236, 255, 0.62);
    color: rgba(10, 10, 10, 0.54);
    font-size: 0.8em;
}

.personalDataIcon
{
    display: inline-block !important;
    position: relative;
    top: 4px;
    left: 4px;
}

.actionImgLink
{
    width: 200px;
    display: inline-block;
    margin-bottom: 10px;
}