/*#region Genral */
html,body,form {
    margin: 0px;
    padding: 0px;
    padding-bottom: 46px;
    font-family: Arial; 
} 
body
{
    background: url('../Imagenes/backgroundTexture.png');
    }
a {
    cursor: pointer;
}

.invisible
{
    display:none;
    width: 1px;
}
.margincenter
{
    margin: 0px auto;
    }

input.number {
    text-align: right;
}
.inline-block {
    display: inline-block;
}

.capitalize
{
    text-transform: capitalize;
    }
    
.uppercase
{
    text-transform: uppercase;	
    }    

.vertical-top
{
    vertical-align: top !important;
    }
    
.vertical-middle
{
    vertical-align: middle  !important;
    }    

.displaynone
{
    display: none;
    }
.marginLeft10
{
    margin-left:10px;
}
.RadioButtonListMargin  label 
{  
    margin-right:20px    
}
	
.requireInfo {
    font-weight: bold;
} 
.requireInfo:before {
    content: "*";
    color: rgb(248, 52, 52) !important; 
}
a.editColumn
{
    display: inline-block;
    height: 12px;
    width: 12px;
    }

a.aBlock
{
    display: inline-block;
    height: 100%;
    width: 100%;    
    }

.disBlock {
    display: block !important;
}
.shadowBox {
    -webkit-box-shadow: 0px 1px 10px rgba(153, 153, 153, 0.75);
    -moz-box-shadow:    0px 1px 10px rgba(153, 153, 153, 0.75);
    box-shadow:         0px 1px 10px rgba(153, 153, 153, 0.75);   
}

.font15
{
    font-size: 15px;
    }
.font18
{
    font-size: 18px;
    }

.font15bold
{
    font-size: 15px;
    font-weight: bold;
    }
    
.fontBold
{
    font-weight:bold;
    }    

.width20
{
  width: 20px;    
    }

.textCenter
{
    text-align: center;
    }

.textRight
{
    text-align: right !important;
    }
    
.kardexlines > div
{    
    color:#444;    
    font-family:Arial;
    min-height:13px;
    padding: 6px 0px;        
    }
    .kardexlines > div >  i
    {
        margin-right:5px;
        }    

.wizardContent table.InlineRadioButtonList
{
    font-size: 12px;
    }

table.InlineRadioButtonList
{
    display: inline-block;
	vertical-align: bottom;
    }
    
    table.InlineRadioButtonList > tbody > tr > td
    {
        padding-right: 15px;
        }

table.dayCBSelector {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;   
    display: block !important;
    border-collapse: separate;
    margin-bottom: 5px;
}
    table.dayCBSelector  tr {
        display: inline-block !important;
        float: left;
        width: 32px !important;
    }
        
        table.dayCBSelector tr > td
        {
            display: inline-block !important;
            width: 32px  !important;
            }
        
        
        table.dayCBSelector tr > td  > label
        {   
            display: inline-block !important;
            padding: 0px !important; 
            padding-left:0px !important; 
            width: 10px !important;
            }
 .wizardContent table.InlineRadioButtonList1
{
    font-size: 12px;
    }

table.InlineRadioButtonList1
{
    display: inline-block;
	vertical-align: bottom;
    }
    
    table.InlineRadioButtonList1 > tbody > tr > td
    {
        padding-right: 10px;
        }           
            
div.CAPALOADING
{
    background-color: #000000; 
    height: 100%;
    left: 0; 
    opacity: 0.7; 
    position: fixed; 
    right: 0; 
    text-align: center; 
    top: 0;
    width: 100%; 
    z-index: 9999999; 
}            
     div.CAPALOADING > span
     {
        background-color: #FFFFFF; 
        border-width: 0px; 
        font-size: 36px; 
        left: 40%; 
        padding: 50px; 
        position: fixed; 
        top: 40%;         
            }   

.GenericTitle
{
    display: block;
    height: 40px;
    padding-bottom: 30px;
    position: relative;
    width: 1004px;
    }
    
    .GenericTitle .OptionsInTitle > div
    {     
        border-right: 1px solid #333;
        display: inline-block;
        padding-left:10px;
        padding-right: 10px;
        vertical-align: top;
        }
        
        .GenericTitle .OptionsInTitle > div:last-child
        {
            border-right: 0px !important;
            }
    
    .GenericTitle div.ShownTitle
    {
        color: #666;
        font-size:25px;
        font-weight: bold;
        }
    .GenericTitle .OptionsInTitle
    {
         position: absolute;
         right: 0px;
         top: 0px;
    }
    
    .GenericTitle .OptionsInTitle > div a
    {
        color: #333;
        text-decoration: none;   
        }
        .GenericTitle .OptionsInTitle > div a.selected
        {
        background: url('../Imagenes/elements/menu_selected.png') no-repeat bottom center transparent ;
        }
        
        .optionTitleButtonTmeplateEnable
        {
                border: 0px !important;
                background-color: #fff !important;
                font-size: 17px !important;
                color: #333 !important;
                vertical-align: top !important;
            }
            .optionTitleButtonTmeplateEnable a > i + span
            {
                margin: 3px 0px 0px !important; 
                }           
        
     a > i + span
    {
        display: inline-block;
        margin: 6px 0px 0px;
        padding: 0px 10px 0px 3px;
        vertical-align: top;       
            }
        
.editFilePencil
{
    border: 0px !important;
    height: auto !important;
    background: transparent !important;
    vertical-align: baseline !important;
    }     

.wizardContent
{
    padding-top: 30px;
    font-family:"Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px;
    
    }
     
     .wizardContent > div > div.needfill
     {
         border-right: 0px solid #ddd !important;
         display: inline-block;
         padding: 15px;
         vertical-align: top;
	     width: 100%;         
         }
     .wizardContent > div > div
     {
         border-right: 1px solid #ddd;
         display: inline-block;
         padding: 15px;
         vertical-align: top;
	     width: 450px;
         }
    .wizardContent > div > div:nth-child(even)
    {
        border-right: 0px solid #ddd;
        /*border-left: 1px solid #ddd;*/
        }
        
.wizardFooter
{
   background-color: #f6f6f6;
   border-top: 1px solid #dcdcdc;
   height: 63px;
   margin-top: 35px;
    }
     .wizardFooter > div
     {
        padding: 21px;
	    text-align: right;
         }
         
         .wizardFooter > div > a
         {
             color: #333;
             font-size:15px;
             text-decoration: none;
             padding-left: 31px;
             }
     
     
     
        .l-ul
        {
            display:inline-block;
            list-style-type:none;
            margin:0px;
            padding:0px;
            width:100%;
            }
            
            .l-ul > li
            {
                display:inline-block;
                }            
            
        ul.t-multipleCombobox-Art-Inve > li{
            vertical-align:top;
            }                                         
        ul.t-multipleCombobox-Art-Inve > li:first-child
        {                       
            width:64%;
            }
        ul.t-multipleCombobox-Art-Inve > li:last-child
        {                        
            width:34%;           
            }
            
        .l-txtR
        {
            text-align:right;
            }     


 
     
     
div.controlGroup
{
    margin: 15px auto;
    }        
div.controlGroup > label
{
    color: #333 !important;
    display: inline-block;
    padding-right:15px;
    text-align: right;
	width: 185px;
    }
    
    div.controlGroup div > label
{
    color: #333 !important;
    display: inline-block;
    padding-right:15px;
    text-align: right;
	width: 185px;
    }
    
div.controlGroup > div
{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 245px;
    }
     div.controlGroup > div > span
     {
         color: #333;
         font-size:10px;
         }
     
     
     div.controlGroup > div > table{         
        display: inline-block;
        vertical-align: middle;         
         }
         
div.inline-simple {
    margin: 15px 0px 10px;             
    }
         
div.inline-simple > div.controlGroup
{
    display: inline-block;
    margin: 5px 7px 5px 0px;
    vertical-align: middle;
    }
    
    div.inline-simple div.controlGroup > label
    {
        color: #333 !important;
        display: inline-block;
        padding-right:10px;
        text-align: right;
        vertical-align: middle;
	    width: auto;
        }
        
    div.inline-simple div.controlGroup > div
    {
        display: inline-block;
        padding-right: 1px;
        vertical-align: middle;
        width: auto;        
        }
        
.borderthin
{
    border: 1px solid #B7D08C;
    padding: 5px;
    }


    table#TableTotalesFooterInRadGrid, table#TableTotalesFooterInRadGridD, table#TableTotalesFooterInRadGridP
    {
        width: 100%;
        }
        
        table#TableTotalesFooterInRadGrid tr > td
        {
            font-size: 14px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 0px;
            }
            
            table#TableTotalesFooterInRadGridD tr > td, table#TableTotalesFooterInRadGridP tr > td{
            font-size: 13px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 0px;
                }
            
        table#TableTotalesFooterInRadGrid tr > td:first-child, table#TableTotalesFooterInRadGridD tr > td:first-child, table#TableTotalesFooterInRadGridP tr > td:last-child
        {
            text-align: left;
            padding-right: 5px;
            }
            
        table#TableTotalesFooterInRadGrid tr > td:last-child, table#TableTotalesFooterInRadGridD tr > td:last-child, table#TableTotalesFooterInRadGridP tr > td:last-child
        {
            text-align: right;
            }
    
        table#TableTotalesFooterInRadGrid > tr:last-child > td:last-child, table#TableTotalesFooterInRadGridD > tr:last-child > td:last-child, table#TableTotalesFooterInRadGridP > tr:last-child > td:last-child
        {
            font-weight: bolder;
            }    
         
div.aditional-block1
{
    border: 1px solid #f2f2f2;
    padding: 5px 5px 40px;
    margin-bottom:40px;
    margin-top: 10px;
    }
         div.aditional-block1 > div.title 
         {
                padding: 10px 5px 10px;
                background: #F0F0F0;
             }
         
div.aditional-block1.slim1
{    
    clear:both !important; 
    padding-bottom:10px !important;
    }

.selectedArtImagenContainer
{
    border:1px solid #f2f2f2 ; min-width:165px; height:150px; vertical-align:top; margin-top:5px; 
    }

.articuloSelectedCombos
{
width:790px ; vertical-align:top ; padding-left:10px     
    }

div.collumns1 
{
    width: 100%;
     }
     div.collumns1 > div
     {
        display: inline-block; 
        vertical-align: top;
         }
     div.collumns1 > div.collumn1
     {
        
        margin-right: 20px;
        min-height: 300px;
        width: 420px;
        
         }
         
    div.collumn2
    {
        
        min-height: 300px;
        width: 550px;        
        }

.dock1
{
    border-radius:5px;
    margin-bottom: 20px;
-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.30);
-moz-box-shadow:    0px 0px 6px rgba(50, 50, 50, 0.30);
box-shadow:         0px 0px 6px rgba(50, 50, 50, 0.30);    

    }
    
    .overflowHidden
    {
        overflow:hidden;
    }
.kardexPinMap
{
    background: url('../Imagenes/icons/pinMap72x104.png') no-repeat 10px center;
    min-height: 105px;
    padding-left:100px;
    }
    
    
.RadDock.dock1.kardexBlock1
{
    min-height: 47px !important;
    }
    
    .kardexBlock1 div.fileDownload
    {
        height: 50px;
        }
        
    .kardexBlock1 div.fileDownload > div
    {
        display:inline-block;
        height: inherit;        
        }
    .kardexBlock1 div.fileDownload > div:first-child
    {                            
        float: right;
        text-align: center;
        width: 80px;        
        }
        .kardexBlock1 div.fileDownload > div:first-child > span
        {
            display: table-cell;
            height:inherit;
            width:inherit;
            text-align:center;
            vertical-align: middle;
            }       
        
        .kardexBlock1 div.fileDownload > div:last-child > span
        {
            font-size: 27px;
            display: table-cell;
            height: inherit;
            vertical-align: middle;
            color: #555;
            }
        
.dock1.kardexBlock1 .rdContent
{
    /*min-height: 58px !important;    */
    min-height: 10px;
    }   
         

.dockContainterDiv
{
    padding: 20px 0px 5px 8px;
    }

.dock1.kardexBlock1 .rdCommands span.rdCollapse
{
    background-image: url('../Imagenes/icons/CollapseDock.png');
    background-position: center center;
    cursor: pointer;
    }

.dock1.kardexBlock1 .rdCommands span.rdExpand
{
    background-image: url('../Imagenes/icons/ExpandDock.png');
    background-position: center center;
    cursor: pointer;
    }

.dock1.kardexBlock1 .rdTable .rdCenter
{
    min-height: 1px !important;
    }
    
.dock1.kardexBlock1 span.Titlebar{ 
    /*display:inline-block;  <---- 07/25/2013
    padding:6px;
    font-weight:bolder;
     color:#555*/
     
display: table-cell;
padding: 10px 6px 0px;
font-weight: bolder;
color: #555;
vertical-align:middle;
	
    }    
.dock1.kardexBlock1 span.Titlebar img
{
    padding-right: 10px;
    display: inline;
    vertical-align:bottom;
    }    

.RadDockZone.rdPlaceHolder
{
    border: 1px dashed #CFD6E2 !important;
    }

.RadDock
{
    /*min-height: 120px;*/
    min-height: 20px;
    }        
    
.rdContent
{
    /*min-height: 154px;*/
    min-height: 54px;
}

.RadDock .rdTable
{
    height: auto !important;
    }
        
.RadUpload .ruInputs li
{
    margin: 0 0 0 0 !important;
    }        
        
        
        
div.divededBox > div
{
    display: inline-block;
    padding: 5px 10px;
    vertical-align: top;
    width: 45%;
    }        
div.divededBox div.controlGroup > label{
    width:125px;
}

div.divededBox > div:last-child
{
    display:block;
    text-align: center;
	width:auto;
    }

/*#region iconos */


/*BEGIN menu icons*/

    div#HeaderMenu nav#navigationPanel i + span
    {
        margin : 0px;
        }
        
            
    div#HeaderMenu nav#navigationPanel i.icon-menu-ventas
    {
        background-image: url('../Imagenes/icons/menuIcons/ventas.png');
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        height: 35px;
        width: 36px;
    }


    div#HeaderMenu nav#navigationPanel i.icon-menu-compras
    {
        background-image: url('../Imagenes/icons/menuIcons/compras.png');
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        height: 35px;
        width: 34px;
    }        

    div#HeaderMenu nav#navigationPanel i.icon-menu-almacen
    {
        background-image: url('../Imagenes/icons/menuIcons/almacen.png');
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        height: 35px;
        width: 34px;
    }    

    div#HeaderMenu nav#navigationPanel i.icon-menu-facturas
    {
        background-image: url('../Imagenes/icons/menuIcons/facturas.png');
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        height: 35px;
        width: 34px;
        }

    div#HeaderMenu nav#navigationPanel i.icon-menu-catalogos
    {
        background-image: url('../Imagenes/icons/menuIcons/catalogos.png');
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        height: 35px;
        width: 30px;
        }
        
    div#HeaderMenu nav#navigationPanel i.icon-menu-reportes
    {
        background-image: url('../Imagenes/icons/menuIcons/reportes.png');
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        height: 35px;
        width: 24px;
        }        
        
    div#HeaderMenu nav#navigationPanel i.icon-menu-cotizaciones
    {
        background-image: url('../Imagenes/icons/menuIcons/cotizaciones.png');
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        height: 35px;
        width: 27px;        
        }
    
    div#HeaderMenu nav#navigationPanel i.icon-menu-pedidos
    {
        background-image: url('../Imagenes/icons/menuIcons/pedidos.png');
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        height: 35px;
        width: 40px;          
        }
        
    div#HeaderMenu nav#navigationPanel i.icon-menu-remisiones
    {
        background-image: url('../Imagenes/icons/menuIcons/remisiones.png');
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        height: 35px;
        width: 30px;            
        }
        


/*END menu icons*/
        
i.icon-plus-agregar
{
    background-image: url('../Imagenes/icons/icon_plus_agregar.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 27px;
    width: 27px;
    }
i.icon-back-regresar
{
    background-image: url('../Imagenes/icons/icon_back_regresar.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 27px;
    width: 20px;    
    }        
    
    i.icon-alert-alerta
{
    background-image: url('../Imagenes/icons/alert26x26.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 26px;
    width: 30px;
    }        

i.icon-save-guardar
{   
    background-image: url('../Imagenes/icons/icon_save_guardar.png');    
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    width: 19px;    
    }
    
i.icon-save-confirmar
{   
    background-image: url('../Imagenes/icons/confirm20x20.png');   
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    width: 20px;    
}
    
i.icon-cancel-cancelar
{   
    background-image: url('../Imagenes/icons/icon_cancel_cancelar.png');    
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    width: 20px;    
}
i.icon-edit-editar
{   
    background-image: url('../Imagenes/icons/edit.png');    
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 12px;
    width: 12px;    
}

i.icon-save-guardar2
{   
    background-image: url('../Imagenes/icons/icon_save_guardar2.png');    
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 12px;
    width: 12px;    
}

i.icon-vip-clientevip
{   
    background-image: url('../Imagenes/icons/vipIcon.png');    
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;    
}

i.icon-print-imprimir
{   
    background-image: url('../Imagenes/icons/print12x12.png');    
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 12px;
    width: 12px;    
}

i.icon-print-imprimirMenu
{   
    background-image: url('../Imagenes/icons/print23x27.png');    
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    width: 20px;    
}

i.icon-delete-eliminar
{
    background-image: url('../Imagenes/icons/delete.png');    
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 11px;
    width: 11px;        
    }
    
i.icon-search-buscar
{
    background-image: url('../Imagenes/icons/icon_search.png');    
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    width: 20px;        
    }

i.icon-kardex-kardex
{
    background-image: url('../Imagenes/icons/icon_kardex_kardex.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 27px;
    width: 20px;       
    }

    
i.icon-kardex-traspasos
{
    background-image: url('../Imagenes/icons/icon_traspasos.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 27px;
    width: 31px;
    }
    
i.icon-kardex-traspasos-in
{
    background-image: url('../Imagenes/icons/icon_traspasos_in.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 27px;
    width: 24px;
    }

i.icon-kardex-traspasos-out
{
    background-image: url('../Imagenes/icons/icon_traspasos_out.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 27px;
    width: 24px;
    }    
    
    
i.icon-kardex-contactos
{
    background-image: url('../Imagenes/icons/icon_contacts_contactos.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 27px;
    width: 20px;     
    }   
    
i.icon-kardex-listaprecios
{
    background-image: url('../Imagenes/icons/icon_pricelist_listaprecios.png');    
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 27px;
    width: 20px;     
    }        
 
 
 i.expand_button
 {
    background-image: url('../Imagenes/icons/expand.png');
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size:16px 15px;
    cursor: pointer;
    display:inline-block;
    float: right;
    height: 20px;
    width: 21px;
     }   
     
 i.expand_button.collapase_button
 {
    background-image: url('../Imagenes/icons/colapse.png');
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size:16px 15px;
    cursor: pointer;
    display:inline-block;
    float: right;
    height: 20px;
    width: 21px;
     }        

i.icon-download-ficha
{
    background-image: url('../Imagenes/icons/icon_download_color.png');
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display:inline-block;
    height: 40px;
    width: 36px;    
    }     

i.icon-exportExl-exportarExl
{
    background-image: url('../Imagenes/icons/Exp_Excel.png');    
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 20px;        
}   


/*#endregion*/
        
/*#endregion*/




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

/*#region LogIn */


div#loginCanvas
{
    position: fixed;
    top:50%;
    left:50%;
    height: 340px;
    width: 514px;
    margin-top: -190px;
    margin-left:-290px;               
    }
    div#loginBox 
    {        
        background: url('../imagenes/liston_login.png') center 203px no-repeat #fff;
        height: 278px;
        margin: 10px auto;
        padding: 30px;
        width: 453px;
        }
        
        div#loginCanvas div#loginBox div#loginControls div.controlGroup
        {
            margin-bottom: 15px;
            }
        
        div#loginCanvas div#loginBox div#loginControls div.controlGroup > label
        {
            color: #333;
            font-size: 18px;
            width:90px;
            }
        div#loginCanvas div#loginBox div#loginControls div.controlGroup div.control input
        {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            border: 1px solid #ddd;
            font-size: 32px;
            height: 50px;
            width: 310px;
            }
        div#loginCanvas div#loginBox div#loginControls div.controlGroup div.control input:focus
        {
            border: 1px solid #ccc;
            }
            
            div#loginCanvas div#loginBox div#loginControls div.controlGroup div.control input.UserPassRequest
            {                
                font-size: 20px;
                padding-right: 0px;
                text-align: center;
                }            
            
            div#loginCanvas div#loginBox div#loginControls div.controlGroup div.control input.UserInput
            {
                background: url('../imagenes/icons/user_login_icon.png') no-repeat 411px center transparent;
                padding-right: 40px;
                }

            div#loginCanvas div#loginBox div#loginControls div.controlGroup div.control input.PassInput
            {
                background: url('../imagenes/icons/pass_login_icon.png') no-repeat 411px center transparent;
                padding-right: 40px;
                }

        div#loginCanvas div#loginBox div#recuerdame > label
        {
            color: #333;
            font-size: 12px;
            width:80px;
            }
            
            
            
            div#loginCanvas div#loginBox div#recuerdame .btnEntrar .rbDecorated
            {
                color: #555;
                 font-size: 14px;
                 font-weight:bold;
                 width: 100px;
                }

             div#loginControls .rbDecorated
            {
                color: #555;
                 font-size: 14px;
                 font-weight:bold;
                 width: 100px;
                }

div#loginCanvas div#recoberPass
{
    font-size: 12px;
    text-align: right;
    text-decoration: 'underline';
    width: 513px
    }
    
    div#loginCanvas div#recoberPass a
    {
        color: #fff;
        }

/*#endregion*/


/*#region LAYOUT */

div#MainCanvas
{
    -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, .85);
    -moz-box-shadow:    0px 2px 16px rgba(0, 0, 0, .85);
    box-shadow:         0px 2px 16px rgba(0, 0, 0, .85); 
    background-color: #fff;
    margin: auto;
    width: 1024px;    
    }

div#MainCanvas > header
{
    -webkit-box-shadow: 0px 5px 5px rgba(238, 238, 238, 0.75);
    -moz-box-shadow:    0px 5px 5px rgba(238, 238, 238, 0.75);
    box-shadow:         0px 5px 5px rgba(238, 238, 238, 0.75);
    margin: 0px auto;
    min-height: 93px;
    width: 1024px;
    }

    div#MainCanvas > header > div    
    {
        position:relative;
        }
        
        div#MainCanvas > header > div div#HeaderDate
        {           
            height: 30px;            
            position: relative;
         }
            div#MainCanvas > header > div div#HeaderDate > div
            {
                display:table-cell;
                height: inherit;
                float: right;
                position:absolute;
                right: 0px;
                top:0px;
                }
                
                div#MainCanvas > header > div div#HeaderDate > div > span
                {
                    /*ORIGINAL
                    color: #bbb;
                    display: table-cell;                    
                    font-size:12px;
                    height: 22px;
                    vertical-align:middle;*/
                    
                    color: #757575;
                    display: table-cell;
                    font-size: 25px;
                    height: 28px;
                    vertical-align: middle;
                    padding-right: 5px;                    
	
                    }
       div#MainCanvas > header > div div#HeaderSucursal
        {           
            height: 22px;            
            position: relative;
         }
            div#MainCanvas > header > div div#HeaderSucursal > div
            {
                display:table-cell;
                height: inherit;
                position:absolute;
                right: 0px;
                top:0px;
                }
                
                div#MainCanvas > header > div div#HeaderSucursal > div > span
                {
                    /*ORIGINAL
                    color: #bbb;
                    display: table-cell;                    
                    font-size:12px;
                    height: 22px;
                    vertical-align:middle;*/
                    
                    color: #757575;
                    display: table-cell;
                    font-size: 13px;
                    height: 22px;
                    vertical-align: middle;
                    padding-right: 5px;                    
	
                    }
            
        div#MainCanvas > header > div div#HeaderUserOptions
        {            
            background-color: #F07124;
            height: 42px;
            position: relative;
            }    
            div#MainCanvas > header > div div#HeaderUserOptions > div 
            {
                color: #fff;
                display:table-cell;
                height:42px;
                vertical-align:middle;
                }
            div#MainCanvas > header > div div#HeaderUserOptions > div:first-child
            {
                font-size:30px;
                font-weight:bold;
                padding-left:115px;
                }
            div#MainCanvas > header > div div#HeaderUserOptions > div:last-child
            {                
                min-width: 180px;
                position: absolute;
                right:0px;
                top: 0px;
                }
                
                div#MainCanvas > header > div div#HeaderUserOptions > div:last-child > div
                {
                    display: inline-block;
                    height: 42px;
                    }
                    
                    
                div#MainCanvas > header > div div#HeaderUserOptions > div:last-child div#userName span
                {
                    display: table-cell;
                    font-size:18px;                    
                    vertical-align: middle;
                    height: 42px;
                    }  
                div#MainCanvas > header > div div#HeaderUserOptions > div:last-child div#userControls  > div
                {
                    display: inline-block;
                    height: 42px;
                    margin: 0px 4px;
                    width: 15px;
                    }
                    div#MainCanvas > header > div div#HeaderUserOptions > div:last-child div#userControls div#userProfile
                    {
                        background: url('../Imagenes/icons/user_control_user.png') no-repeat center 13px  transparent;
                        }
                    div#MainCanvas > header > div div#HeaderUserOptions > div:last-child div#userControls div#userSettings
                    {
                        background: url('../Imagenes/icons/user_control_settings.png') no-repeat center 13px  transparent;
                        }
                    div#MainCanvas > header > div div#HeaderUserOptions > div:last-child div#userControls div#userLogout
                    {
                        background: url('../Imagenes/icons/user_control_logout.png') no-repeat center 13px  transparent;
                        cursor: pointer;
                        }
                        div#MainCanvas > header > div div#HeaderUserOptions > div:last-child div#userControls div#userLogout > span
                        {
                            background-color: transparent !important;
                            border: 0px !important;
                            padding: 0px !important;
                            
                            }
                        
                        
                    div#MainCanvas > header > div div#HeaderUserOptions > div:last-child div#userControls div#userLogout:hover
                    {
                        background: url('../Imagenes/icons/user_control_logout_hover.png') no-repeat center 13px  transparent;
                        }
                        
            
        div#MainCanvas > header > div div#HeaderMenu
        {
           min-height: 50px;
            } 
            div#MainCanvas > header > div div#HeaderMenu > div
            {
                min-height: inherit;
                padding-left:115px;
                }
                
                    div#MainCanvas > header > div div#HeaderMenu nav a.selected
                    {
                        background: url('../Imagenes/elements/menu_selected.png') no-repeat bottom center transparent ;
                        }
                    div#MainCanvas > header > div div#HeaderMenu nav a 
                    {
                        color: #336600;
                        display: inline-block;
                        font-size: 15px;
                        height: 35px;
                        padding: 10px 17px;
                        text-decoration: none !important;
                        }
                        div#MainCanvas > header > div div#HeaderMenu nav a span
                        {
                            display:inline-block;
                            padding: 12px 0px 0px 3px;
                            vertical-align: top;
	                        white-space: nowrap;
                            }
            
        div#MainCanvas > header > div div#Headerlogo
        {
            background: url('../imagenes/logo_header2.png') no-repeat center center  transparent;
            height: 105px;
            left:1px;
            position: absolute;
            top:1px;         
            width: 104px;
            background-size: 100% 100% !important;
}
              div#MainCanvas > header > div div#Headerlogo a
              {
                    display: block;
                    height: 105px;
                    width: 104px;
                  }
              
div#MainCanvas section#MainSection 
{
    margin: 0px auto;
    overflow: auto;
    min-height: 350px;
    padding: 30px 10px 150px;
    width: 1004px;
    }
/*#endregion*/
.rblInHeaderTemplate
{
    font-size: 14px;
    display: inline-block;
	vertical-align: bottom;
	padding-right: 15px;
}

table#tableMontosClientes thead tr th
{
    font-size: 10px;
    }
    
    table#tableMontosClientes tbody tr td:first-child
    {
        text-align: center;    
        }
        
        table#tableMontosClientes tbody tr td div.controlGroup
        {
            margin: 2px auto;
            }
table#tableMontosClientes tbody div.controlGroup > label
{
    width:110px !important; 
    font-size:12px;  
    }
    
    div#subsClienteInformacionFinanciera u
    {
        color: #333;
        font-size: 15px;
        }        
        
        
        

div.container-pink1
{
    background-color: #F5F3F3;    
    display: inline-block;
    padding: 10px 0px 17px;
    min-height: 22px;
    position: relative;
    width: 700px;        
}

    div.container-pink1 div.controlGroup
    {
        margin: 5px auto;
        }

        div.container-pink1 div.controlGroup > label
        {
            width: 160px;
            }
            
        div.container-pink1 div.controlGroup div > label
        {
            width: 160px;
            }

div.container-gray1
{
    background-color: #DBDBDB;
    color:#666 ;
    display:inline-block;
    float:right;
    min-height: 22px;
    padding: 10px 10px;
    position: relative;
    width: 280px;
}

    div.container-gray1 > div
    {
        margin: 5px 0px;
        min-height: 16px;
        }
    div.container-gray1 > div > label
    {
        float: left;
        }
        
    div.container-gray1 > div > div
    {
        float: right;
        }
        
        
/*#endregion*/



/*#region CATALOGOS */

div.catalogosCanvas
{
    overflow: auto;
    padding: 14px 38px 0px;
    
    }
    
    
    div.catalogosCanvas > div > div.catButton
    {

            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;            
            border-radius: 3px;
            border: 1px solid #D8EBD8;
            display: inline-block;
            float: left;
            height: 38px;
            margin-right: 33px;
            margin-bottom: 16px;                    
            width: 157px;
            cursor: pointer;
        }    
    
    div.catalogosCanvas > div > div.catButton:nth-child(5n+0)
    {
        margin-right:0px !important;
        }            
        
    div.catalogosCanvas > div > div.catButton:hover
    {
background-color: #d9d4be;
-webkit-border-radius: 15px;  
    -moz-border-radius: 15px;  
    border-radius: 5px;  
        }
        
        
    div.catalogosCanvas > div > div.catButton.text img{
width: 38px;
height: 38px;
display: inline-block;
margin: 1px 0px 1px 12px;
vertical-align: top;
            }
            
    div.catalogosCanvas > div > div.catButton.text  a  span.first{
                font-size: 80%;
                height: 38px;
                display: inline-block;
                margin: 1px 0px 1px 0px;
                vertical-align: top;          
                }
    div.catalogosCanvas > div > div.catButton.text  a  span.first  span.second
    {
display: table-cell;
vertical-align: middle;
height: 38px;
color: #666;
font-size: 13px;
width: 104px;
text-align: center;
line-height: 15px;
font-weight: bold;
        }        
        
.catalogosCanvasTitle {
    font-size: 19px;
    margin-bottom: 10px;
    width: 100%;
    border-bottom:1px solid #E8F3ED;
    /*border-bottom: 1px solid #DCF0E5;*/
    color: #333;
}
        
    div.catalogosCanvas > div > div.catButton:active
    {
        }         

/*#endregion*/



/*#region pedidos */
div.RAUOrdenCompraLoaded input.ruRemove,
div.RAUOrdenCompraLoaded input.ruRemove,
div.RAUOrdenCompraLoaded input.ruCancel, 
div.RAUOrdenCompraLoaded input.ruCancel
{
    display: none !important;
    }
/*#endregion*/
.marginRight10
{
    margin-left:10px;
}

.marginLeft35
{
    margin-left:35px;
}
.insertNewArtAlmacen
    {
        margin-top:40px; 
        width:100%;
        color:#666666;
        padding-left:10px;
    }
.articuloSelectedCombosAlmacen
{
    width:790px ; vertical-align:top ; padding-right:20px     
    }

/*#region Cotizaciones*/


div.cotizacion div.container-pink1 div.controlGroup > label
{
    width: 80px;
    }
 
    .insertNew
    {
        margin-top:30px; 
        width:100%;
        color:#666666;
    }
        
        .insertNew > div
        {
            display: inline-block;            
            padding-bottom: 10px;
            padding-top: 5px;
            padding-right: 16px;
            vertical-align: top;
        }
        
        
    .insertNew2
    {
        width:100%;
        color:#666666;
    }
        
        .insertNew2 > div
        {
            display: inline-block;            
            padding-bottom: 10px;
            padding-top: 5px;
            padding-right: 16px;
            vertical-align: top;
        }
           
    .radGrid
    {
        margin-top: 10px;
        
    }
    
    
   .position_relative
    {
        position: relative;
        
    }
    
    div.cotizacionesClasificacionCliente
    {
        background-color: #FFB164;
        height: 84px;
        right: 50px;
        position: absolute;
        top: 15px;
        width: 92px;
        }
    
/*endregion Cotizaciones*/
    
    
/*#region Kardex Sucursal */

    
    .SucursalTitleStatusBlockCss > div > div
    {
        background-image: url('../Imagenes/icons/icon_box_sucursal.png') !important;
        background-position: center center !important;
        
        }
        .SucursalTitleStatusBlockCss > div > div > div
        {
            display: none;
            }
        

/*#endregion*/


/*#region Kardex Almacen */

    .AlmacenTitleStatusBlockCss > div > div
    {
        background-image: url('../Imagenes/icons/icon_box_almacen.png') !important;
        background-position: center center !important;
        }
        .AlmacenTitleStatusBlockCss > div > div > div
        {
            display: none;
            }


/*#endregion*/


/*#region Compras */

div.compras >  div.container-pink1 > div.controlGroup > label 
{
    width: 100px;
    }

/*#endregion*/

.canceleditImagenArticulo_float
{
    position: absolute;
    right: 0px;
    top: 25%;
}

.contenedorCentroComando
{
    float : left;
    width : 100%;
	
}

.PanelPrioridades{
    float     : left;
    width     : 45%;
    padding   : 10px;
    position  : relative;
    left      : 5%;
    overflow  : hidden;
}

.PanelBandejas{
    float    : left;
    width    : 45%;
    padding  : 10px;
    position : relative;
    left     : 5%;
    overflow : hidden;
}
    
.contenedorPrioridades{
    text-align : center;
	overflow   : hidden;
	height     : 100%;
	width      : 100%;
	float      : left;
	
}

.contenedorPrioridades h1{
 font-weight: normal;
}

.imagenGrafica{
    float : left;
    width : 30%;
    padding-left: 25px;
}

.contenedorlistaPrioridades{
    width : 60%;
    float: left;
    overflow: hidden;
}

.listaPrioridades{
    float      : left;
    width      : 100%;
	text-align : left;
}

.contenedorOpciones {
	text-align : center;
	overflow   : hidden;
	width      : 300px;
}

.ContenedorbotonOpciones{
    float   : left;
    padding : 15px;
}

.botonOpcion{
    float   : left;
    width   : 140px;
    padding : 5px 25px 5px 10px;
}

.botonOpcion a 
{
    text-align      :  center;	
    text-decoration : none;
}

.textolink 
{   text-align          :  center;	
    text-decoration     : none;
    color               : #B8AA73;
    font-size           : 20px;
    background-color    : #EDEDF5;
	/*background-image    : url('../Imagenes/icons/calculadora.jpg');*/
	background-position : left center;
    float               :left;
    padding             : 10px 5px 5px 15px;
    background-repeat   : no-repeat;
    height              : 25px;
    width               : 140px;
    -webkit-border-radius: 15px;  
    -moz-border-radius: 15px;  
    border-radius: 5px;  
}

.textolink:hover{
 background-color: #d9d4be;
 -webkit-border-radius: 15px;  
    -moz-border-radius: 15px;  
    border-radius: 5px;  
	
}

.fondoCotizacion {
	background-image    : url('../Imagenes/icons/calculadora.png');
}

.fondoCliente {
	background-image    : url('../Imagenes/icons/cliente.png');
}

.fondoProveedor {
	background-image    : url('../Imagenes/icons/proveedor.png');
}

.fondoSucursal
 {
	background-image    : url('../Imagenes/icons/pin.png');
}

.TituloVerde {
	color      : Green;
	text-align : center;
	font-weight: normal;
	font-size  : medium;
	
}

.textoUrgente {
	color            : Red;
	text-decoration  : none;
	padding          : 0;
    list-style-type  : none;
}
.textoPreventivo {
	color           : Orange;
	text-decoration : none;
	padding         : 0;
    list-style-type : none;
}
.textoSinPrecaucion {
	color           : Green;  
	text-decoration : none;
	padding         : 0;
    list-style-type : none;
}

.TituloGrid{
color : #6c716f;
font-weight: normal;
}
div#HeaderMenu nav#navigationPanel i.icon-menu-inicio
    {
        background-image: url('../Imagenes/icons/menuIcons/inicio.png');
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        height: 35px;
        width: 36px;
    }
#HeaderMenu a:hover {
background-color: #d9d4be;	
-webkit-border-radius: 15px;  
    -moz-border-radius: 15px;  
    
}

    
.tranStatus
{
background-color: rgba(255, 255, 255, 0.15);
border: 0px solid #bbb;
box-shadow: 0px 0px 3px 0px #999;
color: #444;
height: 19px;
line-height: 20px;
margin-top: 10px;
-moz-box-shadow: 0px 0px 3px 0px #999;
-o-box-shadow: 0px 0px 3px 0px #999;
padding: 3px 4px;
-webkit-box-shadow: 0px 0px 3px 0px #999;
}       

.tranStatus label{
font-size: 18px;
font-weight: bold;    
    }
       
       
       /*.RadButton.RadButton_Default.rbSkinnedButton:focus*/
       .rbSkinnedButton .rbDecorated:focus
       {
           border: 1px dotted #333;
           }
           
           
           .RadButton:focus
           {
               outline: 1px dotted #aaa;
               }
               
               
.green1
{
    color: #5E9623;
    font-weight: bolder;
    }               
    
.red1
{
    color : #F76957;
	font-weight: bolder;
    }
    
.display-inline{
    display:inline !important;
}