html{ height: 100%; }
body{   font-family: 'Roboto', sans-serif; height: 100%;  }
/**
**
**
**/

.project-color{
	color: #FFA800 !important;
}

.image-shadow {
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));
}

#startMenu ul li {
	display: none !important;
}

.input-file{
	white-space: nowrap;
	margin: 5px 0px;
	cursor: pointer;
}

.strong {
	font-weight: bold !important;
}

.nowrap {
	white-space: nowrap !important;
}

a{color:#428bca}

.cursor{
	cursor: pointer !important;
	padding: 2px;
}

.vertical-center{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.underline{
	text-decoration: underline !important;
}

.no-padding-sides{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.no-padding-left{
	padding-left: 0px !important;
}

.no-padding-right{
	padding-right: 0px !important;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display:block;
  width: 100%;
}

.margin-center{
	display: block;
	margin: 0 auto !important;
}

p.break {

	word-wrap: break-word;
}

.font-08-em{
	font-size: 0.8em !important;
}

.bold{
	font-weight: bold;
}

/* Container loader */

div.ticketing-main-viewer{
	padding-bottom: 55px !important;
}

.csv-loader{

	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0, 0.5);
	height: 100%;
	z-index: 1000;
	color: white !important;
	font-size: 2em;
}

.fa-bg {
	position: absolute;
	top: 25%;
	right: 25%;
	opacity: 0.2;
	font-size: 1000% !important;
	z-index: -1;
}

/* POPOVERS */

.popover {


  -webkit-background-clip: padding-box;
          background-clip: padding-box;
 	border-radius: 0px;
 	border: 0px;
}

/* MODALS */

.modal-content{
	border-radius: 0px !important;
}

/* Menu  */
.navigation > ul > li:hover > a, .navigation > ul > li.active:hover > a, .navigation > ul > li.active > a{ background:#FFA800; color:#ffffff}

/** Progress Bar **/
.progress				{background: #ffffff; color:#fff; font-weight:300; box-shadow:inset 0 0 7px #ffd37f} /* Color de fondo de la barra*/
.progress-bar			{background: #ffa800; color:#ffffff; font-weight:300;}

.progress-bar-success	{background: #ffa800; color:#ffffff; font-weight:300;}
.progress-bar-info		{background: #ffa800; color:#ffffff; font-weight:300;}
.progress-bar-warning	{background: #ffa800; color:#ffffff; font-weight:300;}
.progress-bar-danger	{background: #ffa800; color:#ffffff; font-weight:300;}

/** Labels **/
.label, .label-default	{background: #efefef; color:#666666; font-weight:300; border:1px solid transparent}
.label-primary			{background: #efefef; color:#666666; font-weight:300; }
.label-success			{background: #efefef; color:#666666; font-weight:300;}
.label-info				{background: #ffffff; color:#666666; font-weight:300; border-color:#d9d9d9}
.label-warning			{background: #666666; color:#ffffff; font-weight:400;}
.label-danger			{background: #f4cccc; color:#666666; font-weight:400;}

/* Alertas y mensajes */
.alert					{position: absolute; width: 30% !important; top: 5%; z-index: 1000000000; text-align: center; margin: 0 35%;}
.alert-success			{background: #efefef; color:#fff; border-color:#d9d9d9; font-weight:300;}
.alert-info				{background: #efefef; color:#666666; border-color:#d9d9d9; font-weight:300;}
.alert-warning			{background: #666666; color:#ffffff; border-color:#d9d9d9; font-weight:300;}
.alert-danger			{background: #f4cccc; color:#666666; border-color:#d9d9d9; font-weight:300;}

/* Badges */
.badge					{background: #efefef; color:#666666; font-weight:300;border:1px solid transparent}
.bg-primary				{background: #efefef; color:#666666; font-weight:300;}
.bg-success				{background: #efefef; color:#666666; font-weight:300;}
.bg-info				{background: #ffffff; color:#666666; font-weight:300; border-color:#d9d9d9}
.bg-dark				{background: #666666; color:#ffffff; font-weight:300;}
.bg-warning				{background: #666666; color:#ffffff; font-weight:400;}
.bg-danger				{background: #f4cccc; color:#666666; font-weight:400;}

/* Botones */
.btn-default			{background: #efefef; color:#666666; font-weight:300; border-color:#d9d9d9}
.btn-default:hover,
.btn-default.active		{background: #d9d9d9; color:#666666; border-color:#d9d9d9}

.btn-primary			{background: #efefef; color:#666666; font-weight:300; border-color:#d9d9d9}
.btn-primary:hover,
.btn-primary.active		{background: #d9d9d9; color:#666666; border-color:#d9d9d9}

.btn-success			{background: #efefef; color:#666666; font-weight:300; border-color:#d9d9d9}
.btn-success:hover,
.btn-success.active		{background: #d9d9d9; color:#666666; border-color:#d9d9d9}

.btn-info				{background: #d9d9d9; color:#666666; font-weight:300; border-color:#d9d9d9}
.btn-info:hover,
.btn-info.active		{background: #d9d9d9; color:#666666; border-color:#d9d9d9}

.btn-warning			{background: #666666; color:#ffffff; font-weight:400; border-color:#d9d9d9}
.btn-warning:hover,
.btn-warning.active		{background: #000000; color:#ffffff; border-color:#000000}

.btn-danger				{background: #f4cccc; color:#666666; font-weight:400; border-color:#d9d9d9}
.btn-danger:hover,
.btn-danger.active		{background: #f4cccc; color:#ffffff; border-color:#d9d9d9}

.btn-link				{}
.btn-link:hover,
.btn-link.active		{}

.btn-ticketing			{background: #FFA800; color: #FFFFFF; border-color: #d9d9d9;}

.btn.disabled{ background:#ffffff; color:#b7b7b7; border-color:#ffffff}

.btn-cancel {



}



/* Font sizes */

.font-small{
	font-size: 80%;
}

.font-tiny{
	font-size: 75%;
}

/* Pagination */
.pagination > li > a, .pagination > li > span { color:#FFA800}
.pagination > li > a:hover{ background: #FFA800; color:#ffA800}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {background:#FFA800; color:#ffffff; border-color:#ff7200}


/* Pager */

ul.pager a		{ background:#ffA800; color:#ffffff }
ul.pager a:hover	{ background:#ffD37F; color:#ffA800 }

.panel{
	border-color: #d9d9d9 !important;
}

/** Images **/

img.company-logo{
	max-width: 96px !important;
}

img.company-logo-small{
	max-width: 48px !important;
}

img.company-logo-tiny{
	max-width: 24px !important;
}

/** Tables **/

table{
	font-size: 0.8em !important;
	color: black !important;
}

/** Others **/

.user-portrait-wrapper{
	border: 1px solid black;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	padding: 2px;
	display: block;
	margin: 0 auto;
	margin-bottom: 5px;
}

.user-portrait-wrapper img {
	max-width: 100%;
}

.text-success{
	color: #70BA63;
}

.text-warning{
	color: #FEB252;
}

.text-info{
	color: #4DC5F9;
}

span.mandatory{
	margin: auto 0.5em;
	color: red !important;
	font-weight: bold;
}

#file-attachment-input{

	opacity: 0;
	cursor: pointer;
}

.input-file-label{
    text-align: center;
    position: absolute;
    font-size: 12px;
    width: 100%;
    background-color: #F9F9F9;
    border: 1px solid #eee;
    height: 34px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    line-height: 34px;
    font-weight: bold;
    cursor: pointer;
}


/** CUSTOM SPINNER **/

.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #FFA800;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  }
}

.fade.ng-hide {
  opacity: 0;
}

.fade.ng-hide-remove,
.fade.ng-hide-add {
  display: block !important;
}

.fade.ng-hide-remove {
  transition: all linear 1000ms;
}

.fade.ng-hide-add {
  transition: all linear 500ms;
}

/** END CUSTOM SPINNER **/

/* Dashboard */

div.map-loader{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 6;
	color: white !important;
	font-size: 1.5em;
}

div#wrapper-map{
	position: absolute;
	height: 100%;
	top: 0;
	width: 100%;
	left: 75px;
	padding-bottom: 55px !important;
}

div#main-map {

	height: 100%;
	position: relative;
	padding-bottom: 55px !important;
	display: block;
	overflow: hidden !important;
}

#map-menu{

	position: absolute;
	z-index: 25;
	top: 150px;
	left: 180px;
}

#map-menu div.item{
	background-color: rgba(255, 168, 0, 0.8);
	color: black;
	cursor: pointer;
	width: 50px;
	height: 50px;
	display: block;
	font-size: 1.3em;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	margin-bottom: 5px;
}

#map-menu .active{

	background-color: rgba(255, 168, 0, 0.8);
	color: white !important;
}

#map-loader{

	position: absolute;
	top: 0px;
	left: 0px;
	color: black !important;
	width: 100%;
	height: 835px;

	text-shadow: 1px 1px 2px white;
}

#map-loader .sk-cube-grid{

	margin-top: 20%;

}


/* Tablas */

div.bs-component {
	margin-top: 6px !important;
}


div.panel-filters{
	margin-bottom: 10px !important;
	padding: 0px;
	padding-top: 10px;
	font-size: 0.8em;
}

div.panel-filters .form-control {
    display: block;
    width: 100%;
    height: 25px;
    padding: 2px 4px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
}

div.panel-filters .input-group-addon {
    padding: 3px 6px;
}

.table > thead > tr > th{
	background-color: #FFA800 !important;
	color: #fff !important;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffc799 !important;
    white-space: nowrap !important;
}

.table > thead > tr > th:first-child{
	border-radius: 5px 0px 0px 0px;
}

.table > thead > tr > th:last-child {
	border-radius: 0px 5px 0px 0px;
}

.table > tbody > tr:hover {
	background-color: #ffc799 !important;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
	background-color: #ffc799 !important;
	}

.table > tbody > tr:nth-child(even) > td, .table > tbody > tr:nth-child(even) > th {
	background: #fff;

}

.table > tbody > tr:nth-child(odd) > td, .table > tbody > tr:nth-child(odd) > th {
	background: #D9E0FA;
}

/****************/

/*********************/
/*** SEARCH FORM *****/
/*********************/


.height-50{
	height: 50% !important;
	display: block !important;
	overflow-y: auto !important;
}

div.wrapper-search-form{

	text-align: center;

}

div.search-form-option {

	width: 200px;
	height: 275px;
	box-shadow: 0;
	padding: 5px;
	margin: 0 10px;
	display: inline-block;
	text-align: center;

	vertical-align: top;
	cursor: pointer;
}

/**********************/

form.form-query label {
    text-align: left;
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
}

form.form-query select.form-control {
    width: auto;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

div.checkbox-list{
	margin-top: 20px !important;
	padding: 0px !important;
}

div.form-controls{

	display: inline-block !important;
	margin: 5px auto;
	width: 100% !important;
}

h1.form-title, h2.form-title, h3.form-title, h4.form-title{
	margin-top: 0px !important;
	margin-bottom: 20px !important;
}

div.panel-heading a.btn {
    line-height: normal;
    margin: 0 20px 0 0;
    display: inline-block;
    float: left;
}

div.panel-heading div.options {
    width: auto;
    float: right;
    height: auto;
}

div.panel-heading h2 {
    font-size: 22px;
    margin: 2px 20px 0 0;
    padding: 0;
    line-height: normal;
    width: auto;
    display: inline-block;
}

header.top-head h1 {
    color: #84868e;
    font-weight: 500;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 0;
    float: none;
    width: auto;
}

.navbar-toggle {
    display: block;
    padding-left: 0px;
    margin: 0 !important;
}

/** Google Maps Dashboard **/

#pano-new-location-not-found{
	color: white;
    text-align: center;
    font-weight: bold;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 1000000000000000;
    position: relative;
    top: 75px;
    padding: 10px 0;
}

.location-infowindow {

	border: 1px solid black;
}

#pac-input{
	position: absolute;
	width: 95%;
	z-index: 10;
	bottom: 80px;
	margin: 0 auto;

}

.infowindow-img-location{
	max-width: 350px !important;
	box-shadow: 0px 0px 25px 4px #888888;
}

.gm-style-iw {
	min-width: 600px !important;
   top: 19px !important;
   left: 0 !important;
   border-radius: 0px 0px 0 0;
}

.gm-style-iw .rd-infowindow {
	background-color: white !important;
	box-shadow: 0px 1px 8px #888;
}

.controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  margin-left: 10rem;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 40%;
  top: 9px !important;
}

#pac-input:focus {
  border-color: #4d90fe;
}

.pac-container {
  font-family: Roboto;
}

#type-selector {
  color: #fff;
  background-color: #4d90fe;
  padding: 5px 11px 0px 11px;
}

#type-selector label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
}

#pano{
	height: 400px;
	min-width: 325px;
}

#pano-new-location{
	height: 200px;
	width: 100%;
}


/** CHAT **/

.chat-button{
    padding: 2px;
    color: #fff;
    background-color: #666666;
    height: 30px;
    text-align: left;
    font-weight: bold;
    padding-left: 10px;
    cursor: pointer;
    font-size: 1.1em;
    line-height: 25px;
}

.chat-box{
	position: fixed;
	right: 15px;
	bottom: 55px;
}

.chat-textbox{
	margin-bottom: 5px;
}

.chat-body{
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}


@keyframes colorchange
{
  0%   {background: #666666;}
  50% {background: #FF9E44;}
  100% {background: #666666;}
}

.new-message{
	animation: colorchange 2s linear infinite;
}

/** LOCATION VIEW **/

.layout-active {

	background-color: #FFA800 !important;
	color: white !important;
	font-weight: bold !important;

}

img.asset-image-preview {

	max-width: 100%;
	display: block;
	margin: 0 auto;
	max-height: 400px !important;
	border: 1px solid black;

}

img.device-image-preview {

	max-width: 100%;
	display: block;
	margin: 0 auto;
	max-height: 400px !important;
	border: 1px solid black;

}

div.modal-preview-ppoint{
	width: 60% !important;
}

div.ungrouped{

	max-width: 100%;
	width: auto;
	padding: 0.5%;
	margin: 0.5%;
	border: 1px dashed #00ACFF;
	min-height: 200px;
	height: auto;
}

div.device-item * {
	user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

div.device-item{

	min-width: 110px;
	max-width: 110px;
	margin: 0.5%;
	padding: 5px;
	border: 1px solid #d9d9d9 !important;
	height: 140px;
	max-height: 140px;
	display: inline-block;
	transition: all 0.2s ease-in-out;
	background-color: rgba(207, 239, 254, 0.2);
	vertical-align: top;
}

div.device-item:hover{
	box-shadow: 0 5px 15px rgba(0, 172, 255, .4);
	cursor: move;
	cursor: -webkit-grab;
}

div.device-item::active{
	cursor: move;
	cursor: -webkit-grabbing;
}

div.device-image-wrapper{
	max-width: 98%;
	margin: 0 auto;
	height: 80px;
	padding: 5%;
}

div.device-image-wrapper img{
	max-width: 100%;
	max-height: 100%;
	display: block !important;
	text-align: center;
	margin: 0 auto;
}

div.device-type-info{
	margin-bottom: 10px;
}

div.group-wrapper{

	max-width: 100%;
	width: auto;
	padding: 0.5%;
	margin: 0.5%;
	border: 1px dashed #FFA800;
	float: left;
	min-height: 200px;
	height: auto;

}

div#devicetypes-list{

	position: absolute;
	top: 0px;


}

div.ppoint-item{

	width: 210px;
	heigth: 140px;
	margin: 0.5%;
	padding: 5px;
	border: 1px solid #d9d9d9 !important;
	display: inline-block;
	transition: all 0.2s ease-in-out;
	background-color: rgba(149, 230, 77, 0.2);
	vertical-align: top;

}

/****************************/

div.asset-image-input input{
	font-size: 0.8em !important;
}

.location-constructor-button{

	position: absolute;
	right: 10px;
	top: -20px;
	cursor: pointer;
	height: 75px;
	width: 50px;
	background-color: #c9c9c9;
	overflow: hidden;
	z-index: 4;
}

.location-constructor-button:hover{
	transition: background-color;
	background-color: #FFA800;
	color: white !important;
}

.location-constructor-button a{
	color: white !important;
	text-align: center;
	bottom: 0px;
	position: relative;
}

.location-logo-wrapper{
	background-color: #FFA800;
	height: 100%;
}

.location-view-header .company-logo-wrapper{
	width: 100px;
	overflow: hidden;
	border-radius: 50%;
	height: 100px;
	padding: 18px;
	display: block;
	margin: 0 auto;
	background-color: white;
	box-shadow: 0px 0px 1px black;

}

.location-view-header .company-logo-wrapper img{
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: 0 auto;
}

.location-view-header{
	height: 130px;
	font-size: 1.3rem !important;
	margin-bottom: 10px;
	margin-left: -20px;
	overflow: hidden;
}

.location-view-box{
	border: 0px !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	background-color: white !important;
}

.location-files-list{
		height: 68vh;
    overflow-y: auto;

}

.location-contacts-list{
	height: 68vh;
    overflow-y: auto;
}

.location-asset-list {
	height: 68vh;
    overflow-y: auto;
}

.location-view-type {
	height: 68vh;
}

.raised-view {
	overflow-y: scroll;
	overflow-x: hidden;

}

.views-wrapper{
	margin-bottom: 5px;
}

.view-button.active{
	background-color:#FFA800;
	color: white !important;
	border: 1px solid #F9F9F9;
}

.view-button{

	height: 35px;
	background-color: white;
	color: #c9c9c9;
	text-align: right;
	padding-right: 15px !important;
	overflow: hidden;
	border: 1px solid #F9F9F9;
}

.view-title{
	font-size: 2rem;
}

.view-button:hover{
	background-color: #FFA800;
	transition: ease 0.5s;
	color: white;
	cursor: pointer;
}

.view-button .fa{
	position: absolute;
	font-size: 5em;
	left: 10px;
	top: 10px;
	opacity: 0.2;
}

.location-info-wrapper{
	background-color: #FFA800;
	height: 100%;
	color: white !important;
	z-index: 1;
}

.location-address-wrapper{
	padding-top: 10px;
	padding-bottom: 10px;
	color: white !important;
	background-color: #85868D;
}

.location-openinghours-wrapper{
	height: 100%;
	overflow: hidden;
}

.weekday-text{
	padding-bottom: 5px;
}

.location-codes{
	font-size: 2em;
}

.location-data-wrapper{
	padding-top: 10px;
	padding-bottom: 10px;
	color: white !important;
	background-color: #c9c9c9;
}

.location-data-wrapper p{
	width: 100%;
	text-overflow: ellipsis;
	overflow-x: hidden;
	white-space: nowrap;
}

.location-timezone-wrapper{
	padding: 10px;
}
.location-place-photos{
	height: 40vh;
}

.location-place-photos#carousel{
	height: 40vh;
}

.location-timezone-wrapper h3{
	margin-top: 0px;
}



div#location-map{
	height: 68vh;
	width: 100%;
	padding: 0px !important;
}

img.layout-asset-image{
	position: absolute;
	z-index: 99;
	transition: opacity 1s;
}

div.location-layout-asset-icon:hover > span.layout-asset-title{
	display: block !important;

}

div.location-layout-asset-icon span.layout-asset-title{
	font-size: 0.8em !important;
	font-weight: bold;
	text-align: center;
	color: white !important;
	display: none;
	width: 100px;
	position: absolute;
	z-index: 100;
    top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
    background-color: rgba(0,0,0, 0.5);
	box-shadow: 1px 1px 15px #888;
	padding: 5px;

}


ul.layout-list{
	margin: 0px !important;
	padding: 0px !important;
	list-style: none !important;

}

ul.layout-list li{
	float: left !important;
	text-align: center;
	border: 1px solid #ededed;
	cursor: pointer;
	padding: 2px 20px;
	box-shadow: 1px 1px 2px #ededed;
}

div#location-layout{
	margin-top: 10px;
	border: 1px solid black;
	max-width: 100%;
	display: block;
	height: 64vh;
}

div.location-layout-fs {
	height: 85vh !important;
}

div#asset-map{
	border: 1px solid black;
	max-width: 100%;
	display: block !important;
	height: 400px;
	z-index: 0;
	position: relative;
}

div#asset-map-loading{
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 1;
	background-color: white !important;
	height: 100%;
}

div#no-asset-map{
	top: 60px;
	left: 0px;
	position: absolute;
	z-index: 1;
	background-color: white !important;
	height: 420px;
}

div.modal-wrapper{
	width: 85% !important;

}

div.contact-portrait img{
	max-width: 85%;
	box-shadow: 1px 1px 50px gray;
}

div.panorama-location-view{
	height: 100%;
}

div.panel-location-view{
	max-height: 700px;
	overflow-y: auto;
}

div.list-item{
	border-bottom: 1px solid #ededed;
	transition: background-color 0.5s ease;
	transition: color 0.5s ease;
}

div.list-item:hover{
	background-color: #899CB1;
	border-bottom: 1px solid #899CB1;
	color: white;
	cursor: pointer;
}

div.leaflet-control-attribution a{
	display: none !important;
}

div.layout-loader{
	position: absolute;
	top: 0;
	background-color: rgba(255,255,255, 0.5);
	height: 100%;
	z-index: 1000;
}

/** LEAFLET MAP **/

.layout-icon-wrapper{
	background: transparent !important;
	border: 0px;
}

.layout-icon-wrapper.fadeIn {
	display: block;
	opacity: 1;
}

.layout-icon-wrapper.faded {
	display: block;
	opacity: 0.3;
}

.layout-icon-wrapper.no-visible {
	display: none;
}

.layout-icon-wrapper.highlighted{
	display: block;
	opacity: 1 !important;

}

.layout-icon-wrapper.shakeIcon img{

	-webkit-animation-name: wiggle;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;

	-moz-animation-name: wiggle;
	-moz-animation-duration: 0.8s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-moz-animation-fill-mode: forwards;
	transform-origin: 50% 50%;

	transform-style: initial;
}

@-webkit-keyframes wiggle {
  0% {-webkit-transform: rotate(20deg); -webkit-transform-style: initial;}
  25% {-webkit-transform: rotate(-20deg); -webkit-transform-style: initial;}
  50% {-webkit-transform: rotate(30deg); -webkit-transform-style: initial;}
  75% {-webkit-transform: rotate(-15deg); -webkit-transform-style: initial;}
  100% {-webkit-transform: rotate(0deg); -webkit-transform-style: initial;}
}

@-ms-keyframes wiggle {
  0% {-ms-transform: rotate(10deg);}
  25% {-ms-transform: rotate(-10deg);}
  50% {-ms-transform: rotate(10.50deg);}
  75% {-ms-transform: rotate(-1.5deg);}
  100% {-ms-transform: rotate(0deg);}
}

@keyframes wiggle {
  0% {transform: rotate(20deg); transform-style: initial;}
  25% {transform: rotate(-20deg); transform-style: initial;}
  50% {transform: rotate(30deg); transform-style: initial;}
  75% {transform: rotate(-15deg); transform-style: initial;}
  100% {transform: rotate(0deg); transform-style: initial;}
}

/** Location constructor panel **/

.device-list{

	max-height: 620px;
	overflow-y: auto;

}

video#ppoint-programming{

	width: 80%;
	display: block;
	margin: 0 auto;
	border: 1px solid black;
}


div.small-size-panel {

	font-size: 0.8em;

}

div.small-size-panel .input-group-addon {
	padding: 3px 6px;
}

div.small-size-panel .form-control{
	height: 24px;
    padding: 3px 6px;
    font-size: 11px;
    border-radius: 2px;
}

div.small-size-panel textarea.form-control {
    height: auto !important;
}

div.location-constructor-panel{

	font-size: 0.8em;

}

div.location-constructor-panel .input-group-addon {
	padding: 3px 6px;
}

div.location-constructor-panel .form-control{
	height: 24px;
    padding: 3px 6px;
    font-size: 11px;
    border-radius: 2px;
}

div.location-constructor-panel textarea.form-control {
    height: auto !important;
}

div.lat-box{
	position: absolute;
	right: 1%;
	top: 100px;
	z-index: 1;
}

div.lon-box{
	position: absolute;
	right: 1%;
	top: 130px;
	z-index: 1;
}

div.assetType-control-panel{
	position: absolute;
	z-index: 401;
	right: 1%;
	top: 5%;
	box-shadow: 1px 1px 15px #ccc;
}

div.assetType-icon{
	display: inline-block;
	margin: 2px;
	cursor: pointer;
}

.device-list-item {
	padding-top: 7px !important;
}

/* MASSIVE */

.raw-data{
	font-size: 0.8em;
}

/** PERFIL INSTALADOR **/

.panel-finder{
    position: fixed;
    left: 8%;
}

.panel-listado{
    position: fixed;
    left: 8%;
    top: 25%;
    height: 60%;
    overflow: scroll;
}

.listado-tiendas {
    border-bottom: 1px solid #ededed;
    display: inline-flex;
}

.logo{
    width: 40%;
    height: 40%;
}

.datos-tienda{
    display: flex;
    text-align:right;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.asset-id{
    font-weight: normal;
    padding-left: 35px;
}

.edit{
    font-size: 120%;
    text-align: center;
}

.device-info{
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
}


.guardar{
    margin-left: 14px;
}

.form-mobile-button{
	width: 100%;
	margin: 0 !important;
	font-size: 1.2em;
	position: fixed;
	height: 35px;
}

.form-mobile-button .save{
	bottom: 40px;
}

.form-mobile-button .cancel{
	bottom: 75px;
}

.asset-mobile-image{
	max-height: 150px !important;
}


/** FIN PERFIL INSTALDOR **/


.sortable-element {
	cursor: move;
	cursor: -webkit-grab;
	margin: 5px 0 5px 0;
	padding: 5px;
	border: 1px solid silver;
}

.sortable-element:hover {

	box-shadow: 0 5px 15px rgba(255, 168, 0, .4);
}

/** LOCATION CONTENT REQUEST **/

.location-list{

	max-height: 175px !important;
	overflow-x: auto;


}

/** WIZARD FORM **/

.wizard{
	display: block !important;
	margin-bottom: 1em;
}

.wizard-active {
	background-color: #FFA800 !important;
	color: #FFA800;
	font-weight: bold !important;
}

.wizard-active i{
	color: white !important;
}

.wizard-completed {
	background-color: white !important;
	border: 1px solid #FFA800;
	font-weight: bold !important;
}

.wizard-completed i {
	color: #FFA800 !important;
}

.wizard-progress{

    position: absolute;
    top: 24px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #FFA800;

}

.wizard-step{
    position: relative;
    padding: 0 5px;
}
.wizard-step-text{
	text-align: center;
	margin-top: 5px;
}

.step-icon{
	width: 48px;
    height: 48px;
    margin-top: 0;
    background: #ddd;
    font-size: 22px;
    line-height: 48px;
    border-radius: 50%;
    margin: 0 auto;
}

/** CR EDIT **/

.request-log-wrapper{
	height: 430px;
	overflow-y: auto !important;
}

.progress-step{

	width: 32px;
    height: 32px;
    margin-top: 0;
    background: #ddd;
    font-size: 16px;
    line-height: 32px;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 5px;
}

.progress-step-completed {

	background: white !important;
	color: green !important;
	border: 2px solid green !important;

}

/** Videowalls **/

.vw-screens-composition{
	background: url('../../images/bgvideowall.jpg') no-repeat left center;
	display: inline-block;
	font-weight: bold !important;
	color: white !important;
	text-shadow: 1px 1px black;
	clear: both;
	font-size: 0.8em;
	border: 2px dashed black;
	padding: 2px;
}

.vw-row{
	margin: 0px !important;
	padding: 0px !important;
}

.vw-screen {

	border: 2px solid white;
	display: inline-block;
	margin: 0px !important;
	padding: 0px !important;
	vertical-align: top !important;
}

.vw-screen-h {
	height: 75px;
	width: 125px;
}

.vw-screen-v {
	height: 125px;
	width: 75px;

}

/** Autocompletes **/

.autocomplete-list{

	position: relative;
	top: 0px;
	left: 0px;
	border: 1px solid #ccc;
	width: 100%;
	display: inline-block;
	max-height: 500px;
	overflow-y: auto;
	margin-top: 5px;
}

.autocomplete-item{

	display: inline-block;
	width: 100%;
	padding: 1rem;
	border-bottom: 1px solid #ccc;
}

.autocomplete-item:hover{

	transition: background-color 0.5s ease;
	color: white !important;
	background-color: #FFA800;

}


/** Dashboard **/
.dash-box {
	margin: 2% 0;
	overflow: hidden;
}

.dash-company{
	border-radius: 5px;
	height: 110px;
	color: white;
	background-color: #c49ac2;
}

.dash-location{
	border-radius: 5px;
	height: 110px;
	color: white;
	background-color: #8bbd73;

}

.dash-asset{
	border-radius: 5px;
	height: 110px;
	color: white;
	background-color: #ed945b;
}

.dash-device{
	border-radius: 5px;
	height: 110px;
	color: white;
	background-color: #90d0f0;
}

.dash-box p{
	padding-left: 1em;
    font-size: 1.5em;
    position: relative;
    top: 60%;
    z-index: 2;
}

.dash-box span{
	font-size: 3.5em;
    position: absolute;
    right: 8%;
    top: -5%;
}

.dash-bg-box {

	position: absolute;
	z-index: 0;
	left: 0.5em;
	top: 10%;
	color: white;
	opacity: 0.4;
	font-size: 18em !important;
}

.dash-new {
	border-radius: 5px;
	background-color: #e4e4e4;
	color: #fda729;
	height: 110px;
}

.dash-new p{
	padding-left: 1em;
    font-size: 1.5em;
    position: relative;
    top: 60%;
}

.dash-new span{
	font-size: 4em;
    position: absolute;
    right: 8%;
    top: -15%;
}

.dash-new .fa{
	font-size: 0.6em;
}

.type-btn {
	margin-top: 25px;
}

.dash-slider img {

	display: inline-block !important;
	width: 8%;
	margin: 0 1%;

}

@media(max-width: 1600px){
	.dash-new p{
		width: 60%;
		top: 30%;
	}
}

.dash-alert{
	margin-top: 2%;
    border: solid 2px grey;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: white;
    padding: 15px 0;
}

.dash-alert span{
	color: rgba(255,99,132,1);
    font-weight: bold;
}

/** VISTA RESUMEN **/

.asset-row {

	padding: 10px 0px;
}

.asset-row a{
	color: #428bca;
	text-decoration: none;
	text-transform: none;
}

.asset-row a:ACTIVE {
	text-decoration: none;
	text-transform: none;
}

.asset-row:hover{
	background-color: #f1f1f1;
	box-shadow: 1px 1px 1px #fafafa;

}

.asset-row.highlight {
	background-color: #f1f1f1;
	box-shadow: 1px 1px 1px #fafafa;
}

.asset-row-details{
	padding-left: 5px !important;
}

.asset-row-icon{
	height: 100%;
}

.asset-row-icon img{

	max-width: 36px;
	max-height: 36px;

}

.asset-alias {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.asset-summary-situation{

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	border-right: 1px solid #cfcfcf;
}

.tags-wrapper{
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	width: auto;
	display: inline-block;
}

.asset-summary-separator{
	padding: 2px 0px;
}

.asset-summary-situation small{
	padding: 0 5px;
	color: #C9C9C9 !important;
}

.last-situation {
	border-right: 0px !important;
}

.col-situation-33 {

	max-width: 30%;
}

.col-situation-50 {
	max-width: 45%;
}

.col-situation-100 {
	max-width: 90%;
}

.device-type-group{
	display: inline-block;
	padding: 0 3px;
	color: #C9C9C9;
}

.situation-label{
	display: inline-block;
}

.network-label{
	width: auto;
	display: inline-block;
}


.extra-info-wrapper{
	width: auto;
	float: left;
	padding-right: 15px;
}

.extra-info-wrapper.separator{
	border-right: 1px solid #c9c9c9;
}

.asset-new-ticket {

	display: inline-block;
	width: 30px;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	color: #FF7200;
	background-color: transparent;
}

.asset-new-ticket:hover{
	cursor: pointer;

	background-color: #FF7200;
	color: #fff;
}

.asset-wrapper-alerts {

	background-color: #cfcfcf;
	color: white !important;
	text-align: center;
	padding: 1px 3px;
	width: 42px;
	margin: 0 auto;
	display: inline-block;
	opacity: 0.5;
    border-radius: 3px;
    line-height: 21px;
    text-align: left;
}

.asset-wrapper-alerts.active-2{
	background-color: #E00109;
	color: white !important;
	font-weight: bold;
	opacity: 1;
	  -webkit-animation-iteration-count: infinite;
	          animation-iteration-count: infinite;
	  -webkit-animation-duration: 2s;
	          animation-duration: 2s;
	  -webkit-animation-timing-function: ease-in-out;
	          animation-timing-function: ease-in-out;
  	-webkit-animation-name: pulse-red;
    animation-name: pulse-red;

}

@-webkit-keyframes pulse-red {
  0%, 100% {
    background-color: #ffffff;
  }
  50% {
    background-color: #E00109;
  }
}

@keyframes pulse-red {
  0%, 100% {
    background-color: #ffffff;
  }
  50% {
    background-color: #E00109;
  }
}

.asset-wrapper-alerts.active-1{
	background-color: #FEB252;
	color: white !important;
	font-weight: bold;
	opacity: 1;
	  -webkit-animation-iteration-count: infinite;
	          animation-iteration-count: infinite;
	  -webkit-animation-duration: 2s;
	          animation-duration: 2s;
	  -webkit-animation-timing-function: ease-in-out;
	          animation-timing-function: ease-in-out;
  	-webkit-animation-name: pulse-warning;
    animation-name: pulse-warning;

}

@-webkit-keyframes pulse-warning {
  0%, 100% {
    background-color: #ffffff;
  }
  50% {
    background-color: #E00109;
  }
}

@keyframes pulse-red {
  0%, 100% {
    background-color: #ffffff;
  }
  50% {
    background-color: #E00109;
  }
}

.asset-wrapper-info{
	font-size: 1.2em;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

.asset-wrapper-info.active{
	color: #FFA90D !important;
}

.asset-tag{
	margin: 0 2px;
	border: 1px solid #C9C9C9;
	text-align: center;
	width: auto;
	display: inline-block;
	padding: 0 2px;
	text-transform: uppercase;
	border-radius: 2px;
	font-size: 0.9rem;
}

.tag-example{
		margin: 0 2px;
	border: 1px solid #C9C9C9;
	text-align: center;
	width: auto;
	display: inline-block;
	padding: 0 2px;
	text-transform: uppercase;
	border-radius: 2px;
	font-size: 0.9rem;
}

.relevant{
	color: #FFA800;
}

.asset-alias{
	width: auto;
	max-width: 40% !important;
	display: inline-block;
}

.company-logo-button{
	height: 65px;
	width: 4%;
	/* width: 65px; */
	padding: 5px;
	cursor: pointer;
	opacity: 0.2;
	border: 1px solid #ebebeb;
}

.company-logo-button.active{
	opacity: 1;
}

.company-logo-button.selected{
	opacity: 1;
}

.company-logo-button img{
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: 0 auto;

	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.company-logo-button.no-image {
	filter: opacity(.2) drop-shadow(0 0 0 #9e9e9e);
}

.company-logo-button p{
	font-size: 10px; font-weight: bold; margin:0; white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; position: absolute;
  top: 50%;
  transform: translateY(-50%);
	width: 100%;text-align: center;padding-right: 5px;
}

.pp-title-wrapper{
	width: auto;
	max-width: 30%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	float: left;
	padding-right: 10px;
}

.pp-info-wrapper{
	display: inline-block;
	width: auto;
	max-width: 50%;
	border-left: 1px solid #c9c9c9;
	float: left;
	padding-left: 10px;
}


/* Device details */
.device-details{
    padding: 5px !important;
    background-color: white;
    margin: 5px 0;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
    overflow: hidden;
    z-index: 0;
}

.device-details .text-warning {
	color: black !important;
}

.device-details p {
	display: block;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 5px !important;
}

/* CONTACTS */

.contact-card{

}

.contact-portrait-wrapper{
	height: 75px;
	width: 75px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #c9c9c9;
	margin: 0 auto;
}

.contact-portrait-wrapper img{
	max-height: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.prices-container {
    margin-bottom: 1rem;
}

.price-row {
    margin-bottom: 0.5rem;
    align-items: center;
	display: flex;
	flex-direction: row;
	gap: 1rem;
	justify-content: flex-start;
    align-content: center;
    flex-wrap: nowrap;
}

/* Ajustes para pantallas pequeñas */
@media (max-width: 576px) {
    .price-row .btn {
        padding: 0.25rem 0.5rem;
    }
}

button:focus,
input:focus{
  outline: none;
  box-shadow: none;
}
a,
a:hover{
  text-decoration: none;
}

body{
  font-family: 'Roboto', sans-serif;
}

/*------------------  */
.text-switch{
    position: relative;
    display: inline-block;
    width: 44px;
    min-width: 44px;
}
.text-switch-check{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.text-switch-label{
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: #E3E5EF;
    border-radius: 30px;
    height: 24px;
    margin-bottom: 0;
    transition: 0.5s;
    position: relative;
}
.text-switch-label .text-swtch-data{
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    left: -1px;
    transition: 0.5s;
}
.text-switch-label .dot-circle{
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0px 3px;
}
.text-switch .text-switch-check:checked + .text-switch-label{
    background-color: #FFA800;
}
.text-switch .text-switch-check:checked + .text-switch-label .text-swtch-data{
    left: 19px;
}
.text-swtch-data .left{
    color: #fff;
}
.text-swtch-data .right{
    color: #8A93A6;
}
.text-swtch-data .left,
.text-swtch-data .right{
    font-size: 12px;
    font-weight: 500;
    width: 49px;
    text-align: center;
}

.checkbox-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-end;
	align-items: stretch;
}