@charset "utf-8";

/* CSS Document */
/*GESTIONA 3.0*/
/* HOJA DE ESTILOS CSS para el desarrollo del proyecto WEB GESTIONA 3.0 - Apartado: COLORES 
   Desarrollado por:ADDENTRA INTERNET Fecha inicio:14/08/2015*/

/*region ************ BLANCO *************/
      h3{ text-shadow:1px 1px 2px #fff;}

h4,
header,
button.cancelar,
buttonmenu.activo,
button.activo,
button.activo:hover,
button:hover,
popup headerpopup button.cancelar i,
.popupAgenda headerpopup button.cancelar i,
.calendario tbody td button.active,
.calendario button.btn-info span:hover,
.calendario button.btn-info:focus,
button.btn-info:active,
.negro button,
.negro,
footernavlower button,
.sinClinica h4,
sidebar headersidebar,
selectbox ul[ng-mousedown] li.active label,
.multiSelect .multiSelectItem:not(.multiSelectGroup).selected,
.multiSelect .multiSelectGroup:hover,
specialist table tbody tr td.verMasHuecos,
clipboard cliphead,
clipboard clipcontent,
contentnavlower button,
/*contentnavlower button.active,
      contentnavlower button.active:hover,*/
contentnavlower button:focus.active,
applabel.white,
.sch-header-div:hover,
headerpopup span,
tolltiphead,
selectbox ul[ng-mousedown] li.active,
listingcontainer specialist table tbody tr td.seleccionable.seleccionado,
selectbox.patientHeader > i,
header headertop selectbox.patientHeader input:focus,
popup selectbox.patientHeader tr.active,
popup selectbox.patientSearch tr.active,
popup selectbox.patientHeader tr.active td.imgagenhover,
.popupAgenda selectbox.patientHeader tr.active,
.popupAgenda selectbox.patientSearch tr.active,
.popupAgenda selectbox.patientHeader tr.active td.imgagenhover,
button.redondo:hover,
optionelement options:hover textoption,
selected textoption,
.sch-header-div,
footerpopup button:hover i,
button.redondo:hover i,
selectbox.patientHeader tfoot tr button:hover i,
selectbox.newMultiSelect selectedline i.fa.fa-trash,
.calendario button:hover,
clipboard cliphead button i,
.calendario table tbody tr td button:hover,
submenucontainer a:hover,
submenucontainer a:hover i.fa-caret-up,
submenucontainer a:hover span i,
listingcontainer specialist table tbody tr:hover {
    color: #fff !important
}

      sidebar .multiSelect > button:hover,
      sidebar .multiSelect > button:active,
      contentfullscreen,
      button.activo span.professionalicon{  background: rgba(255, 255, 255, 0.8);}
      button.activo span.spancolorrecurso{ border-bottom: 8px solid #fff}
      textarea,
      input,
      input:focus,
      textarea:focus,
      .multiSelect > button,
      .subMascendente submenucontainer,
      .barraDerecha .subMascendente submenucontainer,
      .calendario button:focus{ border: 1px solid #fff; }

      .calendario{ box-shadow: 0 1px 0 #fff;}

      block,
      selectbox ul[ng-mousedown] li:hover,
      selectbox ul[ng-mousedown] li.active{ box-shadow:inset 0 -1px 0 #ffffff; }

      /*specialist table tbody tr.odd td,*/
      /*specialist table thead tr.buscadorInputs th:first-child{ box-shadow: -1px 0 0 #fff; }*/
      headertop selectbox.patientHeader tr.active,
      headertop selectbox.patientSearch tr.active,
      headertop selectbox.patientHeader tr.active td.imgagenhover,
      footernavlower button:hover,
      footernavlower button:target,
      footernavlower button:active,
      footernavlower button:focus,
      navlower contentnavlower button:hover,
      navlower contentnavlower button:target,
      navlower contentnavlower button:active,
      navlower contentnavlower button:focus,
      clipboard clipcontent line:hover,
      submenucontainer {background-color: #fff!important}

      .schedule [schType=schDay]{box-shadow: -1px 1px 0 #fff;}

      .sch-header-div,
      .sch-header-resource { box-shadow: inset -2px 0 0 #fff;}

      button,
      .calendario button:hover,
      buttongroup button,
      buttongroup button:first-child,
      buttongroup button:last-child,
      buttongroup button:nth-child(2),
      button:hover,
      buttonmenu:hover {}

      .schedule [schType=appointment]:hover { box-shadow: inset 0 0 5px 3px #fff;}

      tooltip > h3 {box-shadow: 0 1px 0 #fff;}


      sidebar h5{border-top: 1px solid #FFFFFF;  }

      specialist table tbody tr.odd td{ box-shadow: 1px 1px 0 #fbfbfb;}

      selectbox.patientHeader input,
      selectbox.patientHeader input:hover,
      selectbox.patientHeader input:focus{ outline: 1px solid #fff; }


popup,
.popupAgenda,
submenucontainer a,
selectbox ulcontainer,
selectbox ulcontainer groupname,
selectbox ulcontainer ul[ng-mousedown],
selectbox.patientSearch ulcontainer,
.multiSelect > button,
.multiSelect .checkboxLayer,
specialist table tbody tr.even,
.schedule,
.sch-fixed-table-container,
.sch-times-pri,
.schTooltip,
[schType=inactiveHeaderText],
[datepicker-popup-wrap] table thead tr:nth-child(2),
.multiSelect .multiSelectItem,
sidebar selectbox,
error,
button,
buttonmenu,
[datepicker-popup-wrap] .todaydatepickerclass,
.todaydatepickerclass button,
.reloadagenda,
.calendario,
ul[datepicker-popup-wrap],
popup headerpopup button.cancelar,
popup headerpopup button:hover.cancelar {
    background-color: #ffffff !important;
}
    .popupAgenda headerpopup button.cancelar,
    .popupAgenda headerpopup button:hover.cancelar {
        background-color: #ffffff !important;
    }




/*endregion ******************************/

/*region**************** GRISES ***************/

   /*region *********** COLOR #F9F9F9 ************/
        .calendario thead,
        [datepicker-popup-wrap] table thead th,
        sidebar h5{ background-color: #f1f1f1; }

        [datepicker-popup-wrap] .todaydatepickerclass { border-top: 1px solid #fff}

        .todaydatepickerclass button{text-shadow: -1px 1px 0 #f9f9f9;}

        .calendario thead tr:first-child th:last-of-type button{text-shadow: 1px 0 1px #f9f9f9;}

/*endregion ***********************************/

   /*region* **** COLOR #e9e9e9 **/
        header navcontainer a,
        specialist table thead tr th navcontainer a { color: #e9e9e9!important;}

        sidebar,
        [schType=appointment] icon,
        [schType=appointment] resourceicon:before,
        [schType=appointment] professionalicon:before {background-color: #fff; }

popup h3,
.popupAgenda h3,
specialist table tbody tr.even td,
tooltipbody sectiontooltip,
tooltipfooter table tbody tr,
listingcontainer specialist {
    border-bottom: 1px solid #e9e9e9;
}


        .sch-header-div{}

        span.spancolorrecurso,
        span.spancolorprofesional{ filter: drop-shadow(-1px 1px 0 #e9e9e9); }

/*endregion* ******************/

   /*region ********** COLOR #e9e9e9 **********/

      buttongroup button,
      contentnavlower button:hover{}

      sidebar buttongroup button.activo professionalicon,
      specialist table tbody tr.odd,
      tooltipfooter  {background-color: #e9e9e9}

      sidebar buttongroup button.activo resourceicon{ border-bottom: 11px solid #e9e9e9;}

      tooltip.izquierda.abajo:before {    border-right: 10px solid #e9e9e9}

      tooltip.derecha.abajo:before {    border-left: 10px solid #e9e9e9}

      specialist table tbody tr td input{outline: 1px solid #e9e9e9!important;}
/*endregion ********************/

   /*region* **** COLOR #ddd **/
      column.flex70{ box-shadow:inset 2px 0 0 #e9e9e9}

      specialist table tbody tr.even td{box-shadow: -1px 0 0 #e9e9e9}

      .calendario thead tr:nth-child(2) th:first-child::before{ border-bottom: 1px solid #e9e9e9 }

      .sinClinica,
      specialist table thead,
      specialist table thead h4,
      specialist table.listadoSimple number,
      .outOfRange:before,
      navlower button i,
      specialist table thead tr th menucontainer a{color: #e9e9e9}

      .multiSelect .helperContainer,
      tooltipappointment traceabilityline{ border-bottom: 1px solid #e9e9e9}
      .multiSelect .inputFilter { border: 1px solid #e9e9e9 }
      .sch-times-pri{border-left: 1px solid #e9e9e9}
      .schedule [schType=schResCol] {    border-right: 1px solid #e9e9e9;}
      .outOfRange:after {    border-top: 7px solid #e9e9e9 }

      .multiSelect .multiSelectItem:hover { box-shadow: inset 0 1px 1px #e9e9e9;}

      specialist table thead tr.buscadorInputs input,
      specialist table tbody tr td.inactivo,
      specialist table tbody tr:last-child,
      tooltip { background-color: #e9e9e9}

        tooltip.derecha.centro:before,
        tooltip[schType="schHeadDay"].derecha.arriba:before,
        tooltip[schType="schHeadResource"].derecha.arriba:before,
        tooltip[schType="timeSlot"].derecha.arriba:before { border-left: 10px solid #e9e9e9}
        tooltip.izquierda.arriba:before {border-right: 10px solid #e9e9e9}


        tooltip.izquierda.centro:before, 
        tooltip[schType="schHeadDay"].izquierda.arriba:before, 
        tooltip[schType="schHeadResource"].izquierda.arriba:before, 
        tooltip[schType="timeSlot"].izquierda.arriba:before { border-right: 10px solid #e9e9e9}


        tooltip[schType="appointment"].izquierda.arriba:before {border-right: 10px solid #3c9489;}

/*endregion* ******************/

   /*region* **** COLOR #c5c5c5 **/
         textarea,
         input,
         .multiSelect > button,
         specialist table tbody tr td .multiSelect > button:hover{ outline: 1px solid #c5c5c5;}

         input:focus,
         textarea:focus,
         .multiSelect > button:focus {box-shadow: inset 0 0 10px #c5c5c5 !important; }
         ::-webkit-input-placeholder /* WebKit, Blink, Edge */ { color: #b9b9b9; }
         :-moz-placeholder /* Mozilla Firefox 4 to 18 */ { color: #f9f9f9; }
         ::-moz-placeholder /* Mozilla Firefox 19+ */  { color: #f9f9f9; }
         :-ms-input-placeholder /* Internet Explorer 10-11 */  { color: #f9f9f9; }


        [datepicker-popup-wrap] .todaydatepickerclass,
         specialist table thead tr.buscadorInputs input {border:1px solid #c5c5c5;}

        titlepopup,
        headnavlower button,
        headnavlower button:target,
        headnavlower button:active,
        headnavlower button:focus,
        headnavlower button:hover,
        header navcontainer h4,
        header navcontainer a used,
        clipboard cliphead i{color: #c5c5c5;}

        statelabel {border-right-color: #c5c5c5;
                    border-bottom-color: #c5c5c5; }

        button.activo span.spancolorrecurso,
        button.activo span.professionalicon{ filter: drop-shadow(-1px 1px 0 #c5c5c5); }


        listingcontainer table tr td.cajacciones,
        specialist table.listadoSimple thead,
        specialist table tbody tr .zonaAcciones,
        specialist table thead tr th{background-color: #c5c5c5;}

/*endregion* ******************/

   /*region* **** COLOR #c5c5c5 **/

        .obligatorio label:before,
        popup content form:first-of-type:before { color: #c5c5c5;}
.popupAgenda content form:first-of-type:before {
    color: #c5c5c5;
}

.sch-closed-slot,
.pruebaAgenda,
footerpopup,
tooltipbody tooltipbodyleft photopatient {
    background-color: #c5c5c5;
}

        .calendario{border-bottom: 1px solid #c5c5c5;}

        specialist table thead tr th {border-right: 1px solid #c5c5c5;}

        tooltip > h3,
        specialist table td.zonaAcciones,
        popup listingcontainer table tr td.cajacciones{border-bottom: 1px solid #c5c5c5!important;}
.popupAgenda listingcontainer table tr td.cajacciones {
    border-bottom: 1px solid #c5c5c5 !important;
}

specialist table tbody tr td .multiSelect > button:hover {
    background-image: linear-gradient(to right, rgb(171, 171, 171) 10px, transparent 10px), linear-gradient(to right, rgb(171, 171, 171) 10px, transparent 10px), linear-gradient(rgb(171, 171, 171) 10px, transparent 10px), linear-gradient(rgb(171, 171, 171) 10px, transparent 10px) !important;
}
        
        button, buttonmenu,
        [datepicker-popup-wrap] .todaydatepickerclass {}
/*endregion* ******************/

   /*region* **** COLOR #7e7e7e **/
      selectbox ulcontainer {box-shadow:0 2px 5px #7e7e7e;}
      ulcontainer.reverse { box-shadow: 0 -2px 5px #7e7e7e;}
      .schTooltip {    box-shadow: 5px 5px 9px #7e7e7e; }

      selectbox.patientHeader tr.active td.imgagenhover,
      listingcontainer p b,
      .sch-time-pri,
      tooltipappointment traceabilityappointment h3 { color: #7e7e7e; }

      popup.formulario footerpopup{ border-top: 1px solid #7e7e7e;}
      .popupAgenda.formulario footerpopup { border-top: 1px solid #7e7e7e; }
/*endregion* ******************/
/*region* **** COLOR #7e7e7e ****/
column.flex70,
.schedule [schType=schDay] {
    border-left: 1px solid #7e7e7e;
}

      block,
      header navcontainer h4,
      .sch-marker-cell{border-bottom: 1px solid #7e7e7e; }

      tooltipfooter sectionfoottooltip:first-of-type{border-top: 3px solid #7e7e7e;}

      buttonmenu[type="submenu"] submenucontainer { box-shadow:2px 2px 3px #7e7e7e; }

      .subMascendente submenucontainer { box-shadow: 2px -2px 3px #7e7e7e !important; }

      .barraDerecha buttonmenu[type="submenu"] submenucontainer{box-shadow:-2px 2px 3px #7e7e7e;}

      .barraDerecha .subMascendente submenucontainer {box-shadow: -2px -2px 3px #7e7e7e !important;}

      span.spancolorrecurso {border-bottom: 8px solid #7e7e7e;}

      sidebar buttongroup button professionalicon{ background-color: #7e7e7e;}

      sidebar buttongroup button resourceicon{ border-bottom: 11px solid #7e7e7e;}


/*endregion* ********************/

   /*region* **** COLOR #7e7e7e **/

      .schedule [schType=appointment],
      .schTooltip { border:1px solid #7e7e7e;}

      tooltipbody sectiontooltip linetooltip,
      tooltipfooter sectionfoottooltip,
      specialist table thead tr th menucontainer a{  box-shadow: 0 -1px 0 #7e7e7e;}

      tooltip { box-shadow: 0 2px 6px #7e7e7e; }

        button i,
        buttonmenu i,
        selectbox i,
        selectbox.patientHeader i        {color: #7e7e7e;}

        /*textarea,
        input,
        specialist tr:hover td input,
        specialist table tbody tr.odd.focused td input {background-image:
        linear-gradient(to right, #7e7e7e 10px, transparent 10px),
        linear-gradient(to right, #7e7e7e 10px, transparent 10px),
        linear-gradient(to bottom, #7e7e7e 10px, transparent 10px),
        linear-gradient(to bottom, #7e7e7e 10px, transparent 10px);}*/

/*endregion* ******************/

   /*region* **** COLOR #353535 **/
h4,
popup h4 {
    text-shadow: 0.05em 0.05em 0.1em #353535;
}
.popupAgenda h4 {
    text-shadow: 0.05em 0.05em 0.1em #353535;
}

      .multiSelect .inputFilter {-webkit-box-shadow: inset 0 1px 1px #353535; box-shadow: inset 0 1px 1px #353535;}

      button icon.m,
      button icon.s,
      buttonmenu icon.m,
      buttonmenu icon.s { -webkit-filter: grayscale(100%) drop-shadow(0 0 0 #353535); filter: grayscale(100%) drop-shadow(0 0 0 #353535);}

h5,
headerpopup,
popup h4,
popup.error content h2,
.popupAgenda h4,
.popupAgenda.error content h2,
submenucontainer a,
.multiSelect .inputFilter,
selectbox input#patient:focus,
input.typeselectbox:focus,
[datepicker-popup-wrap] button:focus,
[datepicker-popup-wrap] button:active,
[schType=inactiveHeaderText],
.calendario thead tr:first-child th:first-of-type button,
.calendario thead tr:first-child th:last-of-type button,
.todaydatepickerclass button,
specialist table thead headtittle,
button#irAhoy,
.reloadagenda,
tooltipbody,
h3,
.calendario thead tr:last-child th,
[datepicker-popup-wrap] thead tr:last-child th,
[datepicker-popup-wrap] .todaydatepickerclass,
buttonmenu,
button,
.multiSelect .multiSelectItem,
.sch-times-pri,
[schType=appointment] subgrouping separator,
body,
textarea,
input,
selectbox ulcontainer groupname,
selectbox.patientSearch ulcontainer table caption,
.multiSelect > button,
submenucontainer > a {
    color: #787070;
}
        submenucontainer a {color: #787070!important;}
     /*.sch-header-resource{color: #353535!important;} GES-5644*/

      header navcontainer a:hover{   }

        selectbox.patientHeader .fa-star,
        .patientHeader .fa-exclamation{ text-shadow: 0 0 1px #353535!important;}

        .blockApp.derecha.arriba:before { border-left: 10px solid #353535;}

        .blockApp.izquierda.arriba:before{border-right: 10px solid #353535;}

        headnavlower button,
        headnavlower button:target,
        headnavlower button:active,
        headnavlower button:focus,
        headnavlower button:hover{ border-bottom:10px solid #353535; }


/*endregion* ******************/

   /*region* **** COLOR #151515 **/
        tooltip,
        tooltipbody line > data {color: #151515}
        statelabel{  color: #151515;}


        .sch-time-slot {border-bottom: 1px solid #151515;}

        .schedule [schType=appointment].new {    border: 3px dashed #151515; }

        .now{ border-bottom: 2px dashed #151515;}

        button:hover icon.m,
        button:hover icon.s,
        buttonmenu:hover icon.m,
        buttonmenu:hover icon.s { -webkit-filter:sepia(1) hue-rotate(151deg) brightness(.9) drop-shadow(0 0 0 #151515);
                                  filter: sepia(1) hue-rotate(151deg) brightness(.9) drop-shadow(0 0 0 #151515)}


/*endregion* ******************/

/*endregion* ******************/

/*region ***************** AZULES ****************/

    /*region* **** COLOR #c3e0f4 **/
            .sinClinica h2,
            header navcontainer a:hover used {color: rgba(58, 209, 205, 0.36)!important; }

    /*endregion *******************/

    /*region* **** COLOR #d2dff4 **/
        .administrativo table tbody tr:nth-child(odd){background-color: rgba(58, 209, 205, 0.36); }

      /*  buttonmenu:hover,
        button:hover,
        button:target,
        buttonmenu[type="submenu"]:focus,
        buttonmenu[type="submenu"]:active,
        .subMascendente button:hover,
        submenucontainer a:hover {  border-bottom: 1px solid rgba(58, 209, 205, 0.36);}*/

        contentnavlower button:hover,
        contentnavlower button:target,
        contentnavlower button:active,
        contentnavlower button:focus { color: rgba(81, 238, 231, 0.47) !important;}
    /*endregion *******************/

    /*region* **** COLOR #96bdd9 **/


        selectbox.patientHeader caption,
        header nav:hover,
        header nav i:hover{}


    /*endregion *******************/

    /*region* **** COLOR #6399bf **/
          a,
          a:visited,
          a:active,
          a:hover,
          selectbox i.fa-plus,

          header navcontainer a:hover,

          selectbox.patientHeader tr td i,
          selectbox.patientHeader tr.active,
          selectbox.patientSearch tr.active {color: #3c9489!important }

          header headerbottom,
          tolltiphead{ background-color: #3c9489; }

           tooltip.derecha.arriba:before{ border-left: 10px solid #3c9489;}

        listingcontainer specialist table tbody tr:hover{
            background-color: #3c9489!important;
        }
/*endregion *******************/

    /*region* **** COLOR #407ca7 **/
        .multiSelectGroup,
        specialist table tbody tr.nuevoElemento td:first-child:before,
        specialist table.listadoSimple thead tr th.botonMenuListados:hover,

        .soporte headerpopup a,

        .calendario button:hover#irAhoy,

        sidebar .multiSelect > button:hover,

        selectbox ul[ng-mousedown] li:hover,
        .multiSelect .multiSelectItem:hover,
        .reloadagenda:hover{color: #f9f9f9!important;}


popup.informacion footerpopup {
    border-top: 5px solid #2e807c;
}
.popupAgenda.informacion footerpopup {
    border-top: 5px solid #2e807c;
}

        input:hover,
        input:focus,
        textarea:focus,
        sidebar .multiSelect > button:hover,
        .multiSelect > button:hover,
        .multiSelect > button:focus{  outline: 1px solid #2e807c }


/*endregion *******************/

    /*region* **** COLOR #276b9c **/
        tooltipbody data.scAlert strong { background: #2e807c;}
        selectbox.patientSearch caption,
        tooltipfooter tooltiptittle,
        tooltipfooter table thead th {color: #2e807c!important;}

    /*endregion *******************/

    /*region* **** COLOR #0c4a73 **/


/*endregion *******************/

/*endregion **************************************/

/*region *********** NARANJAS **************/

/*region ************* COLOR #ffa700 *******/

        selectbox i.fa.fa-star {color:#FFA700;}
popup.advertencia footerpopup {
    border-top: 5px solid #ffa700;
}
.popupAgenda.advertencia footerpopup {
    border-top: 5px solid #ffa700;
}
        clipboard clipcontent line { border-bottom: 1px solid #ffa700;}
        [schType=appointment] resourceicon {  border-bottom: 11px solid #ffa700; }
        specialist table tbody tr.active { background: #ffa700;}
        header navcontainer a strong  {color:#FFA700!important;}
/*endregion ********************************/

/*region **********COLOR #EC6408 **********/

popup.soporte footerpopup {
    border-top: 5px solid #EC6408;
}
.popupAgenda.soporte footerpopup {
    border-top: 5px solid #EC6408;
}

/*endregion* ********************/

/*endregion **********************/

/*region ************ ROJOS *************/

   /*region ******** COLOR #860000 *********/
        red,
        error {color: #860000}
   /*endregion *****************************/

   /*region ******** COLOR #aa0000 *********/
        ng-form.ng-submitted .ng-invalid,
        form.ng-submitted .ng-invalid,
        ng-form.ng-submitted  selectbox.ng-invalid input,
        form.ng-submitted  selectbox.ng-invalid input {   border:1px solid #aa0000!important;}

/*endregion *****************************/

   /*region ******** COLOR #ca0303 *********/
        red,
        error,
        specialist table thead tr th headtittle.required:before {color: #ca0303;}

        ng-form.ng-submitted .ng-invalid,
        form.ng-submitted .ng-invalid,
        ng-form.ng-submitted  selectbox.ng-invalid input,
        form.ng-submitted  selectbox.ng-invalid input{box-shadow:inset 0 0 3px #ca0303; }

        popup.error footerpopup{border-top:5px solid #ca0303;}
.popupAgenda.error footerpopup {
    border-top: 5px solid #ca0303;
}

/*endregion *****************************/

/*region ******** COLOR #f44c4c *********/

        
        selectbox i.fa-exclamation {color:#f44c4c!important}

   /*endregion *****************************/

/*endregion *******************************/

/*region ********* VERDES *************/

/*region ********* COLOR #d5eabe ************/
.medico table tr{background-color:#d5eabe}
/*endregion *********************************/

/*region ********* COLOR #acd996 ************/
.medico,
.medico table tr:first-child,
.medico table tr:nth-child(odd){background-color:#acd996 !important;}
/*endregion *********************************/

/*region *********** COLOR #00790F ***********/
tooltipbody data.scAlert strong  { background: #00790F;}
/*endregion **********************************/

/*region *********** COLOR #0c901c ***********/

popup.confirmacion footerpopup{border-top:5px solid #0c901c;}
.popupAgenda.confirmacion footerpopup {
    border-top: 5px solid #0c901c;
}

specialist table tbody tr .zonaAcciones i.fa-plus,
specialist table tbody tr td.zonaAcciones input[type=checkbox] {color: #0c901c;}

/*endregion **********************************/

/*endregion ***************************/

popup{    box-shadow: 0 2px 6px rgba(0,0,0,0.3);}

.popupAgenda {
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}


/**********AQUAMARINE #12948a / #00b8ac**********/
    h2,
    buttonmenu:hover,
    button:hover,
    button:target,
    button.redondo:hover,
    .subMascendente button:hover,
    submenucontainer a:hover,
    popup headerpopup span,
    popup content nav a,
    .popupAgenda headerpopup span,
    .popupAgenda content nav a,
    button.cancelar:hover,
    selectbox:hover selectedlabel,
    selectbox:hover i,
    selectbox button:hover i,
    navlower button:hover i,
    listingcontainer specialist table tbody tr td .checkboxLayer.show .checkBoxContainer > div:hover.selected label span {
        color: #2e807c;
    }

    .sch-header-div.hoy,
    popup headerpopup button:hover.cancelar i,
    .popupAgenda headerpopup button:hover.cancelar i,
    footernavlower button:hover,
    footernavlower button:target,
    footernavlower button:active,
    footernavlower button:focus,
    sidebar button:hover,
    span.multiSelect button:hover,
    navlower contentnavlower button:hover,
    navlower contentnavlower button:target,
    navlower contentnavlower button:active,
    navlower contentnavlower button:focus,
    .multiSelectItem.vertical.multiSelectGroup span,
    clipboard clipcontent line:hover,
    .calendario thead tr th button:hover:before,
    .calendario thead tr th button:hover strong {
        color: #2e807c !important;
    }

    buttonmenu.activo,
    .multiSelect .multiSelectItem:not(.multiSelectGroup).selected,
    .multiSelect .multiSelectGroup:hover,
    selectbox ul[ng-mousedown] li.active,
    /*contentnavlower button.active,*/
    listingcontainer specialist table tbody tr td.seleccionable.seleccionado,
    selectbox.newMultiSelect selectype block optionsbox options.active:after,
    checkbutton label input:checked + span,
    .sch-header-div:hover,
    .administrativo,
    .administrativo table tbody tr,
    header,
    header navcontainertooltip,
    .sinClinica,
    footer column button,
    selectbox.patientHeader ulcontainer,
    clipboard,
    popup headerpopup button.cancelar,
    .popupAgenda headerpopup button.cancelar,
    navcontainer,
    popup selectbox.patientHeader tr.active,
    popup selectbox.patientSearch tr.active,
    popup selectbox.patientHeader tr.active td.imgagenhover,
    .popupAgenda selectbox.patientHeader tr.active,
    .popupAgenda selectbox.patientSearch tr.active,
    .popupAgenda selectbox.patientHeader tr.active td.imgagenhover,
    button.redondo:hover,
    button:hover,
    navlower footernavlower button,
    /*navlower contentnavlower button:hover.active,*/
    specialist table thead tr.buscadorInputs th:first-child,
    specialist table thead tr th .spoiler,
    specialist table thead tr th menucontainer a,
    clipboard cliphead,
    .outOfRange:before,
    .calendario table tbody tr td button:hover,
    submenucontainer a:hover {
        background-color: #2e807c !important
    }


    popup headerpopup button.cancelar,
    .popupAgenda headerpopup button.cancelar,
    button.redondo:hover,
    footernavlower button:hover {
        border: 1px solid #2e807c;
    }

      buttongroup{border: 2px solid #2E807C;}

    contentnavlower button{border-right: 1px solid #2e807c;border-top: 1px solid #2e807c;}

    .calendario tbody td button.btn-info span,
    .calendario button.btn-info  span,
    .sch-header-div.hoy{}


    button.redondo {border: 1px solid #2E807C;}

    button.redondo i {color: #2E807C;}

    navlower footernavlower button {border-right: 1px solid #2E807C;     border-top: 1px solid #2E807C;}

    headerpopup,
    button.activo,
    button:hover.activo,
    button:focus.activo,
    buttonmenu.activo,
    button.activo,
    .sch-header-background,
    .calendario tbody td button.active,
    .multiSelect .multiSelectItem:not(.selected):hover,
    selectbox ul[ng-mousedown] li:hover,
    listingcontainer specialist table tbody tr td.seleccionable:hover,
    selectbox.newMultiSelect selectype block optionsbox options:hover:after,
    selectbox.newMultiSelect selectype block optionsbox optionsline suboptions options:hover:after,
    selectbox.newMultiSelect selectype block selectedbox selected selectedline:hover:after,
    selectedbox selected,
    .sch-header-div,
    footernavlower,
    contentnavlower button,
    clipboard clipcontent line {background-color: #2E807C!important}


    contentnavlower button{border-bottom: 2px solid rgba(0, 184, 172, 0.3);}

    navlower contentnavlower button.active {
        background-color: #b6e8de !important;
        color: #2E807C !important;
    }

        navlower contentnavlower button.active:hover {
            background-color: #FFF !important;
            color: #2E807C !important;
        }

    navlower contentnavlower button.active {
        background-color: #b6e8de !important;
        color: #2E807C !important;
    }

    navlower contentnavlower button.active:hover {
        background-color: #FFF !important;
        color: #2E807C !important;
    }

    /*region ********  DEGRADADOS ***********/
popup headerpopup:after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.88) 40%, rgba(255, 255, 255, 0) 100%);
}
.popupAgenda headerpopup:after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.88) 40%, rgba(255, 255, 255, 0) 100%);
}







      header nav i:hover,
      header navcontainer a:hover,
      specialist table thead tr th navcontainer a:hover,
      clipboard clipcontent line:hover,
      specialist table thead tr th menucontainer a:hover,
      header headertop selectbox.patientHeader tr.active,
      header headertop selectbox.patientSearch tr.active,
      header headertop selectbox.patientHeader tr.active td.imgagenhover,
      .sch-header-div.hoy { background-color: #fff;}
      .sch-header-div.hoy { background-color: #fff!important;}
      /*.sch-header-resource{ background: linear-gradient( rgba(255, 255, 255, 0.21) 5%, rgba(171, 171, 171, 0.64) 45%, rgba(130, 130, 130, 0.42) 55%, rgba(159, 159, 159, 0.18) 95%) }*/

loading{background: radial-gradient(circle, rgb(255, 255, 255), rgba(46, 128, 124, 0.42));}

.sch-header-div { }


      button:Hover,
      buttonmenu:hover,
      .calendario button#irAhoy:hover,
      .calendario button.todaydatepickerclass:hover,
      [datepicker-popup-wrap] .btn-info.ng-binding:hover,
      [datepicker-popup-wrap] .btn-danger.ng-binding:hover,
      [datepicker-popup-wrap] .pull-right.ng-binding:hover,
      submenucontainer a:hover,
      buttonmenu[type="submenu"]:focus,
      buttonmenu[type="submenu"]:active,
      submenucontainer a:first-child,
      selectbox ul[ng-mousedown] li:hover,
      selectbox ul[ng-mousedown] li.active,
      selectbox.patientSearch ulcontainer  tr.active,
      button#irAhoy:hover,
      .calendario thead tr:first-child th:first-of-type button:hover,
      .calendario thead tr:first-child th:last-of-type button:hover,
      .reloadagenda:hover,
      .sch-header-div.hoy:hover,
      .sch-header-div:hover,
      .sch-header-resource:hover,
      contentnavlower button.active,
      contentnavlower button:focus.active,
      .calendario tbody td button.active:hover,
      contentnavlower button:hover,
      contentnavlower button:target,
      contentnavlower button:active,
      contentnavlower button:focus,
      button:hover.cancelar,
      headnavlower button,
      headnavlower button:target,
      headnavlower button:active,
      headnavlower button:focus,
      headnavlower button:hover,
      footernavlower button:hover,
      footernavlower button:target,
      footernavlower button:active,
      footernavlower button:focus,
      header nav i:hover,
      header navcontainer a:hover,
      specialist table thead tr th navcontainer a:hover,
      clipboard clipcontent line:hover,
      specialist table thead tr th menucontainer a:hover,
      selectbox ul[ng-mousedown] li:hover,
      listingcontainer specialist table tbody tr td.seleccionable:hover,
      listingcontainer specialist table tbody tr td.seleccionable.seleccionado,
      selectbox.newMultiSelect selectype block optionsbox optionsline suboptions options:hover:after,
      selectbox.newMultiSelect selectype block optionsbox options:hover:after,
      selectbox.newMultiSelect selectype block optionsbox options.active:after,
      selectbox.newMultiSelect selectype block selectedbox selected selectedline:hover:after,
      header headertop selectbox.patientHeader tr.active,
      header headertop selectbox.patientSearch tr.active,
      checkbutton label input:checked + span,
      .info:hover{background-position:0 100%;}


























    tooltip motivoanulacion div{    background: -webkit-repeating-linear-gradient(-45deg, rgb(65, 65, 65), rgb(65, 65, 65) 5px, rgb(164, 164, 164) 5px, rgb(164, 164, 164) 10px)}




      specialist table.listadoSimple thead tr th.botonMenuListados
       { background: linear-gradient(to bottom, #c5c5c5, #151515); }

      specialist table.listadoSimple thead tr th.botonMenuListados:hover{background: linear-gradient(to bottom, #151515, #c5c5c5);}

/*endregion *****************************/