@font-face {
    font-family: 'open_sanslight';
    src: url('/estaticosED/files/css/fonts/OpenSans/opensans-light.eot');
    src: url('/estaticosED/files/css/fonts/OpenSans/opensans-light.eot?#iefix') format('embedded-opentype'), url('/estaticosED/files/css/fonts/OpenSans/opensans-light.ttf') format('truetype'), url('/estaticosED/files/css/fonts/OpenSans/opensans-light.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('/estaticosED/files/css/fonts/OpenSans/opensans-regular.eot');
    src: url('/estaticosED/files/css/fonts/OpenSans/opensans-regular.eot?#iefix') format('embedded-opentype'), url('/estaticosED/files/css/fonts/OpenSans/opensans-regular.ttf') format('truetype'), url('/estaticosED/files/css/fonts/OpenSans/opensans-regular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.labelBox{
	position: relative;
	display: inline-block !important;
	width: 100%;
	height: 100%;
	padding: 0;
	vertical-align: top;
	/*overflow: hidden;*/
    -webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
}

.labelBox .boxIcos{
	position: relative;
    width: auto;
    height: 100%;
    float: left;
}

.labelBox .boxOptions{
	position: relative;
    width: auto;
    height: 100%;
    float: right;
}

.labelBox .btnMobile{
	color: #ccc;
    margin-top: 5px;
	float: right;
	font-size: 22px;
    margin-right: 3px;
    outline: none;
}

.labelBox .iconEdesk{
	position: relative;
    float: left;
    width: 85px;
    height: 30px;
    margin-left: 3px;
    top: 5px;
    cursor: pointer;
    border-right: 1px solid #666;
    background-image: url(../img/userLog_new_syc.svg);
    background-repeat: no-repeat;
}

.labelBox .iconMenu{
	background-color: transparent;
}

.labelBox .iconProject{
	position: relative;
    float: left;
    box-sizing: border-box;
    width: 40px;
    top: 3px;
    height: 35px;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.labelBox .boxEdeskLogo{
	position: relative;
	top: 0;
	margin: 0;
	box-sizing: border-box;
	width: auto;
	height: 100%;
	float: left;
}

.labelBox .aIcoUser{
	margin: 0px 10px;
}

.labelBox .edeskLogo{
	position: relative;
	top: 0;
	margin: 0;
	box-sizing: border-box;
	width: auto;
	height: 100%;
	display: inline-block;
	font-family: 'open_sanslight';
	color: #ccc;
	font-size: 26px;
	margin-left: 5px;
	line-height: 44px;
}

.labelBox .boxInfoIcons{
	position: relative;
	top: 0;
	right: 0;
	width: auto;
	height: 100%;
	float: right;
}

.labelBox .boxIconTools{
	position: relative;
	box-sizing: border-box;
	width: auto;
	height: 100%;
	display: inline-block;
	white-space: nowrap;
}

.labelBox .iconInfo{
	position: relative;
	height: 100%;
	display: inline-block;
	cursor: pointer;
	margin: 0px 10px;
	font-size: 20px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.iconMessages{
	line-height: 46px;
	cursor: pointer;
	color: #808080;
    width: 30px;
    margin: 0 10px;
    text-align: center;
}

.iconMessages:active{
	transform: scale(0.9);
}

.iconMessages.active{
	color: #0054f2;
    width: 30px;
    margin: 0 10px;
    text-align: center;
}

.labelBox .iconMenuLT{
	position: relative;
	width: 40px;
	height: 100%;
	float: left;
	cursor: pointer;
	box-sizing: border-box;
	border-right: 1px solid #808080;
	background-color: rgba(0,0,0,0.7);
	background-image: url('../img/houseLT.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.labelBox .iconOptions{
	background-image: url('../imgSocial/gearOption.svg');
}

.labelBox .iconConnect, .labelBox .textUser{
	float: right;
    cursor: pointer;
    height: 30px;
    color: #ccc;
    padding: 0px 17px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    overflow: hidden;
    border-radius: 3px;
    font-family: 'open_sanslight';
    background-color: rgba(255,255,255,0.1);
    margin-right: 5px;
}

.labelBox .iconConnect{	
	background-color: rgba(255,255,255,0.2);
}

.labelBox .iconConnect:hover {
	background-color: #0054f2;
}

.labelBox .tooltipIcon{
	position: absolute;
	left: 0;
	width: auto;
	height: 25px;
	bottom: -30px;
	padding: 0px 10px;
	text-align: center;
	line-height: 25px;
	color: #000;
	font-size: 14px;
	font-family: 'open_sansregular';
	background-color: #ccc;
}

.labelBox .tooltipIcon.connect{
	left: -30px;
}

.labelBox .iconMusic{
	right: 0;
	background-image: url('../imgSocial/music.svg');
}

.labelBox .iconOptionsON{
	background-image: url('../imgSocial/gearOption.svg');
	background-color: #E89D0C;
}

.labelBox .iconMusicON{
	background-image: url('../imgSocial/music.svg');
	background-color: #3D9101;
}

.labelBox .iconConnectON{
	float: right;
    color: #ccc;
    text-align: center;
    line-height: 30px;
    height: 30px;
    border-radius: 3px;
    font-size: 16px;
    padding: 0px 18px;
    font-family: 'open_sanslight';
    background-color: #0054f2;
}

.labelBox .bannerCore{
	position: absolute;
	left: 30%;
	width: 40%;
	height: 100%;
    background-color: #2b92b6;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.labelBox .bannerCore::before{
    position: absolute;
    left: -20px;
	width: 20px;
    height: 100%;
    display: inline-block;
    content: '';
    border-right: 20px solid #2b92b6;
    border-top: 20px solid transparent;
    border-bottom: 40px solid transparent;
    box-sizing: border-box;
}

.labelBox .bannerCore::after{
    position: absolute;
    right: -20px;
	width: 20px;
    height: 100%;   
    display: inline-block;
    content: '';
    border-left: 20px solid #2b92b6;
    border-top: 20px solid transparent;
    border-bottom: 40px solid transparent;
    box-sizing: border-box;
}

/*Estilos syc banner*/
.syc.bannerCore::before{
    border-right: 20px solid rgba(255,255,255,0.2);
}

.syc.bannerCore::after{
    border-left: 20px solid rgba(255,255,255,0.2);
}
/*Fin*/

/*Estilos Bancolombia banner*/
.bancolombia.bannerCore::before{
    border-right: 20px solid #00458d;
}

.bancolombia.bannerCore::after{
    border-left: 20px solid #00458d;
}
/*Fin*/

/*Estilos positiva banner*/
.positiva.bannerCore::before{
    border-right: 20px solid #f7941e;
}

.positiva.bannerCore::after{
    border-left: 20px solid #f7941e;
}
/*Fin*/

/*Estilos colpensiones banner*/
.colpensiones.bannerCore::before{
    border-right: 20px solid #005e9d;
}

.colpensiones.bannerCore::after{
    border-left: 20px solid #005e9d;
}
/*Fin*/

/*Estilos pmu banner*/
.pmu.bannerCore::before{
    border-right: 20px solid #808080;
}

.pmu.bannerCore::after{
    border-left: 20px solid #808080;
}
/*Fin*/ 

/*Estilos saludcoop banner*/
.saludcoop.bannerCore::before{
    border-right: 20px solid #a8a8a8;
}

.saludcoop.bannerCore::after{
    border-left: 20px solid #a8a8a8;
}
/*Fin*/ 

/*Estilos saludcoop banner*/
.pasivos.bannerCore::before{
    border-right: 20px solid #703030;
}

.pasivos.bannerCore::after{
    border-left: 20px solid #703030;
}
/*Fin*/ 

.labelBox .logoClient{
	position: relative;
	float: left;
	width: 70px;
	height: 50px;
	margin-left: 5px; 
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.labelBox .tituloClient{
	position: relative;
	float: left;
	width: auto;
	font-size: 21px;
	font-family: 'open_sansregular';
	color: #fff;
	text-align: left;
    padding-left: 12px;
    line-height: 50px;
}

.labelBox .isoInfo{
	position: relative;
    float: left;
    width: auto;
	font-size: 12px;
	font-family: 'open_sansregular';
	color: #808080;
	text-align: left;
    padding-left: 12px;
    margin-left: 15px;
    margin-top: 4px;
}

.labelBox .iconUser{
	position: relative;
    width: 147px;
    text-align: center;
    right: 0px;
    line-height: 38px;
    cursor: pointer;
    font-size: 25px;
    float: right;
    color: #ccc;
    background-image: url(../img/userLog.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 100% 100%;
}

.passBox{
	position: fixed !important;	
	height: auto;
	top: 50px;
	right: 10px;
	z-index: 9999;
    display: none;
    padding: 1.3rem;
    border-radius: 7px;
    background-color: #272b34;
    -webkit-box-shadow: 1px 10px 19px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 10px 19px -5px rgba(0,0,0,0.75);
	box-shadow: 1px 10px 19px -5px rgba(0,0,0,0.75);
}

.passBox .boxInfoUser{
	position: relative;
	width: 100%;
	height: auto;
	overflow: auto;
	color: #ccc;
	font-family: 'open_sanslight';
	margin-bottom: 1.5rem;
	text-align: center;
	box-sizing: border-box;
}

.passBox .dvPhoto{
	position: relative;
    width: 100px;
    height: 100px;
    border: 5px solid #808080;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.2);
    background-image: url(../img/userLog.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.passBox .txtInf{
	padding: 10px 0px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.passBox .dataUsu{
	color: #808080;
	font-size: 13px;
}

.passBox .btnPanelUser{
	position: relative;
	width: 100%;
	height: 33px;
	font-size: 14px;
	border-radius: 5px; 
	margin-top: 10px;
	font-family: 'open_sanslight';
	color: #ccc;
	text-align: center;
	cursor: pointer;
	text-overflow: ellipsis;
    background-color: #272b34;
}

/*Time estilos*/
.labelBox .boxClock{
	position: relative;
	top: 0px;
	float: right;
    left: 0px;
    width: auto;
    height: 100%;
    padding: 0 10px;
}

.labelBox .boxClock .boxHour{
	position: relative;
	width: 100%;
	height: 70%;
}

.labelBox .boxClock .hour{
	position: relative;
	width: 100%;
	height: auto;
	line-height: 25px;
	font-family: 'open_sansregular';
	font-size: 14px;
	text-align: right;
	color: #808080;
	text-transform: uppercase;
}

.labelBox .boxClock .boxDate{
	position: relative;
	width: 100%;
	height: auto;
	bottom: 0;
	line-height: 6px;
	font-family: 'open_sansregular';
	font-size: 10px;
	text-align: right;
	padding-right: 5px;
	text-transform: uppercase;
	color: #808080;
}

.labelBox .icoCol{
	position: relative;
    width: 30px;
    margin-top: 5px;
    height: 74%;
    background-image: url(../img/iconos/syc/Edesk_icon.svg);
    background-repeat: no-repeat;
}
.detalSyc{
	font-size: 8px;
	text-align: center;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.5;
	}
	40% {
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.2);
		opacity: 0.2;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.5;
	}
	40% {
		opacity: 1;
	}
	100% {
		-moz-transform: scale(1.2);
		opacity: 0.2;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.5;
	}
	40% {
		opacity: 1;
	}
	100% {
		transform: scale(1.2);
		opacity: 0.2;
	}
}

/*estilos botones top*/
.labelBox .btnIconTop{
	position: relative;
    top: 0px;
    right: 0px;
    width: 147px;
    height: 100%;
    font-family: 'open_sansregular';
    color: #fff;
    float: right;
    cursor: pointer;
    text-align: center;
    margin: 0px 10px;
    background-color: #0054f2;
    margin: 0px;
    padding: 3px 13px;
    font-size: 16px;
    line-height: 33px;
    box-sizing: border-box;
    border-left: 2px solid #0054f2;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.boxDrop{
	top: 37px;
	right: 200px;
	width: 300px;
	max-width: 300px;
	max-height: 300px;
	left: inherit;
	overflow-y: auto;
	-webkit-box-shadow: 0px 6px 31px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 6px 31px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 6px 31px -6px rgba(0,0,0,0.75);
}

.dotCant{
	position: absolute;
    top: 4px;
    right: -6px;
    font-size: 12px;
    color: #333;
    background-color: #ccc;
    line-height: initial;
    padding: 0px 5px;
    border-radius: 3px;
    font-family: 'open_sansregular';
}

.boxDrop .dropdown-message.small {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
}

.dropdown-item{
	cursor: pointer;
}

/*ESTILOS PRODUCTOS*/
.labelBox.colpensiones .iconProject{
	width: 90px;
	background-image: url('../img/iconos/colpensiones/iconColp.svg');
}

.labelBox.positiva .iconProject{
	background-image: url('../img/iconos/positiva/iconPos.svg');
}

.labelBox.cafesalud .iconProject{
	background-image: url('../img/iconos/cafesalud/icon_Cafesalud.svg');
}

.labelBox.positivacm .iconProject{
	background-image: url('../img/iconos/positiva/iconPos.svg');
}

.labelBox.coomeva .iconProject{
	background-image: url('../img/iconos/coomeva/icon_Coomeva.svg');
}

.labelBox.iuva .iconProject{
	background-image: url('../img/iconos/iuva/iconIuvaS.svg');
}

.labelBox.yachay .iconProject{
	background-image: url('../img/iconos/Yachay/iconYachay.svg');
}

.labelBox.syctrace .iconProject{
	background-image: url('../img/iconos/syctrace/icon_syctrace.svg');
}

.labelBox.medimas .iconProject{
	background-image: url('../img/iconos/medimas/iconMedimas.svg');
}

.labelBox.camacol .iconProject{
	background-image: url('../img/iconos/camacol/ico_camacol.svg');
}

.labelBox.sbs .iconProject{
	background-image: url('../img/iconos/sbs/ico_sbs.svg');
}

.labelBox.caixa .iconProject{
	background-image: url('../img/iconos/caixa/caixaLogo.svg');
}

.labelBox.rimac .iconProject{
	background-image: url('../img/iconos/rimac/rimac_ico.svg');
	width: 130px;
}

.labelBox.pacifico .iconProject{
	background-image: url('../img/iconos/pacifico/Pacifico_Icon.svg');
}

.labelBox.sanitas .iconProject{
	background-image: url('../img/iconos/sanitas/icoSanitas.svg');
}

.labelBox.sanitas .iconProject{
	background-image: url('../img/iconos/sanitas/icoSanitas.svg');
}

.labelBox.cafam .iconProject{
	width: 75px;
	background-image: url('../img/iconos/cafam/ico_caf.jpg');
}

/*MEDIA QUERIES*/
/* pantallas en width maximo 2200px*/ 
@media screen and (min-width: 1981px) and (max-width: 2800px) {
    
}
/* pantallas en width maximo 1920px*/ 
@media screen and (min-width: 1611px) and (max-width: 1980px) {
   .loginBox .footerBox{
        bottom: 230px;
    }
}

/*pantallas en width maximo 1600px */
@media screen and (min-width: 1281px) and (max-width: 1610px) {
   
}
/* pantallas en width maximo 1280px*/ 
@media screen and (min-width: 1026px) and (max-width: 1280px) and (max-height: 800px) {
   
}
/* pantallas en width maximo 1024px*/ 
@media screen and (max-width: 1025px) and (max-height: 768px) and not(orientation: portrait) {
   .labelBox .bannerCore{
		width: 40%;
	}
	.labelBox .tituloClient{
		font-size: 19px;
		padding-top: 7px;
		padding-left: 0px;
	}

	.labelBox .logoClient{
		height: 40px;
	}

	.labelBox .textUser{
		padding-top: 6px;
		font-size: 12px;
		right: 48px;
	}
	.labelBox .iconUser{
		width: 35px;
    	height: 35px;
    	top: 1px;
	}
}

/* IPADS (landscape) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .labelBox .bannerCore{
		width: 40%;
	}
	.labelBox .tituloClient{
		font-size: 19px;
		padding-top: 7px;
		padding-left: 0px;
	}

	.labelBox .logoClient{
		height: 40px;
	}

	.labelBox .textUser{
		padding-top: 6px;
		font-size: 12px;
		right: 0px;
	}
	.labelBox .iconUser{
		width: 35px;
    	height: 35px;
    	top: 1px;
	}
}
/* IPADS (portrait) */
@media only screen and (min-device-width : 765px) and (max-device-width : 780px) and (orientation : portrait){  
    .labelBox .bannerCore{
		width: 40%;
	}
	.labelBox .tituloClient{
		font-size: 19px;
		padding-top: 7px;
		padding-left: 0px;
	}

	.labelBox .logoClient{
		height: 40px;
	}

	.labelBox .textUser{
		padding-top: 6px;
		font-size: 12px;
		right: 0px;
	}
	.labelBox .iconUser{
		width: 35px;
    	height: 35px;
    	top: 1px;
	}
}

/* IPHONE 6 (landscape) */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	.labelBox .iconInfo{
		width: 22px;
		height: 22px;
	}
	.labelBox .boxClock{
		margin-left: 7px;
	}
}
/* IPHONE 6 (portrait) */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait){  
	.labelBox .boxClock{
		margin-left: 7px;
	}
}

@media (max-width: 768px){
	.labelBox .boxEdeskLogo{
	    display: none;
	}

	.labelBox .boxOptions{
		width: 100%;
		margin-top: 5px;
		/*z-index: 1*/
	}

	.labelBox .textUser, .labelBox .iconConnect, .labelBox .isoInfo, .labelBox .boxClock{
		width: 100%;
		text-align: center;
		margin-left: 0;
	}

	.labelBox .passBox{
		width: 100% !important;
	}

	.labelBox.sbs .iconProject{
		background-image: url('../img/iconos/sbs/ico_sbs_color.svg');
	}
}