body {
  /*background-color: #8d908f*/
 /*background-color: #919293; color fondo sugerido*/
  /*background-color: #ffffff;*/
  /*background-color: #dadada;*/
  background-color: #FBFBF9
}

.bodyFondo {
  background-color: #FBFBF9
}


.form-control{
  /*font-family: Verdana,Arial,sans-serif;*/
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;
  font-size: 11px!important;
  color:#353536!important;
  font-weight: normal !important;
}

.form-group{
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;
  font-size: 11px;
  /*font-weight: bold;*/
}

.flexconteiner {
  justify-content: flex-start;
  align-items: center;
  font: 10px arial;
}

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding:7px;
}

label, .label{
  /*font-family: Verdana,Arial,sans-serif;*/
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;
  color:#353536;
  font-size: 11px!important;
  font-weight: bold!important;
  /*
  font-weight: bold;
  color: DodgerBlue;*/
}

.labelColor{
  color:#008B8B;
}


.numerico{
  color: #3b83bd!important;
  font-weight: bold!important;
  text-align: right !important;
}

.numericoLabel{
  color: #3b83bd!important;
  font-weight: bold!important;
  text-align: right !important;
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;
    font-size: 11px!important;
}

/*
input[type=number] {
  text-align: right;
  direction: rtl;
}
*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { margin-left: 0.5em;} 
input[type=number] {-moz-appearance:textfield;}
input[type='number'] {text-align: right;}


input[type="file"] {
  display: none;
}

.tc{
  text-align:center;
}
.tr{
  text-align:right;
}
.tl{
  text-align:left;
}
.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


.small {
  padding: 4px;
  font-size:11px!important;
}

.custom-file-upload {
  display: inline-block;
  padding: 1px 1px;
  cursor: pointer;
  font-size: 10px;
}

fieldset.scheduler-border {
  border: 1px groove #3b83bd !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-transition: all .2s!important;
  transition: all .2s!important;
}

fieldset input {
  font-size:12px!important;
} 

legend.scheduler-border {
  font-size: 75%;
  color: #8B0000;
  font-weight: bold !important;
  text-align: center !important;
  width:auto;
  padding:0 1px;
  border-bottom:none;
}


/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #008B8B; 
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-title{
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;
  font-size: 14px!important;
  font-weight: bold !important;
} 

.title {
  font-family: Calibri, "Helvetica", san-serif;
  line-height: 1.5em;
  color: #008B8B;
  /*color:#EC1B2E;*/
  font-size: 18px;
}

.titleTabs {
  font-family: Calibri, "Helvetica", san-serif;
  line-height: 1.3em;
  color: #008B8B;
  font-size: 13px;
  font-weight:bold;
  
}

h4:after{
  content:' ';
  display:block;
  /*border:1px solid #EC1B2E*/
  border:1px solid #008B8B;
  
}
  
.modal-header {
  border-bottom:1px solid #eee !important;
  background-color: #008B8B!important;
  /*background-color:#DC143C!important;*/
  /*background-color:#EC1B2E!important; /*pricipal*/
  /*background-color:#D62132!important; secundario*/
  /*background-color:#000000!important;  negro*/
  color:#FFF!important;
  padding:10px 10px!important;
  -webkit-border-top-left-radius: 5px !important;
  -webkit-border-top-right-radius: 5px!important;
  -moz-border-radius-topleft: 5px!important;
  -moz-border-radius-topright: 5px!important;
  border-top-left-radius: 5px!important;
  border-top-right-radius: 5px!important;
  text-align:center!important;
}

.modal-header .close {
  height: 25px;
  width: 25px;
  margin-top: -25px;
  background: #333;
  color: #fff;
  text-decoration: none;
  border: 2px solid #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
    -webkit-box-shadow: -2px 1px 3px #ccc;
  -moz-box-shadow: -2px 1px 3px #ccc;
  box-shadow: -2px 1px 3px #ccc;
}

.modal-header .close:hover {
  color: #fff;
  text-decoration: none;
}

/*
.modal-header .close {
  margin: 0;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 23px;
  height: 23px;
  border-radius: 23px;
  background-color: #00aeef;
  color: #ffffff;
  font-size: 9px;
  opacity: 1;
  z-index: 10;
}
*/
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}


.list-group-item justify-content-between{
  font-size: 10px!important;  
}

.tabset{
  font-size: 9px;
}

.tab-container {
    border-style: solid;
    border-color: #dcdcdc;
    border-width: 0px 1px 1px 1px;
    background-color: #8CBEB2;
    padding: 15px;
}

.panel {
  /*border-color: #EC1B2E;*/
  border-color:#008B8B;
}

.list-group input[type="checkbox"]:checked + .list-group-item {
  background-color:#98FB98!important;
  color: #FFF!important;
}


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

.panel-titleTab{
  height: 8px;
  padding:0;
  font-size: 11px;
  font-weight: bold;
} 

.panel > .panel-heading {
  background-image: none;
  /*border-color: #EC1B2E!important;*/ 
  /*border-color:#008B8B;*/
  border-color:white!important;
  /*background-color: #EC1B2E;*/
  background-color: #008B8B;
  text-align: center;
  color: white!important;
}

.panel-h {
  border-color: blue;
}

.panel-entra {
  border-color: green;
  border-width: 3px;
}
.panel-sale {
  border-color: red;
  border-width: 3px;
}

.panelTituloRojo{
  background-color:#EC1B2E;
  height: 8px;
  padding:0;
  font-size:12px;
  font-weight: bold;
}

.navbar-brand{
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;
  font-size: 15px!important;
}

.navbar-link{
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;
  font-size: 12px!important;
}

/*
navbar-link {
  color: DimGray !important;
}
*/

.navbar-nav>.open>a{
  border-bottom: 2px solid #008B8B!important;

}

.navbar-nav>li.active{
  border-bottom: 2px solid #008B8B!important;
}

.navbar-nav>li.active>a:focus{
  border-bottom: 2px solid #008B8B!important;
}


.navbar-inverse {
  /*font-family:normal!important;*/
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;
  font-size: 13px!important;
  background-color: #2e353d;
  color: #e1ffff;
  text-decoration:none;
  vertical-align:middle;
  width:100%;
  padding:0 10px;
  box-sizing:border-box;
}

.navbar-link:hover{
  color:DimGray !important;
  font-weight: bold !important;
  border-left: 4px solid  #008B8B 
  /*border-left: 4px solid DodgerBlue*/ 
  
  /*border-left: 4px solid #EC1B2E */
  /*box-shadow: 0 2px blue;*/
} 

.nav-pills{
  background-color: #ffffff!important;
  font-size: 10px;

}

.nav-pills>li{
  background-color: #ffffff!important;
  text-transform: uppercase;

}

.nav-pills>li>a>i> {
  margin-right: 13px
}

.nav>li>a {
  color: #008B8B;
  /*font-weight: bold;*/
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}


.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
  background-color: #fff;
  color:#008B8B;
  font-weight: bold;
  /* border-top: 1px solid #008B8B;
  border-left: 1px solid #008B8B;
  border-right: 1px solid #008B8B;*/
  border-bottom: 3px solid #008B8B;
}


.navbar-nav li:hover > ul.dropdown-menu {
  display: block;
}
.dropdown-submenu {
  position:relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
} 

.dropdown-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #222222;
  border-style: solid;
  border-width: 3px 0 3px 3px;
  content: " ";
}

.navbar-nav li a:hover, .navbar-nav > .active > a {
  background-color:#222222 !important;
  background-image: none !important;
}

.input-group .border-lable-flt {
  display: table-cell;
}

.input-group .border-lable-flt .form-control {
  border-radius: 0.25rem;
}
.input-group .border-lable-flt:not(:last-child), .input-group .border-lable-flt:not(:last-child) .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0;
}
.input-group .border-lable-flt:not(:first-child), .input-group .border-lable-flt:not(:first-child) .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}


.border-lable-flt, .border-lable-flt-angucomplete, .border-lable-flt-select  {
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;
  color:#353536;
  display: block;
  position: relative;
  font-weight: bold !important;
}

.border-lable-flt label, .border-lable-flt > span,
.border-lable-flt-angucomplete label, .border-lable-flt-angucomplete > span,
.border-lable-flt-select label, .border-lable-flt-select > span{
  position: absolute;
  cursor: text;
  font-size: 95%;
  /*color: #3b83bd;*/
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
  top: -.8em;
  left: 1.0rem;
  z-index: 3;
  line-height: 1;
  padding: 0 0px;
}

.border-lable-flt label::after, .border-lable-flt > span::after,
.border-lable-flt-angucomplete label::after, .border-lable-flt-angucomplete > span::after,
.border-lable-flt-select label::after, .border-lable-flt-select > span::after{
  content: " ";
  display: block;
  position: absolute;
  /*background: white;*/
  background-color: transparent;
  height: 3px;
  top: 50%;
  left: -.26em;
  right: -.26em;
  z-index: -1;
}

.border-lable-flt .form-control::-webkit-input-placeholder,
.border-lable-flt-angucomplete .form-control::-webkit-input-placeholder,
.border-lable-flt-select .form-control::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.ui-select-bootstrap>.ui-select-match>.btn,
.form-control:focus {
  height: 30px;
  padding: 6px 6px;
  font-size: 11px;
  line-height: 1.3333333;
  border-radius: 6px;
  
  }   

  .ui-select-highlight{
    color: red!important;
    font-weight:bold !important;
  }
  
 
uib-tab-heading>i{
  margin-right: 3px !important;
}
 
.uib-time input {
  width: 30px;
  padding: 0;
  height: 30px;
  font-size: 10px;
  font-weight:200;
}

.uib-time > .btn-default{
  padding: 0;
  height: 30px;
  width: 32px;
  margin-left: 3px;
  font-size: 10px;
  font-weight: 200;
  position: relative;
  bottom: 1px;
  
}

.uib-separator{
  font-weight:200;
}

.uib-increment > .btn-link, .uib-decrement > .btn-link{
  padding:-0;
  color: #008B8B;
}



.angucomplete-selected-row {
 
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;
  background-color: lightblue;
  color: black;
  font-weight:bold
}

.angucomplete-description {
  font-size: 10px!important;
  font-style: italic;
  font-weight:normal
  /*font-weight:bold*/
}

.highlight {
  
  font-weight:bold !important;
  /*color: #008B8B !important;*/
  color: red !important
  
}
.popover-width-200 {
  max-width: 200px;
}
.popover-width-300 {
  max-width: 300px;
}

.popover-width-400 {
  max-width: 400px;
}
.popover-width-600 {
  max-width: 600px;
}

.popover-title{
  padding:9px 15px;
  line-height:0;
  /*background-color:#f5f5f5;*/
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;
  color: #ffffff;
  font-size: 11px!important;
  font-weight: bold !important;
  text-align:center!important;
  background-color: #008B8B!important;
  border-bottom:1px solid #eee;
  -webkit-border-radius:3px 3px 0 0;
  -moz-border-radius:3px 3px 0 0;
  border-radius:3px 3px 0 0;}

.popover-content{
  padding:14px;
  background-color:#ffffff;
  font-size: 10px!important;
  font-weight: normal !important;
  -webkit-border-radius:0 0 3px 3px;
  -moz-border-radius:0 0 3px 3px;
  border-radius:0 0 3px 3px;
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding-box;
  background-clip:padding-box;
}

.popover-content p,.popover-content ul,.popover-content ol{margin-bottom:0;}

.badge {
  padding: 1px 9px 2px;
  font-size: 12.025px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #999999;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.badge-error {
  background-color: #b94a48;
}
.badge-error:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406 !important;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
  background-color: #468847;
}
.badge-success:hover {
  background-color: #356635;
}
/*
.badge-info {
  background-color: #3a87ad  !important;
}
*/
.badge-info {
  font-size:12px;
  background-color: #3a87ad;
  padding:3px 6px 3px 6px;
  
}

.badge-info:hover {
  background-color: #2d6987;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}

.badge-inverse {
    background-color: #333333;
}

.switch {
  width: 35px;
  height: 20px;
  background: #dadada;
  
}
.switch small {
  border-radius: 100%;
  width: 20px;
  height: 20px;
    
}
.switch.checked small {
  left: 15px;
}
.switch:focus {
  outline: none;
}

.switch .switch-text {
  /*font-family:Arial, Helvetica, sans-serif;*/
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;
  font-size:11px;
}

.red.switch.checked {
  background: red;
  border-color: red;
}


span.green.switch.ng-not-empty.ng-valid{
	background: #e4605e!important;
    border-color: #e4605e!important;

}
/*
span.green.switch.ng-not-empty.ng-valid.checked{
	background: green!important;
    border-color: green!important;

}
*/
.green.switch.green.ng-not-empty.ng-valid.checked{
	background: green!important;
    border-color: green!important;
}

.green .off{
	color:#fff;
  right: 2%;
 
}

.radioClass1 .radio label {
  /*color: maroon;*/
  color: #3D2044!important;
  padding: 5px 5px 5px 36px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  border-radius: 3px;
  -webkit-transition: all 0.13s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; 
}

.radioClass1 input[type="radio"] {
  display: none; 
}

.radioClass1 .radio input:disabled+label {
  background-color:  #ddf3f3;
  opacity: 1;
  cursor: not-allowed;
  pointer-events: all !important;
}

.radioClass1 .radio label:hover{
    background: rgba(0, 116, 217, 0.2);
}

.radioClass1 .radio label:before{
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  position: absolute;
  left: 15px;
  border-radius: 50%;
  background: none;
  /*border: 3px solid maroon; */
  border:3px solid #3D2044;
}

  
.radioClass1 input[type="radio"]:checked + label:before {
  display: none; 
}



.radioClass1 input[type="radio"]:checked + label {
  padding: 5px 15px;
  background: #B0C4DE;
  border-radius: 2px;
  color: #fff; 
}




.radioClass .radio label {
  /*color: maroon;*/
  color: #008B8B!important;
  padding: 5px 5px 5px 36px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  border-radius: 3px;
  -webkit-transition: all 0.13s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; 
}

.radioClass input[type="radio"] {
  display: none; 
}

.radioClass .radio input:disabled+label {
  background-color:  #ddf3f3;
  opacity: 1;
  cursor: not-allowed;
  pointer-events: all !important;
}

.radioClass .radio label:hover{
    background: rgba(0, 116, 217, 0.2);
}

.radioClass .radio label:before{
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  position: absolute;
  left: 15px;
  border-radius: 50%;
  background: none;
  /*border: 3px solid maroon; */
  border:3px solid #008B8B;
}

  
.radioClass input[type="radio"]:checked + label:before {
  display: none; 
}

.radioClass input[type="radio"]:checked + label {
  padding: 5px 15px;
  background: #B0C4DE;
  border-radius: 2px;
  color: #fff; 
}

.checkClass .checkbox label {
    /*color: maroon;*/
  color: #008B8B;
    padding: 5px 5px 5px 36px;
  display: inline-block;
    position: relative;
  cursor: pointer;
  font-size: 12px;
  border-radius: 3px;
  -webkit-transition: all 0.13s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; 
}

.checkClass input[type="checkbox"] {
  display: none; 
}

.checkClass .checkbox label:hover{
    background: rgba(0, 116, 217, 0.2);
}

.checkClass .checkbox label:before{
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  position: absolute;
  left: 15px;
  border-radius: 50%;
  background: none;
  /*border: 3px solid maroon; */
  border: 3px solid #008B8B;
}

.checkClass input[type="checkbox"]:checked + label:before {
  display: none; 
}

.checkClass input[type="checkbox"]:checked + label {
  padding: 5px 15px;
  background: #B0C4DE;
  border-radius: 2px;
  color: #fff; 
}


[data-tooltip] {
  display: inline-block;
  position: relative;
  /*cursor: help;*/
  cursor: pointer;
  padding: 4px;
}
/* Tooltip styling */
[data-tooltip]:before {
  content: attr(data-tooltip);
  display: none;
  position: absolute;
  /*background: #fff;
  color: #000;*/
  color: #fff;
  background: #000;
  padding: 4px 8px;
  font-size: 11px;
  line-height: 1.4;
  min-width: 100px;
  text-align: center;
  border-radius: 4px;
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
  left: 50%;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
  top: 50%;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
[data-tooltip-position="top"]:before {
  bottom: 100%;
  margin-bottom: 6px;
}
[data-tooltip-position="right"]:before {
  left: 100%;
  margin-left: 6px;
}
[data-tooltip-position="bottom"]:before {
  top: 100%;
  margin-top: 6px;
}
[data-tooltip-position="left"]:before {
  right: 100%;
  margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
  content: '';
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
  left: 50%;
  margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
  top: 50%;
  margin-top: -6px;
}
[data-tooltip-position="top"]:after {
  bottom: 100%;
  border-width: 6px 6px 0;
  border-top-color: #000;
}
[data-tooltip-position="right"]:after {
  left: 100%;
  border-width: 6px 6px 6px 0;
  border-right-color: #000;
}
[data-tooltip-position="bottom"]:after {
  top: 100%;
  border-width: 0 6px 6px;
  border-bottom-color: #000;
}
[data-tooltip-position="left"]:after {
  right: 100%;
  border-width: 6px 0 6px 6px;
  border-left-color: #000;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display: block;
  z-index: 50;
}

.circuloGrande {
  width:40px;
  height:40px;
  border-radius: 50%;
  border:4px solid #008B8B;
  float:left;
}
.circuloGrande:hover{
  border-radius: 0%;
}

.circuloChico {
  width:20px;
  height:20px;
  border-radius: 50%;
  border:2px solid #008B8B;
  float:left;
}

.circuloChico:hover{
  border-radius: 0%;
}

.pagination{
font-size:11px!important;
font-weight: bold;
} 

.pagination-sm{
font-size:10px!important;
font-weight: bold;
} 

.pagination-xs{
font-size:8px!important;
font-weight: bold;
} 

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,
.pagination-sm>.active>a, .pagination-sm>.active>a:focus, .pagination-sm>.active>a:hover, .pagination-sm>.active>span, .pagination-sm>.active>span:focus, .pagination-sm>.active>span:hover,
.pagination-xs>.active>a, .pagination-xs>.active>a:focus, .pagination-xs>.active>a:hover, .pagination-xs>.active>span, .pagination-xs>.active>span:focus, .pagination-xs>.active>span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #008B8B!important;
  border-color: #008B8B!important;
}

/*
.pagination-sm>.active>a, .pagination-sm>.active>a:focus, .pagination-sm>.active>a:hover, .pagination-sm>.active>span, .pagination-sm>.active>span:focus, .pagination-sm>.active>span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #008B8B!important;
  border-color: #008B8B!important;
}
*/
.pagination-sm>li>a, .pagination-sm>li>span {
  padding: 5px 10px!important;
  font-size: 10px!important;
  /* line-height: 1.5; */
}


/* TABLAS Y GRILLAS*/
/*Fondo blanco de la grilla*/
.ad-table-container{
  background-color: #ffffff;
  /*background-color: #dadada;*/
}

/* offset-x | offset-y | blur-radius | color */
.ad-table-lite-container{
  margin-bottom: 20px!important;
  box-shadow: 0px 5px 10px black!important;
  
  /*box-shadow: 0px 0px 10px 1px black!important;*/
}

.table>thead>tr:first-child{
  background-color: #008B8B!important;
  /*background-color: #EC1B2E!important;*/
    color: #ffffff;
}

.table > tbody > tr > td {
  vertical-align: middle!important;
}

/*efecto de la fila*/
.table > tbody > tr:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8);
}

.table-sm {
  font-size:10px!important;
}

.table-xs {
  font-size:9px!important;
}

.table th {
  font-size:11px!important;
  text-align: center!important;
}

tfoot {
  background-color: #3f87a6;
  color: #fff;
}

.tablasinborde td{
  border: none !important;
}
    
.tablaTrsinborde tr{
  border-bottom: 1px solid #dcdcdc;
}

.sinborde {
      border: 0;
}
.sinbordefondo {
  background-color: #eee;
  border: 0;
}

.centrarTabla{
  position :relative !important; 
  /* left: 10% !important;*/
}


.total{
  font-size:13px!important;
  color: #3b83bd!important;
  font-weight: bold!important;
  text-align: right!important;
}

.totalFoot{
  font-size:13px!important;
  color: #ffffff!important;
  font-weight: bold!important;
  text-align: right!important;
}

.totalFootC{
  font-size:13px!important;
  color: #ffffff!important;
  font-weight: bold!important;
  text-align: center!important;
}

tfoot {
  background-color: #3f87a6;
  color: #fff;
}


/*BOTONES*/
.pointer {
  cursor: pointer;
}
.botonhome {
  cursor: pointer;
}
.botonhome:hover {
  color: blue;
}

.cerrarSesion {
  cursor: pointer;
}
.cerrarSesion:hover {
  color: red;
}

.glyphicon-plus-sign, .glyphicon-minus-sign{
  color: #008B8B!important;
	font-size: 17px!important;
}	


.glyphicon-plus-sign:hover, .glyphicon-minus-sign:hover, .glyphicon-refresh:hover{
	color: #5bc0de!important;
	transform: scale(1.2)!important
}
.glyphicon-refresh{
  color: #fff!important;
	font-size: 17px!important;
}	

.glyphicon-refresh:hover{
	color: #fff !important;
	transform: scale(1.2)!important
}

.fa-angle-left, .fa-angle-right {
  font-size: 20px !important;
  color: #008B8B;
  position:absolute;
  margin-top:1%;
}

.fa-angle-left {
left:0%;
}

.fa-angle-left:hover , .fa-angle-right:hover{
  transform: scale(1.4)!important;
 
}

.fa-angle-right {
  right:2%;
}



.volver{
  color:#008B8B;
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;
  font-size: 13px;
  /*font-weight: bold !important;*/
  text-align:center;
}

.fas:hover{
  transform: scale(1.2)!important;
}

/*buttons*/
/*saca el border del boton cuando hace click*/
button:focus {
  box-shadow: none !important;
  outline: none !important; 
}

.btn-outline-primary{color:#337ab7; border: solid 0.150rem #337ab7; border-radius: 1.25rem;}
.btn-outline-primary:hover{color:#fff;background-color:#337ab7;border: solid 0.150rem rgba(0,123,255,.5); border-radius: 1.25rem;}
.btn-outline-primary.focus,
.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled{color:#337ab7;background-color:transparent}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,.show>
.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#337ab7;border: solid 0.150rem #337ab7; border-radius: 1.25rem;}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>
.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}

.btn-outline-danger{color:#d9534f; border: solid 0.150rem #d9534f; border-radius: 1.25rem; }
.btn-outline-danger:hover{color:#fff;background-color:#d9534f;border-color:rgba(255, 51, 0, 0.5)}
.btn-outline-danger.focus,
.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(255, 51, 0, 0.5)}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled{color:#d9534f;background-color:transparent}
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,.show>
.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#d9534f;border: solid 0.150rem #d9534f; border-radius: 1.25rem; }
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>
.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255, 51, 0, 0.5)}

.btn-outline-info{color:#5bc0de; border: solid 0.150rem #5bc0de; border-radius: 1.25rem;}
.btn-outline-info:hover{color:#fff;background-color:#5bc0de; border: solid 0.150rem #46b8da; border-radius: 1.25rem;}
.btn-outline-info.focus,
.btn-outline-info:focus{box-shadow:0 0 0 .2rem #5bc0de}
.btn-outline-info.disabled,
.btn-outline-info:disabled{color:#5bc0de;background-color:transparent}
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,.show>
.btn-outline-info.dropdown-toggle{color:#fff;background-color:#5bc0de;border: solid 0.150rem #46b8da; border-radius: 1.25rem;}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>
.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #46b8da}

.btn-outline-success{color:#5cb85c; border: solid 0.150rem #5cb85c; border-radius: 1.25rem;}
.btn-outline-success:hover{color:#fff;background-color:#5cb85c;border: solid 0.150rem #4cae4c; border-radius: 1.25rem;}
.btn-outline-success.focus,
.btn-outline-success:focus{box-shadow:0 0 0 .2rem #5cb85c}
.btn-outline-success.disabled,
.btn-outline-success:disabled{color:#5cb85c;background-color:transparent}
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,.show>
.btn-outline-success.dropdown-toggle{color:#fff;background-color:#5cb85c;border: solid 0.150rem #4cae4c; border-radius: 1.25rem;}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>
.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #4cae4c}

.btn-outline-warning{color:#f0ad4e; border: solid 0.150rem #f0ad4e; border-radius: 1.25rem;}
.btn-outline-warning:hover{color:#fff;background-color:#f0ad4e; border: solid 0.150rem #eea236; border-radius: 1.25rem;}
.btn-outline-warning.focus,
.btn-outline-warning:focus{box-shadow:0 0 0 .2rem #eea236}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled{color:#f0ad4e;background-color:transparent}
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,.show>
.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#f0ad4e;border-color:#eea236}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>
.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #eea236}

.btn-outline-default{color:#818181;border: solid 0.150rem #818181; border-radius: 1.25rem;}
.btn-outline-default:hover{color:#fff;background-color:#818181;border: solid 0.150rem #818181; border-radius: 1.25rem;}
.btn-outline-default.focus,
.btn-outline-default:focus{box-shadow:0 0 0 .2rem #818181}
.btn-outline-default.disabled,
.btn-outline-default:disabled{color:#818181;background-color:transparent}
.btn-outline-default:not(:disabled):not(.disabled).active,
.btn-outline-default:not(:disabled):not(.disabled):active,.show>
.btn-outline-default.dropdown-toggle{color:#fff;background-color:#818181;border: solid 0.150rem #818181; border-radius: 1.25rem;}
.btn-outline-default:not(:disabled):not(.disabled).active:focus,
.btn-outline-default:not(:disabled):not(.disabled):active:focus,.show>
.btn-outline-default.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #818181}

.fa-plus-circle, .fa-rss-square, .fa-sync-alt{
  color:#ffffff;
  padding-right: 2px;
  display: inline-block;
}


/*Icons*/
.buttons, .buttonEditar, .buttonEliminar, .buttonInfo,.buttonVerde {
  color: #008B8B;
    padding-right: 2px;
    display: inline-block;

}

.buttonEliminarBlanco{
  color: #ffffff;
  padding-right: 2px;
}

.buttonEliminarBlanco:hover {
  color:red;
}

.buttonEditar:before{
    padding-right: 2px;
}
/*
.buttonEliminar {
  color: #008B8B;
}
*/
.buttonEditar:hover {
  color: #f0ad4e;
  transform: scale(1.2)
}

.buttonEliminar:hover {
  color:red;
  transform: scale(1.2);
  /*border-radius: 50%;
  background-color: #999898 !important;*/
}

.buttonInfo:hover {
  color:#2aabd2;
  transform: scale(1.2)
}

.fa-plus-circle:hover, .fa-rss-square:hover{
  transform: scale(1.2)
}

.buttonVerde:hover {
  color:#419641;
  transform: scale(1.2)
}

.colorRojo{
    color:red;
}
.colorOrange{
    color:orange;
}

.colorBrown{
    color:brown;
}

.teal-color {
  color:teal;
}

.editable-buttons button {
  width: 25px!important;
  height: 25px!important;
  padding: 0px!important;
}

.btn-spacing1 {
  margin-right: 1px !important;
}

.btn-spacing3 {
  margin-right: 3px !important;
}

.btn-spacing {
  margin-right: 5px !important;
}

.espacio20{
  margin-right: 20px !important;
}

.btn-spacingLeft {
  margin-left: 10px !important;
}

/*LOGIN*/
.msgValidLogin{
  font: 13px arial;
  /*color:firebrick; */
  color:darkred;
  padding:0px;
}  

.msgLogin{
  font: 12px arial;
  color: DodgerBlue;
  padding:0px;
} 

/*VALIDACIONES */
.msgValid{
  font: 11px arial;
  /*color:firebrick;*/  
  color:darkred;
  padding:0px;
} 
.asterisco{
  font-size:12px;
  /*color:#EC1B2E;*/
  margin-left:5px !important;
  font-weight: bold;
}


.asterisco:before{
  content: '(*)';
  color:#EC1B2E;
}


.required .border-lable-flt :before{
  color: red!important;
  content: "(*)";
  position: absolute!important;
  margin-left: -20px!important;
  font-weight: bold!important;
}


.required .border-lable-flt label :before,
.required .border-lable-flt-angucomplete label :before,
.required .border-lable-flt-select label :before {
  color: red!important;
  content: "(*)";
  position: absolute!important;
  margin-left: -20px!important;
  font-weight: bold!important;
}


.required .asterisco:before{
  color: red;
  content: "(*)";
  position: absolute;
  margin-left: -10px;
  margin-top: -10px;
  font-weight: bold;
   
 }

.requiredTab{
  color:red;
  position: absolute;
  margin-left: -15px; 
  font-weight: bold;
  font-size: 100%;
}

.requiredTab:before{
  content: "(*)";
                                  
}	


/*FLUJO DE CAMIONES*/
.imna {
  height: auto;
  width: 100px;
}

.ima {
  height: auto;
  width: 60px;
}

.contcamion {
  padding: 0px;
}

.contgral {
  padding: 1px;
}

.nopadding>div[class^="col-"] {
  padding-right: 1px;
  padding-left: 1px;
}

.bloque {
  float: left;
}

.caja {
  float: left;
  width: 12px;
  height: 12px;
  margin: 0px;
  border: 0px solid rgba(0, 0, 0, .2);
  width: 12px;
}

.informacion {
  font-size: 200%;
  color: green;
  cursor: pointer;
}

.informacion-blue {
  font-size: 200%;
  color: 	#ADD8E6;
  cursor: pointer;
}

.padding2 [class*="col-"] {
  padding: 2px;
}
.azul {
  color:blue;
}
.rojo {
  color:red;
}
.verde {
  color:green;
}

.labelSuccess{
  color:green;
}

.labelWarning{
  /*color:gold;*/
  color:#b8b800
}
.labelDanger{
  color:DarkRed;
}

.labelBlack{
  color:black;
}

.labelGold{
  color:#D4AF37;
}


.innerTab{
  border-top: 10px;
}
.spvh{
  margin-top: 10px;
  margin-left: 5px;
}
.minialarma{
  width: 15px; 
  height: auto; 
}
.minialarma-lr{
  width: 15px; 
  height: auto; 
  position: absolute;
  top: 7px;
  left: 15px;
}
.minipager-rl{
  width: 15px; 
  height: auto; 
  position: absolute;
  top: 7px;
  right: 0px;
}
.minifercho-lr{
  width: 15px; 
  height: auto; 
  position: absolute;
  top: 7px;
  left: 30px;
}
.minifercho-rl{
  width: 15px; 
  height: auto; 
  position: absolute;
  top: 7px;
  right: 30px;
}
.minipager-lr{
  width: 15px; 
  height: auto; 
  position: absolute;
  top: 7px;
  left: 0px;
}
.prioridad{
  width: 15px; 
  height: auto; 
  position: absolute;
  top: 5px;
  right: 38px;
}
.imgcamion {
  position: absolute;
  top: 0px;
  left: 0px;
}
.imgnoti {
  width: 25px; 
  height: auto; 
}

.antenita {
  color: #008B8B;
  cursor: pointer;
}
.antenita:hover {
  color: #5bc0de;
  cursor: pointer;
  transform: scale(1.2)
}

.antenitahab {
  color:  green;
}

.minialarma-rl{
  width: 15px; 
  height: auto; 
  position: absolute;
  top: 7px;
  right: 15px;
}


.padtop5 {
  padding-top: 5px;
}
.padr3 {
    padding-right: 3px;
}

.modal-ancho {
    width: 80%;
}
.modal-medio {
    width: 50%;
}

.selectSubtitulo{
  font-family: calibri;
  font-size: 12px;
  font-style: oblique;
  padding-left:5px;
  /*color:#008B8B;*/
}

.divRemarcada{
  display: block;
  position: relative;
  padding:10px;
  border-radius: 2px;
  box-shadow: 0px 1px 5px black;
  /*box-shadow: 0px 0px 10px 1px black!important;*/
}


/*INDICADORES*/

.indicadorEstadoNaranja{
  font-size:12px!important;
  font-weight: bold!important;
  color:#F9BC12!important;
}

.indicadorEstadoVioleta{
  font-size:14px !important;
  font-weight: bold !important;
  color:#3D2044;

}
.indicadorEstadoVerde{
  font-size:12px !important;
  font-weight: bold !important;
  color:#0FA24A!important;
}


.semaforoRojo {
  width: 12px; 
  height: auto;
  content: url("/img/alarmaRed.ico");
}

.semaforoVerde {
  width: 12px; 
  height: auto;
  content: url("/img/alarmaGreen.ico");
}

::-webkit-input-placeholder {
  text-transform: initial;
}

:-moz-placeholder { 
  text-transform: initial;
}

::-moz-placeholder {  
  text-transform: initial;
}

:-ms-input-placeholder { 
  text-transform: initial;
}