@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{

    }
}

.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: Arial,Calibri,Helvetica,sans-serif;
    font-size: 14px;

}

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


/* ng-cart */
hr {
    margin:40px 0;
} 
h3 { color:#1758AA}
h3 span {font-size:14px; display:block;}
span[ng-click] {
    cursor: pointer;
}

.table-hover > tbody > tr.select-row:hover > td,
.select-row > td {
    background-color: #bddef9;
}

@media (max-width:767px) {
    #filtroHeader{
        margin-top: 0px !important;
    }
}

/* ng-cart */

#tagcarrito{
    margin-top: 5px;
}

/*  treeview     */
/* with e.g. keyframe animations */
@media (max-width:767px) {
    #tagMisProductos1{
        text-align: center;
    }
    #tagMisProductos2{
        text-align: center;
    }

    #submenuCarrito{
        max-height: 90px !important; 
    }
}

@media (max-width:768px) {
    #saldosInvMargen{
        height: 0px !important;  
    }
}

@media (max-width: 991px) and (min-width: 767px) {
    .saldosEstiloSM{
        width: 120px !important;  
    }
}

#tagMisProductos1:hover{
    background-color: #007ba9 !important;
}
#tagMisProductos2:hover{
    background-color: #007ba9 !important;
}

.md-select-value {
    border-bottom-width: 0px; 
    border-bottom-style: none;
} 


.filtros-titulo{
    background: 0;
    border: 0;
    clear: both;
    font-weight: 900;
    overflow: hidden;
    padding: 6px 2px 6px 10px;
    font-family: 'Heebo', sans-serif;
    font-size: 18px;
    margin: 0;
    line-height: 18px;
    color: #333;
    cursor: pointer;
    text-align: left;
    outline: none;
    border: 0;
}

.producto-existencia{
    font-family: Heebo, sans-serif; 
    font-size: 11px;
    margin-left: 3px;
}

div:focus {
    outline: none;
    border: 0;
}

i,img:focus {
    outline: none;
    border: 0;
}

.menuTitulos {
    font-family: 'Heebo', sans-serif;
    height: 34px;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}

.menuSubTitulos {
    font-family: 'Heebo', sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    background-color: #565252 !important;
}

.productPrice {
    font-family: 'Heebo', sans-serif;
    color: #b11100;
    /*height: 38px;*/
    font-size: 18px;
    /*line-height: 38px;*/
    font-weight: bold;
    /*min-height: 40px;*/
}

.productDescripcion{
    font-family: 'Heebo', sans-serif;
    color: #343434;
    font-size: 14px;
    line-height: 19px;
    overflow: hidden;
    font-weight: bold;

}
.productDescripcionH{
    /*min-height: 66px;*/
    margin-top: 10px;
}

/*@media (min-width:992px) {
    .productDescripcionH{
        min-height: 115px;
    }
}*/

.productComprados{
    padding-top: 6px;
    margin-top: 7px;
    font-family: 'Heebo', sans-serif;
    color: white;
    line-height: 16px;
    overflow: hidden;
    font-weight: bold;
    background-color: rgb(39, 144, 230); 
    text-align: center; 
    font-size: 18px;
    height: 25px;
}

.botonShoping{
    font-family: 'Heebo', sans-serif;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    font-weight: bold;
}


md-checkbox.md-checked.grey .md-icon {
    background-color: black;
}

md-checkbox .md-icon {
    border: 1px solid lightgrey;
}


md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
    background-color: grey;
}

md-radio-button .md-on, md-radio-button .md-off {
    border-width: 1px;
}

md-radio-button.md-checked .md-off {
    border: 1px solid grey;
}

md-select{
    background-color: white;
}

button.paginacion{
    margin-top: 8px;
    background: white;
    border: 0;
}

button{
    font-family: 'Heebo', sans-serif; 
}

.box:hover {
    border: 1px solid lightgray;
    margin-bottom: 2px;
}

.box:not(:hover) {
    border: none;
    margin-bottom: 2px;
}

md-button:focus {
    border-bottom: 2px solid white;
}

.botonActivo{
    background-color: #369 !important; 
    color:white;
}

.tabActivo{
    /*background-color: #007ba9 !important;*/ 
    background-color: rgb(224,224,224) !important; 
    background-image: linear-gradient(to top, rgb(224,224,224), rgba(0,0,0,0));
    color:#007ba9 !important;
    /*transition: .5s;*/
}

.tabActivo:hover{
    border-color: rgb(224,224,224) !important;
}

.filtrosContent{
    min-height: 150px; 
    /*    max-height: 150px; */
    padding: 4px; 
    border-top: 1px solid lightgray; 
    /*border-bottom: 1px solid lightgray;*/
    font-family: 'Heebo', sans-serif;
    font-size: 12px;

}

.filtrosItems{
    padding-bottom: 0px;
    padding-top: 0px;
}

.filtrosScroll::-webkit-scrollbar {
    width: 8px;
}

.filtrosScroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.filtrosScroll::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.triangulo-equilatero-bottom-left {
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid white;
    border-bottom: 10px solid white;
    transform: rotate(270deg);
    margin-left: 80px;     
}


.zoomHolder
{
    width:100%;
    height:auto;
    position:relative;
    overflow:hidden
}



.submenuPropiedades{
    border: 0px !important; 
    max-height: 40px; 
    min-height: 40px; 
    padding-top: 10px !important; 
    color:white !important;
    background-color: #565252 !important;
}

.carousel-indicators li {
    background-color: #fbb700;
}

.carousel-indicators .active  {
    background-color: #007ba9;
}

.carousel-control.right{
    width: 0px;
}
.carousel-control.right > span{
    margin-right: 10px;
}
.carousel-control.left > span{
    margin-left: 10px;
}

.carousel-control.left{
    width: 0px;
}

.carousel-control .glyphicon-chevron-right{
    color: black;
}

.carousel-control .glyphicon-chevron-left{
    color: black;
}

.spinning-dots-spinner {
    margin: 100px auto;
    width: 30px !important;
    height: 30px !important;
    position: relative;
}

.slider-navegador-portrait{

    max-width: 100%;
    max-height: 550px;
}
.slider-navegador-landscape{
    width: 70%;
}

@media (max-width: 767px){
    .slider-navegador-portrait{
        max-height: 350px;
    }
}

@media (max-width: 1024px){
    .slider-navegador-landscape{
        width: 90%;
    }
}

.usuario-btn{
    height: 50px; 
    border: 0px !important;
}

@media (max-width: 767px){
    .usuario-btn{
        height: 42px; 
        border: 0px !important;
    }
}

@media (min-width: 1300px){
    .slider-navegador-portrait {
        height: 450px;
    }
}

.activo {
    color: #fbb700 !important;
}

md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value {
    color: #3f51b5 !important;
}
md-select.md-default-theme .md-select-value.md-select-placeholder, md-select .md-select-value.md-select-placeholder {
    color: #3f51b5 !important;
}

.md-select-value {
    min-width: 22px; 
    -webkit-flex-grow: unset; 
    flex-grow: unset;
}

.md-select-value .md-select-icon {
    width: 15px; 
    margin: 0 0px;
}

.main-header >  .navbar .nav > li > .titulos{
    transition: all 0.1s ;
    padding-top: 0px;
    margin-top: 15px;
    padding-bottom: 0px;
}

#tagcarrito{
    transition: all 0.1s;
    padding-top: 0px;
    margin-top: 6px;
    padding-left: 0px;
    padding-bottom: 0px;
}

#tagcarrito:hover{
    padding-top: 6px;
    margin-top: 0px;
    padding-bottom: 4px;
}

.main-header >  .navbar .nav > li > .titulos:hover  {
    margin-top: 0px;
    padding: 15px 15px;
    color: white !important;
}

.labelProd1{
    /*border-bottom: 1px solid #337ab7;*/
    white-space: nowrap;
    background-color: #337ab7;
    color: white;
    font-size: 1.2em;
    padding: 1px;
    font-weight: bolder;
    /*display: inline-flex;*/
    width: 90px;
    
    padding: 10px;
    padding-left: 2px;
padding-right: 4px;
}

.labelProd2{
    font-size: 1.3em;
    border-bottom: 1px solid lightgrey;
    border-right:  1px solid lightgrey;
    border-top:  1px solid lightgrey;
    /*padding: 1px;*/
    width: 100px;
    max-width: 100px;
    /*display: inline-flex;*/
    text-align: right;
    direction: rtl;
    
}

.labelProd3{    
    border-bottom:  1px solid white;
    background-color: white;
    font-size: 1.3em;
    height: 40px;
    padding-top: 10px;
    font-weight: 900;
    /*display: inline-flex;*/
    width: 100px;
}

.prodbox{

    border: 1px solid white;
    border-radius: 5px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.prodbox:hover{
    /*border: 1px solid lightgray;*/
    margin-bottom: 10px;
}

.prodsustitutos{
    border: 1px solid white;
}
.prodsustitutos:hover{
    border: 1px solid lightgray;
}

::-ms-clear {
  display: none;
}

.form-control-clear {
  z-index: 10;
  pointer-events: auto;
  cursor: pointer;
}


.productDescripciontitulo{
    padding: 5px;
    padding-bottom: 0;
    font-weight: 700;
    font-size: 1.2em;
    max-height: 300px;
    background-color: #337ab7;
    border-radius: 5px 5px 0 0;
    overflow: auto;
    white-space: pre-line;
    color: white;
}