/***
 *      _ _        ___ ___ ___ 
 *     (_) |_ __ _| __|_ _/ __|
 *     | |  _/ _` | _| | |\__ \
 *     |_|\__\__, |___|___|___/
 *           |___/             
 */

/* 
 * $Revision: 31539 $
 */

/*******************************
             Page
*******************************/
 
@import url('varitgeis.css');
html, body {
	font-size: 12px !important;
}


/* 
 * SD Worx root colors guide 
 */


/* 
 * -----------------------------------------
 * Pagina de SignOut 
 * -----------------------------------------
 *  .. cambio color de los principales iconos
 */
        .inverted.primarybrand,
        /*.primarybrand*/ {
                color: var(--primary);
                background-color: var(--primary) !important;
        }

	#eis-frame-quicklinks-buttons .button:hover {
		background-color: var(--primary) !important ;
	}

/*
 * Boton de SignIn de nuevo 
 */ 
        .primarybrand#itg_logout_connect_button,
        .primarybrand#itg_logout_icon {
                background-color: var(--primary) !important;
        }

/*
 * eisHeader - pagina principal
 */
	.ui.eisheader.eismainmenu.primarybrand.segment {
		background-color: var(--primary);
		color: var(--white);
		padding: 0.7em 0.7em;
		margin: 0 0;
	}


/*	i.red.icon {
		color: #43a6e2 !important;
	}*/

/*
 *  menu 
 */
	.eiswidemenu .ui.header {
		color: var(--primary) !important;
	}
/*
 * footer 
 */

	.ui.eisfooter.line.basic.segment.eis-page
	{
		border-top: 2px solid var(--primary) !important;
	}


/***************************************************
* 	
****************************************************


/****************************************************
*	Label Peticiones
*****************************************************/

/*
 * Label de Cargando Informacion
 */

	.ui.header.inverted.primarybrand
	{
		color: var(--primary) !important;
	}

/*
 * Label de cargando Informacion
 */

	.ui.big.text.loader.primarybrand
	{
		color: var(--primary) !important;
	}

/*
 * Content card 
 */

	.ui.peticion.card.primarybrand > .content:not(.extra) {
		background-color: var(--primary);
	}

	.ui.card > .content, .ui.cards > .card > .content > .header {
		color: var(--white);
	}

/*
 * Relacion de marcajes
 */

	.ui.header.line.primarybrand
	{
		border-top: 2px solid var(--primary) !important;
	}

	.ui.segment.primarybrand
	{
		border-top: 2px solid var(--primary) !important;

	}
	

/************************************
* Newsletters publicado
************************************/
	.ui.floating.labeled.icon.dropdown.button.primarybrand
	{
		background-color: var(--primary);
	}

	.ui.tiny.header.primarybrand
	{
		color: var(--primary) !important;
	}
	.i.icon.primarybrand
	{
		color: var(--primary) !important;
	}
	.ui.basic.label.primarybrand 
	{
    		background-color: var(--white) !important;
    		color: var(--primary) !important;
    		border-color: var(--primary) !important;
	}
	.ui.card.primarybrand
	{
		box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 var(--primary), 0 1px 3px 0 #d4d4d5;
	}



	.ui.basic.url_link.button.primarybrand
	{
		background-color: var(--white);
	}

	/*
	* SDW button style 
	*/
	.ui.button.primarybrand {
		background-color: var(--primary);
		color: var(--white);
		text-shadow: none;
		background-image: none;
	}

	.ui.button.secondarybrand {
		background-color: var(--accent);
		color: var(--white);
		text-shadow: none;
		background-image: none;
	}

	.ui.button.tertiary {
		background-color: var(--neutral-text)!important;
		box-shadow: 0px 0px 0px 1px var(--neutral-surface-20) inset !important;
		color: var(--primary-120)!important;
		font-weight: bolder!important;
	}

	.ui.basic.button.primarybrand
	{
		box-shadow: 0px 0px 0px 1px var(--primary) inset !important;
    	color: var(--primary) !important;
	}

	.ui.basic.button.secondarybrand
	{
		background-color: var(--white)!important;
		box-shadow: 0px 0px 0px 1px var(--neutral-surface-20) inset !important;
		color: var(--primary-120)!important;
		font-weight: bolder!important;
	}

	.ui.button.link {
		box-shadow: none!important;
		color: var(--neutral-text)!important;
		background-color: transparent!important;
		border-color: transparent!important;
	}

	.ui.button.link:hover {
		background-color: var(--neutral-surface-10)!important;
	}






	.plus.link.circular.inverted.url_link.big.icon.primarybrand
 	{
		background-color: var(--primary) !important;
    		color: var(--white) !important;
	}
	.i.inverted.circular.icon.primarybrand
	{
    		background-color: var(--primary) !important;
    		color: var(--white) !important;
	}


	.right.floated.basic.ui.circular.label.primarybrand
	{
		background-color: var(--primary);
	}

	.ui.label.primarybrand {
    		background-color: var(--primary) !important;
    		border-color: var(--primary) !important;
    		color: var(--white) !important;
	}
	.ui.dividing.header.primarybrand
	{
		border-bottom: 2px solid var(--primary);
	}
	.ui.header.primarybrand 
	{
    		color: var(--primary) !important;
	}
	.i.icon.primarybrand
	{
		color: var(--primary) !important;
	}
	.circular.file.alternate.outline.icon.primarybrand
	{
		color: var(--primary) !important;
	}
	.circular.calendar.alternate.outline.icon.primarybrand
	{
		color: var(--primary) !important;
	}
	.ticket.alternate.inverted.circular.icon.primarybrand
	{
		background-color: var(--primary) !important;
	}	


/*************************************
* Resumen de datos economicos
**************************************/
	.ui.segment.inverted.primarybrand
	{
		background-color: var(--primary) !important;
    		color: var(--white) !important;
	}

/**************************************
*  TABLE --Color columna de tabla--
***************************************/	
	.table.column.primarybrand
	{
		background-color: var(--primary);
	}

	.ui.table.primarybrand thead th 
	{
    		cursor: auto;
		background: var(--primary);
		text-align: inherit;
		color: rgba(0, 0, 0, 0.87);
		padding: 0.92857143em 0.78571429em;
		vertical-align: inherit;
		font-style: none;
		font-weight: bold;
		text-transform: none;
		border-bottom: 1px solid rgba(34, 36, 38, 0.1);
		border-left: none;
	}
	
	.color.text.th.primarybrand
	{
		color:var(--white) !important;

	}
	
	.text.td1.primarybrand
	{
		text-overflow: ellipsis;
		color: black;
    		font-weight: bold;	
	}
		
	.text.td2.primarybrand
	{
		text-overflow: ellipsis;

	}

	.extra.content.primarybrand
	{
		background: var(--primary) !important;
	}
	
	.color.text.th.white
	{
		border:none;
		background: var(--white) !important;
		border-bottom: 0px solid var(--primary) !important;

	}
	
	.table.border tr td
	{
		border:none;
	}

	tr.primarybrand
	{
		text-align:center;
	}

	tr.primarybrand.odd
	{
		background: #fffaf3;
	}
/*
* Text align left
*--------------------------------------------
*/
	td.text-left
	{
		text-align:left !important;
	}

/*
*
* Labels titulos
*
*/
.ui.blue.ribbon.label {
    border-color: var(--primary) !important;
}
.ui.blue.label {
    background-color: var(--primary) !important;
    border-color: var(--info) !important;
    color: var(--white) !important;
}



/* 
* Labels dropdown
*-------------------------------------------
*
*/
.ui.label.transition.visible
{
	background: var(--primary) !important;
	color: var(--white) !important;
}


/*
* Popup Modal center 
*--------------------------------------------
*/
.dimmed.dimmable > .ui.animating.dimmer, .dimmed.dimmable > .ui.visible.dimmer, .ui.active.dimmer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui.modal,
.ui.active.modal {
  margin: 0 auto!important;
  top: auto !important;
  left: auto !important;
  transform-origin: center !important;
  transition: all ease .5s;
}


/***********************************************************
**********************************************************
**********************************************************
************** 		JQWIDGETS ************************
**********************************************************
**********************************************************
**********************************************************
**********************************************************/

/************** Grid Grouping ****************************/

.jqx-fill-state-normal {

	box-sizing: content-box;
	font-family: Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 11px !important;
	border-color: rgb(170, 170, 170);
	background: var(--white) !important;
	font-weight: bold !important;
}

.jqx-scrollbar-thumb-state-normal-horizontal
{
	background : rgb(239, 239, 239) !important;
}

.jqx-grid-group-column
{
	color: var(--white) !important;
}

.jqx-widget-header {
    background: var(--white) !important;
}

.jqx-grid-cell-pinned {
    background-color: var(--white) !important;
}

.jqx-grid-group-cell 
{
	border-color: transparent;


}


.jqx-grid-column-header.jqx-widget-header
{
	text-align:center !important;
	border-color: transparent !important;
	background: var(--white) !important;
	font-weight: bold !important;
}


.jqx-widget-header.jqx-grid-header
{
	height: 40px !important;
	border-color: #dedddd !important;
	z-index: 1;

}

.jqx-cell
{
	height: 40px !important;
}

.jqx-grid-cell-alt 
{
        background: #fffaf3 !important;
}

.jqx-grid-group-column 
{ 
	color: #040404 !important;
    font-weight: bold;
    border: 3px;
    border-width: 2px !important;
    border-color: var(--primary) !important;
}

.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {
    border-color: #dedddd !important;
}

.jqx-widget-header {
    border-color: #dedddd !important;
}

.jqx-scrollbar-thumb-state-normal.jqx-fill-state-normal.jqx-rc-all
{
	background:#aaaaaa !important;
}

.jqx-widget-content 
{
	border-color: #dedddd !important;
}






/*
 * JQUERY STYLES OLDS
 */
.ui-widget-header {
    border: 1px solid var(--primary) !important;
    background: var(--primary) !important;
    color: var(--white);
    font-weight: bold;
}


.ui.toggle.checkbox.no input:checked~label:before,
.ui.toggle.checkbox.no input:checked~label:before {
    background-color: red !important
}

.ui.toggle.checkbox.yes input:checked~label:before,
.ui.toggle.checkbox.yes input:checked~label:before {
    background-color: var(--primary) !important
}

/*
.ui.toggle.checkbox .box:before, .ui.toggle.checkbox label:before {
    background-color: grey;
}
*/

/*
 *
 * CALENDARIO DE COLABORADORES... SE DEBE DE CAMBIAR
 *
 */
#header .h2 {
        height: 40px;
        background-color:var(--primary) !important;
        font-family: 'Lucida Grande',Arial,Helvetica,sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: var(--white);
        white-space: nowrap;
}

.tabs li.active a, .tabs li.active a:visited {
        -moz-background-clip:border;
        -moz-background-inline-policy:continuous;
        -moz-background-origin:padding;
        background-attachment:scroll;
        background-color:var(--white);
        background-position:left bottom;
        background-repeat:no-repeat;
        color:var(--primary) !important;
	margin-right: 5px !important;
	margin-left: 5px !important;
}

#header .h1 {
        background-image: var(--primary) !important;;
        background-position:left;
        background-repeat:no-repeat;
        height: 40px;
        width: 4px;
}

.tabs li.active a span, .tabs li.active a:visited span {
	background-color: var(--white) !important;
}

.tabs li a, .tabs li a:visited {
	background-color: var(--white) !important;
        color: black !important;
        display:block;
        float:left;
        font-size: 11px;
}





/*
 * Tab color
 *
 */

.ui.secondary.pointing.menu .active.item {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: var(--primary) !important;
    font-weight: bold;
    color: rgb(33, 186, 69) !important;
}



/*paginas antiguas borrar*/
/* Color de pagina simple*/
.color
{
	color: var(--primary) !important;
}

.title
{
	color: var(--accent) !important;
	font-size: 15px !important;

}

.ui.toggle.checkbox.primarybrand input:checked~label:before {
    background-color: var(--primary)!important;
}


.back
{
	background: var(--primary);

}

.horarios_dia th {
/*	background-image: url(/images/bck-row.gif);
	background-repeat: repeat-x;*/
        color: var(--primary);
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
}

	
.saldos_aus th {
/*	background-image: url(/images/bck-row.gif);
	background-repeat: repeat-x;*/
        color: var(--primary);
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
}


/************************************************************
*************************************************************
***************PANTALLA DATOS CONTRACTUALES******************
*************************************************************
*************************************************************
*/
#main .labelcontrato{
	font-size:23px;
	color: var(--primary);
	padding-top: 14px; 
  
	position:relative;
	top: 4px;
	padding-left: 10px;
	padding-right: 10px;
}

#lista-contratos .itcontrato.activo{
	background-color : var(--primary);
	color: var(--white);
}




#background-candidato
{
	background:url("../../images/loginback.jpg") no-repeat scroll right top #000000;
    	-o-background-size: cover;
    	-moz-background-size: cover;
    	-webkit-background-size:cover;
    	background-size: cover;
}

.ui.modal.login.body.modal.primarybrand
{
	background:url("../../images/login-candidato.jpg");
    		background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	position: absolute;
  top: 0px;
}


/*
 *
 *
 */
.ui.border.table 
{
    border-top: 0.2em solid var(--primary) !important;
}

.ui.dimmer .ui.loader:after {
    border-color: var(--primary) transparent transparent !important;
}


/* 
 * css especificos para adatar el std itgEIS
 * -----------------------------------------
 */

@import (optional) url('/local/css/itgsite.css');