/**separación en la modal de crear cita del imput a la etiqueta*/
.dhx_cal_wide_checkbox input[type=checkbox]{
        margin-left: 10px;
        margin-top: 8px;

}



#modalEdit2 .modal-dialog {
    width: 50%;
}

/**Tamaño modal documentos del teleoperador*/
#modalDocumentos .modal-body {
  max-height: 800px;
}

/*para ocultar el archivo en el envío de circulares*/
.hidden{display:none;}

/*tablas con scrool vertical*/
.tablaPequeña.table-responsive  {
    max-height:300px;
}
/*Hacer el menú mas grande en las notificaciones*/
.menuGrande.dropdown-menu{
  
  min-width:300px!important;
 
}



/*style.css?version=1.0*/

/* Para la validacion de los formularios*/
.error {
    color:red;
}
.valid {
    color:green;
}



#leyenda{
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

/*Colores de las estadísticas por periodo comercial*/
.objetivoVerde { background-color: #00FF00!important; font-weight: bold; }
.objetivoAmarillo { background-color: #FFFF00!important; font-weight: bold;}
.objetivoRojo { background-color: #FF0000!important; font-weight: bold;}
#media th{
  text-align: center !important;
  text-decoration: underline;
}
#media tr{
  font-weight: bold!important;
}
#media2 th{
  text-align: center !important;
  text-decoration: underline;
}
#media2 tr{
  font-weight: bold!important;
}
#media3 th{
  text-align: center !important;
  text-decoration: underline;
}
#media3 tr{
  font-weight: bold!important;
}
#media4 th{
  text-align: center !important;
  text-decoration: underline;
}
#media4 tr{
  font-weight: bold!important;
}

.verde{
 background:#00FF00;
 height: 20px;
}

.amarillo{
 background: #FFFF00;
 height: 20px;
}

.rojo{
 background: #FF0000;
 height: 20px;
}

/*Para el azul de otras delegaciones*/
.azul{
  color:blue;

}
/*Para el rojo de sin zonas*/
.sinZona{
   background: red;
  

}



/* Para el color de las citas en la vista de agenda del mes para que sea negro y s vea mejor*/
.dhx_cal_event_clear {
    color: #000!important;
}


/*para que se vea el calendario por encima del resto*/
#ui-datepicker-div{
  z-index: 99999!important;

}
/*colorear de azul las filas vistas*/
.highlight { background-color: #337ab7!important; }
/*Poner por encima la animación de esperando en las estadísticas*/
#cargando{
  z-index: 99999;
}

.color_1 {
   color: red;
}
.color_2 {
   color: red;
}
.color_3 {
   color: red;
}




.table>tbody>tr.success>td {
  background-color:#2DC873 !important;
}
.table>tbody>tr.warning>td {
  background-color:#FFA500 !important;
}
.table>tbody>tr.danger>td {
    background-color: #DE2C2C !important;
}
/*
table>tbody>tr.success>td:hover {
  background-color:#35B26D !important;
}
*/
/*tamaño de los filtroa*/
.yadcf-filter {
    max-width: 150px;
}
.column-filter-widget select{
    width: 125px !important;
}


.column-filter-widget { float:left; padding: 5px; }
.column-filter-widget select { display: block; }
.column-filter-widgets a.filter-term { display: block; text-decoration: none; padding-left: 10px; font-size: 90%; }
.column-filter-widgets a.filter-term:hover { text-decoration: line-through !important; }
.column-filter-widget-selected-terms { clear:left; }


#myTable th{
  text-align: center !important;
}
/*para que los tooltip se vean por encima del resto*/
.dhtmlXTooltip{
   z-index:2000 !important;
}
/*tamaño de las modales*/
.modal-dialog{
  width:1000px;
}

#modalCamaraWeb .modal-dialog{
  width:350px;
}

#modalAgenda .modal-dialog  {width:60%;}




#tablaAsesores tr{padding:1px !important;}
/* color de los eventos bloqueados*/
.dhx_time_block 
{
background-color: #D3D3D3 !important;
}



/*

.dataTables_filter {
   width: 50%;
   
   text-align: right;
}
*/

/*para que los selectores de numero de filas queden alineados   */
#myTable_length{
  padding-top:5px;
}

#Table_length{
  padding-top:5px;
}
#example_length {
   padding-top:5px;

}

.dataTables_length{
    
   
}
table.dataTable.select tbody tr,
table.dataTable thead th:first-child {
  cursor: pointer;
}
/* Para centrar cita en el calendario*/
.dhx_body{
  text-align: center !important;
}


/* para poner mas pequeño y centrado el menu desplegable*/
/*
.dropdown-menu {

  text-align: center !important;
  width: 160px !important;
  min-width: 160px!important; 

}
*/
.caja-grande{
    width: 350px; 
}
.move-rigth{
    display: block;
    float: right;
}

.col-center {
   float: none;
   margin-right: auto;
   margin-left: auto;
}
div#login
    { text-align:center;
      padding: 10px;
      background: #007ac0;
      border: 1px solid black;
      width: 350px;	
      margin: 0 auto;
      color: white;
    }


/*

html, body{
         height:100%;
          padding:0px;
           margin:0px;
           overflow:hidden;
            }
     html, body{
  margin:50px;
}   
*/

        .container-fluid #scheduler_here {
            height: 900px;
            width: 100%;
            border: 1px solid #cecece;
        }
        #scheduler_here {
            border-radius: 4px;
        }
        .dhx_cal_event {
        z-index: 1;
        cursor: pointer;
    }
    .highlighted_timespan {
        background-color: #87cefa;
        opacity:0.5;
        filter:alpha(opacity=50);
        cursor: pointer;
        z-index: 0;
    }
    .dhx_calendar_click {
        background-color: #C2D5FC !important;
    }
    #my_form {
            position: absolute;
            top: 100px;
            left: 200px;
            z-index: 10001;
            display: none;
            background-color: white;
            border: 2px outset gray;
            padding: 20px;
            font-family: Tahoma;
            font-size: 10pt;
        }

        #my_form label {
            width: 200px;
        }
/*separación de radio button para seleccionar centro o fuera*/

.dhx_cal_radio label {

    padding-right: 5px!important;
}
/*Para centrar la tabla de asignacion automatica*/
#tablaAsignacionAutomatica th{
    text-align:center;
 }
 #tablaZonas th{
    text-align:center;
 }

/*Diseño de la tabla de ranking de los asesores*/
table.blueTable {
  font-family: "Comic Sans MS", cursive, sans-serif;
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 97%;
  text-align: center;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 1px;
}
table.blueTable tbody td {
  font-size: 18px;
  font-weight: bold;
}
table.blueTable tr:nth-child(even) {
  background: #D0E4F5;
}
table.blueTable thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
}
table.blueTable thead th {
  font-size: 21px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #D0E4F5;
}
table.blueTable thead th:first-child {
  border-left: none;
}

table.blueTable tfoot td {
  font-size: 14px;
}
table.blueTable tfoot .links {
  text-align: right;
}
table.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

.btn-primary {
 background:#1ebbf0!important;
 border-color: #FFFFFF!important;
}