@media screen, print 
{
    /*  Common CSS rules for all themes  */
    
    
    .ui-button.red-button {
        background-color: red;
    }
    
    
    
    
    .debug-border 
    {
        border: dashed 1px red !important;    
    }
    
    .debug-border-blue 
    {
        border: dashed 1px navy !important;    
    }
    
    .debug-border-green 
    {
        border: dashed 1px green !important;    
    }
    
    body, html 
    {
        margin:0;
        padding:0px;  
        font-family: Verdana, Tahoma, Arial, Sans-Serif;
        font-size: 0.85em;
        background-color:#eeeeff;
    }
    
    ::-webkit-input-placeholder, :-moz-placeholder,  ::-moz-placeholder, :-ms-input-placeholder 
    {  
       color: #eeeeff;  
    }
    
    .darkred {color: #833 !important}
    .darkblue {color: #338 !important}
    .darkgreen {color: #383 !important}
    
    .inline 
    {
        display: inline-block !important;
        margin: 0.5em !important;
        vertical-align: top !important;
        border: none 1px red !important;
    }
    
    .inline-col2 
    {
        display: inline-block !important;
        margin: 0.5em !important;
        vertical-align: top !important;
        border: none 1px red !important;
        width: 45% !important;    
    }
    
    .inline .caption 
    {
        white-space: nowrap !important;    
    }
    
    .alerta-button {
       color:red;
       border:solid 1px #aaa;
       border-radius: 5px;
    }
    
    .alerta-badge
    {
        height: 5em; 
        background-color:Red; 
        color:White; 
        border:solid 1px #ccc;
        border-radius: 5px
    }
    
    .alerta-badge h3 
    {
        margin:0;
        padding:0;
        text-align:center; 
        line-height: 1.5em
    }
    
    .alerta-badge p 
    {
        margin:0;
        padding:0;
        text-align:center; 
        font-size:larger;
    }
    
    .help-panel 
    {
        color:#000;
    }
    
    .help-panel ul
    {
        list-style: none;
    }
    
    
    
    .page-footer 
    {
        overflow: hidden;
        border:none 1px navy;
        float:none;
        clear:both;
        height: 3em;    
        text-align:right;
        padding: 1em;
    }
    
    .page-footer h4 
    {
        color: Gainsboro;    
    }
    /*.ui-datepicker-calendar*/
    
    .ui-datepicker-calendar .ui-state-highlight 
    {
        background:maroon !important;
        color: white !important;
        font-weight:bold !important;    
    }
    
    .ui-datepicker-calendar .ui-state-active 
    {
        background:yellow !important;
        color: maroon !important;
        font-weight:bold !important;    
    }
    
        
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    
    .validados-button{color:maroon}
    
    br.nocss {display:none}
    
    .nota-ayuda 
    {
        overflow: hidden;
        width: 99%;
        margin:auto;
        height: 2em;
        line-height:2em;
        color:#338;
        background-color: #fafafa;
        border:dashed 1px green;
        padding:3px;
        text-align:center;
    }
    
    div#body-content 
    {
        /*
        position:absolute;
        min-width:900px;
        min-height:600px;
        margin:auto;
        float:none;
        clear:both;
        padding:0px;
        margin:5px 25px 5px 25px;
        */
    }
    
    div#logo-asispa
    {
        background-image: url(../images/logo_asispa.png);
        background-repeat:no-repeat;
        width:200px;
        height:50px;    
        float:left;
        clear:left;
        border:none 1px red;
    }
    
    div#header-container
    {
        overflow:hidden;
        height:auto;
        padding:10px;
        border:solid 1px #ccc;    
    }
    
    div#barra-login
    {
        background-image: url(../images/logbar_back.png);
        background-repeat: repeat-x;
        float:none;
        clear:both;
    }
    
    #notificaciones-icon
    {
        display: inline-block;
        position:relative;
        top:2px;
        width: 32px;
        height: 32px;
        background-color: transparent;
        border: none 1px black;
        background-image: url(../images/msg-alert.png);
        background-position: left top;
        background-repeat: no-repeat;
    }
    
    #notificaciones-icon .counter 
    {
        display:inline-block;
        width: 10px;
        height: 10px;
        color: red;
        text-aling:center;
        font-size: 1.3em;
        border: none 1px white;    
        position:relative;
        top: 1.7em;
        border-radius: 10px;
        background-color:InfoBackground;
        padding:2px;
        font-size:.85em;
    }
    
    /*
    div#notificaciones-archivadas 
    {
        display:inline-block;
        position:relative;
        height:2em;
        width: 5em;
        padding: 2px;
        margin-right: 5em;
        background-image: url(../images/sobre-abierto.png);
        background-position: left top;
        background-repeat: no-repeat;
        border:dashed 1px red;
    }
    */
    
    div#menu-panel-container
    {
        float:left; 
        clear:left;
        margin-top:25px;
        min-width:200px;
        padding:1px;
    }
    
    div#menu-panel-container h1
    {
        font-size:0.95em;
        height:15px;
        line-height: 15px;
        text-indent:1.5em;
    }
    
    div.formulario fieldset 
    {
        background-color:Transparent;
        padding:0px;
        border:none; 
    }
    
    div.formulario fieldset legend
    {
        width:98.5%;
        margin:10px auto 5px auto;
        font-weight:bold;
        text-indent:10px;
        padding:0px;
        padding-bottom:4px;
        color:Maroon;
    }
    
    span.bloque
    {
        display:block;
        overflow:hidden;    
    }
    
    .message-text-container
    {
        display:block;
        overflow:hidden;
        vertical-align:middle;
        width:75%;
        margin:2em auto;
        line-height:1.3em;
    }
    
    .flash-message,
    .flash-message-no-hide
    {
        display:block;
        overflow:hidden;
        width:98%;
        margin:10px auto 10px auto;        
        border:dashed 1px #333388;
        min-height:80px;
        text-align:center;
    }
    
    .error-msg
    {
        color:Red;
        background-color:#ffffdd;
    }
    
    .warning-msg
    {
        color:Maroon;
        background-color:#ffffee;
    }
    
    .info-msg
    {
        color:Blue;
        background-color:#dedede;
    }
    
    .info-pod
    {
        width:90%; 
        color:#333388;
        margin: 10px auto 10px auto; 
        padding:5px; 
        border:solid 1px gainsboro; 
        background-color:#fabbfa;
    }
    
    span.paginador
    {
        display:block;
        overflow:hidden;
        background-color:transparent;    
        width:98%; 
        margin:auto; 
        line-height:35px;
        height:35px;
        /*border:dashed 1px red;*/
    }
    
    span.paginador span.resultados
    {
        display:block; 
        overflow:hidden; 
        width:25%;
        float:left;
        clear:left;
        color:Maroon;
        font-style:italic;
    }
    
    span.paginador span.controles
    {
        display:block; 
        overflow:hidden; 
        float:right;
        clear:right;
        text-align:right; 
        color:maroon;
    }
    
    span.paginador span.controles input
    {
        border:solid 1px maroon;
        text-align:center;
        color:Maroon;
    }
    
    span.paginador span.controles input[type=image],
    span.paginador span.controles input.noprint
    {
        border:none !important;
    }
    
    table.data-error thead td
    {
        background-color:#833;
        color:#fff;
        font-variant:small-caps;
        padding:3px 4px;
    }
    
    table.data-repeater
    {
        width:95%;
        margin:25px auto;
        border:solid 1px #ccc;
        background-color:#ccc;
        border-collapse:collapse;
    }
    
    table.data-repeater thead td, table.data-repeater thead th
    {
        background-color:black;
        color:#fff;
        font-variant:small-caps;
        padding:3px 4px;
        text-align:left;
        border: solid 1px #888;
    }
    
    table.data-repeater thead td.numerica, table.data-repeater thead th.numerica
    {
        text-align:center;
    }
    
    table.data-repeater tbody td
    {
        background-color:#fafafa;    
        padding:3px 4px;
        border: solid 1px #888;
    }
    
    table.data-repeater tbody td.numerica 
    {
        text-align: right;    
    }
    
    
    table.list 
    {
        border: solid 1px #ddd;
        background: white;    
    }
    
    table.list td
    {
        border-collapse: collapse;
        background: white;    
        vertical-align:top;
        border-bottom: solid 1px #ddd;
        padding: .5em;
        color:#355;
    }
    
    table.list td strong 
    {
        color: Maroon;    
    }
    
    
    table.table-compact 
    {
        margin:0;
        padding:0;
        border:none 0px;
        width:100%;
    }
    
    table.table-compact th
    {
        font-size: .9em;
        text-align:left;
        color: #418ff4;
        background-color:#efefef;
        border-left:solid 1px #ccc;
    }
    
    table.table-compact td 
    {
        vertical-align:top;
        font-size: .9em;
        border-left:solid 1px #ccc;
    }
    
    table.table-compact td ul
    {
        list-style-type:none;
        margin:0;
        padding:0;
        border-left: none 0px gray;
    }
    
    a.common-ui-button:hover,
    a.common-ui-button:visited,
    a.common-ui-button:active,
    a.common-ui-button:link
    {
        display: inline-block !important; 
        border: solid  1px #888;
        height: 16px;
        width: 16px;
        color: #833;        
        text-decoration: none !important; 
        text-align:center;
        margin: 2px 4px 2px 0px;
    }
    
    /******************************************************************
     * field layouts
     ******************************************************************/
	
	span.field 
	{
	    display:block;
	    overflow:hidden;
	    margin-top: 2px;
	    margin-bottom: 2px;
	    padding-top: 2px;
	    padding-bottom: 2px;
	    /*border:dashed 1px red;*/
	}
	
	span.field label 
	{
	    overflow:hidden;
	    padding:0px;
	    font-size:1em;
	    font-weight:normal;
	    vertical-align:top;
	    white-space:normal;
	    height:auto;
	}
	
	span.field label.caption 
	{
	    display:inline-block;
	    text-align:right;
	    border:none 0px red;
	    height:2.5em !important; 
	    white-space: normal !important;
	    overflow:visible;
	}
	
	span.field label.vcaption  
	{
	    display:block !important;
	    float:none !important;
	    margin-left:0.5em !important;
	    margin-bottom:0.5em !important;
	    text-align:left !important;
	    width:auto !important;
	    border:none 0px red;
	    /*
        overflow:hidden !important;
        padding:0px !important;
        font-size:1em !important;
        font-weight:normal !important;
        white-space:normal !important;
        vertical-align:top !important;
        float:none !important;
	    clear:both !important;
        height:auto !important;
        */
	}
	
	span.field span.hint, span.error
	{
	    display:inline-block;
	    overflow:hidden;
        float:none;
        clear:both;
        width:auto !important;
	    padding:3px;
	}
	
	span.field span.hint
	{
	    color: #555;
	    text-align:center;
	    font-size: 0.80em;
	}
	
	span.field span.error
	{
	    color:red;
	    text-align:right;
	    font-size: 100%; /* 0.85em;*/
	    border:none 1px red;
	    width: 30% !important;
	    margin: auto;
	    text-align:center;
	}
	
	span.field .data,
	span.field .data-input,
	span.field .data-input-v 
	{
	    display:inline-block;
	    overflow:hidden;
	    background-color:#f5f5f5 !important;
	    line-height:1em !important;
	    /*width: 125px;*/
	    /*min-width: 125px;*/
	    min-height: 1.5em !important;
	    vertical-align:middle !important;
	    font-family:Verdana !important;
	    font-size:0.90em;
	    padding:3px !important;
	    padding-left: 5px !important;
	    padding-right: 5px !important;
	    margin-left:3px !important;
	    border:1px solid gainsboro !important;
        border-radius:5px !important;
        -moz-border-radius:5px !important;
	}
	
	span.field .data 
	{
	    min-width: 125px !important;
	    width: auto;
	}
	
	span.field .data-input-v 
	{
	    clear:both !important;    
	}
	
	span.field .small-font 
	{
	    font-size: 10px !important;
	    text-transform:uppercase;    
	}
	
	span.field .lh-normal 
	{
	    overflow:auto !important;
	    line-height:normal !important;
	}
	
	span.field .data-input 
	{
	    color:#000 !important;
	    background-color:white !important;
	    -webkit-box-shadow: inset 2px 2px 2px 0px #eee !important;
        -moz-box-shadow: inset 2px 2px 2px 0px #eee !important;
        box-shadow: inset 2px 2px 2px 0px #eee !important;
	}
	
	textarea.data-input-scroll
	{
	    resize: none;
        overflow-y: scroll;
        max-height:300px;
        min-height:300px;
        margin:auto; 
    }
	
	span.field .small-width {min-width: 0px !important}
	
	table.data-input-check, 
	span.data-input-check 
	{
	    display:block;
	    overflow:hidden;
	    font-size:11px;
	    /*border:dashed 1px red;*/
	} 
	
	table.data-input-check input, 
	span.data-input-check input
	{
	    display:inline;
	    position:relative;
	    float:none;
	    clear:none;
	    margin:0;
	    padding:0;
	}
	
	table.data-input-check label, 
	span.data-input-check label
	{
	    position:relative !important;
        top:-1.5px !important;
        display:inline !important;
        text-align:left !important;
        float:none !important;
        clear:none !important;
        width:auto !important;
        /*color:Red !important;*/
        margin:0 !important;
        padding:0 !important;
        margin-left:3px !important;
        white-space:normal !important;
        font-size: 1.1em !important;
    }
    
    table.extra-space td 
    {
        border-left:solid 10px transparent;
    }
    
    span.required label.caption {color: #833 !important; font-weight:bold !important} 
    
    
    span.field label.caption-mini 
    {
        width:auto !important;  
        font-size:1em !important; 
        margin-left:5px; 
    }
    
    span.field .data-input-mini 
    {
        display:block !important;
	    overflow:hidden !important;
	    float: left !important;
	    clear:right !important;
	    background-color: white !important;
	    line-height:20px !important;
	    min-width: 30px !important;
	    min-height:20px !important;
	    vertical-align:middle !important;
	    font-family:Verdana !important;
	    font-size:0.90em !important;
	    padding:3px !important;
	    padding-left: 5px !important;
	    padding-right: 5px !important;
	    margin-left:3px !important;
	    border:1px solid gainsboro !important;
        border-radius:5px !important;
        -moz-border-radius:5px !important;    
    }
    
    div.field-group 
    {
        display: block;
        overflow:hidden;
        padding:2px;
        margin: 4px auto 4px auto;
    }
    
    div.field-group div.legend
    {
        display: block;
        overflow:hidden;
        padding:2px;
        font-size: 1em !important;
        color:Maroon !important;
    }
    
    div.field-group div.legend-2
    {
        display: block;
        overflow:hidden;
        padding:2px;
        font-size: 0.90em !important;
        color:Maroon !important;
        font-size:larger;
        
    }
    
    div.field-group div.group
    {
        display: inline-block;
        overflow:hidden;
        padding:2px;
        width:85%;
        margin:auto;
        clear:both;
    }
    
    .file-input 
    {
        
    }
    
	
	/*********************************************************************/
	
	.list-checked 
	{
	    overflow:hidden; 
	    background-color: #eee;
	    padding:3px;
	    border:none 1px #888;    
	}
	
	.list-checked .check-holder 
	{
	    overflow:hidden; 
	    width:20px; 
	    float:left; 
	    clear:left; 
	    border:solid 1px #888;    
	    line-height:1.5em; 
	    text-align:center;
	    background-color: #fff;
	    font-weight:bold;
	    color:Maroon;
	}
	
	.list-checked .text-holder 
	{
	    overflow:hidden; 
	    float:left; 
	    clear:right; 
	    line-height:1.5em;
	    margin-left:3px;
	    background-color: Transparent;
	}
		
	
	#contacto-dlg 
	{
	    
	}
	
	#dropping-div {
        display: none;
        position: relative;
        width:85%;
        top: -20px;
        left: 10px;
        margin: auto;
        background: Transparent; 
        text-align: center;
        background-color:#CC0000;
        padding:4px;
    }
        
    #dropping-div span 
    {
        font-size: 80px;
        font-weight:bold;
        color:#ffffff;
    }
    
    #holder-div 
    {
        position: relative;
        top: 350px;
        left: 10px;
        width:85%;
        margin:auto;       
        background-color:#006d2c;
        color:#ffffff;
        padding:4px;
    }
    
    #copyright 
    {
        display:inline-block;
        width: 10em;
        position:relative;
        top:1px;
        left:1px;            
    }
    
    .scrollable 
    {
        overflow:auto;
        border:solid 1px #bbb;
        background-color:#fafafa;
        max-height:250px;
        min-height:250px;
    }
    
    
    
    .scrollable-lite 
    {
        overflow:auto;
        border:0px none;
        background-color:#fafafa;
        box-shadow:inset 0px 0px 5px #ccc;
    }   
    
    .scrollable-lite div
    {
        overflow:hidden;
        color:Red;
        border:1px solid #333;
        background-color:#f8f8f8;
        padding:2px;
        line-height:1.5em;
        margin:3px;
    }
    
    .scrollable-lite div a,
    .scrollable-lite div a:link, 
    .scrollable-lite div a:active, 
    .scrollable-lite div a:visited
    {
        text-decoration:none;
        color:#338;
        background-color:#f5f5f5;
    }
    
    .scrollable-lite div a:hover
    {
        color:#833;
        background-color:InfoBackground;
    }
    
    
    table.data-repeater-lite
    {
        width:95%;
        margin:25px auto;
        border:0px none;
        background-color:Transparent;
        border-collapse:collapse;
    }
    
    table.data-repeater-lite thead td,
    table.data-repeater-lite thead th
    {
        background-color:black;
        color:#fff;
        font-variant:small-caps;
        padding:3px 4px;
        text-align:left;
        border: solid 1px #bbb;
    }
    
    table.data-repeater-lite tbody td
    {
        background-color:Transparent;    
        padding:3px 4px;
        border: 0px none;
        border-bottom:solid 1px #ddd;
        border-top:solid 1px #ddd;
    }
    
    table.data-repeater-lite tbody tr.seleccionable:hover
    {
        cursor:pointer;
        background-color:#fafafa;
    }
    
    table.data-repeater-lite tfoot td
    {
        border:none 0px;
        
        
    } 
    
    #ajax-busy 
    {
        display:block;
        overflow:hidden;
        position:absolute;
        top:35%;
        left:35%;
        width:30%;
        height:100px;
        background-color:#f8f8f8;
        color:#000;
        
        z-index:9999;
        border:solid 2px #333;
    }

    div#ajax-busy img
    {
        margin:0;
        padding:0;
        float:left;    
    }

    div#ajax-busy h4 
    {
        width:95%;
        margin:2px auto 5px auto;
        padding:2px;
        border:solid 1px #888;
        background-color:#ddd; 
        
    }

    #ajax-busy p
    {
        width:75%;
        margin:auto;       
    }

    #ajax-busy .progbar-holder
    {
        display:block; 
        overflow:hidden;    
        text-align:right; 
        padding-top:10px; 
        padding-bottom:5px; 
    }

    #faded-bg
    {  
        display:none;  
        position:fixed;  
        _position:absolute; /* hack para internet explorer 6*/  
        height:100%;  
        width:100%;  
        top:0;  
        left:0;  
        background:#000000;  
        z-index:1;  
    }
    
    
    #map-ajax-busy 
    {
        display:block;
        overflow:hidden;
        position:absolute;
        top:85%;
        left:85%;
        width:50px;
        height:50px;
        background-color:transparent;
        color:#000;
        z-index:9999;
        border:none;
    }

    div#map-ajax-busy img
    {
        margin:0;
        padding:0;
        float:none;    
    }
    
    #map-ajax-busy .progbar-holder
    {
        display:block; 
        overflow:hidden;    
        text-align:center; 
    }  
    
    div.buttons 
    {
        overflow: hidden;
        width: 90%;
        margin:2px auto 2px auto;   
        /*border:dashed 1px red;*/
        
    }  
    
    div.buttons div.big-button
    {
        overflow: hidden;
        width: 90%;
        height:50px;
        margin:2px auto 2px auto;   
        padding:5px;
        /*border:solid 1px gainsboro;*/
        
    }
    
    div.buttons div.big-button a 
    {
        display:block;
        overflow: hidden;    
        height:98.5%;
        width:100%;
        text-decoration:none;
    }
    
    span.validation-error 
    {
        display:block;
        overflow: hidden;    
        padding:3px;
        width:50%;
        margin:5px auto 5px auto;
        color:#833;
        background-color: InfoBackground;
        border:solid 1px maroon;
        font-size:14px;
    }   
    
     #expedientes-toolbar {
         padding: 4px;
         text-align:right;
         /*display: inline-block;*/
     }
     
     /* IE7 */
     *+html #expedientes-toolbar {
         /*display: inline;*/
     } 
     
     .ui-familia-icon {
        background-image: url(/sis/images/mapicons/familia.png) !important;
        background-position: left;
         
        
     }
     
     
     table.data-container
     {
        width:95%;
        margin:auto;
        border: solid 1px gainsboro;
        background-color:gainsboro;
        color:black;
     }
     
     table.data-container tbody td 
     {
        
     }
     
     table.data-container table.data-item 
     {
        width:99%;
        margin:auto;
        border:solid 1px gainsboro;
        background-color:white;
        color:black;
     }
     
     table.data-container table.data-item tbody td 
     {
        /*border:dashed 1px red;*/
     }
     
     table.data-container table.data-item tbody td.title-l,
     table.data-container table.data-item tbody td.title-r 
     {
        text-align:right;
        font-weight:bold;
        font-size:11px;
        vertical-align:middle;   
        color:#555;
        width: 75px;
     }
     
     table.data-container table.data-item tbody td.value-l, 
     table.data-container table.data-item tbody td.value-r 
     {
        text-align:left;
        font-weight:normal;
        font-size:11px;
        vertical-align:middle;   
        color:#558;
     }
     
     .right-padded-cell-grid
     {
        /*padding-right: 5px;*/
        /*padding-left: 0px !important;*/
        /*width: 5em;*/
        
        /*border:dashed 1px red;*/
        /*width: 3em;   */
     }
     
     
     div.encuesta 
     {
        overflow:hidden; 
        float:none; 
        clear:both; 
        width:95%; 
        margin:auto; 
        border:solid 1px white; 
        background-color:white;
     }
     
     div.encuesta div.seccion 
     {
        /*margin: 5px auto 5px auto;*/
     }
     
     div.encuesta div.seccion div.titulo
     {
        padding-left: 5px;
        line-height:1.5em;
        background-color:#efefef;
        font-weight:bold;
        border-bottom:solid 1px gainsboro;
     }
     
     div.encuesta div.seccion div.respuestas
     {
        min-height: 2em;
     }
     
     div.encuesta div.seccion div.respuestas div.respuesta
     {
        min-height: 1em;
        line-height:2em;
        padding-left:15px;
     }
     
     div.encuesta div.seccion div.respuesta .valor
     {
        color: Maroon;
     }
     
     div.slot-hora, div.slot-hora-ocupado  
     {
        overflow:hidden; 
        border:dotted 1px gainsboro; 
        line-height:2em;
        border-left:solid 3px #8e8;
     }
     
     div.slot-hora-ocupado  
     {
        background-color: #cacaff;
        border:1px none gainsboro; 
        border-left:solid 3px maroon;
     }
     
     .chip-ok 
     {
        display: inline-block;
        padding: 4px;
        line-height:1.3em;
        color: Black; 
        background-color: #8e8;
        border:solid 1px gray;
        border-radius: 15px;    
     }
     
     div.info-panel 
     {
        overflow:hidden;
        padding: 5px;
        width:50%;
        margin:1.5em auto;
        text-align: center;
        color: Maroon;
        background-color:#B2DEED;
        font-size: 1.3em;
        border: solid 1px gainsboro;    
        line-height:2em; 
         
     }
     
     div.info-panel2
     {
        overflow:hidden;
        padding: 5px;
        margin:1.5em auto;
        border: solid 1px gainsboro;    
        width:97%; 
        font-size:1.1em; 
        background-color: InfoBackground; 
        color:black; 
        text-align:justify;
     }
     
        div.info-panel2 p 
        {
            padding:0;
            
        }
        
     div.info-panel3
     {
        overflow:hidden;
        padding: 4px;
        margin:0; /*.5em auto;*/
        border: solid 1px maroon;    
        width:99%; 
        font-size:1.2em; 
        background-color: InfoBackground; 
        color:#300; 
        text-align:justify;
     }   
     
     .hide {display:none !important}
     
     input.datepiker 
     {
        max-width: 3em !important;    
     }
     
     .pista 
     {
        padding: 0.5em; 
        background-color: InfoBackground;
        font-size: 110%;
        line-height: 1.3em;
        color: navy;
        border: solid 1px gainsboro;  
         
     }
     
     table.scheduler 
     {
        width: 95%;
        margin:auto;
        border: solid 1px gray;
        background-color:#ffffff;
        border-collapse:collapse;
     }
     
     table.scheduler tbody td 
     {
        border: solid 1px gainsboro;    
        vertical-align: middle;
        height:1.5em;
     }
     
     table.scheduler tbody td.time 
     {
        background-color: Orange;
        text-align:right;
        vertical-align: top;
        width: 4em;
     }
     
     table.scheduler tbody td.busy
     {
        background-color: gainsboro;
     }
     
     
     
     /*
      *   myCalendar & wrapper
      */
     
    .calendarWrapper
    {
        background-color: #4CCAEF;
        padding: 10px;
        display: inline-block;
    }

    .myCalendar
    {
        background-color: #f2f2f2;
        width: 156px;
        border: none !important;
    }

    .myCalendar a
    {
        text-decoration: none;
    }

    .myCalendar .myCalendarTitle
    {
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        background-color: #4CCAEF;
        color: #ffffff;
        border: none !important;
    }

    .myCalendar th.myCalendarDayHeader
    {
        height: 25px;
    }

    .myCalendar tr
    {
        border-bottom: solid 1px #ddd;
    }

    .myCalendar table tr
    {
        border-bottom: none !important;
    }

    .myCalendar tr:last-child td
    {
        border-bottom: none;
    }

    .myCalendar tr td.myCalendarDay, .myCalendar tr th.myCalendarDayHeader
    {
        border-right: solid 1px #ddd;
    }

    .myCalendar tr td:last-child.myCalendarDay, .myCalendar tr th:last-child.myCalendarDayHeader
    {
        border-right: none;
    }

    .myCalendar td.myCalendarDay:nth-child(7) a
    {
        color: #c52e2e !important;
    }

    .myCalendar .myCalendarNextPrev
    {
        text-align: center;
    }

    .myCalendar .myCalendarNextPrev a
    {
        font-size: 1px;
    }

    .myCalendar .myCalendarNextPrev:nth-child(1) a
    {
        color: #4CCAEF!important;
        background: url("prevMonth.png") no-repeat center center;
    }

    .myCalendar .myCalendarNextPrev:nth-child(1) a:hover, .myCalendar .myCalendarNextPrev:nth-child(3) a:hover
    {
        background-color: transparent;
    }

    .myCalendar .myCalendarNextPrev:nth-child(3) a
    {
        color: #4CCAEF!important;
        background: url("nextMonth.png") no-repeat center center;
    }

    .myCalendar td.myCalendarSelector a
    {
        background-color: #25bae5;
    }

    .myCalendar .myCalendarDayHeader a,
    .myCalendar .myCalendarDay a,
    .myCalendar .myCalendarSelector a,
    .myCalendar .myCalendarNextPrev a
    {
        display: block;
        line-height: 20px;
    }

    .myCalendar .myCalendarToday
    {
        background-color: #f2f2f2;
        -webkit-box-shadow: 1px 1px 8px 1px #8f8f8f;
        box-shadow: 1px 1px 8px 1px #8f8f8f;
        display: inline-block;
        width: 22px !important;
        height: 19px !important;
        border: 2px solid #f2f2f2;
        margin-left: -1px;
        margin-top: -1px;
        position: relative;
    }

    .myCalendar .myCalendarToday a
    {
        color: #25bae5 !important;
        font-weight: bold;
    }

    .myCalendar .myCalendarToday a:after
    {
        content: "TODAY";
        color: #000;
        font-size: 0.5em;
        display: inline-block;
        pointer-events: none;
        width: 100%;
        float: left;
    }

    .myCalendar .myCalendarDay a:hover,
    .myCalendar .myCalendarSelector a:hover
    {
        background-color: #25bae5;
    }
    
    .big-input 
    {
        font-size: 18px !important;
    }
    
    .big-caption  
    {
        font-size:18px !important;
    }
    
    
    div.actores-inputs 
    {
        display:inline-block; 
        width:23%; 
        margin:1px; 
        border:1px solid #ccc; 
        padding:2px;
        border-radius:3px; 
    }
    
    div.actores-inputs .field p 
    {
        padding:0; 
        margin:0    
    }
    
    .border-top 
    {
        border-top: dotted 1px #833 !important;
        
    }
    
}