@charset "utf-8";
/* CSS Document */
/*FONT-FACE*/
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on December 12, 2016 */

@font-face {
    font-family: 'dosisregular';
    font-display: auto;
    src: url('../../fonts/dosis-regular-webfont.eot');
    src: url('../../fonts/dosis-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/dosis-regular-webfont.woff2') format('woff2'),
    url('../../fonts/dosis-regular-webfont.woff') format('woff'),
    url('../../fonts/dosis-regular-webfont.ttf') format('truetype'),
    url('../../fonts/dosis-regular-webfont.svg#dosisregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dosisbold';
    font-display: auto;
    src: url('../../fonts/dosis-bold-webfont.eot');
    src: url('../../fonts/dosis-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/dosis-bold-webfont.woff2') format('woff2'),
    url('../../fonts/dosis-bold-webfont.woff') format('woff'),
    url('../../fonts/dosis-bold-webfont.ttf') format('truetype'),
    url('../../fonts/dosis-bold-webfont.svg#dosisbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dosismedium';
    font-display: auto;
    src: url('../../fonts/dosis-medium-webfont.eot');
    src: url('../../fonts/dosis-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/dosis-medium-webfont.woff2') format('woff2'),
    url('../../fonts/dosis-medium-webfont.woff') format('woff'),
    url('../../fonts/dosis-medium-webfont.ttf') format('truetype'),
    url('../../fonts/dosis-medium-webfont.svg#dosismedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dosissemibold';
    font-display: auto;
    src: url('../../fonts/dosis-semibold-webfont.eot');
    src: url('../../fonts/dosis-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/dosis-semibold-webfont.woff2') format('woff2'),
    url('../../fonts/dosis-semibold-webfont.woff') format('woff'),
    url('../../fonts/dosis-semibold-webfont.ttf') format('truetype'),
    url('../../fonts/dosis-semibold-webfont.svg#dosissemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dosislight';
    font-display: auto;
    src: url('../../fonts/dosis-light-webfont.eot');
    src: url('../../fonts/dosis-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/dosis-light-webfont.woff2') format('woff2'),
    url('../../fonts/dosis-light-webfont.woff') format('woff'),
    url('../../fonts/dosis-light-webfont.ttf') format('truetype'),
    url('../../fonts/dosis-light-webfont.svg#dosislight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'dosisextralight';
    font-display: auto;
    src: url('../../fonts/dosis-extralight-webfont.eot');
    src: url('../../fonts/dosis-extralight-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/dosis-extralight-webfont.woff2') format('woff2'),
    url('../../fonts/dosis-extralight-webfont.woff') format('woff'),
    url('../../fonts/dosis-extralight-webfont.ttf') format('truetype'),
    url('../../fonts/dosis-extralight-webfont.svg#dosisextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dosisextrabold';
    font-display: auto;
    src: url('../../fonts/dosis-extrabold-webfont.eot');
    src: url('../../fonts/dosis-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/dosis-extrabold-webfont.woff2') format('woff2'),
    url('../../fonts/dosis-extrabold-webfont.woff') format('woff'),
    url('../../fonts/dosis-extrabold-webfont.ttf') format('truetype'),
    url('../../fonts/dosis-extrabold-webfont.svg#dosisextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'courgette';
    font-display: auto;
    src: url('../../fonts/Courgette-Regular.eot');
    src: url('../../fonts/Courgette-Regular.eot?#iefix') format('embedded-opentype'),
        /*url('../../fonts/Courgette-Regular.woff2') format('woff2'),*/
    url('../../fonts/Courgette-Regular.woff') format('woff'),
    url('../../fonts/Courgette-Regular.ttf') format('truetype'),
    url('../../fonts/Courgette-Regular.svg#courgette') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*FIN FONT-FACE*/
*
{
    padding:0px;
    margin:0px;
    outline: none;
}
body
{
    padding:0px;
    font-family: 'dosisregular';
    font-size: 19px;
    /*text-align: justify;*/
    color: #777777;
    background: #E5E5E5;
}
a
{
    text-decoration:none;
    color: #777777;
}
a:hover
{
    color: #B6B100;
}
.clearBoth
{
    clear: both;
}
#wrapper {
    padding-top: 40px;
    background: #FFFFFF;
    min-height: calc(100vh - 58px - 40px - 36px);
}
.current_section_videoChat #wrapper
{
    min-height: 100vh;
    background: #222222;
    padding-top: 0px;
}
.current_section_videoChat #wrapper.cargando
{
    background: #FFFFFF;
}
.current_subsection_videoChatNoDisponible #wrapper
{
    background: #FFFFFF;
}
footer
{
    padding-top: 20px;
    padding-bottom: 20px;
}
.current_section_profesionales footer,
.current_section_videoChat footer
{
    display: none;
}

/* MODAL */
.bloqueModal
{
    display:none;
    margin-bottom: 40px;
}
.modal {
    text-align: center;
    background: rgba(200, 200, 200, 0.8);
}
@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-content
{
    border: none;
}
.modal-header
{
    border-bottom: none;
    margin-bottom: 5px;
    text-align: center;
    padding: 10px 15px;
    font-family: "dosismedium";
}
.modal-header .close
{
    color: #FFFFFF;
    font-size: 20px;
    opacity: 1 !important;
    position: absolute;
    right: 30px;
    top: 30px;
    background: #B6B100;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    line-height: 5px;
    text-transform: uppercase;
    font-weight: normal;
}
.modal-header .close.btnCerrarModalEquis:hover,
.modal-header .close.btnCerrarModalEquis:focus {
    color: #FFFFFF;
    display: inline-block;
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    background: #515429;
    border: none;
    outline: none;
}
.modal-header .modal-title {
    color:#515429;
    text-transform:uppercase;
    font-size:30px;
    margin: 45px auto 0;
}
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.modal .btnStandard + .btnStandard {
    display: block;
    margin-top: 20px;
    margin-left: 0;
}
.modal-body
{
    text-align: center;
    color: #676767;
    font-size:18px;
}
.modal-body a
{
    color:#b6b100;
}
.modal-body a.btnStandard {
    color: #FFFFFF;
}
.modal-body img
{
    margin-right: 15px;
}
.modal-lg
{
    max-width: 450px;
}
.modal-xl
{
    max-width: 800px;
}
.botoneraBlockUI .btnStandard
{
    text-transform:uppercase;
}
#frmNuevoUsuario, #frmNuevoProducto, #frmCondicionesComerciales, #frmNuevoObjetivo, .bloqueModal form
{
    text-align:left;
}
/* FIN DE MODAL*/
/* INICIO INPUTS */
.inputIcon {
    position: relative;
}
.inputIcon i {
    position: absolute;
    color: #DDD;
    font-size: 16px;
    bottom: 0px;
    display: block;
    right: 32px;
    height: 60px;
    line-height: 60px;
    pointer-events: none;
}
.contenedorTablaGestina  .inputIcon i
{
    right: 10px;
}
.inputIcon input
{
    padding-left: 35px;
}
input:-webkit-autofill, input:focus:-webkit-autofill {
    -webkit-text-fill-color: #555 !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #777777 !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
/*AUTOCOMPLETE*/
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    width:250px;
    z-index:99999;
    background: #FFF;
    color: #515429;
    border: 1px solid #EFEFEF;
    padding: 10px;
}
.ui-menu .ui-menu-item-wrapper{
    font-size:18px;
    cursor: pointer;
}
.ui-menu .ui-menu-item
{
    display:block;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 250px;
}
.ui-autocomplete-loading {
    background: white url("https://jqueryui.com/resources/demos/autocomplete/images/ui-anim_basic_16x16.gif") center right 10px no-repeat !important;
}
/*FIN AUTOCOMPLETE*/

/* INICIO DESACTIVAR MATERIAL KIT EN ALGUNOS FORMULARIOS (LA LIBRERIA LOS AÑADE A TODOS) */
.disable-material-kit .bmd-form-group .form-control, .disable-material-kit .bmd-form-group label, .disable-material-kit .bmd-form-group input::placeholder
{
    background-image: none !important;
    line-height:inherit;
}
.form-check .form-check-text
{
    padding-left: 25px;
    cursor: pointer;
    margin-top: -3px;
}

.form-check .form-check-label-radio
{
    font-size: 0px;
}
#wrapper .form-check .form-check-label .circle
{
    border: 1px solid #B6B100 !important;
    top: 5px;
}
#wrapper .form-check .form-check-label .circle .check
{
    background-color: #B6B100 !important;
}

/* FIN DESACTIVAR MATERIAL KIT */

/* FIN INPUTS MATERIAL KIT */
/* Este es el propio de bootstrap, pero como si pongo la clase form-control se pone el material kit le cambio el nombre*/
.form-control-b {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #CCCCCC !important;
    border-radius: 0.25rem  !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


label, .tituloLabel
{
    color: #043C79;
    font-size: 20px;
    margin-bottom: 2px;
    font-family: "dosisregular";
}
.tituloLabel, .tituloLabel+div
{
    display:inline-block;
    vertical-align:middle;
}
.checkbox label,.checkBoxInicio label
{
    color: #888;
    font-size: 20px;
    font-weight: normal;
    font-family: "dosisregular";
    vertical-align: top;
}
.checkbox a{color: #888;}
.checkbox a:hover
{
    text-decoration:underline;
    color:#888;
}
input[type="search"],input[type="text"],input[type="number"],input[type="email"],input[type="password"],form textarea.form-control,select.form-control,form textarea.form-control-b, select.form-control-b, .simulaSelect
{
    font-family: "dosismedium";
    color: #777777 !important;
    font-size: 16px !important;
    outline: none;
    border: none;
    border-bottom: 1px solid #999;
    height: 60px !important;
    border-radius:0;
    padding: 0.375rem 0.75rem 0.375rem 0 ;
    background-color: #FFFFFF;
}
form textarea
{
    resize: none;
}
form textarea.form-control,
form textarea.form-control-b
{
    height: 120px !important;
}

/* INICIO bootstrap-select */
/*
.bootstrap-select label.error {
    display: none !important;
}*/
.bootstrap-select
{
	height: 60px;
	border-color: #CCC;
	padding-left: 0px;
}
.bootstrap-select.disabled, .bootstrap-select>.disabled {
    cursor: not-allowed;
    color: #BBBBBB !important;
    background-color: #F1F1F1 !important;
    border: 1px solid #F1F1F1 !important;
}
.bootstrap-select .dropdown-menu
{
	font-size: 14px;
}
.bootstrap-select .dropdown-menu .dropdown-item
{
	color: #848484;
	padding-left: 20px;
	padding-right: 15px;
    font-size: 16px;
}
.bootstrap-select .dropdown-menu .dropdown-item:hover
{
	color: #B6B100;
}
.bootstrap-select .dropdown-item.active:not(.disabled), .bootstrap-select .dropdown-item:active:not(.disabled)
{
	background-color: #FFF;
    color: #B6B100;
}
.filter-option-inner-inner
{
	color: #999 !important; /* : Es #777777? */
}
.bootstrap-select .bs-placeholder .filter-option-inner-inner
{
	color: #AAAAAA !important;
    font-size: 16px;
    font-family: "dosismedium";
}
.error + button .filter-option-inner-inner,
.error + button.bs-placeholder .filter-option-inner-inner
{
	color: #ff4d4d !important;
}
.bootstrap-select button{height: 100%; border: none; border-radius: 100px;padding-left: 20px; background-color: white !important;}
.bootstrap-select button.btn.dropdown-toggle.btn-light
{
    padding-left: 0px;

}
.bootstrap-select .dropdown-toggle .filter-option
{
	display: flex;
	align-items: center;
    font-size: 16px;
	line-height: 100%;
}
.bootstrap-select>.dropdown-toggle:after
{
	display: none;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle,
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus
{
	outline: none !important;
	background-color: white;
	box-shadow: none;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle
{
	background-color: white;
	border-color: #E21DAD;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner
{
    overflow: inherit;
}
/* FIN bootstrap-select */
.form-control::placeholder, .form-control-b::placeholder {
    color: #AAAAAA;
    opacity: 1;
}

.form-control:focus, .form-control-b:focus
{
    border-color: #B6B100;
}
.form-control::placeholder:focus, .form-control-b::placeholder:focus
{
    color: #666666 !important;
}
select::-ms-expand {
    display: none;
}
input[type="search"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="text"]:focus,textarea:focus,select.form-control:focus,#formMensaje:focus,input[type="radio"]:focus , select.form-control-b:focus ,#formMensaje:focus,input[type="radio"]:focus
{
    color: #777 !important;
    outline:none;
    box-shadow:none;
}
.form-control
{
    box-shadow:none;
}
.form-control::-moz-placeholder,
.form-control::-webkit-input-placeholder,
.form-control-b::-moz-placeholder,
.form-control-b	::-webkit-input-placeholder
{
    color: #999;
    opacity: 1;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control,
.form-control-b[disabled], .form-control-b[readonly], fieldset[disabled] .form-control-b
{
    color:#BBBBBB !important;
    background-color:#F1F1F1 !important;
    border:1px solid #F1F1F1 !important;
}
.form-check-background span.checked
{
    display: none;
}
.form-check-background :checked + span {
    background: #B6B100;
    color: #FFFFFF;
}
.form-check-background :checked + span:after {
    content: "\f00c";
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    margin-left: 10px;
}
.form-check-background :checked + span + span.checked
{
    display: block;
}
.form-check-background input[type="radio"]
{
    display: none;
}
.form-check-background .form-check-label span.checked {
    vertical-align: sub !important;
}
.form-check-background .form-check-label span.checked {
    position: absolute;
    right: 5px;
    top: -1px;
    transition-duration: 0.2s;
}
.form-check-background {
    font-size: 19px !important;
    color: #777 !important;
}

.form-check-background {
    position: relative;
    display: inline-block;
}
.seleccioneFormaPago
{
    display: flex;
    align-items: center;
}
.form-check-background-label
{
    position: inherit;
    background: #E9E9E9;
    font-family: "dosismedium";
    font-size: 16px;
    color: #777777;
    border-radius: 3px;
    cursor: pointer;
    width: 180px;
    height: 60px;
    display: flex;
    margin-right: 20px;
    text-align: center;
    align-items: center;
    justify-content: center;
}
/* CUSTOMIZE INPUTS, SELECT... */
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #777 !important;
}
.custom-control.custom-radio
{
    margin-left: 15px;
    margin-right: -15px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #777 !important;
}

#formMensajeContacto {
    height: 200px !important;
}
#frmBuscador input[type="search"]
{
    padding-right: 35px !important;
}
#frmBuscador
{
    position: relative;
}
#frmBuscador .btnBuscar
{
    background: url("../../img/iconos/search.svg") center center no-repeat transparent;
    width: 40px;
    height: 45px;
    position: absolute;
    right: 12px;
    top: 0;
    cursor: pointer;
}
input[type="search"]
{
    background-image:url(../img/iconos/buscar.svg) !important;
    background-position:center right 8px;
    background-repeat:no-repeat;

}
.dropdown-menu.show input[type="search"].form-control
{
    height: 43px !important;
}
.dropdown-menu.show .inner {
    max-height: 160px;
}
input[type="search"].form-control:focus
{
    background-size: inherit;
}
/* FIN CUSTOMIZE INPUTS, SELECT... */
/*
div.styled, select:after {
	background: white url(../../img/inputs/formelements-select.png) no-repeat center right;
	min-height:40px;
}	*/

div.styled {overflow:hidden;}

form div.styled select{margin-bottom:0px;}

.inputIcon select.form-control-b
{
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow:none;
}
div.styled select,
div.datepick-month-header select{
    background: transparent url(../../img/inputs/formelements-select.svg) no-repeat center right !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow:none;
    border-bottom: 1px solid #d2d2d2 ;
    font-size:1.1rem !important;
}
div.styled select:focus
{
    border-bottom: 2px solid #043C79 ;
}
select.form-control,
select.form-control-b
{
    padding: 0 30px 0 10px !important;
    -webkit-padding-end: 30px !important;
    -webkit-padding-start: 10px !important;
}
input.error, select.error, form textarea.error, div.styled select.error
{
    color: #ff4d4d !important;
    border-color: #ff4d4d !important;
}
.form-control.error {
    background-image: linear-gradient(to top, #043C79 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #ff4d4d 1px, rgba(210, 210, 210, 0) 1px) !important;
}
select.form-control.error,
select.form-control-b.error
{
    background-image: url(../../img/inputs/formelements-select-error.svg)!important;;
}
input.error::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ff4d4d;
}
textarea.error::-webkit-input-placeholder {
    color: #ff4d4d;
}
input.error::-moz-placeholder { /* Firefox 19+ */
    color: #ff4d4d;
}
textarea.error::-moz-placeholder {
    color: #ff4d4d;
}
input.error:-ms-input-placeholder { /* IE 10+ */
    color: #ff4d4d;
}
textarea.error:-ms-input-placeholder {
    color: #ff4d4d;
}
input.error:-moz-placeholder { /* Firefox 18- */
    color: #ff4d4d;
}
textarea.error:-moz-placeholder { /* Firefox 18- */
    color: #ff4d4d;
}
form .form-control:focus
{
    /*	border:1px solid #22889A;	*/
}
form textarea.form-control
{
    transition:none;
}
#formMensaje
{
    height: 60px;
    resize: none;
}
.bmd-form-group .checkbox label, .bmd-form-group .radio label, .bmd-form-group label{
    font-size: 1.1rem !important;
    color:#777;
}
.bmd-form-group {
    padding-top: 32px !important;
}

.bmd-form-group .is-focused .bmd-label-floating,
.bmd-form-group .is-filled .bmd-label-floating {
    top: 1rem;
    left: 0;
    font-size: 0.975rem !important;
}
.form-control, .is-focused .form-control, .is-focused .form-control-b {
    background-image: linear-gradient(to top, #043C79 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px) !important;
}

.form-check, label, .form-check, label a, .simulaLabel {
    font-size: 18px !important;
    color: #777 !important;
    font-family: "dosismedium";
}
.form-check .form-check-label span {
    vertical-align: sub !important;
    top: 2px;
}
.form-check .form-check-input:checked + .form-checkbox-text + .form-check-sign .check, .form-check .form-check-input:checked + .form-check-sign .check {
    background: #B6B100 !important;
}
.form-check .error + .form-checkbox-text,
.form-check .error + .form-checkbox-text a
{
    color: #ff4d4d !important;
}
.form-check .form-check-sign .check
{
    border: 1px solid #B6B100 !important;
}
.form-check .form-check-input:checked~.circle
{
    border-color: #B6B100;
}
.form-check .form-check-label .circle .check
{
    background-color: #B6B100;
    margin-top: -3px;
}
/* fin inputs */
/* INICIO SCROLL BAR */
.custom-scroll-bar
{
    scrollbar-width: thin;
    scrollbar-color: #C9C9C9 #FFF;
    border: none;
    overflow: auto;
}
.custom-scroll-bar::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgb(218, 218, 218);
    box-shadow: inset 0 0 6px rgb(218, 218, 218);
    background-color: transparent;
    border-radius: 10px;
    border: none;
}
.custom-scroll-bar::-webkit-scrollbar
{
    width: 7px;
    height: 7px;
    background-color: transparent;
    margin-left: 10px;
    position: relative;
    left: 10px;
    border: none;
    box-shadow: none;
}
.custom-scroll-bar::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);*/
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #C9C9C9;
    border: none;
}
.custom-scroll-bar::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
.custom-scroll-bar:hover
{
    scrollbar-color: #C9C9C9 #FFF;
    border: none;
}
.custom-scroll-bar:hover::-webkit-scrollbar-thumb
{
    background-color: #C9C9C9;
    border: none;
}

/* FIN SCROLL BAR */
/* INICIO COMUNES */
.franjaUsuarioGestina
{
    position: fixed;
    background: #F00;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    height: 28px;
    display: block;
    z-index: 9999999999;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.size0{font-size:0px;}
.block{display:block;}
.center{text-align:center;}
.imagenDerecha {
    float: right;
}
.tituloSeccion
{
    font-family: 'dosissemibold';
    font-style: normal;
    font-size: 34px;
    line-height: 43px;

    color: #515429;

    text-transform: uppercase;
}
.contieneTituloSeccion {
    position: relative;
}
.subTituloSeccion, a.subTituloSeccion, a.subTituloSeccion:hover
{
    font-family: 'dosissemibold';
    font-style: normal;
    font-size: 25px;
    line-height: 32px;
    text-transform: uppercase;

    color: #B6B100;
}
.paddingR0
{
    padding-right:0px;
}
.tituloSeccion a
{
    color:#666;
}
.tituloSeccion > a:hover
{
    text-decoration:none;
}
.textoSeccion,.textoSeccionFotos
{
    word-wrap:break-word;

    font-family: "dosismedium";
    font-style: normal;
    font-size: 18px;
    line-height: 23px;
    color: #777777;
}
.textoSeccion a {
    color: #515429;
    font-weight: bold;
}
.textoSeccionFotos
{
    font-family:dosisbook;
    font-size:18px;
}
.textoSeccion.blanco{color: #FFF;}
.textoSeccion ul
{
    margin-left:45px;
}

.textoSeccion.text-center
{
    text-align:center;
}
.relative
{
    position:relative;
}
.btnStandard,.btnStandardBlanco
{
    box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer;
    line-height: 120%;
    display: inline-block;
    transition: all .6s ease;
    padding: 15px 25px;
    text-decoration: none !important;
    font-family: dosissemibold;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    background-color: #B6B100;
    text-transform: uppercase;
    vertical-align: middle;
}
.btnStandard + .btnStandard
{
    margin-left: 20px;
}
.btnStandardBlanco
{
    color: #515429;
    background-color: #FFF;
}
.btnStandardG
{
    padding:20px 26px;
}
.btnStandard::before
{
    border-radius: 5px;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #E5E5E5;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.btnStandard:hover, .btnStandard:focus
{
    color: #FFFFFF;
    display: inline-block;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #515429;
}
.btnStandard:hover::before
{
    transform: scale(1);
}
.btnStandardS
{
    padding: 15px;
}
.btnStandardSmall
{
    padding: 5px;
    font-size: 15px;
    display: inline-block;
    margin-top: 10px;
}
.btnStandardSmall:before
{
    transition: none !important;
}
.menuSuperior .btnStandard:hover {
    color: #515429;
}
.menuSuperior .btnStandard {
    background: inherit;
    padding: 0;
    margin: 0;
}
.btnBaja
{
    font-family: "dosisregular";
    font-size: 16px;
    color: #F03325;
    text-decoration: underline;
    cursor: pointer;
}
.mayusculas{text-transform:uppercase;}
.normalTitulo
{
    color:#208699;
    font-weight:bold;
    font-size:20px;
}
.normalText
{
    line-height:120%;
    color:#868685;
    font-size:18px;
}
.relative
{
    position:relative;
}
.btnStandard i
{
    vertical-align: middle;
    margin-left:5px;
}
.sinResultados, .textoSeccionNoIdentificado {
    text-align: center;
    height: 200px;
    font-size: 20px;
    padding-top: 90px;
}
.displayInline
{
    display:inline-block;
    vertical-align: top;
}
.vMid
{
    vertical-align:middle;
}
.vBottom
{
    align-items: flex-end;
}
.imagenDerecha
{
    margin: 0px 0px 30px 30px;
    position:relative;
}
.sinResultados
{
    color: #777777;
    text-align:center;
    padding:120px 0px;
}

.listadoPaginador
{
    margin: 30px 0 50px !important;
}
.contienePaginador a {
    font-family: 'dosisregular';
    font-size: 16px;
    color: #515429;
    border: 1px solid #515429;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    text-decoration: none;
    margin: 0 6px;
}
.contienePaginador a.paginaSeleccionada,
.contienePaginador a:hover
{
    background-color: #B6B100;
    border: 1px solid #B6B100;
    color: #FFFFFF;
}
.contienePaginador path
{
    fill: #B6B100;
}
.contienePaginador svg
{
    height: 11px;
    margin-top: -4px;
}
.contienePaginador a#enlaceAtras:hover path,
.contienePaginador a#enlaceSiguiente:hover path
{
    fill: #FFF;
}
.paginationFooter .page-link:focus
{
    box-shadow: none;
}
.resaltaEnlace,
.form-check .resaltaEnlace {
    color: #b6b100 !important;
}
/* FIN COMUNES */

/* INICIO DATATABLE */
table.tablaTraducciones .DTE_Inline_Field label {
    display: none;
}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting
{
    background-image: none !important;
}
table.dataTable thead tr th
{
    border-bottom: 1px solid #515429;
}
table.dataTable.nowrap th, table.dataTable.nowrap td
{
    white-space: initial;
}
.inputsDatatable
{
    margin-bottom: -42px;
    z-index: 11;
}
table.dataTable input
{
    border: 1px solid #225C82 !important;
    height: 30px;
    margin-bottom: 0px !important;
    font-size: 14px;
    padding: 0 2px;
    border-radius: 2px;
}
.dataTables_processing
{
    z-index: 105
}
.dataTables_info,.dataTables_empty
{
    white-space: inherit !important;
    text-align: center;
    font-size: 16px;
    font-family: "dosismedium";
    color: #777777;
}
.dataTables_info
{
    text-align: left;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #666666;
    font-family:"dosissemibold";
    font-size:18px;
    cursor: not-allowed;
    background-color: transparent;
    border-color: #043C79;
}

.dataTables_paginate .pagination > li > span {
    font-size: 16px;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
    /* white-space: inherit;
     vertical-align: middle;*/
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    bottom: calc(50% - 14px);
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus
{
    /*background-color:#043C79;
    border: 1px solid #043C79;*/
    color:white;
}
.pagination li a
{
    background: transparent !important;
    color: #B6B100 !important;
    font-family:"dosissemibold";
    font-size: 18px;
    text-decoration:none;
    line-height:22px;
    width: 34px;
    height: 38px;
}
.pagination li a:hover ,.pagination > .active > a, .pagination > .active > a:hover
{
    background: #B6B100 !important;
    color: #FFF !important;
    border-top:1px solid #B6B100  !important;
    border-bottom: 1px solid #B6B100  !important;
    border-left: 1px solid #B6B100  !important;
    border-right: none;
    border-left: none;
    font-size:15px;
    display: inline-block;
    text-align: center;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: none;
}
.pagination > .active > a, .pagination > .active > a:hover {
    color: #FFF !important;
    text-decoration:none;
}

.pagination li.paginate_button.next a, .pagination li.paginate_button.previous a {
    background: url("../img/iconos/btnNext.svg") no-repeat center center !important;
    width: 34px;
    height: 38px;
    display: inline-block;
    vertical-align: super;
    font-size: 25px;
    line-height: 18px;
    text-align: center;
    padding: 0 0 !important;
    color: #777777 !important;
    border-radius: 0px;
    border-right: 1px solid #E5E6E6 !important;
}

.pagination li.paginate_button a:hover , .pagination > .active > a:hover {
    background: #B6B100 !important;
    color: #FFF !important;
    border-top: 1px solid #B6B100 !important;
    border-bottom: 1px solid #B6B100 !important;
    border-left: 1px solid #B6B100 !important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button
{
    padding: 0px !important;
    margin-left: 0px !important;
    border: none !important;
    vertical-align: middle;
}
.pagination li.paginate_button.next a:hover {
    background: url("../img/iconos/btnNext.svg") no-repeat center center !important;
}

.pagination li.paginate_button.next:hover a::before, .pagination li.paginate_button.previous:hover a::before
{
    color:#FFF !important;
}

.pagination li.paginate_button.next.disabled:hover a:before, .pagination li.paginate_button.previous.disabled:hover a:before
{
    color: #777777 !important;
}
.pagination li.paginate_button.previous a {
    background: url("../img/iconos/btnPrev.svg") no-repeat center center !important;
    border-radius: 0px;
    border-left: 1px solid #E5E6E6 !important;
}
.pagination li.paginate_button.previous a:hover {
    background: url("../img/iconos/btnPrev.svg") no-repeat center center !important;
    border-radius: 0px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover
{
    border:none;
    background:transparent;
}
.dataTables_wrapper .paginationFooter {

    text-align: right;
    margin: 10px 0 !important;
    font-size: 0px;
    display: block;

}

.dataTables_wrapper div.dataTables_length label
{
    color:#B6B100 !important;
    font-family:"dosisbold";
    font-size:15px;
}
.dataTables_wrapper div.dataTables_length label select
{
    margin-left:10px !important;
    border-radius: 3px !important;
    border: 1px solid #C9C9C9 !important;
    background: #FFF !important;
    font-size: 16px !important;
    font-family: "dosismedium" !important;
    padding: 5px 25px !important;
    color: #515429;
    width: 80px;
}

.dataTableCenter
{
    font-family:"dosisregular";
    text-align:center;
    color:#777;
    font-size:20px;
}
.imagenTablaMiniatura
{
    width: 50px;
}
.tablaGestina a{
    color: #B6B100;
}
.tablaGestina a:hover{
    color: #225C82;
}
.tablaGestina.table th, .tablaGestina.table td {

    padding: 0.55rem 0.3rem
}
div.dataTables_wrapper div.dataTables_filter
{
    float:left;
    width: 100%;
}
div.dataTables_wrapper div.dataTables_filter label
{
    width: 100%;
}
div.dataTables_wrapper div.dataTables_filter input.form-control-b,
div.dataTables_wrapper div.dataTables_filter input.form-control{
    margin-left:0px;
    border-bottom:none;
    border: 1px solid #CCCCCC !important;
    border-radius: 3px;
    padding: 5px 45px 5px 20px;
    background-image: url("../img/iconos/buscar.svg") !important;
    background-repeat: no-repeat !important;
    background-color: #FFF !important;
    background-position: calc(100% - 20px) center !important;
    background-size: 20px !important;
    transition: none;
    font-family: "dosismedium";
    font-size: 16px;
    color: #777;
    width: 80%;
}
div.dataTables_wrapper div.dataTables_filter input.form-control:focus, div.dataTables_wrapper div.dataTables_filter input.bmd-form-group.is-focused .form-control
{
    /*  -webkit-background-size: none !important;
      background-size: none !important;*/
}
div.styled .dataTables_length select
{
    border-bottom:none;
}
div.styled .dataTables_length select
{
    border:1px solid #2463AD;
    border-radius: 5px;
}
table.tablaGestina tr.right td.dataTableCenter {
    text-align: right;
}

table.tablaGestina td.dataTableCenter {
    text-align: center;
    vertical-align: middle;
}
.tablaGestina
{
    border: transparent;
    color: #777777;
    font-size: 16px;
    font-family: "dosismedium";
    border-radius: 0px;
    line-height: 20px;
    border: 1px solid #515429;
}
.tablaMovil
{
    display: none;
}
table > thead > tr > th
{
    color: #B6B100;
    font-size:16px;
    font-family:"dosisbold";
    text-transform:uppercase;
    padding: 10px;
}
table > thead > tr > th.dataTableCenter
{
    text-align:center;
}
table > thead > tr > th {
    border-bottom: 1px solid #ECEDED;
}
table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px dotted #ECEDED;
}
table > thead > tr > th, .table > tbody > tr > th, .table > tbody > tr:first-child > td
{
    border-top: none;
}
table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #ECEDED;
}
/*
table.dataTable.no-footer
{
    border-bottom: 1px solid #ECEDED;
}*/
table.dataTable tbody tr {
    background-color: transparent;
}
table.dataTable tbody tr td
{
    border-bottom: 1px solid #515429;
    padding: 10px;
    font-family: "dosismedium";
    font-size: 16px;
}
table.dataTable tbody tr.odd td
{
    /*background-color: #F5F5F5;*/
    border-bottom: 1px solid #515429;
}
table.dataTable tbody tr:last-child td
{
    border-bottom: none;
}
table.dataTable tbody tr:hover td
{
    color: #B6B100;
    /*font-weight: bold;*/
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before
{
    background-color:#B6B100;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before
{
    background-color:#B6B100;
}

table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before {
    color: #044843;
}
/* NOTA: quito el collapse porque sino no me redondea los border de la tabla*/
/*
.tablaGestina.table.dataTable {

    border-collapse: collapse !important;
}*/
.paddingLeftTabla
{
    padding-left: 25px !important;
}
.tablaGestina.table td a, .tablaGestina.table td span
{
    color:#888;
    font-size:18px;
}
.tablaGestina.table td a:hover, .tablaGestina.table td span:hover
{
    color:#888;
}
.tablaGestina.table td a i, .tablaGestina.table td span i
{
    color:#A5A9AB;
    font-size:20px;
}
.tablaGestina.table td a.verFicha i, .tablaGestina.table td span.verFicha i
{
    font-size:20px;
}
.tablaGestina.table td a:hover i, .tablaGestina.table td span:hover i
{
    color:#043C79;
}
.tablaGestina div.dataTables_wrapper div.dataTables_processing
{
    margin-top:0;
}
.dataTables_wrapper  .dataTables_length
{
    float: right !important;
}
div.dataTables_wrapper .paginationFooter div.dataTables_paginate
{
    float: right !important;
}
.dataTable tr td i, .iconoDefault
{
    color: #C4C4C4;
    margin: 0px 15px;
    font-size: 20px;
    transition: all .4s ease;
}
.dataTable tr td i:hover, .iconoDefault:hover
{
    color: #B6B100;
}
.dataTable tr td.editable i
{
    margin-left: 0;
    margin-right: 8px;
    vertical-align: middle;
}
/* Fin tabla */

/* INICIO HEADER */
ul, ol { padding: 0;}

.containerTop {
    background: #B6B100;
    color: white;
    height: 36px;
    line-height: 36px;
}

.btnAbreLogin svg
{
    margin-right: 5px;
}
.btnAbreLogin:hover
{
    color: #FFFFFF;
}
.btnAbreLogin i {

    font-size: 25px;
    line-height: 36px;
}
.btnAbreLogin span
{
    font-size: 15px;
}
.recuperarPass
{
    text-decoration: none;
    color: #515429;
}
.recuperarPass:hover
{
    color: #515429;
    text-decoration: underline;
}
.dropdown-toggle::after,.dropup .dropdown-toggle::after
{
    /*quitamos la flecha del desplegable*/
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left:none; }
/* FIN HEADER */


/* INICIO SECCION LOGIN */
#frmLogin label,
#frmLogin .recuperarPass,
#frmLogin .crearCuenta
{
    color: #777777 !important;
    font-size: 15px !important;
    font-family: "dosisregular";
}
#frmLogin .tituloForm
{
    font-size: 20px;
    text-decoration: none;
    text-align: center;
}
#bloqueLogin
{
    display: none;
    background: #ffffff none repeat scroll 0 0;
    display: none;
    right: 5px;
    padding: 25px 20px;
    position: absolute;
    text-align: left;
    z-index: 999;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    top: 40px;
    width: 255px;
    pointer-events: all;
}
#bloqueLogin.bloqueLoginIdentificado
{
    width: 185px;
    padding: 15px 20px;
}
.contieneLoginUsuario
{
    position: relative;
}
.contieneInfoUsuario
{
    color: #B6B100;
    font-size:18px;
    font-family: dosismedium;
    border-top:1px solid #B6B100;
    border-bottom:1px solid #B6B100;
    text-align: center;
    margin-bottom: 15px;
}
#bloqueLogin ul.menuUsuario
{
    list-style: none;
    text-align: center;
}
#bloqueLogin ul.menuUsuario li a
{
    font-family: "dosissemibold";
    font-size: 18px;
    color: #515429;
    text-decoration: none;
}
#bloqueLogin ul.menuUsuario li a:hover
{
    color: #B6B100;
}
.tituloAcceso
{
    font-family: 'dosissemibold';
    font-size: 30px;
    color: #515429;
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.elijeTipoUsuario
{
    padding: 0px 15px;
    margin-top: 10px;
}
/* FIN SECCION LOGIN */

/* INICIO CENTRO */
.infoCentro {
    padding: 0 15px;
}
.infoCentroVerde
{
    background-color: #B6B100;
    border-radius: 10px 0 0 10px;
    padding: 50px;
}
.infoCentroGris
{
    background-color: #F8F9FA;
    border-radius: 0 10px 10px 0;
    padding: 50px;
    position: relative;
    padding-left: 180px;
    min-height: 500px;
    border: 1px solid #B6B100;
}
.logoCentro, .logoProfesional
{
    position: absolute;
    top: calc(50% - 137px);
    left: -137.5px;
}
.logoProfesional img, .logoCentroImg
{
    width: 255px;
    height: 255px;
    object-fit: cover;
}
.logoCentro img,
.logoCentroImg {
    border-radius: 100%;
    width: 260px;
    height: 260px;
}
.logoProfesional img {
    border-radius: 50px;
}
.rotate90
{
    transform: rotate(90deg);
}
.fa-facebook-f
{
    color: #5D82D1;
}
.fa-twitter
{
    color: #45C0F5;
}
.fa-youtube
{
    color: #FF0000;
}
.fa-instagram-square
{
    color: #DD2A7B;
}
.enlaceWebCentro,.enlaceWebCentro:hover
{
    font-size: 18px;
    line-height: 23px;
    text-align: right;
    color: #B6B100;
    font-family: 'dosissemibold';
}
.iconText {
    display: table;
}

.iconText .icon, .iconText .text {
    display: table-cell;
    color: #515429;
    font-size: 18px;
    font-family: "dosismedium";
}
.text.telephone
{
    font-family: 'dosissemibold';
    font-size: 16px;
}
.iconText .icon
{
    padding-right: 10px;
    color: #515429;
    width: 30px;
}
.redesSocialesCentro i
{
    margin: 0 10px;
}
.redesSocialesCentro a:hover i
{
    color: #B6B100;
}
.centroExperiencia
{
    padding-right: 20px;
    max-height: 210px;
    text-align: justify;
}
.itemProfesional
{
    font-family: "dosissemibold";
    background: #FFFFFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    padding: 10px;
    text-align: center;
    height: 100%;
}
.itemProfesional:hover
{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.itemProfesionalImagen {
    /*width: 200px;*/
    height: 200px;
    object-fit: cover;
    border-radius: 3px 3px 0 0;
}
.itemProfesionalTitulo
{
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    text-transform: capitalize;

    color: #515429;

    margin-top: 10px;
}
.itemProfesional a:hover,
.itemProfesional:hover .itemProfesionalTitulo
{
    color: #B6B100;
    text-decoration: none;
}

.contieneServicios
{

}
.itemServicio
{
    font-family: "dosissemibold";
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    background: #FFFFFF;
    border-radius: 3px;
    padding: 20px;
    text-align: center;
    height: 100%;
}
.itemServicio:hover
{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.itemServicioTitulo
{
    font-size: 20px;
    line-height: 20px;

    text-align: center;
    text-transform: capitalize;

    color: #515429;

    height: 40px;
    overflow: hidden;
}
.itemServicio:hover .itemServicioTitulo
{
    color: #B6B100;

}
.itemServicio b
{
    font-family: "dosissemibold";
    font-weight: normal;
}
.itemServicioPonente
{
    font-family: "dosismedium";
    color: #777777;
    font-size: 18px;
    line-height: 20px;
    margin-top: 15px;
}
.itemServicioFecha
{
    font-family: "dosisregular";
    color: #777777;
    font-size: 18px;
    line-height: 20px;

}
.itemServicioDuracion
{
    font-family: "dosisregular";
    margin-top: 16px;
    margin-bottom: 6px;
    color: #777777;
    font-size: 20px;
}
.itemCurso .itemServicioDuracion
{
    margin-top: 0;
    font-size: 18px;
    line-height: 20px;

}
.itemServicioImporte
{
    font-family: "dosismedium";
    color: #B6B100;
    font-size: 25px;
}
.itemServicioIconos
{
    margin-top: 30px;
    margin-bottom: 20px;
}
.itemCurso .itemServicioIconos
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.itemServicioIconos i
{
    color: #AAAAAA;
    font-size: 25px;
    margin-right: 20px;
}
.itemServicioIconos i:last-child
{
    margin-right: 0;
}
.itemServicioNumAsistentes
{
    font-family: "dosisregular";
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    color: #AAAAAA;
    /*margin-left: -25px;*/
}
.itemServicioNumAsistentes + .btnAbrirMasInfo {
    margin-left: 30px;
}
.itemServicioIconos .btnAbrirMasInfo
{
    color: #b6b100;
    cursor: pointer;
}
.itemServicioIconos .fas.fa-info-circle:hover
{
    color: #515429;
}
.itemServicioBotones .btnStandard:first-child
{
    margin-left: 0;
}
.itemServicioBotones .btnStandard
{
    margin-left: 20px;
}
.scrollbar420 .modal-body.custom-scroll-bar {
    max-height: 420px;
    margin: 10px 10px 50px;
}
.scrollbar420 .modal-footer {
    display: none;
}
.modal-footer {
    justify-content: center;
    border: none;
}
/* FIN CENTRO */


/* INICIO RESERVA */
.servicioTitulo
{
    font-family: "dosissemibold";
    font-size: 34px;
    line-height: 43px;
    text-transform: uppercase;
    color: #515429;
}
.servicioSeparador
{
    font-family: "dosissemibold";
    font-size: 30px;
    color: #515429;
    letter-spacing: -6px;
    margin: 0 15px 0 10px;
}
.servicioDuracion
{
    font-family: "dosissemibold";
    font-size: 30px;
    color: #B6B100;
}
.servicioHoyFechaProfesional
{
    border: 1px solid #F0F0F0;
    padding: 15px;
    border-radius: 3px;
}
.servicioHoy
{
    font-family: "dosissemibold";
    font-size: 18px;
    background: #B6B100;
    padding: 8px 20px;
    color: #FFFFFF;
    border-radius: 5px;
}
.servicioFecha
{
    font-family: "dosissemibold";
    font-size: 20px;
    color: #B6B100;
}
.servicioProfesional
{
    border-left: 1px solid #E9E9E9;
    padding-left: 10px;
    font-family: "dosismedium";
    font-size: 20px;
    color: #777777;
}
.datepick-popup .datepick,
#wrapper .calendario .datepick {
    background-color: #fff;
    color: #000;
    border: 1px solid #515429;
    border-radius: 3px;
    font-size: 15px;
    font-family: 'dosismedium';
    color: #666666;
}
.datepick-popup .datepick-nav,
.datepick-popup .datepick-ctrl,
#wrapper .calendario .datepick-nav,
#wrapper .calendario .datepick-ctrl {
    float: left;
    width: 100%;
    background-color: initial;
    color: #B6B100;
    font-size: 90%;
    font-family: 'dosissemibold';
    padding: 5px;
}

.datepick-popup .datepick a,
#wrapper .calendario .datepick a
{
    color: #B6B100;
    text-decoration: none;
}
.datepick-popup .datepick-cmd:hover a,
#wrapper .calendario .datepick-cmd:hover a
{
    color: #B6B100;
}
.datepick-popup .datepick-cmd:hover,
#wrapper .calendario .datepick-cmd:hover
{
    background-color: #B6B100;
    color: #FFFFFF;
}
/*.datepick-popup .datepick,*/
#wrapper .calendario .datepick
{
    width: 100% !important;
}
.datepick-popup .datepick-month,
#wrapper .calendario .datepick-month
{
    border: none;
    width: 100%;
}

.datepick-popup .datepick-month-header,
.datepick-popup .datepick-month-header select,
.datepick-popup .datepick-month-header input,
#wrapper .calendario .datepick-month-header,
#wrapper .calendario .datepick-month-header select,
#wrapper .calendario .datepick-month-header input
{
    background-color: inherit;
    color: #B6B100;
}

.datepick-popup div.styled select,
.datepick-popup div.datepick-month-header select,
#wrapper .calendario div.styled select,
#wrapper .calendario div.datepick-month-header select
{
    border-bottom: none;
}
.datepick-popup .datepick-month-year:nth-child(1),
#wrapper .calendario .datepick-month-year:nth-child(1)
{
    min-width: 110px;
}
.datepick-popup .datepick-month-year:nth-child(2),
#wrapper .calendario .datepick-month-year:nth-child(2)
{
    min-width: 60px;
}
.datepick-popup .datepick-month th,
.datepick-popup .datepick-month th a,
#wrapper .calendario .datepick-month th,
#wrapper .calendario .datepick-month th a
{
    background-color: inherit;
    color: #B6B100;
    border: none;
}
.datepick-popup .datepick-month td,
#wrapper .calendario .datepick-month td
{
    background-color: inherit;
    border: none;
}
.datepick-popup .datepick-month a,
#wrapper .calendario .datepick-month a
{
    background-color: inherit;
    color: #666666;
}
.datepick-popup .datepick-month a:hover,
.datepick-popup .datepick-month td a.datepick-weekend:hover,
#wrapper .calendario .datepick-month a:hover,
#wrapper .calendario .datepick-month td a.datepick-weekend:hover
{
    color: #B6B100;
    background-color: #FFFFFF;
}
.datepick-popup .datepick-month td .datepick-weekend,
#wrapper .calendario .datepick-month td .datepick-weekend
{
    background-color: inherit;
}
.datepick-popup .datepick-month td .datepick-other-month,
#wrapper .calendario .datepick-month td .datepick-other-month
{
    background-color: inherit;
}
.datepick-popup .datepick-month td .datepick-today,
#wrapper .calendario .datepick-month td .datepick-today
{
    /*color: #B6B100;*/
    background: none;
}
.datepick-popup .datepick-ctrl .datepick-cmd:hover
{
    background: none;
    color: #B6B100;
}
.datepick-popup .datepick-month td .datepick-today:hover,
#wrapper .calendario .datepick-month td .datepick-today:hover
{
    color: #B6B100;
    background-color: #FFFFFF;
}
.datepick-popup .datepick-month td .datepick-selected,
#wrapper .calendario .datepick-month td .datepick-selected
{
    color: #B6B100;
    background-color: #FFFFFF;
}
.datepick-popup .datepick-month thead,
#wrapper .calendario .datepick-month thead
{
    border-bottom: inherit;
}
.tituloProfesionales
{
    font-family: "dosissemibold";
    font-size: 20px;
}
.contieneProfesionales {
    padding: 20px;
    max-height: 215px;
    margin-bottom: 20px;
}
em.numSMS
{
    font-size: 13px;
}
.tituloSeccionInterior
{
    font-family: "dosissemibold";
    font-size: 35px;
    line-height: 35px;
    text-transform: uppercase;
    color: #B6B100;
    border-bottom: 2px solid #B6B100;
    padding-bottom: 5px;
    padding-left: 0;
}
.subTituloSeccionInterior
{
    font-family: "dosissemibold";
    font-size: 20px;
    line-height: 25px;
    color: #515429;
    text-decoration: underline;
}
.yaTienesCuenta
{
    font-family: "dosissemibold";
    font-size: 18px;
    line-height: 18px;
    margin-right: 10px;
}
#frmLogin label:not(.visible),
#frmCrearCuenta .hideLabels label:not(.visible)
{
    display: none;
}
#frmCrearCuenta .form-check .form-check-label span
{
    top: -1px;
}
.infoCentroReserva
{
    font-family: "dosismedium";
    font-size: 18px;
}
.infoCentroReservaNombreCentro
{
    text-transform: uppercase;
}
.contiene_gpcita_avisoSMS
{
    margin-top: 20px;
}
.contiene_gpcita_avisoSMS .form-check
{
    width: 100%;
}
.contiene_gpcita_avisoSMS .form-check .form-check-label span.form-checkbox-text
{
    position: absolute;
    left: inherit;
    top: 6px;
}
/* FIN RESERVA */

/* INICIO PROFESIONAL */
#wrapper.plataformaProfesional
{
    background: #F8F9FA;
    /*min-height: calc(100vh - 96px);*/
    min-height: 100vh;
}
#wrapper.plataformaProfesional > .row
{
    height: 100%;
}
.plataformaProfesionalMenu {
    z-index: 9;
    width: 300px;
}
.iconoMenu
{
    margin-right: 5px;
    color: #B6B100;
    cursor: pointer;
}
.iconoCerrarMenu {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.plataformaProfesionalMenu
{
    background: #FFFFFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    padding: 30px 30px 30px 45px;
    /*min-height: calc(100vh - 96px);*/
    min-height: 100vh;
    top: 0;
    bottom: 0;
    position: fixed;
    overflow: auto;
}

.plataformaProfesionalContenido
{
    margin-bottom: 30px;
    padding: 0px 30px;
    height: 100%;
}

.interiorContieneSeccionProfesional
{
    background: #FFFFFF;
    padding: 20px 0;
    border-radius: 3px;
    border: 1px solid #F0F0F0;
    overflow: hidden;
}
.activarDesactivarOcultos
{
    margin-bottom: -40px;
    pointer-events: none;
}
.activarDesactivarOcultos > div
{
    display: inline-block;
    pointer-events: auto;
    margin-bottom: 0;
}
.activarDesactivarOcultos .form-check .form-check-label span
{
    top: 0px;
}
.current_subsection_miPlan .interiorContieneSeccionProfesional
{
    background: none;
}
.tituloSeccionProfesionalInterior
{
    font-family: "dosissemibold";
    font-size: 20px;
    color: #B6B100;
    border-bottom: 2px solid #B6B100;
    text-transform: uppercase;
    padding-left: 0;
    margin-left: 15px;
}
#wrapper.plataformaProfesional
{
    padding: 0;
}
.fotoProfesional
{
    object-fit: cover;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    margin: auto;
    display: block;
}
.fotoProfesionalListadoCentro
{
    object-fit: cover;
    width: 45px;
    height: 45px;
    margin: auto;
    display: block;
}
.nombreProfesional
{
    font-family: "dosissemibold";
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;

}
ul.menuProfesional
{
    margin-top: 20px;
}
.menuProfesional a:hover {
    color: #515429;
    text-decoration: none;
}
.menuProfesional li
{
    margin: 0;
    list-style-type:none;

    border-radius: 5px;
    margin-bottom: 10px;
    padding: 8px 20px;
}
.menuProfesional li i
{
    width: 20px;
    text-align: center;
    margin-right: 10px;
}
.menuProfesional li:hover,
.menuProfesional li.seletedMenu
{
    background: #E5E5E5;
}
.contieneSeccionProfesional
{
    padding: 0 20px;
}
.tituloSeccionProfesional
{
    font-family: "dosissemibold";
    font-size: 25px;
    color: #777777;
    margin: 20px 0;
    padding: 0px;
}
.subTituloSeccionInteriorProfesional
{
    font-family: "dosissemibold";
    font-size: 20px;
    color: #B6B100;
    margin: 20px 0;
    border-bottom: 1px solid #B6B100;
    text-transform: uppercase;
}
.padding0
{
    padding: 0;
}
#frmEP_gpp_descripcion {
    height: 165px !important;
}
#frmEDC_gpp_descripcion,
#frmEDC_gpc_LOPD_email,
#frmEDC_gpc_LOPD_factura
{
    height: 165px !important;
}
.containerProfesionalImagen
{
    background: #E6E6E6;
    border-radius: 10px;
    padding: 15px;
}
.tituloSeccionCitaProfesionales
{
    font-family: "dosissemibold";
    font-size: 20px;
    color: #666666;
    margin: 10px 0;
}
.trabajador
{
    border-radius: 5px;
    font-family: dosissemibold;
    font-size: 16px;
    padding: 10px 20px;
    margin-bottom: 10px;

    color: rgba(5, 5, 5, 1);
    background: rgba(5, 5, 5, 0.15);
}
#wrapper a:not([href]):not([tabindex]).citaActual
{
    color: rgba(5, 5, 5, 1);
    background: rgba(5, 5, 5, 0.15);
}
#wrapper .fc-v-event.trabajador-color-1.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-1.active,
.trabajador-color-1.active
{
    color: rgba(54, 153, 255, 1);
    background: rgba(54, 153, 255, 0.15);
}
.infoCalendarService.trabajador-color-1.active .infoCalendarContentLineIconColor
{
    background-color: rgba(54, 153, 255, 1);
}
.ownAgenda, .fc-timegrid-col-events .ownAgenda,
#wrapper .fc-v-event.ownAgenda .fc-event-main,
a:not([href]):not([tabindex]).ownAgenda,
#wrapper .fc-v-event.trabajador-color-2.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-2.active,
.trabajador-color-2.active
{
    color: rgba(247, 107, 122, 1);
    background: rgba(247, 107, 122, 0.15);
}
.infoCalendarService.ownAgenda .infoCalendarContentLineIconColor,
.infoCalendarService.trabajador-color-2.active .infoCalendarContentLineIconColor
{
    background-color: rgba(247, 107, 122, 1);
}
#wrapper .fc-v-event.trabajador-color-3.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-3.active,
.trabajador-color-3.active
{
    color: rgba(137, 80, 252, 1);
    background: rgba(137, 80, 252, 0.15);
}
.infoCalendarService.trabajador-color-3.active .infoCalendarContentLineIconColor
{
    background-color: rgba(137, 80, 252, 1);
}
#wrapper .fc-v-event.trabajador-color-4.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-4.active,
.trabajador-color-4.active
{
    color: rgba(255, 168, 0, 1);
    background: rgba(255, 168, 0, 0.15);
}
.infoCalendarService.trabajador-color-4.active .infoCalendarContentLineIconColor
{
    background-color: rgba(255, 168, 0, 1);
}
#wrapper .fc-v-event.trabajador-color-5.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-5.active,
.trabajador-color-5.active
{
    color: rgba(16, 138, 109, 1);
    background: rgba(16, 138, 109, 0.15);
}
.infoCalendarService.trabajador-color-5.active .infoCalendarContentLineIconColor
{
    background-color: rgba(16, 138, 109, 1);
}
#wrapper .fc-v-event.trabajador-color-6.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-6.active,
.trabajador-color-6.active
{
    color: rgb(120, 89, 9);
    background: rgba(120, 89, 9, 0.15);
}
.infoCalendarService.trabajador-color-6.active .infoCalendarContentLineIconColor
{
    background-color: rgba(120, 89, 9, 1);
}
#wrapper .fc-v-event.trabajador-color-7.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-7.active,
.trabajador-color-7.active
{
    color: rgba(63, 81, 181, 1);
    background: rgba(63, 81, 181, 0.15);
}
.infoCalendarService.trabajador-color-7.active .infoCalendarContentLineIconColor
{
    background-color: rgba(63, 81, 181, 1);
}
#wrapper .fc-v-event.trabajador-color-8.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-8.active,
.trabajador-color-8.active
{
    color: rgba(27, 197, 189, 1);
    background: rgba(27, 197, 189, 0.15);
}
.infoCalendarService.trabajador-color-8.active .infoCalendarContentLineIconColor
{
    background-color: rgba(27, 197, 189, 1);
}
#wrapper .fc-v-event.trabajador-color-9.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-9.active,
.trabajador-color-9.active
{
    color: rgba(166, 3, 3, 1);
    background: rgba(166, 3, 3, 0.15);
}
.infoCalendarService.trabajador-color-9.active .infoCalendarContentLineIconColor
{
    background-color: rgba(166, 3, 3, 1);
}
#wrapper .fc-v-event.trabajador-color-10.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-10.active,
.trabajador-color-10.active
{
    color: rgba(4, 191, 104, 1);
    background: rgba(4, 191, 104, 0.15);
}
.infoCalendarService.trabajador-color-10.active .infoCalendarContentLineIconColor
{
    background-color: rgba(4, 191, 104, 1);
}
#wrapper .fc-v-event.trabajador-color-11.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-11.active,
.trabajador-color-11.active
{
    color: rgba(115, 20, 89, 1);
    background: rgba(115, 20, 89, 0.15);
}
.infoCalendarService.trabajador-color-11.active .infoCalendarContentLineIconColor
{
    background-color: rgba(115, 20, 89, 1);
}
#wrapper .fc-v-event.trabajador-color-12.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-12.active,
.trabajador-color-12.active
{
    color: rgb(97, 133, 37);
    background: rgba(97, 133, 37, 0.15);
}
.infoCalendarService.trabajador-color-12.active .infoCalendarContentLineIconColor
{
    background-color: rgba(97, 133, 37, 1);
}
#wrapper .fc-v-event.trabajador-color-13.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-13.active,
.trabajador-color-13.active
{
    color: rgba(232, 94, 30, 1);
    background: rgba(232, 94, 30, 0.15);
}
.infoCalendarService.trabajador-color-13.active .infoCalendarContentLineIconColor
{
    background-color: rgba(232, 94, 30, 1);
}
#wrapper .fc-v-event.trabajador-color-14.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-14.active,
.trabajador-color-14.active
{
    color: rgba(242, 102, 205, 1);
    background: rgba(242, 102, 205, 0.15);
}
.infoCalendarService.trabajador-color-14.active .infoCalendarContentLineIconColor
{
    background-color: rgba(242, 102, 205, 1);
}
#wrapper .fc-v-event.trabajador-color-15.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-15.active,
.trabajador-color-15.active
{
    color: rgba(111, 54, 55, 1);
    background: rgba(111, 54, 55, 0.15);
}
.infoCalendarService.trabajador-color-15.active .infoCalendarContentLineIconColor
{
    background-color: rgba(111, 54, 55, 1);
}
#wrapper .fc-v-event.trabajador-color-16.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-16.active,
.trabajador-color-16.active
{
    color: rgb(69, 186, 179);
    background: rgba(69, 186, 179, 0.15);
}
.infoCalendarService.trabajador-color-16.active .infoCalendarContentLineIconColor
{
    background-color: rgba(69, 186, 179, 1);
}
#wrapper .fc-v-event.trabajador-color-17.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-17.active,
.trabajador-color-17.active
{
    color: rgba(108, 0, 178, 1);
    background: rgba(108, 0, 178, 0.15);
}
.infoCalendarService.trabajador-color-17.active .infoCalendarContentLineIconColor
{
    background-color: rgba(108, 0, 178, 1);
}
#wrapper .fc-v-event.trabajador-color-18.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-18.active,
.trabajador-color-18.active
{
    color: rgba(83, 185, 88, 1);
    background: rgba(83, 185, 88, 0.15);
}
.infoCalendarService.trabajador-color-18.active .infoCalendarContentLineIconColor
{
    background-color: rgba(83, 185, 88, 1);
}
#wrapper .fc-v-event.trabajador-color-19.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-19.active,
.trabajador-color-19.active
{
    color: rgba(255, 35, 133, 1);
    background: rgba(255, 35, 133, 0.15);
}
.infoCalendarService.trabajador-color-19.active .infoCalendarContentLineIconColor
{
    background-color: rgba(255, 35, 133, 1);
}
#wrapper .fc-v-event.trabajador-color-20.active .fc-event-main,
a:not([href]):not([tabindex]).trabajador-color-20.active,
.trabajador-color-20.active
{
    color: rgba(5, 32, 114, 1);
    background: rgba(5, 32, 114, 0.15);
}
.infoCalendarService.trabajador-color-20.active .infoCalendarContentLineIconColor
{
    background-color: rgba(5, 32, 114, 1);
}
.tituloSeccionSobreNosotrosCentro
{
    font-family: "dosissemibold";
    font-size: 15px;
    color: #666666;
    margin: 10px 0;
}
.col-2-10
{
    flex: 0 0 20%;
    max-width: 20%;
}
.col-3-10
{
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}
.col-4-10
{
    flex: 0 0 40%;
    max-width: 40%;
}

#wrapper input:checked + .slider
{
    background: rgba(182, 177, 0, 0.5);
}
#wrapper input[type="checkbox"]:checked + .slider:before
{
    background-color: #B6B100;
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
}

#wrapper .slider:before
{
    background: #FAFAFA;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    top: -3px;
    left: -1px;
}

#wrapper .switch {
    width: 40px;
}
#wrapper .slider
{
    height: 50%;
    top: 8px;
}
#wrapper input[type="text"].inputHora {
    width: 50px;
    padding: 0 !important;
    margin: 0;
    height: 25px !important;
    text-align: center;
}
.listadoHorarios
{
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 10px;
}
.btnAgregarHorario {
    display: none;
    color: #515429;
    font-family: "dosissemibold";
    font-size: 18px;
}
.btnAgregarHorario:hover
{
    color: #B6B100;
}
.itemHora:last-child .btnAgregarHorario {
    display: block;
}
.horarioUnico .btnEliminaHorario
{
    display: none;
}
.sinHorario
{
    display: none;
}
.itemPlan, .notaPlanes
{
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    padding: 40px;
    height: 100%;
}
.notaCrearCliente
{
    font-size: 13px;
    margin-left: 20px;
}
.notaObservaciones
{
    font-size: 13px;
    margin-left: 20px;
}
.notaPlanes
{
    padding: 10px;
}
.notaPlanesTexto
{
    font-size: 15px;
    text-align: center;
}
.itemPlanTitulo
{
    font-family: "dosisbold";
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;

    color: #B6B100;
}
.itemPlanPrecios
{
    margin-top: 15px;
    margin-bottom: 15px;
}
.itemPlanTituloPrecio
{
    font-family: "dosismedium";
    font-size: 13px;
    color: #777777;
    margin-bottom: -10px;
}
.itemPlanPrecioMes
{
    font-family: "dosismedium";
    font-size: 20px;
}
.itemPlanPrecioSocio
{
    font-family: "dosisbold";
    font-size: 30px;
    color: #B6B100;
}
.itemPlanPrecioNoSocio
{
    font-family: "dosisbold";
    font-size: 30px;
    color: #777777;
}
.itemPlanCaracteristicas
{
    font-family: "dosismedium";
    font-size: 15px;
    color: #777777;
    text-align: center;
    min-height: 120px;
    line-height: 30px;
}
.miPlanActual
{
    font-family: "dosissemibold";
    font-size: 20px;
    line-height: 51px;
    color: #B6B100;
}
div.dataTables_wrapper .search100 div.dataTables_filter input.form-control
{
    width: 100%;
}
.simulaSelect {
    border-bottom: none;
    height: 50px !important;
    /*background: url("../img/iconos/calendar.svg") no-repeat;
    background-position-x: 20px;
    background-position-y: 15px;*/
    background-color: transparent;
}
.simulaSelect input[type="text"].fechaDesplegable {
    height: 50px !important;
    background: url("../img/iconos/select.svg") no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: center;
    background-color: #FFF;
}
.labelEligeFechaFactura
{
    font-family: "dosisbold";
    font-size: 15px;
    color: #B6B100 !important;
}
.contieneLogosArchivos img {
    margin-bottom: 5px;
}
.tablaGestina a.enlaceCentro,
.enlaceCentro
{
    color: #B6B100;
}
.infoCalendar
{
    display: none;
    background: #FFFFFF;
    padding: 20px;
    font-family: dosismedium;
    font-size: 17px;
    color: #777777;
}
.infoCalendarButtons
{
    text-align: right;
    margin-bottom: 10px;
}
.infoCalendarContentLine {
    display: flex;
    margin-bottom: 15px;
}
.infoCalendarContentLineIcon
{
    flex: 0 0 35px;
    text-align: center;
    font-size: 20px;
}
.infoCalendarService {
    background: inherit !important;
    font-family: "dosissemibold";
    font-size: 19px;
}
.infoCalendarContentLineIconColor
{
    padding: 5px;
    border-radius: 6px;
    width: 70%;
    height: 70%;
    margin-top: 5px;
    margin-left: 5px;
}
.infoCalendarButtons i {
    margin-right: 15px;
}
.infoCalendarButtons.bloqueada .btnCalendarButtonEdit,
.infoCalendarButtons.bloqueada .btnCalendarButtonDelete
{
    display: none;
}
.formaPagoPagado
{
    color: #6AD02B;
}
.formaPagoPendiente
{
    color: #F43F3F;
}
.btnCalendarButtonEdit,
.btnCalendarButtonDelete,
.btnCalendarButtonClose,
.btnVideoChat
{
    cursor: pointer;
}
.btnCalendarButtonEdit:hover,
.btnCalendarButtonDelete:hover,
.btnCalendarButtonClose:hover,
.btnVideoChat:hover
{
    color: #B6B100;
}
.grupoFile input::-webkit-file-upload-button {
    float: right;
}
.grupoFile {
    display: flex;
    vertical-align: middle;
    align-items: center;
}
.grupoFile input[type="file"]
{
    margin-right: 10px;
    border: none !important;
}
.grupoFile .btnDeleteInput
{
    cursor: pointer;
}
.grupoFile .btnDeleteInput:hover
{
    color: #B6B100;
}
.grupoFile:last-child .btnDeleteInput
{
    visibility: hidden;
}
.contenedorFicheros
{
    border: 1px solid #CCCCCC;
    padding: 5px;
}
.contenedorFicheros .custom-scroll-bar
{
    max-height: 160px;
}
.ficheroSubido {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.ficheroSubido i{
    margin-right: 10px;
    color: #777777;
    cursor: pointer;
}
.ficheroSubido i:hover{
    color: #B6B100;
}
.ficheroSubido a
{
    color: #777777;
}
.ficheroSubido.eliminarFichero i, .ficheroSubido.eliminarFichero a {
    color: #CCCCCC;
    text-decoration: line-through;
}
.itemHorario
{
    margin-top: 3px;
}
#frmRH_hora,
#frmCHR_hora
{
    width: 80px;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
}
#frmCHR_dia
{
    width: 120px;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
}
#frmRH_recurrenteNumRepeticiones
{
    width: 80px;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
}

.contiene_frmRH_recurrenteTipo {
    width: 210px;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    text-align: center;
}
.contiene_frmRH_recurrenteActivo {
    width: 210px;
    display: inline-block;
    margin-left: 45px;
    position: relative;
    text-align: center;
}
.datosRecurrenteActivo
{
    display: none;
}
.citaRecurrente
{
    display: none;
}
.btnVerCitasRecurrentes,
.btnCalendarRecurrenteButtonEdit
{
    display: none;
}
.current_subsection_confirmarCitaMultiple #calendar {
    min-height: 700px;
}
.current_subsection_agenda .tooltipsterCitaRecurrente .btnVerCitasRecurrentes,
.current_subsection_confirmarCitaMultiple .tooltipsterCitaRecurrente .btnCalendarRecurrenteButtonEdit
{
    display: inline-block;
    cursor: pointer;
}

.current_subsection_confirmarCitaMultiple .infoCalendarOnToolTipster .btnVideoChat,
.current_subsection_confirmarCitaMultiple .infoCalendarOnToolTipster .btnCalendarButtonEdit,
.current_subsection_confirmarCitaMultiple .infoCalendarOnToolTipster .btnCalendarButtonDelete,
.current_subsection_confirmarCitaMultiple .infoCalendarOnToolTipster .btnMarcarComoPagado,
.current_subsection_confirmarCitaMultiple .infoCalendarOnToolTipster .btnHacerFactura
{
    display: none;
}
.current_subsection_confirmarCitaMultiple .ownAgenda,
.current_subsection_confirmarCitaMultiple a:not([href]):not([tabindex]).ownAgenda,
.current_subsection_confirmarCitaMultiple .infoCalendarService.ownAgenda .infoCalendarContentLineIconColor
{
    color: rgba(180, 180, 180, 1);
    background: rgba(180, 180, 180, 0.15);
}

.current_subsection_confirmarCitaMultiple .citaMultipleSolapado,
.current_subsection_confirmarCitaMultiple a:not([href]):not([tabindex]).citaMultipleSolapado,
.current_subsection_confirmarCitaMultiple .infoCalendarService.citaMultipleSolapado .infoCalendarContentLineIconColor
{
    color: rgba(247, 107, 122, 1);
    background: rgba(247, 107, 122, 0.15);
}
.current_subsection_confirmarCitaMultiple .citaMultipleSinSolapar,
.current_subsection_confirmarCitaMultiple a:not([href]):not([tabindex]).citaMultipleSinSolapar,
.current_subsection_confirmarCitaMultiple .infoCalendarService.citaMultipleSinSolapar .infoCalendarContentLineIconColor
{
    color: rgba(4, 191, 104, 1);
    background: rgba(4, 191, 104, 0.15);
}
.contieneFiltroDescargaFacturas
{
    margin-bottom: -60px;
    z-index: 8;
    pointer-events: none;
}
.bloqueadoPorAdmin
{
    background: red;
    color: white;
    padding: 20px;
    text-align: center;
}
.frmEBH_variosDia .form-check .form-check-label .circle {
    top: 5px;
}

.frmEBH_variosDia .form-check {
    display: inline-block;
    margin-left: 30px;
}
/* FIN PROFESIONAL */

/* INICIO DE NOTIFICACIONES */
#btnAbrirNotificaciones
{
    color: #F76B7A;
    position: relative;
    margin-left: 30px;
}
#btnAbrirNotificaciones .numNotificaciones
{
    background: #FFFFFF;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);

    font-family: 'dosisregular';
    font-size: 15px;
    line-height: 19px;
    text-align: center;

    color: #F76B7A;
    width: 20px;
    height: 20px;
    border-radius: 100%;

    display: block;
    position: absolute;
    top: -5px;
    right: -12px;
}

#cerrarNotificaciones {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

#notificaciones.open
{
    opacity:1;
    display:block;
    transform: none;
}

.tituloNotificaciones
{
    font-family: dosisregular;
    font-size: 25px;
    color: #777777;
    margin-bottom: 25px;
    margin-top: 10px;
    text-align: center;
}

#scroll-notificaciones
{
    padding-right: 15px;
    height: calc(100% - 65px);
}

#scroll-notificaciones.custom-scroll-bar::-webkit-scrollbar-thumb
{
    background-color: #B6B100;
    border: none;
}

#notificaciones
{
    z-index: 15000;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    width: 455px;
    background: white;
    border-top: none;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    padding-bottom: 20px;
    height: calc(var(--vh, 1vh) * 100);
    transform: translateX(100%);
    transition: transform 0.25s ease-in-out;
    padding: 25px 15px;
    font-family: dosisregular;
}

.notificacion::before {
    content: "\f073";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #777777;/* #F76B7A;*/
    display: inline-block;
    vertical-align: middle;
    margin-left: -30px;
    margin-bottom: -50px;
}

.notificacion {
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
    margin-top: -25px;
    font-size: 16px;
    margin-bottom: 20px;
}

.notificacionTipoUsuario::before
{
    content: "\f53a";
}

.notificacionDestacada
{
    font-weight: bold;
}
/* FIN DE NOTIFICACIONES */

/* INICIO VIDEOCHAT */
.btnCloseDerecha
{
    display: none;
}
.miniaturasParticipantes {
    margin-bottom: 20px;
    text-align: center;
    max-width: calc(100% - 2*85px);
    overflow: auto;
    white-space: nowrap;
    /* height: 150px; */
    margin-left: 85px;
}
.miniaturaParticipante
{
    width: 160px;
    display: none;
    position: relative;
    margin: 5px;
    vertical-align: middle;
}
.miniaturaParticipanteVideo
{
    height: 120px;
}
.miniaturaParticipanteVideo video
{
    width: 100%;
    border: 1px solid #FFFFFF;
    border-radius: 15px;
    height: 120px;
    object-fit: cover;
}
.miniaturaParticipanteVideo[data-selected="1"] video
{
    border: 1px solid #B6B100;
}
.miniaturaParticipanteVideo img
{
    width: 100%;
    object-fit: cover;
    border: 1px solid #FFFFFF;
    border-radius: 15px;
    height: 120px;
    object-position: 50% 0%;
}
.miniaturaParticipanteNombre
{
    font-size: 13px;
    font-family: dosismedium;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 5px;
    left: 5px;
    white-space: nowrap;
    max-width: 150px;
    overflow: hidden;
    padding: 5px 10px;
    border-radius: 5px;
}
.miniaturaParticipanteNombreNombre
{
    max-width: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}
.videosParticipantes
{
    text-align: center;
    padding: 0;
    /*margin: 0 -15px;*/
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
}
.videoParticipante
{
    width: 25%;
    display: none;
    position: relative;
}
.videoParticipanteVideo {
    max-width: 100%;
    object-fit: contain;
    height: 340px;
    overflow: hidden;
}
.videoParticipanteVideo video
{
    height: 340px;
    width: 100%;
    object-fit: contain;
}
.imagenVideoNoDisponible
{
    font-size: 250px;
    color: white;
    background: black;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    display: none;
}
.videoParticipante[data-selected="0"] .imagenVideoNoDisponible
{
    display: none !important;
}
.miniaturaParticipante .imagenVideoNoDisponible {
    font-size: 50px;
}
.pantallaPrincipal
{
    min-height: 100vh;
}
.btnExpand
{
    display: none;
}
.pantallaCarga
{
    display: none;
}
.cargando .pantallaCarga
{
    display: flex;
}
.cargando .pantallaPrincipalCompleta
{
    display: none;
}
.PPCOn .elementosDerecha
{
    display: none;
}
.PPCOn .pantallaPrincipal
{
    flex: 0 0 100%;
    max-width: 100%;
}
.elementosDerecha
{
    min-height: 100vh;
    background: #FFFFFF;
}
.elementosDerecha i {
    width: 25px;
    text-align: center;
}
.tituloParticipantesChat
{
    color: #B6B100;
    font-size: 25px;
    font-family: dosissemibold;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #F1F3F4;
    padding-bottom: 10px;
}
.tituloParticipantesChat i
{
    margin-right: 10px;
}
.itemParticipante
{
    display: none;
    margin-bottom: 40px;
}
.itemParticipante i
{
    font-size: 15px;
}
.itemParticipanteNombre
{
    color: #777777;
    font-size: 18px;
    font-family: dosismedium;
}
.itemParticipanteIcono
{
    padding: 0px;
}
.itemParticipanteIcono .fa-microphone-slash,
.itemParticipanteIcono .fa-video-slash
{
    color: #F03325;
}
.ventanaParticipantes
{
    display: none;
}
.ventanaChat
{
    display: none;
}
.contieneElementosDerecha
{
    height: 100vh;
}
.contieneChat
{
    height: calc(100vh - 128px);
}
.btnAdjuntarFichero
{
    margin-right: 20px;
    position: relative;
}
#frmAdjuntarFichero
{
    display: none;
}
#frmMensajeChat
{
    width: calc(100% - 125px);
    display: inline-block;
    background: #F1F1F1;
    border-radius: 50px;
    height: 45px !important;
    line-height: 45px;

    font-family: dosisregular;
    font-size: 15px;
    color: #777777;
}
.btnEnviarMensaje
{
    margin-left: 20px;
    background: #B6B100;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #FFFFFF;
    display: inline-block;
}
.conferenciaGrabandose
{
    line-height: 15px;
    font-size: 15px;
    font-family: dosismedium;
    color: #FFFFFF;
    background: #F06060;
    text-align: center;
    padding: 5px;
    visibility: hidden;
}
.barraHerramientas {
    position: absolute;
    text-align: center;
    bottom: 5px;
    left: 0;
    right: 0;
}
.iconoAccion {
    display: inline-block;
    text-align: center;
    margin: 0 30px;
}
.iconoAccionIconoHover
{
    display: none;
}
.iconoAccionIconoHovered .iconoAccionIconoHover
{
    display: block;
}
.iconoAccionIconoHovered .iconoAccionIcono
{
    display: none;
}
.iconoAccion:hover .iconoAccionIcono
{
    display: none;
}
.iconoAccionIconoHovered.iconoAccion:hover .iconoAccionIcono
{
    display: block;
}
.iconoAccion:hover .iconoAccionIconoHover
{
    display: block;
}
.iconoAccionIconoHovered.iconoAccion:hover .iconoAccionIconoHover
{
    display: none;
}
.iconoAccion:hover .iconoAccionTexto,
.iconoAccion:hover .iconoAccionIconoNum
{
    color: #B6B100;
}
.iconoAccionIconoHovered.iconoAccion:hover .iconoAccionTexto,
.iconoAccionIconoHovered.iconoAccion:hover .iconoAccionIconoNum
{
    color: #FFFFFF;
}
.iconoAccionIconoHovered.iconoAccion .iconoAccionTexto,
.iconoAccionIconoHovered.iconoAccion .iconoAccionIconoNum
{
    color: #B6B100;
}
.iconoAccionIconoNum {
    font-size: 16px;
    color: #FFFFFF;
    font-family: 'dosissemibold';
}
.iconoAccionIconoHovered
{
    color: red;
}
.iconoAccionTexto
{
    display: block;
    font-size: 18px;
    font-family: dosissemibold;
    color: #FFFFFF;
    margin-top: 5px;
}
.iconoAccionIconoColgar i{
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.iconoAccionIconoColgar
{
    font-size: 30px;
    background: #F06060;
    color: #FFFFFF;
    padding: 10px 40px;
    border-radius: 100px;
}
.iconoAccionColgar {
    position: absolute;
    right: 9px;
    bottom: 9px;
}
.btnInvite
{
    position: absolute;
    right: 10px;
    top: 60px;
    background: #3A3A3C;
    padding: 5px 10px;
    border-radius: 5px;
    width: 45px;
    text-align: center;
    z-index: 9;
}
.PPCOn .btnInvite
{
    right: 10px;
    top: 10px;
}
.btnExpand
{
    position: absolute;
    right: 10px;
    top: 10px;
    background: #3A3A3C;
    padding: 5px 10px;
    border-radius: 5px;
    width: 45px;
    text-align: center;
}
.chatBloque
{
    margin-bottom: 15px;
}
.chatFecha
{
    font-family: dosisregular;
    font-size: 15px;
    color: #777777;
    margin-left: 10px;
    margin-bottom: 5px;
}
.chatFechaWhisper
{
    color: purple;
}
.chatContenidoMensaje
{
    background: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 10px;
}
.chatUsuario
{
    font-family: dosissemibold;
    font-size: 15px;
    color: #777777;
}
.chatUsuarioWhisper
{
    color: purple;
}
.chatMensaje
{
    font-family: dosisregular;
    font-size: 15px;
    color: #777777;
}
.chatBloqueInfo,
.chatMensaje.chatBloqueInfo + .chatMensaje
{
    margin-bottom: 0;
}
.chatBloqueInfo + .chatBloqueInfo {

    margin-bottom: 15px;
}
.chatBloqueInfo .chatContenidoMensaje {
    background: none;
    box-shadow: none;
    display: inline-block;
    padding: 0;
}
.chatBloqueInfo .chatFecha
{
    display: none;
}
.chatBloqueInfo .chatUsuario,
.chatBloqueInfo .chatMensaje
{
    display: inline-block;
    color: #B6B100;
}

.tituloCitaVideoChat
{
    font-family: "dosissemibold";
    font-size: 35px;
    line-height: 35px;
    color: #B6B100;
    margin-top: 30px;
    margin-bottom: 30px;
}
.espereCitaVideoChat
{
    font-family: "dosissemibold";
    font-size: 25px;
    line-height: 25px;
    color: #515429;
    margin-bottom: 30px;
}
.videoParticipante[data-selected='0'],
.videoParticipante[data-selected='0'] .videoParticipanteVideo
{
    width: 0%;
    height: 0%;
}
.videoParticipante[data-selected='1'],
.videoParticipante[data-selected='1'] .videoParticipanteVideo
{
    height: 100%;
    width: 100%;
}
.videoParticipante[data-selected='1'] .videoParticipanteVideo video
{
    height: calc(100vh - 285px);
    width: 100%;
}
.volverPlataforma {
    display: block;
    font-size: 15px;
    text-decoration: underline;
}

.current_subsection_condiciones .interiorContieneSeccionProfesional ul {
    margin-left: 40px;
}
#frmPruebaVideoChat .form-check-sign .check {
    top: -2px;
}
/* FIN VIDEOCHAT */
/* INICIO SUBIR IMAGEN */
.contieneFotoPerfil
{
    width: 100%;
    height: 220px;
    background: #E6E6E6;
    border-radius: 10px;
    padding: 15px;
}
.contieneFotoPerfil.no-foto label
{
    background: url(../img/profesionales/00000.svg?v=2);
    background-position: center;
    background-size: 251px;
}
.contieneFotoPerfil label > div
{
    display: none;
}
.contieneFotoPerfil.no-foto label > div
{
    width: 100%;
}
.contieneFotoPerfil.no-foto label svg
{
    width: 100%;
    height: 159px;
}
.contieneFotoPerfil.no-foto label > .sinFotoSubida
{
    display: block;
    height: 100%;
    object-fit: cover;
}
.contieneFotoPerfil:not(.no-foto) label
{
    padding: 0;
}
.contieneFotoPerfil:not(.no-foto) label > .conFotoSubida
{
    display: block;
    height: 100%;
    object-fit: cover;
}
.conFotoSubida img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#imagenPerfilToCrop
{
    width: 400px;
    height: 300px;
    border: 2px solid #B6B100;
    overflow: hidden;
    margin: 30px auto 40px;
    position: relative;
    zoom: 0.70;
}
.current_subsection_datosCentro  #imagenPerfilToCrop {
    width: 400px;
    height: 400px;
}
.cropControls
{
    background: rgba(100, 201, 213, 0.6);
    zoom: 1.42;
}
.cropControls i{transition: all .4s}
.cropControls i:hover {
    background-color: rgba(100, 201, 213, 0.7);
}

.customFile
{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.customFile::-webkit-file-upload-button {
    visibility: hidden;
}
.customFile + label {
    width: 100%;
    height: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 28px 25px 32px;
    text-align: center;
    border: none;
    border-radius: 5px;
    vertical-align: top;
    margin: 0;
}
.customFile + label i
{
    font-size: 85px;
    color: #262626;
}
.pulsaIMGParaSubirFoto
{
    font-size: 14px;
    text-align: center;
    margin-top: 15px;
}
/* FIN SUBIR IMAGEN */


/* INICIO DROPDOWN */
#frmEditarProfesional
{
    min-height: calc(100vh - 180px);
}
.current_section_profesionales .ui.label > .close.icon,
.current_section_profesionales .ui.label > .delete.icon
{
    font-size: 15px;
}
.current_section_profesionales .ui.multiple.dropdown > .label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'dosismedium';
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 16px;
    padding: 8px 20px;
    margin: 3px;
    background: #F1F1F1;
}
.current_section_profesionales .ui.dropdown > .dropdown.icon:before
{
    color: #CCCCCC;
}
/* FIN  DROPDOWN */

/* INICIO FULLCALDENDAR */

#calendar
{
    min-height: 760px;
}
#calendar.fc .fc-toolbar.fc-header-toolbar
{
    margin-bottom: 0;
}
#calendar.fc .fc-toolbar
{
    align-items: start;
}
#calendar.fc-direction-ltr .fc-timegrid-col-events
{
    margin: 0;
}
#calendar.fc .fc-day-today
{
    background-color: #FFFFFF;
}
.current_subsection_agenda #calendar.fc .fc-day-today:not(.fc-more-popover)
{
    background: rgba(182, 177, 0, 0.2);
}
#calendar.fc .fc-non-business
{
    background-color: #F1F1F1;
}

#wrapper .fc .fc-button
{
    padding: 3px 20px;
}
#wrapper .fc .fc-button-primary {
    color: #666;
    border-color:#EEE;
    background-color: #FFFFFF;
}
#wrapper .fc .fc-today-button:disabled,
#wrapper .fc .fc-button-primary:hover,
#wrapper .fc .fc-button-active {
    color: #FFFFFF;
    background-color: #B6B100;
    border-color: #B6B100;
    opacity: 1;
}
#wrapper .fc .fc-prev-button,
#wrapper .fc .fc-next-button
{
    border-radius: 100%;
    padding: 3px 8px;
}
#wrapper .fc .fc-prev-button
{
    margin-right: 5px;
}
#wrapper .fc .fc-header-toolbar,
#wrapper .fc .fc-button,
#wrapper .fc .fc-button .fc-icon
{
    font-family: "dosissemibold";
    font-size: 18px;
}
#wrapper .fc .fc-timegrid-axis-cushion,
#wrapper .fc .fc-timegrid-slot-label-cushion
{
    font-size: 12px;
}
#wrapper .fc .fc-toolbar-title
{
    font-family: "dosissemibold";
    font-size: 25px;
}
#wrapper .fc .fc-toolbar-title:first-letter {
    text-transform: capitalize;
}
.current_section_profesionales #wrapper  .fc .fc-toolbar.fc-header-toolbar
{
    margin-bottom: 10px;
}
#wrapper .fc .fc-col-header-cell-cushion
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    color: #B6B100;
    font-family: "dosissemibold";
    font-size: 15px;
    text-transform: capitalize;
}
#wrapper .fc button:focus
{
    box-shadow: none;
}
#wrapper .fc .fc-daygrid-day-top
{
    align-items: center;
    justify-content: center;
}
#wrapper .fc .fc-daygrid-day-number
{
    font-family: "dosismedium";
    font-size: 15px;
}
/*
#wrapper .fc  a.fc-daygrid-event.fc-daygrid-dot-event.fc-event.fc-event-start.fc-event-end.fc-event-future {
    font-size: 15px;
    color: #F76B7A;
    background: rgba(247, 107, 122, 0.1);
}*/
#wrapper .fc .fc-daygrid-event-dot
{
    display: none;
}

#wrapper .fc .fc-daygrid-block-event.fc-h-event .fc-event-main {
    color: inherit;
}

#wrapper .fc .fc-daygrid-block-event.fc-h-event
{
    border: none;
}
#wrapper .fc .fc-event-time
{
    font-family: "dosisregular";
    font-size: 16px !important;
}
#wrapper .fc .fc-event-title
{
    font-family: "dosissemibold";
    font-weight: normal;
    font-size: 16px !important;
}
#wrapper .fc .fc-event-time {
    margin-right: 3px;
    text-align: center;
    /*flex: 0 0 35px;*/
    width: 35px;
}
.current_subsection_agenda #wrapper .fc .fc-sticky
{
    white-space: nowrap;
}
.current_section_reservarCita  #wrapper .fc .fc-event-time,
.current_subsection_nuevaCita  #wrapper .fc .fc-event-time,
.current_subsection_editarCita  #wrapper .fc .fc-event-time
{
    width: inherit;
}
#wrapper .fc .fc-event-title-container
{
    width: calc(100% - 50px);
}
#wrapper .fc .fc-v-event
{
    border: none;
    overflow: hidden;
}
#wrapper .fc .fc-event-main
{
    width: 100%;
}
.current_subsection_agenda #wrapper .fc .hideOnAgenda
{
    display: none;
}
.current_subsection_agenda #wrapper .fc .showOnAgenda
{
    display: flex;
}
.current_subsection_agenda #wrapper .fc .fc-event-today.past {
    background-color: #F1F1F1;
}
#wrapper .fc .fc-daygrid-event-harness
{
    margin-top: 0px !important;
}
#wrapper .fc .fc-v-event .fc-event-main-frame
{
    flex-direction: inherit;
}
#wrapper .fc .fc-button.fc-profesionales-button
{
    display: none;
}
.eventTitleSeparator
{
    display: none;
}
.eventTitleCourse
{
    display: none;
}
/* FIN FULLCALENDAR */

.contieneInputCopy
{
    position:relative;
}
.contieneInputCopy i
{
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 30px;
}
.contieneInputCopy i:hover
{
    color: #b6b100;
}


/* INICIO TOOLTIP */
.tooltipStandard
{
     cursor:pointer;
}
.tooltipster-sidetip.tooltipster-base .tooltipster-box {
    background: #B6B100;
    border: none;
    border-radius: 3px;
    padding:5px 10px;
}
.infoCalendarToolTipster {
    z-index: 10 !important;
}
.infoCalendarToolTipster.tooltipster-sidetip.tooltipster-base .tooltipster-arrow
{
    display: none;
}
.infoCalendarToolTipster.tooltipster-sidetip.tooltipster-base .tooltipster-box
{
    background: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}
.tooltipster-sidetip.tooltipster-base .tooltipster-content {
    font-family: 'dosissemibold';
    color:#FFFFFF;
    font-size:15px;
}
.infoCalendarToolTipster.tooltipster-sidetip.tooltipster-base .tooltipster-content {
    font-family: 'dosismedium';
    color:#777777;
    font-size:15px;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background
{
    border-bottom-color: #B6B100 !important;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background
{
    border-top-color: #B6B100 !important;
}

.infoCalendarToolTipster.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background
{
    border-bottom-color: #ffffff !important;
}
.infoCalendarToolTipster.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background
{
    border-top-color: #ffffff !important;
}

.tooltipster-sidetip .tooltipster-arrow-border
{
    border: 10px solid transparent !important;
}

/* GESTINA TABLAS */
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
    background: #B6B100;
    border: none;
    border-radius: 3px;
    box-shadow: none;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
    font-family: 'dosissemibold';
    color:#FFFFFF;
    font-size:15px;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-bottom .tooltipster-arrow-background
{
    border-bottom-color: #B6B100 !important;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-top .tooltipster-arrow-background
{
    border-top-color: #B6B100 !important;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-arrow-border
{
    border: 10px solid transparent !important;
}
/* FIN TOOLTIP*/

.ui-helper-hidden-accessible { display:none; }


/* COOKIES */
.tituloCookieCerrar
{
    text-align: center;
    text-transform: uppercase;
    color: #b6b100;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
}
.bloqueLegalCookies {
    background: white;
    color: #858585;
    font-size: 22px;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: center;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    box-shadow: 0px 0px 12px 5px rgba(136,136,136,0.3);
    width: 100%;
    z-index: 9000;
}
.bloqueLegalCookies span {
    margin: 0 5px;
    display: block;
    margin-bottom: 6px;
}
.bloqueLegalCookies .bloqueLegalCookiesEnlaceAceptar {
    box-sizing: border-box;
    border-radius: 50px;
    cursor: pointer;
    line-height: 120%;
    display: inline-block;
    transition: all .6s ease;
    padding: 10px 26px;
    text-decoration: none !important;
    font-family: dosissemibold;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    background-color: #B6B100;
    text-transform: uppercase;
}

.bloqueLegalCookies .bloqueLegalCookiesEnlaceAceptar::before
{
    border-radius: 50px;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #E5E5E5;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}


.bloqueLegalCookies .bloqueLegalCookiesEnlaceAceptar:hover,.bloqueLegalCookies .bloqueLegalCookiesEnlaceAceptar:focus
{
    color: #444;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.bloqueLegalCookies .bloqueLegalCookiesEnlaceAceptar:hover::before
{
    transform: scale(1);
}

a.bloqueLegalCookiesEnlaceMasInfo {
    display: inline-block;
    margin-top: 10px;
    text-decoration: none;
    color: #858585;
}
.bloqueLegalCookies a {
    margin: 0 5px;
    vertical-align: middle;
    text-decoration: underline;
}
/* FIN COOKIES */

/* ORDER */
.order-13
{
    order: 13;
}
.order-14
{
    order: 14;
}
/* FIN DE ORDER */




/* <MD */
@media only screen and (max-width: 767px) {
    .activarDesactivarOcultos {margin-bottom: 20px;}
    .modal-xl {
        max-width: calc(100vw - 35px);
    }
    .videosParticipantes {
        display: none;
    }
    .miniaturaParticipanteVideo,
    .miniaturaParticipanteVideo video
    {
        height: 165px;
        border: none;
    }
    .miniaturaParticipanteVideo[data-selected="1"] video
    {
        border: none;
    }
    .infoCentroVerde
    {
        text-align: center;
        border-radius: 10px 10px 0 0;
        padding: 20px;
    }
    .logoCentro, .logoProfesional
    {
        position: inherit;
        top: inherit;
        left: inherit;
    }

    .logoCentro img, .logoProfesional img {
        width: 150px;
        height: 150px;
    }

    .infoCentroGris
    {
        padding: 20px;
        border-radius: 0 0 10px 10px;
    }

    .tituloSeccion
    {
        text-align: center;
    }
    .subTituloSeccion
    {
        text-align: center;
    }
    .textoSeccion
    {
        text-align: center;
    }
    .centroExperiencia
    {
        max-height: inherit;
    }
    .iconText
    {
        display: block;
        text-align: center;
        width: 100%;
    }
    .iconText .icon, .iconText .text
    {
        display: block;
        text-align: center;
        width: 100%;
    }
    .iconText .icon {
        font-size: 35px;
    }
    .redesSocialesCentro
    {
        font-size: 25px;
    }
    .btnStandard
    {
        font-size: 16px;
    }
    .itemServicioBotones .btnStandard
    {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .itemProfesionalImagen
    {
        height: auto;
    }

    .logoCentroImg {
        max-width: 100%;
        height: auto;
    }

    .contieneProfesionales {
        padding: 10px 0 0 1px;
    }

    .contieneProfesionales .form-checkbox-text {
        font-size: 16px;
    }

    .bigButtons .btnStandard
    {
        word-spacing: 100vw;
    }
    .contieneBotonesAgenda
    {
        float: none !important;
        display: block;
        text-align: center;
        margin-top: 10px;
    }
    .tablaMovil
    {
        display: table;
        width: 100%;
    }
    .tablaMovil thead {
        display: none;
    }
    .itemTablaMv span {
        font-weight: bold;
        color: #B6B100;
    }
    .itemTablaMv div {
        border-bottom: 1px solid #efefef;
        padding: 5px 0;
    }
    .itemTablaMv div:last-child { border-bottom: none}

    /*.tableInfoEntries{float: left;}*/

    .tituloSeccionInterior
    {
        font-size: 30px;
    }
    div.dataTables_wrapper .paginationFooter div.dataTables_paginate
    {
        float: none !important;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination
    {
        justify-content: center;
    }
    .contenedorBotonConfirmarReserva
    {
        position: fixed;
        bottom: 0px;
        left: 0px;
        background: white;
        height: 72px;
        padding: 10px;
        display: block;
        z-index: 99;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    }
    .current_section_reservarCita  footer
    {
        padding-bottom: 90px;
    }
    .itemServicioIconos i
    {
        margin-right: 15px;
    }
    .margin-xs-minus-30
    {
        margin: 0 -30px;
    }
    .servicioTitulo,
    .servicioSeparador
    {
        font-size: 20px;
    }
    .servicioDuracion
    {
        font-size: 18px;
    }
    .servicioProfesional {
        border-left: none;
        padding-left: 0;
        display: block;
    }
    .interiorContieneSeccionProfesional
    {
        background: transparent;
        border: none;
    }
    .tituloSeccionProfesional
    {
        padding: 0 20px 0 20px;
    }
    .contieneSeccionProfesional
    {
        padding: 0px;
    }
    .contieneSeccionProfesional
    {
        padding: 0px;
    }    .plataformaProfesionalContenido {
        margin-left: 0px;
    }
    #wrapper .fc .fc-view-harness
    {
        margin: 0 -15px;
    }
    #wrapper .fc .fc-toolbar-chunk:nth-child(1n)
    {
        width: 190px;
    }
    #wrapper .fc .fc-toolbar-chunk:nth-child(2n)
    {
        width: 220px;
        text-align: center;
    }
    #wrapper .fc .fc-toolbar-chunk:nth-child(3n)
    {
        min-width: 280px;
        text-align: center;
    }
    #wrapper .fc .fc-button.fc-profesionales-button
    {
        display: block;
        float: none;
        background: none;
        border: none;
        padding: 0;
        margin-top: 5px;
        text-align: right;
        width: 100%;
        padding-right: 16px;
    }
    #wrapper .fc .fc-button.fc-profesionales-button:hover
    {
        color: #B6B100;
    }
    #wrapper .fc .fc-button.fc-profesionales-button:after {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "\f0d7";
        padding-left: 5px;
    }

    .listadoProfesionales
    {
        position: absolute;
        z-index: 999;
        background: white;
        right: 5px;
        top: 145px;
        width: 300px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    }
    .iconoCerrarProfesionales {
        display: block;
        position: absolute;
        right: 15px;
        top: 7px;
        cursor: pointer;
    }

    #wrapper .fc .fc-header-toolbar
    {
        display: block;
        text-align: center;
    }
    #wrapper .fc .fc-button-group
    {
        display: inline-block;
        text-align: center;
    }
    #wrapper .fc .fc-toolbar-chunk:nth-child(1n)
    {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    #wrapper .fc .fc-toolbar-chunk:nth-child(1n) .fc-today-button
    {
        display: inline-block;
    }
    #wrapper .fc .fc-toolbar-chunk:nth-child(3n) .fc-today-button
    {
        display: none;
    }

    .contieneFotoPerfil {
        width: 100%;
        height: initial;
        margin: 10px auto;
    }
    .col-2-10,
    .col-3-10,
    .col-4-10
    {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-6.col-2-10
    {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .itemPlanPrecios
    {
        text-align: center;
    }

    .contieneFiltroDescargaFacturas
    {
        margin-bottom: 20px;
    }
    .itemHorario {
        margin-bottom: 20px;
    }

    .iconoAccionIcono svg,
    .iconoAccionIconoHover svg
    {
        width: 25px;
    }
    .iconoAccionTexto {
        font-size: 9px;
        margin-top: 0;
        display: none;
    }
    .iconoAccion {
        margin: 0 15px;
        flex: 1 1 auto;
    }
    .iconoAccionIconoNum {
        font-size: 8px;
        top: 0;
        position: absolute;
    }
    .iconoAccionIconoColgar {
        font-size: 14px;
        padding: 8px 10px;
    }
    .iconoAccionColgar {
        display: inline-block;
        width: 60px;
        height: 40px;
        position: relative;
        right: inherit;
        bottom: 0;
        top: 0;
    }
    .btnSilenciarSala, .btnGrabarVideo
    {
        display: none;
    }
    .miniaturasParticipantes {
        height: calc(100vh - 110px);
        overflow: auto;
        max-width: 100%;
        margin: 0px;
        white-space: inherit;
    }
    .miniaturaParticipante {
        width: calc(50% - 15px);
        /*display: inline-block !important;*/
        background: black;
        border-radius: 15px;
    }
    .current_section_videoChat .contenido.container-fluid
    {
        padding: 0px;
    }
    .miniaturaParticipanteNombre {
        max-width: calc(100% - 10px);
    }
    .miniaturaParticipanteNombreNombre {
        max-width: calc(100% - 10px);
    }
    .elementosDerecha
    {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
    .barraHerramientas {
        display: flex;
    }
    .btnExpand
    {
        display: none;
    }
    .btnCloseDerecha
    {
        position: absolute;
        right: 5px;
        top: 10px;
        z-index: 10;
        display: block;
    }
    .chatContenidoMensaje
    {
        width: 100%;
        text-align: center;
    }
}


/* IPHONEs y moviles medio/grandes */
@media only screen and (min-width: 350px) and (max-width: 767px) {
    .col-mp-5
    {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-mp-7
    {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .itemServicioIconos i {
        margin-right: 10px;
    }
}

/* XS */
@media only screen and (max-width: 350px) {
    .btnStandard {
        padding: 5px 15px;
        font-size: 16px;
    }
    .itemServicioIconos i {
        margin-right: 10px;
    }
    .col-6.col-2-10
    {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* ES */
@media only screen and (max-width: 575px) {
    /* ES */
    #notificaciones{width: 100%;}
}

/* >=MD >768px  */
@media only screen and (min-width: 768px) {
    .iconoAccion:hover svg path,
    .iconoAccion:hover .iconoAccionTexto,
    .iconoAccion:hover .iconoAccionIconoNum
    {
        fill: #515429;
        color: #515429 !important;
    }
}

/* MD >768px < 992px; */
@media only screen and (min-width: 768px) and (max-width: 992px) {

    .modal-xl {
        max-width: calc(100% - 30px);
    }

    .contieneProfesionales {
        padding: 10px 0 0 1px;
    }

    .contieneProfesionales .form-checkbox-text {
        font-size: 16px;
    }
    .iconoAccion {
        margin: 0 10px;
    }
    .videoParticipanteVideo,
    .videoParticipanteVideo video
    {
        height: 240px;
    }
    .infoCentroGris
    {
        padding-left: 150px;
        padding-right: 15px;
    }
    .order-md-13
    {
        order: 13;
    }
    .order-md-14
    {
        order: 13;
    }

    .plataformaProfesionalContenido {
        margin-left: 0px;
    }

    #wrapper .fc .fc-toolbar-chunk:nth-child(1n)
    {
        width: 190px;
    }
    #wrapper .fc .fc-toolbar-chunk:nth-child(2n)
    {
        width: 220px;
        text-align: center;
    }
    #wrapper .fc .fc-toolbar-chunk:nth-child(3n)
    {
        min-width: 280px;
        text-align: right;
    }
    #wrapper .fc .fc-toolbar-chunk:nth-child(3n) .fc-today-button
    {
        display: block;
    }
    #wrapper .fc .fc-button.fc-profesionales-button
    {
        display: block;
        float: right;
        background: none;
        border: none;
        padding: 0;
        margin-top: 5px;
    }
    #wrapper .fc .fc-button.fc-profesionales-button:hover
    {
        color: #B6B100;
    }
    #wrapper .fc .fc-button.fc-profesionales-button:after {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "\f0d7";
        padding-left: 5px;
    }

    .listadoProfesionales
    {
        position: absolute;
        z-index: 999;
        background: white;
        right: 5px;
        top: 65px;
        width: 300px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    }
    .iconoCerrarProfesionales {
        display: block;
        position: absolute;
        right: 15px;
        top: 7px;
        cursor: pointer;
    }
    #wrapper .fc .fc-toolbar-chunk:nth-child(1n) .fc-today-button
    {
        display: inline-block;
    }
    #wrapper .fc .fc-toolbar-chunk:nth-child(3n) .fc-today-button
    {
        display: none;
    }

    .contieneFiltroDescargaFacturas
    {
        margin-bottom: 20px;
    }

    .tablaMovil
    {
        display: table;
        width: 100%;
    }
    .tablaMovil thead {
        display: none;
    }
    .itemTablaMv span {
        font-weight: bold;
        color: #B6B100;
    }
    .itemTablaMv div {
        border-bottom: 1px solid #efefef;
        padding: 5px 0;
    }
    .itemTablaMv div:last-child { border-bottom: none}
    .vcenter.vcenter-md-disabled
    {
        align-items: inherit;
    }
    .current_subsection_datosCentro .contieneFotoPerfil
    {
        height: 100%;
    }
}
/* LG >992px < 1200px; */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    label[for=frmCC_fechaNacimiento],
    label[for=frmECC_fechaNacimiento]
    {
        white-space: nowrap;
    }
    .contieneProfesionales {
        padding: 10px 0 0 1px;
    }

    .contieneProfesionales .form-checkbox-text {
        font-size: 16px;
    }
    .iconoAccion {
        margin: 0 10px;
    }
    .plataformaProfesionalContenido {
        margin-left: 0px;
    }
    .iconoCerrarProfesionales
    {
        display: none;
    }
    #wrapper .fc .fc-button.fc-profesionales-button
    {
        display: block;
        float: right;
        background: none;
        border: none;
        padding: 0;
        margin-top: 5px;
    }
    #wrapper .fc .fc-button.fc-profesionales-button:hover
    {
        color: #B6B100;
    }
    #wrapper .fc .fc-button.fc-profesionales-button:after {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "\f0d7";
        padding-left: 5px;
    }

    .listadoProfesionales
    {
        position: absolute;
        z-index: 999;
        background: white;
        right: 5px;
        top: 65px;
        width: 300px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    }
    .iconoCerrarProfesionales {
        display: block;
        position: absolute;
        right: 15px;
        top: 7px;
        cursor: pointer;
    }
    #wrapper .fc .fc-toolbar-chunk:nth-child(1n) .fc-today-button
    {
        display: inline-block;
    }
    #wrapper .fc .fc-toolbar-chunk:nth-child(3n) .fc-today-button
    {
        display: none;
    }

    .contieneFiltroDescargaFacturas
    {
        margin-bottom: -50px;
    }
}

/* XL */
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .plataformaProfesionalContenido {
        margin-left: 5px;
    }
    #wrapper .fc .fc-button.fc-profesionales-button
    {
        display: block;
        float: right;
        background: none;
        border: none;
        padding: 0;
        margin-top: 5px;
    }
    #wrapper .fc .fc-button.fc-profesionales-button:hover
    {
        color: #B6B100;
    }
    #wrapper .fc .fc-button.fc-profesionales-button:after {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "\f0d7";
        padding-left: 5px;
    }

    .listadoProfesionales
    {
        position: absolute;
        z-index: 999;
        background: white;
        right: 5px;
        top: 65px;
        width: 300px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    }
    .iconoCerrarProfesionales {
        display: block;
        position: absolute;
        right: 15px;
        top: 7px;
        cursor: pointer;
    }
}
/* >LG (XL, XXL, HDP, FHD) */
@media only screen and (min-width: 1200px)
{
    .contieneServicios
    {
        background: url("../img/fondos/servicios.png") no-repeat bottom right;
        background-size: contain;
        /* background-size: 27%;*/
        /* background-position: calc(100% + 124px) 0; */
    }
    .order-lg-13
    {
        order: 13;
    }
    .order-lg-14
    {
        order: 14;
    }
    #wrapper .fc .fc-toolbar-chunk:nth-child(1n) .fc-today-button
    {
        display: inline-block;
    }
    #wrapper .fc .fc-toolbar-chunk:nth-child(3n) .fc-today-button
    {
        display: none;
    }
}

/* XXL */
@media only screen and (min-width: 1366px) and (max-width: 1599px)
{
    label[for=frmFC_gpcl_fechaNacimiento],
    label[for=frmECC_fechaNacimiento]
    {
        white-space: nowrap;
    }
    .iconoMenu, .iconoCerrarMenu
    {
        display: none;
    }
    .contieneFotoPerfil {
        height: 202px;
    }
    .plataformaProfesionalMenu {
        width: auto;
    }

    #wrapper .fc .fc-button.fc-profesionales-button
    {
        display: block;
        float: right;
        background: none;
        border: none;
        padding: 0;
        margin-top: 5px;
    }
    #wrapper .fc .fc-button.fc-profesionales-button:hover
    {
        color: #B6B100;
    }
    #wrapper .fc .fc-button.fc-profesionales-button:after {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "\f0d7";
        padding-left: 5px;
    }

    .listadoProfesionales
    {
        position: absolute;
        z-index: 999;
        background: white;
        right: 5px;
        top: 65px;
        width: 300px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    }
    .iconoCerrarProfesionales {
        display: block;
        position: absolute;
        right: 15px;
        top: 7px;
        cursor: pointer;
    }
}


/* HDP */
@media only screen and (min-width: 1600px) and (max-width: 1919px)
{
    .iconoMenu, .iconoCerrarMenu
    {
        display: none;
    }
    .contieneFotoPerfil {
        height: 177px;
    }
    .plataformaProfesionalContenido
    {
        margin-left: 17%;
    }

    #wrapper .fc .fc-button.fc-profesionales-button
    {
        display: block;
        float: right;
        background: none;
        border: none;
        padding: 0;
        margin-top: 5px;
    }
    #wrapper .fc .fc-button.fc-profesionales-button:hover
    {
        color: #B6B100;
    }
    #wrapper .fc .fc-button.fc-profesionales-button:after {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "\f0d7";
        padding-left: 5px;
    }

    .listadoProfesionales
    {
        position: absolute;
        z-index: 999;
        background: white;
        right: 5px;
        top: 65px;
        width: 300px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    }
    .iconoCerrarProfesionales {
        display: block;
        position: absolute;
        right: 15px;
        top: 7px;
        cursor: pointer;
    }
}
/* FHD */
@media only screen and (min-width: 1920px)
{
    .iconoMenu, .iconoCerrarMenu, .iconoCerrarProfesionales
    {
        display: none;
    }
}

/* MD-HDP */
@media only screen and (min-width: 768px) and (max-width: 1599px)
{
    .col-md-hdp-5-10
    {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-hdp-25-10
    {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #notificaciones.open {
        display:block;
        visibility:visible;
        opacity:1;
        transform: none;
    }
}