* {
	font-family: Arial, Helvetica, sans-serif;
}

body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	color: #555;
	background: #FEFEFE;
	font-size: 10pt;
}

#page {
	margin-top: 5px;
	margin-bottom: 5px;
	background: white;
	border: 1px solid #C9E0ED;
}

#header {
	margin: 0;
	padding: 0;
	border-top: 3px solid #C9E0ED;
}

#content {
	padding: 20px;
}

#sidebar {
	padding: 20px;
}

table.logList tr:nth-child(odd) {
	background: #f3f3f3;
}

table.logList td {
	padding: 6px 12px !important;
	color: #555;
	font-size: 12px !important;
}

#footer {
	padding: 10px;
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #C9E0ED;
}

#logo {
	padding: 10px 20px;
	font-size: 200%;
}

#mainmenu {
	background: white url(bg.gif) repeat-x left top;
}

#mainmenu ul {
	padding: 6px 20px 5px 20px;
	margin: 0px;
}

#mainmenu ul li {
	display: inline;
}

#mainmenu ul li a {
	color: #ffffff;
	background-color: transparent;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 8px;
}

#mainmenu ul li a:hover,
#mainmenu ul li.active a {
	color: #6399cd;
	background-color: #EFF4FA;
	text-decoration: none;
}

div.flash-error,
div.flash-notice,
div.flash-success {
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}

div.flash-error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}

div.flash-notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}

div.flash-success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}

div.flash-error a {
	color: #8a1f11;
}

div.flash-notice a {
	color: #514721;
}

div.flash-success a {
	color: #264409;
}

div.form .rememberMe label {
	display: inline;
}

div.view {
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs {
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span {
	font-weight: bold;
}

.portlet {}

.portlet-decoration {
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content {
	font-size: 0.9em;
	margin: 0;
	padding: 5px 8px;
	margin-bottom: 15px;
	background: #EFFDFF;
}

.portlet-content ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.portlet-content li {
	padding: 2px 0 4px 0px;
}

.post {
	margin: 0 0 20px;
}

.post .title {
	font-size: 1.5em;
	border-bottom: 1px solid #C9E0ED;
}

.post .title a {
	color: #555;
	text-decoration: none;
}

.post .author {
	color: #888;
	margin: 0 0 5px;
}

.post .nav {
	-moz-border-radius: 7px;
	padding: 5px;
	background: #EFFDFF;
}

.comment {
	-moz-border-radius: 7px;
	padding: 10px;
	background: #F5F5F5;
	margin: 5px 0;
}

.comment .content {
	margin: 10px 0;
}

.comment .author {
	margin: 5px 0;
	padding: 0 0 3px;
	border-bottom: 1px solid #DDD;
}

.comment .time {
	color: #888;
	font-size: 0.8em;
}

.comment a.cid {
	color: #CCC;
	float: right;
	font-size: 1.5em;
	font-weight: bold;
	padding: 0 5px 5px 5px;
	text-decoration: none;
}

.comment a.cid:hover {
	color: #555;
}

.comment .pending {
	color: red;
}

textarea {
	padding: 10px 15px;
	line-height: 1.75em;
	box-sizing: border-box;
	font-size: 0.8em;
	resize: none;
}




.container a:visited:not(.btn) {
	text-decoration: none;
}

.container a:link:visited:not(.btn) {
	color: rgb(0, 136, 255);
}


.container a:visited:not(.btn) {
	color: #BA84E9;
}

table th {
	font-weight: bold;
}


.window-center-s {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 320px;
}

.autowidth {
	width: auto;
}

.filter-form {
	display: block;
}


a.underlined {
	text-decoration: underline;
}

.hidden {
	display: none;
}

.column-2 {
	width: 16.2%;
	display: inline-block;
}

form label {
	padding: 8px 4px 4px 4px;
	display: inline-block;
}

.log-color-OK {
	color: #09883B !important;
}

.log-color-ER {
	color: #C0102D !important;
}

.log-color-WA {
	color: rgb(190, 123, 0) !important;
}

.log-color-ST {
	color: rgb(139, 84, 228) !important;
}

.log-color-UN {
	color: rgb(204, 204, 204) !important;
}

.tag {
	border-radius: 10px;
	color: white;
	font-size: 0.62em;
	padding: 2px 4px;
	margin-right: 2px;
	margin-left: 2px;
}

.area {
	background-color: rgb(42, 109, 185);
}

.refdate {
	background-color: rgb(175, 72, 24);
}

.color-ok {
	color: #00695c;
}

.color-warning {
	color: #ff8f00;
}

.color-ignore {
	color: #b39ddb;
}

.color-error-light {
	color: #e0e0e0;
}

.color-red {
	color: #C0102D !important;
}

.btn.btn-primary {
	color: white;
}

.tip-box {
	margin-top: 40px;
	background-color: rgb(230, 230, 230);
	padding: 8px;
}

.unify-log {
	border: 1px solid #BBBBBB;
	padding: 8px;
	font-size: 0.92em;
	min-height: 24px;
	margin-top: 0px;
	max-height: 220px;
	overflow-y: auto;
	overflow-x: hidden;
}

.unify-log-head {
	margin: 24px auto 0 auto;
	background-color: #E1A27B;
	padding: 8px;
}

.unify-log-head.log-green {
	background-color: #AEEDC0 !important;
}

.unify-log-head p {
	margin: 0;
	font-weight: bold;
}

.unify-log ul {
	list-style: none;
	padding-left: 0px;
	margin: auto;
}

.unify-log ul li {
	padding: 6px;
	border-bottom: 1px solid #DDDDDD;
}

.unify-log .log-message {
	padding-bottom: 16px;
	font-size: 0.9em;
}

.unify-log ul a li,
.unify-log ul a {
	text-decoration: none;

	color: #A0550E;
}

.unify-log ul a li:hover {
	background-color: #FFE7D0;
}

.unify-log.log-green ul a li,
.unify-log.log-green ul a {
	text-decoration: none;

	color: #09883B !important;
}

.unify-log.log-green ul a li:hover {
	background-color: #C4F5D2 !important;
}

a.info-link {
	color: #0574BC !important;
}

a.danger-link {
	color: #C0102D !important;
}

a.info-link:hover {
	color: #32AEFF !important;
}

a.danger-link:hover {
	color: #F84D69 !important;
}

.very-small {
	font-size: 50%;
}

#log-form label {
	margin-bottom: 2px;
}

.card-details {
	font-size: 10px;
}

.card-details-field-head {
	font-weight: bold;
}

.head-log-status {
	font-weight: bold;
}


.card a:visited {
	color: rgb(0, 136, 255) !important;
}

.card-header a,
.card-header a:visited {
	color: #555 !important;
}

.container a:hover:not(.btn) {
	color: #DD964A !important;
}

.text-warning-2 {
	color: #e65100;
}

.bt-remove-conflict {
	color: #721c24 !important;
	font-size: 9px;
}

form.filter-form input,
form.filter-form select {
	font-size: 12px !important;
}

.nav-logout a,
.nav-logout {
	color: rgba(255, 255, 255, 0.5) !important;
}

.nav-logout a:hover {
	color: rgba(255, 255, 255, 0.9) !important;
}

#loading-layout {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(30, 30, 40, 0.5);
}

.loading-centering {
	color: white;
	font-size: 64px;
}

.form-control.btn.btn-primary:focus {
	background-color: #007bff !important;
}

.table tbody tr {
	transition: 500ms background-color ease-in-out;
}

.table tbody tr:hover {
	background-color: #d7d7d7;
}

#arbol-destinos-filtro{
	input[type=checkbox]{
		width:20px;
		height: 20px;
		display: inline-block;
	}

	.check{

		text-wrap: nowrap;
		padding-top: 8px;

		label{
			vertical-align: top !important;
		}
	} 
}

#arbol-destinos-menu{
	.continentes-menu{
		display: flex;
	}
	.continentes-menu .accordion-group{
		padding: 8px;
		border: solid 1px #B9B9B9;
		flex-grow: 1;
		margin: 10px;
		border-radius: 6px;
		cursor: pointer;
	}

	.continentes-menu .accordion-group:hover{
		background-color: #f8f9fa;
		border: solid 1px #007bff;
	}
	.continentes-menu .accordion-group a{
		text-transform: uppercase;
	}
	.continentes-menu .accordion-group a:hover{
		text-transform: uppercase;
		color: #007bff !important;
		text-decoration: none;
	}
}
#arbol-destinos{

	#texto-resultado{
		text-align: center;
		font-size: 20px;
	}

	.actions{
		float: right;
		a{
			font-size: 10px;
		}		
	}

    .btn-secondary{
        border: solid 1px #007bff;
        background: #FFF;
        color:#007bff !important;
    }
    .btn-secondary:hover{
        background: #007bff;
        color:#FFF !important;
    }

	.toggle{

		.toggle-all{
			margin-left: 40px;
			cursor: pointer;
			font-size: 11px;
			text-transform: uppercase;
			color:#0000FF;
			background: #FFF;
            border: solid 1px;
            padding: 2px 6px;
            border-radius: 4px;
		}

		.toggle-action{
			margin-left: 10px;
			font-size: 14px;
			cursor: pointer;
		}

	}

	.continente{

		display: none;
		margin-bottom: 20px;

		.continente-info{
			display: inline-block;
			border-top: solid 1px #A0A0A0;
			border-left: solid 1px #A0A0A0;
			border-right: solid 1px #A0A0A0;
			padding: 4px 10px;
			text-transform: uppercase;
			background-color: #A0A0A0;
			color: #ffffff;
			font-weight: bold;
		}

		.paises {
			border: solid 1px #B9B9B9;
			border-radius: 0 3px 3px 3px;
			padding: 10px;
			background-color: #f8f9fa;
		}
	} 

	.paises .pais{
		border: solid 1px #B9B9B9;
		border-radius: 3px;
		margin-bottom:10px;
		padding: 5px 10px;
		background-color: #FFFFFF;
	}

	.paises .pais span{
		font-weight:bold;
		text-transform: uppercase;
	}

	.destinos{
		padding: 0 5px;

		.destino{
			border-bottom: solid 1px #B9B9B9;
			border-radius: 3px;
			padding: 5px 10px;
			text-transform: uppercase;
			display: block;
			margin:4px;
			color: #999;

			.des-nombre{
				i{
					color:#5499c7;
				}
			}
		}

	}


	.conectado{ 

		color:#e65100;

		.des-nombre{
			color: #e65100;
		}
		.subzonas{
			

			.subzona{
				border: solid 1px #e65100;
			}

			.sub-nombre{
				color:#999;
			}

			.fuente{
				background-color: #FFF;
			}
		}


	}
	.subzonas{

		margin-top: 10px;
		margin-left: 20px;
		display: none;

		.subzona{
			border: solid 1px;
			border-radius: 3px;
			padding: 5px 10px;
			text-transform: uppercase;
			display: block;
			margin-top:4px;
			color: #999;

			.sub-nombre{
				cursor: pointer;
			}
		}
	}

	.fuentes{
		margin-top: 10px;
		padding-left: 20px;
		

		.fuente.busqueda .fue-nombre{
			background-color: #A9DFBF;
			color: #555;
		}

		.fuente.automatico i{
			display: inline-block;
			color: #3498DB;
		}

		.fuente{
			border: solid 1px;
			border-radius: 3px;
			padding: 5px 10px;
			text-transform: uppercase;
			display: inline-block;
			margin:4px;
			color: #999;

			i{
				display: none;
			}
			
			.fue-nombre{
				border: solid 1px #999;
				border-radius: 4px;
				padding: 4px 6px;
				margin-right: 6px;
				font-size: 10px;
				background-color: #f8f9fa;
			}
		}
	}

}