.content .datatable a {
    color: #4F4F4F;
}

.content .datatable a:hover {
    text-decoration: underline;
}

.valignTable td {
    vertical-align: top;
}

.valignTable td.leftTD {
    vertical-align: top;
    width: 400px;
}

.rightTD {
    vertical-align: top;
}

.leftTD {
    width: 400px;
    padding-right: 20px;
    vertical-align: top;
}

.labelTD {
    width: 120px;
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
}


.labels label.floated {
    clear: left;
    float: left;
    line-height: 16px;
    padding-right: 10px;
    text-align: left;
    width: 80px;
}

.labels label.floatedRight {
    display: block;
    float: left;
    line-height: 16px;
    text-align: left;
    width: 250px;
}

.labels label.blocked {
    display: block;
    margin-bottom: 1px;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 1px;
}

.labels input.checkbox {
    display: inline;
    float: none;
    width: 15px;
}

.labels input {
    margin-bottom: 5px;
    width: 160px;
}

.mm {
    position: absolute;
    top: -17px;
    margin: 0 130px 0 95px;
    background: #FFF;
    border: 1px solid #00529B;
    border-top: 0;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 40px;
    line-height: 40px;
    z-index: 1;
}



/* CONTENEDOR */
#container {
    background: #4D81B5;
    min-width: 990px;
    position: relative;
}

.content {
    min-height: 500px;
    background: #E6E6E6;
    color: #000;
    padding: 10px 10px;
}

.content a {
    color: #4D81B5;
}


div.clear {
    clear: both;
}

/* *****************************************************
                       FORMULARIOS
***************************************************** */

/* ********************************* ELEMENTOS GENERICOS DE FORMULARIOS */
fieldset {
    margin-bottom: 3px;
    padding-bottom: 3px;
}

legend {
    padding: 3px 10px;
}

.checkBox {
    margin-top: 5px;
}

.textBox {
    border: 1px solid #999;
}

.floatTextBox {
    border: 1px solid #999;
    float: left;
}

.select {
    width: 190px;
}

/* ********************************* FECHAS (DATEPICKER) */
.datePicker {
    margin-right: 4px;
}

/* ********************************* LAYOUT FORMULARIOS */
div.formIzq {
    min-width: 400px;
    width: 400px;
    float: left;
    clear: left;
    margin-right: 5px;
}

div.formDer {
    min-width: 500px;
    width: 100%;
    /* float: left; */
}

.formCtr {
    text-align: center;
}

/* ********************************* FILAS FORMULARIOS */
.filaForm {
    margin: 0px 5px 5px 5px;
}

.filaFormButtons {
    clear: both;
    padding: 5px 0px;
}



/* *****************************************************
                      BUTTONS
***************************************************** */
.buttonBig {
    background: #FFFFFF url(../../img/botonBig.jpg) repeat-x scroll 0% 0% !important;
    font-size: 15px !important;
    height: 40px !important;
    line-height: 40px !important;
}

.buttonBig:hover {
    background: #FFFFFF !important;
}

.button {
    background: #FFFFFF url(../../img/boton.jpg) repeat-x scroll 0% 0%;
    border: 1px solid #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    padding: 0px 5px;
    margin: 2px 0;
}

.button:hover {
    background: #FFFFFF url(../../img/boton2.jpg) repeat-x scroll 0% 0%;
}

button {
}

button:hover {
    cursor: pointer;
}

/* button span{
    line-height: 20px;
    font-size: 10px;
}
*/
button img {
    vertical-align: bottom;
    /* margin-right: 3px; */
}

a.changePassword {
    font-size: 10px;
    text-decoration: none;
    margin-left: 105px;
}

a.changePassword:hover {
    text-decoration: underline;
}

/* *****************************************************
                       IMAGENES EN FORMS PARA LOS TOOLTIP
***************************************************** */
.imgForm {
    vertical-align: middle;
}

/* *****************************************************
                        ERRORS 
***************************************************** */
.errorDiv {
    clear: left;
    margin: 5px 0;
}

.errorDiv span.error {
    clear: left;
    color: #FFF;
    font-size: 9px;
    background: #CF4040 url(../../img/iconos/candado.png) no-repeat 0% 0%;
    border: 1px solid #333;
    margin: 2px 0 2px 105px;
    padding: 2px 2px 2px 20px;
}

.needed {
    color: red;
}

.bold {
    font-size: 18px;
    color: #4D81B5;;
    font-weight: bold;;
}

/* ATENCIONES */
.ui-menu-icon-gear {
    background: transparent url(../jquery-theme/images/ui-icons_cccccc_256x240.png) no-repeat -192px -113px;
}

/* VISITAS PENDIENTES */
.ui-menu-icon-script {
    background: transparent url(../jquery-theme/images/ui-icons_cccccc_256x240.png) no-repeat -240px -129px;
}

/* CLIENTES */
.ui-menu-icon-person {
    background: transparent url(../jquery-theme/images/ui-icons_cccccc_256x240.png) no-repeat -143px -97px;
}

/* AGENDA */
.ui-menu-icon-calendar {
    background: transparent url(../jquery-theme/images/ui-icons_cccccc_256x240.png) no-repeat -30px -112px;
}

/* SERVICIOS */
.ui-menu-icon-contact {
    background: transparent url(../jquery-theme/images/ui-icons_cccccc_256x240.png) no-repeat -190px -128px;
}

/* PRODUCTOS */
.ui-menu-icon-tag {
    background: transparent url(../jquery-theme/images/ui-icons_cccccc_256x240.png) no-repeat -239px -96px;
}

/* INFORMES */
.ui-menu-icon-image {
    background: transparent url(../jquery-theme/images/ui-icons_cccccc_256x240.png) no-repeat -207px -128px;
}

/* EMPLEADOS */
.ui-menu-icon-home {
    background: transparent url(../jquery-theme/images/ui-icons_cccccc_256x240.png) no-repeat 2px -112px;
}

/* ADMIN */
.ui-menu-icon-wrench {
    background: transparent url(../jquery-theme/images/ui-icons_cccccc_256x240.png) no-repeat -175px -112px;
}

/* CASOS CLINICOS */
.ui-menu-icon-suitcase {
    background: transparent url(../jquery-theme/images/ui-icons_cccccc_256x240.png) no-repeat -113px -96px;
}

/* OPCIONES */
.ui-menu-icon-link {
    background: transparent url(../jquery-theme/images/ui-icons_cccccc_256x240.png) no-repeat -241px -112px;
}

.dashboardItem {
    position: relative;
    border: 1px solid #999;
    border-top: 0;
    margin: 0px;
}

.icon-warning{
    background: #D05F57 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0))) !important;
}


div#footer {
    text-align: left;
    color: #FFF;
    font-size: 11px;
    background: #222;
    line-height: 20px;
    padding: 0 10px;
}
#footer a{
    color: #4D81B5;
}
#footer img{
    vertical-align: bottom;
    position: relative;
    top: 2px;
}

.roundCornerAll2 {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
}

.roundCornerAll5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

.roundCornerTop5 {
    -moz-border-radius-topleft: 5px;
    -webkit-border-radius-topleft: 5px;
    -o-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius-topright: 5px;
    -o-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -ms-border-radius-topright: 5px;
}

.roundCornerBottom5 {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius-bottomleft: 5px;
    -o-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-radius-bottomright: 5px;
    -o-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -ms-border-radius-topleft: 5px;
}

.roundCornerLeft5 {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius-bottomleft: 5px;
    -o-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-radius-topleft: 5px;
    -o-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -ms-border-radius-topleft: 5px;
    -ms-border-radius-bottomleft: 5px;
}

.roundCornerRight5 {
    -moz-border-radius-topright: 5px;
    -webkit-border-radius-topright: 5px;
    -o-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-radius-bottomright: 5px;
    -o-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -ms-border-radius-topright: 5px;
    -ms-border-radius-bottomright: 5px;
}

.roundCornerAll10 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

.roundCornerTop10 {
    -moz-border-radius-topleft: 10px;
    -webkit-border-radius-topleft: 10px;
    -o-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-radius-topright: 10px;
    -o-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -ms-border-radius-topright: 10px;
}

.roundCornerBottom10 {
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius-bottomleft: 10px;
    -o-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-radius-bottomright: 10px;
    -o-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -ms-border-radius-topleft: 10px;
}

.roundCornerLeft10 {
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius-bottomleft: 10px;
    -o-border-radius-bottomleft: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-radius-topleft: 10px;
    -o-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -ms-border-radius-topleft: 10px;
    -ms-border-radius-bottomleft: 10px;
}

.roundCornerRight10 {
    -moz-border-radius-topright: 10px;
    -webkit-border-radius-topright: 10px;
    -o-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-radius-bottomright: 10px;
    -o-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -ms-border-radius-topright: 10px;
    -ms-border-radius-bottomright: 10px;
}

.roundCornerAll14 {
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    -o-border-radius: 14px;
    -ms-border-radius: 14px;
}

.ui-widget {
    font-size: 1em !important;
}

.ui-panel {
    margin: 1px 1px 5px 1px !important;
}

.ui-corner-all {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}


.ui-datatable-even {
    background: #DEEDFC !important;
}

.ui-datatable-odd {
    background: #FFFFFF !important;
}

.ui-datatable .ui-column-filter {
    width: 80px !important;
}

.ui-datatable .row-disagree{
    background: #ffb49f !important;
}



.ui-icon-enabled {
    background: transparent url(../../img/iconos/enabled.png) no-repeat 50% 40% !important;
}

.ui-icon-disabled {
    background: transparent url(../../img/iconos/disabled.png) no-repeat 50% 40% !important;
}

.ui-icon-pdf {
    background: transparent url(../../img/iconos/ico_pdf.png) no-repeat 50% 40% !important;
}

.ui-icon-excel {
    background: transparent url(../../img/iconos/ico_excel.png) no-repeat 50% 40% !important;

}

.ui-tabs .ui-tabs-panel {
    padding: 0px !important;
}

.blockUiDiv {
    background: transparent url(../../img/iconos/loadingg.gif) no-repeat 0 50%;
    padding: 4px 40px;
    font-size: 14px;
}

/* CUSTOMERS */
#noteDiv {
    background: #4D81B5 none repeat scroll 0 0;
    color: #FFFFFF;
    display: none;
    padding: 25px;
}

.tablaClientes {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0px;
}

.tablaClientes thead {
    background: #222;
    color: #FFF;
}

.tablaClientes tbody {
    background: #FFF;
    color: #222;
}

#searchCustomerListDiv {
    max-height: 395px;
    overflow: auto;
    margin: 5px;
    display: none;
}

#lastAttentionsDiv {
    max-height: 180px;
    overflow: auto;
    margin: 5px;
}

.serviceInfoDiv {
    height: 20px;
    line-height: 20px;
    border: 1px solid #333;
    margin: 0 auto;
}

.businessLineColorDiv {
    float: left;
    margin-right: 4px;
    border: 1px solid #666;
    width: 20px;
    height: 12px;
}

.businessLine0Div {
    background: #000; /* Sin especificar */
}

.businessLine1Div {
    background: #FEFF5F; /* CABINA */
}

.businessLine2Div {
    background: #f4a1a1; /* LASER */
}

.businessLine3Div {
    background: #a1b8f4; /* MEDICINA ESTETICA */
}

.businessLine4Div {
    background: #a3f4a1; /* SPA */
}

.businessLine5Div {
    background: #e6e6e6; /* VENTA PRODUCTOS */
}

/* ATTENTIONS */
.personDetail {
    color: #4D81B5;
    font-weight: bold;
    padding-left: 10px;
    width: 500px;
    line-height: 20px;
}

.filterList {
    width: 45%;
    float: left;
    min-width: 400px;
    height: 270px;
    background: #DDD;
    border: 1px solid #EEE;
    overflow: auto;
}

.selectedList {
    width: 45%;
    float: left;
    height: 130px;
    margin: 0 0 5px 5px;
    min-width: 325px;
    background: #DDD;
    border: 1px solid #EEE;
    overflow: auto;
}

.totalToPayDiv {
    background: #F9C2C2;
    border: 1px solid #A8A8A8;
    font-size: 24px;
    line-height: 40px;
    text-align: right;
    padding-right: 10px;
}

.payNowDiv {
    background: #EFE7C2;
    border: 1px solid #A8A8A8;
    text-align: right;
    padding-right: 10px;
    line-height: 40px;
    text-align: center;
}

.bigButton {
    width: 120px;
    height: 40px;
}

.bigButton span {
    top: 30% !important;
}

.buttonMin {
    padding: 0px !important;
    width: 17px !important;
    height: 17px !important;
}

.buttonMin .ui-button-icon-left {
    top: 66%;
}

.buttonMin span {
    margin-left: -8px !important;
    margin-top: -11px !important;
}
button:disabled{
    background: #bbb;
    cursor: not-allowed;
}

/* DEBTS */
.visitListDiv {
    padding: 5px 10px;
    max-height: 175px;
    overflow: auto;
}

.visitDetailListDiv {
    padding: 5px 10px;
    max-height: 175px;
    overflow: auto;
}

.customerDetailDiv .customerLabel {
    color: #4D81B5;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
}

.customerDetailDiv .label {
    line-height: 20px;
}

.btn-small {
    font-size: 0.8em !important;
}

.btn-small > .ui-button-text {
    padding: 0.2em 0.7em 0.2em 2.1em;
}

.status1Div {
    background: blue;
}

.status2Div {
    background: red;
}

.status3Div {
    background: green;
}

.status4Div {
    background: gray;
}

.status5Div {
    background: black;
}

.hightlighted td {
    background: #EFE7C2;
}

.detailDiv h4 {
    border-bottom: 1px solid #999;
    padding: 0;
    color: #666;
}

.detailDiv .detailContainerDiv {
    padding: 5px 5px 5px 50px
}

.detailDiv .customerDiv {
    border: 1px solid #A8A8A8;
    background: #DEEDFC url('../../img/iconos/ico_customer_only.png') no-repeat 5px 5px;
    padding: 10px 0 10px 50px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.detailDiv .customerDiv .customerDataGrid td {
    padding-top: 2px;
    width: 100px;
}

.detailDiv .customerDiv .customerDataGrid td label {
    color: #666;
}

.detailDiv .visitDiv {
    border: 1px solid #A8A8A8;
    background: #DDD url('../../img/iconos/ico_debts_only.png') no-repeat 5px 10px;
    padding: 10px 0 10px 50px;
    border-radius: 5px;
}

.detailDiv .visitDiv .important {
    font-size: 14px;
}

/* ATENCIONES */
#employeeSearchPanel {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 450px;
    background: #EEE;
    border: 1px solid #A8A8A8;
    padding: 10px;
    z-index: 2;
    box-shadow: 2px 2px 5px #333;
}

.facet-footer-export {
    text-align: left;
    line-height: 20px;
}

.facet-footer-export a {
    float: left;
    margin-right: 2px;
}

.table-dialog td.labels {
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
}

.table-dialog td.dates {
    text-align: left;
}


/*.ui-widget-header{*/
    /*background-image: none !important;*/
    /*background-color: #f5f5f5 !important;*/
/*}*/
/*.ui-state-default{*/
    /*background-image: none !important;*/
    /*text-shadow: none !important;*/
    /*box-shadow: none !important;*/
/*}*/