﻿.DivModal{

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color:White;
font-family:Arial;
z-index:100;

}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
   
}

.Invisible 
{
    width:0px;
    height:0px;
    display:none;
}



.Registro
{
    font-family:Arial;
}

.Registro em 
{
    color:Red;
}

.Error
{
    font-family:Arial;
    font-size:12px;
    color:Red;
}

/*Alertas*/

.alert_info {
display: block;
width: 95%;
margin: 20px 3% 0 3%;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #B5E5EF url(../img/icn_alert_info.png) no-repeat;
background-position: 10px 10px;
border: 1px solid #77BACE;
color: #082B33;
padding: 10px 0;
text-indent: 40px;
font-size: 14px;}

.alert_warning {
display: block;
width: 95%;
margin: 20px 3% 0 3%;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #F5F3BA url(../img/icn_alert_warning.png) no-repeat;
background-position: 10px 10px;
border: 1px solid #C7A20D;
color: #796616;
padding: 10px 0;
text-indent: 40px;
font-size: 14px;}

.alert_error {
display: block;
width: 95%;
margin: 20px 3% 0 3%;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #F3D9D9 url(../img/icn_alert_error.png) no-repeat;
background-position: 10px 10px;
border: 1px solid #D20009;
color: #7B040F;
padding: 10px 0;
text-indent: 40px;
font-size: 14px;}

.alert_success {
display: block;
width: 95%;
margin: 20px 3% 0 3%;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #E2F6C5 url(../img/icn_alert_success.png) no-repeat;
background-position: 10px 10px;
border: 1px solid #79C20D;
color: #32510F;
padding: 10px 0;
text-indent: 40px;
font-size: 14px;}



/*Grid*/

.gridCabecera {
    height: 34px;
    background: url(../img/table_sorter_header.png) repeat-x;
    text-align: left;
    text-indent: 10px;
    cursor: pointer;
}


/*Iconos*/

.botonOrdenar {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; cursor: pointer; }
.botonch p {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#717D82; margin-top:0px; text-align:center; margin-left:0px; padding-top:5px;cursor: pointer;}
.botonm {background-color:#E9E9E9; padding-left:5px; padding-right:5px; width:130px; height:25px !important; margin-top:10px; margin-bottom:10px; border:solid; border-width:1px; border-bottom-color:#666666;cursor: pointer;}
.botonm p {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#717D82; margin-top:0px; text-align:center; margin-left:0px; padding-top:5px;cursor: pointer;}
.botong {background-color:#E9E9E9; padding-left:5px; padding-right:5px; width:160px; height:25px !important; margin-top:10px; margin-bottom:10px; border:solid; border-width:1px; border-bottom-color:#666666;cursor: pointer;}
.botong p {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#717D82; margin-top:0px; text-align:center; margin-left:0px; padding-top:5px;cursor: pointer;}
.OpcionMenu {background:url(../img/menu-opcion.jpg) repeat left #fce9e9;font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;
    text-align:center;width:174;}
.botonCalendario {  background-image:url(../img/IconosGrid/ico_calendario.png);border:0px;width:18px;height:17px;cursor: pointer;}
.botonGrid{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:Blue;border:0px;cursor: pointer;}
.botonSalir { background-image:url(../img/bot-salida.jpg);border:0px;cursor: pointer;width:61px;height:60px;float:right; margin:0px; border:0px}
input[type=submit].botonExcel {background-image:url(../img/ico-exceldescarga.png);border:0px;cursor: pointer;width:32px;height:32px;margin:0px; border:0px; background-repeat:no-repeat; background-color:transparent;}
input[type=submit].botonGrafica {background-image:url(../img/ico-grafica.png);background-color:transparent;border:0px;cursor: pointer;width:32px;height:32px;margin:0px; border:0px; background-repeat:no-repeat; background-color:transparent;}
input[type=submit].botonGraficaBarras {background-image:url(../img/ico-grafica.png);background-color:transparent;border:0px;cursor: pointer;width:32px;height:32px;margin:0px; border:0px; background-repeat:no-repeat; background-color:transparent;}
input[type=submit].botonDetalleReporte {background-image:url(../img/ico-lista.png);background-color:transparent;border:0px;cursor: pointer;width:32px;height:32px;margin:0px; border:0px; background-repeat:no-repeat; background-color:transparent;}
input[type=submit].btn-baja {background-image:url(../img/IconosGrid/ico-baja.png);border:0px;cursor: pointer;width:16px;height:16px;margin:0px; border:0px; background-repeat:no-repeat; background-color:transparent;}
input[type=submit].btn-cv {background-image:url(../img/IconosGrid/cv.png);border:0px;cursor: pointer;width:16px;height:16px;margin:0px; border:0px; background-repeat:no-repeat; background-color:transparent;}
input[type=submit].btn-reporte {background-image:url(../img/IconosGrid/ico-reporte.png);border:0px;cursor: pointer;width:16px;height:16px;margin:0px; border:0px; background-repeat:no-repeat; background-color:transparent;}
input[type=submit].Ico-modificar-gris {background-image:url(../img/IconosGrid/edit.png);border:0px;cursor: pointer;width:16px;height:16px;margin:0px; border:0px; background-repeat:no-repeat; background-color:transparent;}
.Ico-loading {background-image:url(../img/loading-ico.gif);border:0px;cursor: pointer;width:32px;height:32px;margin:0px; border:0px}
.Ico-VistaPrevia {background-image:url(../img/IconosGrid/ico-vistaprevia.png);border:0px;cursor: pointer;width:16px;height:16px;margin:0px; border:0px}
.Ico-modificar {background-image:url(../img/IconosGrid/ico-modificar.png);border:0px;cursor: pointer;width:16px;height:16px;margin:0px; border:0px}
.Ico-baja {background-image:url(../img/IconosGrid/ico-baja.png);border:0px;cursor: pointer;width:16px;height:16px;margin:0px; border:0px; background-repeat:no-repeat;}
.Ico-cv {background-image:url(../img/IconosGrid/cv.png);border:0px;cursor: pointer;width:16px;height:16px;margin:0px; border:0px; background-repeat:no-repeat;}
.Ico-aceptar {background-image:url(../img/IconosGrid/ico-aceptar.png);border:0px;cursor: pointer;width:16px;height:16px;margin:0px; border:0px}
.Ico-visita {background-image:url(../img/IconosGrid/ico-visita.png);border:0px;cursor: pointer;width:16px;height:16px;margin:0px; border:0px}
.Ico-visita {background-image:url(../img/IconosGrid/ico-visita.png);border:0px;cursor: pointer;width:16px;height:16px;margin:0px; border:0px}
.Ico-doctor {background-image:url(../img/IconosGrid/ico-doctor.png);border:0px;cursor: pointer;width:16px;height:16px;margin:0px; border:0px}
.Ico-siguiente {background-image:url(../img/IconosPlan/ico-siguiente.png);border:0px;cursor: pointer;width:22px;height:22px;margin:0px; border:0px}
.Ico-anterior {background-image:url(../img/IconosGrid/ico-anterior.png);border:0px;cursor: pointer;width:22px;height:22px;margin:0px; border:0px}
.Ico-Cerrar {background-image:url(../img/IconosGrid/ico-cerrar.png);border:0px;cursor: pointer;width:20px;height:20px;margin:0px; border:0px}
.Invisible {border:0px; background-color:transparent; width:0px; height:0px;}
.IconoExcel {background-image:url(../img/Iconos/pagina_excel.png);border:0px;cursor: pointer;width:32px;height:32px;margin:0px; border:0px}
.IconoExcelGris {background-image:url(../img/Iconos/icono_excel.png) !important;border:0px !important;cursor: pointer !important;width:32px !important;height:32px !important;margin:0px !important; border:0px !important; background-color:transparent !important;}
.ArribaAbajo {border: 1px; font-family:Arial; font-size: 5pt; font-weight: bold; height:12px; width:24px; line-height: 3pt; overflow: hidden}
.Ico-habilitado {background-image:url(../img/IconosGrid/check.png);border:0px;cursor: pointer;width:16px;height:16px;margin:0px; border:0px}
.Ico-dehabilitado {background-image:url(../img/IconosGrid/check_off.png);border:0px;cursor: pointer;width:16px;height:16px;margin:0px; border:0px}
.Ico-eliminar {background-image:url(../img/IconosGrid/delete.png);border:0px;cursor: pointer;width:16px;height:16px;margin:0px; border:0px}
.Ico-cancelar {background-image:url(../img/IconosGrid/cancel.png);border:0px;cursor: pointer;width:16px;height:16px;margin:0px; border:0px}
.BotonLink {background-color:transparent; font-family:Arial; font-size:12px; text-decoration:underline; cursor:pointer;}


/*
.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}*/


.Lista
{
padding-left: 0;
margin-left: 0;
width: 200px;
background-color:White;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

}

.Lista li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
text-align:justify;
padding-top:10px;
}

.Lista li a { text-decoration: none; }


        .CompletionListCssClass
{
    font-size: 11px;
    color: #000;
    padding: 3px 5px;
    border: 1px solid #999;
    background: #fff;
    width: 300px;
    float: left;
    position:absolute;
    margin-left:0px;
}


.completionList {
 margin : 0px!important;
    background-color : White;
    color : windowtext;
    border : buttonshadow;
    border-width : 1px;
    border-style : solid;
    cursor : pointer;
    overflow : auto;
    font-family:Calibri;
    font-size:12px;
    text-align : left; 
    list-style-type : none;
    margin-left:0px;
    padding-left:0px;
    max-height:200px;
    width:auto;
}

.listItem {
color: #1C1C1C;
border-style: solid;
border-width:0.5px;
border-color:#EEEEEE;
padding-top:3px;
padding-bottom: 3px;
}

.itemHighlighted {
background-color: #B3ECFF;
}
