@media (max-width: 1199px) and (min-width: 992px){
    .frameOserv{
        transform:scale(.82)!important;
        
    }
    .panelframeOserv{
/*        height: 1180px !important;*/
    }
}
@media (max-width: 767px){
        .frameOserv{
         transform:scale(.60)!important;
    }
    .panelframeOserv{
        
    }
    .alturaMarco{
        min-height: calc(100vh - 125px) !important;
    }
}

.dialogdemoThemeInheritance #temaTitulo {
    text-align: left; 
    /*background-color: blue;*/
}

.scroll_input_textarea
{
    height: 70px;
    max-height: 70px; 
    border: 0;
}

.navbar-static-top {
    z-index: 70;
    border-width: 0 0 1px;
}

body{
    top: 0 !important;
}

.striped {
    color: black;
    background-color: #c5c0c0;
}

.selected {
    background-color: lightblue;
}

.seleccion {
    border-color: lightblue;
 }

.servicio24hrs{
    color: red;
}


.limitarTexto{
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    text-align: left;
    max-width: 100%;
}


.flotante {
    position: fixed;
    right: 10px;
    top: 300px;
    z-index: 50;
}
/* 
.md-dialog-container {
    width: 100%;
    height: 100%;
    top: inherit !important;
    bottom: 0px;
    left: 0px;
    position: fixed;
} */
body.noscroll{
    position:fixed;
    overflow:hidden;
}
input.mayusculas{
    text-transform: uppercase;
}

.grid {
    width: 580px;
    height: 100px;
}

.fc-content:hover{
    background-color: #dea8a8;
}

.agenda-backcolor-title{
    background: #dea8a8;
}
/*    
    .selected {
        background-color:lightgray;
    }

.table {
    height: 45vh;
}
*/
.nonHeader th {
    font-weight: normal !important;
    font-weight: bold !important;
}

.form-control{
    height: 26px;
    padding: 0px;
}

.buscar{
    width: 26px;
    height: 26px;
    padding-top: 3px;
    padding-left: 5px;
}

.form-control {
    padding: 0px;  

}

 h2 {
    font-size: 16px !important;
    font-weight: bold;
} 

.labelGroup{
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 4px;
    border: 0px;
}


/* ----------------------- Login -----------------------  */
* { box-sizing:border-box; }

body {
    font-family: Helvetica;
    background: #eee;
    -webkit-font-smoothing: antialiased;
}

hgroup { 
    text-align:left;
    /*margin-top: 2em;*/
}

h1, h3 { font-weight: 200; }

h1 { color: #636363; }

h3 { color: #000000; }

#login {
    width: 380px;
    margin: auto;
    padding: 3em 2em 2em 2em;
    background: #fafafa;
    border: 1px solid #ebebeb;
    box-shadow: rgba(0,0,0,0.14902) 0px 1px 1px 0px,rgba(0,0,0,0.09804) 0px 1px 2px 0px;
}

.grouplogin { 
    position: relative; 
    margin-bottom: 45px; 
    margin-top: 45px; 

}

.input-login {
    /*font-size: 18px;*/
    line-height: 15px;
    padding: 10px 10px 10px 5px;
    -webkit-appearance: none;
    display: block;
    /*background: #fafafa;*/
    color: #636363;
    width: 320px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #757575;
}

input:focus { outline: none; }


/* Label */

.label-login {
    /*color: #999;*/ 
    font-size: 15px;
    margin-bottom: 0px;
    font-weight: normal;
    /*position: absolute;*/
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: all 0.2s ease;
}


/* active */

input:focus ~ label, input.used ~ label {
    top: -20px;
    transform: scale(0); left: -2px;
    /* font-size: 14px; */
    color: #eaf0f9;
}


/* Underline */

.bar {
    position: relative;
    display: block;
    width: 100%;
}

.bar:before, .bar:after {
    content: '';
    height: 2px; 
    width: 0;
    bottom: 1px; 
    position: absolute;
    background: #4a89dc; 
    transition: all 0.2s ease;
}

.bar:before { left: 50%; }

.bar:after { right: 50%; }


/* active */

input:focus ~ .bar:before, input:focus ~ .bar:after { width: 50%; }


/* Highlight */

.highlightlogin {
    position: absolute;
    height: 60%; 
    width: 100px; 
    top: 25%; 
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}


/* active */

input:focus ~ .highlightlogin {
    animation: inputHighlighter 0.3s ease;
}


/* Animations */

@keyframes inputHighlighter {
    from { background: #4a89dc; }
    to 	{ width: 0; background: transparent; }
}



/* Login page animation */
.superior {
    position: relative;
    display: block;
    width: 320px;
    height: 100%;
    left:0px;
    top:0px;
}
/*    animation-name: example;
    animation-duration: .5s;
    animation-fill-mode: forwards; 
    animation-play-state: paused;
}*/


/* Standard syntax */
@keyframes example {
    0%   { left:0px; top:0px;}
    100%  { right:340px; top:0px;}

}

.superior2 {
    margin-right: 40px;
    height: 100%;
    overflow: hidden;
    /*background-color: blue;*/
    display: block;
    width: 360px;
}

.animacionlogin{
    animation-name: loginanimacion;
    animation-duration: .25s;
    animation-delay: .25s;
    animation-fill-mode: forwards; 
    animation-play-state: running;
}
.animacionlogin2{
    animation-name: loginanimacion2;
    animation-duration:.5s;
    animation-timing-function: ease-in;
    animation-play-state: running;
    animation-fill-mode: forwards; 
}

@keyframes loginanimacion {
    0%   {width:100%;margin-right: 40px;}
    100%  {width:0px;margin-right: 0px;}

}

@keyframes loginanimacion2 {
    0%  {width:0px;margin-right: 0px;}
    50%  {width:0px;margin-right: 0px;}
    100%   {width:100%;margin-right: 40px;}

}

 /*elimina el delay que se estaba mostrando al utilizar ng-show ng-hide*/
.ng-hide.ng-hide-animate {
display: none !important;
}

.nofucusdiv{
     outline: 0px solid transparent;
}

.miGrid table * {height: auto; } /* fixed ie9 & <*/
.miGrid table {
/*  background: #15BFCC;*/
  table-layout: fixed;
  margin: 1rem auto;
  width: 98%;
/*  box-shadow: 0 0 4px 2px rgba(0,0,0,.4);*/
  border-collapse: collapse;
  border: 1px solid rgba(0,0,0,.5);
  border-top: 0 none;
  line-height: 1.42857143;
  border: 1px solid rgba(0,0,0,.2);
  
  
}
.miGrid thead {
  text-align: center;
  z-index: 2;
}
.miGrid thead tr {
  padding-right: 0px;
/*  box-shadow: 0 4px 6px rgba(0,0,0,.6);*/
  z-index: 2;
  min-height: 38px;
}
.miGrid th {
  border-right: 1px solid rgba(255,255,255,.8);
  padding: .7rem 0;
/*  font-size: 1.5rem;*/
  font-weight: normal;
 
  font-weight:bold ;
}
.miGrid tbody {
  display: block;
  height: calc(50vh - 1px);
/*  min-height: calc(200px + 1 px);*/
  /*use calc for fixed ie9 & <*/
  overflow-Y: scroll;
  color: #000;
  max-height: 40vh;
}
.miGrid tr {
  display: block;
  overflow: hidden;
  border-bottom: solid 1px;
  border-color: #c7c7c7;
}
.miGrid tbody tr:nth-child(odd) {
  background: #F2F2F2;
  border-bottom: solid 1px;
  border-color: #c7c7c7;
  
}
.miGrid th, .miGrid td {
/*  width: 21%;*/
  float:left;
}
.miGrid td {
  padding: .5rem 0 .5rem 1rem;
  border-right: 1px solid rgba(0,0,0,.2);
}
.miGrid td:nth-child(2n) {color: #000;}
[data-campo='Mail'] {
  width: 30%;
}  
.miGrid th:last-child, .miGrid td:last-child {
  width: 7%;
  text-align: center;
  border-right: 0 none;
  padding-left: 0;
}


@media only screen and (max-width:350px) {
    
  .miGrid table {
    border-top: 1px solid rgba(0,0,0,.2);
   
  }
  .miGrid thead {display: none;}
  .miGrid tbody {
    height: auto;
    max-height: 40vh;
    
  }
  .miGrid tr {
    border-bottom: 0px solid rgba(F,F,F,.35);
  }
/*  .miGrid tbody tr:nth-child(odd) {background: #15BFCC;}
  .miGrid tbody tr:nth-child(even) {background:#FF7361;}*/
  .miGrid td {
    display: block;
    width: 100%;
    min-width: 100%;
/*    padding: .4rem .5rem .4rem 40%;*/
/*    border-right: 0 none;*/
  }
  .miGrid td:before {
/*    content: attr(data-campo);*/
/*    background: rgba(0,0,0,.1);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: auto;
    min-width: 37%;
    padding-left: .5rem;
    font-family: monospace;
    font-size: 150%;
    font-variant: small-caps;
    line-height: 1.8;*/
  }
  .miGrid tbody td:last-child {
    text-align: left;
    padding-left: 40%;
  }
  .miGrid td:nth-child(even) {
    background: rgba(0,0,0,.2);
  }
  .miGrid>tbody>tr>td, .miGrid>tbody>tr>th, .miGrid>tfoot>tr>td, .miGrid>tfoot>tr>th, .miGrid>thead>tr>td, .miGrid>thead>tr>th {
    border: 1px solid #ddd;
   }
   .miGrid>thead>tr>td, .miGrid>thead>tr>th {
     border-bottom-width: 2px; 
    }
    
}


.fabSpeedDialdemoBasicUsage .text-capitalize {
  text-transform: capitalize; }

.fabSpeedDialdemoBasicUsage .md-fab:hover, .fabSpeedDialdemoBasicUsage .md-fab.md-focused {
  background-color: #000 !important; }

.fabSpeedDialdemoBasicUsage p.note {
  font-size: 1.2rem; }

.fabSpeedDialdemoBasicUsage .lock-size {
  min-width: 60px;
  min-height: 225px;
  width: 60px;
  height: 225px;
  margin-left: auto;
  margin-right: auto; }

/*  globe icon of the slider always visible*/
.servicio-slider md-slider[md-discrete] .md-sign,
.servicio-slider md-slider[md-discrete] .md-sign:after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

.servicio-slider md-slider[disabled] .md-sign, .servicio-slider md-slider[disabled] .md-track-fill {
    display: flex;
}

.servicio-slider md-slider.md-default-theme[disabled]:not(.md-min) .md-thumb:after, .servicio-slider md-slider[disabled]:not(.md-min) .md-thumb:after {
    background-color: rgb(255,64,129);
}


.inactive {
   color: #ccc;
   pointer-events: none;
   cursor: default;
   background-color: #757575;
 }


 .fullscreen-dialog {
    max-width: 90%;
    max-height: 90%;
    width: 600px;
    height: 300px;
    border-radius: 0;
}

  md-checkbox .md-container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 20px;
    height: 20px;
    left: 5px;
    right: auto;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 6px;
    padding-left: 0px;
}
.panel-body {
    padding: 3px;
}

/*
    Clases para submenu tipo google con iconos y textos en 3 columnas ---------------------------------------
*/

.gb_ca, .gb_ca+.gb_la, .gb_na .gb_la, .gb_na .gb_ja {
    display: block;
}

.gb_Z a {
    text-decoration: none;
}

.gb_O {
    color: #404040;
    display: inline-block;
    font-size: 13px;
    margin: 8px 2px;
    text-align: center;
    outline: none;
}

.gb_8 {
    float: left;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #4273db;
}

.gb_8, .gb_9 {
    position: relative;
    top: 27px;
    visibility: hidden;
}

.gb_9 {
    float: right;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #4273db;
}

.gb_8, .gb_9 {
    position: relative;
    top: 27px;
    visibility: hidden;
}

.gb_aa {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #4273db;
}

.gb_aa, .gb_ba {
    left: 37px;
    visibility: hidden;
}

.gb_ba {
    position: absolute;
    top: 59px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #4273db;
}

.gb_aa, .gb_ba {
    left: 37px;
    visibility: hidden;
}

.gb_O .gb_2 {
    background-image: url(//ssl.gstatic.com/gb/images/p1_77114190.png);
    -webkit-background-size: 64px 2203px;
    background-size: 64px 2203px;
}

.gb_O .gb_2, .gb_O .gb_M {
    display: inline-block;
    vertical-align: top;
    height: 64px;
    width: 64px;
}

.gb_3 {
    display: block;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    width: 84px;
    text-overflow: ellipsis;
}

.gb_Xc.gb_g .gb_kb, .gb_Xc.gb_g .gb_lb, .gb_Xc.gb_g .gb_ga, .gb_g.gb_ga {
    display: block;
}

.gb_lb {
    border-color: transparent;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    display: none;
    position: absolute;
    left: 6.5px;
    z-index: 1;
    height: 0;
    width: 0;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
    border-bottom-color: #ccc;
    border-bottom-color: rgba(0,0,0,.2);
    top: 36px;
}

.gb_Xc.gb_g .gb_kb, .gb_Xc.gb_g .gb_lb, .gb_Xc.gb_g .gb_ga, .gb_g.gb_ga {
    display: block;
}

.gb_kb {
    border-color: transparent;
    border-bottom-color: #fff;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    display: none;
    position: absolute;
    left: 6.5px;
    top: 37px;
    z-index: 1;
    height: 0;
    width: 0;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
}

/*
    LISTADO POR COLUMNAS ------------------------------------------------------------------------------------
*/

/* separate the list from surrounding elements */
ol
{
  margin: 0 0 1em 2em;
  padding: 0;
}

ol li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html ol li
{
    position: relative;
}
/* horizontal position of each column */

ol li.column1 { margin-left: 0em; }
ol li.column2 { margin-left: 6em; }
ol li.column3 { margin-left: 12em; }
/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 2 items * 1.2em line-height = 4.8em */

li.reset
{
  margin-top: -8.85em;
}
/* anchor styling */
ol li a
{
  display: block;
  width: 7.5em;
  text-decoration: none;
}
ol li a:hover
{
  color: #FFF; /* white */
  background-color: #A52A2A; /* brown */
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 0px;
    clear: both;
    font-weight: 300;
    line-height: 1.428571;
    color: #333;
    white-space: nowrap;
    z-index: 30;
}

.fc-toolbar.fc-header-toolbar {
     margin-bottom: 0px; 
     padding-bottom: 0px;
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
}

md-toolbar {
    min-height: 40px;
}
.md-toolbar-tools {
    height: 40px;
    max-height: 40px;
}

/* Para que los tabs se tengan menos altura*/
md-pagination-wrapper {
    height: 24px;
}

md-tabs-canvas {
    height: 25px;
}
.md-tab {
    padding: 1px 24px;
    text-transform: none;
}

#tendencia{
    height: 0px; 
}
.open > .dropdown-menu {
  -webkit-animation-duration: .4s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-name: slidenavAnimation;
  -moz-animation-name: slidenavAnimation;
  -moz-animation-duration:.4s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-out;
  -moz-animation-fill-mode: forwards;
  animation-name: slidenavAnimation;
  animation-duration:.4s;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes slidenavAnimation {
  from {
    opacity: 0;
    transform: translateY(-10%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.OrdenServicioInfo{
    transform: translate(0px, 100px);
    /*transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;*/
}
/* Clases para animación del divOrdenServicio
*/
.ordenServicioDown{
    bottom: 34px; 
    position: fixed; 
    background-color: white; 
    width: 100%;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    height : 0px;
    transition: transform 0.3s ease-in-out, height 0.3s ease-in-out;
}
.ordenServicioUp{
    height : 306px;
}
/*.ordenServicioMax{
    height : inherit;
}*/
/*------------------------------------------*/

.tablaNota{
    width: 99.5%;
    border-collapse: separate;
}

.renSelec {
  background-color: lightblue;
}

.submenuDerecho ol{
    right: 0px;
    left: inherit;
}
.seleccionado {
  color: #337ab7;
}

/* OPCIONES DEL SUBMENU TRANSPARENTE AL PASAR EL CURSOR
YA NO SE MOSTRARA EL RECUADRO BLANCO AL PASAR EL CURSOS POR ALGUNA DE LAS OPCIONES DEL SUBMENU
*/
.dropdown-menu>li>a,.dropdown-menu>li>div{
    font-weight: bold;
    color: white;
    font-size: 11px;
}
.dropdown-menu>li>a:hover,.dropdown-menu>li>div:hover{
    background-color: rgba(245, 245, 245, 0);
}

.md-icon-button +
.md-datepicker-input-container {
    margin-left: 0px;
}

.md-datepicker-input {
    font-size: 14px;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    outline: none;
    background: transparent;
    min-width: 90px;
    max-width: 90px;
    padding: 0 0 5px;
}

.md-button.md-icon-button {
    margin: 0 6px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 6px;
    height: 40px;
    min-width: 0;
    line-height: 24px;
    padding: 8px;
    width: 40px;
    border-radius: 50%;
    right: -115px
}

md-input-container .md-input {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
    display: block;
    margin-top: 0;
    background: none;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border-width: 0 0 1px 0;
    line-height: 26px;
    height: 30px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0;
    border-style: solid;
    width: 100%;
    box-sizing: border-box;
    float: left;
    width: 100px;
}

    .circular-progress-button {
    height: 36px;
}

.circular-progress-button>md-progress-circular {
    margin: auto;
    margin-top: -6px; /* If circular does not appear at the center, change this value. */
}

.circular-progress-button>md-progress-circular .md-half-circle {
    border-top-color: white !important;
}

.circular-progress-button>md-progress-circular .md-left>.md-half-circle {
    border-left-color: white;
}

.circular-progress-button>md-progress-circular .md-right>.md-half-circle {
    border-right-color: white;
}

@media (max-width: 767px){
.navbar-nav .open .dropdown-menu {
    position: absolute;
    width: auto;
    margin-top: -8px;
    background-color: white;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: auto;
    right: 0px;
}}

.navbar-nav > .notifications-menu > .dropdown-menu, 
.navbar-nav > .messages-menu > .dropdown-menu, 
.navbar-nav > .tasks-menu > .dropdown-menu {
    width: 160px;
    padding: 0 0 0 0;
    margin: 0;
}

.borde:hover, .borde:focus-within {
    -webkit-box-shadow: 2px 2px 10px 0px rgba(219,219,219,1);
    -moz-box-shadow: 2px 2px 10px 0px rgba(219,219,219,1);
    box-shadow: 2px 2px 10px 0px rgba(219,219,219,1);
}

md-checkbox.md-checked.green .md-icon {
    background-color: #337ab7;
}

h4 {
    font-size: 14px;
}

hr{
    margin-top: 10px;
    margin-bottom: 10px;
}

md-checkbox {
  margin-bottom: 10px;
}

h2 {
    margin-top: 3px;
}

@media (max-width: 625px){
    .autDialog{
        display: inline-block !important;
    }   
}
@media (max-width: 767px){
    .content-wrapper{
        min-height: calc(100vh - 115px) !important;
    }
    .alturaPagVentas {
        height: calc(100vh - 208px) !important;
    }
    .alturaPagTallerOrdenes {
        min-height: calc(100vh - 117px) !important;
    }
    .alturaPagInicio {
        min-height: calc(100vh - 134px) !important;
    }
    .altura-tabla-tallerh {
        height: calc(100vh - 501px) !important;
    }
     .altura-tabla-taller {
        height: calc(100vh - 290px) !important;
    }

    
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 4px;
}

.clickEstatus{
    color: blue; 
    font-weight: 550;
    text-decoration : underline;
}
.clickEstatus:hover{
    text-decoration : none;
}