/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:Helvetica;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;background:#;}
table {border-collapse:separate;border-spacing:1;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
#emoticons a img {left:0;}
#emoticons {height:16px; margin:10px 0;}
:focus {outline:0;}
/* typography.css */
html {font-size:100%;}
body {font-size:12px;color:#222;background:#f0eeee;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#067cb4; text-decoration:underline;}
a { color:#006595; text-decoration:none; font-weight:bold; cursor:pointer; /*color:#000;font-weight:normal!important; */}
blockquote {border:1px dashed #ccc;margin:5px 0 0 0!important;color:#666;font-style:italic; background-color:#f5f5f5; padding:10px 10px!important;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0;padding: 0;}
ul {list-style-type:none;}
ol {list-style-type:none;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {width:100%;}
th {font-weight:bold;}
thead th {/*background:#EEE; color:#333*/}
thead th a {color:#FFF;}
th, td, caption {padding:4px 10px 4px 5px;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* forms.css */
label {font-weight:bold;}
fieldset {padding:0 1.4em 1.4em 1.4em;margin:20px 0}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
fieldset, #IE8#HACK {padding-top:1.4em;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.notice a {color:#514721;}
.success a {color:#264409;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after,.markItUpHeader:after, .container:after,.box:after, .box:after,.list-element:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container,.box,.markItUpHeader,.list-element {display:block;}
.clear {clear:both;}
.clearfix:before,
.clearfix:after,.list-element:before,.list-element:after {
	content:"";
	display:block;
	height:0;
	overflow:hidden;
}
.clearfix:after,.list-element:after {clear:both;}
.clearfix,.list-element {zoom:1;}

.clear { clear: both; }

h1 { letter-spacing: -0.04em; font-size: 1.8em; text-shadow: 1px 1px 1px #000; }
h2 { font-size: 1.4em; text-shadow: 1px 1px 1px #fff; margin: 0 0 10px; color: #0099CB; }
h3 { font-size: 1.2em; margin: 0 0 6px; }
h4 { font-size: 1em; font-weight: bold; margin-bottom:0; }

p { margin: 0; }
textarea { height: 77px; }


body { font-size: .74em; color: #444; line-height: 1.6em; background: url("../img/body-bkg.png") transparent;}


legend { padding: 1px 7px; }

table { /*border-collapse: collapse;*/ }

th, td {
    font-size: 11px;
    padding: 3px;
    border-radius: 3px 3px 3px 3px;
}

tr.even td { background-image: none!important; font-weight:normal;}
td.ui-widget-content { font-weight: normal!important; line-height: 1.2em!important; }

table.ui-widget, table.ui-widget th, table.ui-widget td {
    border: medium none; /* !important */
    /*border-radius: 0 0 0 0 !important;*/
}

.new-content { margin: 0 1% 1%; }
.new-content div label { font-size: 11px; }

input, select, textarea { padding: 3px; }

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

.ui-autocomplete-loading {
    background: transparent url('../img/ui-anim_basic_16x16.gif') right center no-repeat!important; /* white */
}

.wrapper {
  margin: 0 auto 15px auto;
  width: 98%;
  position:relative;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0 0 5px 5px #222;
  border-radius: 0 0 10px 10px;
}

.wrap {
  margin: 0 auto 15px auto;
  width: 98%;
  position:relative;
  overflow: hidden;
  overflow-x: scroll;
  background-color: #ffffff;
  box-shadow: 0 0 7px 1px #888;
}

.wrap-menu { margin: 0 auto; width: 98%; position:relative; background-color: #ffffff;}

#header { overflow: hidden; }

#logo { color: #FFFFFF; float: left; height: 57px; /*text-align: center; width: 100%;*/ z-index: 1; }

#logo a { color: #fff; }


.list-title {width:99%; padding: 3px; margin: 0px auto 3px auto; text-align: center;}

/******* SUB - MENU *******/
#sub-menu {
	border-left: medium none;
    border-right: medium none;
    border-top: medium none;
    padding: 5px;
}
/******* SUB - MENU *******/

.main { clear: right; float: left; width: 700px; margin-left: 10px; }
.main-inner { min-height: 100px; }

#footer { clear: both; font-size: .84em; text-align: center; margin-top: 20px; border-radius: 0 0 10px 10px; }
#footer div { border-radius: 0 0 10px 10px; }

/******* Height 100% *******/

html { height: 97%; }
body { height: 100%; }
.wrapper { min-height: 100%; border-radius: 0; margin: 0 auto; }
#footer { /*position:fixed; bottom: 0; */width: 98%; border-radius: 0; position:relative; margin: 0 auto; box-shadow: 0 9px 5px 5px #222222; }
#footer div { border-radius: 0; }

/******* Height 100% *******/

/******* User Data *******/
#user-language{
	margin: 35px auto;
    padding-left: 30px;
}

#user-language input[type=radio]{
	display: inline;
	margin-left: 10px;
}

#user-language label{
	display: inline;
    margin: 10px;
    vertical-align: top;
}

#user-data {
    position: absolute;
    /*right: 112px;*/ right: 4px;
    top: 0;
}

#user-data .username {
 margin: 2px 7px;
 float: left;
}
#user-data span.user-icon,
#user-data span.logout,
#user-language span.user-icon {
    margin: 2px 4px;
    cursor: pointer;
}
#user-language span.user-icon, #user-data span.user-icon { float: left; }
#user-data span.logout {
    background-image: url("../img/logout.png");
    width: 16px;
    height: 16px;
    float: right;
}

/******* User Data *******/

/******* Config *******/
.field-description { font-size: 0.85em; line-height: 150%; margin-bottom: 0.75em; color: #898989; }
/******* Config *******/

/******* Index *******/
.main-inner-home { margin: 2%; }

#contactenos-container {
    border-bottom: medium none;
    border-right: medium none;
    border-top: medium none;
    float: right;
    padding: 0 10px 10px 37px;
	background: none repeat scroll 0 0 transparent;
}

.welcome-title {
    color: #5c9ccc;
    float: left;
    font-family: monospace;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 30px;
    margin: 25px 1%;
    text-shadow: 0 2px 3px #888;
}

.home-logo { float:  right; margin-top: 15px; }
.home-line { margin: auto 2%; width: 96%; background: #a6c9e2; }

.home-section h2, .main-contactos h2 { margin: 10px; }
.home-section, .main-contactos { margin: 20px 0px 30px; }
.home-section hr, .main-contactos hr { background: #a6c9e2; margin: 0 0 15px !important; }

.home-list {
    color: #5c9ccc;
    list-style-type: disc;
    margin: 10px 0 15px 25px;
}
.home-list .home-link:hover { color: #2e6e9e; cursor: pointer; }

#main-index .twocols { margin-left: 1.4% !important }
#main-index td.cantidad-moviles { text-align: center !important; }
.resumen-cuenta img { margin-top: 0; }

.resumen-cuenta table {
    border: 1px solid #a6c9e2;
    border-radius: 5px;
    margin: 10px auto 20px;
    width: 90%;
}
.resumen-cuenta table, .resumen-cuenta th, .resumen-cuenta td { border: 1px solid #a6c9e2; }
.resumen-cuenta table, th { text-align: center; }

.contactos-section, .contactos-top { font-size: 11px; float: left; width: 22%; margin-left: 2%; margin-bottom: 1.5% }
.contactos-top { width: 97%; margin-bottom: 3% }
.contactos-section a { font-weight: lighter; text-decoration: none; }
.contacto-nombre { font-size: 12px; font-weight: bold; }
.contacto-cargo, .contacto-mail { margin-left: 6px; font-weight: lighter; }

/******* Index *******/

/******** Login *********/

#login-panel {
    width: 444px;
    padding: 10px 24px 15px 15px;
    margin: 10% auto;
    border-radius: 10px;
    height: 141px;
    box-shadow: 0 0 10px 4px #777;
}
#login-panel fieldset { border: medium none; margin: 0; padding: 0;}

#login-panel div {
    text-align: center;
    margin-top: 10px;
}
#login-panel input[type=text],
#login-panel input[type=password] {
    padding: 4px;
    width: 99%;
}

#login-panel .ui-state-error { margin: 2px auto; text-align: center; width: 90%; }

/******** Login *********/

/******** Home *********/
#main-options li { cursor:pointer; margin: 14px 0; }

#main-options span.ico16 {
    float: left;
}

#main-options li:hover span {
    background-position: 0 -952px!important;
}

#recommended-apps { padding: 7px; }
#recommended-apps a { display: inline-block; margin: 0 14px; }

/******** Home *********/


.ok_message { border:2px solid #00FF00; color:#00FF00; background-color:#DDFFDD; border-radius: 5px;}
.error_message { border:2px solid #FF0000; color:#FF0000; background-color:#FFDDDD; border-radius: 5px;}
.skip_message { border:2px solid #0000FF; color:#0000FF; background-color:#DDDDFF; border-radius: 5px;}
.main-menssage { width: 98%; text-align: center; margin: 0 auto; }
.no-records-found { padding: 10px; text-align: center; float: none !important; }

.item-migracion {
border: 1px solid;
border-radius: 7px 7px 7px 7px;
margin: 7px;
padding: 5px;
}

.searchbar{
  width: 100%;
  overflow: hidden;
  padding-top: 7px;
  margin-bottom: 10px;
}

.navigation_bar {
  overflow: hidden;
  list-style:none;
  margin:0;
  padding:0;
  padding-left: 10px;
}
.navigation_bar li {
  float:left;
}
.navigation_bar li a {
  border-radius: 7px 7px 0 0;
  display: block;
  height: 20px;
  width: 30px;
  margin-right: 4px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  padding-top: 2px;
  border-bottom: medium none;
}
.navigation_bar li a:hover {

}
.navigation_bar li a.current {

}

/*#switcher { float:right; float: right; margin: 10px 10px 0 0;}*/

#switcher { margin: 24px 4px 0 0; position: absolute; right: 0; top: 0; z-index: 1; }

/******** Filtros *********/

.filters { float:right;  margin-right: 20px; }

.primary-filters, .waypoint-profile-form {
  border-radius: 7px;
  margin: 0 auto;
  width: 98%;
  padding: 5px 0;
}
.primary-filters fieldset {
  margin: 0 0 7px;
  padding: 7px;
}

.primary-filters div.actions, .details-menu-comidas div.actions{
  float:right;
}

.primary-filters select,
.primary-filters input{
  padding: 3px;
}

.primary-filters input[type=text], .primary-filters input[type=password] , .primary-filters textarea, .primary-filters select { width: 100%; }

.primary-filters div.actions .exportButtons{ margin-top: 3px; }

.primary-filters label input[type=text] { width: 50%; }

/******** Filtros *********/

/******** Forms *********/

.detail-form div { float:left; margin: 4px;}
.detail-form div.add-item { float: right; margin: 10px 0;}

.console-panel div.actions, .detail-form div.actions{
  clear: both;
  margin: 10px 0;
  text-align: center;
  width: 100%;
}

.detail-form div.actions input{
  margin: 10px auto;
}
.detail-form .bg_map div{ margin: 0 !important; }

form textarea.error,
form select.error,
form input.error {
    background: none repeat scroll 0 0 #fde2e2!important;
    border: 1px solid #FF7777!important;
}
form label { display: block; }
form label.checkbox { display: inline; }
form label.error { color:red; }

/******** Forms *********/

.loading-div { text-align: center; }
.loading-div img { margin-top: 44px; }

.detalleTable{
  display: none;
}

#frmPresencia label, #frmPresencia input { float: left; cursor: pointer; }
#frmPresencia label { margin-left: 25px; }
#frmPresencia .ui-spinner { width: 80%; }

/******* Image Buttons *******/
.image-button {
    display: block;
    float: left;
    height: 24px;
    text-decoration: none;
    width: 24px;
    margin-right:2px;
    cursor: pointer;
}
/******* Image Buttons *******/

/******* Actions *******/

.btnAdd span, .btnModify span, .btnRemove span, .btnReactivate span,
.btnView span, .btnRefresh span, .btnSave span, .btnChangeGprs span,
.btnChangeChofer span, .btnExplore span, .btnUploadImage span,
.toExcel span, .toPdf span, .btnOnePdf span, .btnCloseWaypoint span,
.toRoute span, .toKml span, .btnWaypoint span, .toPrintable span,
.btnCloseTrip span, .btnModifyClient span, .btnFindClientUnnamed span,
.btnClientWithoutRef span, .btnNote span, .btnForward span {
  display: none;
}
.btnRemove {
  background-image:url(../img/imgABM.png);
  background-position: 0px -25px;
}
.btnRemove:hover {
  background-image:url(../img/imgABM.png);
  background-position: 0px 0px;
}
.btnAdd {
  background-image:url(../img/imgABM.png);
  background-position: -25px -25px;
}
.btnAdd:hover {
  background-image:url(../img/imgABM.png);
  background-position: -25px 0px;
}
.btnExplore {
  background-image:url(../img/imgABM.png);
  background-position: -50px -25px;
}
.btnExplore:hover {
  background-image:url(../img/imgABM.png);
  background-position: -50px 0px;
}
.btnChangeChofer {
  background-image:url(../img/imgABM.png);
  background-position: -75px -25px;
}
.btnChangeChofer:hover {
  background-image:url(../img/imgABM.png);
  background-position: -75px 0px;
}
.btnModify {
  background-image:url(../img/imgABM.png);
  background-position: 0px -75px;
}
.btnModify:hover {
  background-image:url(../img/imgABM.png);
  background-position: 0px -50px;
}
.btnWaypoint {
  background-image:url(../img/waypoint.png);
  background-position: 0 -25px;
}
.btnWaypoint:hover {
  background-image:url(../img/waypoint.png);
  background-position: 0px 0px;
}
.btnReactivate {
  background-image:url(../img/imgABM.png);
  background-position: -25px -75px;
}
.btnReactivate:hover {
  background-image:url(../img/imgABM.png);
  background-position: -25px -50px;
}
.btnSave {
  background-image:url(../img/imgABM.png);
  background-position: -50px -75px;
}
.btnSave:hover {
  background-image:url(../img/imgABM.png);
  background-position: -50px -50px;
}
.btnView {
  background-image:url(../img/imgABM.png);
  background-position: 0px -125px;
}
.btnView:hover {
  background-image:url(../img/imgABM.png);
  background-position: 0px -100px;
}
.btnRefresh {
  background-image:url(../img/imgABM.png);
  background-position: -25px -125px;
}
.btnRefresh:hover {
  background-image:url(../img/imgABM.png);
  background-position: -25px -100px;
}
.btnChangeGprs {
  background-image:url(../img/imgABM.png);
  background-position: -50px -125px;
}
.btnChangeGprs:hover {
  background-image:url(../img/imgABM.png);
  background-position: -50px -100px;
}
.btnUploadImage {
  background-image:url(../img/imgABM.png);
  background-position: -75px -75px;
}
.btnUploadImage:hover {
  background-image:url(../img/imgABM.png);
  background-position: -75px -50px;
}
.toExcel {
  background-image:url(../img/xls.png);
  background-position: 0px -25px;
}
.toExcel:hover {
  background-image:url(../img/xls.png);
  background-position: 0px 0px;
}
.toRoute {
  background-image:url(../img/recorrido.png);
  background-position: 0px -25px;
}
.toRoute:hover {
  background-image:url(../img/recorrido.png);
  background-position: 0px 0px;
}
.toKml {
  background-image:url(../img/gEarth.png);
  background-position: 0px -25px;
}
.toKml:hover {
  background-image:url(../img/gEarth.png);
  background-position: 0px 0px;
}
.toPdf {
  border:0;
  cursor: pointer;
  background-image:url(../img/pdf.png);
  background-position: 0px -25px;
}
.toPdf:hover {
  border: 0;
  cursor: pointer;
  background-image:url(../img/pdf.png);
  background-position: 0px 0px;
}
.btnOnePdf {
  border:0;
  cursor: pointer;
  background-image:url(../img/pdf.png);
  background-position: 0px -25px;
}
.btnOnePdf:hover {
  border: 0;
  cursor: pointer;
  background-image:url(../img/pdf.png);
  background-position: 0px 0px;
}
.btnCloseWaypoint {
  background-image:url(../img/btnCerrarWaypoint.png);
  background-position: 0px 0px;
}
.btnCloseWaypoint:hover {
  background-image:url(../img/btnCerrarWaypoint.png);
  background-position: 0px -25px;
}

.toPrintable {
    height               : 24px;
    width                : 24px;
    background-image     : url(../img/export-listado.png);
    background-color     : transparent;
    background-repeat    : no-repeat;
    background-position  : -0px -24px;
}
.toPrintable:hover {
    background-position  : -0px 0px;
}

.btnCloseTrip{
  background-image: url(../img/bg_acciones.png);
  background-position: 75px 0px;
}
.btnCloseTrip:hover{
  background-image :url(../img/bg_acciones.png);
  background-position: 75px 25px;
}

.btnModifyClient{
  background-image: url(../img/bg_acciones.png);
  background-position: 0px 0px;
}
.btnModifyClient:hover{
  background-image: url(../img/bg_acciones.png);
  background-position: 0px 25px;
}
.btnFindClientUnnamed{
  background-image: url(../img/bg_acciones.png);
  background-position: 25px 0px;
}
.btnFindClientUnnamed:hover{
  background-image: url(../img/bg_acciones.png);
  background-position: 25px 25px;
}
.btnClientWithoutRef{
  background-image: url(../img/bg_acciones.png);
  background-position: 50px 0px;
}
.btnClientWithoutRef:hover{
  background-image: url(../img/bg_acciones.png);
  background-position: 50px 25px;
}

.btnSort{
    float: right;
    cursor: pointer;
}

.buttons{
  width:16px;
  height:16px;
  /*float: right;
  margin-right:3px;*/
}

/******* Actions *******/

/******* Prestadoras Telefonicas **********/

.btnClaro {
    background-image: url("../img/prestelef.png");
    background-position: -1px -27px;
}

.btnMovistar {
    background-image: url("../img/prestelef.png");
    background-position: -1px 0px;
}

.btnPersonal {
    background-image: url("../img/prestelef.png");
    background-position: -50px -51px;
}

.btnDisabled { opacity: 0.2; }

/******* Prestadoras Telefonicas **********/

/******* Acciones Lineas **********/

.en-uso {
    background-image: url("../img/lineas.actions.png");
    background-position: 0 0;
    width: 24px;
    height: 24px;
}

.para-recambio {
    background-image: url("../img/lineas.actions.png");
    background-position: 0 -24px;
    width: 24px;
    height: 24px;
}

.pedida {
    background-image: url("../img/lineas.actions.png");
    background-position: 0 -48px;
    width: 24px;
    height: 24px;
}

.disponible {
    background-image: url("../img/lineas.actions.png");
    background-position: 0 -72px;
    width: 24px;
    height: 24px;
}

.roaming-on {
    background-image: url("../img/signal.gif");
    background-position: 0 -24px;
    width: 24px;
    height: 24px;
}

.roaming-off {
    background-image: url("../img/signal.gif");
    background-position: 0 0;
    width: 24px;
    height: 24px;
}

.pedir-movistar {
    background-image: url("../img/status-telef-change.png");
    background-position: 0 0;
    width: 24px;
    height: 24px;
}

.pedir-claro {
    background-image: url("../img/status-telef-change.png");
    background-position: 0 -25px;
    width: 24px;
    height: 24px;
}

.pedir-personal {
    background-image: url("../img/status-telef-change.png");
    background-position: 0 -52px;
    width: 24px;
    height: 24px;
}

/******* Acciones Lineas **********/

/******* Result **********/
.result-state {
    float: right !important;
    height: 16px;
    margin: 4px 0 0 !important;
    width: 16px;
}

.result-loading {
    background-image: url("../img/spinner.gif");
    background-position: 0 0;
}

.result-ok {
    background-image: url("../img/result.png");
    background-position: 0 0;
}

.result-error {
    background-image: url("../img/result.png");
    background-position: 0 -16px;
    cursor: pointer;
}

/******* Result **********/

/******** Menu **********/
.menu-container { float: left; z-index: 2; margin: 0 0 2px; max-width: 80%; }

#drop-down-menu li { float: left; margin: 2px 1px 0; padding: 3px;  }
#drop-down-menu li a { padding: 2px; border: medium none; font-weight:bold; }

#drop-down-menu li ul li { float:none; padding: 2px; }
#drop-down-menu li ul li a { border: medium none; }
#drop-down-menu li.ui-state-active span.module.name { text-transform: uppercase; }

.module-name-menu { float: right; margin-top: 4px; }
#module-background { position: absolute; bottom: 44px; right: 34px; opacity: 0.3; }

/******** Menu **********/

/******** Columns **********/
.onecol { width: 97%; margin-left: 1% !important; float:left; }
.twocols { width: 47%; margin-left: 1% !important; float:left; }
.threecols { width: 31%; margin-left: 1% !important; float:left; }
.fourcols { width: 23%; margin-left: 1% !important; float:left; }
.fivecols { width: 18%; margin-left: 1% !important; float:left; }
.sixcols { width: 14.5%; margin-left: 1% !important; float:left; }
.sevencols { width: 12%; margin-left: 1% !important; float:left; }
.eightcols { width: 10%; margin-left: 1% !important; float:left; }
.ninecols { width: 9%; margin-left: 1% !important; float:left; }
.tencols { width: 8%; margin-left: 1% !important; float:left; }
.elevencols { width: 7%; margin-left: 1% !important; float:left; }
.twelvecols { width: 6%; margin-left: 1% !important; float:left; }
.thirteencols { width: 5%; margin-left: 1% !important; float:left; }

.threequarters { width: 72%; margin-left: 1% !important; float:left; }
.onequarter { width: 26%; float:left; }

.fourtypct { width: 38%; margin-left: 1% !important; margin-top: 1% !important; float:left; }
.sixtypct { width: 58%; margin-left: 1% !important; margin-top: 1% !important; float:left; }
.eightypct { width: 77%; margin-left: 1% !important; margin-top: 1% !important; float:left; }
.twentypct { width: 17%; margin-left: 1% !important; margin-top: 1% !important; float:left; }

.l { width: 65%; margin-left: 0!important; float:left; }
.r { width: 65%; margin-left: 1% !important; float:left; }

.twocols hr{ margin: 15px 0; }

/******** Columns **********/

/******** Forms **********/

form div select, form div textarea { width: 100%; }
form div input[type=text],  form div input[type=password] { width: 97%; }
#cmbFallas{width: auto;}

.form-label {
	display: block;
	font-weight: bold;
	color: #000;
	margin: 0 0 3px;
	text-shadow: 0 1px 0 #EEEEEE;
	font-size: 12px;
}
.form-input-text {
	border-right: solid 1px #c6c6c6;
	border-left: solid 1px #c6c6c6;
	border-top: solid 1px #cecece;
	border-bottom: solid 1px #a4a4a4;
	padding: 5px;
	font-size: 13px;
	width: 250px;
	font-family: Helvetica, Arial;
}

.form-input-text:active, .form-input-text:focus {
	box-shadow: 0 0 5px 0 #B5DFF1;
	-moz-box-shadow:0 0 5px 0 #B5DFF1;
	-webkit-box-shadow: 0 0 5px 0 #B5DFF1 ;
	border: 1px solid #38B2E5;
}
textarea.form-input-text {

}
/*.form-input-text.ui-state-incorrect {
	border: 1px solid #DC2F1F;
	color: #DC2F1F;
}
.form-input-text.ui-state-correct {
	border: 1px solid #098f02;
	color: #098f02;
}*/

.box-shadow-soft {
	box-shadow: 0 1px 1px #D3D3D3;
	-mox-box-shadow: 0 1px 1px #D3D3D3;
	-webkit-box-shadow: 0 1px 1px #D3D3D3;
}

/******** Forms **********/

/******** Lists**********/

.bg_list{ width:100%; height: 250px; overflow-y: scroll;  }

.waypoint-list { height: 395px; overflow-y: scroll; }
.waypoint-list ul li a { cursor: pointer; }

.unidades-list { height: 257px; overflow: auto; }
.unidades-list ul li a { cursor: pointer; }

.bg_div{ width:99%; min-height:50px;}
.bg_remito{
    background-color: #fff;
    margin: 5px 0px;
}
.dragDiv{
    float: left;
    width: 12px;
    height: 20px;
    margin: 20px 10px;
    background: url('../img/grippy.png') repeat;
    cursor: move;
}
/* .ui-state-highlight { height: 1.5em; line-height: 1.2em; } */
.ui-state-highlight { line-height: 1.2em; }

.droptrue{list-style-type: none; margin: 0; padding: 0; margin-right: 1px; min-height:250px; background: #eee; padding: 5px;}
.droptrue li{cursor: move; margin: 3px; font-size: 0.9em; padding: 3px; overflow: auto; width:96%; }

/******** Lists **********/

/******* Buscar **********/

.grupo-resultados { overflow: auto; margin: 7px; }
.grupo-resultados h2 { margin: 4px; }
.moviles { width: 80%; float:left; }
.columna-cliente { width: 19%; float:right; margin-right: 0.5%; }
.detalle_cliente,
.info_cliente { width: 100%; margin-bottom: 7px; }
.info_cliente .caption { float: left; margin-right: 4px; }

.contacto_cliente { cursor: pointer; margin: 3px auto; width: 98%; }
.contacto_cliente .caption { float: left; margin-right: 4px; }
.contacto_cliente p { /*margin: 4px; */overflow: hidden; }


.item-movil {
    margin: 0 0 4px 0.5%;
    overflow:auto;
}

.info_cliente p {
    margin: 4px;
}

span.header {
    float: left;
    margin: 7px;
    background: url("../img/lineas.actions.png") no-repeat scroll 0 0 transparent;
    padding-left: 30px;
    cursor: pointer;
}


.inside-left { float:left; cursor: pointer;}
.inside-right { float:right; cursor: pointer; }
.inside-button { cursor:pointer; float:right; }
/*.full-reload-button { cursor:pointer; float:left; }*/

.detail_item { overflow: auto; }


/******** Waypoints ********/
.bg_map{ height: 300px;}

.map_canvas{
    width: 99%;
    height: 99%;
    padding: 3px;

}
/******** Waypoints ********/

/******** Choferes ********/
.img_container {
    margin: 25px auto !important;
    overflow: hidden;
    float: none !important;
}
.chofer_container {
    width: 550px;
}
.movil_container {
    width: 620px;
}
.bg_img {
    padding: 4px 4px 4px 4px !important;
    margin: 5px 7px 7px 2px;
    float: left;
    min-height: 79px;
}

.chofer_container .bg_img, .movil_container .bg_img  { position: relative; }
.chofer_container .bg_img a.inside-button, .movil_container .bg_img a.inside-button  { position: absolute; right: 4px; }

.icon_container{
    width: 100%;
}

/******** Choferes ********/

/******* Buscar *******/

.list-fallas,
.list-comentarios,
.datos-instalacion,
.datos-chofer,
.datos-movil {
    width: 100%;
    overflow: auto;
}

.buscar-left-col {
    float: left;
    margin: 0 0 4px 0.5%;
    width: 49%;
}

.buscar-right-col {
    float: right;
    margin: 0 0.5% 4px 0;
    width: 49%;
}
.list-fallas,
.datos-instalacion,
.datos-movil ,
.list-comentarios,
.datos-chofer {
    margin-bottom: 4px;
}

.detail_item .caption { font-weight: bold; }
.detail_item img.movil-image,
.detail_item img.chofer-image{ max-width: 200px; max-height: 200px; float: left; margin: 0 7px 7px 0; }

.list-fallas div.details-container,
.list-comentarios div.details-container,
.datos-instalacion div.details-container,
.datos-movil div.details-container,
.datos-chofer div.details-container {
    margin: 4px;
    overflow: auto;
}

.details-container h3 {
    padding: 2px 4px;
    border-left: medium none !important;
    border-right: medium none !important;
    border-top: medium none !important;
}
.details-container h3 .ico16 { margin: 1px; }

.list-fallas ol li,
.list-comentarios ol li {
    margin: 6px;
    padding: 7px;
}

.list-comentarios ol li span.date {

}
.list-comentarios ol li span.user {

}

.list-fallas ol li span.comment16,
.list-comentarios ol li span.comment16{
    float: left;
}
.list-fallas ol li span.comment_edit16,
.list-fallas ol li span.comment_delete16,
.list-comentarios ol li span.comment_edit16,
.list-comentarios ol li span.comment_delete16 {
    float: right;
}

.list-fallas ol li p.info,
.list-comentarios ol li p.info {
    border-bottom: 1px dotted;
    font-size: 86.5%;
    margin-bottom: 4px;
    text-align: right;
}

.list-comentarios ol li p.text {

}

.list-comentarios ol li .no-record {
    text-align: center;
}

/******* Buscar *******/


/******* Sensores *******/

.sensor { background-image: url("../img/sensores.png"); width: 24px; height: 24px; float: left; }

.llave-inactivo { background-position  : -0px -24px; }
.llave-activo { background-position  : -0px 0px; }
.puertas-inactivo { background-position  : -24px -24px; }
.puertas-activo { background-position  : -24px 0px; }
.antisabotaje-inactivo { background-position  : -120px -24px; }
.antisabotaje-activo { background-position  : -120px 0px; }
.panico-inactivo { background-position  : -144px -24px; }
.panico-activo { background-position  : -144px 0px; }
.bateria-baja-inactivo { background-position  : -72px -24px; }
.bateria-baja-activo { background-position  : -72px 0px; }
.encendido-inactivo { background-position  : -96px -24px; }
.encendido-activo { background-position  : -96px 0px; }
.compuertas-inactivo { background-position  : -168px -24px; }
.compuertas-activo { background-position  : -168px 0px; }
.desenganche-inactivo { background-position  : -48px -24px; }
.desenganche-activo { background-position  : -48px 0px; }

.modo-test-inactivo { background-image: url("../img/modo-test-off.png"); width: 24px; height: 24px; float: left; }
.modo-test-activo { background-image: url("../img/modo-test-on.png"); width: 24px; height: 24px; float: left; }

.modo-test-inactivo span, .modo-test-activo span{ display:none; }
/******* Sensores *******/

/******* Flechas *******/

.flecha { background-image: url("../img/flechas.png"); width: 24px; height: 24px; }
.nav_down_green{ background-position: 0 0; width: 24px; height: 24px; }
.nav_down_left_green{ background-position: 0 -74px; width: 24px; height: 24px; }
.nav_left_blue{ background-position: 0 -148px; width: 24px; height: 24px; }
.nav_up_left_blue{ background-position: 0 -222px; width: 24px; height: 24px; }
.nav_up_red{ background-position: 0 -296px; width: 24px; height: 24px; }

/******* Flechas *******/

/******* Abrir-Cerrar *******/

.open-close { background-image: url("../img/open-close.png"); width: 24px; height: 24px; }
.navigate_down { background-position: 0 0; }
.navigate_up { background-position: 0 -34px; }

/******* Abrir-Cerrar *******/


/******* Permisos *******/

#permissions-table { margin: 1%; width: 98%; }
#permissions-table tr.roles td,
#permissions-table tr.action-item td { text-align: center; }
#permissions-table tr.action-item td.accion { text-align: left; padding-left: 7px; }
#permissions-table p.module-name { margin-right: 77px; }
#permissions-table p.module-description { font-style: italic; font-weight: normal; margin-left: 17px; margin-right: 77px; }

#body-permisos table tr td span.inside-button { display: none; }

/******* Permisos *******/

/******* Informes *******/

.item-informe{
    display: block;
    height: 25px;

}
.item-informe span{
    vertical-align: middle;
    padding-top: 5px;
}

#reportContainer{
    width: 800px;
    margin: 10px auto 10px auto;
}
.informe-container{
    width: 720px;
    margin: 10px auto 10px auto;
    text-align: justify;
    font-size: 1em;
    line-height: 1.5em;
}
informe-container textarea{
    height: 75px;
}
.informe-container span{
    margin-left: 10px;
}
.informe-container p{
    text-indent: 40px;
    margin: 10px;
}
.informe-container ul {
    line-height: 1.5em;
    list-style: inside;
    margin: 10px 25px;
}
.informe-table{
    width: 75%;
    margin: 10px auto 10px auto;
    text-align: center;
}
.informe-table td, .informe-table th{
    border-collapse: collapse;
    border: 1px solid black;
}

.informe-table thead{
    font-size: .74em;
    color: #000;
    background-color:#ccc;
    line-height: 1.2em;
}
.informe-table tbody{
    font-size: .86em;
    line-height: 1.5em;
}
.firma, .parrafoFecha{
    font-size: .86em;
    line-height: 1.6em;
    text-align: right;
}
.firma span{
    font-weight: bold;
    font-size: 1.06em
}
.info-footer{
    width: 720px;
    font-size: .8em;
    border-top: 2px solid #000000;
    text-align: center;
    padding-top: 10px;

}

/******* Informes *******/

/******* Listas para ordernar Menus *******/

#frmMenusOrder h3 { padding:2px; text-align: center; }
#frmMenusOrder ul.menus-list { padding: 7px; width: 177px; }
#frmMenusOrder ul.menus-list li { margin:2px; padding:2px; cursor: move; }

/******* Listas para ordernar Menus *******/

/******* Opciones Especiales *******/
.opciones-especiales li { margin: 2px; padding: 2px 5px; overflow: auto; cursor: pointer; }

/******* Menu flota *******/
.menu-flota{ overflow: hidden; }
.menu-flota li { float: left; margin: 0 1px; padding: 4px 2px; }
.menu-flota li a { padding: 2px; border: medium none; }

.menu-flota li ul li { float:none; padding: 2px; }
.menu-flota li ul li a { border: medium none; }

.text-example{font-size: .86em; color:#aaa; margin-left: 5px;}

/******* Clientes *******/

#clientes-mapa-container { float: left; width: 100%; margin: 10px 0.5% 10px 0.5%; }
#clientes-mapa { margin: 0; margin-top: 25px; min-height: 400px; width: 100%;}
#clientes-mapa .map{ height: 450px; margin: 4px; position: relative; width: 96%;}
.clientes-lista{ height: 438px;}

/******* Clientes *******/

/******* Moviles Web *******/
.label-status-container, .status-container {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.5);
    font-family: Roboto,Arial,sans-serif;
    font-size: 11px;
    font-weight: 500;
    height: 20px;
    left: 35px;
    overflow: hidden;
    padding: 2px 6px 0;
    position: absolute;
    top: 10px;
    width: 37px;
    z-index: 25;
}
.status-container {
    background: url("../img/dropdown.jpeg") no-repeat scroll 97% center #fff;
	width: 180px;
	left: 85px;
}

.status-stop-emp{ color: #50C756; }
.status-stop-load{ color: #087915; }
.status-mov-emp{ color: #0072FF; }
.status-mov-load{ color: #323288; }
.status-alarm{ color: #EF0000; }
.status-speed{ color: #FF3700; }

.status-container select {
	background: none repeat scroll 0 0 transparent;
    border: 0 none;
    padding: 2px !important;
    width: 200px;
    display: block;
   -webkit-appearance: none;
}

#left-panel-container{ float: left; width: 17%; margin: 10px 0.1% 3px 0.9%; }
#main-panel-container { float: left; width: 80%; margin: 10px 0.5% 3px 0.5%; position: relative; }
#moviles-info-container { float: left; width: 81%; margin: 10px 0.5% 3px 0.5%; display: none; }
#moviles-ultimos-contactos-container { clear: both; margin: 0 0.9% 3px; }

#main-panel-list, #moviles-mapa, #moviles-detalle, #moviles-posicion, #moviles-info, #main-panel-content { margin: 0; }

#main-panel-list, #moviles-mapa { min-height: 400px; }

#moviles-ultimos-contactos img { left: 50%; position: absolute; top: 2px; }
#moviles-ultimos-contactos { min-height: 20px; position: relative; padding-top: 2px; }
#moviles-ultimos-contactos li { height: 20px; }
#moviles-ultimos-contactos .bx-wrapper { margin: 0px 4px; margin-left: 15px; }
#moviles-ultimos-contactos .movil, #moviles-ultimos-contactos .fecha { border: none!important; padding: 1px 2px; }

#main-panel-list ul li select { width: 65%; }

#map { margin: 4px; min-height: 380px; }

#newDialog #map { margin: 4px; min-height: 180px; }

#moviles-detalle { position: relative; }
#seguimiento { position: absolute; right: 0; top: 0; height: 96%; }


#moviles-posicion { min-height: 200px; }

#moviles-detalle p .caption,
#moviles-posicion p .caption { font-weight: bold; }
#moviles-posicion p .value { }
#moviles-posicion .list-comentarios .text {
    font-size: 90%;
    font-weight: normal;
}
#moviles-posicion .list-comentarios ol li { margin: 3px; padding: 5px; }

#moviles-posicion .full-col { margin: 0 auto 4px auto; width: 98%; clear: both; }
#moviles-posicion .left-col { margin-left: 1%; width: 48%; float: left; margin-bottom: 4px; }
#moviles-posicion .right-col { margin-right: 1%; width: 48%; float: right; margin-bottom: 4px; }
#moviles-posicion h4, #moviles-info h4 { padding: 2px 0 0 2px; border: medium none; }
#moviles-posicion h4 span.ico16, #moviles-info h4 span.ico16  { margin-right: 2px; }

#moviles-posicion p { margin: 2px; }
#moviles-posicion #velocidad, #moviles-posicion #velocidad_unidad { font-weight: bold; }
#moviles-posicion p.reset-parciales { float: right !important; }


#main-panel-list-header { margin-bottom: 0px; }
#main-panel-list-select { height: 30px; margin-bottom: 3px !important; }
#left-panel-container #cliente_id {
    margin: 3px 2%;
    width: 96%;
}

#main-panel-list li { margin: 2px; padding: 4px 2px; cursor: pointer; }

#show-hide-column{
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 50%;
    background-color: #C5DBEC;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#moviles-detalle-container {
	bottom: 2px;
	margin: 0 5px;
	position: absolute;
	right: 0;
	width: 76%;
}

#referencias {
    bottom: 2px;
    margin: 4px;
    position: absolute;
     width: 19%;
    z-index: 20;
}

#ref-container { overflow: auto; }
#referencias ul { list-style-type: none; margin: 0; padding: 0; }
#referencias ul li { background-position: 0; background-repeat: no-repeat; padding-left: 33px; height: 25px; margin-left: 10px; }
#referencias ul li.camion-1  { background-image: url('../img/moviles/Camion1.png'); }
#referencias ul li.camion-2  { background-image: url('../img/moviles/Camion2.png'); }
#referencias ul li.camion-3  { background-image: url('../img/moviles/Camion3.png'); }
#referencias ul li.camion-4  { background-image: url('../img/moviles/Camion4.png'); }
#referencias ul li.camion-8  { background-image: url('../img/moviles/Camion8.png'); }
#referencias ul li.camion-10 { background-image: url('../img/moviles/Camion10.png'); }
#referencias ul li.camion-11 { background-image: url('../img/moviles/Camion11.png'); }
#referencias ul li.cliente   { background-image: url('../img/moviles/Cliente.png'); }
#referencias ul li.entrega   { background-image: url('../img/moviles/Entrega.png'); }

#referencias .info-box-content,
#moviles-detalle .info-box-content,
#moviles-comandos .info-box-content{ margin: 1px 0 5px; color: #1D5987; display: none; height: auto;}

#moviles-comandos .info-box-content{
    height: 150px;
    margin: 3px;
    overflow-y: scroll;
}

#referencias div, #moviles-detalle div, #moviles-comandos div { overflow: hidden; border: 0 none; }
#referencias table, #moviles-detalle table, #moviles-comandos table { border-collapse: collapse; line-height: 1; margin-bottom: 1px; margin-left: 3px; }
#referencias h4, #moviles-detalle h4, #moviles-comandos h4 { border: 0 none; margin-bottom: 1px; padding: 0 4px; font-weight: bold; color: #1D5987; }
#referencias p, #moviles-detalle p, #moviles-comandos p { margin: 0;  padding-left: 3px; margin-bottom: 1px; }
#referencias #buttons, #moviles-detalle #buttons, #moviles-comandos #buttons{ float: right; margin-right: 3px;}
#referencias #buttons span, #moviles-detalle #buttons span, #moviles-comandos #buttons span{ cursor: pointer; display: block; margin: 2px; float: left;}

#moviles-comandos .info-box-content table {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select:none;
}

#moviles-detalle .header-title, #moviles-comandos .header-title{ float: left; margin-left: 3px; width: 93%; }
#moviles-detalle #tabs{ font-size: 100%;}
#moviles-detalle ul { height: 22px; }
#moviles-detalle ul li { height: 20px; }
#moviles-detalle ul li a { padding: 3px 5px 0px; }
#moviles-detalle .ui-tabs .ui-tabs-panel {padding: 0 !important;}
#moviles-detalle p.reset-parciales { float: right !important; margin: 5px; }

#moviles-detalle .left-col, #moviles-detalle .right-col { width: 49.5%; margin-top: 3px; }
#moviles-detalle .left-col{ float: left; }
#moviles-detalle .right-col{ float: right; }
#moviles-detalle .ico16{ margin-right: 3px; }
#moviles-detalle .tabs-container { min-height: 140px; }
#moviles-detalle a { font-weight: normal; }

#moviles-detalle .bg_img{ float: left; }
#moviles-detalle .small-details-container{ float: left; min-width: 125px; margin-right: 10px; }

#moviles-detalle .contacts-footer-bar{
	background: none repeat scroll 0 0 #edf7ff;
    bottom: 0;
    overflow: hidden;
    position: absolute;
    width: 99%;
}
/*#moviles-detalle .list-comentarios{font-size: 85%;}*/
#moviles-detalle .list-comentarios ol li{ margin: 4px; padding: 3px; }
#moviles-detalle .contacts-footer-bar .ico16{ margin: 1px; }
.moviles-box-container { margin-bottom: 3px!important; overflow: auto; background-color: none;}

.moviles-box-container h3 {
    border-bottom: medium none!important;
    padding: 4px;
    border-left: medium none !important;
    border-right: medium none !important;
    border-top: medium none !important;
	margin-bottom: 0;
}
.moviles-box-container h3 .ico16 { margin: 1px; }
.moviles-box-container #presencia { font-weight: bold; }

.accordion-cliente-header { height: 26px; margin: 2px 0!important; cursor: pointer; }
.accordion-cliente-header span.company { background: url(../img/company.png) no-repeat transparent; display: inline-block; width: 24px; height: 24px; margin: 2px; float: left; }
.accordion-cliente-header span.cliente { font-size: 12px; font-weight: bold; line-height: 27px; }

#accordion div.un-movil { margin-bottom: 1px; }
/*#accordion h3.movil { background-repeat: no-repeat; background-position: 24px top; padding-left: 57px; height: 14px; }*/

#accordion h3.movil { background-position: 24px top; background-repeat: no-repeat; height: 24px; padding-left: 54px; position: relative; cursor: pointer;
    opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
#accordion h3.movil:hover { opacity: 0.7; }

#accordion h3.movil span.alias { margin-top: -6px; position: absolute; top: 50%; }
/*#accordion h3.movil span.alias {  }*/

#accordion h3.movil span.ui-icon { left: 0.5em; margin-top: -8px; position: absolute; top: 50%; }
#accordion h3.m--camion-1--m { background-image: url('../img/moviles/Camion1.png'); }
#accordion h3.m--camion-2--m { background-image: url('../img/moviles/Camion2.png'); }
#accordion h3.m--camion-3--m { background-image: url('../img/moviles/Camion3.png'); }
#accordion h3.m--camion-4--m { background-image: url('../img/moviles/Camion4.png'); }
#accordion h3.m--camion-5--m { background-image: url('../img/moviles/Camion5.png'); }
#accordion h3.m--camion-6--m { background-image: url('../img/moviles/Camion6.png'); }
#accordion h3.m--camion-7--m { background-image: url('../img/moviles/Camion7.png'); }
#accordion h3.m--camion-8--m { background-image: url('../img/moviles/Camion8.png'); }
#accordion h3.m--camion-9--m { background-image: url('../img/moviles/Camion9.png'); }
#accordion h3.m--camion-10--m { background-image: url('../img/moviles/Camion10.png'); }
#accordion h3.m--camion-11--m { background-image: url('../img/moviles/Camion11.png'); }

#accordion h3.m--auto-1--m { background-image: url('../img/moviles/Auto1.png'); }
#accordion h3.m--auto-2--m { background-image: url('../img/moviles/Auto2.png'); }
#accordion h3.m--auto-3--m { background-image: url('../img/moviles/Auto3.png'); }
#accordion h3.m--auto-4--m { background-image: url('../img/moviles/Auto4.png'); }
#accordion h3.m--auto-5--m { background-image: url('../img/moviles/Auto5.png'); }
#accordion h3.m--auto-6--m { background-image: url('../img/moviles/Auto6.png'); }
#accordion h3.m--auto-7--m { background-image: url('../img/moviles/Auto7.png'); }
#accordion h3.m--auto-8--m { background-image: url('../img/moviles/Auto8.png'); }
#accordion h3.m--auto-9--m { background-image: url('../img/moviles/Auto9.png'); }
#accordion h3.m--auto-10--m { background-image: url('../img/moviles/Auto10.png'); }
#accordion h3.m--auto-11--m { background-image: url('../img/moviles/Auto11.png'); }

#accordion h3.m--grua-1--m { background-image: url('../img/moviles/Grua1.png'); }
#accordion h3.m--grua-2--m { background-image: url('../img/moviles/Grua2.png'); }
#accordion h3.m--grua-3--m { background-image: url('../img/moviles/Grua3.png'); }
#accordion h3.m--grua-4--m { background-image: url('../img/moviles/Grua4.png'); }
#accordion h3.m--grua-8--m { background-image: url('../img/moviles/Grua8.png'); }
#accordion h3.m--grua-10--m { background-image: url('../img/moviles/Grua10.png'); }
#accordion h3.m--grua-11--m { background-image: url('../img/moviles/Grua11.png'); }

#accordion h3.m--barco-1--m { background-image: url('../img/moviles/Barco1.png'); }
#accordion h3.m--barco-2--m { background-image: url('../img/moviles/Barco2.png'); }
#accordion h3.m--barco-3--m { background-image: url('../img/moviles/Barco3.png'); }
#accordion h3.m--barco-4--m { background-image: url('../img/moviles/Barco4.png'); }
#accordion h3.m--barco-8--m { background-image: url('../img/moviles/Barco8.png'); }
#accordion h3.m--barco-10--m { background-image: url('../img/moviles/Barco10.png'); }
#accordion h3.m--barco-11--m { background-image: url('../img/moviles/Barco11.png'); }

#accordion { font-size: 90%; overflow-y: auto; }
#accordion div.ui-accordion-content { padding: 7px 7px 7px 21px; }
#accordion .options-list { margin: 0; border-top: medium none; padding: 2px 0; }
#accordion .options-list .ui-icon { background-position: 2px 2px; width: 24px; height: 24px; background-repeat: no-repeat; }
#accordion .options-list .contactos { background-image: url('../img/treeContactos.png'); }
#accordion .options-list .pos-hist { background-image: url('../img/treePosHistorial.png'); }
#accordion .options-list .detenciones { background-image: url('../img/treeParadas.png'); }
#accordion .options-list .alarmas { background-image: url('../img/treeAlarma.png'); }
#accordion .options-list .carga-actual { background-image: url('../img/treeCargaActual.png'); }
#accordion .options-list .carga-hist { background-image: url('../img/treeCargaHistorica.png'); }
#accordion .options-list .caudalimetro { background-image: url('../img/treeCaudalimetro.png'); }
#accordion .options-list .seguimientos { background-image: url('../img/treeSeguimientos.png'); }
#accordion .options-list .ctrol-temp { background-image: url('../img/treeTemperatura.png'); }
#accordion .options-list .send-command { background-image: url('../img/treeSendCommand.png'); }
#accordion .options-list .configuracion { background-image: url('../img/treeConfiguracion.png'); }

#accordion dl.options-list dt { overflow: auto; padding: 2px 2px 2px 24px; cursor: pointer; opacity: 1;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
#accordion dl.options-list dt:hover { /*border: none;*/ padding: 2px 2px 2px 30px; opacity: 0.8; }
#accordion dl.options-list dt span { float: left; }
#accordion dl.options-list dt span.text { margin: 4px; }


#moviles-info .filters { clear: both; margin: 0; }

#moviles-info .secondary-filters {
  border: none;
  margin-bottom: 5px;
  padding: 5px 0 0;
}

#moviles-info .secondary-filters fieldset {
  border: none;
  margin: 0 0 7px;
  padding: 7px;
}

#moviles-info .secondary-filters div.actions{
  float:right;
}

#moviles-info .secondary-filters select,
#moviles-info .secondary-filters input{
  padding: 3px;
}

#moviles-info .secondary-filters input[type=text],.secondary-filters input[type=password] ,
.secondary-filters textarea, .secondary-filters select { width: 100%; }

#newDialog .actions{ padding: 3px; }

#moviles-info #moviles-main-inner{ height: 200px; overflow-y: auto; }

/** Inicio Filtros moviles **/
#filter-tooltip #filter-key { float: left; }
#filter-tooltip #filter-status,
#filter-tooltip #filter-value,
#filter-tooltip #search-buttons { float: right; }
#filter-tooltip #filter-value { width: 137px; }

/** Fin Filtros moviles **/

#recorrido-mapa-container{ width: 100%;}
#recorrido-mapa-container legend{ margin: 4px; text-align: center;}

#recorrido-mapa-container #state-map{
    cursor: pointer;
    left: 6px;
    margin: 4px;
    padding: 3px 5px 0;
    position: absolute;
    top: 92px;
    vertical-align: middle;
    z-index: 20;
}

#recorrido-mapa-container #state-map span{margin: 0; font-weight: bold; }
#recorrido-mapa-container #state-map span:hover{color: #336699;}

#recorrido-mapa{ height: 450px; margin: 4px; position: relative; }
#recorrido-mapa #map{ height: 450px; margin: 4px; position: relative; }


/*** Tooltip de Google Maps ***/
.gmaps-tooltip-title { color:#336699; }
.gmaps-tooltip-exceso-vel { font-weight:bold;color:#FF6600; }
.gmaps-tooltip-alarma { font-weight:bold; color:#FF0000; }
.gmaps-tooltip-estado {}
.gmaps-tooltip-rumbo {}
.gmaps-tooltip-fecha {}
/*** Tooltip de Google Maps ***/

.chartdiv-container{ margin: 10px; }
/******* Moviles Web *******/

/******* Rutas *******/
#direcciones-scroll { overflow-y: auto; height: 93%; }
/******* Rutas *******/

/******* Resumen Conductual *******/
#resumen-conductual-header-container,
#resumen-conductual-data-container .detencion,
#resumen-conductual-data-container .en-movimiento,
#resumen-conductual-data-container .resumen { margin: 7px 0; }
#resumen-conductual-header-container .resumen-conductual-header,
#resumen-conductual-data-container .resumen { height: auto; overflow: auto; }

.driving-start {
    color: #262626;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 2px;
    text-align: center;
    word-spacing: 5px;
}

/******* Resumen Conductual *******/

/********** Seguimientos **********/

.grupo-seguimiento { overflow: auto; margin: 7px; }
#moviles-main-inner .seguimiento { width: 100%; float:left; }

.item-viaje {
    width: 99%;
    margin: 0 auto 5px;
/*    overflow:auto;*/
}

.detail_viaje {
    float:  left;
    margin: 5px;
    width:  99%;
}
#moviles-main-inner span { margin-right: 3px; }
#moviles-main-inner .header-viaje{ float: left; font-size: 1.2em; font-weight: bold; margin: 5px 10px; color: #0099CB;}
#moviles-main-inner .en-viaje{ float:  right; font-size: 1.2em; font-weight: bold; margin: 5px 10px;  color: red; }

#moviles-main-inner .threequarters { margin: 0 !important;}
#moviles-main-inner #datos-movil, #moviles-main-inner #datos-viaje {
    width: 48%;
    margin: 5px 0 0 5px;
}
#moviles-main-inner #datos-movil{ float:left; }
#moviles-main-inner #datos-viaje{ float:right; }

#moviles-main-inner #datos-movil p { margin-bottom: 1px; }

#moviles-main-inner #datos-entregas, #moviles-main-inner #datos-paradas,
#moviles-main-inner #datos-contactos, #moviles-main-inner #datos-otros,
#moviles-main-inner #datos-carga {
    float:left;
    width: 99%;
    margin: 9px 0 0 5px;
}


#moviles-main-inner #datos-carga p, #moviles-main-inner #datos-entregas p,
#moviles-main-inner #datos-paradas p, #moviles-main-inner #datos-contactos p,
#moviles-main-inner #datos-otros p, #moviles-main-inner #datos-carga p,
#moviles-main-inner #datos-viaje p {
    margin: 3px;
}

#moviles-main-inner #datos-entregas p span, #moviles-main-inner #datos-paradas p span{
    margin-right: 3px;
}

#moviles-main-inner .no-records-found{ margin: 5px;}
#moviles-main-inner .caption{ border: none!important; padding: 1px 2px; }

#moviles-main-inner .detail-item { margin-left: 2% !important;}

/********** Seguimientos **********/

#content-claro{border-color: red;}
#content-claro legend{background-color: #FF7777; border: 1px solid red; color: #FFFFFF;}
#content-movistar{border-color: green;}
#content-movistar legend{background-color: #64B764; border: 1px solid green; color: #FFFFFF;}
#content-vivo{border-color: #6E2A92;}
#content-vivo legend{background-color: #6E2A92; border: 1px solid #6E2A92; color: #FFFFFF;}

/********** Menu contextual **********/
#context-menu-equipos { font-size: 11px; }
#context-menu-equipos li ul{ width: 200px;}

/********** Menu contextual **********/


/********** gestion-choferes **********/
#gestion-choferes .moviles { width: 99%; float:left; }

/********** gestion-choferes **********/

/********** Puertos **********/
.console-panel{ padding-top: 5px; float: left; width: 25%;  }
.background-console{ float: left; width: 75%; background-color: #000; margin: 0 auto; overflow-y: scroll; }
.console-window{ padding: 5px; color: #ddd;  }

.clear-console{
  position: relative;
  bottom: 10px;
}
/********** Puertos **********/

/********** Gestion Puertos **********/

#console-main-inner .console-panel{ padding-top: 5px; float: left; width: 25%;  }
#console-main-inner .background-console{ float: left; width: 99%; min-height:350px; background-color: #000; margin: 0 auto 20px; overflow-y: scroll; }
#console-main-inner .console-window{ padding: 5px; color: #ddd;  }

/********** Gestion Puertos **********/


/********** Resumen Actualizado **********/

#actual-list-moviles{ padding: 4px; overflow-y: scroll; }
#actual-map-moviles{ padding: 4px; }
#click-movil-window{
    background-color: #5C9CCC;
    border-radius: 5px 5px 5px 5px;
    color: #DFEFFC;
    font-size: 24px;
    height: 100px;
    line-height: 100px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 75%;
    opacity: 0.85;
}
/********** Resumen Actualizado **********/


/******* Tablero *******/
.tablero .grafico {
    width: 33%;
    float: left;
    position: relative;
    margin-bottom: -5px;
}
/******* Tablero *******/

.grafico-actions { position: absolute; right: 10px; top: 10px; z-index: 10; }
.grafico-actions a { margin-left: 7px; display: inline-block; }

/******* Dos y Cuatro Graficos *******/
.dos-graficos #grafico1,
.cuatro-graficos #grafico1{
    width: 50%;
    float: left;
    position: relative;
}
.dos-graficos #grafico2,
.cuatro-graficos #grafico2{
    width: 50%;
    float: right;
    position: relative;
}
.cuatro-graficos #grafico3 {
    width: 50%;
    float: left;
    position: relative;
    margin-top: -5px;
}
.cuatro-graficos #grafico4 {
    width: 50%;
    float: right;
    position: relative;
    margin-top: -5px;
}
/******* Dos y Cuatro Graficos *******/

/******* Viajes *******/

.main-viajes { width: 98%; margin: 0 auto; width: 98%; overflow: hidden; }

#viajes-filters div#search-buttons { float: right; margin: 7px; }
#viajes-filters div.nro-viaje { margin-left: 18px; float:left; width:80px; }
#viajes-filters div.dominio { margin-left: 14px; float:left; width:80px; }
#viajes-filters input[type="text"] { width: 100%; font-family: monospace; }
#viajes-filters label { font-family: monospace; }

#viajes-actions div { margin: 4px; }
#cant-result-label { font-weight: bold; }

#search-result { float: left; width: 25%; }

#map-view {
    float: right;
    width: 75%;
}

#map { margin: 4px; }

#viajes-referencias {
    margin: 7px auto 0;
    width: 98%;
    padding: 5px 0;
    overflow: auto;
}

#viajes-referencias ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#viajes-referencias ul li {
    background-image: url("../img/referencia.png");
    background-position: 0 5px;
    background-repeat: no-repeat;
    padding-left: 33px;
    float: right;
    height: 15px;
    margin-left: 10px;
}

#viajes-referencias ul li.pdm { background-position: 0 0; }
#viajes-referencias ul li.en_curso { background-position: 0 -15px; }
#viajes-referencias ul li.cerrado { background-position: 0 -30px; }
#viajes-referencias ul li.detenido { background-position: 0 -45px; }
#viajes-referencias ul li.deposito { background-position: 0 -60px; }
#viajes-referencias ul li.descanso { background-position: 0 -75px; }
#viajes-referencias ul li.posicion { background-position: 0 -95px; height: 18px;}

#ref-container { margin-right: 20px; }

/*Autocomplete*/
ul.ui-autocomplete li a { font-family: monospace; }

#map-container { position:relative; }
#cant-buttons{ float: right;}

/******* Info Box *******/

#info-box {
    /*border: 1px solid #979797;
    bottom: 40px;*/ bottom: -1px;
    display: none;
   /* max-height: 120px;*/
    position: absolute;
    /*right: 1%;*/ right: -1px;
    width: 600px;
    z-index: 20;
}
.info-box-content{ height: 100px; margin-top: 5px; color: #1D5987; }
#info-box div { overflow: hidden; border: 0 none; }
#info-box table { border-collapse: collapse; line-height: 1; margin-bottom: 1px; margin-left: 3px; }
.info-box-content table, .info-box-content th, .info-box-content td {  border: 0 none; }
#info-box h4 { border: 0 none; margin-bottom: 1px; padding: 3px 5px; font-weight: bold; color: #1D5987; }
#info-box p { margin: 0;  padding-left: 3px; margin-bottom: 1px; }
#info-box #buttons { float: right; margin-right: 3px;}
#info-box #buttons span{ cursor: pointer; display: block; margin: 2px; float: left;}

/******* Update Box *******/

#update-box {
    border: 1px solid #979797;
    position: absolute;
    right: 1%;
    top: 150px;
    width: 250px;
    z-index: 20;
    display: none;
}
.update-box-content{ margin: 5px; color: #1D5987; font-size: 95%;}
#update-box div { overflow: hidden; border: 0 none;}
.update-box-content select, .update-box-content input { font-size: 95%;}
#update-box p { margin: 0;  padding-left: 3px; margin-bottom: 1px; }
#update-box #buttons { float: right; margin-right: 3px;}
#update-box #buttons span{ cursor: pointer; display: block; margin: 2px; float: left;}
#update-box .actions{
  clear: both;
  text-align: center;
  width: 95%;
  margin: 10px auto;
}
#update-box .actions input{
  float: left;
  margin: 10px auto;
}

#update-box .edit{ display: none; }
/******* Viajes *******/

/**** Filtros Pedidos ****/

#boton-agregar-pedido { margin-left: 0 !important; width: 27px; }
#pedidos-filtros-complejos { margin-left: 0 !important; }
#pedidos-filtros-complejos .twocols fieldset { width: 91%; }
#pedidos-filtros-complejos .twocols fieldset .twocols { width: 50%; }
#pedidos-filtros-estado { position: absolute; right: 4px; top: 44px; }
#pedidos-filtros-estado label { display: none; }
#pedidos-filtros-estado #filterModulo { width: 105px; float: left; }
#pedidos-filtros-estado #filterEstado { width: 167px; float: right; }
.pedidos-impresion { position: absolute; right: 86px; top: 92px; }

/**** Filtros Pedidos ****/

#clock {
    font:bold 18px "Trebuchet MS";
    text-shadow: 1px 1px 1px #aaa, -1px -1px 1px #666; /* FF3.5+, Opera 9+, Saf1+, Chrome */
    padding: 2px 7px;
    /*-moz-opacity:.70;
    filter:alpha(opacity=70);
    opacity:.70;
    float: right;
    margin: -30px -17px 0 10px;*/
	border-bottom-right-radius: 0;
    border-right: medium none;
	border-top: medium none;
	border-top-left-radius: 0;
	position: absolute;
    right: 0;
	top: 11px;
}

#actions-pedidos { clear: right; margin-top: 12px; }

#actions-pedidos #show { bottom: 6px; position: absolute; right: 2px; }

.form-pedido fieldset { margin: 0; }
.form-pedido fieldset #lista-seleccionar { padding-bottom: 0; }

/** Sprite Prioridades **/

.priority-plain-status { background-image: url(../img/priority-plain.png); background-color: transparent; background-repeat: no-repeat; height: 16px; width: 16px; float: right; margin-right: 4px;}
.priority-status { background-image: url(../img/prioriry-sprite.png); background-color: transparent; background-repeat: no-repeat; height: 16px; width: 16px; float: right; margin-right: 4px;}
.priority-equal { background-position: 0px 0px; }
.priority-down { background-position: -16px 0px; }
.priority-up { background-position: -32px 0px; }

/** Sprite Prioridades **/

.dragHere {
    background: url('../img/arrow-move.png') no-repeat scroll center center transparent!important;
    cursor: move;
    width: 24px;
}

/******* Nuevo Viaje *******/
#list-moviles-disp-container { float: left; margin-bottom: 4px; }
#list-moviles-selec-container  { float: right; }

#list-moviles-disp-container h4, #list-moviles-selec-container h4 { padding: 2px 4px; margin-bottom: 4px; }

#carga-acum-container { height: 23px; margin: 4px 2px 2px; }
#carga-acum-container span { float: right; }
#carga-acumulada-crear-viaje {  }
#carga-acumulada-label { padding-top:6px; font-weight: bold; }
#carga-acumulada-temp { height: 20px; margin: 4px 2px 2px 2px; padding-right: 5px; text-align: right; width: 70px; }
#carga-acumulada, #carga-muerta, #sobre-carga { font-weight: normal; }

#list-moviles-seleccionados { float: right; overflow: auto; width: 390px; min-height: 70px; }
#list-moviles-disponibles { float: left; overflow: auto; width: 390px; height: 210px; }
#list-moviles-seleccionados li,
#list-moviles-disponibles li { float: left; height: 60px; margin: 4px; width: 120px; text-align: center; cursor: move; }
#list-moviles-seleccionados li div.ui-state-highlight,
#list-moviles-disponibles li div.ui-state-highlight { border-left: none; border-right: none; border-top: none; padding-top: 2px; }

#nuevo-viaje-detalles { margin-top: 80px; }
#nuevo-viaje-detalles div.ui-state-default { height: 105px; }
#nuevo-viaje-detalles div.ui-state-hover { text-align: right; border: none; background: transparent;}
#nuevo-viaje-detalles div.ui-state-hover p:last-child { margin-bottom: 0; }


/******* Nuevo Viaje *******/

.input-alta { float: left; margin-right: 5px !important; }

/********* Form Pedidos *******/

.showDestinatarios { padding:3px 3px 0; margin:0 auto; border:1px solid #aaa; background-color:#fff; cursor:text; }
#frmNotificacion .destinatarios { width:80px; margin:0 0 2px 0; padding:0 0 3px; position:relative; top:0; float:left; border:none; background:transparent; }

.showDestinatarios span.contacto { display:block; width:auto; margin:0 3px 3px 0; padding:3px 20px 4px 8px; position:relative; float:left; text-indent:0; }
.showDestinatarios span.ui-icon { position:absolute; right:3px; top:5px;  text-decoration:none; cursor: pointer; }
.showDestinatarios span.contacto:hover { background-image: none; }
.ui-menu .ui-menu-item { white-space:nowrap; padding:0 10px 0 0; }

#asignar{
	float: right;
	margin-right: 0;
}

.pedidos-auditoria-container,
.pedidos-analisis-container { overflow: auto; }
.pedidos-analisis-container table { margin: 3px 0; box-shadow: 0 0 2px; }

.pedidos-analisis-container .twocols:last-child { float: right; margin-left: 0; margin-right: 1%;}
.pedidos-analisis-container .twocols .twocols:last-child { float: right; margin-left: 0; margin-right: 2%;}

.pedidos-auditoria-container .ico16 { display: inline-block; }

/****** Fin Form Pedidos ******/

.moviles-button
{
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    margin-right: 0.1em;
    margin-bottom: 5px;
    overflow: visible;
    padding: 0.35em 0.74em !important;
    position: relative;
    text-align: center;
    vertical-align: middle;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.movil-state-default {
    background-color: #EAF4FD;
    border: 1px solid #C5DBEC;
    color: #2E6E9E;
    font-weight: bold;
}

.movil-state-default:hover
{
	background-color: #DEEDF8;
	border: 1px solid #79B7E7;
	color: #1D5987;
	font-weight: bold;
}

.movil-state-default:active,
.movil-state-default.active {
	background-color: #F5F8F9;
    border: 1px solid #79B7E7;
    color: #E17009;
	font-weight: bold;

}

/* Gestión de Waypoints */
.datos-clientes-container{ float: left; width: 25%; margin-left: 1% !important; }

#edition-container { margin-top: -10px; min-height: 400px; }

#edition-container .actions{
    clear: both;
    margin: 10px 0;
    text-align: center;
    width: 100%;
}
.threequarters #moviles-mapa{ margin-top: 5px; }

/* Módulo Configuración Moviles con Equipos S200*/

.configuracion table{ margin-top: 4px !important; }
.configuracion .onequarter, .configuracion .threequarters{ margin-left: 1% !important; }

.estado_sensores { color: white; font-weight: bold; text-align: center;}
.estado_sensor_0 {background-color: #64FF64;}
.estado_sensor_1 {background-color: #F72828;}
.estado_sensor_hover { cursor: pointer; }

#sensor_shower{
	 background-image:url("../img/bg_sensores.jpg");
	 background-position: 0 0;
	 width: 190px;
	 height: 130px;
}
.output_shower{
	background-image:url("../img/bg_semi.jpg");
	 width: 422px;
	 height: 130px;
}
.semi_baranda{background-position: 0 0; }
.semi_batea{background-position: 0 -260px; }
.semi_furgon{ background-position: 0 -520px; }
.semi_jaula{ background-position: 0 -780px; }
.semi_refrigerado{ background-position: 0 -1040px; }
.semi_tanque{ background-position: 0 -1300px; }
.semi_baranda_hover{background-position: 0 -130px; }
.semi_batea_hover{background-position: 0 -390px; }
.semi_furgon_hover{ background-position: 0 -650px; }
.semi_jaula_hover{ background-position: 0 -910px; }
.semi_refrigerado_hover{ background-position: 0 -1170px; }
.semi_tanque_hover{ background-position: 0 -1430px; }

.configuracion .reload24 {
    margin-top: 5px;
    position: absolute;
    right: 12px;
}

.clear_filters{
    background-image: url("../img/clean_brush.png");
    cursor: pointer;
    float: left;
    height: 16px;
    margin: 24px 0 0 10px;
    width: 16px;
}

#index-mapa-container {
    margin-top: 10px;
    min-height: 300px;
    position: fixed;
    right: 77px;
    width: 67.3%;
    z-index: 10;
    box-shadow: 0 0 5px 5px rgba(68, 68, 68, 0.45);
}

#index-mapa-container span{
    position: absolute;
    right: 2px;
    top: 2px;
    cursor: pointer;
}

.detail-form .ui-slider .ui-slider-range { margin: 0 !important; }

#frmTermografo form label { display: inline !important; float: left !important; }
#frmTermografo #amount { width: 100px; float: left; }

.table-header-right{text-align: right;}

/*------------------------------ COMIDAS ------------------------------ ---*/

#content-main-inner .details-item {
	margin-left: 2% !important;
}

#content-main-inner .list-items fieldset, #content-main-inner .details-item fieldset{
	margin: 10px 0 0 !important;
}
#content-main-inner .twocols{
	margin: 0 !important;
	width: 49%;
}
#content-main-inner .details-item{
	margin-left: 2% !important;
}
.list-table-items{
	float: left;
    margin-top: 10px;
    width: 100%;
}
.table-container{
	/*margin-top: 10px;*/
	height: auto;
	overflow-y: auto;
}
.list-table-items table tr:hover{
	cursor: pointer;
}
.details-menu-comidas #filterComida, .details-menu-comidas #filterMenu{
	color: #7DA9CB;
}

.form-pedido-buttom{
	width: 40%;
}

.list-menus-hoy h2{
	letter-spacing: 3px;
}

.menu-dia{ cursor: pointer; }

#txtPedidoActual {
    display: inline;
    margin-right: 20px;
    vertical-align: middle;
}

.twocolsLeft { width: 48%; margin-top: 1%; margin-left: 1% !important; float:left; }
.twocolsRight { width: 48%; margin-top: 1%; margin-right: 1% !important; float:right; }
.onecolCenter { float: left; margin: 1% 1% 5px !important; width: 98%; }

span.set-moroso { font-size: 0.86em; font-weight: bold; color: red; }

.ui-state-success{
	background: #dff0d8 !important;
	border: 1px solid #d0e9c6 !important;
	color: #3c763d !important;
	font-weight: bold;
}
.ui-state-success:hover{ background: #d0e9c6 !important; }
.dashboard-square{
	float: left;
	margin: 10px 0 10px 20px;
}

.dashboard-square span{
	display: block;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	margin: 0;
	color: white;
}

.dashboard-square span.square-title, .dashboard-square span.square-access{
	padding: 5px 0;
}
.dashboard-square span.square-title{
	text-transform: uppercase;
	border: 1px solid;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.dashboard-square span.square-access{
	border: 1px solid;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
	cursor: pointer;
	text-align: left;
	text-transform: capitalize;
	font-weight: normal;
	padding-left: 10px;
}

.square-access :hover{
	color: white;
}
.dashboard-square span.square-content{
	font-size: 36px;
	padding: 25px 0;
}

.dashboard-square span.square-title.blue{ background-color: #629ce3; border-color: #629ce3; }
.dashboard-square span.square-content.blue{ background-color: #4388de; }
.dashboard-square span.square-access.blue{ background-color: #226dc9; border-color: #226dc9; color: #629ce3; }

.dashboard-square span.square-title.green{ background-color: #98cf61; border-color: #98cf61; }
.dashboard-square span.square-content.green{ background-color: #86c746 }
.dashboard-square span.square-access.green{ background-color: #6da633; border-color: #6da633; color: #98cf61; }

.dashboard-square span.square-title.gray{ background-color: #909aab; border-color: #909aab; }
.dashboard-square span.square-content.gray{ background-color: #7b879c }
.dashboard-square span.square-access.gray{ background-color: #606b80; border-color: #606b80; color: #909aab; }

.dashboard-square span.square-title.violet{ background-color: #9f59bd; border-color: #9f59bd; }
.dashboard-square span.square-content.violet{ background-color: #8c44ab }
.dashboard-square span.square-access.violet{ background-color: #6f3687; border-color: #6f3687; color: #9f59bd; }

.dashboard-square span.square-title.red{ background-color: #d44c3f; border-color: #d44c3f; }
.dashboard-square span.square-content.red{ background-color: #bf382c }
.dashboard-square span.square-access.red{ background-color: #ad291f; border-color: #ad291f; color: #d44c3f; }

.dashboard-square span.square-title.orange{ background-color: #f5a938; border-color: #f5a938; }
.dashboard-square span.square-content.orange{ background-color: #f29913 }
.dashboard-square span.square-access.orange{ background-color: #e08504; border-color: #e08504; color: #f5a938; }

.dashboard-square span.square-title.pink{ background-color: rgba(255, 138, 204, 0.6); border-color: rgba(255, 138, 204, 0.6); }
.dashboard-square span.square-content.pink{ background-color: rgba(255, 138, 204, 0.8) }
.dashboard-square span.square-access.pink{ background-color: rgba(255, 138, 204, 1); border-color: rgba(255, 138, 204, 1); color: #fcb8de; }

.dashboard-square span.square-title.light-blue{ background-color: rgba(53, 184, 224, 0.6); border-color: rgba(53, 184, 224, 0.6); }
.dashboard-square span.square-content.light-blue{ background-color: rgba(53, 184, 224, 0.8) }
.dashboard-square span.square-access.light-blue{ background-color: rgba(53, 184, 224, 1); border-color: rgba(53, 184, 224, 1); color: #83d4eb; }


.dashboard-charts{
	float: left;
	display: block;
	margin: 10px 0 10px 20px;
	border: 1px solid;
	border-radius: 2px;
	border-color: #d2d2d4;
}

.reports-charts {
	float: left;
	display: block;    
    width: 98%;
}

.dashboard-charts.blue{ border-top-color: #226dc9; }
.dashboard-charts.green{ border-top-color: #6da633; }
.dashboard-charts.gray{ border-top-color: #606b80; }
.dashboard-charts.violet{ border-top-color: #6f3687; }
.dashboard-charts.red{ border-top-color: #ad291f; }
.dashboard-charts.orange{ border-top-color: #e08504; }
.dashboard-charts.pink{ border-top-color: rgba(255, 138, 204, 1); }
.dashboard-charts.light-blue{ border-top-color: rgba(53, 184, 224, 1); }

.dashboard-charts canvas{margin: 20px 15px 0; width: 95% !important;}
.reports-charts canvas{margin: 10px auto 10px auto;}

.ui-state-default.ui-corner-all.lbl-km {
   	height: 14px;
	width: 97%;
    padding: 3px;
}

.delivery-form .ui-state-success, .delivery-form .ui-state-error{ margin: 20px 0;}

.delivery-form .ui-btn-info{
	background: #d9edf7 !important;
	border: 1px solid #bcdff1 !important;
	color: #31708f !important;
	font-weight: bold;
}
.delivery-form .ui-btn-info:hover{
	background: #bcdff1 !important;
}

.m-t-15 {
    margin-top: 15px;
}

.bg_remito .dragDiv{
    height: 60px;
}

.profile-email{
  margin: 3px;
}
.profile-email span.email {
  background-color: #
}
.profile-email span.email {
  padding: 2px 0 3px 3px;
}
.profile-email span.remove-list-item{
  width: 16px; height: 16px; float: right; margin: 2px;
}

/* Css para divs de la nueva libreria */
.modal-wrapper {
  position: fixed !important;
  top: 0 !important;;
  left: 0  !important;;
  z-index: 20;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background-color: rgba(0, 0, 0, 0.50)
}

.modal-body {
  background-color: white;
  border-radius: 8px;
  padding: 8px;
  position: relative;
}

.loader {
  --d:18px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: #25b09b;
  box-shadow: 
    calc(1*var(--d))      calc(0*var(--d))     0 0,
    calc(0.707*var(--d))  calc(0.707*var(--d)) 0 1px,
    calc(0*var(--d))      calc(1*var(--d))     0 2px,
    calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 3px,
    calc(-1*var(--d))     calc(0*var(--d))     0 4px,
    calc(-0.707*var(--d)) calc(-0.707*var(--d))0 5px,
    calc(0*var(--d))      calc(-1*var(--d))    0 6px;
  animation: l27 1s infinite steps(8);
}
@keyframes l27 {
  100% {transform: rotate(1turn)}
}