/*!
 * General Style
 */
 
body {
    font-family: verdana, arial;
    background-color: #eee;
}

/* Header
-------------------------------------------------- */
.cabecera-fondo-login
{
    background-image: url(../imagenes/banner900x179.png);
    background-repeat: no-repeat;
    height: 180px;    
    background-color: #2C5784;
}

.cabecera-fondo
{
    background-image: url(../imagenes/banner600x119.png);
    background-repeat: no-repeat;
    height: 120px;    
}

#headerGeneral {
    background-color: #2C5784;
}

.float-derecha
{
    float:right;
}

.negrita
{
    font-weight: bold;
}

.imgPlayas
{
    margin-right: 5px;
    float: left;
    margin-top: -2px;
}



.imgPlayasGrande
{
    margin-right: 5px;
    float: left;
    margin-top: -13px;
}

.checkPlayas
{
    margin-right: 5px !important;
}

/* Session info
-------------------------------------------------- */
.session-links {
  margin: -30px 0;
  float:right;
  vertical-align:bottom;
}
.session-links li {
  display: inline;
  padding: 0 2px;
  color: White;
  font-size: x-small;
}

ul.session-links > li:not(:first-child):not(:last-child) {
    margin-right: 10px;
}

.session-links li.liUserText
{
    margin-right: 0px !important;
    padding-right: 1px !important;
}

ul.session-links b.caret {
       border-top: 4px solid #FFFFFF;
}
/* Content
-------------------------------------------------- */
.content-master 
{
    color:#000;
    background: #2C5784;
    border-radius:5px;
    border: 1px solid #848484;
    margin-top: -15px;
}

.content-master h3 {
    text-align: center;
    color:#fff;
    margin: 0px 0px;
}

/* Footer
-------------------------------------------------- */

.footer {
  font-size: x-small;
  border-top: 1px solid #e5e5e5;
  background-color: #2C5784;
  color: #fff;
}

.footer-login 
{
  text-align: center;
  font-size: small;
  padding: 15px 0;
  border-top: 1px solid #e5e5e5;
  background-color: #2C5784;
  color: #fff;
}

.footer-links {
  margin: 10px 0;
}
.footer-links li {
  display: inline;
  padding: 0 2px;
  color:#fff;
}

.footer-links a {
  color:#fff;
}

.footer-aqualogy-emblem {
    /* background-image: url("../imagenes/aqualogy_emblem_footer.png") !important; */
    background-image: url("../imagenes/dinapsis-blanco.svg") !important;
    background-repeat: no-repeat;
    border-radius: 20px;
    height: 45px;
    margin: 5px 0 5px auto;
    /*opacity: 0.8;*/
    position: relative;
    width: 165px;
    background-size: contain;
}

.login-aqualogy-emblem {
    /*background-color: white;*/
    background-image: url("../imagenes/dinapsis-blanco.svg") !important;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 20px;
    height: 50px;
    margin: 0 auto 20px;
    /*opacity: 0.8;*/
    position: relative;
    width: 235px;
    top: 5px;
    background-size: contain;
}

.login-frame
{
    padding: 10px 40px 20px 0px;
    background-color: #fff;
    border: 1px solid rgb(180, 179, 179);
    border-radius: 10px;
    margin-top: 20px;
}

.div-login
{
    padding: 30px 0px 10px 0px;
    background-color: #fff;
    border: 1px solid rgb(180, 179, 179);
    border-radius: 10px;
    margin-top: 20px;
    width: 485px;
    margin-left: auto;
    margin-right: auto;
}

.p-logo-aqualogy {
    margin-bottom: 10px !important;
}

/* Buttons
-------------------------------------------------- */
.btn-guardar {
    width: 188px;
    margin-top: 10px;
}

.btn-guardar-led {
    width: 275px;
    margin-top: 10px;
}

.btn-guardar-publicar {
    width: 188px;
    margin-top: 10px;
    margin-left: 0px !important;
}

.input-area-fill {
    width: 90%;
    cursor:default !important;
    font-size: 15px;
}

.text-right 
{
    text-align: right;
}

.error-msg
{
    background-color: #f2dede;
    color: #b94a48;
    font-size: 17px;
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #b94a48;
    margin-bottom: 5px;
    text-align: center;
}

.info-msg
{
    background-color: #f2dede;
    color: #c09853;
    font-size: 17px;
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #c09853;
    margin-bottom: 5px;
    text-align: center;
}

.success-msg
{
    background-color: #dff0d8;
    color: #468847;
    font-size: 17px;
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #468847;  
    margin-bottom: 5px;
    text-align: center;
}

.div-secciones
{
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background: rgb(242, 242, 245);
    margin-bottom: 5px;
    width: 100%;
}

fieldset
{
    padding: 3px;
}

.span-columna-derecha
{
    margin-left: 20px;
}


#navBarIdrometeo 
{
    margin-top: 5px;
}


.hlMenuDropDown {
    background: #CEECF5 !important;
}

.hlMenu {
    width: 90px;
    text-align:center;
    height: 14px;    
}

#silverlightControlHost {
	height: 600px;
}


.idrometeo-content {
    position: relative;
    margin: 0px 0;
    padding: 5px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    min-height: 200px;
}

.idrometeo-content .mapa-container {
    min-height: 705px;
    max-height: 705px;
}

.input-date-picker {
    width: 77px;
}

.inputTimePicker {
    width: 77px;
}

.btn-center {
    text-align: center;
    margin-top: 5px;
}

.labelError
{
    color: Red;
    font-size:small;
}

.elementHidden 
{
    display: none;
}

.alternatingRow
{
    background-color: #EAF3F8;
}

.gridViewRow
{
    background-color: #FCF8E3;
}

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

.pantalla256x192
{
	background: url(../imagenes/fondo_pantalla_256x192.png) center no-repeat;
	width: 300px;
	height: 244px;   
}
.pantalla128x64
{
	background: url(../imagenes/fondo_pantalla_128x64.png) center no-repeat;
	width: 169px;
	height: 116px;   
}
.pantalla256x128
{
	background: url(../imagenes/fondo_pantalla_256x128.png) center no-repeat;
	width: 297px;
	height: 180px;   
}
.pantalla384x192
{
	background: url(../imagenes/fondo_pantalla_384x192.png) center no-repeat;
	width: 425px;
	height: 244px;   
}
.pantalla192x80
{
	background: url(../imagenes/fondo_pantalla_192x80.png) center no-repeat;
	width: 233px;
	height: 132px;   
}
.pantalla192x160
{
	background: url(../imagenes/fondo_pantalla_192x160.png) center no-repeat;
	width: 233px;
	height: 212px;   
}
.pantalla288x160
{
	background: url(../imagenes/fondo_pantalla_288x160.png) center no-repeat;
	width: 329px;
	height: 212px;   
}

/*
.margen-pantalla
{
	padding-top: 30px;
	padding-left: 20px;
}*/

.row-fluid {
    margin-top: 1px !important;
}

.row-fluid-contact > .row-fluid {
    margin-top: 10px !important;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 25px;
    color: #2C5784;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.legend-no-line {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    font-size: 17px;
    color: #c09853;
    border: 0;
}

.select-xlarge {
    width: 285px !important;
}

.PageNumberText input
{
    width: 40px;
    height: 15px;
    margin-top: 1px;
}

.visorInformes select
{
    height: 23px;
    width: 250px;
    margin-top: -2px;
}

.select-large
{
    width: 224px;
}

.multiple-large
{
    width: 85%;
}

.multiple-xlarge
{
    width: 285px;
}

.multiple-span-images
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.title-selected
{
    font-size: 18px;
    line-height: 25px;
    color: #468847;    
    font-family: verdana, arial;
}

.title-selected-warning
{
    font-size: 18px;
    line-height: 25px;
    color: #c09853;    
    font-family: verdana, arial;
}

.dropdown-toggle
{
    cursor:pointer;
}

.input-contact
{
    width: 92%;
}

.label-error-hidden 
{
    display: none;
    color: Red;
    font-size:small;
}

.div-alert-yellow
{
    padding: 8px 35px 8px 14px;
    margin-bottom: 9px;
    margin-top: 9px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #c09853;
    font-size: 17px;
}

.div-alert-red
{
    padding: 8px 35px 8px 14px;
    margin-bottom: 9px;
    margin-top: 9px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #f2dede;
    border: 1px solid #b94a48;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #b94a48;
}

.div-alert-green
{
    padding: 8px 35px 8px 14px;
    margin-bottom: 9px;
    margin-top: 9px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #dff0d8;
    border: 1px solid #468847;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #468847;
}

.RadCalendar
{
    width: 100% !important;
}

/* Buttons {
-------------------------------------------------- */
input[type="radio"], input[type="checkbox"] {
    margin-top: -3px !important;
}

@media (max-width: 1199px)
{
    .check-modify
    {
    }    
}

@media (min-width: 1199px)
{
    .check-modify
    {
        float:right;
    }    
}

@media (max-width: 767px) 
{
    .class-publicacion
    {
        min-height:0px;
    }
        
    .class-prevision-meteo
    {
        min-height:0px;
    }
    
    .class-camaras
    {
        min-height: 0px;
    }    
    
    .class-div-secciones-contact
    {
        min-height: 0px;
    }
}
@media (min-width: 767px) 
{
    .class-publicacion
    {
        min-height:495px;
    }
        
    .class-previsíon-meteo
    {
        min-height:336px;
    }
    
    .class-camaras
    {
        min-height: 168px;
    }
    
    .class-div-secciones-contact
    {
        min-height: 614px;
    }    
}

@media (max-width: 979px) {
    .input-xlarge
    {
        width: 210px;
    }
    
    .select-xlarge
    {
        width: 224px !important;
    }    
    
    .multiple-xlarge
    {
        width: 224px;
    }    
}
@media (min-width: 979px) {
    .input-xlarge
    {
        width: 270px !important;
    }
    
    .select-xlarge
    {
        width: 285px;
    }
    
    .multiple-xlarge
    {
        width: 285px;
    }    
}

@media (max-width: 570px) 
{
    .div-login
    {
        width: 485px;
    }
}

@media (max-width: 570px) 
{
    .div-login
    {
        width: 100%;
        padding-left: 5px;
    }
}


/* ESTILOS PARA EL AVISO DE CHROME */
#capa_chrome {
  width: 98%;
  background: #E5E5E5;
  padding: 15px 2%;
}

#capa_chrome p {
  font-size: 15px;
}

#capa_chrome p span {
  font-weight: bold;
}

#capa_chrome .closeModal {
  border: none;
  background: #990000;
  float: right;
  margin: 10px;
  text-transform: uppercase;
  width: 16px;
  height: 16px;
  background: url(../imagenes/icon-close-red16x16.png) no-repeat -0px 0;
  text-indent: -9999px;
  -webkit-appearance: button;
  cursor: pointer;
  height: 17px;
  width: 17px;
  padding: 0;
}

table[id*='Extender'] img
{
    max-width:inherit!important;
}

.font-bold {
    font-weight: bold;
}

/* STILOS PARA LAS PAGINAS TRASLADADAS DE COWAMA */

.element-hidden {
    display: none;
}

.element-no-visible {
    visibility: hidden;
}

.select-frequency {
    height: 27px;
    width: 129px;
}

.formulario-config-cowama input[type="text"]
{
    width: 125px !important;
    box-sizing: content-box;
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.formulario-config-cowama input[type="checkbox"]
{
    margin-top: 4px !important;
}

.formulario-config-cowama .btn
{
    border: 1px solid #bbbbbb;
}

.nohscroll
{
    overflow-x: hidden;
    }

/* INFORMES */    

.informe-cowama  .input-duracion
{
    width: 104px !important;
    box-sizing: content-box !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.informe-cowama .input-date-picker {
    width: 77px;
}

.informe-cowama  .input-time-picker {
    width: 77px;
}
.informe-cowama input[type="checkbox"]
{
    margin-top: 4px !important;
}

/* Select de explotaciones para el administrador */
.select-explotaciones
{
    height: 18px;
    line-height: 29px;
    font-size: 10px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    width: 180px;
}

/* Modifico el z-index de los dropdown-menus para que aparezcan por encima del block ui del mapa */
.dropdown-menu 
{
    z-index: 9999999;
}


#divPlayas .imgPlayas {
 width: 30px;
}

#divPlayas .div-servicios label {
    margin-top:-2px;
    width: 60%;
}

#divPlayas .div-servicios input[type="checkbox"]
{
    margin-top: 2px !important;
    vertical-align: top;
} 

/*Si añadimos la clase Custom al datagrid modificará los estilos cuando está en modo editable o seleccionado, eliminando los bordes y el fondo*/
.Custom tr.rgEditRow {
    background: none;
}

.Custom tr.rgEditRow td{
    border-style: none;
}

.Custom tr.rgSelectedRow{
    background: none;
    color: #333;
}

.Custom tr.rgSelectedRow td {
    border-color: #fff;
}

.Custom tr.rgSelectedRow.rgAltRow{
    background: #f2f2f2;
    color: #333;
}

.Custom tr.rgSelectedRow.rgAltRow td {
    border-color: #f2f2f2;
}

/*Se cambia el padding del header para evitar desfase en las cabecera y sus datos*/
.Custom div.rgHeaderDiv {
    padding-right: 0px !important;
}

/* SWITCH */
.onoffswitch {
    margin: 8px 2px 8px 5px;
}

.refresh-container{
    display:flex;
}

.refresh-container span.real-time{
    color: #0088cc;
    text-decoration: none;
    padding: 8px 15px;
}