/*#region Genral */


html, body, form
{
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    height: 100%;
}

body
{
    background: url('../Imagenes/weatermark_background_crop.png') no-repeat right bottom transparent;
    overflow-x: hidden;
}

.inline-block
{
    display: inline-block;
}


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

.txt-center
{
    text-align: center;
}

a
{
    cursor: pointer;
}

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

.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);
}

.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;
    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;
}


.font15
{
    font-size: 15px;
}

.font14
{
    font-size: 14px;
}

.marginLeft10
{
    font-size: 13px;
    margin-left: 10px;
}

.marginRight10
{
    font-size: 13px;
    margin-right: 10px;
}

.margin-auto
{
    margin:auto;
}   
/*input[type="checkbox"]
{
    display: none;
    }
input[type="checkbox"] + label span
{
    background: url('../imagenes/elements/empty_checkbox.png') left top no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: -1px 4px 0px 5px;
    vertical-align: middle;
    width: 16px; 
    }
    input[type="checkbox"]:checked + label  span
    {
        background: url('../imagenes/elements/cheked_checkbox.png') left top no-repeat;
        }*/

.ButtonTitle
{
    text-decoration: none;
    font-size: large;
    vertical-align: top;
}

.GenericTitle
{
    display: block;
    height: 40px;
    padding-bottom: 15px;
    position: relative; /*width: 1004px;*/
}

.GenericTitle .OptionsInTitle > div
{
    border-right: 1px solid #333;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

.GenericTitle .OptionsInTitle > div:first-child
{
    border-right: 0px !important;
}

.GenericTitle .OptionsInTitle > div:last-child
{
    border-right: 0px !important;
}

.GenericTitle div.ShownTitle
{
    /*color: #666;*/
    color: #2856a2 !important;
    font-size: 25px;
    font-weight: bold;
    border-bottom: 4px solid #2856a2;
}
.GenericTitle .OptionsInTitle
{
    position: absolute;
    right: 0px;
    top: 0px;
}

.GenericTitle .OptionsInTitle > div a
{
    color: #333;
    text-decoration: none;
    margin: 1px 5px;
}
.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 5px;
    vertical-align: top;
}

.kardexPinMap
{
    background: url('../Imagenes/icons/pinMap72x104.png') no-repeat 10px center;
    min-height: 105px;
    padding-left: 100px;
}

.wizardContent
{
    padding-top: 30px;
}

.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;
}

.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;
}

div.controlGroup
{
    margin: 15px auto;
}

div.controlGroup > label
{
    /*color: #333 !important;*/ /* LAYOUT ORIGINAL */
    display: inline-block;
    padding-right: 15px;
    text-align: right;
    width: 85px;
}



div.controlGroup > div
{
    display: inline-block;
    width: 300px;
}

div.controlGroup > div > span
{
    color: #333;
    font-size: 10px;
}

.requireInfo
{
    font-weight: bold;
}

.requireInfo:before
{
    content: "*";
    color: rgb(248, 52, 52) !important;
}

div.container-pink1
{
    background-color: #2856a2; /*background-color: #F5F3F3;*/ /*LAYOUT ORIGINAL*/
    display: inline-block;
   /*padding-top: 1%;/* padding: 10px 0px;*/ /* LAYOUT ORIGINAL*/*/
    min-height: 22px;
    position: relative;
    width: 55%;
    /* AGREGADO */
    /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;*/
    border-radius: 10px; 
}

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

div.container-pink1 div.controlGroup > 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: 15%;
}

div.container-gray1 > div
{
    margin: 5px 0px;
    min-height: 16px;
}

div.container-gray1 > div > label
{
    float: left;
}

div.container-gray1 > div > div
{
    float: right;
}

/*#region iconos */


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-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-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-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-search-buscar
{
    background-image: url('../Imagenes/icons/icon_search2.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    width: 19px;
}

i.icon-Actualiza
{
    background-image: url('../Imagenes/change.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    width: 19px;
}

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

i.icon-logout
{
    background-image: url('../Imagenes/icons/user_control_logout.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-bottom: 3px;
}

i.icon-edit-editar
{
    background-image: url('../Imagenes/icons/icon_edit.gif');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 12px;
    width: 12px;
}

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-pass-pasar
{
    background-image: url('../Imagenes/icons/pasar.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    width: 20px;
}

i.icon-pass-pasar16x18
{
    background-image: url('../Imagenes/icons/pasar.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    width: 18px;
}

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

i.icon-add-agregar
{
    background-image: url('../Imagenes/icons/icon_plus_agregar.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    width: 15px;
}

i.icon-list-lista
{
    background-image: url('../Imagenes/icons/icon_pricelist_listaprecios.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    width: 19px;
}

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

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-clear-limpiar
{
    background-image: url('../Imagenes/icons/trash-24.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px;
}

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

i.icon-doc-doc
{
    background-image: url('../Imagenes/icons/documentos_pagar.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    width: 25px;
}
/*#endregion*/

/*#endregion*/


.GridDetalle
{
    overflow-x: hidden !important;
}

.GridMaster table
{
    border-collapse: collapse !important;
}

.GridMasterTr table tr
{
    border-bottom-width: 5px !important;
}


/*#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_ECO.png') center 203px no-repeat transparent;
    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: 80px;
}

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: 320px;
}

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 320px 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 320px 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: #222;
}
/*#endregion*/


/*#region LAYOUT */

html
{
    /*height: 100%;*/
}

body
{
    /*height: 100%;*/
}

div#MainCanvas
{
    /*-webkit-box-shadow: 0px 5px 5px rgba(207, 201, 201, 0.75);     -moz-box-shadow:    0px 5px 5px rgba(207, 201, 201, 0.75);     box-shadow:         0px 5px 5px rgba(207, 201, 201, 0.75);*/
    margin: 0px auto;
    overflow: auto; /*width: 1024px;*/
}

div#MainCanvas > div.header.first-child
{
    -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;*/ /*padding: 10px;*/ /* LAYOUT ORIGINAL h **/
}

div#MainCanvas > div.header.first-child > div
{
    position: relative;
}

div#MainCanvas > div.header.first-child > div div#HeaderDate
{
    height: 22px;
    position: relative;
}
div#MainCanvas > div.header.first-child > div div#HeaderDate > div
{
    display: table-cell;
    height: inherit;
    float: right;
    position: absolute;
    right: 0px;
    top: 0px;
}

div#MainCanvas > div.header.first-child > div div#HeaderDate > div > span
{
    color: #bbb;
    display: table-cell;
    font-size: 12px;
    height: 22px;
    vertical-align: middle;
}

div#MainCanvas > div.header.first-child > div div#HeaderUserOptions
{
    background-color: #2856a2;
    height: 25px;
    position: relative;
    text-align: center; /* AGREGADO h */
    vertical-align: middle; /* AGREGADO h */
    line-height: 25px; /* AGREGADO h */
}
div#MainCanvas > div.header.first-child > div div#HeaderUserOptions > div
{
    color: #fff;
    display: table-cell;
    height: 21px;
    vertical-align: middle;
}
div#MainCanvas > div.header.first-child > div div#HeaderUserOptions > div.first-child
{
    font-size: 15px; /*font-weight: bold;*/ /* LAYOUT ORIGINAL */
    padding-left: 1%; /*padding-left: 160px;*/ /* LAYOUT ORIGINAL */
}
div#MainCanvas > div.header.first-child > div div#HeaderUserOptions > div.last-child
{
    min-width: 180px;
    position: absolute;
    right: 0px;
    top: 0px;
}

div#MainCanvas > div.header.first-child > div div#HeaderUserOptions > div.last-child > div
{
    display: inline-block;
    height: 21px;
    vertical-align: top;
}


div#MainCanvas > div.header.first-child > div div#HeaderUserOptions > div.last-child div#userName span
{
    display: table-cell;
    font-size: 12px;
    vertical-align: middle;
    height: 21px;
}
div#MainCanvas > div.header.first-child > div div#HeaderUserOptions > div div#userControls > div
{
    display: inline-block;
    height: 21px;
    margin: 0px 4px;
    width: 15px;
    vertical-align: top;
}
div#MainCanvas > div.header.first-child > div div#HeaderUserOptions > div.last-child div#userControls div#userProfile
{
    background: url('../Imagenes/icons/user_control_user.png') no-repeat center center transparent;
}
div#MainCanvas > div.header.first-child > div div#HeaderUserOptions > div.last-child div#userControls div#userSettings
{
    background: url('../Imagenes/icons/user_control_settings.png') no-repeat center center transparent;
}
div#MainCanvas > div.header.first-child > div div#HeaderUserOptions > div.last-child div#userControls div#userLogout
{
    background: url('../Imagenes/icons/user_control_logout.png') no-repeat center center transparent;
    cursor: pointer;
}

div#MainCanvas > div.header.first-child > div div#HeaderUserOptions > div.last-child div#userControls div#userLogout > span
{
    background-color: transparent !important;
    border: 0px !important;
    padding: 0px !important;
}


div#MainCanvas > div.header.first-child > div div#HeaderUserOptions > div.last-child div#userControls div#userLogout:hover
{
    background: url('../Imagenes/icons/user_control_logout_hover.png') no-repeat center transparent;
}


div#MainCanvas > div.header.first-child > div div#HeaderMenu
{
    min-height: 50px;
    float: right; /* AGREGADO h */
    padding-right: 2.5%;
}
div#MainCanvas > div.header.first-child > div div#HeaderMenu > div
{
    min-height: inherit;
    padding-left: 150px;
}

div#MainCanvas > div.header.first-child > div div#HeaderMenu nav a.selected
{
    background: url('../Imagenes/elements/menu_selected.png') no-repeat bottom center transparent;
}
div#MainCanvas > div.header.first-child > div div#HeaderMenu nav a, a.navigationItem
{
    color: #000000 !important;
    display: inline-block !important;
    font-size: 15px !important;
    height: 30px !important;
    padding: 10px 17px !important;
    text-decoration: none !important;
}

a.navigationItem.toRight
{
    padding: 10px 0px 10px 17px !important;
}

div#MainCanvas > div.header.first-child > div div#HeaderMenu nav a span, a.navigationItem span
{
    display: inline-block !important;
    padding: 12px 0px 0px 3px !important;
    vertical-align: top !important;
    white-space: nowrap !important;
}

a.navigationItem img
{
    margin: 0px !important;
}

div#MainCanvas > div.header.first-child > div div#Headerlogo
{
    background: url('../imagenes/logo_header.png') no-repeat center center transparent;
    height: 60px;
    left: 1px;
    position: relative; /*position: absolute;*/ /* LAYOUT ORIGINAL */
    top: 1px;
    width: 140px;
    padding-left: 7%; /*AGREGADO h*/
}
div#MainCanvas > div.header.first-child > div div#Headerlogo a
{
    display: block;
    height: 60px;
    width: 140px;
}

div#MainCanvas section#MainSection
{
    margin: 0px auto;
    overflow: auto; /*min-height: 600px;*/
    padding: 30px 10px 80px; /*width: 1004px;*/ /*height: 100%;*/
}




/*#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 #D6E6FF;
    display: inline-block;
    float: left;
    height: 38px;
    margin-right: 33px;
    margin-bottom: 16px;
    width: 157px;
}

div.catalogosCanvas div div.catButton:nth-child(5n+0)
{
    margin-right: 33px; /*margin-right:0px !important;*/
}

div.catalogosCanvas div div.catButton:hover
{
    background-color: #E8F1FF;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 5px;
}

.catalogosCanvasTitle
{
    font-size: 19px;
    margin-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid #E8F3ED; /*border-bottom: 1px solid #DCF0E5;*/
    color: #666;
}

div.catalogosCanvas div div.catButton:active
{
}


/*

div#catalogosCanvas
{
    padding: 60px 38px 0px;    
    }
    
    
    div#catalogosCanvas > div > div.catButton
    {
            background-color: #eee;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;            
            border-radius: 3px;
            display: inline-block;
            float: left;
            height: 38px;
            margin-right: 35px;
            margin-bottom: 16px;                    
            width: 157px;
        }    
    
    div#catalogosCanvas > div > div.catButton:nth-child(5n+0)
    {
        margin-right:0px !important;
        }
       
      
        
    div#catalogosCanvas > div > div.catButton:hover
    {
background: #f4f4f4;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f4f4f4 1%, #eeeeee 100%); // FF3.6+
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f4f4), color-stop(100%,#eeeeee)); // Chrome,Safari4+ 
background: -webkit-linear-gradient(top,  #f4f4f4 1%,#eeeeee 100%); Chrome10+,Safari5.1+
background: -o-linear-gradient(top,  #f4f4f4 1%,#eeeeee 100%); // Opera 11.10+ 
background: -ms-linear-gradient(top,  #f4f4f4 1%,#eeeeee 100%); / IE10+
background: linear-gradient(to bottom,  #f4f4f4 1%,#eeeeee 100%); // W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee',GradientType=0 ); // IE6-8 


        }
        
        
    div#catalogosCanvas > div > div.catButton:active
    {
        background: #f4f4f4; // Old browsers 
        // IE9 SVG, needs conditional override of 'filter' to 'none'
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top,  #f4f4f4 2%, #e8e8e8 68%); // FF3.6+
        background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#f4f4f4), color-stop(68%,#e8e8e8)); // Chrome,Safari4+
        background: -webkit-linear-gradient(top,  #f4f4f4 2%,#e8e8e8 68%); // Chrome10+,Safari5.1+
        background: -o-linear-gradient(top,  #f4f4f4 2%,#e8e8e8 68%); // Opera 11.10+ 
        background: -ms-linear-gradient(top,  #f4f4f4 2%,#e8e8e8 68%); // IE10+ 
        background: linear-gradient(to bottom,  #f4f4f4 2%,#e8e8e8 68%); // W3C 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e8e8e8',GradientType=0 ); // IE6-8 
    }

.catalogosCanvasTitle 
{
    font-size: 19px;
    margin-bottom: 10px;
    width: 100%;
    border-bottom:1px solid #E8F3ED;
    //border-bottom: 1px solid #DCF0E5;
    color: #333;
}*/


/*#endregion*/
.kardexlines > div
{
    color: #444;
    font-family: Arial;
    min-height: 13px;
    padding: 6px 0px;
}
.kardexlines > div > i
{
    margin-right: 5px;
}

table#tableMontosClientes
{
    margin-top: 20px;
}

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;
}

div#subsClienteInformacionFinanciera u
{
    color: #333;
    font-size: 15px;
}

.datos
{
    position: relative;
    background-color: #DBDBDB;
    display: inline-block;
    width: 100%;
}

.help
{
    background-color: White;
    border-color: transparent;
    border: none !important;
    font-size: xx-large;
}

.RadMenu_Default .rmRootGroup
{
    border: none !important;
    background: none !important;
    vertical-align: bottom;
}

/*Menu que se expande*/
.RadMenu_Default .rmGroup
{
    background: White !important;
}

.RadMenu_Default .rmHorizontal .rmText
{
    color: #336600;
    font-size: 15px;
    height: 30px;
    text-decoration: none !important;
}


/*#region viajes*/

div.viajes div.container-pink1 div.controlGroup > label
{
    width: 120px;
}
div.viajes div.container-1 div.controlGroup > label
{
    width: 120px;
}
.insertNew
{
    margin-top: 0px;
    width: 100%;
    color: #666666;
}

.insertNew > div
{
    display: inline-block;
    padding-bottom: 10px;
    padding-top: 5px;
    padding-right: 16px;
    vertical-align: top;
}
.insertNew > td
{
    display: inline-block;
    padding-bottom: 10px;
    padding-top: 0px;
    padding-right: 16px;
    vertical-align: top;
}

.renglonText
{
    text-align: right;
}
.renglon
{
    width: 200px;
}
.renglonGrid
{
    width: 300px;
}
td.center
{
    font-weight: bold;
    text-align: center;
}

.radGrid
{
    margin-top: 10px;
}

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

div.container-gray1 > div
{
    margin: 5px 0px;
    min-height: 22px;
}
div.container-gray1 > div > label
{
    float: left;
}

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

div.container-gray2 > div
{
    margin: 5px 0px;
    min-height: 28px;
}
div.container-gray2 > div > label
{
    float: left;
}

div.container-gray2 > div > div
{
    float: right;
}

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;
}

viajesSelectedCombos
{
    width: 500px;
    vertical-align: top;
    padding-left: 10px;
}
/*endregion Viajes*/

/*region RadDocks Viajes*/
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);
}

.RadDock.dock1.viajesBlock1
{
    min-height: 47px !important;
}

.viajesBlock1 div.fileDownload
{
    height: 50px;
}

.viajesBlock1 div.fileDownload > div
{
    display: inline-block;
    height: inherit;
}
.viajesBlock1 div.fileDownload > div:first-child
{
    float: right;
    text-align: center;
    width: 80px;
}
.viajesBlock1 div.fileDownload > div:first-child > span
{
    display: table-cell;
    height: inherit;
    width: inherit;
    text-align: center;
    vertical-align: middle;
}

.viajesBlock1 div.fileDownload > div:last-child > span
{
    font-size: 27px;
    display: table-cell;
    height: inherit;
    vertical-align: middle;
    color: #555;
}

.dock1.viajesBlock1 .rdContent
{
    /*min-height: 58px !important;    */
    min-height: 10px;
}


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

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

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

.dock1.viajesBlock1 .rdTable .rdCenter
{
    min-height: 1px !important;
}

.dock1.viajesBlock1 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.viajesBlock1 span.Titlebar img
{
    padding-right: 10px;
    display: inline;
    vertical-align: bottom;
}

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

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

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

.RadDock .rdTable
{
    height: auto !important;
}

.upper
{
    text-transform: uppercase;
}


.RadGrid td
{
    word-wrap: break-word;
    word-break: break-all;
}

.breakWord table td
{
    word-wrap: break-word;
    word-break: break-all;
}

/*endregion RadDocks Viajes*/

.tableEditForm > tbody > tr > td
{
    min-width: 100px;
    margin-left: 3px;
    padding-left: 3px;
    font-weight: normal;
}


/*Region RadRatings*/
.RadRating
{
    width: 112px !important;
}
/*endregion*/

/*Region almacen*/
.RadDockZone
{
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    width: 400px;
}

.titleRadDock
{
    font-family: Arial;
    font-size: 12px;
}

.titleRadDock > input
{
    position: absolute;
    top: 6px;
}

.titleRadDock > label
{
    position: absolute;
    top: 5px;
    left: 25px;
}
.titleRadDockL
{
    font-family: Arial;
    font-size: 12px;
    position: absolute;
    top: 5px;
    left: 25px;
}
.spanRadDock
{
    color: #666666;
    font-weight: bold;
    font-size: 12px;
}
.spanRadDockContent
{
    font-weight: bold;
    font-size: 12px;
}

/*endregion*/

.TitleCarga
{
    display: block;
    height: 30px;
    padding-bottom: 5px;
    position: relative;
    width: 1004px;
}


.TitleCarga div.ShownTitle
{
    color: #666;
    font-size: 20px;
    font-weight: bold;
}

div.container-1
{
    display: inline-block;
    padding: 10px 0px;
    min-height: 22px;
    position: relative;
    width: 1120px;
}

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

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


.thinInfo
{
    border: 1px solid #E9F4ED;
    padding: 3px;
    min-width: 350px;
}

.thinInfo2
{
    border: 1px solid #E9F4ED;
    padding: 3px;
    min-width: 300px;
}

.thinInfoChild
{
    margin: 5px 0px;
    min-height: 28px;
    width: 99%;
    display: inline-block;
}

.thinInfoChild > label
{
    display: inline-block;
}

.thinInfoChild > div
{
    text-align: right;
    float: right;
}

.thinInfoChild .cell
{
    width: 200px;
    font-size: 12px;
    vertical-align: middle;
}


.notificationCss
{
    /*position: fixed;  z-index: 3500;  left: 0px !important;  zoom:1;  top: -1000;*/
}

.almacen1
{
    display: inline-block;
    width: 410px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.btnAlmacen1
{
    display: inline-block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -25px;
}
.almacen2
{
    display: inline-block;
    width: 410px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0px;
}

.btnAlmacen2
{
    display: inline-block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 8px;
}

.RadioButtonListMargin label
{
    margin-right: 20px;
}


.label150R
{
    display: inline-block;
    text-align: right;
    margin-right: 10px;
    width: 150px;
}

.label200R
{
    display: inline-block;
    text-align: right;
    margin-right: 10px;
    width: 200px;
}

div.controlGroupSimple
{
    margin: 15px auto;
}
.download2
{
    background-image: url('../Imagenes/icons/download.png') no-repeat left;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block; /*height: 16px;     width: 16px; */
}
.download
{
    background-image: url('../Imagenes/icons/download.gif');
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    color: Black;
    padding-left: 70px;
}
.label130R
{
    display: inline-block;
    width: 130px;
}
.label120R
{
    display: inline-block;
    width: 120px;
}
.uppercase
{
    text-transform: uppercase !important;
}

.buttonPedido input
{
    background-color: transparent !important; /*rgba(255, 226, 228, 0.78) !important;*/
}

.buttonPedido.PeachPuff input
{
    background: transparent !important;
}

.buttonPedido.PeachPuff
{
    background: PeachPuff !important;
}

.buttonPedido.White input
{
    background: transparent !important;
}

.buttonPedido.White
{
    background: White !important;
}

.EditFormSettingsGridContainer
{
    overflow: auto;
}

.EditFormSettingsGridContainer table.rgMasterTable
{
    table-layout: fixed !important;
}

.distribucionPedidoContainer
{
    height: 65px;
    margin-bottom: 20px;
    background-color: #ddd;
    padding-top: 20px;
    text-align: center;
}

.distribucionPedidoContainer2
{
    height: 65px;
    background-color: #ddd;
    padding-top: 20px;
    text-align: center;
    margin-top: 20px;
}

.masterAmericanoGrid .rgDataDiv
{
    position: relative !important;
}

.letraGris
{
    color: #666 !important;
}

.divCampo
{
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    width: 10%;
    margin-left: 0px;
    height: 15px;
}

.divCaptura
{
    display: inline-block;
    text-align: left;
    vertical-align: text-top;
    width: 16%;
}

.divCampo2
{
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    width: 15%;
    margin-left: 0px;
    height: 15px;
}

.divCaptura2
{
    display: inline-block;
    text-align: left;
    vertical-align: text-top;
    width: 25%;
}

.right
{
    float: right;
    margin-right: 15px;
}

.btn_Excel
{
    padding: 4px 5px 4px 18px;
    background: url(../Imagenes/icons/excel_16.png) no-repeat left;
    font-weight: bold;
    color: #000000;
    font-size: smaller !important;
}

/*#region Compras */

div.sugerenciaCompra > div.container-pink1 > div.controlGroup > label
{
    width: 150px !important;
}
input.number
{
    text-align: right;
}
/*#endregion*/
/*metro*/
.RadColorPicker .rcpIcon, .RadColorPicker .rcpIcon a
{
    width: 21px !important;
    height: 21px !important;
    display: block;
    overflow: hidden;
}

.RadColorPicker
{
    width: 21px !important;
}

.RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgEditRow td, .RadGrid .rgFooter td, .RadGrid .rgFilterRow td, .RadGrid .rgHeader, .RadGrid .rgResizeCol, .RadGrid .rgGroupHeader td
{
    padding-left: 2px !important;
}
.divRadColor
{
    display: inline-block;
    width: 21px;
    vertical-align: top;
}
/*metro*/

.colorPicker1
{
    width: 50px !important;
}

/* AGREGADOS */
div.divNoObligatorios
{
    background-color: #b9cfef; /* AGREGADO */
    color: #2856a2 !important;
    font-weight: bold;
    clear:both;
    overflow: hidden;
    margin-top: 1%;
}
div.divObligatorios
{
    color: #b9cfef !important; /* AGREGADO */
    font-weight: bold;
    clear:both;
    overflow: hidden;
}

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

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

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

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

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

div.divBotonFiltro
{
    padding-right: 4%;
    text-align: right;
    width: 100%;
    padding-top: 10px;
}

.btnBUscar
{
    background: url('../Imagenes/btnBuscar.png') no-repeat !important;
    background-position: 0 0;
    width: 25px;
    height: 25px;
    padding-top: 10px;
}

div.divRenglon
{
    padding-left: 1%;
    clear:both;
    padding-top: 10px;
    display: inline-block;
    width: 40%;
}

div.divRenglon2
{
    padding-left: 1%;
    clear:both;
    padding-top: 10px;
    display: inline-block;
    width: 32%;
}

div.divLabelFiltros
{
    float:left;
    width: 75%;
}
div.divControlFiltros
{
    float:left;
    width: 75%;
    padding-top: 1%;
}
div.divImage
{
    float:left;
}

div.divBotonFiltros
{
    clear:both;
    float: right; 
    padding-top: 3%;
    margin-right: 3%;
    /*padding-right: 7%;*/
}

div.container-rightFilter
{
    color: #2856a2;
    display: inline-block;
    float: right;
    min-height: 22px;
    padding: 10px 10px;
    position: relative;
    width: 13%;
    font-weight:bold;
    font-size: large;
    text-align: left;
}

.labelFilters
{
    color:#444444!important;
}

.GridCompras .rgAltRow
{
    border-color: transparent;
    background-color: transparent!important; /* AGREGADO */
}

.ColumnSeparator{
    border-left: 1px #76933C !important;
    border-left-style: double !important;
}

/*FIN AGREGADOS*/

.wActivoFijoEditarEstatus .rwTopResize,  .wActivoFijoEditarEstatus .rwTitlebar, .wActivoFijoEditarEstatus .rwTopLeft,.wActivoFijoEditarEstatus .rwTopRight
{
    background-color: #2856a2 !important;
    background-image: none !important;
}

.wActivoFijoEditarEstatus .rwBodyLeft,.wActivoFijoEditarEstatus .rwBodyRight, .wActivoFijoEditarEstatus .rwFooterCenter, .wActivoFijoEditarEstatus .rwFooterRight, .wActivoFijoEditarEstatus .rwFooterLeft
{
    background-image: none !important;
    background-color: white !important;
}

.wActivoFijoEditarEstatus em
{
    color:#fff !important;
}

.wActivoFijoEditarEstatus .rwIcon
{
    display:none !important;
}

.rad-text
{
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
}

.control-button 
{
    padding: 5px 10px!important;
    background-color: transparent !important;
    text-align: center !important;
    color: #333 !important;
    font-family: "Segoe UI", Arial, Helvetica, Sans-Serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    border-radius: 3px !important;
}

.l-reponsiveButton .rbPrimaryIcon,
.l-reponsiveButton .rbSecondaryIcon
{
    top: 6px !important;
}

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

.uppercase
{
    text-transform: uppercase;
}

.formspace
{
    content: "\00a0";
    font-size: 16px;
    padding-bottom: 10px;
}

.buttonPopUp 
{
    background-image: none !important;
}
.buttonPopUp input
{
    background-image: url('../Imagenes/icons/icon_save_guardar.png') !important;
    background-position: center left !important;
    background-repeat: no-repeat !important;
    display: inline-block !important; 
    height: 25px !important;
    width: 100% !important;
    padding-left: 25px !important;
    color: #333 !important;
    font-size: 17px !important;
}

.buttonPopUpCancelar
{
    background-image: none !important;
}
.buttonPopUpCancelar input
{
    background-image: url(../Imagenes/icons/icon_cancel_cancelar.png) !important;
    background-position: center left !important;
    background-repeat: no-repeat !important;
    display: inline-block !important;
    height: 25px !important;
    width: 100% !important;
    padding-left: 25px !important;
    color: #333 !important;
    font-size: 17px !important;
}