/* ------------- Definicio de variables  -------- */
/*-- Header -- */
.Kheader{
	/*height: 71px;*/
    position: relative;
    height: 80px;
    box-shadow: 0 0 6px 5px rgb(0 0 0 / 4%); /*kc*/
}

.topnav{
	justify-content: unset;
	padding-top: 5px;
}

.topnav a {
  float: left;
  display: block;
  color: var(--header-text-item);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
 }


.topnav li:hover, li.active, li.focus{
    /*
    background-color: var(--nav-active-bg);
    border-bottom: 3px solid var(--nav-active-accent-esq);*/  
    background-color: var(--nav-bg);                    /* kc */
    border-bottom: 3px solid var(--button-border);

}

.topnav li:hover{                                        /* kc */
    background-color: var(--nav-active-bg);
    border-bottom: 3px solid var(--button-border);
}

.topnav li a:hover{                                      /* kc */
    color: var(--nav-focus-txt);
}

.topnav {                                                /* kc */
    border-radius: 5px;
}

.topnav li{                                              /* kc */
    border-radius: 5px;
}

.topnav li a{                                            /* kc */
    border-radius: 5px;
}

.Kusermenu{
	padding-top: 10px;
}


/* -- Container principal -- */
/* ------------------------- */

.Kcontainerppal{
	position: relative;
    height: calc(100vh - 81px);
}


/*-- Main 2 columnes -- */


.Kmain2cols{
	margin-left: 105px;
	height: 100%;
	width: calc(100vw - 106px);
	position:absolute;
}



.Ksidebar{
 	width: 105px;
 	height: 100%;
 	position: absolute;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	overflow:auto;
  	z-index: 10;
  	background-color: var(--nav-bg);
    /*border-right: 1px solid gray; */   /* kc */
    border-right: 1px solid rgba(0, 0, 0, 0.1)
}


.icon-bar a {
  display: block;
  text-align: center;
  color: var(--nav-text);
  font-size: 1.1em;
  border-bottom: 1px solid var(--iconbar-border-bottom); 
  /*border-bottom: 1px solid gray; */ 
  /*line-height: 0.8;*/
}

.icon-bar i{
	font-size: 1.8em;
}


.sprincipal{
	background-color: var(--content-bg);
    margin-left: 230px;
    /*width: calc(100vw - 320px);*/
	/*height: calc(100vh - 95px); */
    height: 100%;
	/*padding: 30px 50px;*/
    padding: 10px;
	overflow-y: auto;
	overflow-x: hidden;
}

.stitlepage{                                /* kc */
	background-color: var(--content-bg);
    margin-left: 105px;
    /*width: calc(100vw - 320px);*/
	min-height: 95px;
	/*padding: 30px 50px 0px 50px;*/
    padding: 30px 15px 0px 15px;
	overflow-y: auto;
	overflow-x: hidden;
}

textarea {
   resize: none;
}


.cursor-none{
    cursor: none;
}


/*-- Main 2 columnes -- */
.Kmain2cols .sprincipal{
 	width: calc(100vw - 105px);
 	margin-left: 0px;
}


/*-- Articles de la secció principal --*/
.Krow_dashbarticle{
	width: 100%;
	background-color: var(--content-dash-bg);/*#fdf6e7;*/
	border-radius: 15px;
	box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
	margin-bottom:50px;

}

.Krow_infoarticle{
	width: 100%;
	background-color: var(--content-info-bg);
	border-radius: 15px;
	/*box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);*/
	margin-bottom: 5px; /*50px;*/
}


.article_info_dashboard{
	/*height: 400px;*/
	padding:30px 20px;
}


/* -- Elements GENERALS de les pantalles -- */

/* title */
.app-title{                         /* kc */      
    padding: 30px 120px 15px 40px;
    justify-content: left;
    margin-bottom: 10px;
    /* height: 100%; */
}


/*Elements de les pantalles */

.button_custom{
	border-radius: 5px;
	background-color: var(--button-bg);
	color: var(--button-text);
	/*border: 1px solid rgba(0,0,0,.25);*/
	border:1px solid var(--button-border);
    /*padding:10px;*/
    white-space: break-spaces;
    overflow: hidden;
}

.btn:hover{
	background-color: var(--button-hover-bg); 
	color:  var(--button-hover-text); 

}

.btn:focus{
    border-color:  var(--button-focus-border); 
    box-shadow: 0 1px 1px rgba(0, 107, 195, 0.075) inset, 0 0 8px rgba(32, 114, 195, 0.6);
    outline: 0 none;
}

.btn-table:hover{
    border-color:  var(--button-focus-border); 
    box-shadow: 0 1px 1px rgba(0, 107, 195, 0.075) inset, 0 0 8px rgba(32, 114, 195, 0.6);
    outline: 0 none;
}

.button_custom_not_action{              /* kc */
	border-radius: 5px;
	background-color: var(--button-not-action-bg); 
	color: var(--button-not-action-text);
	/*border: 1px solid rgba(0,0,0,.25);*/
	border:1px solid var(--button-not-action-border);
    /*padding: 0.375rem 0.75rem; */ /*5px*/
    white-space: break-spaces;
    overflow: hidden;
}

.btn_not_action:hover{                   /* kc */
	background-color: var(--button-not-action-hover-bg); 
	color:  var(--button-not-action-hover-text);
}

.btn_not_action:focus{                   /* kc */
    border-color:  var(--button-not-action-focus-border); 
    box-shadow: 0 1px 1px rgba(195, 36, 0, 0.075) inset, 0 0 8px rgba(160, 158, 158, 0.6);
    outline: 0 none;
}


.btn_not_action {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    /*border: 2px solid transparent;*/
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.2s cubic-bezier(0.35, 0, 0.25, 1);
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.2s cubic-bezier(0.35, 0, 0.25, 1);
    -o-transition: box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1), transform 0.2s cubic-bezier(0.35, 0, 0.25, 1), background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition: box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1), transform 0.2s cubic-bezier(0.35, 0, 0.25, 1), background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition: box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1), transform 0.2s cubic-bezier(0.35, 0, 0.25, 1), background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.2s cubic-bezier(0.35, 0, 0.25, 1);
  }
  
.button_custom_action{
	border-radius: 5px;
    background-color: var(--button-hover-bg); 
	color:  var(--button-hover-text); 
	/*border: 1px solid rgba(0,0,0,.25);*/
	border:1px solid var(--button-border);
    /*padding:10px;*/
    white-space: break-spaces;
    overflow: hidden;
}

.btn_action {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    /*border: 2px solid transparent;*/
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.2s cubic-bezier(0.35, 0, 0.25, 1);
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.2s cubic-bezier(0.35, 0, 0.25, 1);
    -o-transition: box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1), transform 0.2s cubic-bezier(0.35, 0, 0.25, 1), background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition: box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1), transform 0.2s cubic-bezier(0.35, 0, 0.25, 1), background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition: box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1), transform 0.2s cubic-bezier(0.35, 0, 0.25, 1), background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.2s cubic-bezier(0.35, 0, 0.25, 1);
  }



.btn-text{
	/*font-size: 1.2em;*/
	font-weight: 500;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

.btn-miniatura{
	margin-left: 5px;
    margin-bottom: 4px;
    padding: 8px 6px 8px 6px;
}

.btn_telework:hover{
    border:none !important;
    background-color: var(--nav-active-bg);
}

.lupa{
	width: 15px;
	padding: 5px 25px 5px 10px;
    margin-bottom: 10px;
    border-radius: 50%;
}


.btn-table{
	border: 1px outset var(--button-table-border);
	padding: 5px;
	border-radius: 5px;
    background-color: var(--button-bg);  /* kc */
	color: var(--button-text);           /* kc */   
    font-weight: normal;                 /* kc */
    /*padding: 0.095rem 0.75rem;*/       /* kc */
}

.btn-table[disabled]{                   /* kc */
    color: grey !important;
    background-color: inherit;
}

.btn-table[disabled]:hover{              /* kc */    
    background-color: inherit !important;
    color: grey !important;
}

.btn-text-table{                          /* kc */
    min-width:100%; 
    border-radius:15px;
    border: 1px solid;
}

.btn-table-not-action{                     /* kc */
    border: 1px outset var(--button-table-border);
    border-radius: 5px;
    font-weight: normal;
    padding: 0.095rem 0.75rem;
}

.btn-table-not-action:hover{                 /* kc */
	background-color: var(--button-not-action-hover-bg);
	color:  var(--button-not-action-hover-text); 
    box-shadow: 0 1px 1px rgba(195, 36, 0, 0.075) inset, 0 0 8px rgba(160, 158, 158, 0.6);
    outline: 0 none;
}


.truncateTextHidden{
    overflow: hidden;
    white-space: nowrap;
}

.truncateTextEllipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.whiteSpace-breakSpaces{
    white-space: break-spaces;

}

.bgcolor_negative{
    background-color: var(--tr-table-bg) !important;
    color:white;
}

/* Inputs i camps de text */
.custom-select:focus {
    border-color: var(--form-control-focus-border) !important;
    box-shadow: none !important;
}

.text-wrap{
	word-break: break-word;
}

.form-control-label{
	padding: 0.375rem 0.75rem;
    border-radius: 4px;
    border: 2px solid var(--label-form-control-bg);
}    

input[input-readonly]{
	pointer-events: none;
	background-color: var(--input-readonly-bg);
}

input[input-readonly]:focus{
	outline-color: var(--input-readonly-outline-focus);
}


input:required, select:required{
	/*border-color: #454c53;*/
    border-color: var(--border-field-required);
	background-color: white;
}

.chkbox-table{
    width: 0.9em;
    height: 0.9em;
    font-size: 1.4em;
}



/* propietats font Awesome */
.bAccept{
	color: var(--accept) !important;	
}

.bReject{
	color: var(--refuse) !important;		
}

.bCancel{
	color: var(--cancel) !important;		
}

.bAccept:hover{
	color: white !important;	
}

.bReject:hover{
	color: white !important;	
}


/* Taules */
thead tr {
	background-color: var(--tr-table-bg) !important;
	color: var(--tr-table-text);
    border-bottom: 3px solid lightgray !important; /* kc */
}


.inputintable{
	padding: 0px;
	border:none;
	background-color: inherit !important;
	color:var(--input-in-table) !important;
}

tbody tr.info-newitem{
	background-color: var(--info-newitem-table-bg) !important;
	border-top: 2px inset var(--button-table-border);
	border-bottom: 2px solid var(--button-table-border);
	font-size: 1.1em;
	font-weight: bold;
}


tbody td.info-newitem{
	font-size: 1.1em;
	font-weight: bold;
}

.table-custom-borders{
       border: 1px solid #ddd;
}

table td{
    border-bottom: 1px solid #bbb;
}

.table-bordered-custom td {
    border: 1px solid #b5b8bb !important;  
  }


.custom-doble-tr th{
    border-bottom:none !important;
    border-top:none !important;
}

.custom-doble-tr-pb {
    border-bottom:0px !important;
}
.custom-doble-tr-pb th{
    padding-bottom:0px !important;
}

.custom-doble-tr-pt th{
    padding-top:0px !important;
}

.custom-border-x{
    border-left: 1px solid var(--border-readonly-div); /* white;*/
}

.custom-hover-tr td:hover{
    background-color: var(--tile-title-bg) !important;
}

.icontable{
    width: 60px !important;             /* kc 0.5%  */
	text-align: center;
    font-size: 1.2em; /*Afegit el 09-09-2019 per fer els iconos de les taules de mida més gran*/
    min-width: 10px;                    /* kc */
}

.icontable a:hover{
    color: var(--textcolor-kora) !important;
}

.table-wrapper-scroll-y{
    display:block;
}

.my-custom-scrollbar{
    position: relative;
    height:500px;
    overflow: auto;
}

.my-custom-scrollbar-400{
    position: relative;
    height:400px;
    overflow: auto;
}

.my-custom-scrollbar-510{
    position: relative;
    height: 510px;
    overflow: auto;
}

.my-custom-scrollbar-210{
    position: relative;
    height:210px;
    overflow: auto;
}

.my-custom-scrollbar-300{
    position: relative;
    height:300px;
    overflow: auto;
}

.my-custom-scrollbar-100{
    position: relative;
    height:100px;
    overflow: auto;
}

.fixed-column-tbody:hover{
    color:var(--textcolor-kora) !important;
}

.fixed-column-tbody{
    position:absolute;
    width: 12rem;
    left:0;
    top:auto;
    background-color: var(--tr-table-bg);
    color:black;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.fixed-column-thead{
    position:absolute;
    width: 12rem;
    left:0;
    top:auto;
    border:none !important;
}

.div-table-with-fixed-column {
    margin-left: 11rem;
    padding: 0;
}

.table-overflow-auto{
    overflow: auto !important;
}
.td-fixed-width{
    width:5rem; 
}
.border-right-grey{
    border-right: 1px solid grey;
}

.table-transparent{                             /* kc */
    background-color: white !important;
}

.table-transparent td{                          /* kc */
    padding: 0.75rem 0.45rem;
    border: none;
}

.table-transparent a:hover{                     /* kc */
    background-color:rgba(0, 0, 0, 0.05);
}

.table-transparent .not_hover:hover{            /* kc */
    background-color: inherit;
    cursor: inherit;
}

.table-transparent thead tr{                    /* kc */
    border:none !important;
    background-color: white !important;
}

.table-transparent thead th{                    /* kc */
    border:none !important;
}

/* https://stackoverflow.com/questions/47723996/table-with-fixed-thead-and-scrollable-tbody*/ 
/* kc */
/*
.TableTheadFixed table, td {                  
    border-collapse: collapse;
}

.TableTheadFixed table{                       
    overflow-x: scroll;
}
.TableTheadFixed thead{                       
    display: table;             
    width: calc(100% - 17px);   
}

.TableTheadFixed tbody {                      
    display: block;             
    max-height: calc(100vh - 480px); 
    overflow-y: scroll;         
    *border-bottom: 1px solid lightgrey;*
}

.TableTheadFixed th, td {                
    width: 10%;                 
    *padding: 5px;*
    word-break: break-word;     
  }
  
.TableTheadFixed tr {                          
    display: table;             
    width: 100%;        
    box-sizing: border-box;     
  }

.TableTheadFixed  td {          
    border-bottom: none;
    border-left: none;
}

.TableTheadFixed tbody{         
    min-height: 50px;
}
*/

.icontable-th-width{                            /* kc */
    width: 4% !important;
}

.icontable-td-width{                            /* kc */
    text-align: center;     
    width: 3%;
}


/*radiobutton */

input[type='radio']:after {
    width: 10px;
    height: 10px; 
    border-radius: 10px;
    top: -5px; 
    left: 1px;
    position: relative;
    background-color: #f7f7f7;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid  var(--button-bg);
}

input[type='radio']:checked:after {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    top: -4px;
    left: 1.1px;
    position: relative;
    background-color: var(--textcolor-kora);
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #d1d3d1;
}


/* Paginacio */
#idNRows{
	background-color: var(--nrows-bg);
	font-size: 1.1em;
	font-weight: bold;
}

#idPagination{
	font-size: 1.2em;	
}

.page-item.active li span{
	color:white;
}

/*altres elements */
.hrcustom{
	margin-top:0px;
	margin-bottom: 10px;
	border-width: 2px;
	width: 90%
}

.hr-border-color-kora{             /* kc */
    background-color: var(--textcolor-kora);
}


/* Panels per donar format a les pantalles */
.divpanel{
	margin-left: 10px;
	border-right: 1px solid lightgrey;

}

/* Search */
.searchwindow { 
    /*border: 1px inset rgba(0, 0, 0, 0.05);        
    background-color: #dfdfdf; */                   /* kc */
    padding: 10px 0px 10px 15px;
    border-radius: 5px
}


/* --------------------------------------------*/
/* CSS propietats de distàncies                */
/* --------------------------------------------*/
/* -- margin -- */

.margin-top-10px{
	margin-top: 10px;
}


.margin-top-45px{
	margin-top: 45px;
}


/* -- padding -- */

.padding-top-15px{
	padding-top: 15px;
}


/* -- tamany -- */
.fontsize-1_2em{
	font-size: 1.2em;
}

.fontsize-1_5em{
	font-size: 1.5em;
}

.fontsize-2em{
	font-size: 2em;
}


/* --------------------------------------------*/
/* CSS per pantalles concretes  ARTICLES       */
/* --------------------------------------------*/
/* -- ZONES -- */
.article_info1_zones{
	padding: 15px 20px 0px 20px;
}


/* -- Post-Answer -- */

.msgPostAnswer{
	text-align: center;
	font-size: 1.5em;
	min-height: 30px;
	border-radius: 15px;
	border: 1px solid lightgrey;
	margin: auto;

}

/* -- Workdays -- */
.showcolor{
    border: 1px outset white;
    border-radius: 5px;
}


/*-- SETTINGS -- */
.btn-settings{
    min-width: 200px;
    min-height: 100px;
    font-size: 1.5em;
    color: black;
    background-color: var(--button-settings-bg);
    border-color:  var(--button-settings-border);
}

/* https://stackoverflow.com/questions/51334960/how-to-show-calendar-popup-when-inputtype-date-is-on-focus */
/* OCM 09/05/2019  */
/*
.input-container input {
    border: none;
    box-sizing: border-box;
    outline: 0;
    padding: .75rem;
    position: relative;
    width: 100%;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent; 
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
*/


/*--- HTML DRAG AND DROP  --- */

*{
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
[ng-drag]{
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
[ng-drag]{
    /*
    width: 100px;
    height: 100px;
    padding-top:40px;
    display: inline-block;
    margin:0 10px;
    text-align: center;
    background:rgba(149, 66, 224, 0.5);
    */
    cursor: move;
    color:black;
    background: white;
}
tboby.draggable-objects:after{
    display: block;
    content:"";
    clear:both;
}

[ng-drag].drag-over{
    border:solid 1px green;
}
[ng-drag].dragging{
    opacity: 0.5;
}
[ng-drop]{
    /*
    height: 200px;
    padding-top:90px;
    height: 50px;
    background: rgba(183, 167, 160, 0.23);
    */
    width: 600px;
    height: 30px;
    display: block;
    margin:20px auto;
    position: relative;
    text-align: center;
    background: #ddd;
}
[ng-drop].drag-enter{
    border:solid 3px red;
}
[ng-drop] span.title{
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    width: 200px;
    height: 20px;
    margin-left: -100px;
    margin-top: -10px;
}
[ng-drop] div{
    position: relative;
    z-index: 2;
}

.dropElementZone_Height50{
    height:50px; 
    border-radius:5%;
    border:1px solid darkgrey;
}

.dropElement_CustomEvents{
    height:40px; 
    display: flex;
    width: auto;
    font-weight: bold;
    text-align: center;
    border:1px solid darkgrey;
    margin:0px;
    background-color: lightgrey
}


/*
.table-fixed {
      width: 100%;
    }
.table-fixed tbody {
       height: 500px;
       overflow-y: auto;
       width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
    display: block; 
    }
.table-fixed tbody td {
    float: left;
    text-align: center;
    }
.table-fixed thead tr th {
    float: left;
    text-align: center;
    background-color: var(--tr-table-bg) !important;
    color: white;
}
*/


.listTable table{
      width:100%;
      table-layout: fixed;
}
.listTable .tbl-header{
    /*background-color: #ece8e8;*/
    border-radius: 5px 5px 0 0;
}


.listTable th{
    padding: 10px 15px;
    text-align: center;
}
.listTable td{
    padding: 10px 15px;
    text-align: center;
    vertical-align:middle;
    border-bottom: solid 1px #bbb;
    overflow: hidden;
}

.listTable #TableCyclesAC tr td{
    padding: 5px 5px !important;
}

.hover-celda-border-black:hover {
    /*background-color: #2c2 !important;*/
    border: 2px solid black !important;
}

.selected {
    /*background-color: red !important;*/
    background-color: var(--button-bg) !important;
      
}

.listTable .tbl-content-h200{
    max-height: 200px;
    overflow-x:auto;
    margin-top: 0;
}

.listTable .tbl-content-h250{
    max-height: 250px;
    overflow-x:auto;
    margin-top: 0;
}

.listTable .tbl-content-h300{
    max-height: 300px;
    overflow-x:auto;
    margin-top: 0;
}

.listTable .tbl-content-h400{
    max-height: 400px;
    overflow-x:auto;
    margin-top: 0;
}

.listTable .tbl-content{
    max-height: 500px;
    overflow-x:auto;
    margin-top: 0;
}

.listTable .tbl-content-h700{
    max-height: 700px;
    overflow-x:auto;
    margin-top: 0;
}

/* ----- Circles amb informació ------ */
.circle-info-75{
    width: 75px;
    height: 75px;
    text-align: center;
    font-size: 2em;
    padding-top:12px;
    border: 2px dotted white;
}

.circle-info-50{
    width: 50px;
    height: 50px;
    border: 2px dotted white;
    padding-top: 6px !important;
}

.circle-user-photo{
    border: 2px solid lightgray;
    border-radius: 50px !important;
}

.circle-box-photo{
    box-sizing: border-box;
    max-width: 100%;
}

/* ---- Custom Events Icon ---- */
.IconDiv{
    height:200px;
    width:200px; 
    border:4px ridge grey; 
    border-radius:15px;
    box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.4);
}

a:hover {
    /*color: white;*/
    text-decoration: none;
}

/* --- DropDown menu ---- */

.dropdown-menu li {
    margin: 3px;    
}

.dropdown-menu li a {
    color: black;
    padding: 6px 6px;
    text-decoration: none;
    display: block;
}  

#contextCalendarMenu li:hover{
    background-color: var(--nav-active-bg);
    color:white !important;
    border-left: 3px solid var(--nav-active-accent-esq);
}  

#contextCalendarMenu a{
    border-left: None !important;
}

#contextCalendarMenu{
    box-shadow: 5px 7px 7px 0px var(--nav-active-bg) !important;
}

/* Taula icons customized events */
#t-icons-ce td{
    background-color: white !important;
    border: none !important;
}
#t-icons-ce {
    background-color: white !important;
}

.dashboard-panel-visible{
    display:block !important;
}

.dashboard-panel-novisible{
    display:None !important;
}

.ptxt{
    position: absolute;
    top: 50%;
    right: 50px;
    z-index: 1;
    color: var(--textcolor-kora);      /* kc */
    margin-top: 23px; /*-10px; */
    cursor: pointer;
    transition: .3s ease all;
}

.ptxt_modal{
    position: absolute;
    /*top: 50%;*/
    right: 140px;
    z-index: 1;
    color: var(--textcolor-kora);       /* kc */
    margin-top: -30px; /*-10px; */
    cursor: pointer;
    transition: .3s ease all;
}

.text-color-kora{                       /* kc */
    color: var(--textcolor-kora) !important;
}

.menuvert a{
    color: var(--nav-active-bg);
}

.menuvert a:hover a.active, a.focus{
    color: white;
}

.pointer-events-none{
    pointer-events:none;
}