.hwaccel {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

#gmap-route {            
        width: 100%;
        height: 450px;
}

#canvas-installation {            
    width: 100%;
    height: 450px;
    border: solid 1px #333;        
}

/*#canvas {
    border: solid 1px #f00;
    width: 600px;
    height: 450px;
}*/

.routePanel {
    height: 310px;
    overflow-y: scroll;
}

#productsPanel, #categoriesPanel, #devolutionProductList {
    max-height:400px;
    overflow-y: scroll;
}


.page-title > span {
    color: #ffffff;
    position: relative;
    display: block;
    padding: 15px 15px;
    line-height: 20px;
    font-size: 16px;
}

.cashPanel{
    height:420px;
    overflow-y: scroll;
}

.calculator > .row{
    margin-right:0px;
}
@media (min-width: 768px)
{
    .dispensador > .row, .numPad > .row
    {
        margin-left: -25px;
        margin-right: 10px;
    }
}
@media screen and (max-width: 767px)
{
    .dispensador > .row, .numPad > .row{
    margin-left:-25px;
    margin-right:-5px;
}    
    .dispensador > .btn-app, .numPad  .btn-app{
    min-width:40px;
}    
}

.box-invoice .box-header
{
    padding-bottom: 10px;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 2px;
}

.box-invoice .collapsed-box .box-header
{
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-top: -10px;
    padding-left: 0px;
    padding-right: 2px;
}
.dash-button, .dash-button h3
{
    white-space: normal;
}
.btn-product
{
    white-space: normal;
    width : 80px;
    min-height: 80px;
    
}
.btn-product > img
{    
    width : 100%;
    min-height: 100%;
    margin-bottom: -10px;    
    margin-top: -10px;   
}
/*
#tableDevolutions .btn-lg
{
    padding-left: 8px;
    padding-right: 8px;
}
*/

.quantityAction
{
    min-width: 150px;    
}

.quantityDecimalAction
{
    min-width: 160px;    
}

.table-header
{
    margin-bottom:5px;
}

/*
@media only print
{*/
    .printer
    {
        width: 272px;
    }
    .printer div
    {
        width:100%;
    }/*
}*/

.header-fixed {
    width: 100% 
}

.header-fixed > thead,
.header-fixed > tbody,
.header-fixed > thead > tr,
.header-fixed > tbody > tr,
.header-fixed > thead > tr > th,
.header-fixed > tbody > tr > td {
    display: block;
}

.header-fixed > tbody > tr:after,
.header-fixed > thead > tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.header-fixed > tbody {
    overflow-y: auto;
    height: 150px;
}

.header-fixed > tbody > tr > td,
.header-fixed > thead > tr > th {
    width: 20%;
    float: left;
}

.upload-image video {
    z-index: 3;
}

.upload-image img {
    z-index: 4;
}
.upload-image video, .upload-image img {
    width: 100%;
    height: 100%;
}
.cylinder-photo {
    margin-right: 5px;
}

.bg-gray {
    background-color: #bab3b3;
}

.btn-group .active {
    background-color: #002e6d;
    color: #ffffff;
}

.btn-group .active.disabled {
    color: #444 !important;
}

.btn-group .active:hover {
    background-color: #3866a7;
    color: #ffffff;
}
.no-padding-bottom {
    padding-bottom: 0 !important;
}
.multiple-invoicing-padding {
    padding: 1px 5px 0 !important;
}
.multiple-invoicing-margin {
    margin: -5px -5px 0px !important;
}
.gasAuto {
    margin: 0px !important;
    padding: 0px !important;
}
.gasAuto > .modal {
    position: absolute !important;
    max-height: 98%;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 1px !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
    margin-bottom: 0px !important;
}
.gasAuto > .modal-backdrop {
    position: absolute !important;
    max-height: 100%;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 1px !important;
    margin-right: 3px !important;
    margin-left: 3px !important;
    margin-bottom: 1px !important;
}
.gasAuto > .modal > .modal-dialog {
    max-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 0px;
    margin-bottom: 0px;
}

.gasAuto .invoicing-content {
    padding-left: 1px !important;
    padding-right: 1px !important;
    margin-right: 3px !important;
    margin-left: 3px !important;
}

/*.multiple-invoicing-padding > .modal > .modal-dialog > .modal-content {    
    max-height: 80%;
    margin-top: 1px;
    margin-bottom: 1px;    
}*/
.gasAuto > .modal > .modal-dialog > .modal-content > .modal-body {
    margin-top: 1px;
    margin-bottom: 1px;    
    padding-top: 0px;
    padding-bottom: 0px; 
}
#invoicing1, #invoicing2, #invoicing3,  #invoicing4 {
    position:relative;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.btn-app-gasAuto {
    height: 54px !important;
}
.col-calculator {
    padding-top: 1px;
    padding-left: 10px !important;
    padding-right: 0px !important;
    padding-bottom: 1px;
}
.col-calculator > .form-control{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 6px !important;
    font-size: 20px !important;
    margin-top: 0px;
    margin-right: -10px;
    margin-left: -5px;
    margin-bottom: 10px;
    min-width: 100%;
}

.colourInversion .table-hover > tbody > tr:hover {
    background-color: #808080 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

/*.colourInversion .table-hover > tbody > tr:hover .text-highlighted {
    font-size: 15px !important;
    width: 300px;
}*/

/*width: 0px !important;
}

.colourInversion .table-hover > tbody > tr:hover .text-small {
    /*font-size: 10px !important;
}*/


/*
    FUNKY RADIO
*/
.funkyradio div {
  /*clear: both;*/
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  /*margin-top: 2em;*/
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  /*background: rgb(53,176,171);*/
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}