/*****************************loading gif****************************************/
.loading {
    display: none;
    font-family: Arial;
    font-size: 20pt;
    text-align: center;
    color: white;
    height: 100%;
    width: 100%;
    position: fixed;
    background: #000;
    background: rgba(0,0,0,.9);
    z-index: 100;
}
/*******************************************************************************/

/*****************************loading gif****************************************/
.loading-ajax {
    display: none;
    font-family: Arial;
    font-size: 20pt;
    text-align: center;
    color: white;
    height: 100%;
    width: 100%;
    position: fixed;
    background: #000;
    background: rgba(0,0,0,.9);
    z-index: 100;
}
/*******************************************************************************/

/*para webForms*/
/*navbar*/   
ul.nav li.dropdown:hover ul.dropdown-menu { display: block; } /*con esta simple linea se despliega el submenu en el over (mejor que click) y tambien con click*/
.navbar-default{background-color:#242c4f;}/*color de fondo de la toolbar*/
.navbar-default .navbar-nav > li > a {color: white;}/*color de la tipografia*/
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:#01bdf2; background-color:#0072bc;}/*color en el over de la tipografia background-color:#0072bc;*/
.navbar ul li .dropdown-menu{border:0px; background-color:#0072bc !important;}/*menu desplegable. background-color:#0072bc !important; */
.navbar-default .navbar-toggle .icon-bar {background-color: white;} /*icono para desplegar menu en celulares*/

.input-sm {margin-bottom: 0;font-size: 80%;height: 35px;}
select.input-sm {height: 35px;}
/*.form-group {margin-bottom: 20px;}*/
label {font-size: 90%;margin-bottom: 2px;font-weight: 500;}

.col-lg-3, .col-md-3 { margin-bottom:10px; }
.col-lg-3, .col-lg-12 { padding-right:0px; }
.myRow { margin-bottom: 20px; } /*para el formulario inline*/

.error { color:Red; font-size:120%; font-weight:bold; }
.imgCelulares{ max-width: 100%; }


/*******************************************CheckBox******************************************************************************/
input[type=checkbox]{ width: 18px; height: 18px; margin:0; }

.myCheckBox
{
    border: 2px solid rgb(192,192,192); /*0.0625em*/
    border-radius: 0.25em; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em;
    vertical-align: middle;
}

/*********************************************************************************************************************************/

/*******************************************RadioButton******************************************************************************/
.myRadioButton input[type=radio]
{
    width: 18px; height: 18px;
    box-shadow: 0 0 3px Black;
    border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;
    vertical-align: middle;
    margin-bottom:5px;
}

.myRadioButton label
{
    font-size:13px;
    padding-left:5px;
}
/*********************************************************************************************************************************/

/*******************************************************CALENDAR******************************************************************/
.myCalendar{ text-align:center; padding:5px 15px 5px 15px;}
.calendarWrapper { background-color: #e8e8e8; border:1px solid #c7c7c7; padding:5px; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#calendarioTurno td { padding: 10px }
.calendarDayToday { background-color:White; font-weight:bolder; -moz-box-shadow:inset 0 0 4px 0 #949494; -webkit-box-shadow:inset 0 0 4px 0 #949494; box-shadow:inset 0 0 4px 0 #949494; border-collapse:collapse; /*display: block;*/ }
.calendarDaySelected { font-weight:bolder; color:White; -moz-box-shadow:inset 0 0 5px 0 Black; -webkit-box-shadow:inset 0 0 5px 0 Black; box-shadow:inset 0 0 5px 0 Black; border-collapse:collapse; /*display: block;*/ }
/*********************************************************************************************************************************/

/*******************************************gridview (tables)*************************************************************************/
.table-striped td { border:1px solid #dddddd; border-collapse:collapse; text-align:center; font-size:11px; padding:3px; }
.table-striped th { border:1px solid #dddddd; border-collapse:collapse; text-align:center; font-weight:bold; font-size:small; background-color:#e5e5e5; color:#444444; }
.titulo_tabla { background-color:#0072BC; width:100%; margin:0; padding:10px;color:White; font-size:90%; text-align:center; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;}
.tblBtn-primary { font-size:11px; white-space: normal; padding:5px; line-height: 110%; }
/*.tblBtn-primary:hover { background-repeat: repeat-x; color: #83c9ff; background-image: linear-gradient(to bottom, #3c96dc 0%, #095189 100%); }*/
/*********************************************************************************************************************************/

/*******************************************ASP WIZARD*****************************************************************************/
.MyWizardDivContainer{padding:1px 2px 1px 1px; border:1px solid #b9b9b9; -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius:3px;}
.MyWizardDivContainer h5 { margin:0px; color:#0072bc; }
.MyWizardClass td{padding:10px 15px 0 15px;}
.MyWizardDetailsView td { padding:5px; }
.MyWizardHr { margin:15px 0 15px 0; }
/*****************************************FIN ASP WIZARD**************************************************************************/

/**********************validacion del formulario*************************/
.field-validation-error {color: #f00;}
.field-validation-valid { display: none;}
.input-validation-error { border: 1px solid #f00; background-color:#fee; }
.validation-summary-errors { font-weight: bold; color: #f00; border: 1px solid #f00; background-color:#fee; display:inline-block; padding:10px 30px 0 0; margin-bottom:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.validation-summary-valid { display: none;}
/*************************************************************************/

/****************************ya viene seteado******************************/
.body-content { padding-left: 10px; padding-right: 10px;} /* Set padding to keep content from hitting the edges */
.dl-horizontal dt { white-space: normal; } /* Override the default bootstrap behavior where horizontal description lists will truncate terms that are too long to fit in the left column */
input, select, textarea { max-width: 300px; /*min-width:200px;*/ }/* Set width on the form input elements since they're 100% wide by default */
/**************************************************************************/

/*****************************footer****************************************/
#block-menu-menu-footer-2{padding-top:15px;}
.footerBtns{ text-align:center; float:right; }
.main-footer{border-top:1px solid #eaeaea;background-color: #242c4f}
/***************************************************************************/

#dataListPaso1Celulares {display:none;} /*default.aspx paso1. Oculto datalist en pantalla grande*/

/*pantalla menor a 800px*/
@media screen and (max-width:800px) {
    input, select, textarea { /*min-width:0;*/ margin-bottom:2px; }
    /*.row, .form-inline, .form-group, .form-control{ margin-bottom:0px; }*/
    .col-lg-3, .col-lg-12 { padding-right:15px; }
    /*.col-lg-3{ margin-bottom:10px;}*/
    #block-menu-menu-footer-2{padding-top:0px;}
    .footerBtns{ text-align:left; float:left; }
    
    /*cambio grilla por datalist para que se vea bien en los celulares. Paso 1 del wizard*/
    #grillasPaso1 {display:none;}    
    #dataListPaso1Celulares {display:inline;}
}