html{ height: 100%; }
body{   font-family: 'Roboto', sans-serif; height: 100%;  }
/**
**	
**
**/
a{color:#428bca}

.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;
}

/* Container loader */
div.loading-container    {
 	background: url('../../images/loading/loader.gif') no-repeat center center;  
    background-color: #FBFBFB;
}

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

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

#login-box{
	top: 15%;
}

.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
    background-color: black;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.4;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);    
}

.login-title{
	
	color: white !important;
	
}

/* 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}

/* 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;
}

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

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

/** Tables **/

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

/** Others **/

.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-dashboard{
	position: relative;
	height: 100%;	
}

div#dashboard-map {
	
	height: 835px;
	position: relative;
	padding-bottom: 55px !important;
	display: block;
	overflow: hidden !important;
}

#map-menu{
	
	position: absolute;
	z-index: 25;
	top: 150px;
}

#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;
}


/* 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;
}

.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: 12px;
  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: 0px;
}

.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 **/

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

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 !important;
	height: 690px;
}

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

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

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

div#modal-asset-wrapper{
	width: 60% !important;
	
}

div.contact-portrait img{
	max-width: 50%;
	border: 1px solid black;
}

div.panorama-location-view{
	height: 700px;
}

div.panel-location-view{
	max-height: 500px;
	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;
}

/** Location constructor panel **/

div.location-constructor-panel{
	
	font-size: 0.8em;
	
}

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;
}

div.tickets-category {
	font-size: 0.9em;
}

div.tickets-category a{
	text-decoration: none !important;
}

div.tickets-category div.panel-heading{
	background-color:#2B2F3E;
	color: white !important;
}

div.tickets-category h4.panel-title{
	font-size: 1em !important;
}

div.tickets-category ul {
	
	list-style: none;
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 0.9em;
}

div.tickets-category ul li{
	

	
}

div.tickets-category ul li:hover{
	
	color: white !important;
	cursor: pointer;
	background-color: #FF6600;
}

div.tickets-category ul li:hover a{
	color: white !important;
	text-decoration: none !important;
}

div.tickets-category ul li a{
	width: 100%;
	height: 100%;
	display: block;
	width: 100%;
	padding: 10px 0px;
	padding-left: 5%;
}

div.tickets-category ul li a:hover{
	color: white !important;
	text-decoration: none !important;
}

.device-image {
	border: 1px solid black !important;
	margin: 10px;
	max-height: 550px !important; 
}

/* MASSIVE */

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

/***** TICKET VENTANILLA ÚNICA ****/

/* Autocompletes */

.autocomplete-list{
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	margin-top: 2px;
	position: fixed;
	z-index: 50;
	background-color: white !important;
	min-width: 100px;
	max-height: 450px;
	overflow-y: auto;
	box-shadow: 0px 0px 5px #9d9d9d;
}

.autocomplete-list ul, .autocomplete-list ol{
	list-style: none;
	margin: 0px !important;
	padding: 0px !important;
}

.autocomplete-list li{
	padding: 5px 10px;
	padding-right: 25px;
	width: 100%;
	border-bottom: 1px solid #d9d9d9;
}

.autocomplete-list li:hover{
	background-color: #428bca;
	color: white;
	cursor: pointer;
}

.autocomplete-list li div{
	display: inline-block;
}

.autocomplete-list li div.entity-type{
	width: 50px;
	margin-rigth: 5px;
	padding: 4px;
	text-align: center;
	line-height: auto;
	font-size: 1.5em;
}

/** Autocompletes specific **/

li.location-autocomplete-item{
	
}

/** Others **/

.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;
}

/** OU TREE **/

.tree-root, .tree-root li{
	list-style: none !important;
}

/* Dashboard */

.ticket-summary{
	font-size: 0.8em;

}

.ticket-summary table{
	width: 100%;
	background-color: white;
	color: black !important;
}

.ticket-summary thead tr{
	background-color: #FF7200;
	color: white;
	font-weight: bold;

}

.ticket-summary thead tr th{
	padding-left: 1px;
	padding-rigth: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}

.ticket-summary tbody tr {
	border-top: 1px solid #ddd;
	padding: 1px;
	width: 100%;
	
}

.ticket-summary tbody tr td{
	padding: 4px 0px;
}

.ticket-summary tbody tr:first-child{
	border-top: 0px !important;
}

.ticket-summary tbody tr:hover{
	cursor: pointer;
	background-color: white;
}

.stat-row {
	font-size: 0.9em;
}
ul.dashboard-shortcut-list{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.dashboard-shortcut-list li {
	text-align: center;
	margin-bottom: 25px;
}

ul.dashboard-shortcut-list li a{
	width: 100%;
	font-weight: bold;
	border-color: none !important;
}


.dashboard-ticket-preview{
	display: block;
	min-height: 200px;
	font-size: 0.8em;
	padding: 0 5%;
}

span.dashboard-tooltip{
	
	width: 50%;
	float: left;
	font-size: 0.9em;
}

div.dashboard-stats i.bg-success {
	background: #70BA63; color:#666666; font-weight:300;
}

div.dashboard-stats i.bg-info {
	background: #4DC5F9; color:#666666; font-weight:300;
}

div.dashboard-stats i.bg-warning {
	background: #FEB252; color:#666666; font-weight:300;
}

.dashboard-stats.panelinfo{
	position:relative;
	cursor:help !important;
	padding:10px 10px 10px 106px;}
	
.dashboard-stats.panelaction{
	position:relative;
	cursor: pointer;
	padding:10px 10px 10px 106px;

	background-color: white !important;
	border-radius: 50px;
	border: 1px solid #ddd;
}	
	
.dashboard-ticket-table-wrapper {
	
	width: 80%;
	display: block;
	margin: 0 auto;
}
	
div.dashboard-row{
	
	display: block;
	margin-bottom: 15px !important;
	
}

div.ticket-preview{
	padding: 5px 0px;
	font-size: 0.9em;
	
	display: inline-block;
	width: 100%;

}

div.ticket-preview a{
	text-decoration: none;
	cursor: pointer;
	color: #85868d !important;
}
	
div.dashboard-comment-link{
	color: #85868d !important;
	text-decoration: none !important;
	display: block !important;
	margin-bottom: 5px;
	min-height: 70px !important;
}	

div.incident-comment{
	width: 100%;
	display: block !important;
	margin-bottom: 2px;

}
	
p.comment{
	font-size: 0.8em;
	color: #85868d !important;
}	

.user-name{
	color: #85868d !important;
}

/*********************/
/*** 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;
}

div.wrapper-asset-box{
	text-align: center;

}

div.wrapper-location-box{
	text-align: center;

}

div.asset-box-info{
	box-shadow: 0px;
	padding: 5px;
	width: 180px;
	height: 200px;
	vertical-align: top;
	display: inline-block;
	background-color: white;
	border-radius: 5px;	
	border: 1px solid #d9d9d9;
	padding: 10px;
	text-align: center;	
	margin: 0 5px;
	margin-bottom: 5px;
	position: relative;
	
}

div.location-box-info{
	box-shadow: 0px;
	padding: 5px;
	width: 180px;
	height: 200px;
	vertical-align: top;
	display: inline-block;
	background-color: white;
	border-radius: 5px;	
	border: 1px solid #d9d9d9;
	padding: 10px;
	text-align: center;	
	margin: 0 5px;
	margin-bottom: 5px;
	position: relative;
	
}

div.location-box-info:hover{
	box-shadow: 0px 0px 2px #FF7200;
	cursor: pointer;
}


div.asset-box-info:hover{
	box-shadow: 0px 0px 2px #FF7200;
	cursor: pointer;
}

div.asset-image-container {
	
	margin: 0 auto;
	width: 160px;
	height: 100px;
	font-size: 0.5em;
}

div.location-image-container {
	
	margin: 0 auto;
	width: 160px;
	height: 100px;
	font-size: 0.5em;
}

div.location-box-info .location-image-container img{
	max-width: 80%;
	max-height: 100%;
}


div.asset-box-info .asset-image-container img{
	max-width: 80%;
	max-height: 100%;
}

div.asset-detailed-info{
	width: 100%;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	position: absolute;
	bottom: 0px;
}

div.location-detailed-info{
	width: 100%;
	display: block;
	margin-top: -5px;
	text-align: center;
	bottom: 0px;
	font-size: 0.8em;
}

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

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;
}

/** Formulario de incidencias **/

img.asset-image-container{
	max-width: 100%;
	text-align: center;
}

img.asset-image-container-resume{
	max-width: 60%;
	margin: 0 auto;
	display: block;
}

a.google-maps-link{
	text-decoration: none !important;
	color: inherit !important;
}

span.asset-no-image{
	font-size: 5em;
	display: block;
	margin: 0 auto;
	cursor: help;
}

img.img-preview-ticket-edit{
	max-height: 160px;
}

div.panel-asset-list{
	background-color: #ffe8bb !important;
}

img.assettype-icon{
	max-width: 24px;
}

img.assettype-icon-small{
	max-width: 16px;
}

img.assettype-icon-tiny{
	max-width: 8px;
}

a.open-ticket-link{
	float: right;
	color: black;
	font-weight: bold;
	font-size: 24px;
}

a.open-ticket-link:hover{
	color: #FFA800;
}

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

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

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

span.asset-item-data-col{
	display: inline-block;
	min-width: 30%;
}

span.asset-item-location-col{
	display: inline-block;
	min-width: 50%;
}

div.asset-info{
	
	float: left;
}

div.asset-info-resume{
	font-size: 0.8em;
}

.subtitle{
	margin-top: 1em;
}
div.ticket-form .panel-heading{
	font-size: 1.3em !important;
}

div.checkbox-col{
	float: left;
	width: 50%;
	display: block;
}

.ticket-attachment{
	margin: 0.4em auto;
}

.button-bar-loader{
	text-align: center;
}

.attachment-file-row{

	margin: 0px !important;
	padding: 5px !important;
}

.attachment-file-row p{
	margin: 0px !important;
}

.attachment-file-row:hover{
	background-color: #eee;
	
}

.ticket-comment-text{
	border: 1px solid #eee;
	padding: 5px 15px 5px 15px;
	border-radius: 10px 10px 10px 10px;
	
	display: block;
	width: auto;
	margin-bottom: 2px !important;
	float: left;
	clear: both;
	background-color: #D6F7FF;
}

.self-ticket-comment-text{
	border: 1px solid #eee;
	padding: 5px 15px 5px 15px;
	border-radius: 10px 10px 10px 10px;
	
	display: block;
	width: auto;
	margin-bottom: 2px !important;
	float: right;
	clear: both;
	background-color: #E7FFE4;
	text-align: right;
}

.self-ticket-comment-text .comment-date{ 
	text-align: left !important;
}

.new-self-comment-header{
	width: auto;
	float: right;
	clear: both;
}

.self-comment-header{
	width: auto;
	float: left;	
	clear: both;
}

.new-ticket-comment-text{
	border: 1px solid #eee;
	padding: 5px 15px 5px 15px;
	border-radius: 0% 10px 10px 10px;
	
	display: block;
	width: auto;
	margin-bottom: 2px !important;
	float: left;
	clear: both;
	background-color: #D6F7FF;
}

.new-self-ticket-comment-text{
	border: 1px solid #eee;
	padding: 5px 15px 5px 15px;
	border-radius: 10px 10px 0% 10px;
	
	display: block;
	width: auto;
	margin-bottom: 2px !important;
	text-align: right;
	clear: both;
	background-color: #E7FFE4;
}

.new-self-ticket-comment-text .comment-date{
	text-align: right !important;
}

.user-portrait-small{
	width: 64px;
	height: 64px;
	border: 1px solid #e1e1e1;
	border-radius: 50%;
	margin-bottom: 5px;
	margin-right: 10px;
	overflow: hidden !important;	
	float: left;
}

.user-portrait-small img {
	max-width: 100%;
	display: block;
	margin: 0 auto;

}

.user-portrait-tiny{
	width: 24px;
	height: 24px;
	border: 1px solid #e1e1e1;
	border-radius: 50%;
	margin-bottom: 5px;
	margin-right: 10px;
	overflow: hidden !important;	
	float: left;
}

.user-portrait-tiny img {
	max-width: 100%;
	display: block;
	margin: 0 auto;

}


.portrait-comment{
	margin-top: 10px;
	width: 32px;
	height: 32px;
	
	border: 1px solid #e1e1e1;
	border-radius: 50%;
	margin-bottom: 5px;
	margin-right: 10px;
	overflow: hidden !important;
	
	display: inline-block;
	float: left;
}

.portrait-comment img{
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.user-comment-name{
	
	margin-top: 10px;
	float: left;
	display: inline-block;
	height: 24px;
	line-height: 24px;
}

.comment-date{
	padding-top: 3px;
	font-size: 0.6em;
	display: block;
	text-align: right;
}

#wrapper-comments{
	
	height: 205px;
	overflow-y: auto;
	overflow-x: hidden;
}

.file-attachment-info{
	width: 70%;
	display: inline-block;
	font-size: 0.8em;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;	
}

.file-attachment-size{
	display: inline-block;
	width: 10%;
}

.file-attachment-controls{

	display: inline-block;
}

.attachment-file-control{
	float: right;
	font-size: 1.2em;
	margin: 0px 5px;
	cursor: pointer !important;
}

.device-list{
	max-height: 200px;
	overflow-y: auto !important;
}

.intervention{
	
	padding: 5px;
	border-bottom: 1px solid #d9d9d9 !important;
	margin-bottom: 10px;
}

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

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

div.admin-panel h3{
	margin-top: 0px !important;
}

@media (max-width: 1440px) {

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

.chronology-panel{
	font-size: 0.9em;
}

.logbook{
	
	padding: 10px;
	
}
.logbook-info{
	border-right: 1px solid #d9d9d9 !important;
}

.timeline-wrapper{
	height: 535px;
	overflow-y: auto;
}

/** 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: 0px;
}

.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;
}

/** ATTACHMENTS BOX **/

.attachments-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;
}

.attachments-box{
	position: fixed;
	bottom: 55px;
}

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

.ticket-list{
	color: black !important;
}

.ticket-param-form .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;	
}

.ticket-param-form .input-group-addon{
	padding: 3px 6px;
}

.ticket-cols-params{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.ticket-cols-params li{
	float: left;
	margin: 0px 2px;
}

/** COLOR PICKER **/

div.colorpicker-item{
	width: 25px;
	height: 25px;
	border: 1px solid #efefef;
	display: inline-block;
	cursor: pointer;
}

div.colorpicker-item:hover{
	border: 1px solid black;
}

/** RAISED VIEW **/

.wrapper-raisedview{

	padding: 2px;
}

.raisedview{
	
	height: 400px;
	
}

.raisedview-asset{
	height: 400px;
	transition: all 0.2s ease-in-out;
	margin-bottom: 0.5em;
}

.raisedview-asset img{
	max-height: 325px !important;
	margin: 0 auto !important;
}

.raisedview-asset:hover{
	box-shadow: 0 5px 15px rgba(255, 86, 0, .4);
	cursor: pointer;
}

/** PDV LIST **/

.pdv-list {
	font-size: 0.8em;
}

.pdv-list input{
	
	padding: 3px 4px;
	font-size: 11px;
	height: 24px;
}

.pdv-list .table > tr > td{
	border-bottom: 1px solid black !important;
	border-top: 1px solid black !important;
}

/** HELP **/

.vd-responsive {
	
	max-width: 100%;
	display: block !important;
	
}