body { 
	padding-right: 0 !important 
}

.navbar-custom {
	background: #ffffff !important;
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial,
		sans-serif;
	text-transform: uppercase;
	height: 100px;
	border: none;
}

.navbar-custom .navbar-nav>li>a {
	color: #DE5609;
}

.navbar-custom .navbar-nav>.active>a, .navbar-nav>.active>a:hover,
	.navbar-nav>.active>a:focus {
	color: #ffffff;
	background-color: transparent;
}

.navbar-custom .navbar-brand {
	color: #eeeeee;
}

.navbar-custom .navbar-toggle, .navbar-custom .nav .open>a,
	.navbar-custom .nav .open>a:hover, .navbar-custom .nav .open>a:focus {
	background-color: transparent;
}

.navbar-custom .icon-bar {
	border: 1px solid #fff;
}

/*-- change navbar dropdown color --*/
.navbar-custom .navbar-nav .open .dropdown-menu>li>a, .navbar-custom .navbar-nav .open .dropdown-menu
	{
	color: #000000;
}

footer {
	color: white;
	background-color: #c74400;
	width: 100%;
	bottom: 0;
	position: fixed;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

.tablaGestion {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	border-collapse: collapse;
}

.tablaGestion td, .tablaGestion th {
	padding: 5px;
	font-size: 12px;
}

body {
	padding-top: 150px;
	padding-bottom: 50px;
}

.fixed {
	position: fixed;
}

.nav-custom {
	background-color: #DF5609;
	position: fixed;
	right: 0;
	left: 0;
	top: 50px;
	z-index: 100 !important;
}

.nav-customNvo {
	background: none !important;
}

.language-menu {
	z-index: 101 !important;
	font-size: 14px !important;
}

.vertical-centered {
	vertical-align: middle !important;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.icon {
	height: 20px;
	width: 20px;
}

.icon-horizontal {
	height: 15px;
	width: 17px;
}

.icon-sm {
	height: 12px;
	width: 12px;
}

.icon-md {
	height: 16px;
	width: 16px;
}

.icon-lg {
	height: 20px;
	width: 20px;
}

.required {
	color: red;
}

.hidden {
	display: none;
}

.noclose .ui-dialog-titlebar-close {
	display: none;
}

.label-right {
	float: left;
	width: 10em;
	margin-right: 1em;
	text-align: right;
}

.inline {
	display: inline;
}

tr.space>td {
	padding-bottom: 1em;
}

.error {
	color: red;
	font-size: 80%;
}

.wrapper {
	float: left;
	height: 4em;
	border: 1px solid red;
}

.checkbox-grid-3 li {
	display: block;
	float: left;
	width: 30%;
}

.checkbox-grid-1 li {
	display: block;
	width: 30%;
}

.list-in-line {
	margin: 0;
	padding: 0;
}

.alert-custom {
	font-size: 12 !important;
	text-align: left;
	width: 25%;
	float: right;
	position: fixed;
	top: 140px;
	right: 5px;
	z-index: 999999999;
}

.alert-danger-custom {
	background-color: rgba(235, 204, 204, .8);
}

.alert-success-custom {
	background-color: rgba(208, 233, 198, .8);
}

.modal-vertical-centered {
	transform: translate(0, 50%) !important;
	-ms-transform: translate(0, 50%) !important; /* IE 9 */
	-webkit-transform: translate(0, 50%) !important;
	/* Safari and Chrome */
	z-index: 1040;
}

table.google-visualization-orgchart-table {
	border-collapse: inherit;
}

div.panel-alert:empty {
	display: none;
}

.country-flag {
	width: 35px;
	height: 17px;
}

textarea {
	resize: none;
}

.block {
	display: block;
}

.btn-accupeople-gray {
	background-color: #C6C6C6 !important;
}

.btn-accupeople-orange {
	background-color: #E75200 !important;
	color: #ffffff;
}

.a-menu {
	color: #ffffff !important;
	font-weight: 500;
	background-color: #DF5609;
}

.dropdown-menu-custom {
	background-color: #DF5609;
}

.dropdown-menu-custom a:hover {
	background-color: #848484 !important;
}

.modal .modal-body {
	max-height: 420px;
	overflow-y: auto;
}

.respuesta-evaluacion {
	text-align: left !important;
	font-size: 12 !important;
	cursor: pointer;
}

.respuesta-evaluacion-sm {
	text-align: left !important;
	font-size: 11 !important;
	cursor: pointer;
}

.evaluacion-instrucciones {
	font-size: 14 !important;
	text-align: justify;
}

.list-group-item {
	padding: 2px 5px 2px 5px;
	background-color: FAFAFA;
}

.list-group-item-sm {
	padding: 1px 5px 1px 5px;
	background-color: FAFAFA;
}

.contenedor-respuesta {
	border-width: 1px !important;
	border-color: A4A4A4;
	border-style: dashed;
}

.contenedor-respuesta:hover {
	background: #dcdcdc;
}

.tooltip-inner {
	max-width: 350px;
	width: 150px;
}

.mosaico {
	float: left;
	width: 18.5%;
	padding-bottom: 18.5%; /* = width for a 1:1 aspect ratio */
	margin: 0.5%;
	overflow: hidden;
	position: relative;
	border-radius: 15px;
	cursor: pointer;
	box-shadow: 1px 2px 1px grey;
}

.content-mosaico {
	position: absolute;
	height: 100%;
	width: 100%;
	padding: 10% 5%;
	text-align: center;
	color: white;
}

.table-mosaico {
	display: table;
	height: 100%;
	width: 100%;
}

.table-mosaico-cell {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
}

.disable-reporte {
	pointer-events: none;
	opacity: 0.2;
}

.float-button-reportes {
	position: fixed;
	top: 150px;
	right: 150px;
}

.tabla-propiedades-reporte {
	background-color: white;
}

.tabla-propiedades-reporte th {
	background: #65646a;
	color: white;
	border: 0px !important;
}

.bar-reportes {
	border: 0px solid #65646a;
	border-radius: 3px;
	height: 20;
}

.bar-reportes-compara {
	border: 0px solid #65646a;
	border-radius: 3px;
	height: 10;
}

.propiedad-reportes td {
	font-size: 14;
	padding: 0;
}

.propiedad-reportes-10-10 td {
	font-size: 12 !important;
	padding: 0;
}

.circulo-reportes {
	margin: 0 !important;
	height: 20;
}

.circulo-reportes-compara {
	margin: 0 !important;
	height: 10;
}

.cuadro-reportes {
	margin: 0 !important;
	height: 20;
}

.cuadro-reportes-compara {
	margin: 0 !important;
	height: 10;
}

.explicacion-reporte {
	font-size: 14;
}

.vertical-align {
	display: flex;
	align-items: center;
}

.sidenav {
	height: 100%;
	width: 230px;
	position: fixed;
	top: 0;
	left: 0;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 140px;
	background-color: #333333;
}

.content-reportes {
	margin-left: 250px;
}

.side-option a {
	padding: 5px 8px 5px 32px;
	text-decoration: none;
	font-size: 12px;
	color: #bfbfbf;
	display: block;
	transition: 0.3s;
	vertical-align: middle !important;
}

.side-option a:hover, .offcanvas a:focus {
	color: white;
	cursor: pointer;
}

.sidenav-b {
	height: 100%;
	width: 250px;
	position: fixed;
	top: 0;
	left: 0;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 110px;
	padding-left: 25px;
}

.side-option-b {
	border-radius: 8px;
	margin-bottom: 5px;
	width: 200px;
	background-color: #f9f9f9;
	border-style: solid;
	border-width: 1px;
	border-color: #d9d9d9;
}

.side-option-b a {
	padding: 5px 8px 5px 32px;
	text-decoration: none;
	font-size: 12px;
	color: #333;
	display: block;
	transition: 0.3s;
}

.side-option-b:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.side-option-b a:hover, .offcanvas a:focus {
	cursor: pointer;
}

.square-bullet {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 5px;
	border-radius: 2px;
}

.square-bullet-breadcrumb {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-right: 5px;
	border-radius: 2px;
}

.rectangle-bullet {
	display: inline-block;
	width: 18px;
	height: 12px;
	border-radius: 2px;
}

.table-md tbody, .table-md tr, .table-md td {
	padding-top: 5px !important;
	font-size: 12;
}

.table-md thead, .table-md tr, .table-md th {
	padding-top: 8px !important;
}

.table-sm tbody, .table-sm tr, .table-sm td {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	font-size: 10;
}

.table-sm thead, .table-sm tr, .table-sm th {
	padding-top: 6px !important;
}

.table-sm-font-12 tbody, .table-sm tr, .table-sm td {
	font-size: 12;
}


.disabled-link {
	pointer-events: none;
	cursor: default;
	opacity: 0.6;
}

.btn-text-sm {
	font-size: 11;
}

.anchor-no-decoration {
	text-decoration: none !important;
	color: black;
}

.anchor-no-decoration a:hover {
	text-decoration: none;
	color: black;
}

.row-center {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.label-vertical-center {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.input-sm-padding {
	font-size: 12;
	padding-left: 3px;
}

.legends {
	padding-top: 15px;
}

.table-acotaciones-graficos thead, .table-acotaciones-graficos tr,
	.table-acotaciones-graficos th {
	padding-top: 1px !important;
	padding-bottom: 1px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.table-acotaciones-graficos tbody, .table-acotaciones-graficos tr,
	.table-acotaciones-graficos td {
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}

.legend-empty-graphs {
	padding-top: 150px !important;
}

.panel-heading-analisis-riesgo {
	padding-bottom: 5px;
	padding-top: 5px;
}

.glyphicon-md {
	font-size: 16px !important;
	cursor: pointer;
}

.glyphicon-lg {
	font-size: 18px !important;
	cursor: pointer;
}

.glyphicon-xlg {
	font-size: 24px !important;
	cursor: pointer;
}

.arbol-btn {
	cursor: pointer;
}

.gylphicon-btn {
	cursor: pointer;
}
.scrollable-menu {
	height: auto;
	max-height: 80px;
	overflow-x: hidden;
}

.small-list>li>a {
	padding: 0px 10px !important;
	line-height: 1 !important;
	font-size: 11 !important;
}

.dropdown-menu-rounded {
	border-radius: 4px;
}

.btm-xsm {
	padding: 7px 7px;
	line-height: 0;
}

.glyphicon-icon-sm {
	font-size: 10px;
}

.glyphicon-icon-md {
	font-size: 14px;
}

.glyphicon-icon-lg {
	font-size: 18px;
}

.menuClass {
	border-bottom-style: solid;
	border-bottom-color: #5AAFE3;
	border-bottom-width: 5px;
}

.inputNombreNodo {
	height: 20px;
}

.dropdown-menu>li>#f-c-s {
	display: block;
	padding: 0px 0px 0px 5px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

.glyphicon-btn {
	cursor: pointer;
}

.img-test-container{
    width: 100%;
    height: 100%;
}
.img-test-container img{
    width: 100%;
    height: 100%;
}

.scale-down {
  object-fit: scale-down;
}

.eventos-icon-warning{
	color: #ff0000;
}

.eventos-icon-danger{
	color: #ff0000;
}

.Bienvenido {

	background-color: #ffffff;
	font-family: HelveticaNeue;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.Ingresa-tu-token-de {

	background-color: #ffffff;
	font-family: HelveticaNeue;
	font-size: 15px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.intelab-inputs{
	font-family: HelveticaNeue;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: justify;
	color: #938f90;
}
.btn-deep-orange{
	color:#fff;
	background-color:#C74400 !important;
}

#logoDesktop {display:block;}
#logoMobile {display:none}
#bodyDiv {padding-top: 80px}
@media all and (max-width: 499px) {
	#logoDesktop {display: none;}
	#logoMobile {display: block;}
	#bodyDiv {padding-top: 50px}
}




.black-container-negro {
	background-image: radial-gradient(circle at 50% 25%, #303030, #303030, #000000 54%);
	background-repeat: no-repeat;
	background-color: #000000;
}

.bienvenido-negro {
	font-family: HelveticaNeue;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
}

.ingresa-tu-token-negro {
	font-family: HelveticaNeue;
	font-size: 15px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
}