/****************
	GENERAL
*****************/

body {
	color:#575149;
}
table {
	color:#575149 !important;
}

header {
	width: 100%;
	height:60px;
}

#logo-wrapper {
	background-size: contain;
	width:15.625rem;
}
#logo-wrapper img {
	width:60px;
}

#main-header .dropdown-toggle::after {
	color: #FF8601;
	margin-top:-5px;
}


#body-wrapper {
	padding-left:0px;
}

.heading-title {
	border-bottom: 2px solid #FF8601;
	padding-bottom: 0;
	padding-left: 0.5rem;
	padding-right: 0px;
	margin-bottom: 0.5rem;
}
.navbar-light .navbar-brand {
	color:#575149;
}

.separation-line {
	margin-top: 3rem;
	margin-bottom: 3rem;
/*	border-top: 1px solid #8e8e8e;*/
	border-top: 1px solid #575149;
}

.pointer {
	cursor: pointer;
}

.bold {
	font-weight: bold;
}

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


.btn-effect:hover {
	background-color:#F98404;
	color:#FFF;
}
.btn-effect:active {
	transform: scale(0.99);
	box-shadow: 3px 2px 8px 1px rgba(0, 0, 0, 0.24);
}

.clickable-text, .clickable-text a, .clickable-text:hover, .clickable-text a:hover {
	color:#F98404;
	text-decoration: none;
}

.input-group-prepend .input-group-text {
	background-color: #ECDACC;
}



/************************
		TOOLTIPS
************************/

.tippy-box[data-theme~='orange-tooltip'] {
	background-color: #ffe6d0;
	border:2px solid #FF8601;
	color:#575149;
}
.tippy-box[data-theme~='orange-tooltip'][data-placement^='top'] 	> .tippy-arrow::before {
	border-top-color: #FF8601;
	margin: 0 0 -2px 0;
}
.tippy-box[data-theme~='orange-tooltip'][data-placement^='bottom'] 	> .tippy-arrow::before {
	border-bottom-color: #FF8601;
	margin: -2px 0 0 0;
}
.tippy-box[data-theme~='orange-tooltip'][data-placement^='left'] 	> .tippy-arrow::before {
	border-left-color: #FF8601;
	margin: 0 -2px 0 0;
}
.tippy-box[data-theme~='orange-tooltip'][data-placement^='right'] 	> .tippy-arrow::before {
	border-right-color: #FF8601;
	margin: 0 0 0 -2px;
}


/************************
	FORMULARIOS CRUD
************************/

.form-title-collapse {
	background-color: #F2F2F2;
	border: 1px solid #ffbe98;
	border-radius: 4px;
}

.help-alert-text {
	font-size: 11px;
	color:#ce4646;
}

.form-group.required label:after {
	content:" *";
	color:red;
	font-weight: bold;
}

.wrapper-form-group {
	padding: 10px;
	background-color: #F2F2F2;
	border: 1px solid #ffca95;
	border-radius: 3px;
}

/* USUARIOS */
#create-user-form .notice-type-wrapper label, #update-user-form .notice-type-wrapper label {
	cursor: pointer;
	width: 100%;
}
.notice-type-label i {
	color: #FF8601 !important;
}
.notice-type-label i.inactive {
	color: #575149 !important;
}


/****************
	ICONOS
*****************/

.alert-notice-types i, .alert-user-icons i, .notice-types-select i {
	color: #FF8601 !important;
}
.notice-types-select label {
	cursor: pointer;
}
.alert-notice-types i.inactive {
	opacity: 0.35;
	color: #444 !important;
}

#notice-types-select i {
	margin-right:0px;
}






/****************
	COLORES
*****************/

.btn-orange {
	background-color: #FF8601;
	border-color: #c16e03;
	color:#FFF;
}
.btn-orange:hover {
	background-color:#F98404;
	color:#FFF;
}

.black-color {
	color:#A29584;
}
.orange-color {
	color: #FF8601;
}
.orange-brd {
	border: 1px solid #FF8601 !important;
}
.orange-clr-brd {
	border: 2px solid #FF8601;
	color: #FF8601;
}


table .role-border {
	border-top:1px solid #ffb300;
}





/********************
	DATATABLES
********************/
table.dt-responsive  {
	width:100%;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, 
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, 
.dataTables_wrapper .dataTables_paginate {
	color:#575149;
}
.dataTables_wrapper table.dataTable thead th, .dataTables_wrapper table.dataTable.no-footer {
	border: none;
}
.dataTables_wrapper .card, .dataTables_wrapper table.dataTable tbody tr {
	background: transparent;
	border:none;
}
.dataTables_wrapper table.dataTable td {
	border:none;
}


.dataTables_wrapper .dataTables_filter {
	float: none;
	text-align: left;
}
.dataTables_wrapper .dataTables_paginate {
	float:none;
	text-align: center;
}

.dataTables_wrapper .pagination-wrapper {
	margin: auto 0;
}
.dataTables_wrapper .dataTables_length {
	float: right;
}
.dataTables_wrapper .bottom {
	margin-top:30px;
}

.dataTables_filter input {
	padding: 0px 0px 3px 5px;
	border-radius: 4px;
	border:1px solid #FF8601;
}
.dataTables_filter input:focus {
	outline:1px solid #FF8601;

}



.new-heatmap, .new-video {
	background-color:#FFE6CA !important;
}



/**********************
		HEATMAPS
**********************/
#heatmaps-table_wrapper {
	margin-top:40px;
}



/**********************
	MODAL HEATMAPS
**********************/

#heatmaps-camera-image {
	position:absolute;
	z-index:4;
	width:800px;
	height:450px;
	padding:0;
	margin: 3px 0 0 3px;
}



/*arreglo modales fullscreen */
.modal-dialog.modal-fullscreen {
	max-width: 95%;
}


/****************
	DROPDOWN
****************/


.dropdown-item.active {
	background-color: #FEB71B;
}

.dropdown-menu.collapsing {
	display: block;
}

@media (max-width: 767.98px) {
	.dropdown-menu {
		padding: 0;
		margin-top: 0!important;
		border: 0!important;
	}
	.dropdown-menu:before {
		content: "";
		display: block;
		padding-top: .5rem;
	}
	.dropdown-menu:after {
		content: "";
		display: block;
		padding-bottom: .5rem;
	}
}

@media (min-width: 768px) {
	.dropdown > div {
		position: absolute;
		clip: rect(0.5rem, 9999px, 9999px, -9999px);
	}
	.dropdown-menu {
		height: auto!important;
		transition: transform .35s ease!important;
	}
	.dropdown-menu.collapse, .dropdown-menu.sliding {
		transform: translate(0, -100%);
	}
	.dropdown-menu.collapse:not(.show) {
		display: block;
	}
	.dropdown-menu.collapse.show {
		transform: translate(0, 0);
	}
}


.alert-notice-types .dropdown-item:active, 
.notice-types-select .dropdown-item:active {
	background-color: transparent;
}


/********************
	PLANTILLAS
********************/
#card-template {
	display: none;
}

.card-img-top {
	margin-top:15px;
}



/********************
		MODAL
********************/

@media  screen and (min-width: 0px) and (max-width: 319.99px){  
	#general_modal{
		width: 100%;
		height: 100%;
	}

	#content_modal{
		width : 680px;
		height : 600px;
	}

	#iframe_content{
		width : 660px;
		height : 400px;
	}
}  

@media  screen and (min-width: 320px) and (max-width: 629.99px) {  

	#general_modal{
		width: 100%;
		height: 100%;
	}

	#content_modal{
		width : 680px;
		height : 600px;
		margin-left:40px;
	}

	#iframe_content{
		width : 660px;
		height : 400px;
	}
}   

@media  screen and (min-width: 630px) and (max-width: 1047.99px) {   

	#general_modal{
		width: 100%;
		height: 100%;
	}

	#content_modal{
		width : 680px;
		height : 600px;
	}

	#iframe_content{
		width : 660px;
		height : 400px;
	}
}

@media  screen and (min-width: 1048px) {   
	#general_modal{
		width: 100%;
		height: 100%;
	}

	#content_modal{
		width: 800px;
		height: 670px;
		margin-left: -30%;
	}

	#iframe_content{
		width : 780px;
		height : 500px;
	}
}



/*************************
	SWEET ALERT
*************************/

.sweet-alert-buttons {
	display: inline-block;
}

.sweet-alert-buttons:hover {
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));
}



/*************************
		DASHBOARD
*************************/

#dashboard-wrapper {
	background-image: url('/images/images/dashboard-bg.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#dashboard-wrapper .dataTables_wrapper {
	margin-top:0;
}

#dashboard-wrapper .dataTables_wrapper .dataTables_processing {
	background:transparent;
}

#dashboard-wrapper .dataTable > tbody > tr.child span.dtr-title {
	display:none;
}

.dashboard-table-wrapper {
	margin: 0 auto;
}


.round-cirle-image {
	position: absolute;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border-width: 3px;
	border-style: solid;
	display: inline-block;
}
.round-cirle-image.start-circle {
	left:0;
}
.round-cirle-image.end-circle {
	right:0;
}

.connection-circle-row {
	width: 91%;
	margin: 9px 0 5px 18px;
	border-width: 3px;
	border-style: solid;
	display: inline-block;
	width:91%;
}

.dashboard-table-title {
	margin:0 0 -9px 25px;;
}



/*************************
		USUARIOS
*************************/
#users-table_wrapper {
	margin-bottom: 40px;
}


/*********************
	GESTOR DE COLAS
**********************/
#queue-manager-zones-table_wrapper {
	margin-top: 3rem;
}


/*************************
	NIVELES DE ALERTA
*************************/

#cards-wrapper .card {
	background-color: #F7F7F7;
}

.dropdown-menu-right {
	right: 0;
	left: auto;
}

.card-buttons .edit-card, .card-buttons .save-card, .card-buttons .cancel-card {
	background-color:#FFF;
	border: 2px solid #FEB71B;
	border-radius:4px;
}

.card-buttons i {
	color: #FF8601;
}

.card-title {
	border-bottom: 2px solid #FEB71B;
}

tr .alert-level-message {
	top:16px;left:0px;
	height:50%;
}

tr .alert-notice-types i {
	margin: 0px 3px;
}

#insert-row, .alert-user-icons i {
	cursor:pointer;
}

.alert-level-color {
	min-height: 25px;
	border:1px solid #575149;
	border-radius:3px;
}

.alert-level-data-title {
	border-bottom: 1px solid #b9b9b9;
}

.alert-level-data .input-group-text {
	padding:0 5px;
}

.card .alert-notice-types .dropdown-item {
	padding: 0.25rem 1.5rem 0.25rem 0;
}

.card-buttons .icheckbox_flat-orange {
	float:right;
}

.disabled-element {
	opacity: 0.5;

}

.wrapper-color-picker {
	height: 100%;
}

.wrapper-color-picker .sp-replacer {
	width: 100%;
	height: 100%;
}

.wrapper-color-picker .sp-replacer .sp-dd {
	right: 5px;
	top: 4px;
	background-color: transparent;
}

/*****************
	PRODUCTOS
******************/
/*
#contracted-products {
	height: 200px;
	overflow: auto;
	border:1px solid #ced4da;
	padding: 5px !important;
}

#contracted-products li {
	border-bottom:1px solid #575149;
	cursor:pointer;
	list-style-type: none;
}
#contracted-products li:last-child {
	border-bottom: 0px;
}
#contracted-products label {
	cursor:pointer;
	display:block;
}
#contracted-products span {
	vertical-align: bottom;
}
#contracted-products .expiration-date {
	color:#575149;
	border: 1px solid #575149;
	border-radius: 3px;
}
*/




/*************************************
INDEX DE EMPRESAS: CSS PROVISIONAL
*************************************/


#companies-table .select2-container {
	min-width: 400px;
}

  .select2-results__option {
	padding-right: 20px;
	vertical-align: middle;
  }
  /*
  .select2-results__option:before {
	content: "";
	display: inline-block;
	position: relative;
	height: 20px;
	width: 20px;
	border: 2px solid #e9e9e9;
	border-radius: 4px;
	background-color: #fff;
	margin-right: 20px;
	vertical-align: middle;
  }
  .select2-results__option[aria-selected=true]:before {
	font-family:fontAwesome;
	content: "\f00c";
	color: #fff;
	background-color: #f77750;
	border: 0;
	display: inline-block;
	padding-left: 3px;
  }
  */
  .select2-container--default .select2-results__option[aria-selected=true] {
	  background-color: #fff;
  }
  .select2-container--default .select2-results__option--highlighted[aria-selected] {
	  background-color: #eaeaeb;
	  color: #272727;
  }
  .select2-container--default .select2-results__option--selected {
	  background-color:orange !important;
  }
  
  .select2-container--default .select2-selection--multiple {
	  margin-bottom: 10px;
  }
  .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	  border-radius: 4px;
  }
  .select2-container--default.select2-container--focus .select2-selection--multiple {
	  border-color: #f77750;
	  border-width: 2px;
  }
  .select2-container--default .select2-selection--multiple {
	  border-width: 2px;
  }
  .select2-container--open .select2-dropdown--below {
	  
	  border-radius: 6px;
	  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  
  }
  .select2-selection .select2-selection--multiple:after {
	  content: 'hhghgh';
  }
  /* select with icons badges single*/
  .select-icon .select2-selection__placeholder .badge {
	  display: none;
  }
  .select-icon .placeholder {
	  display: none;
  }
  .select-icon .select2-results__option:before,
  .select-icon .select2-results__option[aria-selected=true]:before {
	  display: none !important;
	  /* content: "" !important; */
  }
  .select-icon  .select2-search--dropdown {
	  display: none;
  }

/*EDIT DE EMPRESAS*/
#edit-company-form .select2{
	width:100% !important;
}




/********************
		X-PASS
********************/

#default-camera-image {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: -15px -15px 0px 0px;
}

#default-camera-image.default {
	color: #FF0;
}


#check-all-wrapper {
	padding: 0px 0px 10px 11px;
}

.disabled-link {
	color: #575149 !important;
	cursor: default;
}



select[readonly]:-moz-read-only {
  /* For Firefox */
  pointer-events: none;
}

select[readonly]:read-only {
  pointer-events: none;
}