/*************************************************************************************
**************************************************************************************
**                                                                                  **
**  EL ARCHIVO SE DIVIDE EN LOS MISMOS BLOQUES PRINCIPALES QUE LA ESTRUCTURA HTML:  **
**  ==============================================================================  **
**  - común                                                                         **
**  - wrapper                                                                       **
**  - header_wrapper                                                                **
**  - nav_hor                                                                       **
**  - nav_ver                                                                       **
**  - section                                                                       **
**  - aside                                                                         **
**  - footer_wrapper                                                                **
**                                                                                  **
**  //////////////////////////////////////////////////////////////////////////////  **
**  //                             ESTILOS BASE                                 //  **
**  //                            width >= 996px                                //  **
**  //////////////////////////////////////////////////////////////////////////////  **
**                                                                                  **
**************************************************************************************
*************************************************************************************/

/***********************************************************************
**  ////////////////////////////////////////////////////////////////  **
**  //                      C O M Ú N                             //  **
**  ////////////////////////////////////////////////////////////////  **
***********************************************************************/

hgroup {
    margin: 0;
}

h1,
h2,
h3,
h4 {
    margin: 0;
    font: bold 22px verdana, sans-serif;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 13px;
}

h4 {
    font-size: 10px;
}

body {
    margin: 0;
    background: #303030 none repeat scroll 0% 0%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    overflow-x: hidden;
}

a {
    color: #9e0054;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

input:hover:not([type="radio"]),
textarea:hover {
    background-color: lightyellow;
    border-color: #9e0054;
}

::-moz-placeholder {
    color: #9e0054;
    text-align: center;
    font-size: 12px;
    opacity: 0.8;
}

/* firefox 19+ */
::-webkit-input-placeholder {
    color: #9e0054;
    text-align: center;
    font-size: 12px;
    opacity: 0.8;
}

/* webkit */
:-ms-input-placeholder {
    color: #9e0054;
    text-align: center;
    font-size: 12px;
    opacity: 0.8;
}

/* ie */
:-o-input-placeholder {
    color: #9e0054;
    text-align: center;
    font-size: 12px;
    opacity: 0.8;
}

/* opera */

figure {
    margin: 0;
}

span.border_top {
    display: block;
    margin: 0 auto;
    height: 4px;
    background: transparent url("../images/body_bg.gif") no-repeat scroll center top;
}

/*table {border-collapse: separate; border-spacing: 2px;}*/
th {
    vertical-align: middle;
}

td {
    vertical-align: middle;
}

/*input[type="checkbox"] {
    transform: scale(0.7);
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
}*/

/* Datapicker campos fecha */
/* Div principal del datepicker */
.ui-datepicker {
    background: #F0DEE8;
}

/* Tabla con los días del mes */
.ui-datepicker table {
    font-size: 12px;
}

/* La cabecera */
.ui-datepicker .ui-datepicker-header {
    width: 100%;
    font-size: 12px;
    background: #9E0054;
}

/* Para los días de la semana: Sa Mo ... */
.ui-datepicker th {
    color: #9E0054;
}

/* Para los días de la semana 1, 2, ... */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #9E0054;
}

/* Para items con los días del mes por defecto */
.ui-datepicker .ui-state-default {
    background: #FFFFFF;
}

/* Para el item del día del mes seleccionado */
.ui-datepicker .ui-state-active {
    background: #9E0054;
    color: #FFFFFF;
}

/* Para el item del día actual */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
    background-color: lightcyan;
    color: #9e0054;
}

.capas_ocultas {
    display: none;
}

/***********************************************************************
**  ////////////////////////////////////////////////////////////////  **
**  //                      W R A P P E R                         //  **
**  ////////////////////////////////////////////////////////////////  **
***********************************************************************/

/* Establecemos el ancho del contenedor principal, los márgenes (lo
centramos) y posicionamos todos los elementos a la izquierda. */
#wrapper {
    position: inherit;
    /*width: 979px;*/
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 3px;
    background: #FFF url("../images/wrapper_bg.gif") repeat-y scroll 0% 0%;
    background-size: 100% auto;
    border-bottom: 1px solid #D0D0D0;
    z-index: 0;
}









/***********************************************************************
**  ////////////////////////////////////////////////////////////////  **
**  //              H E A D E R _ W R A P P E R                   //  **
**  ////////////////////////////////////////////////////////////////  **
***********************************************************************/

#header_wrapper {
    position: relative;
    float: left;
    left: 1px;
    /* Para que no quede por encima de la línea decorativa lateral */
    width: 99.8%;
    /* Para que no quede por encima de la línea decorativa lateral */
    height: 125px;
    margin: 0;
    background: transparent url("../images/overheader_bg.gif") repeat-x scroll center bottom;
    border-bottom: 1px solid #D0D0D0;
    z-index: 1;
}

#header_logo {
    position: relative;
    float: left;
    left: 0;
    width: 50%;
    height: 125px;
    /* Si lo ponemos de forma abreviada las versiones antiguas de android no lo soportan por ser png
        background: transparent url("../images/logo.png") no-repeat scroll 8% 47% / 236px 85px;*/
    background-color: transparent;
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 236px 85px;
    background-position: 8% 47%;
}

#header_logo span {
    display: none;
}

#header_languages {
    position: relative;
    float: right;
    right: 0;
    width: 50%;
    height: 22px;
    padding-top: 6px;
    padding-left: 55px;
    padding-right: 20px;
    /* background: transparent url("../images/languages_bg.gif") no-repeat scroll right 0%;*/
}

#header_languages p {
    position: relative;
    float: left;
    left: 0;
    margin: 0;
    padding-left: 207px;
    font-size: 10px;
    color: #AAA;
}

#header_languages ul {
    position: relative;
    float: right;
    right: 0;
    width: 135px;
    margin-top: -1px;
    list-style: outside none none;
}

#header_languages ul li {
    float: left;
    left: 0;
    width: 67px;
    text-align: center;
}

#header_languages ul li a {
    font-size: 10px;
    text-decoration: none;
    color: #707070;
}

#header_languages ul li a:hover {
    color: #9e0054;
}

#header_languages ul li a.selected {
    color: #9E0054;
    cursor: default;
}

#header_area {
    position: relative;
    float: right;
    right: 0;
    width: 50%;
    height: 114px;
    /* Si lo ponemos de forma abreviada las versiones antiguas de android no lo soportan por ser png
            background: transparent url("../images/area_colegiados2.png") no-repeat scroll 136px 32px / 300px 37px;*/
    background-color: transparent;
    background-image: url(../images/area_colegiados3.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    /*background-size: 189px 35px;*/
    background-position: 80% 32px;
}

#header_area span {
    display: none;
}


/***********************************************************************
**  ////////////////////////////////////////////////////////////////  **
**  //                       BOOTSTRAP                        //  **
**  ////////////////////////////////////////////////////////////////  **
***********************************************************************/

/* .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
	
	padding-right:0;
	padding-left:0;
} */





/***********************************************************************
**  ////////////////////////////////////////////////////////////////  **
**  //                       N A V _ H O R                        //  **
**  ////////////////////////////////////////////////////////////////  **
***********************************************************************/

#nav_hor.navigation {
    position: relative;
    float: left;
    left: 0;
    width: 100%;
    height: 38px;
    z-index: 3;
    background: -moz-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e0054), color-stop(100%, #6e183d)) !important;
    background: -webkit-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -o-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -ms-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    color: #FFF !important;
    -webkit-box-flex: 2 !important;
    -moz-box-flex: 2 !important;
    box-flex: 2 !important;
    border: 0 !important;
    border-bottom: 0 !important;
    text-align: center !important;
    min-height: inherit !important;
    /*Anula el alto establecido para las filas de contenido*/
    line-height: normal !important;
    /*Anula el alto establecido para las filas de contenido*/
    font-weight: bold !important;
}

#nav_hor.navigation ul {
    margin: 0;
    padding: 0;
}

#nav_hor.navigation ul li {
    display: inline-block;
    list-style: none;
}

#nav_hor.navigation ul#main_nav {
    float: left;
    height: 38px;
    padding-left: 20px;
}

#main_nav li {
    float: left;
    padding-left: 1px;
    background: url("../images/menu_border.gif") no-repeat 0 8px;
    overflow: hidden;
}

#main_nav li a {
    float: left;
    width: 100%;
    padding: 12px 21px 8px;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
}

#main_nav li.selected a,
#main_nav li a:hover {
    background-color: #6e183d;
    color: #FFF !important;
}

#main_nav li.selected a span.nw,
#main_nav li a:hover span.nw {
    display: block;
    position: absolute;
    float: left;
    left: 0px;
    top: 1px;
    width: 4px;
    height: 4px;
    background: url("../images/menu_selected_nw.gif") no-repeat top;
}

#main_nav li.selected a span.ne,
#main_nav li a:hover span.ne {
    display: block;
    position: absolute;
    right: 0px;
    top: 1px;
    width: 4px;
    height: 4px;
    background: url("../images/menu_selected_ne.gif") no-repeat top;
}

#main_nav li ul.main_nav_submenu {
    display: none;
    width: 135px;
    margin: 38px 0px 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 11pt;
    font-family: Arial, sans-serif;
}

/*
            Descomentar si queremos que se muestre en el hover y
            comentar la funci�n de slideToggle en funcionescomun_cambio.js
            que lo muestra en el click, y el display: block; del anterior
            #main_nav li ul.main_nav_submenu, lo ponemos en none.
        */
/*#main_nav li:hover ul.main_nav_submenu {
            display: block;  // Display the dropdown
        }*/
#main_nav ul.main_nav_submenu li {
    display: block;
    width: 100%;
    padding: 0px;
    border-image: none;
    border-left: 6px solid #9e0054;
    border-bottom: 1px solid #9e0054;
    background: #F0DEE8 url("../images/flecha_morada.png") no-repeat scroll 8px;
}

#main_nav ul.main_nav_submenu li a {
    width: 100%;
    padding-top: 7px;
    padding-left: 22px;
    font-weight: bold;
    color: #6e183d;
}

#main_nav ul.main_nav_submenu li a:hover {
    height: 100%;
    text-decoration: none;
    color: #FFF;
    background: url("../images/flecha_blanca.png")no-repeat 8px,
        url("../images/menu2_int_active.jpg") transparent;
}

#main_nav ul.main_nav_submenu li.selected a {
    color: #FFF;
    cursor: default;
    background: url("../images/menu2_int_active.gif") no-repeat;
}

#nav_hor.navigation ul#user_options {
    float: right;
    height: 38px;
    margin-right: 10px;
}

#user_options li {
    float: left;
    padding-left: 12px;
    overflow: hidden;
    background: url("../images/menu_border.gif") no-repeat 0 8px;
}

.saliricon,
.saliricon:hover {
    background: transparent url("../images/iconset-salir.png") no-repeat scroll 10px 65% !important;
}

#user_options li a {
    display: block;
    padding: 12px 12px 8px 20px;
    text-decoration: none;
    color: #FFF;
}

#user_options li a:hover {
    text-decoration: underline;
}

#user_options li.ayuda a {
    background: url("../images/ico_ayuda.gif") no-repeat 0 16px;
}

#user_options li.ayuda {
    background: none;
}

#user_options li.documentacion a {
    background: url("../images/ico_documentacion.gif") no-repeat 0 16px;
}

#user_options li.contactar a {
    background: url("../images/ico_mail.gif") no-repeat 0 16px;
}

#user_options li.salir a {
    background: url("../images/ico_salir.gif") no-repeat 0 16px;
}

/*//////////////////////////
//   I C O N O   M E N U  //
//////////////////////////*/

#wrapper a.navigation-toggle {
    /* Ocultamos el icono del menu */
    width: 0;
    height: 0;
    z-index: 5;
}

.nav-open_menu_windows {
    position: absolute;
    left: 23px;
    top: 189px;
    width: 18px;
    height: 18px;
    background: url("../images/iconoMenuWindows.png") no-repeat;
    z-index: 5;
}

.nav-open_menu_windows:hover {
    cursor: pointer;
}







/***********************************************************************
**  ////////////////////////////////////////////////////////////////  **
**  //                       N A V _ V E R                        //  **
**  ////////////////////////////////////////////////////////////////  **
***********************************************************************/

#submenu_left {
    float: left;
    background: transparent url("../images/content_bg.gif") repeat-x scroll center top;
    width: auto;
}

#nav_ver {
    display: block;
    position: relative;
    width: 300px;
    margin: 0;
    padding-top: 17px;
    padding-bottom: 17px;
    z-index: 1;
}

#nav_ver ul {
    width: auto;
    margin: 0 17px;
    border: 1px solid #B7B7B7;
    background: #E5E5E5 url("../images/menu_int_bg.gif") repeat-x scroll center bottom;
}

#menu-expandible-lateral ul {
    width: 100% !important;
    margin: 0 !important;
}

#nav_ver ul li,
#nav_ver ul li div a {
    margin-right: 0;
    display: block;
    height: auto;
    border-bottom: 1px solid #B7B7B7;
    background: transparent url("../images/tip_required.png") no-repeat scroll 12px 12px;
    white-space: normal;
}

#nav_ver ul li a {
    display: block;
    height: 100%;
    padding: 8px 0px 8px 26px;
    font-weight: bold;
    color: #313131;
}



#nav_ver ul li a:hover {
    text-decoration: none;
    background: -moz-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e0054), color-stop(100%, #6e183d)) !important;
    background: -webkit-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -o-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -ms-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    color: #FFF;
}
#nav_ver ul li.selected a {
    background: -moz-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e0054), color-stop(100%, #6e183d)) !important;
    background: -webkit-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -o-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -ms-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    height: auto;
    color: #FFF;
    cursor: default;
}
#nav_ver ul li ul {
	background: none!important;
}
#nav_ver ul li ul li a {
	background: none!important;
	color:#9e0054!important;
	/*border-top: #9e0054 1px solid;*/
}
#nav_ver ul li ul li a:hover {
	color:#fff!important;
}
#nav_ver ul li.selected ul li a {
	background: none!important;
	color:#9e0054!important;
	/*border-top: #9e0054 1px solid;*/
}
#nav_ver ul li.selected ul li div a {
	
	color:#333!important;
}
#nav_ver ul li ul li div {
	/*background-color: whitesmoke;	*/
	/*border-top: #9e0054 1px solid;*/
	cursor:context-menu;
}


#nav_ver ul li:last-child {
    border: none!important;
}
#nav_ver ul li div:last-child a {
    border: none!important;
}
#nav_ver img.banner {
    border: 1px solid #d0d0d0;
    margin-bottom: 17px;
}

#nav_ver.menu_windows {
    display: none;
    position: absolute;
    left: 2px;
    width: 260px;
    top: 209px;
    padding: 0;
    background: none;
    z-index: 2;
}

/***********************************************************************
**  ////////////////////////////////////////////////////////////////  **
**  //                       actividats calendario                //  **
**  ////////////////////////////////////////////////////////////////  **
***********************************************************************/

#control_asistencia {
    float: none;
    display: inline-block;
}

.fancybox-inner {
    overflow-x: hidden !important;
}

#calendario_fancy {
    width: 500px;
}

.div_mes {
    margin-bottom: 20px;
}

table.tabla_mes {
    width: 100%;
    table-layout: fixed;
}

.form_box_title h3 {
    display: block;
    background: no-repeat;
}

div.td_dia {
    height: 50px;
    border: 1px solid #e5e5e5;
}

div.td_dia:before {
    content: attr(data-dia);
    margin-left: 2px;
}

div.td_dia.dia_activo {
    position: relative;
    background-color: #E5E5E5;
    color: #FFF;
    border: 1px solid #9e0054;
}

div.td_dia.dia_activo:before {
    width: 20px;
    height: 20px;
    background-color: #9e0054;
    border-radius: 15px;
    display: block;
    float: left;
    margin-top: 2px;
    margin-left: 1px;
    line-height: 20px;
    text-align: center;
    font-weight: bolder;
}

.form_box_content table td input.horas {
    position: absolute;
    right: 5px;
    bottom: 4px;
    width: 25px;
    text-align: center;
    height: 18px;
}

.doble input.horas:first-child {
    top: 4px;
}

.doble input.horas:last-child {}


/***********************************************************************
**  ////////////////////////////////////////////////////////////////  **
**  //                       manteniment missatges                //  **
**  ////////////////////////////////////////////////////////////////  **
***********************************************************************/

#form-select-departamento {
    padding: 3px;
}

#form-select-departamento .help-div label {
    display: block;
    margin: 0px 10px 0px 0px;
}

.help-div i.fa {
    color: #9E0054 !important;
    position: relative;
    font-size: 18px;
    align-self: center;
}

#form-select-departamento .inline-div {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    height: 30px;
    width: 100%;
}

#form-select-departamento .inline-div select {
    width: auto;
}

.form-control {
    font-size: inherit;
}

.tooltip-inner {
    font-size: 13px;
}

#ul_tabs_idioma,
#ul_tabs_comunicaciones,
#ul_tabs_anexos {
    margin-top: 30px;
}

#tabs_idioma .tab-pane p,
#tabs_comunicaciones .tab-pane p {
    margin: 15px auto;
}

#tabs_idioma .tab-pane .form_noticia_separador {
    display: none;
}

.tab-content {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding: 10px;
    background-color: #F3F3F3;
}

.nav-tabs {
    margin-bottom: 0;
}

#ul_tabs_idioma,
#ul_tabs_comunicaciones,
#ul_tabs_anexos {
    border-bottom: 1px solid #aaa;
}

#ul_tabs_idioma li a.active,
#ul_tabs_comunicaciones li a.active,
#ul_tabs_anexos li a.active {
    /*border-color: #aaa #aaa #F3F3F3;*/
    font-weight: bold;
}

#tabs_idioma .mceLayout {
    background-color: white;
}

.defaultSkin table.mceLayout {
    border: 1px solid #CCC !important;
}

.defaultSkin table.mceLayout tr td {
    border: 0 !important;
}


/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //                       Bootstrap                        //  **
**  ////////////////////////////////////////////////////////////  **/

.badge-pill {
    margin: auto 10px;
    padding: 5px;
}



.form-control {
    padding: 4px 2px;
    height: inherit;
}

.form-inline {
    margin-top: 6px;
    align-items: inherit;
}

.form-inline .form-check-input {
    margin-left: 5px;
}

.form-inline .form-check-input {
    margin-top: inherit;

}

.btn {
    margin: 2px;
}

.btn.btn-primary {
    background-color: #9E0054;
    color: #FFF;
    border: 1px solid #441127;
}

.btn.btn-primary:hover {
    background-color: #481229 !important;
}

/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //                       Aules                            //  **
**  ////////////////////////////////////////////////////////////  **/

#formreservasala .fieldset_form {
    width: 100%;
}



/***********************************************************************
**  ////////////////////////////////////////////////////////////////  **
**  //                       S E C T I O N                        //  **
**  ////////////////////////////////////////////////////////////////  **
***********************************************************************/

section.section_all {
    position: relative;
    float: left;
    left: 1px;
    width: 99.8%;
    margin: 0;
    padding: 7px 15px 17px;
    background: transparent url("../images/content_bg.gif") repeat-x scroll center top;
    z-index: 1;
}

#fecha_bienvenida {
    position: relative;
    float: left;
    left: 0;
    overflow: hidden;
    padding-bottom: 4px;
    margin-bottom: 16px;
    width: 100%;
    border-bottom: 1px dashed #c8c8c8;
}

#fecha {
    position: relative;
    float: left;
    left: 0;
    padding-left: 24px;
    background: url("../images/ico_fecha.gif") no-repeat center left;
    padding-top: 3px;
}

#bienvenida {
    position: relative;
    float: right;
    right: 0;
    margin: 0;
    padding-top: 3px;
    color: #707070;
    padding-left: 22px;
    background: url("../images/ico_usuario.gif") no-repeat center left;
}

#bienvenida strong {
    color: #9e0054;
}

section.section_all .form_box_title h3 {
    background: none;
}

section.section_all .form_box .sub_content {
    position: relative;
    margin: 10px auto 0;
    width: 99%;
}

section.section_right {
    position: relative;
    float: left;
    left: 0;
    width: 100%;
    max-width: calc(100% - 300px);
    margin: 0;
    padding: 7px 15px 17px 2px;
    background: transparent url("../images/content_bg.gif") repeat-x scroll center top;
    z-index: 1;
}

section.section_left {
    position: relative;
    float: left;
    left: 1px;
    width: calc(100% - 300px);
    max-width: calc(100% - 300px);
    margin: 0;
    padding: 7px 2px 17px 15px;
    background: transparent url("../images/content_bg.gif") repeat-x scroll center top;
    z-index: 1;
}

main.form_box {
    position: relative;
    float: left;
    left: 0;
    width: 100%;
    margin-bottom: 20px;
    overflow: unset;
}

article {
    position: relative;
    float: left;
    left: 0;
    width: 100%;
    margin: 10px 2px 10px 0px;
}

/***********************************************************************
            **  ////////////////////////////////////////////////////////////////  **
            **  //               I N I C I O  R E V I S A R                   //  **
            **  //    ¡¡ C O P I A D O  D E  L O S  O R I G I N A L E S !!    //  **
            **  ////////////////////////////////////////////////////////////////  **
            ***********************************************************************/

.column_wrapper a.info {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 44px;
    height: 22px;
    background: url(../images/info.png);
}

.column_wrapper a.info200 {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 200px;
    height: 22px;
    background: url(../images/info200px.png);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999999;
    padding-left: 30px;
    font-weight: bold;
    padding-top: 4px;
    text-decoration: none;
}

.access_module a.info span,
.column_wrapper a.info span {
    display: none;
}

.column_wrapper select {
    width: 493px;
    margin-left: 20px;
    margin-right: 10px;
    float: left;
}

.column_wrapper p.note {
    margin-left: 29px;
}

.column_wrapper input:not(.form-control) {
    width: 164px;
    margin: 0 10px 10px;
}

.column_wrapper label:not(.col-form-label) {
    padding-left: 12px;
    background: url(../images/tip_rojo.gif) 0 7px no-repeat;
    margin-left: 15px;
    float: left;
    padding-top: 5px;

}

.label-arrow {
    padding-left: 12px;
    padding-top: 5px;
    background: url(../images/tip_rojo.gif) 0 7px no-repeat;
}

.column_wrapper label.block {
    padding-left: 12px;
    background: url(../images/tip_rojo.gif) 0 7px no-repeat;
    margin-left: 15px;
    float: none;
    padding-top: 5px;
    padding-bottom: 10px;
    display: block;
}

.column_wrapper p,
.column_wrapper fieldset {
    float: left;
    width: auto;
    padding: 0;
    margin: 0;
}

.column_wrapper a {
    color: #660033;
    text-decoration: underline;
}

.column_wrapper button {
    float: left;
}

.column_wrapper725 {
    background: url(../images/column_bg.gif) repeat-y left;
    overflow: visible;
    width: auto;
    float: left;
    margin-right: 0px;
    margin-bottom: 20px;
    position: relative;
}

.column_wrapper.visat {
    width: 335px;
}

span.column {
    display: block;
    width: 13px;
    height: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #65031d;
}

.column_wrapper h3,
.column_wrapper725 h3 {
    font-size: 13px;
    color: #9e0054;
    padding-left: 44px;
    padding-top: 8px;
    padding-bottom: 8px;
    /*border-bottom:1px solid #cecece;*/
    background: url(../images/cab_box_bg.gif) repeat-x bottom;
}

.column_wrapper h4 {
    font-size: 12px;
    color: #333333;
}

.column_wrapper ul li strong {
    color: #9e0054;
    font-size: 13px;
}

.column_wrapper ul {
    padding: 0 14px 2px
}

.column_wrapper ul li {
    padding-bottom: 9px;
    line-height: 17px;
}

.column_wrapper ul li span {
    padding-left: 10px;
    background: url(../images/tip_rojo.gif) no-repeat left;
    padding-top: 2px;
}

.column_wrapper a.ver {
    float: right;
    margin-right: 19px;
    text-decoration: none;
}

.column_wrapper {
    background: url(../images/column_bg.gif) repeat-y left;
    overflow: hidden;
    width: 100%;
    float: left;
    position: relative;
}

.column_alertas {
    background: none;
    float: none;
}

.column_wrapper a.ver:hover {
    text-decoration: underline;
}

.column_wrapper .index_nota {
    display: none;
    width: 95%;
    font-weight: bold;
    height: 19px;
    margin-top: 6px;
}

.column_wrapper .index_nota>span {
    padding: 1px 5px;
    border: 1px solid red;
    background-color: #FFEEEE;
}

.acces_module {
    float: left;
    width: calc(100% - 13px);
    /* le restamos el margen granate izquierdo */
    left: 13px;
    border: 1px solid #d0d0d0;
    background: #fafafa url(../images/acces_bg.gif) repeat-x bottom;
    padding-bottom: 10px;
    position: relative;
}

.acces_module_alertas {
    float: none;
    width: 100%;
    left: 0;
    border-top: 0;
    padding: 12px;
}

.acces_module_alertas .help-div {
    display: flex;
}

.acces_module_alertas .help-div>i.fa {
    padding-bottom: 4px;
}

.acces_module_alertas table td,
.acces_module_alertas table th {
    vertical-align: middle;
}

.acces_module .stripes+span {
    display: block;
    width: 95%;
    margin: 0 auto;
    padding-bottom: 10px;
}

.acces_module form div label:not(.col-form-label) {
    width: 25%;
}

.acces_module form input:not(.form-control) {
    width: 64%;
}

.acces_module form input:not(.form-control):hover {
    background-color: transparent;
}

.acces_module form .required_notification {
    margin-left: 15px;
}

.acces_module form div:not(.form-group) {
    display: block;
    float: left;
    left: 0;
    width: 100%;
    margin: 0;
}

.acces_module form div select {
    width: auto;
    margin: 0px 10px 10px;
    min-width: 163px;
}

h3.acces2 {
    background: url(../images/ico_usuario_entrada.gif) no-repeat 12px 5px;
}

fieldset {
    border: none;
}

/*            legend{
                display:none;
            }*/
input.entrar {
    float: left;
    display: block;
    width: 86px;
    height: 21px;
    background: url(../images/entrar_button_bg.gif) no-repeat;
    border: none;
    color: #FFF;
    text-align: center;
    padding: 0;
    cursor: pointer;
}

h3.acces1 {
    background: url(../images/ico_firma.gif) no-repeat 12px 5px;
    margin-right: 45px;
}

h3.acces3 {
    background: url(../images/ico_colegiado.gif) no-repeat 12px 5px;
}

h3.acces3 div {
    float: none;
    position: relative;
    display: inline;
    color: gray;
    cursor: pointer;
    margin-left: 20px;
}

h3.acces3 div:hover {
    text-decoration: underline;
}

h3.acces3 div.index_pest_selected {
    color: #9E0054;
    cursor: text;
}

h3.acces3 div.index_pest_selected:hover {
    text-decoration: none;
}

.index_ayuda p {
    padding: 12px 10px 0 10px;
    min-width: 90%;
}

.index_ayuda p:first-child {
    padding-top: 0;
}

.icono-y-titulo {
    display: inline-block;
}

.icono-y-titulo h3 {
    padding-left: 5px;
    display: inline-block;
}

.column_wrapper .acces_module ul {
    list-style: none;
}

.column_wrapper .acces_module ul li time,
.column_wrapper .acces_module ul li span {
    display: inline-block;
}

.column_wrapper .acces_module ul li span {
    background: none;
}

.column_wrapper .acces_module ul li time.aviso_fecha {
    width: 103px;
    vertical-align: top;
}

.column_wrapper .acces_module ul li span.aviso_desc {
    width: calc(100% - 103px);
    padding: 0 15px;
}




.form_box span.rc {
    display: block;
    position: absolute;
    top: 0;
    width: 4px;
    height: 4px;
}

.form_box span.nw {
    left: 0px;
    background: url("../images/rc_nw_form.gif") no-repeat;
}

.form_box span.ne {
    background: url("../images/rc_ne_form.gif") no-repeat;
    right: 0;
}

.form_box_title {
    height: 30px;
    padding-top: 5px;
    padding-left: 10px;
    /*background: #65031d url("../images/form_title_bg.gif") repeat-x bottom;*/
    background: -moz-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e0054), color-stop(100%, #6e183d)) !important;
    background: -webkit-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -o-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -ms-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
}

.form_box_title h3 {
    padding: 2px 13px 2px 13px;
    font-size: 13px;
    color: #FFF;
    cursor: pointer;
    background: url("../images/tip_open.gif") no-repeat center left;
}

.form_box_title h2 {
    padding: 2px 13px 2px 13px;
    font-size: 13px;
    color: #FFF;
}

#man_form,
#client_man_form,
#dest_man_form,
#not_man_form,
.hiddenLayer,
#infor_grabado {
    display: none;
}

#res_col {
    position: relative;
    float: left;
    left: 0;
    width: 100%;
}

.form_box_content {
    position: relative;
    float: left;
    left: 0;
    width: 100%;
    border: 1px solid #d0d0d0;
    background: #fafafa url("../images/acces_bg.gif") repeat-x bottom;
}

.form_box_content select {
    display: inline-block;
    -webkit-appearance: menulist;
}

.form_box_content fieldset {
    padding: 0 10px;
}

.form_box_content strong.codigo {
    float: left;
    width: 202px;
    padding-top: 4px;
}

.form_box_content label.check {
    width: 33px;
    margin-left: 14px;
    padding-left: 33px;
}

.form_box_content div.separador {
    width: 80%;
    height: 1px;
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 20px;
}

.form_box_content div.separadorExpe {
    width: 80%;
    height: 1px;
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 10px;
}

.form_box_content div.alertapagina {
    border: 1px solid #333;
    color: #9e0054;
    margin-top: 5px;
    margin-right: 15px;
    margin-bottom: 5px;
    margin-left: 15px;
    padding: 5px;
}

.form_box_content div.funciones {
    display: block;

}

.form_box_content div.separadorV {
    width: 1px;
    height: 350px;
    display: inline;
    float: left;
    position: relative;
    margin-right: 10px;
    margin-top: 40px;
    border-left: 1px solid #DDDDDD;
}

div.funciones label {
    text-align: left;
}

/*.form_box_content input{width:163px;}*/
.form_box_content input.auto {
    width: auto;
    float: left;
}

.form_box_content select.auto {
    width: auto;
    float: left;
}

.form_box_content input.xsmall {
    width: 96px;
    float: left;
}

.form_box_content input.xxsmall {
    width: 56px;
}

.form_box_content input.small {
    width: 126px;
}

.form_box_content input.smallBus {
    width: auto;
}

.form_box_content select.smallBus {
    width: auto;
}

.form_box_content input.medium {
    width: 250px;
}

.form_box_content input.large {
    width: 290px;
}

.form_box_content input.size226 {
    width: 226px;
}

.form_box_content input.xlarge {
    d10rwidth: 500px;
}

.form_box_content input.radio {
    width: auto;
    height: auto;
    float: left;
    margin-left: 12px;
    margin-right: 5px;
    margin-top: 4px;
    background: none;
    border: none;
}

.form_box_content input.check,
.form_box_content .btn-group>.btn-checkbox>input {
    background: none;
    border: none;
    width: 15px;
    height: 15px;
}

.form_box_content .btn-group>label.btn-checkbox {
    text-align: left;
    font-size: inherit;
    padding-top: 0px;
    margin: 0;
}

.form_box_content input.checkExp {
    margin-top: 3px;
    background: none;
    border: none;
    width: auto;
}

.form_box_content select.xlarge {
    width: 475px;
}

.form_box_content textarea {
    /*width:500px;*/
    height: 53px;
    padding: 2px;
    border: 1px solid #d0d0d0;
    float: left;
}

.form_box_content textarea.medium {
    width: 260px;
    height: 110px;
}

.form_box_content textarea.large {
    width: 570px;
    height: 180px;
    margin-left: 10px;
}

.form_box_content textarea.mail {
    width: 500px;
    height: 150px;
    padding: 2px;
    border: 1px solid #d0d0d0;
    float: left;
}

.form_box_content textarea.large2 {
    width: 570px;
    height: 160px;
}

.form_box_content textarea.largeExpe {
    width: 462px;
    height: 80px;
}

.form_box_content .graytext {
    color: gray;
    font-size: 12px;
}

.graytext {
    color: gray;
    font-size: 12px;
}

.form_box_content textarea.xlarge {
    height: 80px;
}

.form_box_content p {
    width: 100%;
    overflow: hidden;
    clear: both;
    margin-bottom: 5px;
    margin-top: 0;
}

.form_box_content input.seleccionar_button,
.form_box_content input.buscar_button {
    display: block;
    float: left;
    width: 105px;
    height: 21px;
    border: none;
    background: url(../images/seleccionar_button_bf.gif) no-repeat;
    color: #FFF;
    font-size: 10px;
    cursor: pointer;
    text-align: left;
    padding: 0 0 0 32px;
    margin-left: 12px;
}

.form_box_content input.generico_button {
    display: block;
    float: left;
    width: 88px;
    height: 21px;
    border: none;
    background: url(../images/generico_bg.gif) no-repeat;
    color: #FFF;
    font-size: 10px;
    cursor: pointer;
    text-align: left;
    padding: 0 0 0 32px;
    margin-left: 12px;
}

.form_box_content a.seleccionar_button:hover {
    text-decoration: none;
}

.form_box_content label.req {
    color: red;
    width: 200px;
    margin-left: 450px
}

.form_box_content span.button_content {
    display: inline-block;
    width: 100%;
    margin: 18px auto;
    text-align: center;
}

.form_box_content .box {
    margin: 16px 0 0;
}

.form_box_content input.solicitarDisButton {
    float: left;
    display: inline;
    margin-left: 10px;
    background: url(../images/guardar_button_bg_dis.gif) no-repeat;
}

.form_box_content input.solicitarDisButtonGrande {
    display: inline;
    margin-left: 10px;
    background: url(../images/guardar_button_bg_dis_grande.gif) no-repeat;
    float: none;
    width: 220px;
}

.form_box_content input.solicitarDisButton {
    float: left;
    display: inline;
    margin-left: 10px;
    background: url(../images/guardar_button_bg_dis.gif) no-repeat;
}

.form_box_content input.solicitarButton {
    float: left;
    display: inline;
    margin-left: 10px;
}

.form_box_content #solicitar_info {
    float: left;
    display: none;
    padding: 3px 10px;
    min-width: 200px;
    min-height: 5px;
    background-color: #EEDDDD;
    border: 1px solid red;
    margin: 5px 0 0 160px;
    text-align: center;
}

.form_box_content input.selection {
    width: 404px;
}

.form_box_content table {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 0 0px;
}

.form_box_content table.files {
    width: 500px;
    margin: 0 auto;
    padding: 10px 0 0 0px;
}

.form_box_content .sub_content table {
    position: relative;
    float: left;
    left: 0;
    top: 0;
    margin: 5px 0;
    padding: 0;
    /*border: 1px solid #CCC;*/
}

.form_box_content table.importe {
    width: 100%;
    margin: 0 auto;
}

.form_box_content table th {
    background: #d0d0d0;
    font-size: 12px;
    font-weight: bold;
    color: #9e0054;
    padding: 5px;
}

.form_box_content table.importe th {
    background: none;
    font-weight: normal;
    padding: 0px;
    color: #333333;
}

.form_box_content table.importe td {
    background: none;
    font-weight: normal;
    padding: 0px;
}

.form_box_content table th.left,
.form_box_content table td.left {
    text-align: left;
}

.form_box_content table td.left {
    padding-left: 10px;
}

.form_box_content table td {
   padding: .5rem;
   max-width: 400px;
   vertical-align: middle;
}

.form_box_content table td.etiquetaform {
    padding: 3px;
    text-align: right;
}

.form_box_content table td input {
    float: none;
}

.form_box_content table td input.button {
    display: block;
    width: 19px;
    height: 19px;
    border: none;
    background: none;
    float: left;
    cursor: pointer;
}

.form_box_content table td input.exem {
    width: 46px;
}

.form_box_content table td input.button.back {
    background: url(../images/ico_back.gif) no-repeat;
}

.form_box_content table td input.button.file {
    background: url(../images/ico_file.gif) no-repeat;
}

.form_box_content table td input.button.fileOn {
    background: url(../images/ico_fileOn.gif) no-repeat;
}

.form_box_content table td.pdf {
    padding-left: 30px;
    text-align: left;
    background: #dbdbdb url(../images/ico_pdf.gif) no-repeat 8px 8px;
}

.form_box_content table td.transparent {
    background: none;
}

.form_box_content .enviar_button {
    display: block;
    float: right;
    width: 125px;
    height: 21px;
    border: none;
    background: url(../images/enviar_button_bg.gif) no-repeat;
    color: #FFF;
    font-size: 10px;
    cursor: pointer;
    text-align: center;
    padding: 2px 0 0 8px;
    cursor: pointer;
    margin-left: 14px;
}

.form_box_content .lblFormulario {
    width: 400px;
    float: left;
}

.seleccionar .form_box_content input.generico_button {
    height: 21px;
}

.seleccionar .form_box_content input,
.seleccionar .form_box_content input.small {
    width: auto;
}

.form_box_content .new_button,
form_box_content .new_client_button,
.form_box_content .new_dest_button,
.form_box_content .new_not_button {
    color: #FFFFFF !important;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
    text-align: center;
    background: url(../images/iconset-new.png) no-repeat 7px 49% #c62673;
    -webkit-box-flex: 2 !important;
    -moz-box-flex: 2 !important;
    box-flex: 2 !important;
    border: 1px solid #441127 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    padding: 3px 10px 3px 20px !important;
    line-height: 200% !important;
    top: -50px !important;
    font: 10px Arial !important;
    height: auto;
    width: auto !important;
    letter-spacing: 1px !important;
}

.form_box_content .new_button:hover,
form_box_content .new_client_button:hover,
.form_box_content .new_dest_button:hover,
.form_box_content .new_not_button:hover {
    background: url(../images/iconset-new.png) no-repeat 7px 49% #481229;
    -webkit-box-flex: 2 !important;
    -moz-box-flex: 2 !important;
    box-flex: 2 !important;
    box-shadow: 0 -1px 0 #481229 !important;
}


#dest_search #listado_buscador div,
#dest_search #listado_buscador_visible>div:not(.form-group):not(.form-inline),
#dest_search>div {
    display: inline-block;
    padding: 3px;
	margin-bottom:0.2em;
	line-height:12px;
}

#listado_buscador_visible>div:not(.form-group):not(.form-inline) {
    float: left;
}

#dest_search #listado_buscador div.listado_estado input[type="radio"],
#dest_search div.preguntas_eliminar input[type="checkbox"] {
    margin: 6px 3px 0px 2px;
}

#dest_search div.listado_ver_ocultar_col {
    display: none;
    width: 100%;
    margin: 0 0 0 3px;
}

#dest_search div.listado_ver_ocultar_buscador {
    width: 100%;
    margin: 0;
}

.ver_listado_buscador {
    margin-bottom: 5px;
}

#ver_listado_columnas {
    width: 172px;
    border: 1px solid rgb(167, 18, 37);
    background-color: rgb(198, 38, 115);
    border-radius: 3px;
    border: 1px solid black;
    color: white;
    padding: 2px;
}

#desactivada {
    margin: 5px 8px 5px 5px;
}

#dest_search label.small {
    text-align: left;
    padding-top: 4px;
    display: block;
    float: left;
    margin-right: 8px;
    width: auto;
    margin-left: 8px;
    font-size: 100%;
}

.tabla {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

span.stripes {
    width: 100%;
    height: 15px;
    display: block;
    background: url("../images/stripes.png") repeat-x;
    margin-top: 1px;
}

.form_box .sub_content {
    position: relative;
    margin: 10px auto 0;
    width: 98%;
}



input,
select {
    padding: 4px;
    background: #FFF;
    border: 1px solid #d0d0d0;
}

.tablajuste {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.formtablas {
    margin: 0 1px 0 1px;
    padding: 6px 3px 6px 3px;
    text-align: left;
}

.formtablas input {
    float: left !important;
}

.formtablas label,
.formtablas input {
    width: auto !important;
}

input.small {
    width: 133px;
    margin-bottom: 5px;
}

.titcolumnas {
    background: -moz-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e0054), color-stop(100%, #6e183d)) !important;
    background: -webkit-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -o-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: -ms-linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    background: linear-gradient(top, #9e0054 0%, #6e183d 100%) !important;
    color: #FFF !important;
    -webkit-box-flex: 2 !important;
    -moz-box-flex: 2 !important;
    box-flex: 2 !important;
    border: 0 !important;
    border-bottom: 0 !important;
    text-align: center !important;
    min-height: inherit !important;
    /*Anula el alto establecido para las filas de contenido*/
    line-height: normal !important;
    /*Anula el alto establecido para las filas de contenido*/
    font-weight: bold !important;
}

.col2-1tab {
    width: 10% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.col2-2tab {
    width: 90% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.col3-1tab {
    width: 35% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.col3-2tab {
    width: 60% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.col3-3tab {
    width: 80% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.col4-1tab {
    width: 20% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.col4-2tab {
    width: 45% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.col4-3tab {
    width: 60% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.col4-4tab {
    width: 80% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.col5-1tab {
    width: 15% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.col5-2tab {
    width: 40% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.col5-3tab {
    width: 60% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.col5-4tab {
    width: 80% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.col7-1tab {
    width: 10% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.col7-2tab {
    width: 19% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.col7-3tab {
    width: 30% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.columnaicon1tab {
    width: 5%;
    margin: 0 1px 0 1px;
    padding: 6px 0 6px 0;
    min-height: 30px;
    line-height: 30px;
}

/*Columna Iconos para 1 Iconos PARA TABLAS*/
.columnaicon2tab {
    width: 15%;
    margin: 0 1px 0 1px;
    padding: 6px 0 6px 0;
    min-height: 30px;
    line-height: 30px;
}

/*Columna Iconos para 2 Iconos PARA TABLAS*/
.columnaicon3tab {
    width: 20%;
    margin: 0 1px 0 1px;
    padding: 6px 0 6px 0;
    min-height: 30px;
    line-height: 30px;
}

/*Columna Iconos para 3 Iconos PARA TABLAS*/
.columnaicon4tab {
    width: 25%;
    margin: 0 1px 0 1px;
    padding: 6px 0 6px 0;
    min-height: 30px;
    line-height: 30px;
}

/*Columna Iconos para 4 Iconos PARA TABLAS*/
/* .botonpapelera {
    background: url(../images/ico_papelera.gif) no-repeat center center;
    border: none !important;
    width: 19px !important;
    height: 19px !important;
    margin: 0 auto !important;
    text-indent: -9999px;
    cursor: pointer;
} */

.oculto {
    display: none;
}

.ver_convocatoria_suspenso,
.ver_convocatoria_pendiente {
    display: inline-block;
    cursor: pointer;
}

#convocatoria_suspenso,
#convocatoria_pendiente {
    display: none;
}

.paginacion_mant {
    margin: 10px;
}


.columnas5 {
    float: left;
    width: 22.86%;
    margin: 0 1px 0 1px;
    padding: 6px 3px 6px 3px;
    border-top: 1px dotted #ccc;
}

#divlistalugares p:nth-child(2) .columnas5,
#divlistapersonal p:nth-child(2) .columnas5 {
    border: none
}

.columnaicon {
    width: 7%;
    float: left;
    margin: 0 1px 0 1px;
    padding: 6px 0 6px 0;
}

/*Columna Iconos para 2 Iconos*/
input.ico {
    padding: 12px !important;
    float: left !important;
}

#destination_paginator {}

.paginacion p,
.paginacion_mant p {
    width: auto;
    text-align: left;
    display: inline-block;
    width: 30%;
}

.paginacion ul,
.paginacion_mant ul {
    width: 40%;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.paginacion ul li,
.paginacion_mant ul li {
    display: inline;
    padding: 2px 5px;
    border-left: 1px solid #b1b1b1;
}

.paginacion ul li.first_element,
.paginacion_mant ul li.first_element {
    border: none;
}

.paginacion ul li:first-child,
.paginacion_mant ul li:first-child {
    border: none;
}

.columnas1 {
    float: left;
    width: 99.7%;
    margin: 0 1px 0 1px;
    padding: 6px 3px 6px 3px;
    position: relative;
    border-bottom: 1px dotted #ccc;
}

.required_notification {
    clear: both;
    width: 100%;
    font-size: 10px;
    display: block;
    margin-bottom: 15px;
    font-style: italic;
}

/*Para los campos obligatorios*/
.colfancy2a {
    width: 29.5%;
    margin: 10px 0 10px 0;
    float: left;
    display: block;
}

/*.colfancy2a { margin:0; display:block;}*/
.colfancy2b {
    width: 69.5%;
    margin: 10px 0 10px 0;
    float: left;
    display: block;
}

/*.colfancy2b { width:69.5%; margin: 0; float:left; display:block;}*/
.centrado {
    text-align: center;
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

#form_tit_desc .centrado,
#nuevodoc .centrado {
    margin-bottom: 0;
}

.box {
    display: inline-block;
}

/* .volvericon,
.volvericon:hover {
    background-image: url(../images/iconset-back.png);
    background-position: 7px 49%;
    background-repeat: no-repeat;
    padding: 4px 10px 4px 20px !important;
} */

/* .guardaricon,
.guardaricon:hover {
    background-image: url(../images/iconset-save.png);
    background-position: 7px 49%;
    background-repeat: no-repeat;
    padding: 4px 10px 4px 20px !important;
} */

/* .eliminaricon,
.eliminaricon:hover {
    background-image: url(../images/iconset-del.png);
    background-position: 7px 49%;
    background-repeat: no-repeat;
    padding: 4px 10px 4px 20px !important;
} */

/* .editaricon,
.editaricon:hover {
    background-image: url(../images/iconset-edit.png);
    background-position: 7px 49%;
    background-repeat: no-repeat;
    padding: 4px 10px 4px 20px !important;
} */

/* .descargaricon,
.descargaricon:hover {
    background-image: url(../images/iconset-download.png);
    background-position: 7px 49%;
    background-repeat: no-repeat;
    padding: 4px 10px 4px 20px !important;
} */

.cancelaricon,
.cancelaricon:hover {
    background-image: url(../images/iconset-cancel.png);
    background-position: 7px 49%;
    background-repeat: no-repeat;
    padding: 4px 10px 4px 20px !important;
}

/* .descargaricon:hover {
    background-color: #481229 !important;
    cursor: default;
    opacity: 0.5;
} */

/* .buscaricon,
.buscaricon:hover {
    background-image: url(../images/iconset-search.png);
    background-position: 7px 49%;
    background-repeat: no-repeat;
    padding: 4px 10px 4px 20px !important;
} */

.btnsuperior {
    position: absolute;
    right: 0;
    top: -50px;
    float: left;
    background-color: #c62673;
    color: #FFF;
    cursor: pointer;
    text-align: left;
    border: 1px solid #441127 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    padding: 2px 10px 3px 20px !important;
    line-height: 200% !important;
    height: auto;
    width: auto !important;
    letter-spacing: 1px !important;
}


.btnsub {
    position: absolute;
    right: 5px;
    display: block;
    margin: 0;
    top: 3px;
    float: right;
    width: auto !important;
}

.btnaccion {
    float: left;
    background-color: #c62673;
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    border: 1px solid #441127 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    padding: 2px 10px 2px 20px !important;
    height: auto;
    width: auto !important;
    letter-spacing: 1px !important;
}

.btnaccion:hover {
    background-color: #481229;
}

/* .recargaicon,
.recargaicon:hover {
    background-image: url(../images/iconset-undo.png);
    background-position: 7px 49%;
    background-repeat: no-repeat;
    padding: 4px 10px 4px 20px !important;
} */

.subiricon,
.subiricon:hover {
    background-image: url(../images/iconset-upload.png);
    background-position: 7px 49%;
    background-repeat: no-repeat;
    padding: 4px 10px 4px 20px;
}

/* .nuevoicon,
.nuevoicon:hover {
    background-image: url(../images/iconset-new.png);
    background-position: 7px 49%;
    background-repeat: no-repeat;
    padding: 4px 10px 4px 20px;
} */




.section_all .btnsuperior {
    position: absolute;
    right: 0;
    top: -50px;
    float: right;
    background-color: #c62673;
    color: #FFF;
    cursor: pointer;
    text-align: left;
    border: 1px solid #441127 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    padding: 2px 10px 3px 20px !important;
    line-height: 200% !important;
    height: auto;
    width: auto !important;
    letter-spacing: 1px !important;
}

.btnsuperior:hover {
    background-color: #481229;
}

.firmar-asistencia {
    display: none !important;
}

.btn {

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0px 4px;
    padding: 4px 4px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none !important;
    height: auto;
}

.bg-default {
    background-color: #9E0054;
}

.boton {
    background-color: #9E0054;
    color: #FFF !important;
    border: 1px solid #441127;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0px 4px;
    padding: 4px 4px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none !important;
    /*font: 10px Arial !important;*/
    width: auto !important;
    min-width: 24px;
    height: auto;
}

.boton.disabled {
    opacity: .65;
}

.boton:hover {
    background-color: #481229 !important;
}
.botonico2 {
    background-color: #9E0054;
    color: #FFF !important;
    border: 1px solid #441127;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0px 1px;
    padding: 0px 0px;
    cursor: pointer;
    display: inline-block;
	text-align:center;
    text-decoration: none !important;
    width: auto !important;
    min-width: 24px;
	font-size:1.3em;
}
.botonico2:hover {
    background-color: #FFF;
	color: #9E0054 !important;
    text-decoration: none !important;
}
/* .botonico {
    color: #9E0054
    cursor: pointer;
    text-decoration: none !important;
    font-size: 18px;
    margin-right: 3px;
    display: inline;
}

.botonico:hover {
    color: blue !important;
    text-decoration: none !important;
} */


.section_all .section_all .btnsuperior:hover {
    background-color: #481229;
}

.columna-ordenable {
    color: white !important;
}

.columnas1b {
    float: left;
    width: 87.4%;
    margin: 0 1px 0 1px;
    padding: 6px 3px 6px 3px;
    position: relative;
    border-bottom: 1px dotted #ccc;
}

.columnas2s {
    float: left;
    width: 48.5%;
    margin: 0 1px 0 1px;
    padding: 6px 3px 6px 3px;
}

.columnas2 {
    float: left;
    width: 91%;
    margin: 0 1px 0 1px;
    padding: 6px 3px 6px 3px;
    border-bottom: 1px dotted #ccc;
}

.columnas3 {
    float: left;
    width: 45%;
    margin: 0 1px 0 1px;
    padding: 6px 3px 6px 3px;
    border-bottom: 1px dotted #ccc;
}

.columnas4 {
    float: left;
    width: 29.6%;
    margin: 0 1px 0 1px;
    padding: 6px 3px 6px 3px;
    border-bottom: 1px dotted #ccc;
}

.form_box.seleccionar {
    width: 620px;
}

table.seleccionar {
    width: 600px;
    padding-bottom: 10px;
}

// PLANTILLAS

.botonenlace {
    background: url(../images/ico-link.png) no-repeat center center;
    border: none !important;
    width: 19px !important;
    height: 19px !important;
    margin: 0 auto !important;
    text-indent: -9999px;
    cursor: pointer;
}

.botoneditar {
    background: url(../images/ico_edit.png) no-repeat center center;
    border: none !important;
    width: 19px !important;
    height: 19px !important;
    margin: 0 auto !important;
    text-indent: -9999px;
    cursor: pointer;
}

.nodata {
    margin: 10px 0 10px 1%;
    padding: 5%;
    width: 98% !important;
    border: 1px solid #ccc;
}

input.formulario {
    width: 100% !important;
}

.titcolleft {
    background: -moz-linear-gradient(top, #9e0054 0%, #6e183d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e0054), color-stop(100%, #6e183d));
    background: -webkit-linear-gradient(top, #9e0054 0%, #6e183d 100%);
    background: -o-linear-gradient(top, #9e0054 0%, #6e183d 100%);
    background: -ms-linear-gradient(top, #9e0054 0%, #6e183d 100%);
    background: linear-gradient(top, #9e0054 0%, #6e183d 100%);
    color: #FFF;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    border: 0;
    text-align: left;
    min-height: inherit !important;
    /*Anula el alto establecido para las filas de contenido*/
    line-height: normal !important;
    /*Anula el alto establecido para las filas de contenido*/
    font-weight: bold;
    border-bottom: 0 !important;
}


.fntgroup {
    float: left;
    font-size: 15px;
    font-weight: bold;
    color: #9e0054 !important;
    background: url(../images/icon-grupo.png) center left no-repeat;
    width: 100%;
    margin: 5px 1px;
    padding: 6px 3px 6px 23px;
    position: relative;
    border-bottom: 1px dotted #ccc;
}

.li>a.fntgroup {
    cursor: pointer;
}

.sin-alertas {
    font-size: 16px;
    color: #616161;
    padding: 50px;
    justify-items: center;
    display: flex;
    align-items: center;
}

.sin-alertas>div {
    margin: auto;
    align-items: center;
    display: flex;
}

.sin-alertas>div>i {
    padding: 4px;
}

.alertas-subseccion {
    width: auto;
    cursor: pointer;
    background: none;
    display: inline-block;
    float: none;
    border-bottom: none;
}

.colorden {
    float: left;
    width: 6%;
    margin: 0 1px 0 1px;
    padding: 6px 0 6px 0;
}

.infcol {
    color: #ccc;
    border-bottom: 1px dotted #ccc;
    text-align: center;
    min-height: inherit !important;
    /*Anula el alto establecido para las filas de contenido*/
    line-height: normal !important;
    /*Anula el alto establecido para las filas de contenido*/
}

.colalingshrt {
    float: left;
    width: 81%;
    margin: 0 1px 0 1px;
    padding: 6px 3px 6px 3px;
    min-height: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #ccc;
}

.columnaicon3 {
    width: 11%;
    float: right;
    margin: 0 1px 0 1px;
    padding: 6px 0 6px 0;
    min-height: 30px;
    line-height: 30px;
    display: block;
}

/*Columna Iconos para 3 Iconos*/
input.orden {
    width: 90% !important;
    height: 20px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.iconofloat {
    padding: 1px !important;
}

/*Si los datos que contiene la columna ocupan más de una linea y por tanto tiene que seguir una alineación con el input normal*/
.colnoalignshrt {
    float: left;
    width: 81%;
    margin: 0 1px 0 1px;
    padding: 6px 3px 6px 3px;
    min-height: inherit;
    line-height: normal;
    border-bottom: 1px dotted #ccc;
}

.colicon3 {
    width: 11%;
    float: right;
    margin: 0 1px 0 1px;
    padding: 6px 0 6px 0;
}

/*Columna Iconos para 3 Iconos*/

.sub_content #men_form p label {
    display: inline-block;
    width: 20%;
}

.sub_content #men_form p input {
    float: none;
    width: 69%;
}

.sub_content #detalle table td input:not([type="button"]):not([type="checkbox"]) {
    width: 100%;
}

.form_box_content table.tablajuste {
    width: 100% !important;
}

.form_box_content table.tablajuste td.formtablas label.small,
.form_box_content table.tablajuste td.formtablas input.small {
    margin: 0px 10px 0px;
    font-size: 100%;
}

.form_box_content table.tablajuste td.formtablas select#id_perfil,
.form_box_content table.tablajuste td.formtablas select#departamento {
    width: auto;
}

.form_box_content form#dest_search {
    padding: 0;
}

.defaultSkin table.mceLayout tr.mceFirst td {
    padding: 0;
}

.form_noticia_separador.titcolumnas {
    width: 100%;
}

// admincertificacio

.opt_seleccionar {
    display: none;
}


#subnavegador6 .tabla,
#subnavegador7 .tabla {
    border: none;
}

/*            #subnavegador2, #subnavegador3, #subnavegador4,
            #subnavegador5, #subnavegador6, #subnavegador7 {
                display: none;
            }*/

#subnavegador6,
#subnavegador7 {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

#listado_columnas,
#listado_buscador {
    display: none;
}

#listado_buscador {
    margin: 0 0 0 10px;
}

#altacliente input.colfancy2b.pequeno {
    width: 15% !important;
}

#altacliente input.colfancy2b.mediano {
    width: 35% !important;
}

#altacliente input.colfancy2b.grande {
    width: 60% !important;
}

#subnavegador_inci div {
    padding: 5px 0;
}

#subnavegador_inci div strong {
    color: red;
    font-style: italic;
}

/* Barra de progreso uploadfile */
/*            .progress { display:none; position:relative; border: 1px solid #ddd; padding: 1px; border-radius: 3px; float: left; margin: 2px 0 0 10.5%; width: 59.7%;}*/
.progress {
    /*display:none;*/
    position: relative;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 3px;
    float: left;
    margin: 2px 0 0 0;
    width: 100%;
    height: auto;
}

.bar {
    background-color: #B4F5B4;
    width: 0%;
    height: 20px;
    border-radius: 3px;
}

.percent {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 48%;
}

.upload_error {
    color: red;
    font-weight: bolder;
}

.upload_ok {
    color: green;
    font-weight: bolder;
}

#status {
    text-align: center;
}

/*table#seguimiento_list, table#documentos_list {border-collapse: separate; border-spacing: 2px;}*/
table {
    border-collapse: separate;
    border-spacing: 2px;
}

table#documentos_list .col4-2tab,
table#convocatoria_pendiente_det .col4-2tab,
table#convocatoria_suspenso_det .col4-2tab {
    /*-moz-hyphens:auto;
                -ms-hyphens:auto;
                -webkit-hyphens:auto;
                -o-hyphens:auto;
                hyphens:auto;*/
    word-break: break-all;
    -o-word-break: break-all;
    -ms-word-break: break-all;
    -moz-word-break: break-all;
    -webkit-word-break: break-all;
}

#incidencia_list th.titcolumnas a {
    color: white;
}

#titulo_desc {
    max-width: 700px;
    overflow: hidden;
}

#titulo_desc label {
    margin: 10px 0px 2px 0;
    display: block;
}



#nuevodocumento input[type="checkbox"] {
    vertical-align: middle;
}

#nuevodocumento .titcolumnas {
    width: 98.5%;
}

#titulo_desc {
    max-width: 900px;
    min-width: 800px;
    overflow: hidden;
}

/***********************************************************************
            **  ////////////////////////////////////////////////////////////////  **
            **  //                    F I N   R E V I S A R                   //  **
            **  //    ¡¡ C O P I A D O  D E  L O S  O R I G I N A L E S !!    //  **
            **  ////////////////////////////////////////////////////////////////  **
            ***********************************************************************/

.lista-variables {
    display: inline-block;
    width: 100%;
}

/* Leyenda de colores del listado de actividades */
.leyenda {
    /*width: auto;*/
    margin: 10px;
    padding: 10px;
    float: right;
    position: relative;
    border: 1px solid #424242;
    background-color: white;
    width: 300px;
    /*max-width: 150px;*/
}

.leyenda li {
    margin-left: 5px !important;

}

.leyenda li i.fa {
    width: 15px;
}

.leyenda li span {
    vertical-align: middle;
    font-weight: bold;
}

.leyenda .legend-color {
    border: 1px solid #ccc;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    display: block;
}

.leyenda .en-proces-color {
    background-color: #bee5eb;
    display: inline-block;
}

.leyenda .acompanantes-color {
    background-color: #bee5eb;
    display: inline-block;
}

.leyenda .confirmada-color {
    background-color: #eee;
    display: inline-block;
}

.addToCatalogo {
    width: max-content !important;
}

/*columnas label, campo */
.col2a {
    display: inline-block !important;
    width: 24% !important;
    float: none !important;
}

.col2a_der {
    display: inline-block !important;
    width: 24% !important;
    float: none !important;
    text-align: right;
}

.col2b {
    display: inline-block !important;
    width: 74% !important;
    float: none !important;
}

.col3c {
    display: inline-block !important;
    width: 37% !important;
    float: none !important;
}

.centrar {
    text-align: center !important;
}

#loadingfancy,
.loadingfancy {}

.oculta621 {}

.ajustaancho {
    width: 100%;
}

.fondoacompanantes {
    background-color: #FFFFFF;
}

.resaltado {
    background-color: #ddd;
    /*color: #9e0054;*/
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 4px;
    width: auto !important;
    height: auto;
    margin-top: 10px;
    margin-right: 4px;
    margin-bottom: 20px;
    margin-left: 4px;

}

.resaltado2 {
    background-color: #eee;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 4px;
    height: auto;
    margin: 5px;
}

.resaltado2 ul {
    list-style: disc;
    margin: 10px 20px;
    padding: 5px;
}

.resaltado2 ul li {
    margin: 5px;
}

/*label {
    margin-bottom: 0;
}*/


/***********************************************************************
**  ////////////////////////////////////////////////////////////////  **
**  //             A S I D E _ A D D I T I O N A L                //  **
**  ////////////////////////////////////////////////////////////////  **
***********************************************************************/

#aside_additional {
    position: relative;
    float: left;
    left: 0;
    width: 300px;
    margin: 0;
    padding: 17px 0px;
    background: transparent url("../images/content_bg.gif") repeat-x scroll center top;
    z-index: 1;
}

#news_content {
    width: 276px;
    margin: 0 12px 0 12px;
    background: url(../images/news_header.gif) repeat-x top;
    position: relative;
}

#news_content h3 {
    color: #FFF;
    font-size: 13px;
    padding: 7px 16px 5px;
}

#news_content a.ver_todas {
    position: absolute;
    top: 9px;
    right: 10px;
    text-decoration: none;
    font-size: 10px;
    color: #FFF;
}

#news_content a.ver_todas:hover {
    text-decoration: underline;
}

#news_content a span,
a.ver span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
}

#news {
    border: 1px solid #cfd0d0;
    background: #e5e7e7;
    padding: 5px 13px;
    overflow: auto;
    margin-bottom: 5px;
    max-height: 420px;
}

#news li {
    border-top: 1px dashed #c8c8c8;
    overflow: hidden;
    padding-bottom: 6px;
    padding: 6px 2px;
}

#news li.first_element {
    border: none;
}

#news .date {
    color: #707070;
}

#news .title {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 8px;
}

#news p {
    padding: 0;
}

#news a.ampliar {
    float: right;
}

#news li a {
    display: block;
}

#news li a figure {
    margin: 5px 0px 0px;
}

#news li a figure figcaption {
    width: 85%;
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
}









/***********************************************************************
**  ////////////////////////////////////////////////////////////////  **
**  //                 F O O T E R _ W R A P P E R                //  **
**  ////////////////////////////////////////////////////////////////  **
***********************************************************************/

#footer_wrapper {
    position: relative;
    clear: both;
    /* Sin esto lo posicionaría sobre las anteriores al tratarlo como capa flotante */
    width: 99%;
    left: 1px;
    padding: 15px 4px;
    font-size: 12px;
    background: #FFF url("../images/bg_site_info.jpg") no-repeat scroll 0% 0%;
    z-index: 1;
}

#vcard {
    position: relative;
    float: left;
    left: 0;
    padding-left: 5px;
    font-size: 0.9em;
    border-right: 5px solid #E9E9E9;
}

#vcard address p {
    color: #666;
    margin: 0 0 0.25em 0;
}

#socialNets {
    position: relative;
    text-align: center;
}

#socialNets p {
    padding: 0;
    margin: 0 0 .8em;
}

#socialNets ul li {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0 .4em 0 0;
}

#socialNets ul li span {
    display: none;
}

#socialNets ul li#twitter a,
#socialNets ul li#youtube a,
#socialNets ul li#facebook a,
#socialNets ul li#linkedin a {
    width: 28px;
    height: 28px;
}

#socialNets ul li#twitter a {
    display: block;
    background: url("../images/logo_twitter.png") no-repeat left top;
}

#socialNets ul li#youtube a {
    display: block;
    background: url("../images/logo_youtube.png") no-repeat left top;
}

#socialNets ul li#facebook a {
    display: block;
    background: url("../images/logo_facebook.png") no-repeat left top;
}

#socialNets ul li#linkedin a {
    display: block;
    background: url("../images/logo_linkedin.png") no-repeat left top;
}

#logospie {
    position: relative;
    float: right;
    right: 0;
    border-left: 5px solid #E9E9E9;
    text-align: center;
}

#logospie ul li {
    position: relative;
}

#logospie ul li a {
    border: none;
}



/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //                   OCULTAR GRID                        //  **
**  ////////////////////////////////////////////////////////////  **
*******************************************************************/

/* ocultar en diferentes visualizaciones  */
.hidesmall,
.hidemedium,
    {
    display: inline-block;
}

.hidelarge {
    display: none !important;
}


/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //                   CUSTOM BOOTSTRAP                     //  **
**  ////////////////////////////////////////////////////////////  **
*******************************************************************/

.alert {
    margin-top: 0.6rem;
}

#ul_tabs_alertas .nav-link.active {
    background-color: #fafafa;
    border-bottom: 1px solid #fafafa;
}

.input-group-text {
    padding: inherit;
    font-size: inherit;
}


/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //                     CUSTOM TINYMCE                     //  **
**  ////////////////////////////////////////////////////////////  **
*******************************************************************/

/* tinymce encima de fancybox */
.tox-tinymce-aux {
    position: relative !important;
    z-index: 10000 !important;
}


/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //                     CUSTOM DATEPICKER                  //  **
**  ////////////////////////////////////////////////////////////  **
*******************************************************************/

.datepicker-dropdown {
    background-color: #fafafa !important;
    border: 1px solid rgba(0, 0, 0, 0.5) !important;
}

.datepicker-switch {
    color: #9e0054 !important;
}


/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //                     CUSTOM MULTISELECT                 //  **
**  ////////////////////////////////////////////////////////////  **
*******************************************************************/

div.form-group .ms-parent {
    width: 100% !important;
}

#dest_search #listado_buscador_visible .ms-parent {
    width: auto !important;
    padding: 0;
}

#dest_search #listado_buscador_visible .ms-parent>.ms-drop.bottom {
    display: none;
    padding: 0;
}

#dest_search #listado_buscador_visible .ms-parent>button.ms-choice {
    height: 23px;
    width: 200px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #d0d0d0;
}

#dest_search #listado_buscador_visible .ms-parent>button.ms-choice>div {
    display: inline-block;
}

/* Aplica sólo para Chrome */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {

    .selector:not(*:root),
    #dest_search #listado_buscador_visible .ms-parent>button.ms-choice>div {
        display: none;
    }

    .selector:not(*:root),
    #dest_search #listado_buscador_visible .ms-parent>button.ms-choice {
        -webkit-appearance: menulist;
    }

    .selector:not(*:root),
    #dest_search #listado_buscador_visible .ms-parent>button.ms-choice>span {
        position: relative;
    }
}

input[type="checkbox"] {
    vertical-align: middle;
}

.truncar {
    line-height: 14px;
    text-overflow: ellipsis;
    cursor: pointer;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
}

.truncar:hover {
    overflow: visible;
    white-space: normal;
    height: auto;
}

.tr-truncar {
    height: 30px;
}

/* solución rápida para centrar todos los ajax loading */
#contenidofancy>img {
    left: calc(50% - 25px);
    position: relative;
}

/* signature pad */

.signature-wrapper {
    position: relative;
    text-align: center;
    border: 1px dotted gray;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.signature-pad {
    position: relative;
    width: 100%;
    height: 200px;
    background-color: white;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #cc0055;
    border-color: #cc0055;
}

.div-tarea-inicio #act_grupo_tarea_div,
.div-tarea-inicio #act_orden_div {
    display: none !important;
}

.div-tarea-inicio #act_tarea {
    color: #505050;
    cursor: not-allowed;
}

.menu-expandible {
    width: 300px !important;
}

.menu-expandible a {
    display: block;
    padding-right: 0.5rem !important;
}

.menu-expandible .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    width: 100% !important;
}

.slider-div {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0px;
    top: 0px;
    left: 100%;
}

#comision-nav li.nav-item a.nav-link.active {
    background-color: transparent;
    border: 0;
    color: white;
    font-weight: bold;
    border-bottom: 1px solid white;
}

#comision-nav li.nav-item a.nav-link {
    color: white;
}

#user_options {
    position: absolute;
    right: 0;
}

.comision-header a {
    white-space: normal;
}

#calendar .list-group-item {
    width: 100%;
    height: 40px;
    padding: 5%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contenedorLista {
    min-width: 90%;
    max-width: 90%;
    overflow: hidden;
}

.text-pcolor {
    color: #9e0054;
    font-weight: bold;
    font-size: 1.1vw;
}

#calendar a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#calendar .card-body {
    border: 1px solid rgba(0, 0, 0, 0.250);
    padding: 0.5em 0px;
    max-width: 14.1%;
    min-width: 14.1%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#loading {
    padding: 1.5vw;
    position: absolute;
    margin: auto;
    top: 50vh;
    left: 50vw;
}

#contenedor-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.500);
    z-index: 100;
}

#calendar .card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

#calendar .bg-gris {
    background-color: rgba(0, 0, 0, 0.150);
}

#modalFichaActividad .form-group {
    display: flex;
    align-items: center;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
}

#modalFichaActividad .form-group div>p {
    margin: 0px;
}

#modalFichaActividad .form-group label {
    margin: 0px 1px;
}

#modalFichaActividad .modal-body {
    display: block;
    margin: 0px 1px;
}

#calendar #menu {
    display: flex;
    justify-content: space-between;
}

#calendar #card {
    display: flex;
}


.close_icon {
    display: flex;
    justify-content: flex-end;
}

.containerPostit .list-group-item {
    background-color: lemonchiffon;
}

.acciones_list {
    display: grid;
    max-width: 100%;
    grid-template-columns: 40% 40% 10% 10%;
    grid-template-rows: 1fr;
    grid-template-areas: ". . .";
    padding: 5px;
    justify-items: center;
    align-items: center;
    /* background-color: #ffc1073b; */
    font-weight: bold;
}

.span_wrap {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.acciones_card {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    grid-template-rows: 1fr;
    grid-template-areas: ". .";
    justify-items: center;
    align-items: center;
    grid-column-gap: 0.5em;
}


li.degradadoArbol {
    background: white;
}

li.degradadoArbol ul>li {
    background: #eeeeee;
}

li.degradadoArbol ul>li>ul>li {
    background: #cccccc;
}


/* CSS Component Postit */
.containerPostit {
    display: none;
}
@media (min-width: 1900px) {
    .containerPostit {
        width: 259px;
        position: fixed;
		left: -500px;
        left: calc((100% + 1410px) / 2);
        top: 0px;
        margin: 0%;
        background-color: lemonchiffon;
        padding: 10px 10px;
        z-index: 100;
        display: inline-block;
    }
}



/* #divsolicitudes td .btn.btn-primary {
    background-color: #e7e7e700;
    color: #9E0054;
    border: 1px;
}

#divsolicitudes th .btn.btn-primary {
    background-color: transparent;
    color: #fff;
    border: 1px;
} */

.tab-content {
    background-color: #fff;
    height: 100%;
    color: #495057;
    border-color: #dee2e6 #dee2e6;

}

/* #divsolicitudes table {
    margin-top: 25px;
    ;
} */

/* #divsolicitudes th.titcolumnas {
    text-align: center;
    vertical-align: super;
    padding: 0%;
    margin: 0%;
} */