.displayInlineBlock
{
    display: inline-block;    
}

input[type="text"][data-val-required]:not(#txtLoginPrincipal),
input[type="text"].dateTimeTextBox[data-val-required],
#drpDwCalleId + input
{
    background-image:url('images/asterico.png') !important;
    background-position: 99% 10% !important;
    background-repeat:no-repeat !important;
}

input[type="password"]:not(#txtPasswordPrincipal)
{
    background-image:url('images/asterico.png') !important;
    background-position: 99% 10% !important;
    background-repeat:no-repeat !important;
}

select[data-val-required] + button.ui-multiselect
{
    background-image:url('images/asterico.png') !important;
    background-position: 99% 10% !important;
    background-repeat:no-repeat !important;
}

/*Casos particulares, sino hay que tocar el modelo, Ids de cshtml*/
#listaProfiles,
#drpDwEventId,
#lstEvents,
#listaTouchPointTypes,
#IpadUserId
{
    background-image:url('images/asterico.png') !important;
    background-position: 99% 10% !important;
    background-repeat:no-repeat !important;
}

.asteriscoObligatorio
{
    background-image:url('images/asterico.png') !important;
    background-position: 99% 10% !important;
    background-repeat:no-repeat !important;
}

button.ui-multiselect
{
    padding-right: 10px !important;
}

ul.ui-multiselect-checkboxes li span
{
    font-size: 8pt !important;
}

.errorSigno
{
    background-image: url('images/tick_invalid.png');
}

.tick
{
    height:15px; 
    width:7px;
    padding: 0;
    border:0px;
    border-color: transparent;
    background-color: transparent;
    border-width:0;
}

.checkActivoABM
{
    padding-left:0 !important; 
    margin-top:2% !important;
}

.divInicialABM
{
    margin-top:2%;
}

#divContenedorFiltros
{
    padding: 0;
    margin-left: 2%;
}

#divContenedorFiltros > div
{
    padding: 0;
}

.ajusteDobleLinea
{
    margin-top: 11px;
}

#autoInput
{
    border: 0px;
    padding : 0px 10px 0px 5px;
    margin: 0px 10px 0px 0px;
    color: white;
    height: 26px;
    width: 120px !important; 
    background-color : rgb(12, 36, 60) !important;
    border-radius: 6px 6px 6px 6px;
}

#contenedorCampos div div div select
{
    width: 130px;
}

#contenedorCampos div button
{
   width: 130px !important;
}

.celdaIzquierda
{
    float: left;
    padding:0;
}

.imagenHome
{
    margin-right: 15%;
}

.imagenHome:hover
{
    cursor:default !important;
}

.labelHome
{
    font-size:18px;
}

.divlabelHome
{
    text-align:center;
}

.contenedorImagenesHome
{
    padding-left: 10%;
}

.contenedorImagenesHome>div
{
    float: left;
     margin-right: 5%;
}

button.ui-multiselect
{
    max-height: 26px !important;
    border-color: transparent !important;
}

.selectContainer button
{
    height: 26px !important;
}
.comboMultiple
{
    width:40% !important;
}

.imagenes
{
    max-width: 70px !important;
    max-height: 70px !important;
    margin-left:2% !important;
    margin-bottom: 1% !important;
}

.contenedorFormReportes
{
    margin-left:14%;
}

.contenedorFormReportesArriba
{
    margin-left:33%;
    margin-bottom: 1%;
}

.contenedorFormFiltros
{
    margin-bottom: 3%;
}


*
{
    margin:0;
    font-family: Arial, "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
}

body
{
    background: rgb(22, 89, 112) url('images/ImagenDeFondo.png') repeat-x;
    font-size: 9pt;
    
    scrollbar-3dlight-color:rgba(145,145,145,0.5);
    scrollbar-arrow-color:rgba(145,145,145,0.5);
    scrollbar-base-color:rgba(145,145,145,0.5);
    scrollbar-darkshadow-color:rgba(145,145,145,0.5);
    scrollbar-face-color:rgba(145,145,145,0.5);
    scrollbar-highlight-color:rgb(25, 52, 68);
    scrollbar-shadow-color:rgba(145,145,145,0.5);
}

div
{  
    padding: 5px 15px;
    color: white;
}

a
{
    color: rgb(166, 198, 255);
}

input[type="text"], input[type="password"]
{
    border: 0px;
    padding : 0px 10px 0px 5px;
    margin: 0px 10px 0px 0px;
    color: white;
    height: 26px;
    width: 120px; 
    background-color : rgb(12, 36, 60) !important;
    border-radius: 6px 6px 6px 6px;
}

input[type="text"]:focus, input[type="password"]:focus
{
    outline:0px;
    color: rgb(166, 198, 255);
}

textarea
{
    border: 0px;
    padding : 0px 10px 0px 5px;
    color: white;
    background-color : rgb(12, 36, 60) !important;
    border-radius: 6px 6px 6px 6px;
}

textarea:focus
{
    outline:0px;
    color: rgb(166, 198, 255);
}

input[type="button"], input[type="submit"]
{
    border: 0px;
    padding: 0px 5px 0px 8px;
    font-size: 1.1em;
    color: white;
    height: 25px;
    border-radius: 2px 2px 2px 2px;
    width: 100px;
    cursor: pointer;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    color:#f2f2f2;
    font-family:Arial, sans-serif;
    font-size:14px;
}

input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 2px 0 15px;
    vertical-align:middle;
    background:url('images/check_radio_sheet.png') -38px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url('images/check_radio_sheet.png') -57px top no-repeat;
}

input[type="checkbox"] {
    display:none;
}

input[type="checkbox"].chkBoxTouchPoints,
tr.border_bottom td input[type="checkbox"],
ul.ui-multiselect-checkboxes li label input[type="checkbox"],
th.ui-th-column div input[type="checkbox"],
table.ui-jqgrid-btable tr td input[type="checkbox"],
#chkSeleccione
{
    display:inline;
}

input[type="checkbox"] + input[type="hidden"] + label {
    color:#f2f2f2;
    font-family:Arial, sans-serif;
    font-size:14px;
}

input[type="checkbox"] + input[type="hidden"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url('images/check_radio_sheet.png') -38px top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + input[type="hidden"] + label span {
    background:url('images/check_radio_sheet.png') -57px top no-repeat;
}
/*CheckBox nativo*/

input[type="checkbox"]  + label {
    color:#f2f2f2;
    font-family:Arial, sans-serif;
    font-size:14px;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url('images/check_radio_sheet.png') -38px top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url('images/check_radio_sheet.png') -57px top no-repeat;
}

/**/


label.check {
    color:#f2f2f2;
    font-family:Arial, sans-serif;
    font-size:14px;
}

span.sinCheckear {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url('images/check_radio_sheet.png') -38px top no-repeat;
    cursor:pointer;
}
span.checkeado 
{
        display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url('images/check_radio_sheet.png') -57px top no-repeat;
        cursor:pointer;
}

.checkVisible
{
    display: inline !important;
}
/* dropdownlist box */

.selectContainer
{
    display:inline-block;
}

.selectContainer select
{
    border: 0px;
    padding : 0px 5px;
    font-size: 1em;
    color: white;
    height : 26px;
        
     background-color: rgb(12, 36, 60);
}

.margin2por100
{
    margin-right: 2% !important;
}

.margin3por100
{
    margin-right: 3% !important;
}

.margin5por100
{
    margin-right: 5% !important;
}

select:focus
{
    outline:0px;
    color: rgb(166, 198, 255);
}

select option
{
    background-color : rgb(12, 36, 60);
}

select option:hover
{
    background-color : rgb(166, 198, 255);
}

/* --- */

/* headings */

h2
{
    margin: 12px 0px 5px;
    padding: 0px 15px;
    font-size: 24px;
    color: white;
    border-bottom: 1px solid rgba(145, 145, 145, 0.5);
    font-weight: lighter;
}

h3
{
    margin: 10px 0px 5px;
    padding: 0px;
    font-size: 19px;
    color: white;
    border-bottom: 1px solid rgba(145, 145, 145, 0.5);
    font-weight: lighter;
}

h4
{
    margin: 10px 0px 5px;
    padding: 0px 5px;
    font-weight:bold;
    font-size: 16px;
    color: white;
}

legend
{
    margin: 15px 0px 5px;
    padding: 5px 15px;
    font-weight:bold;
    font-size: 1.5em;
    color: white;
}

/* --- */

img
{
    padding: 0px 5px;    
}

img:hover
{
    cursor:pointer;
}

fieldset
{
    border: 0px;
    padding: 0px;
    margin: 0px;  
}

div.consulta
{
    border: 0px;
    padding-top: 5%;
    padding-left: 5%;
    margin: 0px;  
}

div.baja
{
    border: 0px;
    padding-top: 3%;
    padding-left: 8%;
}
  

fieldset.consulta
{
    border: 0px;
    padding-top: 5%;
    padding-left: 5%;
    margin: 0px;  
}

fieldset.baja
{
    border: 0px;
    padding-top: 3%;
    padding-left: 8%;
    margin: 0px;  
}

.marginAuto
{
    margin-left: auto !important;
    margin-right: auto !important;
}

.wordwrap
{
    word-wrap: break-word;
}

.borderBottom
{
    border-bottom: 1px solid rgba(145, 145, 145, 0.5)
}

.border
{
    border: 1px solid rgba(145, 145, 145, 0.5)
}

.smallPanel
{
    width: 40%; 
    margin: auto
}

.logoming
{
    /*background-image: url('images/cates_otra version.png');*/
    background-image: url('images/logo_cates_negro 2 chico.png');
    float: left;
    width: 352px;
    height: 42px;
    background-repeat: no-repeat;
    margin-left: 17px;
    margin-top: 20px;
}

/*  width  */

.width40por100
{
    width: 40% !important;
}

.width20
{
    width:20px !important;
}

.width20por100
{
    width:15% !important;
}

.width40
{
    width:40px !important;
}

.width50
{
    width:50px !important;
}

.width70
{
    width:70px !important;
}

.width88
{
   width:88px !important;
}

.width90
{
    width:90px !important;
}

.width100
{
    width:100px !important;
}

.width110
{
    width:110px !important;
}

.width120
{
    width:120px !important;
}

.width125
{
    width:125px !important;
}

.width130
{
    width:130px !important;
}

.width135
{
    width:135px !important;
}

.width140
{
    width:140px !important;
}

.width145
{
    width:145px !important;
}

.width150
{
    width:150px !important;
}

.width160
{
    width:160px !important;
}

.width170
{
    width:170px !important;
}

.width175
{
    width:175px !important;
}

.width180
{
    width:180px !important;
}

.width185
{
    width:185px !important;
}

.width190
{
    width:190px !important;
}

.width195
{
    width:195px !important;
}

.width200
{
    width:200px !important;
}

.width210
{
    width:210px !important;
}

.width220
{
    width:220px !important;
}

.width240
{
    width:240px !important;
}
.width250
{
    width:250px !important;
}
.width270
{
    width:270px !important;
}

.width290
{
    width:290px !important;
}

.width350
{
    width:350px !important;
}

.width-25
{
    width:25% !important;
}

.width-35
{
    width:35% !important;
}

.width-40
{
    width:40% !important;
}

.width-46
{
    width:46% !important;
}

.width-50
{
    width:50% !important;
}

.width-60
{
    width:60% !important;
}

.width-70
{
    width:70% !important;
}

.width-80
{
    width:80% !important;
}

.width-90
{
    width:90% !important;
}

.width-95
{
    width:95% !important;
}

.width-100
{
    width:100% !important;
}

.width200
{
    width: 205px !important;
}

.minWidth-520
{
    min-width:520px !important;
}

.minWidth-550
{
    min-width:550px !important;
}

.minWidth-200
{
    min-width:200px !important;
}

.minWidth-1000
{
    min-width:900px !important;
}

.etiqueta .width650 button
{
    width: 620px !important;
}

.width650
{
    width: 650px !important;
    min-width: 650px !important;
    max-width: 650px !important;
    margin-left: 0px !important;
    left:0px !important;
    text-align:left !important;
}

.widthAuto
{
    width:auto !important;
}

/*  ---  */

.verticalAlignTop
{
    vertical-align: top;
}

.wordWrap
{
    word-wrap: break-word;
}

/*  colores  */

.colorRed
{
    background-color: rgb(255, 60, 48);
}

.colorGreen
{
    background-color: rgb(83, 215, 105);
}

.colorGreenDisabled
{
    background-color: #719276
}

.colorBlue
{
    background-color: rgb(13, 122, 255);    
}

.colorTransparent
{
    background-color: transparent;
    border: 1px solid white !important;
    text-align: center;
    margin-left: 2px !important;
    margin-right:  2px !important;
    padding-left: 2px !important;
    padding-right:  2px !important;
    border-radius: 4px;
}

.backColor
{
    background-color: blue;
}

/*  ---  */

.field-validation-error {
    color: red !important;
    font-size: 0.8em;
}

.field-validation-error-import {
    color: red !important;
    font-size: 1em;
}

.error {
    color: red !important;
}

.input-validation-error
{
    color: red !important;    
}

.backgroundColor
{
    background: url('images/ImagenDeFondo.png') repeat;
}

.panelBotones
{
    margin-top: 15px;
    margin-bottom: 10px; 
}

.panelBotonesCostos
{
    margin-top: 0%;
    margin-bottom: 10px; 
}

.panelBotonesReportes
{
    margin-top: 35px;
    margin-bottom: 10px;
    margin-left:39%; 
}

.panelBotonesReportesHostess
{
        margin-top: 35px;
    margin-bottom: 10px;
    margin-left:49%; 
}

.sinPaddingLateral
{
    padding-left: 0px !important;
    padding-right: 0px !important;    
}

.sinPaddingVertical
{
    padding-top: 0px !important;
    padding-bottom: 0px !important;    
}

.sinPaddingLeft
{
    padding-left: 0px !important;
}

.sinMarginRight
{
    margin-right: 0px !important;
}

.sinPadding
{
    padding: 0px !important;
}

.floatLeft
{
    float:left;    
}

.floatRight
{
    float:right;    
}

.overflowHidden
{
    overflow: hidden;
}

.etiqueta
{
    display: inline-block;
    padding : 0px 10px 0px 5px;
    margin: 0px 10px 0px 0px;
    width: 120px;
    font-size: 9pt;
    color: White;
    text-align: right;
}

.etiquetaABM
{
    display: inline-block;
    margin-top: 2.5%;
    margin-right: 2%;
    color: White;
    width:30% !important;
    text-align: right;
    float:left;
    font-size: 9pt;
}

.textBoxABM
{
    width: 40% !important;
}

.etiquetaFiltrosEstado
{
    display: inline-block;
    padding : 0px 10px 0px 5px;
    margin: 0px 10px 0px 10px;
    width: 120px;
    font-size: 9pt;
    color: White;
}

.etiquetaFiltros
{
    display: inline-block;
    padding : 0px 10px 0px 5px;
    margin: 0px 10px 0px 0px;
    width: 120px;
    font-size: 9pt;
    color: White;
}

.etiquetaABMSinWidth
{
    display: inline-block;
    text-align: right;
    color: White;
    margin-right: 5%;
    width: 15%;
    font-size: 9pt;
}

.etiquetaABMSWidth
{
    display: inline-block;
    text-align: right;
    color: White;
    margin-right: 5%;
    width: 15%;
    font-size: 9pt;
}

.textoCentrado
{
    text-align:center;
}

.panelImgsHome
{
    margin: 10% 0%; 
    overflow: hidden;
    width: 100%;
}

/* layout */ 

header
{
    color: #000;
    height: 75px;
    background-color: white;
    min-width: 1200px;
}

.page
{
    width: 80%;
    min-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

.pageMenu
{
    width: 80%;
    min-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

.main
{
    padding: 20px 30px 15px 30px;
}

footer
{
    background-color: transparent;
    color: white;
    padding: 30px 0px 15px;
    text-align: right;
}

.encabezado
{
    background-color: rgba(12, 36, 60, 0.5); 
    margin: 0px 0px 5px;
    border-radius: 0px 0px 10px 10px ;
}

.encabezadoRedondeado
{
    background-color: rgba(12, 36, 60, 0.5); 
    margin: 0px 0px 5px;
    border-radius: 10px 10px 10px 10px ;
}

.encabezadoLogin
{
    background-color: rgba(12, 36, 60, 0.5); 
    border-radius: 0px 0px 10px 10px ;
}

.paginador
{
    padding-bottom: 10px;
    border-bottom: 1px solid white;
    margin-bottom: 10px;
}

/* login user status bar */
#contenedorUsuarioLogueado
{
    float: right;
    padding-bottom: 10px;
    padding-top: 0px;
}

.logindisplay
{
    font-size: 1em;
    color:black;
    vertical-align: top;
    margin-top: -5px;
}

.imagenUsuarioLogueado
{
    font-size: 1em;
    color:black;    
    max-height: 50px;
    max-width: 48px;
    vertical-align: top;
    padding:0%;
    border-radius: 50%;
    height: 50px;
    width: 48px;
    cursor:auto !important;
}

.logindisplay a:link
{
    color: #0F5FA7;    
}

.cerrarSession
{
    background: url('images/cerrarSesion.png') no-repeat;
    width: 22px;
    height: 18px;
    overflow: hidden;
    display: inline-block;
}

/* --- */

.TituloTipoTareasAsociadas
{
    background: rgb(49,104, 158);
    border: 1px solid white;
    border-radius: 4px;
}

.ItemTipoTareasAsociadas
{
    background: rgb(71, 114, 156);
    border-radius: 4px;
}

.BaseAgenda
{
    background: rgba(12, 36, 60, 0.4);
}

.calendar 
{
	width: 600px;
	margin: 0 auto;
	position: relative;
	background-color: transparent;
	z-index: 1;
}	

.loadingCalendarAgenda 
{
    width: 50px;
    top: 150px;
    margin: 0 auto;		
    position: relative;
}

.ui-corner-all {
    -moz-border-radius: 0px !important; 
    -webkit-border-radius: 0px !important; 
    border-radius: 0px !important; 
}

.ui-widget-header {
    border: 0px !important; 
}

.tipoTarea
{
    background: rgb(71, 114, 156) url('images/caja_verde.png') no-repeat;
    border-radius: 4px; 
}

.tipoTareaActivo
{
    color: black;
    background: rgb(71, 114, 156) url('images/caja_verde_selec.png') no-repeat;
    border-radius: 4px; 
}

.tipoTareaActivo span
{
    color: black !important;
}

.tipoTareaEncabezado
{   
    display:block; 
    line-height: 22px; 
    padding: 8px;
}

.tipoTareaEnc
{
    background: url('images/tab.png') no-repeat;
    background-size: contain;
}

.tipoTareaActivoEnc
{
    color: Black;
    background: url('images/tab_selec.png') no-repeat;
    background-size: contain;
}

.tipoTarea, .tipoTareaActivo, .subjectNpd, .subjectNpdActivo
{
	height:40px;
}

#dialog h2:not(.ui-accordion-header)
{
    margin-top: -5px !important;
}

#dialog h3
{
    margin-top: -5px !important;
}

#subDialog
{
    border: 1px solid Gray !important;
}

.contabilizaContacto
{
    background-color: rgb(83, 215, 105);
    border-radius: 4px;
    padding: 5px;
    margin-left: 5px;
    color: black;    
}

.alignLeft
{
    text-align: left;
}

.font12
{
    font-size: 12px;
}

.font13
{
    font-size: 13px;
}

.font14
{
    font-size: 14px;
}

.fontBold
{
    font-weight: bold;    
}

.fontBold12
{
    font-weight: bold;    
    font-size: 12px;
}

.ui-iconFlechaDerecha
{ 
    display: block;
    width: 16px; 
    height: 16px; 
    background-image: url(images/flecha_derecha.png);
    cursor: pointer;
    _cursor: pointer;
}

.ui-iconFlechaAbajo
{ 
    display: block;
    width: 16px; 
    height: 16px; 
    background-image: url(images/flecha_abajo.png);
    cursor: pointer;
    _cursor: pointer;
}

.form input[type="file"]{
  z-index: 999;
  line-height: 0;
  font-size: 50px;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity = 0);-ms-filter: "alpha(opacity=0)";
  cursor: pointer;
  _cursor: pointer;
  margin: 0;
  padding:0;
  left:0;
  }
  
 .divFileUpload{
   position:relative;
   overflow:hidden;
   cursor:pointer;
   text-align:center;
   background-color:#83b81a;
   color:#fff;
   display:block;
   width:200px;
   font-size:18px;
   line-height:30px;
   float:left;
 }
 
 #overlay {
     visibility: hidden;
     clear: both;
     position: absolute;
     left: 0px;
     bottom: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
     overflow: visible;
     background: rgba(23, 39, 54, 0.7);
}

#overlay div {
     width:300px;
     margin: 600px auto;
     background-color: transparent;
     padding:15px;
     height: 60px;
     text-align:center;
}
 .dashboardChart
 {
    width: 1500px;    
    padding: 10px 15px !important;
    margin-left: -150px;
 }
 
 .dashboardChart2
 {
    width: 900px;    
 }
 
 .dashboardChart2, .dashboardChart3
 {
    padding: 10px 15px !important;
    border-color: #cbcaca; 
    border-style: solid; 
    border-width: 1px;
    float: left;
    background-color: White;
 }
 
 .dashboardChart3
 {
    width: 240px;    
    
 }
 
 .dashboardChart4
 {
    width: 300px;
    height: 150px;
    padding: 2px 5px !important;
    border-color: #cbcaca; 
    border-style: solid; 
    border-width: 1px;
    float: left;
    background-color: White;
 }
 
 .headerDashboard
 {
     width: 100%;
     background-color: #e1e1e1;
     height: 20px;
     float: left;
     position: absolute;
     display: block;
     top: 0px;
     left: 0px;
     color: #1178bd;
     font-weight: bold;
     border-bottom-style: solid;
     border-bottom-width: 1px;
     border-bottom-color: #cbcaca;
 }
 
 .headerDashboard span
 {
    margin-left: 10px;
    margin-top: 3px;
 }
 
 #divImagenRespuesta
 {
    max-width: 50px;
 }
 
 .textAlignRight
 {
     text-align: right !important;
 }
 
 
.videoContainerRow
{
    text-align: center;
    padding: 0px !important;
    display: table-row;
}

.videoContainerCell
{
    height: 215px;
    display: table-cell;
}

.videoContainer
{
    display: table;
    padding: 0px !important;
    width: 100%;
}

.videoImagen
{
    max-width: 320px;
}

.videoText
{
    font-weight: bold;
    font-size: 125%;
    margin-left: 0px;
    display: table-cell;
    padding-left: 8px !important;
    padding-top: 1px !important;
}

.videoVisto
{
    display: table-cell;
    float: left;
    display:inline-block;
    padding-right: 5 !important;
    padding-left: 0 !important;
    width:8px;
    height:8px;
    margin:-1px 2px 0 5px;
    vertical-align:middle;
    background:url('images/check_radio_sheet.png') -57px top no-repeat;
}

.videoDescription
{
    margin-left: 10px;
}

.videoDescription, .videoText
{
    text-align: left;
    width: 300px;
    vertical-align: top;
}