@font-face{
	font-family:Clan;
	src:url(../fonts/ingenico/ClanWebPro-Book.eot);
	src:url(../fonts/ingenico/ClanWebPro-Book.eot?#iefix) format('eot'),url(../fonts/ingenico/ClanWebPro-Book.ttf) format('truetype'),url(../fonts/ingenico/ClanWebPro-Book.woff) format('woff');
	font-weight:100
}

@font-face{font-family:Clan;
	src:url(../fonts/ingenico/ClanWebPro-Medium.eot);
	src:url(../fonts/ingenico/ClanWebPro-Medium.eot?#iefix) format('eot'),url(../fonts/ingenico/ClanWebPro-Medium.ttf) format('truetype'),url(../fonts/ingenico/ClanWebPro-Medium.woff) format('woff');
	font-weight:400
}

@font-face{
	font-family:Clan;
	src:url(../fonts/ingenico/ClanWebPro-Bold.eot);
	src:url(../fonts/ingenico/ClanWebPro-Bold.eot?#iefix) format('eot'),url(../fonts/ingenico/ClanWebPro-Bold.ttf) format('truetype'),url(../fonts/ingenico/ClanWebPro-Bold.woff) format('woff');
	font-weight:700
}

@font-face{
	font-family:ClanBold;
	src:url(../fonts/ingenico/ClanWebPro-Bold.eot);
	src:url(../fonts/ingenico/ClanWebPro-Bold.eot?#iefix) format('eot'),url(../fonts/ingenico/ClanWebPro-Bold.ttf) format('truetype'),url(../fonts/ingenico/ClanWebPro-Bold.woff) format('woff');
	font-weight:700
}

@font-face{
	font-family:ClanNews;
	src:url(../fonts/ingenico/ClanWebPro-News.eot);
	src:url(../fonts/ingenico/ClanWebPro-News.eot?#iefix) format('eot'),url(../fonts/ingenico/ClanWebPro-News.ttf) format('truetype'),url(../fonts/ingenico/ClanWebPro-News.woff) format('woff')
}
@font-face{
	font-family:raty;
	src:url(../fonts/ingenico/raty.eot);
	src:url(../fonts/ingenico/raty.eot?#iefix) format('eot'),url(../fonts/ingenico/raty.ttf) format('truetype'),url(../fonts/ingenico/raty.woff) format('woff');
	font-weight:400
}

@font-face{
	font-family:stars;
	src:url(../fonts/ingenico/stars.eot);
	src:url(../fonts/ingenico/stars.eot?#iefix) format('eot'),url(../fonts/ingenico/stars.ttf) format('truetype'),url(../fonts/ingenico/stars.woff) format('woff');
	font-weight:400
}


body{
	font-family: ClanNews, "Myriad Pro", Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	color: #575665;
}

.block-header > h2{
	font-weight: bold;
	color:#f66057;
}



#header
{
	background:#575665;
}



.oculto {
	display:none;
}

body.login-content:before
{
	
	/*background-color: #575665;*/
	background-color: #EDECEC;
	
	/* background: url("http://bernanetwork.com/assets/img/tecno2.jpg") no-repeat center center fixed;
	*/
	
	/*opacity: 0.8;*/
	
	background: url("../img/brazil-03.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	-webkit-filter: grayscale(30%);
	filter: gray;

}

body.login-content:before{
	height: 100%;
}



.help-err {
	margin-top: 5px;
	margin-bottom: 10px;
	color: #F44336;
	font-size:16px;
}
.four-zero small
{
	margin-top:-5px;
}


.table > thead > tr > th:last-child, .table > tbody > tr > th:last-child, .table > tfoot > tr > th:last-child, .table > thead > tr > td:last-child, .table > tbody > tr > td:last-child, .table > tfoot > tr > td:last-child
{
	padding-right: 10px;
}

.table .reg td {
	vertical-align:middle;
}

/*color checkbox*/
.checkbox .input-helper:after
{
/*	border-bottom: 2px solid #575665;
border-left: 2px solid #575665;*/

/*border-bottom: 2px solid #f66057;*/
/*border-left: 2px solid #f66057;*/
}
.chkTbl
{
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}

.plantilla {
	display:none;
}
#calendar .fc-toolbar
{
	background-image: url(../img/SalaReuniones.jpg);

	background-repeat: no-repeat;
	xxbackground-size: contain;
	background-size: width;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
{
	background-color:#575665 !important;
}

.btn-error {
	background-color:#D43F3A;
	color:white !important;
}
.sweet-alert .lead {
	font-size: 13px !important;
}

.top-menu > li > a.tm-settings {
	background-image: url(../img/icons/user.png);
}

.tab-nav:not([data-tab-color]) > li > a:after {
	background: #575665;
}

.fg-line:not([class*=has-]):after {
	background: #575665;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .open > .dropdown-toggle.btn-primary,
.btn-primary {
	color: #fff;
	/*background-color: #575665;*/
	background-color: #f66057;
	/*border-color: #0d8aee;*/
}


.table > thead > tr > th
{
	cursor:pointer;
}
.table > thead > tr > .selected
{
	color:#575665;
}

.table > thead > tr > .selected_down:after {
	font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
	margin-left:10px;
	content: '\f2f9';
}

.table > thead > tr > .selected_up:after {
	font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
	margin-left:10px;
	content: '\f2fc';
}

.lv-header-alt .lv-actions2 {
	z-index: 3;
	float: left;
	margin-top: 3px;
	position: relative;
}
.lv-header-alt .lv-actions2  li{
	display: inline-block;
	vertical-align: baseline;
	padding-right:10px;

}


.bootgrid-footer .infoBar .infos
{
	border:0px;
	padding-right:0px;
}
.bootgrid-footer .col-sm-6 {
	padding: 10px 10px 20px;
}





#messages-main .ms-menu .lv-item.active {
	background: #ccc;
}


.bootstrap-select .status {
	background: #f0f0f0;
	clear: both;
	color: #999;
	font-size: 11px;
	font-style: italic;
	font-weight: 500;
	line-height: 1;
	margin-bottom: -5px;
	padding: 10px 20px;
}


.form-horizontal .control-label
{
	text-align: left;
}


@media (min-width: 992px)
{
	.lblright
	{
		text-align: right !important;
	}
}
@media (max-width: 992px) {
	.lblright
	{
		text-align: left !important;
		margin-top: 30px;
	}
}



.filtro {
	display:inline-block;
	margin-left:20px;
}

.btn-filtro,
.btn-filtro:hover {
	color: #ffffff;
	background-color: #506874;
	border-color: #506874;
}

.btn-filtro:hover,
.btn-filtro:focus,
.btn-filtro.focus,
.btn-filtro:active,
.btn-filtro.active,
.open > .dropdown-toggle.btn-filtro {
	color: #ffffff;
	background-color: #506874;
	border-color: #506874;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-filtro {
	background-image: none;
}


.SpanRound {
	padding: 5px 8px;
	font-size: 11px;
	line-height: 1.5;
	border-radius: 2px;
	background-color:#9e9e9e;
	box-shadow: 0 2px 5px rgba(0,0,0,0.16),0 2px 10px rgba(0,0,0,0.12);
	color: #fff;
	border-color: transparent;
	text-decoration: none;
}

.CODENVIO_OK
{
	background-color:#2196f3!important
}
.CODENVIO_KO
{
	background-color:#f44336!important
}



.ESTADOCLI_A
{
	background-color:#2196f3!important;
}
.ESTADOCLI_B
{
	background-color:#f44336!important
}



.NOTIF_ESTADO_PEN
{
	background-color:#ffc107!important;
}
.NOTIF_ESTADO_SND
{
	background-color:#2196f3!important
}
.NOTIF_ESTADO_ERR
{
	background-color:#f44336!important
}



.EVENTO_INF
{
	
}
.EVENTO_SND
{
	background-color:#2196f3!important
}
.EVENTO_ERR
{
	background-color:#f44336!important
}
.EVENTO_ERR_CONNECT
{
	background-color:#f44336!important
}



.i-table > thead > tr > th, .i-table > tbody > tr > th, .i-table > tfoot > tr > th, .i-table > thead > tr > td, .i-table > tbody > tr > td, .i-table > tfoot > tr > td {
	border-top: 0px !important;
}
.i-table > thead > tr > th:first-child, .i-table > tbody > tr > th:first-child, .i-table > tfoot > tr > th:first-child, .i-table > thead > tr > td:first-child, .i-table > tbody > tr > td:first-child, .i-table > tfoot > tr > td:first-child
{
	padding-left:0px;
}

.i-table > tbody > tr > td {
	border-bottom: 1px solid #e6e6e6;
}

.sinBorde > .bootstrap-select > .btn-default,
.sinBorde {
	border-bottom: 1px solid white !important;
	
}


.rowTotal td {
	border-top:0px !important;
}
.rowSubTotal td {
	border-top:0px !important;
}


.card2 {
	max-width: 1300px;
}

.card {
	min-height:300px;
}


.bgm-primary {
	background-color: #575665 !important;
	color:white;
}


.alignright
{
	text-align:right;
}



.italic
{
	font-style: italic;
}

.dropdown-menu.dropdown-menu-right > li > a
{
	text-align:left;
}

.codFactEstado_F {
	display:none;
}
.codFactEstado_P {
	display:block;
}

.actions.open {
	z-index: 6;
}

.wa-stats > span.active {
	color: #575665 !important;
}



.select2-result-repository { padding-top: 4px; padding-bottom: 3px; }
.select2-result-repository__avatar { float: left; width: 60px; margin-right: 10px; }
.select2-result-repository__avatar img { width: 100%; height: auto; border-radius: 2px; }
.select2-result-repository__meta { margin-left: 70px; }
.select2-result-repository__title { color: black; font-weight: bold; word-wrap: break-word; line-height: 1.1; margin-bottom: 4px; }
.select2-result-repository__forks, .select2-result-repository__stargazers { margin-right: 1em; }
.select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers { display: inline-block; color: #aaa; font-size: 11px; }
.select2-result-repository__description { font-size: 13px; color: #777; margin-top: 4px; }
.select2-result-repository__description2 { font-size: 13px; color: #777; margin-top: 4px;  font-style: italic; }
.select2-results__option--highlighted .select2-result-repository__title { color: white; }
.select2-results__option--highlighted .select2-result-repository__forks, .select2-results__option--highlighted .select2-result-repository__stargazers, .select2-results__option--highlighted .select2-result-repository__description, .select2-results__option--highlighted .select2-result-repository__watchers { color: #c6dcef; }


.contacts .c-item .ci-avatar
{
	
	height:218px;
	overflow: hidden;
	text-align:center;
}
.contacts .ci-avatar
{
	margin:0px !important;
}
.contacts1 .c-item .ci-avatar img
{
	width:98% !important;
	height:218 !important;
	margin-top:1px;
	
}
.totalReg {
	vertical-align: middle;
	font-weight: 500;
	color: #333;
	border-width: 1px;
	margin-right:20px;
	line-height:30px;
	font-size:16px;
}


.fc-slats table{
	height: 1100px ;
}
.fc-event .fc-bg
{
	border: 1px solid black;
}


/*MONOTIRIZACION*/

.contMapaChartPeajes {
	width: 100%;
	margin: auto;
	height: auto;
	overflow: hidden;
	margin-bottom: 50px;
	/*background-color: gainsboro;*/
}

#contGraficaGeneral,#contGraficaActual{
	width: 100%;
	float: left;
}

.contMapaPeaje {
	width: 60%;
	height: auto;
	float: left;
}
.contMapaInt {
	width: 700px;
	float: right;
}
.contMapaPeaje img{
	max-width: 700px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.contChartPeaje {
	width: 250px;
	float: left;
	text-align: center;
	overflow: hidden;
	height: auto;
}
.contChartPeaje1,.contChartPeaje2{
	width: 100%;
	height: 250px;
	float: left;
}

.circuloServer,.circuloItem{
	height: 20px;
	width: 20px;
	border-radius: 100px;
	box-shadow: 1px 1px 3px 0px;
}
.circuloServer{
	position: relative;
	cursor: pointer;
	transition: width 1s, height 1s, top 1s,left 1s, content 1s, margin-top 1s;
	z-index: 0;
	overflow: hidden;
}
.circuloServer *{
	opacity: 0;
	transition: opacity 2s;
}

.circuloServer:hover *{
	opacity: 1 !important;
}

.circuloItem{
	float: left;
	margin-right: 10px;
}

#server1 {
	top: 449px;
	left: 203px;
}

#server2 {
	top: 449px;
	left: 253px;
}

#server1:hover,#server2:hover,#server3:hover {
	height: 150px;
	width: 150px;
	z-index: 10;
	margin-top: -130px;
	
}
#server1:hover{
	top:500px;
	left:176px;
}
#server2:hover{
	top: 500px;
	left: 150px;
}
#server3:hover{
	top: 480px;
	left: 210px;
}



.contImgServer {
	/*background-color: red;*/
	text-align: center;
	height: 52px;
	line-height: 60px;
}
.contImgServer img{
	max-width: 35px;
	box-shadow: none;
}

.contUltimasTransacciones{
	color: white;
	text-align: center;
}


.contUltimasTransacciones span {
	width: 100%;
	display: block;
}
.contUltimasTransacciones span:first-child {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 5px;
}

.contUltimasTransacciones i {
	font-size: 25px;
}



.contServerMapaInfo {
	width: 40%;
	height: 485px;
	float: left;
	margin-top: 60px;
	text-align: center;
	padding-left: 50px;
}
.contServerMapaInfoInt{
	width: 400px;
	height: auto;
	display: none;
}

.contServerMapaInfo img{
	max-width: 35px;
}

.contEstadoIndv {
	width: calc(50% - 10px);
	float: left;
	transform: scale(0.7, 0.7);
}
.contEstadoIndv:first-child {
	margin-right: 10px;
}
.headServerInfo{
	margin-bottom: 0px;
}

.contUltimoRegistrosServer {
	float: left;
	width: 100%;
}

.contRegIndv i {
	width: 100%;
	font-size: 50px;
	font-weight: bold;
	color: #4caf50;
	text-align: center;
	margin-right: 10px;
	float: left;
}

.contRegIndv {
	margin-bottom: 10px;
	height: 55px;
	line-height: 55px;
}
.contRegIndv .contIcon,.contRegIndv .contText{
	width: 50%;
	float: left;
}

.contDateUltimoRegistro {
	width: 100%;
	float: left;
	margin-top: 24px;
}
.contDateUltimoRegistro span{
	color: #4caf50;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
}
.headServerInfo span{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
}

.contInfoPulsador,.contNoinfo {
	margin-top: 20px;
	height: 440px;
	padding-top: 120px;
	width: 335px;
}
.contInfoPulsador img,.contNoinfo img{
	max-width: 90px;
}
.contInfoPulsador .contText span, .contNoinfo .contText span{
	font-size: 22px;
	margin-top: 25px;
	float: left;
	line-height: 35px;
}

.contNoinfo{
	display: none;
}

.contAudio {
	height: 50px;
	width: 50px;
	text-align: center;
	position: absolute;
	background-color: white;
	line-height: 50px;
	bottom: 5px;
	right: 5px;
	font-size: 27px;
	border: 2px dashed #982094;
	cursor: pointer;
}

/*RESPONSIVE*/

@media (max-width: 1500px){
	.contServerMapaInfo{
		padding-left: initial;
	}
	.contServerMapaInfo {
		width: 35%;
	}

	.contMapaPeaje{
		width: 65%;
		transform: scale(0.9);
	}

	.contServerMapaInfoInt{
		width: 335px !important;
	}
	.epc-item{
		padding: 30px 0px;
	}
}





/*TRANSACCIONES*/
.contLeyendaTransacciones {
	background-color: white;
	width: 231px;
	float: right;
	height: 46px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	color: #777;
	font-weight: 400;
	border: 3px solid white;
}

#contUltimaAcualizacion {
	width: 310px;
	float: left;
	height: 46px;
	background-color: white;
	line-height: 46px;
	text-align: left;
	padding-left:20px;
	font-size: 14px;
}
#contUltimaAcualizacion i{
	font-size: 20px;
	position: relative;
	top: 3px;
	margin-right: 2px;
}

.block-header_trans{
	height: 65px;
}
.block-header_trans h2{
	width: 50%;
	float: left;
}

.leyendaIndv{
	width: 75px;
	float: left;
	height: auto;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
}

#leyendaOk{
	background-color: #dff0d8;
}

#leyendaWarning{
	background-color: #fffcbe;
}

#leyendaError{
	background-color: #f2dede;
}


.sincStop {
	color: #f44336 !important;
}



.contInputTiempoAct{
	width: 220px;
	float: right;
	/*background-color: lime;*/
}

/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);*/
.contInputTiempoAct label, .contInputTiempoAct input, .contInputMasMenos{
	float: left;
}

.inpTiempoAct{
	height: 46px;
	border: none;
	width: 55px;
	text-align: center;
	font-size: 19px;
	margin-left: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.contInpIndvMasMenos {
	height: 21px;
	background-color: white !important;
	margin-left: 10px;
	width: 30px;
	text-align: center;
	font-size: 23px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	cursor: pointer;
	line-height: 21px;
}

.contInputMenos{
	margin-top: 4px;
}

.contInputTiempoAct label {
	color: white;
	text-align: center;
	line-height: 18px;
	padding-top: 4px;
	margin-right: 10px;
}		
.contInputTiempoAct label i{
	width: 100%;
	font-size: 18px;
	margin-bottom: 5px;
}

/*EVENTOS*/
.contSegRefresco {
	color: white;
	font-size: 15px;
	margin-left: 7px;
	font-weight: normal;
}

.dropdown-toggle{
	background-color: darkgray !important;
}


.btn-buscador{
	margin-bottom: 25px;
}
.btn-buscador i{
	margin-left: 15px;
}
.btn-buscador i:first-child{
	margin-left: 5px;
	margin-right: 7px;
}



@keyframes animationBuscador{
	from {top:-1px;}
	to {top:2px;}
}

.iconBuscador{
	position: relative;
	animation-name: animationBuscador;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}


.bgcolor1{
	background-color: #e0e0e0;
}
.collapseBuscador{
	margin-top: -25px;
}

.collapseBuscador .card{
	padding: 30px 0px;
	background-color: transparent;
	box-shadow: initial;
}
.collapseBuscador .picker {
	max-width: 320px;
	margin: auto;
}
.collapseBuscador .date-picker {
	padding-top: 5px;
	text-transform: uppercase;
}
.collapseBuscador .dl-horizontal dt{
	width: 120px;
}
.collapseBuscador .dl-horizontal dd{
	margin-left: 140px;
}


.collapseBuscador fieldset{
	/*border: 1px solid #c0c0c0;*/
	padding: 20px;
	/*border-radius: 5px;*/
	margin-bottom: 25px;
	background-color: #f9f9f9;
	background-color: white;
}

.collapseBuscador legend{
	min-width: 100px;
	max-width: 200px;
	margin: auto;
	border: none;
	text-align: center;
	font-size: initial;
}
.collapseBuscador legend i{
	font-size: 20px !important;
	margin: 5px;
}


.datepicker table thead tr:first-child th, .datepicker table thead tr:last-child:not(:only-child), .datepicker table td.active:before, .datepicker-months .month.active, .datepicker-years .year.active, .timepicker-minutes .minute.active, .timepicker-hours .hour.active, .datepicker-months .month.active, .datepicker-years .year.active, .timepicker-minutes .minute.active, .timepicker-hours .hour.active{
	background-color: #607d8b !important;
}

.timepicker-picker table tbody tr + tr:not(:last-child){
	background-color: #607d8b !important;
}
a

.bootstrap-datetimepicker-widget a[data-action]{
	color: #607d8b !important;
}

@keyframes animationRotate{
	from {   transform: rotateY(0deg);}
	to {transform: rotateY(360deg);}
}

.tagikea{
	border: 2px solid;
	padding: 2px 30px;
	margin-left: 4px;
	margin-bottom: 10px !important;
	background-color: white;
	font-weight: bold;
	border-radius: 8px;
	float: right;
	letter-spacing: 1px;
	animation-name: animationRotate;
	animation-duration: 6s;
	/*animation-iteration-count: infinite;*/
	/*animation-iteration-count: 2;*/
	box-shadow: 0px 1px 7px 0px;
	animation-direction: alternate;
}


#collapseBuscador i{
	font-size: 21px !important;
	margin-right: 5px;
}



.btnSearchOperaciones{
	background-color: white;
	color: #b0b0b5;
}

#btnBuscaFechas{
	background-color: #fff;
	color: grey;
	text-transform: capitalize;
	/*transform: scale(0.97);*/
	/*font-size: 1.1em;*/
/*	
	-webkit-transition: transform 0.5s ease-in-out;
	-moz-transition:    transform 0.5s ease-in-out;
	-ms-transition:     transform 0.5s ease-in-out;*/
}

#btnBuscaFechas:hover{
	/*transform: scale(1);*/
}


#btnBuscaFechas i{
	margin-right: 5px;
	position: relative;
	top: 2px;
	font-size: 17px;
}

#modalBuscadorFecha .modalClose{
	float: left;
}

.itemConfigView{
	width: 25%;
	float: left;
	margin-bottom: 10px;
	cursor: pointer;
	font-weight: bold;
}
.itemConfigView:hover{
	opacity: 0.8;
}

.itemConfigViewDesactivado{
	opacity: 0.4;
}

.dropdown-toggle,.dropdown-toggle:hover {
	background-color: transparent !important;
	border: 1px solid #e0e0e0;
	color: initial;
}


#modalConfigViewTabe .modal-dialog{
	width: 80%;
}
#modalConfigViewTabe .titAgrup{
	padding-left: 25px;
}

#modalConfigViewTabe .modal-content ul{
	list-style: none;
	padding-left: 25px;
}
#modalConfigViewTabe .modal-content li input{
	margin-right: 10px;
}
#modalConfigViewTabe .modal-content li label{
	cursor: pointer;
}
#modalConfigViewTabe .modal-content li{
	margin-top: 10px;
}

.fw{
	color: white !important;
}

.actions a{
	cursor: pointer;
}


#btnAplicaciones{
	margin-left: 5px;
}


#menuAplicaciones{
	width: 270px;
	margin-left: -16px;
	height: 1200px;
	top: 44px;
	padding: 4px;
}

#menuAplicaciones li{
	height: 88px;
	width: calc(100% / 2 - 8px) !important;
	margin: 4px;
	float: left;
	text-align: center;
	vertical-align: middle;
	/* background-color: #f9f9f9; */
	font-size: 25px !important;
	cursor: pointer;
	padding-top: 10px;
	background-color: #F8F8F8;
}
#menuAplicaciones li:hover *{
	color: white !important;
}


#menuAplicaciones li span{
	float: left;
	line-height: 15px;
	width: 100%;
	font-size: 13px;
	margin-top: 5px;
	font-weight: 500;
}
#menuAplicaciones li i{
	/*background-color: blue;*/
}
#menuAplicaciones li i:before{
	font-size: 30px;
}
#menuAplicaciones .zmdi{
	margin-bottom: 5px !important;
	margin-top: 5px !important;
}

/*#menuAplicaciones img{
	max-width: 30px;
	margin-left: 10px;
	float: left;
}
*/

/*#appMenu ul , #appMenuUser ul{
	list-style: none;
}

#appMenu img ,  #appMenuUser img{
	max-width: 35px;
	margin-right: 10px;
}
#appMenu h4,  #appMenuUser h4{
	margin-bottom: 20px;
	margin-top: 20px;
}
#appMenu li ,  #appMenuUser li{
	margin-left: 15px;
}
#appMenu li.itemHijo, #appMenuUser li.itemHijo{
	margin-left: 30px;
	margin-bottom: 15px;
	transform: scale(0.9);
	
	}*/


	.activaDesactivaCheck{
		cursor: pointer;
	}
	.activaDesactivaCheck:hover{
		opacity: 0.7;
	}

	.iconMenuConf{
		font-size: 15px;
		margin-left: 6px;
		position: relative;
		top: 1px;
	}

	.InformeEstado_1
	{

		background-color: #FFCC3B;
	}

	.InformeEstado_3
	{
		background-color: #FF3333;

	}

	.InformeEstado_4
	{
		background-color: #00CC99;
	}
	
	
	.notifEstado_1
	{

		background-color: #00CC99;
	}

	.notifEstado_0
	{
		background-color: #FF3333;

	}

	

	.spanApp{
		font-size: 11px;
		float: left;
		background-color: white;
		padding: 3px 11px 1px;
		height: 21px;
		position: relative;
		top: 6px;
		/* color: #f66057; */
		/*color: white;*/
		color: #575665 ; 
		font-weight: bold;
		border-radius: 2px;
		text-transform: uppercase;
		/*border: 1px solid white;*/
	}

	.fotoHeader{
		background-size: contain;
		/*background-color: white;*/
		border-radius: 5px;
		-webkit-transition: transform 1s; /* Safari */
		transition: transform 1s;
	}
	.fotoHeader:hover{
		/*transform: scale(1.3);*/
	}



	@media (min-width: 768px)
	{
		#profile-main .pmo-pic .pmo-stat {
			background: #575665;
			padding-bottom: 15px;
		}
	}

	.btn-filtro, .btn-filtro:hover{
		background-color: #506874 !important;
		color: white;
		border:none;
	}

	.iconList{
		font-size: 22px;
		margin-left: 25px;
	}

	#menuPrincipal .flaticon:before{
		position: relative !important;
		bottom: 6px !important;
	}


	#divPerfiles ul{
		list-style: none;
	}

	.titularApps{
		float: left;
		width: 100%;
		padding-left: 15px;
		margin-top: 20px;
		margin-bottom: 16px;
		font-weight: bold;
		font-size: 16px;
	}

	.itmFlDrop{
		position: relative;
		left: -3px;
	}
	.itmFlDrop:before{		
		font-size: 16px;
		margin-right: 5px;
	}

	.fc-event{
		background-color: #607d8b;
	}

	.itemComercio {
		border-bottom: 1px solid #e0e0e0;
		margin-top: 9px;
		min-height: 20px;
	}

	.bootstrap-select > .btn-default{
		border: none;
	}

	.masInfo{
		font-size: 0.8em;
		margin-left: 6px;
		color: #f66057!important;
		cursor: pointer;
	}

	.hover:hover{
		opacity: 0.7;
	}


	/*BIENVENIDO*/
	.contWelcome{
		box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
		border-radius: 2px;
		position: absolute;
		top: 50%;
		margin-top: -300px;
		color: #fff;
		text-align: center;
		padding: 15px;
		height: 600px;
		width: 900px!important;
		left: 50% !important;
		margin-left: -450px;
		background-color: white;
		padding-top: 0px;
	}

	.headerWelcome h2{
		color: #656471;
		line-height: 40px;
	}

	.logoWelcome{
		min-height: 50px;
		background: url(../../media/logo.png);
		background-repeat: no-repeat;
		background-size: 80px !important;
		background-position: right;
	}

	.btn-back{
		background-color: #E01C31;
		color: white;
		width: 180px;
		float: left;
		margin-top: 7px;
	}
	.btn-back:hover{
		background-color: #E01C31;
		color: white;
		opacity: 0.7;
	}



	.pagination > li > a, .pagination > li > span{
		min-width: 40px;
		overflow: hidden;
		width: auto;
		padding: 0px 12px;
	}



	.table1 > thead > tr > th,
	.table1 > tbody > tr > th,
	.table1 > tfoot > tr > th,
	.table1 > thead > tr > td,
	.table1 > tbody > tr > td,
	.table1 > tfoot > tr > td {
		padding: 2px ;
		line-height: 1.42857143;
		vertical-align: middle ;
		border-top: 1px solid #f0f0f0;
		font-size: 11px;
	}



	.enlColumn {
                color:#607d8b !important;
		font-weight: bold !important;
	}

	.contBtnTelecarga{
		border: 2px dashed rgba(0, 0, 0, 0.37);
		padding: 5px 15px;
		border-radius: 10px;
		webkit-transition: border-color 1s; /* Safari */
		transition:  border-color 1s;
	}
	.contBtnTelecarga i{
		transition: initial;
	}
	.contBtnTelecarga *{
		webkit-transition: color 0.5s; /* Safari */
		transition: color 0.5s;
	}


	.contBtnTelecarga:hover{
		border-color: #575665;
	}

	.contBtnTelecarga:hover *
	{
		color:#575665; 
	}

	.contBtnTelecarga i:hover{
		color: initial;
	}
	

	.contDatosTelecargar{
		display: none;
		/*border: 2px dashed rgba(0, 0, 0, 0.37);*/
		float: left;
		width: 100%;
		margin-top: 25px;
		padding-top: 25px;
	}

	.enlColumn:hover {
		opacity: 0.8;
	} 


	.uploadTelecarga{
		width: auto !important;
		color:#adadad !important;
		transition-duration: 1300ms;
	}
	.uploadTelecarga:before{
		content: initial !important;
	}
	.uploadTelecarga:hover *{
		color: black;
	}

	.uploadTelecarga i{
		margin-right: 2px !important;
	}

	.uploadTelecarga span{
		position: relative;
		bottom: 1px;
	}

	.spanInfoTelecargar{
		width: 100%;
		border: 2px dashed rgba(0, 0, 0, 0.37);
		float: left;
		display: block;
		min-height: 30px;
		line-height: 30px;
		margin-top: 20px;
		text-align: center;
		color: grey;
		text-transform: uppercase;
		font-weight: bold;
		padding: 10px 0px 5px;
	}
	.spanInfoTelecargar.success{
		color: #4caf50 !important;
		border: 2px dashed #4caf50 !important;
	}
	.spanInfoTelecargar.danger{
		color: #dc3545!important;
		border: 2px dashed #dc3545 !important;
	}


	.bootstrap-select > .btn-default:not(.disabled):after, .bootstrap-select > .btn-default:not(.readonly):after{
		background: #575665;
	}


	.subMenuProd{
		transform: scale(0.85) !important;
		transform-origin: top left;
	}
	.subMenuProd td, .subMenuProd th{
		border-top: none !important; 
	}


	.filtrosOp .form-group{
		margin-bottom: 3px !important;
	}
	
	.form-group {
		margin-bottom: 8px;
	}



	.copiarPortapaples{
		position: absolute;
		right: 80px;
		top: 24px;
		cursor: pointer;
		color: initial;
	}
	
	.copiarPortapaples:hover{
		opacity: 0.7;
		color: initial;
	}


	.datCabecera{
		font-size: 0.8em;
	}

	.enlDescargaExcel{
		float: right;
		cursor: pointer;
		top: -40px;
		position: relative;
		right: 0px;
		color: initial;
	}
	.enlDescargaExcel:hover{
		opacity: 0.7;
		color: initial;
	}

	.datePickerShadow .datepicker-days table{
		box-shadow: 0px 0px 0px 100000px !important;
		opacity: 0.85 !important;
	}
	.datePickerShadow .bootstrap-datetimepicker-widget{
		top:52px !important;
	}

	.sweet-alert{
		z-index: 100000;
	}

	.btnCierre i{
		padding-top: 10px !important;
	}
	
	
	header_fijo {
		width: auto;
		table-layout: fixed;
		border-collapse: collapse;
	}
	.header_fijo thead {
		background-color: #333;
		color: #FDFDFD;
	}
	.header_fijo thead tr {
		display: block;
		position: relative;
	}
	.header_fijo tbody {
		display: block;
		overflow: auto;
		width: 100%;
		height: 1000px;
	}





	.table > thead > tr > td.warning1,
	.table > tbody > tr > td.warning1,
	.table > tfoot > tr > td.warning1,
	.table > thead > tr > th.warning1,
	.table > tbody > tr > th.warning1,
	.table > tfoot > tr > th.warning1,
	.table > thead > tr.warning1 > td,
	.table > tbody > tr.warning1 > td,
	.table > tfoot > tr.warning1 > td,
	.table > thead > tr.warning1 > th,
	.table > tbody > tr.warning1 > th,
	.table > tfoot > tr.warning1 > th {
		background-color: #fcf8e3;
		color: #ff9800;
	}

	.table-hover > tbody > tr > td.warning:hover,
	.table-hover > tbody > tr > th.warning:hover,
	.table-hover > tbody > tr.warning:hover > td,
	.table-hover > tbody > tr:hover > .warning,
	.table-hover > tbody > tr.warning:hover > th {
		background-color: #faf2cc;
		color: #ff9800;
	}
	.table > thead > tr > td.danger1,
	.table > tbody > tr > td.danger1,
	.table > tfoot > tr > td.danger1,
	.table > thead > tr > th.danger1,
	.table > tbody > tr > th.danger1,
	.table > tfoot > tr > th.danger1,
	.table > thead > tr.danger1 > td,
	.table > tbody > tr.danger1 > td,
	.table > tfoot > tr.danger1 > td,
	.table > thead > tr.danger1 > th,
	.table > tbody > tr.danger1 > th,
	.table > tfoot > tr.danger1 > th {
		background-color: #f2dede;
		color: #f44336;
	}
	.table-hover > tbody > tr > td.danger1:hover,
	.table-hover > tbody > tr > th.danger1:hover,
	.table-hover > tbody > tr.danger1:hover > td,
	.table-hover > tbody > tr:hover > .danger1,
	.table-hover > tbody > tr.danger1:hover > th {
		background-color: #ebcccc;
		color: #f44336;
	}



	#modalFindTable .modal-header, #modalViewTraza .modal-header{
		cursor: move;
	}

	.loadmask-msg.whirly-loader {
		position:fixed;
		top: calc(50%) !important;
		left: calc(50%) !important;;
	}



	.tooltip2{
		display: inline;
		position: relative;
		opacity: 1 !important;
	}

	.tooltip2:hover:after{
		background: #333;
		border-radius: 5px;
		color: #fff;
		content: attr(title);
		position: absolute;
		z-index: 98;
		width: 200px;
		left: -164px;
		text-align: center;
		top: 24px;
		opacity: 1;
	}

	.tooltip2:hover:before{
		border-color: #333 transparent;
		border-width: 6px 6px 0 6px;
		bottom: 20px;
		content: "";
		position: absolute;
		z-index: 99;
		opacity: 0 !important;
	}

	.tooltipLeft:hover:after{
		left: -197px !important;
	}

	.tooltipRight:hover:after{
		left: 20px !important;
	}


	.tooltipHeader:hover:after{
		width: 140px !important;
		left: -124px !important;
		top: 32px !important;
		padding-top: 5px !important;
		opacity: 1 !important;
		opacity: 1 !important;
		padding-bottom: 3px !important;
	}


	.main-menu{
		text-transform: capitalize !important;
	}


	#modalNewReseteo .open{
		    max-height: 300px !important;
	}

	#modalNewReseteo .dropdown-menu{
		    max-height: 300px !important;
		    padding-bottom: 80px !important;
	}

	#closeOperaciones{
		position: absolute;
		right: 30px;
		cursor: pointer;
	}
	#closeOperaciones:hover{
		opacity: 0.7;
	}

/*estilos para administracion de parametros*/
.padding-l-r-15{
	padding-left: 15px;
	padding-right: 15px;
}

.w-200px{
	width: 200px;
}

.m-b-40px{
	margin-bottom: 40px;
}

.m-t-40px{
	margin-top: 40px;
}

.m-r-40px{
	margin-right: 40px;
}

.h-100{
	min-height: 100px;
}

.m-t-50{
	margin-top: 50px;
}

.w-100Por{
	width: 100%;
}

.pointer{
	cursor: pointer;
}

.m-b-40{
	margin-bottom: 40px;
}

.m-b-20{
	margin-bottom: 20px;
}

.m-b-5{
	margin-bottom: 5px;
}


.bold{
	font-weight: bold;
}


.aviso-rojo{
	color: red;
}

.selTtp{ background-color: #607d8b; color:white;}

.modal-xl { width: 1200px !important; }

.txtInError
{
	background-color:red;
	color: white;
}