@charset "UTF-8";

@font-face {
    font-family: 'Candal';
    font-weight: 400;
    src: local('Candal'),local('Candal'),url(/sctrl/fonts/candal-regular.woff) format('woff')
}

@font-face {
    font-family: 'Aclonica';
    font-weight: 400;
    src: local('Aclonica'),local('Aclonica'),url(/sctrl/fonts/aclonica-regular.woff) format('woff')
}

/*********************/
/* Pantalla de Login */
/*********************/
/* Pongo el fondo reducido a todos, para luego especificar cual llevaran el 
fondo normal */
@media all {
	body {
		background-position:center top;
		background-repeat: no-repeat;
		background-size: cover;
	}	

	body.portal {
		background-image:url('/sctrl/img/fondoLogin.jpg');
	}
	body.global {
		background-image:url('/sctrl/img/fondoLogin.jpg');
	}	
}

@media only screen and (min-width: 768px) and (min-height: 521px) {

	body.portal {
		background-image:url('/sctrl/img/fondoLogin.jpg');
	}
	
	body.global {
		background-image:url('/sctrl/img/fondoLogin.jpg');
	}
}

/* Fondo normal si tienes como minimo 1024 x 768 de resolucion */
@media screen and (min-width: 1023px) and (min-height: 767px) {

	body.portal {
		background-image:url('/sctrl/img/fondoLogin.jpg');
	}		
	
	body.global {
		background-image:url('/sctrl/img/fondoLogin.jpg');
	}
}

body([class="login-layout portal"]) #loginBackVideo {
  display: inline-block;
}

body([class="login-layout global"]) #loginBackVideo {
  display: inline-block;
}

.m-imagen-logo {
	background-image: url('/sctrl/img/logo.png');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}
/* Titulo principal superior */
.m-titulo-general {
    visibility: hidden;
}
.m-titulo-general:before {
    content: "Service Control";
    visibility:visible;
}

/* Titulo de la caja central */
.title-box {
    visibility: hidden;
}
.title-box:before {
    content: "Service Control";
    visibility:visible;
}

.estilo-obligatorio-para-que-el-resto-funcione {
}

.sc-skintable table thead tr {
  background-color: #2c6aa0 !important;
  color: white !important;
}

.sc-skintable-yellow table thead tr {
  background-color: #FFC300 !important;
  color: black !important;
}

.sc-skintable-green table thead tr {
  background-color: #338104 !important;
  color: white !important;
}

.sc-skintable-blue table thead tr {
  background-color: #0000ff !important;
  color: white !important;
}

.sc-skintable-red table thead tr {
  background-color: #ec0000 !important;
  color: white !important;
}


/* Propiedades responsive para los datatables json y plugin */
/* inherit, initial, normal, nowrap, pre, pre-line, pre-wrap, unset */
.dtresponsive {
        white-space: unset !important;
        text-overflow: ellipsis;
        overflow: auto;
}