:root {
    --listado-pijama-impar: #eee;
    --listado-pijama-par: white;
    --listado-cabecera: #7599B6;
    --panel-heading-color: #7599B6;
    // --panel-footer-color: #D7EBFA;
    --panel-footer-color: #eee;
}

diabody
{
    margin: 0;
    padding: 0;
    color: #555;
    font: normal 10pt Arial,Helvetica,sans-serif;
    background: #EFEFEF;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden !important;
}

#page
{
    margin-top: 5px;
    margin-bottom: 5px;
    background: white;
    border: 1px solid #C9E0ED;
}

#header
{
    margin: 0;
    padding: 0;
    /* border-top: 3px solid #C9E0ED;*/
}

@media screen and (min-width: 320px) {
    #content
    {
        padding: 0px;
    }
}

@media screen and (min-width: 973px) {
    #content
    {
        padding-top: 5px;
        min-height: 80vh;
    }
    input {
        font-size: 12px !important;
    }
    #contentDialogPersonas{
        height: 75vh; 
    }
    #contentDialogCitas{
        height: 75vh; 
    }
    #contentDialogNotificaciones{
        height: 77vh; 
    }
    #contentDialogZonas{
        height: 77vh; 
    }
}
    
#sidebar
{
    padding: 20px 20px 20px 0;
}

#footer
{
    padding: 10px;
    margin: 10px 20px;
    font-size: 0.8em;
    text-align: center;
    border-top: 1px solid #C9E0ED;
}

#footer img {
    /*width: 30%;*/
}

#logo {
    position: absolute;
    z-index: 10;
    font-size: 200%;
}

#menu {
    margin-top: 5px;
}

#menu ul li a
{
    color:#ffffff;
}

.colorPanelH1{
    background-color: #A9D0F5 !important;
    border-color: #A9D0F5 !important;
}

/*
#mainmenu
{
        background:white url(bg.gif) repeat-x left top;
}

#mainmenu ul
{
        padding:6px 20px 5px 20px;
        margin:0px;
}

#mainmenu ul li
{
        display: inline;
}
*/
/*#menu ul li a
{
        color:#ffffff;
        background-color:transparent;
        font-size:12px;
        font-weight:bold;
        text-decoration:none;
        //padding:5px 8px;
}*/
/*
#mainmenu ul li a:hover, #mainmenu ul li.active a
{
        color: #6399cd;
        background-color:#EFF4FA;
        text-decoration:none;
}*/
a{
    cursor: pointer;
}

div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}

div.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
    color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}

div.form .rememberMe label
{
    display: inline;
}

div.view
{
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
    font-size: 0.9em;
    padding: 5px 20px;
}

div.breadcrumbs span
{
    font-weight: bold;
}

div.search-form
{
    padding: 10px;
    margin: 10px 0;
    background: #eee;
}

.portlet
{

}

.portlet-decoration
{
    padding: 3px 8px;
    background: #B7D6E7;
    border-left: 5px solid #6FACCF;
}

.portlet-title
{
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #298dcd;
}

.portlet-content
{
    font-size:0.9em;
    margin: 0 0 15px 0;
    padding: 5px 8px;
    background:#EFFDFF;
}

.portlet-content ul
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0;
    padding: 0;
}

.portlet-content li
{
    padding: 2px 0 4px 0px;
}

.operations
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.operations li
{
    padding-bottom: 2px;
}

.operations li a
{
    font: bold 12px Arial;
    color: #0066A4;
    display: block;
    padding: 2px 0 2px 8px;
    line-height: 15px;
    text-decoration: none;
}

.operations li a:visited
{
    color: #0066A4;
}

.operations li a:hover
{
    background: #80CFFF;
}

.fc-month-view .fc-event-container{
    /*display: none;*/
}

#detalleCita, #auditoria{
    font-family: sans-serif;
}

#detalleCita .th{
    width: 25%;
}

#ventanaModal{
    /*max-height: 600px !important;*/
    /*overflow: auto;*/
}

.contactosView{
    text-align: center;
}

#navInicial.nav {
    background: #7599B6 !important;
    color: #fff !important;
}

#navInicial>li.active>a {
    color: #7599B6 !important;
}

.margin5{
    margin: 5px;
}

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

.negrita {
    font-weight: 900;
}

.bold {
    font-weight: bold;
}

.textoSmaller {
    font-size : smaller;
}

.textoSmall {
    font-size : small;
}

.textoMedium {
    font-size : medium !important;
}

.noDisplay{
    display: none !important;
}

.marginTop2{
    margin-top: 2%;
}

.marginTop5{
    margin-top: 5%;
}
.marginTop10{
    margin-top: 10%;
}
.marginT10{
    margin-top: 10%;
}
.marginTop15{
    margin-top: 15%;
}

#content-form{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.colorDefault{
    background-color: silver !important;
}

.colorPrimary{
    background-color: #428bca !important;
}

.colorSuccess{
    background-color: rgb(74, 191, 56) !important;
}

.colorWarning{
    background-color: #f0ad4e !important;
}

.colorDanger{
    background-color: red !important;
}

.colorInfo{
    background-color:#0A246A !important;
}

.colorViolet{
    background-color:#ff99ff;
}

.colorBlanco{
    color: #ffffff;
}

.colorPdteCobro {
    background-color : black;
}

.colorCobrada {
    background-color : #7B1E2D;
}

.colorAux1 {
    background-color : #C195E4;
}

.colorAux2 {
    background-color : rgb(74, 191, 56);
}

.colorAux3 {
    background-color : yellow;
}


.rayado {
    /*background: -moz-repeating-linear-gradient(45deg, #005588, #00aacc 30px, #eee 30px, #eee 60px);*/
    /*background: -webkit-repeating-linear-gradient(45deg, #005588, #00aacc 30px, #eee 30px, #eee 60px);*/
    background: repeating-linear-gradient(45deg, blue, red);
    /*background-image: linear-gradient(transparent 50%, white 50%);*/
    /*background-size: 100px 100px;*/
}

.rayadoDefault {
    background: repeating-linear-gradient(45deg, gray, silver);
    color: black !important;
}

.rayadoPrimary {
    background: repeating-linear-gradient(30deg, #428bca, white);
    color: black !important;
}

.rayadoSuccess {
    background: repeating-linear-gradient(45deg, rgb(74, 191, 56), silver);  
    color: black !important;
}

.rayadoWarning {
    background: repeating-linear-gradient(45deg, #f0ad4e, silver);    
    color: black !important;
}

.rayadoDanger {
    background: repeating-linear-gradient(45deg, red, silver);    
    color: black !important;
}

.rayadoNoAsistencia {
    background: repeating-linear-gradient(45deg, red, silver);    
    color: tomaato !important;
}

.rayadoViolet {
    background: repeating-linear-gradient(45deg, #ff99ff, silver);    
    color: black !important;
}

.rayadoPdteCobro {
    background: repeating-linear-gradient(45deg, #F6F329, silver);    
    color: black !important;
}


.rayadoCobrada {
    background: repeating-linear-gradient(45deg, #7B1E2D, silver);    
    color: black !important;
}

.rayadoPdteCobroNas {
    background: repeating-linear-gradient(45deg, gold, silver);    
    color: black !important;
}


.rayadoCobradaNas {
    background: repeating-linear-gradient(45deg, blueviolet, silver);    
    color: black !important;
}

.rayadoInfo {
    background: repeating-linear-gradient(45deg, #0A246A, silver);    
    color: black !important;
}

.rayadoAux1 {
    background: repeating-linear-gradient(45deg, #C195E4, silver);    
    color: black !important;
}

.rayadoAux2 {
    background: repeating-linear-gradient(45deg, rgb(74, 191, 56), silver);    
    color: black !important;
}

.rayadoAux3 {
    background: repeating-linear-gradient(45deg, yellow, silver);    
    color: black !important;
}


.rayadoConfirmadaLiquidado {
    background: repeating-linear-gradient(80deg, rgb(74, 191, 56), white);  
    color: black !important;
}

.rayadoSolicitadaLiquidado {
    background: repeating-linear-gradient(80deg, #428bca, white);    
    color: black !important;
}

.rayadoRealizadaLiquidado {
    background: repeating-linear-gradient(80deg, #f0ad4e, white);    
    color: black !important;
}

.rayadoPdteCobroLiquidado {
    background: repeating-linear-gradient(45deg, #F6F329, white);    
    color: black !important;
}

.rayadoCobradaLiquidado {
    background: repeating-linear-gradient(45deg, #7B1E2D, white);    
    color: black !important;
}

.rayadoCobradaNasLiquidado {
    background: repeating-linear-gradient(45deg, blueviolet, white);    
    color: black !important;
}

.rayadoBorradorLiquidado {
    background: repeating-linear-gradient(45deg, pink, white);    
    color: black !important;
}

.rayadoInfoLiquidado {
    background: repeating-linear-gradient(45deg, #0A246A, white);    
    color: black !important;
}

.rayadoCanceladaLiquidado {
    background: repeating-linear-gradient(45deg, red, white);    
    color: black !important;
}

.rayadoNoAsistenciaLiquidado {
    background: repeating-linear-gradient(45deg, tomato, white);    
    color: black !important;
}

.rayadoDefaultLiquidado {
    background: repeating-linear-gradient(45deg, gray, white);    
    color: black !important;
}

.rayadoAux1Liquidado {
    background: repeating-linear-gradient(45deg, #C195E4, white);    
    color: black !important;
}

.rayadoAux2Liquidado {
    background: repeating-linear-gradient(45deg, rgb(74, 191, 56), white);    
    color: black !important;
}

.rayadoAux3Liquidado {
    background: repeating-linear-gradient(45deg, yellow, white);    
    color: black !important;
}


.width50{
    width: 50% !important;
}
.width60{
    width: 60% !important;
}
.width70{
    width: 70% !important;
}
.width100{
    width: 100% !important;
}

.width150px{
    min-width: 150px;
}

.width100px{
    width: 100px;
}

.width120px{
    min-width: 120px;
}


.width200px{
    width: 200px;
}

.width250px{
    width: 250px;
}

.width220px{
    width: 220px;
}

.inLine {
    display: inline !important;
}

.gridListado table{
    font-size:0.9em;
    text-align: left;
}

.gridListado tr{
    height: 30px;
}

.gridListado tbody .even{
    background-color : var(--listado-pijama-impar);
}


.gridListado tbody .odd{
    background-color: var(--listado-pijama-par);
}

.impar{
    background-color : var(--listado-pijama-impar);
}


.par{
    background-color: var(--listado-pijama-par);
}

.gridListado2 thead tr{
    background: -webkit-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
    background-repeat: repeat, repeat, no-repeat;
    background-position: 1px 1px, 0px 0px, center center;
}

.gridListado thead tr{
    background-color: var(--listado-cabecera);
}

.gridListado thead a{
    padding-left: 4px;
    color: white;
}

.gridListado tbody {
    font-size: 1em !important;
}

.panel-heading {
    background-color: var(--panel-heading-color) !important;
}

.panel-footer {
    background-color: var(--panel-footer-color) !important;
}


#contentDialogCitas{
    overflow-y: auto;
    width: auto;
}

#contentDialogPersonas{
    overflow-y: auto;
    width: auto;
}

#contentDialogClientes{
    overflow-y: auto;
    width: auto;
}


#contentDialogNotificaciones{
    overflow-y: auto;
    width: auto;
}

#contentDialogProductos{
    overflow-y: auto;
    width: auto;
}

#contentDialogMateriales{
    overflow-y: auto;
    width: auto;
}

#contentDialogZonas{
    overflow-y: auto;
    width: auto;
}

.cargando {
    display: none;
    text-align: center;
    height:140px !important;
}

.cargando div {
    height: 90px;
    padding-top: 30px;
    font-weight: bold;
    font-size: 12pt;
    background: url(../img/iconos/loading2.gif) no-repeat center bottom;
}

.cargando label {
    color: #428bca;
}

.cargando img {
    width: 15%;
    height: 15%;
}

.paddingR20{
    padding-right: 20px;
}

.cursorPointer{
    cursor: pointer;
}

.pFixed{
    margin-top: -110px;
    position: fixed !important;
    z-index: 100;
}

#diaTotal{
    float:right;
}

#contentCitasDemora{
    min-height: 328px;
}

.contentDialog{
    min-height: 80vh;
}

.contentDialog .movil{
    min-height: auto;
}




 /* Codigo para la política de cookies */
/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer
{
    0%		{bottom: 0px;}
    80%		{bottom: 0px;}
    100%        {bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
    0%		{bottom: 0px;}
    80%		{bottom: 0px;}
    100%		{bottom: -50px;}
}
 
@keyframes aparecer
{
    0%		{bottom: -38px;}
    10%		{bottom: 0px;}
    90%		{bottom: 0px;}
    100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
    0%		{bottom: -38px;}
    10%		{bottom: 0px;}
    90%		{bottom: 0px;}
    100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	margin:0 auto;
	padding-left:1%;
        padding-top:5px;
        font-size: 1.2em;
        font-family: "Clear Sans",Arial,Arial,sans-serif,helvetica;
	clear:both;
        font-weight: strong;
        color: white;
        bottom:0px;
        position:fixed;
        left: 0px;
        background-color: #2e6d9d;
        opacity:0.9;
        filter:alpha(opacity=70); /* For IE8 and earlier */
        transition: bottom 1s;
        -webkit-transition:bottom 1s; /* Safari */
        -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
        -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
        box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
        z-index:999999999;
}
 
.cookiesms:hover{
    bottom:0px;
}
.cookies2{
    background-color: black;
    display:inline;
    opacity: 0.95;
    filter: alpha(opacity=95);
    position: absolute; 
    left:1%; 
    top:-30px;
    font-size:15px;
    height:30px;
    padding-left:25px;
    padding-right:25px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}
 
/* Fin del CSS para cookies */
 
.noPadding{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#volver{
    color: #99b1de;
}

#selectPag{
    width: 120%;
}

.fontBold{
    font-weight: bold;
}

.label-violet{
    background-color: #ff99ff;
}

.label-PdteCobro{
    background-color: #7B1E2D;
}

.label-cobrada{
    background-color: #7B1E2D;
}

.label-cobrada-nas{
    background-color: blueviolet;
}
.label-aux1{
    background-color: #C195E4;
}

.label-aux2{
    background-color: rgb(74, 191, 56);
}

.label-aux3{
    background-color: yellow;
}

.aireCalendar{
    /*background-color: black;*/
    padding-top: 30px;
}

#gridConsultaCita .items img{
    margin-right: 5px;
}

.registroActivo {
    background: lightgreen;
}

.selModulo {
    background: silver;
    color: gray;
}