.botonDatePicker
{
    border: none;
    background: white;
    border-radius: 0px;
    color: rgba(250, 97, 21, 1.0);
    
    outline: none !important;
    box-shadow: none;
}

.botonDatePicker:hover
{
    background: rgba(250, 97, 21, 1.0);
    color: white;
    
}

.descripcionArea, .descripcionArea:focus, .descripcionArea:hover
{
    border:solid 2px #262626; 
    max-width:100%;
    border-radius: 0px;
    outline: none !important;
    box-shadow: none;
}

.descripcionAreaError, .descripcionAreaError:focus, .descripcionAreaError:hover
{
    border:solid 2px rgba(250, 97, 21, 1.0); 
    max-width:100%;
    border-radius: 0px;
    outline: none !important;
    box-shadow: none;
}

.labelEntrada
{
    color: rgb(89, 89, 89);
    opacity:1;
    font-weight:400;
    font-size:14px;
    font-weight: bold;
}


/*------------botones-------*/
.botonTabActive, .botonTabActive:hover, .botonTabActive:focus, .botonTabActive:active
{
    background: #262626;
    color: #D9D9D9;
    border-radius: 0px;
    
    outline: none !important;
    box-shadow: none;
}

.botonTab, .botonTab:focus, .botonTab:active
{
    background: white;
    color: #777;
    border: 0px;
    border-radius: 0px;
    
    outline: none !important;
    box-shadow: none;
}

.botonTab:hover
{
    background: white;
    color: #262626;
}

.panelSelector
{
    border: 2px solid #262626;
    padding: 20px !important;
}

.panelOpciones
{
    border: 2px solid #262626;
    border-radius: 0px;
}

.botonAcordion, .botonAcordion:hover, .botonAcordion:focus, .botonAcordion:active
{
    border-radius: 0px;
    background: white;
    border-width: 0px 0px 3px 0px;
    border-bottom: 3px solid #262626;
    font-size: 12pt;
    color: #262626 !important;
    
    outline: none !important;
    box-shadow: none;
}

.botonAgregarAcordion.btnActivo, .botonAgregarAcordion.btnActivo:active, .botonAgregarAcordion.btnActivo:focus
{
    border: 2px solid #262626;
}

.botonAgregarAcordion.btnActivo:hover
{
    border: 2px solid rgba(250, 97, 21, 1.0);
}

.botonAcordion:disabled, .botonAcordion:disabled:hover, botonAcordion.disabled
{
    background: rgb(234, 234, 234);
    cursor: not-allowed;
}

.botonAcordion.active
{
    background:  #262626;
    color: white !important;
}

.botonAgregarAcordion, .botonAgregarAcordion:active, .botonAgregarAcordion:focus
{
    border-radius: 0px;
    border: none;
    background: white;
    color: #262626;
    font-size: 16pt;
    cursor: pointer;
    
    outline: none !important;
    box-shadow: none;
}

.botonAgregarAcordion:disabled:hover, .botonAgregarAcordion:disabled
{
    opacity: 0.6;
    color: #262626 !important;
}

.botonAgregarAcordion:hover
{
    color: rgba(250, 97, 21, 1.0);
}

.botonBordeNegro, .botonBordeNegro:active, .botonBordeNegro:focus, .botonBordeNegro:disabled:hover
{
    border-radius: 0px;
    border: 2px solid #262626;
    
    background: white;
    color: #262626;
    
    outline: none !important;
    box-shadow: none;
}

.botonBordeNegro:hover
{
    background: rgba(250, 97, 21, 1.0);
    border-color: rgba(250, 97, 21, 1.0);
    color: white;
}


.botonBordeNaranja, .botonBordeNaranja:active, .botonBordeNaranja:focus, .botonBordeNaranja:disabled:hover
{
    border-radius: 0px;
    border: 2px solid rgba(250, 97, 21, 1.0);
    
    background: white;
    color: rgba(250, 97, 21, 1.0);
    
    outline: none !important;
    box-shadow: none;
}

.botonBordeNaranja:hover
{
    background: rgba(250, 97, 21, 1.0);
    border-color: rgba(250, 97, 21, 1.0);
    color: white;
}


/*---------------------- Citas ------------*/
.listaOpcionesDropdownListTabla
{
    background: white;
    border: solid 2px #262626;
    max-height: 150px;
    overflow: scroll;
    border-radius: 0px;
    margin-top: -5px;
}

/*-------------------Acordio vertical---------------*/
.opcionAcordionCita, .opcionAcordionCita:active, .opcionAcordionCita:focus
{
    background: rgb(249, 249, 249);
    border-radius: 0px;
    border-color: #262626;
    border-style: solid;
    border-width: 0px 0px 0px 6px;
    text-align: left;
    font-size: 14pt;
    font-weight: bold;
    
    outline: none !important;
    box-shadow: none;
}

.opcionAcordionCita.active
{
    background: rgb(249, 249, 249);
    border-radius: 0px;
    border-color: rgb(250, 97, 21);
    border-style: solid;
    border-width: 0px 0px 0px 6px;
    color: rgb(250, 97, 21);
    text-align: left;
    font-size: 14pt;
    font-weight: bold;
    
    outline: none !important;
    box-shadow: none;
}

.opcionAcordionCita:hover, .opcionAcordionSeleccionadoCita:hover
{
    background: rgba(38,38, 38, 0.2);
}

/*------------- margen dropdonwlist -------------------*/
.margenDropdownlistContenido
{
    padding: 10px;
    border-width: 0px 2px 2px 2px;
    border-style: solid;
    border-color: #262626;
}

/*------- dropdown punta ---------*/
.dropdownRight, .dropdownLeft
{
    border-radius: 0px;
    border: solid 2px #262626;
    margin-top: 2px;
}

.dropdownRight:before
{
    content: "";
    position: absolute;
    top: -24px;
    right: 2px;
    
    border: 12px solid transparent;
    border-bottom-color: #262626;
}

.dropdownRight:after
{
    content: "";
    position: absolute;
    top: -18px;
    right: 5px;
    
    border: 9px solid transparent;
    border-bottom-color: white;
}

.dropdownLeft:before
{
    content: "";
    position: absolute;
    top: -24px;
    left: 2px;
    
    border: 12px solid transparent;
    border-bottom-color: #262626;
}

.dropdownLeft:after
{
    content: "";
    position: absolute;
    top: -18px;
    left: 5px;
    
    border: 9px solid transparent;
    border-bottom-color: white;
}

.marcoNegro
{
    border-radius: 0px;
    border: 2px solid #262626; 
    padding: 10px;
    
    min-width: 100%;
}

.btnContornoNegro, .btnContornoNegro:focus, .btnContornoNegro:active
{
    background: white;
    color: #262626;
    border: 2px solid #262626;
    border-radius: 0px;
    
    outline: none !important;
    box-shadow: none;
}

.btnContornoNegro:hover
{
    background: #262626;
    color: white;
}

.btnTimes, .btnTimes:focus, .btnTimes:active, .btnTimes:hover
{
    background: white;
    color: #262626;
    border-radius: 0px;
    
    border-width: 0px 0px 3px 0px;
    border-style: solid;
    border-color:  #262626;
    
    outline: none !important;
    box-shadow: none;
}


.btnOtraColonia, .btnOtraColonia:active, .btnOtraColonia:focus
{
    border: none;
    border-radius: 0px;
    background: white;
    color: black;
    text-align: left;
    padding: 3px;
    padding-left: 6px;
    
    outline: none !important;
    box-shadow: none !important;
}

.btnOtraColonia:hover
{
    color: white;
    background: rgb(250, 97, 21);
}

/*------- icono de presupuestos en el reporte de clientes -------------------*/
.persona.atendido
{
    color: #088A08;
}

.btnPersonaPresupuesto, .btnPersonaPresupuesto:active, .btnPersonaPresupuesto:focus
{
    background: transparent;
    color: #262626;
    border-radius: 0px;
    
    outline: none !important;
    box-shadow: none;
}

.btnPersonaPresupuesto.captado
{
    color: rgba(232,153,21,1);
}

.btnPersonaPresupuesto:hover
{
    background: lightgray;
    color: #262626;
}

.btnPersonaPresupuesto:disabled
{
    opacity: 1.0;
}


/*-- ratio buttons --*/
.ratioBtn
{
    color: #262626;
    font-size: 20px !important;
}

.ratioBtn.checked
{
    color: rgb(250, 97, 21);
}


/*-- otro btn --*/
.btnWhiteBorder, .btnWhiteBorder:active, .btnWhiteBorder:focus
{
    height: 33px;
    border: 2px solid #262626;
    background: white;
    color: #262626;
    border-radius: 0px;
    
    outline: none !important;
    box-shadow: none !important;
}

.btnWhiteBorder:hover
{
    background: #262626;
    color: white;
}

.btninvisible
{
    background: transparent;
    color: transparent;
    border: none;
    height: 33px;
    width: 12px;
    padding: 0px;
    
    cursor: default;
    
    outline: none !important;
    box-shadow: none !important;
}

/*-----Reportar bug--------*/
.btnVertical
{
    position: fixed;
    top: 330px;
    left: 36px !important;

    -ms-transform: rotate(-90deg); /* IE 9 */
    -ms-transform-origin: left bottom; /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: left bottom; /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    transform-origin: left bottom;

    z-index: 999;
}

.btnVertical > button
{
    border-width: 0px 2px 2px 2px;
    border-color: #262626;
    background: white;
    border-radius: 0px;
    height: 36px;
    
    outline: none !important;
    box-shadow: none;
}

.btnVertical > button:hover
{
    background: #262626;
    color: white;
}

/*-- sidebar --*/
.sidebar
{
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100%;
    z-index: 10000;
    overflow: scroll;
    
    background: rgba(0, 0, 0, 0.5);
}

.sidebar.cerrar
{
    background: transparent;
}

.sidebar-content
{
    width: 350px;
    height: 100vh;
   

    background: white;
}

.sidebar-header
{
    position: sticky;
    width: 350px;
    top: 0px;
    left: 0px;
    z-index: 20000;
    
    background: white;
    padding: 4px 0px 4px 0px;
    border-bottom: 1px solid lightgray;
}

.sidebar-footer
{
    position: fixed;
    bottom: 0px;
    width: 350px;
    background: white;
    
    padding: 8px 0px 8px 0px;
    
    border-top: 1px solid lightgray;
    
      z-index: 20000;
}

.sidebar-title
{
    font-size: 16pt;
    text-align: center;
    color: #262626;
    box-shadow: none;
    
    background: transparent;
    border: 0px;
    border-radius: 0px;
}

.sidebar-close, .sidebar-close:focus, .sidebar-close:active
{
    background: transparent;
    color: #262626;
    font-size: 12pt;
    border: 0px;
    
    outline: none !important;
    box-shadow: none;
}

.sidebar-close:hover
{
    background: transparent;
    color: gray;
}

.sidebar-btnOpt, .sidebar-btnOpt:focus, .sidebar-btnOpt:active
{
    background: transparent;
    color: #262626;
    font-size: 12pt;
    border: 1px solid #262626;
    background: white;
    
    border-radius: 0px;
    
    outline: none !important;
    box-shadow: none;
}

.sidebar-btnOpt:hover
{
    background: #262626;
    color: white;
}

.sidebar-btnOpt.primary
{
    color: rgb(250, 97, 21);
    border-color: rgb(250, 97, 21);
}

.sidebar-btnOpt:hover.primary
{
    background: rgb(250, 97, 21);
    color: white;
}

.noscroll
{
  overflow: hidden;
}

.sidebar-divider
{
    background: lightgray;
    color: #262626;
    font-size: 12pt;
    
    border: 1px solid gray;
    border-width: 1px 0px 1px 0px;
}

.sidebar-divider:hover
{
    cursor: pointer;
}

.sidebar-body
{
    padding-bottom: 66px;
    z-index: 1500;
    background: white;
}

.addonMaterial
{
    width: 130px;
    background: white;
    color: #262626;
    text-align: right;
    border-width: 0px;
}

.BotonOperacion.tabla
{
    background: transparent;
    font-size: 20px;
    padding: 0px 10px;
    
    outline: none !important;
    box-shadow: none;
}