.ui-effects-transfer { border: 2px dotted gray; }

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

body{
/*    background-color: #313747;*/
    margin: 0 !important;
    padding: 0 !important;
    font-family: Arial, Verdana;    
    font-size: 12px;
    overflow: auto !important;
    background: #3F7F9C url('../images/background_cloud.jpg') top center repeat-x;    
}
fieldset{
    padding: 10px !important;
}
fieldset.discreto{
    border: 1px dotted #555 !important;
}
legend{
    font-weight: bold;
    font-family: 'BebasNeueRegular',Arial,Helvetica,sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
}

h1.title{
    font-family: 'BebasNeueRegular',Arial, Helvetica, sans-serif;
    padding:0px;
    margin:0px;
    /*color: #cbcaca;*/
    color: #404041;
    font-size: 18px;
}
h1.subtitle{
    font-family: 'BebasNeueRegular',Arial, Helvetica, sans-serif;
    padding:0px;
    margin:0px;
    color: #404041;
    font-size: 18px;
    letter-spacing: 1px;
}

#logo{
    width: 150px;
    height: 110px;
    background:url('../images/logo_ok.png') no-repeat center center;
    float: left;
}

#logo_emp{
    width: 150px;
    height: 110px;
    float: left;
    background:url('../') no-repeat center center;
    /*background:url('../images/aqui_tu_logo.png') no-repeat center center;*/    
}

#pin_info{    
    width: 250px;
    height: 110px;
    float: left;
    background:url('images/bgverticaltab-icon.png') no-repeat center right;       
}

#pin_info.toshow{
    background:url('images/bgverticaltab-icon.png') no-repeat center right !important;       
}
#pin_info.toshow{
    background:url('images/bgverticaltabshow-icon.png') no-repeat center right !important;       
}

#content_pin{
    color: #FFF !important;
    font-family: Arial, Verdana !important;
    font-size: 11px !important;    
    letter-spacing: 0px !important;
    margin-right: 25px;
    overflow: hidden;
    padding: 22px 10px 10px 0;
}

#content_pin a.hideme{
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    float: right;
    clear: both;
    background:url('images/arrow_left.png') no-repeat;   
    cursor: pointer;
}

.hand_cursor{
    cursor: pointer !important;
}


#logo_emp img{
    width: 150px;
    height: 110px;
}

#main_container{
    width: 1100px;
    margin: 0 auto;
/*    background-color: #FFF;*/
/*    float: left;*/
    min-width: 1000px;
}

#header{
    border-top: none !important; 
    border-left: none !important;
    border-right: none !important;
    padding: 0 !important;    
/*    background: transparent url('../images/clouds.jpg') repeat top center;*/
    float: left;
    width: 100%;
}

#header #head{
    padding: 5px !important;       
    height: 110px;
    /*background-color: #313747;*/
}

#head div{
    color: #1C68BE;
    font-family: Arial, Verdana;
    font-size: 18px;
    text-align: right;
    letter-spacing: 2px;
}

#header #main_menu{
    background-color: #1F4F8F !important;
    padding: 5px;
    color: #FFF;
}


#wrapper{
    min-height: 500px;/**Tomara el height del elemento mas grande que contenga, pero minimo sera 350px */
    float: left;
    width: 100%;
    background-color: #FFF;
}

#wrapper #content{
    padding: 10px;
}

#footer{
    width: 100%; 
    color: #FFF;
    background: url(menu/menuh/menuBar_min.png) repeat scroll 0 0 transparent;
    float: left;
/*    position: absolute;*/
}
#logo_footer {float:right; margin: 5px;}
#socials_footer{
    color: #FFF;
/*    background: url("menu/menuh/menuBar_min.png") repeat scroll 0 0 transparent;*/
/*    float: right;*/
    margin-top: 35px;
    position: relative;
    right: 0;
    z-index: 1;
}
#socials_footer div{
/*    padding: 10px;*/
}

#facebook{
    width: 32px;
    height: 32px;
    background: url('../images/socials/icon-facebook.png') no-repeat;
    display: inline-block;
}
#twitter{
    width: 32px;
    height: 32px;
    background: url("../images/socials/icon-twitter.png") no-repeat;
    display: inline-block;
}

#sidebar{
    padding-left: 0 !important;
    border-left: 0 !important;
}

/***EStilos Login*/
#log_footer{
    border-top: 3px solid #1F4F8F !important;
    background-color: #0265A6    !important;
    color: #FFF;
}
#log_wrapper{
    width: 1000px;
    margin: 0 auto;
}

#log_wrapper #main_content{
    padding: 50px;
}
/**EStilos Paneles y Autocomplete**/
.ui-layout-resizer{
    background-color: #1F4F8F !important;
}

.ui-layout-toggler{
    background-color: #F39E1D !important;
}

.ui-layout-pane{
    border: none !important;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

.ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-widget-header { border:none !important; border-bottom: 1px solid #333333 !important; background: #CCC !important; color: #ffffff; font-weight: bold;}



.upload-wrap{
    background:#555;
    width:133px;
    height:36px;
}
.upload-wrap:hover{
    background:#888;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 100px;
}


.ui-dialog{
    padding: 0 !important;
    border: 8px solid #444444 !important;
}

.ui-datepicker{
    padding: 0 !important;
    border: 4px solid #444444 !important;
}

/**FIN ESTILOS UI */

/**estilos seccciones **/
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    float: left;
    margin-left: 0;
    margin-right: 4%;
    position: relative;
}

.one_half{
    width: 48%;
}
.last, .lastcols {
    clear: right;
    margin-right: 0 !important;
}
.firstcols {
    margin-left: 0 !important;
}

.espaciador {
    clear: both;
    display: block;
    height: 15px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
.espaciador.line {
    background: url("images/line.gif") repeat-x scroll center center transparent;
    clear: both;
    display: block;
    height: 20px;
}
.informative_div{
    font-size: 14px;
    color: #555;
    font-family: Verdana, "Times New Roman",Arial;
}
/**Fin estilos secciones **/


/**STyles forms */
div.input{
    text-align: left;
    width: 500px;
}
div.input input{
    width: 250px;
    padding: 3px;
    height: 22px;
}
#sessionBlocked fieldset{
    border: 1px dotted #CCC;
}

#sessionBlocked input{
    border: 1px solid #CCC;
    padding: 3px;
    height: 22px;
    width: 250px;
}

#UsuariosUserAddForm{
    width: 350px;
}

/*****
Estilos Genericos de textos
*/

.negative_number{
    color: #F00;
}

.left_aligned{
    text-align: left !important;
}

.center_aligned{
    text-align: center !important;
}

.right_aligned{
    text-align: right !important;
}

.italic{
    font-style: italic;
}

.bold{
    font-weight: bold;
}
.hidden{
    display: none;
}

/**************ESTILOS CONTROLLERS Y SUS VISTAS***/
/**Estilos empresas **/
/*div#empresas_view{
    width: 700px;
    min-height: 400px;
}*/

/*#form_select_enterprise table{
    background-color: #000;
    padding: 0;
    margin: 0;
    width: 100%;
}
#form_select_enterprise table thead tr{
    background-color: #CCC;
}*/

/*.empresa_row{
    cursor: pointer;
    background-color: #FFF;
}

.empresa_row:hover{
    background-color: #D5EDF8;
}*/



#options_empresas_view{
    margin-bottom: 10px;
}

#empresas_view a{
    background-color: #024A92;
    padding: 5px;
    color: #FFF;
    text-decoration: none;
    border: 1px solid #06c;
}

#empresas_view a:hover{
    background-color: #D5EDF8;
    color: #024A92;
    border:1px solid #92CAE4;
}


/**Estilos polizas */
#nueva_poliza_contable_form{/**Area de dibujado de la ventana modal */
    overflow-y: auto;
    overflow-x: hidden;
}

.diferencias{
    text-align: center !important; 
    width: 100px !important; 
    border: 0 !important; 
    background: transparent !important;
    color: #8a1f11 !important;
    font-style: normal !important;
}
.totales_cargos_abonos{
    text-align: right !important; 
    width: 100px !important; 
    border: 0 !important; 
    background: transparent !important;
    color: #555 !important;
    font-style: italic !important;
}

/**EStilos seccion cierre de ejercicio **/


/**************FIN estilos controllers **************/

/**Estilos formularios**/
div.formulario h1,div.formulario_poliza h1{
    color:#024A92;
    margin: 0;
    font-size: 16px;
}
div.formulario h2,div.formulario_poliza h2{
    color:#555;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
}
div.formulario form,div.formulario_poliza form{

}

div.formulario form input{
    width: 250px;
    height: 22px;
    padding: 5px;
    border: 1px solid #CCC;
    color: #555;
}
div.formulario_poliza form button#add_new_account_btn{
    height: 34px !important;
    margin: 0 !important;
    width: 34px !important;
    float:left;
}
div.formulario_poliza form input{
    width: 170px;
    height: 22px;
    padding: 5px;
    border: 1px solid #CCC;
    margin: 0 !important;
    /*color: #024A92;*/
}

input.full_width{
    width: 570px !important;
}

div.formulario .disclaimer,div.formulario_poliza .disclaimer{
    font-size: 12px;
    color: #555;
}

/**ESTILOS CATALOGOS CUENTAS */
#accounts_ctrls{
    vertical-align: top; min-height: 500px; background-color: transparent; padding: 1px; 
    border-top: 1px solid #CCC;
}
#treeViewContainer{
    background-color: #FFF; float:left !important; height: 480px; width: 35%;  overflow: auto;
    padding-bottom: 20px;
    margin-bottom:20px;
}
#viewerDataTree{
    background-color: #FFF; float:right !important;  width: 64%; height: 99%; min-height: 500px; padding: 2px; 
    border-left: 1px double #CCC;     
    margin-bottom:20px;
}

#viewerDataTree > div{
    padding: 10px;
}

/*
#viewerDataTree fieldset{
    background-color: #EEE;
    border: 1px dotted #000;
}
#viewerDataTree fieldset legend{ 
    font-weight: bold;    
    padding: 5px;
}

#viewerDataTree fieldset input{
    background: #CCC !important;
}*/


#mainTools{
    border:1px dotted #CCC; padding: 10px; margin-bottom: 20px;
}


#current_registry_tools{
    float:right;
    border-bottom: 1px dotted #CCC;
    width: 200px;
    text-align: center;
    padding-top: 25px;
}

#current_registry_tools a{
    text-decoration: none; 
}
a.fancy_link{
    background-color: #CCC;
    padding: 5px 15px 5px 15px;
    cursor: pointer;
    color: #000;
    text-align: center;
}

.fancy_blue{
    background-color: #d5edf8 !important;
    color: #205791 !important;
    border: 1px solid #92cae4;
}
a.fancy_red{
    background-color: #FBE3E4 !important;
    color: #8A1F11 !important;
    border: 1px solid #FBC2C4;
}

a.fancy_green{
    background-color: #e6efc2 !important;
    color: #264409 !important;
    border:1px solid #c6d880;
}

a.fancy_yellow{
    background-color: #FFF6BF !important;
    color: #514721 !important;
    border: 1px solid #FFD324;
}

a.fancy_blue:hover,a.fancy_red:hover,a.fancy_green:hover,a.fancy_yellow:hover{
    background-color: #0B2846 !important;
    color: #FFF !important;
}





/**Fin estilos formularios ***/

/*Estilos genericos tablas */
table.cleared{
    border-collapse:collapse;/**Colapsar en un solo borde */
    border-spacing: 0;/**Cellspacing */
}
table.polizas{
    width: 800px;
}
table.polizas td{
    padding: 0 5px 0 0;    
}
table.items_polizas{
}
table.items_polizas td{
    padding: 0 0 0 0;    
}

/**Estilos toolbar **/
#main_toolbar{
}
#add_btn{
    width: 48px;
    height: 48px;
    background: transparent url('../images/catalogos/add_blue48.png') no-repeat;
    cursor: pointer;
}


/***mesages like blueprint **/
.error, .alert, .notice, .success,.info,.empty_msg {padding:0.8em;margin-bottom:1em;border:1px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}


/**Links styles */
a.button_link{
    background-color: #024A92;
    padding: 5px;
    color: #FFF;
    text-decoration: none;
    border: 1px solid #06c;
}

a.button_link:hover{
    background-color: #D5EDF8;
    color: #024A92;
    border:1px solid #92CAE4;
}

.bordered{ border: 1px solid; }
.bordered_top{ border-top:1px solid #000000;}
.bordered-bottom{border-bottom:1px solid #000000;}
.bordered-right{border-right:1px solid #000000;}
.bordered-left{border-left:1px solid #000000;}
.side_borders{
    border-right:1px solid #000000;
    border-left:1px solid #000000;
}

/**Para el default value PLUGIN*/
input,
textarea{ font-family: Arial, Verdana; font-size: 13px;}
.empty { color: #DDD; font-size: 10px !important; }
/**Fin estilos DefaultValue **/


/*simple modal dialog*/
#simpleModal {
    height: auto;
    /*min-height: 150px;*/
    overflow: hidden;
    width: auto;
    display: none;
}

#simplemodal-container {
background-color: #333;
border: 8px solid #444;
padding: 12px;
}

#formPassword label {width:auto;}
.customError .error {padding: 4px 6px;}
.div_customError .ui-tooltip-content label.error { margin: 0px; background: none; color: white; border:none; padding: 0;}
.ui-tooltip-blue.div_customError .ui-tooltip-content label.error {color:black;}
.customError .box-message .notification {padding: 17px 17px 17px 55px;}

.leftContentRegister { width:680px; float:left; }
.rightSideBarRegister {width:180px; float:left; padding: 5px; text-align: center; color:white;}
.rightSideBarRegister h2 { color: #97D139;font-size: 16px; font-weight: bold;}
.rightSideBarRegister .buttonSubmitLogin { width: 165px; margin:0 auto; }
.rightSideBarRegister label {float:left; padding-left: 8px; text-align: left;}
.rightSideBarRegister .forgotPassBox { padding: 5px; }
.forgotPassBox span {text-decoration: underline; cursor: pointer;}
.forgotPassBox span:hover {text-decoration: none; }

.formAddCustomer legend {font-size: 15px; color: #0074D9; }
.formAddCustomer div.header {  text-align: center;  background: #0074D9; color:white;}
.formAddCustomer div.header.notification {padding: 2px 10px 4px 10px;}
.formAddCustomer div.header label {float:left; font-size: 15px;  color:white; width: auto; padding: 0;}
.formAddCustomer {width:655px;}
.formAddCustomer .column-2 {width: 310px; margin: 0 5px; float:left;}
.formAddCustomer .column-1 {width: 300px; margin: 0 5px; float:left;}
.formAddCustomer .column-1 label {width:110px;}
.formAddCustomer .noColumn {width: 100%; clear:both;}
.formAddCustomer .noColumn label {width: 115px;}
.formAddCustomer .noColumn input[name="data[facturacion][razon_social]"] {width: 300px;}
.formAddCustomer.fullRegister { padding: 12px; background-color: whitesmoke; }
.formAddCustomer fieldset {margin: 0 0 5px 0;}
.formAddCustomer select {width: 165px; padding: 2px;}
.radioGenres { height: 23px; padding: 3px 0;}
.row.radioGenres label,.row.radioGenres input[type="radio"] {width: auto; float:left; margin-right: 0; padding:0 !important; }
.radioGenres label.textGenre { padding: 2px; margin-right: 100px;}
.radioGenres .column-2 label{ width: 130px; margin-right: 8px;}
#genHombre, #genMujer {margin: 3px 15px 0 5px !important;}
#formEditUser.formAddCustomer .row input{ float:left;}
#formEditUser .row {min-height: 30px;}
#divContainerFacturaForm .labelCheckFact {width: auto;}
#divContainerFacturaForm  h3 { margin: 0;  }
.labelDivCheckFact { }
 
 #formGenInvitation label {width: auto; float:left;}
#subGenInv {float:right;}
#formAddMail, #wrapperMailInv { overflow: hidden; background: white; padding-bottom: 5px;}
.tableEmails tr td {border-bottom: 1px solid #EEE; }
.tableEmails .columName {width: 180px;}
.tableEmails .columMail {width: 170px;}
.tableEmails .columDel {width: 16px; text-align: center; background: url('../img/xion_red.png') no-repeat center center; cursor: pointer;}
#formAddMail div.row input {float:left;}
#temp_mail {width: 230px;}
#forTemp_mail {margin-left: 25px;}
 
#simplemodal-container.flexigrid_temp {
    background: #444;
    padding: 18px 0 0 0 ;
}

#simplemodal-container.flexigrid_temp_border {
    background: #444;
    padding:25px 8px 12px;
    border: 1px solid #555;
}

#simplemodal-container.flexigrid_temp_border a.modalCloseImg { top:0; right: 0;}
#simplemodal-container.flexigrid_temp_border .simplemodal-wrap{background: white;}


#simpleModal_temp .ui-widget-content {border:none !important;}
#simpleModal_temp #tabs ul.ui-tabs-nav {
    background:white; border:none; border-bottom:1px solid gray;
}
.flexigrid table tr span.remove {padding:0; width: 16px; height: 16px; display: block; cursor: pointer;}
.flexigrid table tr span.remove_blue {background: url('img/icon_delete_blue.gif') no-repeat;}
.flexigrid table tr span.loading {background: url('img/ajax-loader.gif') no-repeat;}
.flexigrid table tr span.locked {background: url('img/lock.png') no-repeat; padding:0; width: 16px; height: 16px; display: block;}
.flexigrid table tr span.current {padding:0; width: 16px; height: 16px; display: block;}
.flexigrid table tr span.active {background: url('img/arrow.png') no-repeat;}
.flexigrid table tr td input[type="checkbox"] {margin:0;}

#tableContacts td div.deleteLink {cursor: pointer; margin:0; padding: 0; border: 0; overflow: hidden; height: 16px; width: 16px;}

table.fancy_table{
    border-spacing: 0 !important;
    border-collapse: collapse !important;
    width: 100% !important;
    font-family: Arial, Verdana;
}

table.fancy_table .titulos{
    background-color:#92cae4;
    font-weight: bold;
}

table.fancy_table .resaltado{
    background-color: #000;
    color: #FFF;
    font-weight: bold;    
}

table.fancy_table tr td,table.fancy_table tr th{
    padding: 0 !important;
    vertical-align: top;
    border-spacing: 0 !important;
}
#simplemodal-container.dialogRestorePassword {background: white;}

/*input:-moz-placeholder{color:#999}
input:-ms-input-placeholder{color:#999}*/

input::-webkit-input-placeholder {
   color: lightgray;
}

input:-moz-placeholder { /* Firefox 18- */
   color: lightgray;  
}

input::-moz-placeholder {  /* Firefox 19+ */
   color: lightgray;  
}

input:-ms-input-placeholder {  
   color: lightgray;  
}

.button_factura {width: 25px; height: 25px;  padding: 0; margin: 0; border:0; cursor: pointer;}
.button_factura:focus { border-bottom: 1px solid white;  border-right: 1px solid white; }
.button_factura_unchecked { background: url('img/checkunckeck.png') 0 -35px; }
.button_factura_checked { background: url('img/checkunckeck.png') 0 0 ;    }
.formFactWrapper { display: none; }
.spanExample {color: grey; font-size: 11px;}
#facturacionRfc {text-transform: uppercase;}
.formFactWrapper .spanExample {font-size: 8px;} 
.editUserFromUpgrade {display: none;} 
.editUserFromUpgrade .overflowClass {overflow: auto; /* height: 250px; width: 675px; */display: none;}

.li_notifications {text-align: right;}
.li_notifications  .invCountWrapper { 
-webkit-border-radius: 2px;
-moz-border-radius: 2px; 
border-radius: 2px;
color: #fff;
font-size: 9px;
font-weight: bold;
overflow: hidden;
padding-bottom: 1px;
position: relative;
margin-left: -10px;
margin-top: -30px;
float: right;
top: 0;
z-index: 101;
}
.li_notifications  .invCountWrapper span { background-color: #f03d25; border: 1px solid #d83722; border-bottom: 1px solid #c0311e;
                                            border-top: 1px solid #e23923; -webkit-border-radius: 2px; -moz-border-radius: 2px; 
                                            border-radius: 2px; display: block; padding: 0 1px; }


#adds ul li ul.ul_invitations {  left: -70px; position: relative; top: -4px !important; width: 335px; max-height: 230px; overflow: auto;}
/*#adds ul li ul.ul_invitations:hover {display: block;}*/
#adds ul li ul.ul_invitations li:hover {background: white !important; color: black !important; cursor: default;}
#adds ul li ul.ul_invitations li:hover > .row_invitation { background: /*#E5F6FE;*/ #eceff5;}
.li_notifications .row_invitation {
    border-bottom: 1px groove lightblue;
    border-top: 1px groove lightblue;
    padding: 4px 8px;
    text-align: left;
    overflow: hidden;
}
.row_invitation .button.accept {float:right;}
.row_invitation .notification_small {margin: 0;}


.reportMails tr.warning {background:#ffecb0 !important;}
.reportMails tr.success {background:#f1ffbf !important;}
.reportMails tr.info {background:#d4e7f5 !important;}
.reportMails tr.error {background:#fecdc6 !important;}
.reportMails tr.tip {background:#ffeccd !important;}
.reportMails tr.trSelected > td {background: none; border:0;}

.graphic_edit{
 background: url('img/edit_icon.png');   
 width: 16px;
 height: 16px;
 display: inline-block;
}
.selectEnterpriseNote { font-size: 0.8em; font-style: italic; color: #777; margin:0; padding: 0; float:right;}

.dt-icon{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;
}

.view-btn{
    background: transparent url('images/view-icon.png');
}
.edit-btn{
    background: transparent url('images/edit-icon.png');
}
.delete-btn{
    background: transparent url('images/delete-icon.png');
}
.cancel-btn{
    background: transparent url('images/cancel-icon.png');
}
.conciliar-btn{
    background: transparent url('images/conciliar-icon.png');
}
.cambiar-btn{
    background: transparent url('images/cambiar-icon.png');
}
.expandir-btn{
    background: transparent url('images/expandir-icon.png');
}
.contraer-btn{
    background: transparent url('images/contraer-icon.png');
}
.ejecutar-btn{
    background: transparent url('images/ejecutar-icon.gif');
}
.nomina-no-btn{
    background: transparent url('images/nomina-no-icon.png');
}
.nomina-si-btn{
    background: transparent url('images/nomina-si-icon.png');
}

.refresh-btn{
    background: transparent url('images/refresh-icon.png');
}
.detail-btn{
    background: transparent url('images/detalle-icon.png');
}
.xml-btn{
    background: transparent url('images/xml-icon.png');
}
.xml-nomina-btn{
    background: transparent url('images/xml_nomina-icon.png');
}
.email-btn{
    background: transparent url('images/email-icon.png');
}
.cargo-btn{
    background: transparent url('images/pesos-orange.png');
}
.abono-btn{
    background: transparent url('images/pesos-green.png');
}
.factura-btn{
    background: transparent url('images/factura-icon.png');
}
.fin-btn{
    background: transparent url('images/fin-icon.png');
}
.passview-btn{
    background: transparent url('images/see-icon.png')  no-repeat center center;
}
.exist-cer{
    background: transparent url('images/bg-checklist.png') no-repeat left center;
}
.pago-btn{
    background: transparent url('images/pago-icon.png');
}
.pagofull-btn{
    background: transparent url('images/pagofull-icon.png');
}
.duda-btn{
    background: transparent url('images/pregunta-icon.gif');
}
.duda-btn-fac{
    background: transparent url('images/cancel-fac.png');
    background-size: cover;
}

.check-btn{
    background: transparent url('images/check.png');
    background-size: cover;
}
.uncheck-btn{
    background: transparent url('images/uncheck.png');
    background-size: cover;
}

.delete-standard-btn{
    background: transparent url('images/trash-icon.png');
}
.export-pdf-btn{
    background: transparent url('images/pdf-icon.png');
}
.print-btn{
    background: transparent url('images/print-icon.png');
}
.copy-btn{
    background: transparent url('images/copy-icon.png');
}
.afectable-btn{
    background: transparent url('images/afec_t-icon.png');
}
.no-afectable-btn{
    background: transparent url('images/afec_f-icon.png');
}

.ui-progressbar {
    position: relative;
}
.progress-label-avance {
    position: absolute;
    left: 45%;
    top: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}

/**
Horizontal footer menu css
*/
ul#horizontal-footer-menu{
     padding:0;
     margin: 0 auto;
     margin-left: 2px;
     width: 100%;
}

ul#horizontal-footer-menu li 
{
    background: none;
    /*display:inline;*/
    list-style: none !important;
    float:left;
    margin: 0px;
    padding: 0px;
    width: 118px;
}

ul#horizontal-footer-menu li a.home{
    background: #FFF url('images/home-icon.png') no-repeat 10px center;
    color: #011D2C;    
}
ul#horizontal-footer-menu li a.home:hover{
    background-color: #AAA;
    color: #011D2C;
}
ul#horizontal-footer-menu li a 
{   
   font-family:Arial;
   font-size:12px;
   text-align: center;
   text-decoration: none;
   float:left;
   padding:10px 5px 10px 5px;
   margin: 0;
   width: 108px;
   background-color: #000F16;
   color:#FFF;
   border-top:1px solid #313747;
   border-bottom:1px solid #313747;
}

ul#horizontal-footer-menu li a:hover 
{
   margin: 0;
   color: #AAA;
   background-color:#000F16;
   border-bottom:1px solid #FFF;
   border-top:1px solid #FFF;
}
.general-footer-social{
    margin-top: 10px !important;
}
.general-footer-social li{
    padding: 0 !important;
    margin: 2px;
}
.general-footer-social li a{
    padding: 0 !important;
    background-position: 0 0 !important;
    width: 20px;
    height: 20px;
}

.wrapperVideos { margin-left: 0; padding: 0px; text-align: center; float:left;}
.columnVideo{ width: 300px; float:left; margin-right: 88px; }
.columnVideo h1,.news_title {color: #177495; font-size: 18px; padding-left: 5px;}
.columnVideo p {color: #7F7F7F; font-size: 13px; line-height: 1.0em;}
.conta3pasos {background: url('img/contabilidad_tres_pasos.png');   }
.importaCatalogos {background: url('img/importa_catalogo.png'); }
.importaPolizas {background: url('img/importar_polizas.png'); }
.areaYoutubeVideo {height: 226px; width: 300px; display: block; border:1px solid #DDE; background-position: 0px 0px;}
.areaYoutubeVideo:hover {background-position: 0px -235px;}

#formUserData {overflow: hidden;}
.swMain .notification_small.info {  border-radius: 0 0 0 0; display: block; margin: 1% 1% 0; }
#formUserData .swMain { width: 100%; }
#formUserData .swMain .stepContainer div.stepContainer .content {padding: 1% 0.5%; width: 100%; }
#formUserData .swMain .stepContainer div.content { width: 99%; padding: 0 0.4%; margin: 0 auto; }
#formUserData .swMain ul.anchor {width: 100%; text-align: center;}
#formUserData .swMain ul.anchor li {width: 23%; display: inline-block; float:none;}
#formUserData .swMain ul.anchor li a {height: auto; width: 99.8%; overflow: hidden; padding: 0.2%}
#formUserData .swMain ul.anchor li a.selected {  background: none repeat scroll 0 0 #64A4DA; border: 1px solid #3380AA; box-shadow: none; }
#formUserData .swMain ul.anchor  .stepNumber {font-size: 2em; width: 0.8em; margin: 0; }
#formUserData .swMain ul.anchor  .stepDesc {font-size: 1.1em; padding:8px 2px;}
#formUserData .StepTitle {margin-bottom: 1em;}
#formUserData .swMain .stepContainer .StepTitle .StepTitleNote { color: lightslategray; float: right; font-size: 0.7em; padding-top: 0.2em; }
#formUserData .column-1,#formUserData .column-2 {width: 50%; float:left; margin:0;}
#formUserData select {padding: 3px 6px; width: 164px;}
#simplemodal-container .formUserData .row input {float:left;}
.msgLayoutModal { margin: 0.7em 0; }
#formPassword input {float: right;}

.boxUser {     
    float: left; height: 60px; margin: 0 0.8% 0.5% 0; 
    padding: 0.5% 0.5% 0 0;
    position: relative; 
    width: 260px;
    border:1px solid #ddd;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;  
}

.boxUser:hover { background: gainsboro; }
.boxUser .boxUserImage {width:48px; height:48px; float:left; }
.boxUser .delete { position: absolute; top:-8px; right: -8px; cursor:pointer; }
.boxUser .userInfo { overflow: hidden; max-width: 210px;} 
.boxUser table {max-width: 100%; table-layout: fixed;}
.boxUser .userInfo span {display: block; word-wrap: break-word;}

#search-box {
    position: relative;
    width: 99%;
    margin: 0 0 1.5em 0;
} 

#search-form {
    height: 25px;
    border: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
}

#search-text {
    font-size: 14px;
    color: #ddd;
    border-width: 0;
    background: transparent;
}

#search-box input[type="text"] {
    width: 90%;    
    color: #333;
    outline: none;
    margin:0;
}

#search-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 26px;
    width: 80px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    /*line-height: 42px;*/
    border-width: 0;
    background-color: #999;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
}

.my_password{
    font-family: 'GFS Didot';
    text-decoration: blink;
}

.exec-xml-btn{
    color: #666;
    padding: 10px 10px 10px 10px;
}