/*!
 * Responsive Pantallas Sistema TSF
 * Copyright 2014
 * TSF Softwre Diseños Inteligentes S.A.
 * Diseño y maquetación Julio Hernández
 */

/*  ============================= ----------- RESOLUCION DE PANTALLA XTRA-XTRA-SMALL (COL-XXS)---------- ============================= */
/*  ============================= ----------- RESOLUCION DE PANTALLA XTRA-XTRA-SMALL (COL-XXS)---------- ============================= */
/*  ============================= ----------- RESOLUCION DE PANTALLA XTRA-XTRA-SMALL (COL-XXS)---------- ============================= */
/*  ============================= ----------- RESOLUCION DE PANTALLA XTRA-XTRA-SMALL (COL-XXS)---------- ============================= */
@media (max-width: 320px)
{
/*botones del submenu*/    
.button-submenu
{
width: 35px;
height: 30px;    
font-size: 9px;    
}

/* Contenedor del logo */    
#logo-company,
.logo-company    
{
height: 100px;
padding-top: 10px;    
}
    
/* contenedor del nombre y leyenda de la empresa */
#leyend-company
{
height: 100px;
padding-top: 10px;    
}

/*cambia el tamaño del nombre de la empresa*/    
#leyend-company h4
{
font-size: 12px
}
 
/*cambia el tamaño de la leyenda de la empresa*/    
#leyend-company h5
{
font-size:11px
}
 
/*redondea los bordes del tipo de cambio*/    
.change
{
border-radius: 0px;
}

/* tamaño de la letra en tipo de cambio y mapa*/    
.change p, .map p
{
color: #d3d3d3;
font-size: 11px;    
}

/*contenedor de bienvenida*/    
#user-welcome
{
height: 30px;
border-bottom:1px groove rgba(255, 255, 255, 0.31); 	
}
 
/*Tamaño de la letra de la bienvenida y usuario*/    
#user-welcome h4
{
font-size: 12px;
text-align: center;	
}

/*Tamano de la letra del usuario en Bienvenida*/    
#user-welcome span
{
font-size: 10px
}
    
/*Contenedor submenu*/    
.submenu-icons
{
height: 45px;
position: relative; 
    
}    

.label-success    
{
position: relative;
top: -15px; 
left: -5px;    
}     
    
/*contenedor del nombre del sistema*/
#system-name,
.n-nombre-sistema    
{
border-radius: 0px;
}
 
/*tamano de la letra de nombre del sistema*/    
#system-name h4,
.n-nombre-sistema h4    
{
font-size: 14px
}

    
/*tamano de lo iconos notas tareas y acerca de*/    
.icon-note span
{
font-size:40px; 
} 
    
.leyend-note h3 small
{
font-size: 15px;
position: relative;
top: -30px    
    
}    
 
/*tamano de la letra de nombre de los graficos*/      
#chart-leyend p    
{
font-size: 10px
} 
 
/*tamano de la letra del footer copy*/      
.copy span
{
position:relative;
top:4px;	
font-size: 10px;
}

/*tamano de la letra del footer derechos reservados*/     
.copy p
{
margin-top: -10px;
color: #fff;
font-size: 10px    
}

/* contenedor de nombre e icono usuario*/    
#user-container
{
 
margin-left: -10px    
}    
    
/*nombre del usuario*/    
#user-name  
{
display: none
}

/*icono usuario barra*/   
#user-icon-bar
{
font-size: 14px;
} 
 
/*boton filtro*/    
#filter-button    
{
width:30px; 
border-radius: 5px 0 0 5px;
font-size: 15px;     
}

/*boton menu en menu secundario*/    
#lateral-menu-button 
{    
width:30px; 
border-radius: 0  5px 5px 0;   
font-size: 15px;
}
  
/*botones del submenu*/    
.button-submenu
{
width: 45px;
height: 30px;    
font-size: 15px;    
}
    
.button-submenu b
{
display: none;
}

/*contenedor de los botones del submenu*/    
#menu-4buttons
{
text-align: center;    
} 
 
/*para centrar el paginador*/    
.center-pagination  
{   
text-align: center;
} 
    
.pagination.pagination-sm a 
{
padding: 6px;
}    

/*tamano de la fuente del header de la tabla*/    
th {
font-weight:400;
font-size: 11px;    
}

/*tamano de la fuente del cuerpo de la tabla*/    
tr {
font-weight:400;
font-size: 10px;    
} 
    

    
#popover4 .after 
{
margin-left: -20px;
transform: scaleX(-1);    
} 
    
.nav.nav-tabs a
{
font-size: 9px;
}
    
.nav.nav-tabs a
{
font-size: 10px;
}
 
.label-form-style,    
#label-form-style
{
font-size: 10px;    
}    

.form-control
{
font-size: 10px;    
}

.next-prev li a
{
padding: 4px;
} 

.checkbox-inline
{
font-size: 9px;    
} 

#margin-input    
{
margin-left: 10px;
} 
    
.nule-padding    
{
padding-right: 5px;
} 

#users-infohead h5
{
font-size: 8px;   
}
 
#users-infohead h5 span
{
display: none;
}
    
.panel-body h2
{
font-size: 10px;    
} 

.panel-body span
{
 font-size: 10px;
}

.para-resolucion2
{
display: none;
}
.para-resolucion    
{
display:hidden;
}
 
#table1
{
width: 40%
}    

.para-resolucion-xs-xxs2
{
display: hidden;
}
.para-resolucion-xs-xxs    
{
display: none;
} 
    
.form-cred-tittle h5
{
font-size:10px;
text-align: center;    
} 
    
.checkbox label
{
font-size: 11px;
}
    
.popover.bottom
{margin-top:10px;
margin-left:-50px;
width: 200px;    
}

.popover.bottom>.arrow:after
{
margin-left: 40px
}
 
.popover.bottom > .arrow
{
border-bottom-color: rgba(0, 0, 0, 0);
}

#button-cerrarSecion
{
margin-left: 28px;
}
    
#checks-tProduccion label    
{
font-size: 11px;
} 
    
#center-label label
{
text-align: center;
}
    
#input-abrirImagen
{
text-align: center;
}
    
.col-xxs
{
width:100%;
text-align: center;   
}
 
.visible-resolucion-xxs    
{
display: hidden;
}
    
.novisible-resolucion-xxs    
{
display: none;
} 
 
.image-all    
{
width: 100%;
}    

.table-overflow-xsmall
{
overflow-x: scroll;
}    

#table-cond-small
{
width:380px;
}
    
#op-form
{
margin-bottom: 20px;
}
    
#min-resolucion   
{
display: none;
}    
   
.navbar-brand    
{
font-size:14px;
}    
        

#table-scroll  
{
width:700px;
}

#center-buttons
{
text-align: center;
}

.font-min-resolution    
{
font-size: 9px;
}
    
#para-margin
{
margin-bottom: 5px;
} 
    
#modalContent
{
height: 210px;
background: #fff;    
} 
    
.btn-minRes
{
width: 100%;
}
    
#col-principal-1
{
display: none;
}
    
#col-principal-3
{
display: none;
}
    
#table-width    
{
width:700px;
}  
    
#height-min-res
{
height: 127px;
overflow: auto;   
}
    
.cont-button
{
margin-top:20px;
text-align:center;    
}
    
.button-parametros
{
width:40%;    
}
    
.table-anulacion, .table-widthResponsive
{
width:1100px;
} 
    
.table-documento
{
height: 270px
} 
    
.tittle-name
{
font-size: 14px;
}
    
.tittle-mini    
{
font-size:12px;
}
    
.color-item h5
{
font-size: 11px;
}
    
.center-check
{
text-align: left;
margin-left: 30px;    
}
 
.submenu-lista a li
{
font-size: 11px;
}
    
.table-width    
{
width: 500px;
}    
    
.boton-footer    
{
text-align: center;
} 
    
.button-sig span
{
top: -2px;
}  
    
#form-name
{
text-align: center;
}
    
.navbar-brand    
{
font-size: 10px;
} 

.sin-contenido    
{
display: none;
} 
    
    
.input-group-addon
{
font-size: 10px;
}
    
.livicon
{
top:5px
} 
    
#user-welcome h4
{
margin-top: 0px;
}  
    
.aparece-xs
{
display: none;
}    
 
.popover-srch
{
width:200px;
}
    
.para-icon span
{
display: none;
} 
    
.ocultar-subbutton
{
display: hidden;
}
    
.mostrar-subbutton 
{
display: none;
} 
    
.map-bar
{
display: none;
}
    
#user-welcome
{
display: none;
}    
    
.center-all
{
margin: 0 auto;
width: 100%;    
}
    
.central-wraper
{
padding:0 5px 5px 5px;
}
    
.oculta-xxs
{
display: none;
}
    
.muestra-xxs
{
display: hidden;
}
    
.appButtons-conteiner
{
margin-top:160px;   
} 
	
.tittle-formDiv
{
border:1px solid #d8d8d8;
}
	
.col-50-50
{
width:50%;
}
	
.totalProforma
{
width: 100%;
margin: 0 auto;
float: right
}
	
.header
{
display:none;
}
	
.header-app
{
display:hidden;
}	
	
#col-principal-2
{
background: #e5e5e5;
text-align: center;
height: auto !important;
float: left;
padding:5px!important;    
}
    
.note,.tag,.about-us
{
width:32%;
height: 80px;
background: #4290ca;
display: inline-block;
border-radius: 2px; 
text-align: center; 
margin-bottom: 0px; 
line-height: 0 !important;    
}
    .icon-about-us,
    .icon-note
    {
    width:100%;
    height:60px;
    text-align: center; 
    line-height: 0;
    padding:22px    
    }
    
    .icon-about-us span,
    .icon-note span
    {
    font-size:25px;
    margin:0!important    
    }
    
    .leyend-note
    {
    width:100%;
    height:30px;
    line-height: 0!important;
    padding:0px!important;    
    }
    
    .leyend-note h3
    {
    font-size: 14px;
    width: 100%;
    color: #fff;
    line-height: 0;
    margin:0;
    text-align: center; 
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;    
    }
    
      .leyend-note h3:hover
    {
    font-size: 14px;
    width: 100%;
    color: #fff;
    line-height: 0;
    margin:0;
    text-align: center; 
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;    
    }
    
       .leyend-note h3 small
    {
    display: none;
    
    }
	
/*
.visited.first
{
display: none;
}
*/
	
ul.checkout-bar li 
{
font-size:11px;
}
	
#mySmallDoughnut,	
#mySmallDoughnut2	
{
/*padding-left: 5px;*/
}
	
.titulo-procesos	
{
font-size: 11px;
}
	
.titulo-procesos i
{
display: none;
}

.input-graph	
{
width:100px;
height: 15px;	
}

.celda-relleno
{
display: none;
}
	
.div-border
{
border:1px solid #d0d0d0;	
}
	
.caja-texto button b
{
display: none;
}
	
.none-display
{
display: none;
}
	
.tabla-scrolling	
{
width: 1000px;
}
	
.tabla-scrolling-list	
{
width: 500px;
}

	
	
	
.hr-none hr
{
display: none;
}
	
.Place-especial::-webkit-input-placeholder { color:#d4d4d4; }
.Place-especial::-moz-placeholder { color:#d4d4d4; } /* firefox 19+ */
.Place-especial:-ms-input-placeholder { color:#d4d4d4; } /* ie */
.Place-especial input:-moz-placeholder { color:#d4d4d4; }	

.h5-none h5
{
display: none;
}

.modal-footer b	
{
display: none;
}
	
.modal-footer span
{
margin: 5px;
}
	
.table.demo.table-bordered.toggle-square-filled input
{
position: relative;
top:-2px	
}
	
.oculta-load span
{
display: none;
}
	
#ocultar-formgroup	
{
display: none;
}
	
.app-pagin
{
text-align: center;
}
	
td
{
font-size:10px;
}
	
.fontSize-especial span
{
font-size: 9px;
}
	
.botones-app
{   
width:100%;
}

.modal-headDescr span
{
font-size: 10px;
}
	
.check-text span
{
font-family: arial;
font-size: 11px;	
}
	
.oculta-titulo
{
display: none;
}
	
.menu-opcioneslateral
{
text-align:center;
}
	
.muest_sm	
{
display: none;
}
	
	
.center_tittle
{
text-align: center;
}
	
	
.group-align-right	
{
float: left;
}
	
.checkout-bar span
{
display: none;
}
	
ul.checkout-bar li	
{
width:12%;
}
    
.table-responsive-size
{
width:700px;
}  
    
.modal-dialog.modal-lg
{
width:100%;
}
    
.modal-dialog.modal-lg.mdl-asientodiario 
{
width:94%;
}    
    
.modal-dialog.modal-lg.modalnuevamaquina    
{
width:92%;
}    

    
.table-fixed-width
{
width: 1100px;
} 
    
.pin-seg .checkbox .check-typo span
{
font-size: 0.9em;    
}
    
.btns-tip-id
{
margin-bottom: 10px;
}
    
.tabla-ArchivoPlanilla
{
width:1100px;
}     
    
.addon-oculto
{
display: none;
}
    
.table-agr-mov
{
width:1000px;
} 
    
.muestra-sm-label
{
display: none;
}
    
.tblConcep-width
{
width:1000px;
} 
    
.ui-multiselect input.search    
{
width: 150px;
}
    
.calendario-eventos.cal 
{
display: block !important;
    
}
    
.calendario-eventos.cal    
{
height: 280px !important;
}
    
.fc-left h2
{
font-size: 15px;
}  
    
    
.grafico-circular-master 
{
height: 360px !important;
}      

#canvas-holder
{
height:170px;
}     
 
.datos-dognut
{
top:-94px
}
    
.mdl-guardar    
    {
    width: 98% !important;
    margin:0 auto;    
    top:130px    
    } 
    
    .btn-resp-cont    
{
width:40%;
margin: 0 auto;
display:inline-block;
}
    
.select-grd    
    {
    width:90% !important;
    }
    
    .chk-align {
    text-align:left !important;
    } 
    
  .centerButtons
    {
    text-align:center
    }  
    
    #graphic-01 {
    height:auto !important;
    max-height:360px;
    }
    
      .tbl-tipo-maquina {
    max-height:200px;
    }
    
       .tbl-detalle-lista
    {
    max-height:200px !important;
    } 
    
     .panel-heading-op .panel-title {
    font-size:10px !important;
    font-weight:600;
    padding-top:4px;
    }

    .panel-heading-op .panel-title span {
    top:-2px
    }
    
    .table-mat-usado .table
{
width:1000px !important;
}
    .digitos-teclado
    {
    width:100% !important
    }
    
    
    .dig-teclado
    {
    width:40px !important;
    height: 40px !important; 
    font-size: 25px;
    padding-top:4px    
    }
    
    .dig-app-oculta
    {
    display: none
    }
    
    .dig-doble
    {
    width:60px
    }
    
    .mdl-teclado
    {
    height: 230px!important;
    }
    
    .input-teclado
    {
    width:90%;
    }
    
    .chev-app
    {
    top: -28px !important;
    }
    
    .oc-xs-hora
    {
    display:none
    }
    
    .doble-hora-xs
    {
        width:80px !important;
    }
    
    .ampm-btn
    {
    padding-top:10px!important
    }
    
    .btn-cerrar-tec
    {
    display: none;
    } 
    
      .input-hora
    {
    width:45% !important;
    text-align: center;    
    }
    
    .table-aplCred
    {
    width: 100% !important;
    }
    
    .table.table-bordered.table-fixed-body.toggle-square-filled tbody tr
    {
    background: #fff !important;
    color: #000;
    font-weight: 400;    
    }
    
    .table.table-bordered.table-fixed-body.toggle-square-filled tbody tr:hover
    {
    background: #48b8d9 !important;
    color:#fff;    
    }
    
          .appmas
    {
    width:5%!important;
    }
    
     .table-ReporTiempoLaborado tbody tr td .xs-xxs-border 
    {
    border: 1px solid #cccccc !important;
    margin-bottom: 3px !important    
    }
    
    .check-widtSpec
    {
    width: 22% !important
    }
    
     
       .mdlFiltrarAumento
    {
    width:98% !important;
    margin: 0 auto;    
    }
    
        
    .placeholderSpecColor::-webkit-input-placeholder { color:rgba(155, 155, 155, 0); }
    .placeholderSpecColor::-moz-placeholder { color:rgba(155, 155, 155, 0); } /* firefox 19+ */
    .placeholderSpecColor:-ms-input-placeholder { color:rgba(155, 155, 155, 0); } /* ie */
    .placeholderSpecColor input:-moz-placeholder { color:rgba(155, 155, 155, 0); }
    
      .container.cont-width
    {
    width: 1200px!important;
    }
    
         .sm-xs-width-espc
    {
    width:100% !important
    }
    
      .mdl-insumos-prod
    {
    width:98% !important;
    margin:0 auto;
    }
    
     .nav.navbar-nav .dropdown a .caret
    {
    display: none;
    }
    
     .navbar-brand
    {
    width:100%;    
    font-size:13px;
    color: #fff!important;
    text-align: right;
    padding-right: 60px    
    }
    
    .navbar-inverse 
    {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4175bf+0,183e6c+100 */
background: #4175bf; /* Old browsers */
background: -moz-linear-gradient(top,  #4175bf 0%, #183e6c 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4175bf), color-stop(100%,#183e6c))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4175bf 0%,#183e6c 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4175bf 0%,#183e6c 100%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4175bf 0%,#183e6c 100%)!important; /* IE10+ */
background: linear-gradient(to bottom,  #4175bf 0%,#183e6c 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4175bf', endColorstr='#183e6c',GradientType=0 )!important; /* IE6-9 */
    max-height: 100%!important
    }
    

    
    .nav.navbar-nav
    {
    width:100%;
    margin: 0;
    padding:0;    
    }
    
    .navbar-toggle
    {
    position: absolute;
    top:0 !important;
    left: 15px !important    
    }
    
    .menu
    {
    padding: 0px !important;
    }
    
    .navbar.navbar-inverse.navbar-fixed-top
    {
    padding:0px;
    max-height: 100% !important;    
    }
    
    .navbar.navbar-inverse.navbar-fixed-top .container
    {
    width:100%;
    margin:0px!important; 
    padding: 0 0px;
    max-height: 100%;  
    }
    
    #user-container
    {
        position: absolute;
        top:0px;
        right: 10px;
        width:30px;
        text-align: center;    
    }
    
    #user-icon-bar
    {
        margin-top: -3px;
        margin-left: -5px    
    }
    
    
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus
    {
        background-image: -webkit-linear-gradient(bottom, #ffb452, #fff472);
        border: 0px;    
    }
    
    .nav.navbar-nav
    {
        background: #ffffff;
        height: auto!important;
        max-height: none;
        border:0px !important;    
    }
    
    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.open>a
    {
        background: #f4f4f4!important;
        color:#4290ca !important;
        border-bottom:1px solid #000;    
    }
    
    .nav.navbar-nav .dropdown a
    {
        height: 50px!important;
        color:#000;    
        line-height: 2.2;
        border-bottom: 1px solid #bfbfbf; 
        transition: all ease-in-out 0.3s; 
    }
    
    
    .nav.navbar-nav .dropdown a:focus
    {
        background: #fff !important;
        border-bottom: 1px solid #bfbfbf;
        color:#000; 
    }
    
    .nav.navbar-nav .dropdown a:hover,
    .navbar-inverse .navbar-nav>.active>a:hover,
    .navbar-inverse .navbar-nav>.open>a:hover
    {
        background: #f1f1f1;
        color: #000;    
    }
    
    .navbar-fixed-top .navbar-collapse
    {
        max-height: 100%!important;
    }
    
    .nav.navbar-nav .dropdown a .caret
    {
        display: none;
    }
    
    .navbar-nav .open .dropdown-menu>li>a 
    {
        line-height: 3.6;
        color: #969696 !important; 
        font-size: 12px    
    }
    
    .navbar-inverse .navbar-toggle,
    .navbar-toggle.collapsed
    {
        background-image: -webkit-linear-gradient(bottom, #f4ba6e, #fdf59a);
        border:0;   
    }

    .navbar-inverse .navbar-toggle .icon-bar
    {
        background: #183e6c;
    }

    .menu-glyp
    {
        float: right;
        color:#ffc400 ; 
        margin-top:7px;
        font-size: 18px;
        font-weight: bold;    
    }
  
    .header-app
    {
        padding:0px
    }
    
    .change
    {
        width:100%;
        border-radius: 0px !important;
        margin-top:4px   
    }
    
    .change p
    {
        color: #fff;
        font-family: arial;
        font-size: 11px    
    }
    
 .central-wraper
    {
        padding:0px;
    }
    
    .btn-submenu-app,
    .button-submenu-app
    {
        width:60px;    
    }

    
    #label-form-style
    {
        background: rgba(251, 251, 251, 0)!important;
        height: 15px!important;
        padding: 0px 10px!important;
        line-height: 1.5!important;
        color:#000!important;
        border-radius: 0px!important;
        width:100%;
        text-align: left;
        text-transform: none!important; 
        color: #183e6c !important;
        font-size: 11px;
        margin-bottom: 2px !important;    
    }
    
    input.form-control,
    select.form-control 
    {  
        font-size: 12px    
    }
    
    #form-name
    {
        margin-top:3px;
        margin-bottom: 8px;    
    }
    
    .table-container
    {
        padding:5px;
    }
    
    .table-border
    {
        padding: 0px;
        border-radius: 0px;
        border:0px;    
    }
    
    .checkbox.check-sm 
    {
        height: 15px;
        margin-top:0px;
        margin-bottom: 0px;
        padding: 0;
        line-height: 3;    
    }
    
    .checkbox.check-sm label span
    {
        font-size: 11px;
        position:relative;
        top:-15px;
        margin-top:0;
        margin-bottom: 0;    
    }
    
    .checkbox.check-sm label
    {
        height: 10px;
        margin:0px;    
    }
    
    
    .navbar-collapse.collapse.in
    {
        -webkit-box-shadow:  0 10px 50px 0 rgba(24, 62, 108, 0.6);
        box-shadow: 0 10px 50px 0 rgba(24, 62, 108, 0.6);
    }
    
    
    .dropdown-menu li a:hover
    {
        background: #f7f7f7 !important;
        color: #000!important;    
    }
    
    .div-border hr
    {
        margin-bottom: 0!important;
        margin-top:0 !important;    
    }
    
    hr
    {
        display: none
    }
    
    #form-name
    {
        margin-bottom: 20px;
        font-size: 14px;
        font-weight: bold !important;
        color: #4290ca;
    }
    
    
    .navbar-brand
    {
        width:100%;    
        font-size:13px;
        color: #fff!important;
        text-align: right;
        padding-right: 60px;
        text-transform:uppercase; 
    }
    
    .navbar-inverse 
    {
        background: #004a6c!important; /* Old browsers */
        max-height: 100%!important;
        border-color: #004a6c!important; 
        border-bottom: 0px    
    }
    

    
    .nav.navbar-nav
    {
        width:100%;
        margin: 0;
        padding:0;    
    }
    
    .navbar-toggle.collapsed
    {
        position: absolute;
        top:-9px !important;
        left: 0px !important;
        height:53px; 
        background: #006b9b!important;
        border-radius: 0;
        width:60px;
        padding: 18px!important 
    }
    
    .navbar-toggle
    {
        position: absolute;
        top:-9px !important;
        left: 0px !important;
        height:52px; 
        background: #006b9b!important;
        border-radius: 0;
        width:60px;
        padding: 18px!important 
    }
    
    .menu
    {
        padding: 0px !important;
    }
    
    .navbar.navbar-inverse.navbar-fixed-top
    {
        padding:0px;
        max-height: 100% !important;    
    }
    
    .navbar.navbar-inverse.navbar-fixed-top .container
    {
        width:100%;
        margin:0px!important; 
        padding: 0 0px;
        max-height: 100%;  
    }
    
    #user-container
    {
        position: absolute;
        top:0px;
        right: 10px;
        width:30px;
        text-align: center;    
    }
    
    #user-icon-bar
    {
        margin-top: -3px;
        margin-left: -5px; 
    }
    
    #user-icon-bar span
    {
        color: #ffce00;
        transition: all ease-in-out 0.4s;
    }
    
     #user-icon-bar span:hover
    {
        color: #fff;
    }
    
    
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus
    {
        background-image: -webkit-linear-gradient(bottom, #ffb452, #fff472);
        border: 0px;    
    }
    
    .nav.navbar-nav
    {
        background: #ffffff;
        height: auto!important;
        max-height: none;
        border:0px !important;   
    }
    
    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.open>a
    {
        background: #f4f4f4!important;
        color:#4290ca !important;
        border-bottom:1px solid #000;    
    }
    
    .nav.navbar-nav .dropdown a
    {
        height: 50px!important;
        color:#000;    
        line-height: 2.2;
        border-bottom: 1px solid #bfbfbf; 
        transition: all ease-in-out 0.3s; 
        font-family: 'Open Sans', sans-serif;
    }
    
    
    .nav.navbar-nav .dropdown a:focus
    {
        background: #fff !important;
        border-bottom: 1px solid #bfbfbf;
        color:#000; 
    }
    
    .nav.navbar-nav .dropdown a:hover,
    .navbar-inverse .navbar-nav>.active>a:hover,
    .navbar-inverse .navbar-nav>.open>a:hover
    {
        background: #f1f1f1;
        color: #000;    
    }
    
    .navbar-fixed-top .navbar-collapse
    {
        max-height: 100%!important;
    }
    
    .nav.navbar-nav .dropdown a .caret
    {
        display: none;
    }
    
    .navbar-nav .open .dropdown-menu>li>a 
    {
        line-height: 3.6;
        color: #969696 !important; 
        font-size: 12px    
    }
    
    .navbar-inverse .navbar-toggle,
    .navbar-toggle.collapsed
    {
        background-image: -webkit-linear-gradient(bottom, #f4ba6e, #fdf59a);
        border:0;   
    }

    .navbar-inverse .navbar-toggle .icon-bar
    {
        background: #fff;
    }

    .menu-glyp
    {
        float: right;
        color:#ffc400 ; 
        margin-top:7px;
        font-size: 18px;
        font-weight: bold;    
    }
  
    .header-app
    {
        padding:0px
    }
    
    .change
    {
        width:100%;
        border-radius: 0px !important;
        margin-top:4px;
        height: 21px;
        padding-right: 13px    
    }
    
    .change p
    {
        color: #fff;
        font-family: arial;
        font-size: 9px;
        font-family: 'Open Sans', sans-serif;
        text-align:right;
        padding-top:0px;
    }
    
    .central-wraper
    {
        padding:0px;    
    }
    
    .btn-submenu-app
    {
        width:25%;
        border-radius: 0px;
        height: 50px;
        padding-top: 9px;
        background: #007ebe; 
        box-shadow: none; 
        text-align: center;
        border-radius: 0px; 
        margin:0 -3px;
        transition: all ease-in-out 0.4s    
    }
    
      .btn-submenu-app:hover
    {
        background: #f0c200;
        box-shadow: none;
        border: 1px solid #f0c200;
    }

    .label-form-style,
    #label-form-style
    {
        background: rgba(255, 255, 255, 0)!important;
        height: 15px!important;
        padding: 0px 10px!important;
        line-height: 1.5!important;
        border-radius: 0px!important;
        width:100%;
        text-align: left;
        text-transform: none!important; 
        color: rgb(0, 66, 145) !important;
        font-size: 11px;
        margin-bottom: 3px !important;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600!important;    
    }
    
    input.form-control,
    select.form-control,
    textarea.form-control
    {  
        font-size: 11px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        font-family: 'Open Sans', sans-serif;
        color: #000;
        font-weight: 400;
        margin-bottom:6px;
        height:3opx!important;
        box-shadow: none;
    }
    
    
    #form-name
    {
        margin-top:3px;
        margin-bottom: 0px; 
        border-radius:0 0;    
    }
    
    .table-container
    {
        padding:5px;
    }
    
    .table-border
    {
        padding: 0px;
        border-radius:0 0 5px 5px;
        border:0px;    
    }
    
    
    .checkbox.check-sm 
    {
        height: 15px;
        margin-top:0px;
        margin-bottom: 0px;
        padding: 0;
        line-height: 3;    
    }
    
    .checkbox.check-sm label span
    {
        font-size: 11px;
        position:relative;
        top:-15px;
        margin-top:0;
        margin-bottom: 0;    
    }
    
    .checkbox.check-sm label
    {
        height: 10px;
        margin:0px;
        margin-top:-10px;    
    }
    
    
    .navbar-collapse.collapse.in
    {
        -webkit-box-shadow:  0 10px 50px 0 rgba(24, 62, 108, 0.6);
        box-shadow: 0 10px 50px 0 rgba(24, 62, 108, 0.6);
    }
    
    
    .dropdown-menu li a:hover
    {
        background: #f7f7f7 !important;
        color: #000!important;    
    }
    
    .div-border hr
    {
        margin-bottom: 0!important;
        margin-top:0 !important;    
    }
    
    hr
    {
        display: none
    }
    
    
    #form-name
    {
        margin-bottom: 15px;
        font-size: 12px;
        font-weight: 600 !important;
        color: rgb(0, 126, 181);
        text-align:center;
        font-family: 'Open Sans', sans-serif;
        padding: 10px;
        background: #efefef;
        border-radius: 5px 5px 0 0;
        line-height: 1;
    }
    
    .table-container
    {
        background: #ffffff;
        margin-bottom: 0px;
    }
    
    .btn-app-tittle
    {
        font-size: 10px;
        margin-top:-2px;
        font-family: 'Open Sans', sans-serif;
    }
    
    #menu-4buttons
    {
        background: #fff;
        padding: 0px;    
        height: auto;
        background: #efefef;    
    }
    
    .botones-app 
    {
        height: auto;
        padding: 4px;
        float: left;    
    }
    
    .header-app
    {
        background: rgb(0, 182, 224);
        height: 75px;    
    }
    
    .header-app:hover
    {
        height: 75px;    
    }
    
    .headerApp-subtittle
    {
        color: #fff;
        font-weight: 800;
        background: rgba(255, 255, 255, 0.18);    
        font-size: 14px; 
        margin-bottom: 5px;    
    }
    
    .change-simbol
    {
        width:13px;
        height: 13px;
        background: rgb(0, 186, 255);
        border-radius: 50%;
        float: right;
        position:relative;
        top:-1px;
        right: 0px;
        font-size: 8px; 
        padding:2px;
        color: #fff; 
        margin-right: 5px;    
    }
    
    .div-border
    {
        border:0px!important;
        background: #f9f9f9 !important;    
        border-radius:0 0 5px 5px;
        margin-top:0px;
        float:left; 
        padding-left:5%!important;    
        padding-right:5%!important;    
    }
    
    
    ::-webkit-scrollbar
    {
        width: 1px;
        background: #fff;
    }
    
    .system-content 
    {
        margin-bottom: 0;
    }
    
    .central-wraper 
    {
        margin-bottom: 35px;
        border-radius: 0px;
    }
    
    .app-modal-list li
    {
        background: #007ebe;
        box-shadow: none;
        border: 0px;    
    }
    
    .app-modal-list li:hover
    {
        background: #f0c200;
        box-shadow: none;
        border:0px;    
    }
    
    .button-submenu-app
    {
        width:75px;
        border-radius: 2px;
        border: 0px;
        background: #f0c200;
        box-shadow: none;
        margin-top:0px!important;
        margin-bottom: 0px!important    
    }
    
    .header-app.header-master
    {
    height: 55px
    }
    
    td, th
    {
        font-family: 'Open Sans', sans-serif;
    }
      
    
    .appButtons-conteiner
    {
        margin-top:195px!important
    }
    
    .btn
    {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600!important;
    }
    
    .change p
    {
        width: auto;
        float: right;
    }
    
    .navbar.navbar-inverse.navbar-fixed-top
    {
        height: 52px;
    }
    
    .appButtons-conteiner .modal-body
    {
        height: auto !important;
        float: left;
        width:100%;
        padding:10px 5px!important; 
        margin-top:0!important;    
    }
    
    .appButtons-conteiner .modal-body input.form-control
    {
        margin-bottom: 0px;
    }
    
    .appButtons-conteiner
    {
        height: auto !important;
        float: left;
        width: 100%;
        padding: 5px;    
    }
    
    .visible-xsTheadFixed
    {
        border: 1px solid #e3e3e3;
        margin-top:3px;    
    }
    
    .grid-solicitudOP
    {
        margin-top:-10px !important;
    }
    
    .modal-body input.form-control 
    {
        height:30px!important;
    }
    
    .subtit-grid
    {
        text-align:center!important;
        margin-top:10px !important;
        float:left !important;
        width:100% !important;
        color:#000 !important;
        font-size:11px !important;
    }

    #divDetalleLista input.form-control 
    {
        height:30px!important;
    }
    
    .totalProforma label,
    .totalProforma input 
    {
        font-size:12px !important;
    }
    
    .dropdown.open .dropdown-menu
    {
        height: auto;
        max-height: 455px;
        overflow: auto;
    }
    
    .central-wraper 
    {
        box-shadow:none;
        border:0px;
    }

    table
    {
        margin-bottom:0px!important;
    }

    input, .btn-group.bootstrap-select.show-tick.form-control, textarea
    {
        margin-bottom:5px !important;
    }

    .input-group input 
    {
        margin-bottom:0px !important;
    }

    .div-border.form-bord 
    {
        padding-bottom:10px !important;
    }

    .title-head-cred {
    margin-bottom:0px!important;
    }

    td input.form-control 
    {
        border:0px!important;
        margin-bottom:0px!important;
        background:rgba(0, 0, 0, 0.00)!important;
        height:34px!important;
    }

    .form-control.input-td 
    {
        height:34px !important;
    }

    .titulo-form 
    {
        font-size:11px !important;
        text-align:center!important;
    }
    
    .pagination > li > .deshabilitado 
    {
        background:#f6f6f6 !important;
        color:#e8e8e8 !important;
        border:1px #e8e8e8 solid !important;
        cursor: no-drop;
    } 
    
    .pagination > li > .deshabilitado:hover 
    {
        background:#f6f6f6 !important;
        color:#e8e8e8 !important;
        border:1px #e8e8e8 solid !important;
        box-shadow:none;
        cursor:no-drop;
    }

    .pagination > li a
    {
        cursor:pointer;
    }
    
    .barra-movil-app
    {
        width: 100%;
        height:20px;
        float:  left;
        position: fixed;
        top: 0; 
        z-index: 20;    
    }
    
    .menu 
    {
        top: 20px;
    }
    
    .navbar.navbar-inverse.navbar-fixed-top
    {
        top:20px;
    }
    
     .botones-acciones
    {
        width:auto;
        height: auto;
        padding: 10px 15px;
        line-height: 0;
        border-radius: 0px;
        margin:-3px;
        margin-bottom:0;
        margin-top: 0px ;
        background: #ffffff;
        color: #999999; 
        box-shadow: none;
        border: 0px;  
        border:1px solid rgba(224, 224, 224, 0.48);    
    }
    
    
    .botones-acciones:first-child
    {
        border-radius: 5px 0 0 5px;
    }
    
    .botones-acciones:last-child
    {
        border-radius: 0 5px 5px 0;
    }
    
    .menu-opcioneslateral.centerButtons
    {
        width:100%;
        height: auto;
        float: left;
        padding: 5px;
        margin-bottom: 5px!important; 
        margin-top: -5px!important;
        padding: 0px!important;    
    }
    
    .center-pagination.center-next-prev
    {
        padding-top:4px;
        margin: 0; 
        height: auto;
        float: left;
        width: 100%;
        text-align: center;
    }
    
    .footable-toggle
    {
        margin-top:10px
    }
    
    .footable-visible.footable-first-column input[type=checkbox]
    {
        position: relative;
        top: -5px    
    }
    
    table tbody tr td
    {
        text-align: left;
    }
    
    .modal  .footable-toggle
    {
        margin-top:0px;
    }
    
    .toggle-square-filled.table-headFixed tr 
    {
        background: #fff!important
    }
    
    .toggle-square-filled.table-headFixed tr:hover
    {
        background:  #48b8d9 !important;
    }
    
     .footable-row-detail-name
    {
        font-size: 10px;
        font-weight: 800!important;
        font-family: 'Open Sans', sans-serif !important; 
        padding-right:15px!important;   
        padding-top:3px;
        padding-bottom: 3px;        
    }
    
    .footable-row-detail-cell
    {
        border-top: 1px solid #e2e2e2;
        background: #fbfbfb!important;    
    }
    
    .footable-row-detail-cell:hover
    {
     background:  #48b8d9 !important;
    }
    
    .width-input-dinamicoXsXxs .col-xs-8
    {
        width:100%!important;
    }
    
    .acordion-contenedor 
    {
        margin-top:0px;
    }
    
    .divOP label
    {
        text-align:left !important;
    }

    #tablaProforma .footable-toggle 
    {
        margin-top:0px !important;
    }

    #div_ListaDetalleProductos 
    {
        margin-bottom:0px!important;
    }

    .dropdown.open .dropdown-menu
    {
        height: auto;
        max-height: 355px;
        overflow: auto;
    }
    
    ul.checkout-bar
    {
        height: 5px!important;   
    }
    
    ul.checkout-bar:before 
    {
        height: 5px!important
    }
    
    ul.checkout-bar li.visited:after
    {
        height: 5px!important
    }
    
    ul.checkout-bar li:before 
    {
        width: 20px!important;
        height: 20px!important;
        font-size: 12px!important;
        line-height: 1.6!important; 
        top:-25px!important;    
    }
    
    .checkout-bar li.active:after
    {
        height: 5px!important;
    }
    
    .graph-content
    {
        height: auto;
        padding:0 10px;
        float:left;
        padding-bottom:15px;   
    }

    ul.checkout-bar li
    {
        width:13.7%;
    }
    
    .div-dos
    {
        padding-left:0px !important;
    }

    .table-aplCred .footable-toggle 
    {
        margin-top: 0px!important; 
    }
    
    .totalProforma 
    {
        width:100%!important;
    }

    .search-group 
    {
        padding-left:10%;
        padding-right:10%;
    }
    
    .pagination.pagination-sm.next-prev li a
    {
        padding: 5px 12px;
    }
    
    
    .pagination.pagination-sm.next-prev
    {
        max-width: 100%;
    }
    
        
    .note-ast h5
    {
        width:40%!important;
        font-size: 11px ;
        padding-left:5px!important;
        margin-top: 15px;
    }
    
    .MdlnotesEve
    {
        width:99%!important;
        margin:0;
        margin:0 auto;
        margin-top:10px    
    }
    
    .bots-as-note
    {
        width:40%;
    }
    
    .note-body-cont
    {
        padding:0px!important;
        border:0px    
    }
    
     .calendario-eventos.cal.calendario-style
    {
        height:334px!important;
    }
    
    .mdl-lista-requisas
    {
        width:99%!important;
        margin:0 auto;    
    }
    
    .btn-searchMdl
    {
        margin-top:5px;
    }
    
    .oc-app-hora
    {
        display: none
    }
    
    
    
    .mdl-cambioMaquina
    {
        width:98% !important;
        margin: 0 auto;    
    }
    
    .label-filter
    {
        background: #4290ca;
        padding:10px;
        color:#fff!important;
        font-weight: 600;
        border-radius: 5px;    
    }
    
    .contOpcionesFiltro
    {
        width:100%;
        height: auto;
        float: left;
        padding:0 15px;
        background: rgba(255, 255, 255, 0.88);    
    }
    
    .label-filter-select
    {
        color:#4290ca !important;
        font-weight: 600;    
    }
    
    .btn-select-filter .btn-select
    {
        border:1px solid #d8d8d8!important;
        color:#000!important;    
    }
    
    .mdl-filtroOrdenar select
    {
        border:1px solid #000;
        color:#000!important;    
    }
    
    .btn-select-filter .btn-select .filter-option.pull-left
    {
        color:#000!important; 
        font-weight: 400!important;    
    }
    
    .contenedor-imagenes-ads
    {
        height: auto;
        float: left;
        padding-bottom: 10px;    
    }
    
    .Col-FixImput-td
    {
        padding: 0px!important;
        padding: 3px!important;    
        padding-left:38%!important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);    
    } 
    
    .Col-FixImput-td:last-child
    {
        border-bottom: 0px;
    }
    
    .code-tfixed-prueba.code-tfixed-prueba-tdInput td:before 
    {
        line-height: 3.2;
        font-weight: 400;    
    }
    
    .contenedor-imagenes-ads
    {
        height: auto;
        float: left;
        padding-bottom: 10px;    
    }
    
    .code-tfixed-prueba td
    {
        border-bottom: 1px solid #acdcff; 
    }
    
    .code-tfixed-prueba td:last-child
    {
        border-bottom: 0px;
    }
    
    .code-tfixed-prueba tr td 
    {
        font-size: 11px!important;
        font-weight:400;    
    }
    
    .code-tfixed-prueba.code-tfixed-prueba-tdNoEdit td
    {
        padding-top:10px!important;
        padding-bottom: 10px!important;    
    }
    
    .code-tfixed-prueba.code-tfixed-prueba-tdNoEdit td:before
    {
        line-height: 3.1;
    }
    
     .code-tfixed-prueba tr td
    {
        transition: ease-in-out all 0.5s;
    }
    
    .code-tfixed-prueba tr td:hover
    {
        background: #a1d0ea;
        color:#fff;    
    }
    
    .time-line-nom ul.checkout-bar li span 
    {
        display:none!important;
    }
    
    .graph-content ul.checkout-bar li:before 
    {
        top: -37px !important;
    }
    
    .graph-content ul.checkout-bar li 
    {
        width: 12.9%;
    }
    
    #checks-tProduccion .checkbox.check-sm label span
    {
        top:-10px!important;
    }
    
    
    #checks-tProduccion div 
    {
        margin-top:0px!important;
    }
    
    .Forma-pagoTable
    {
        min-width:1000px!important
    }
    
    
    .mdl-selectPhone
    {
        width: 80%!important;
        margin:0 auto
    }
    
    .mdl-SaldoVac
    {
        width:95%!important;
        margin: 0 auto;
    }
    
    .mdl-historial-Comp
    {
        width:95%!important;
        margin: 0 auto;
    }
    
    .mdl-UComprobante
    {
        width:99%!important;
        margin: 0 auto;
    }
    
    .login-content
    {
        width: 290px;
        margin-left: -145px
    }
    
    .change-mdlUser
    {
        height: auto;
    }
    
    .div-contClient .btn.btn-default
    {
        width: 100%!important;
    }
    
    .bubble-foot
    {
        position: absolute;
        left: 45px;
        top:5px
    }
    
    
    #contactLink  .tooltip.left .tooltip-arrow,
    #contactLink .tooltip-inner
    {
        display: none;
    }
    
      .mdl-Compr-Det
    {
        width:90%!important;
        margin:0 auto;
    }
    
    .radio-input.radiobank-input
    {
        top:-12px!important;
        margin-right:10px!important;
    }

    .Rent-check-span
    {
        font-size:9px!important;
    }

    .radio-input.radio-RentCheck
    {
        margin-top: -5px;
        margin-left: -18px!important;
        position: relative;
        top: -12px;
    }
    
    .btn-esp-cc
    {
        padding:10px 15px
    }
    
    .TE-Detalle .embo-margen
    {
        margin-left:0px;
        margin-right: 0px;
    }
    
    #theme-menu
    {
        top: 70px!important;
    }
    
    .container
    {
        width:80%!important
    }
    
    #user-container
    {
        width:20%!important
    }
    
    .btn-menu-theme
    {
        padding-top:15px
    }
    
    #user-info h6
    {
        margin-top:-10px;
        margin-bottom: 20px
    }
    
    .box-side
    {
        width:20%
    }
    
    .user-title
    {
        width:80%;
    }
    
    .mdlUser-company
    {
        text-align: left;
        margin-top:5px!important
    }
    
    .mdl-photoUser
    {
        background-size: auto;
        background-position: center;
    }
    
    .mdlUser-nav li 
    {
        width:50%;
    }
    
    .change-mdlUser
    {
        height: auto;
    }
    
    .mdlUser
    {
      margin-bottom: 50px!important;   
    }
    
    #photo-user
    {
        background-size: 90px;
        background-repeat: no-repeat;
        background-position: center; 
        border:0px;    
    }
    
    .mdlUser-name h6,
    .mdlUser-name h3
    {
      text-align: center;  
    }
    
     .mdlUser-nav li a
    {
       font-size:12px!important;
       text-align: center;       
    }
    
    .close.close-note
    {
        font-size: 20px!important;
        top:15px!important;
        right: 15px!important;
    }
    
    .check_width
    {
        height: auto!important;
        background: #fff;
        border: 1px solid #d9d9d9;
        border-radius: 5px;
        margin-bottom: 5px;
    }
    
     .check_width .checkbox
    {
        width:50%!important;
        margin-right: 0px;
    }
    
    .navClientCts
    {
      margin-top: 5px;
    }
    
    .navClientCts li
    {
        width: 25%;
        text-align: center;
    }
    
    .panel-heading.panel-head-client .panel-title
    {
        font-size: 12px;
    }
    
    .div-border.div-contClient
    {
        padding-left: 5px!important;
        padding-right: 5px!important
    }
    
    #menu-lat-app
    {
        margin-top:0px!important
    }
    
     .div-contClient .btn.btn-default
    {
        width: 100%!important;
    }
    
    .navname-prov
    {
        margin-top:5px;
    }
    
     .navname-prov li a
    {
        padding:12px!important;
    }
    
        .checkSpecWidth .checkbox
    {
        width:100%;
        float: left;
        margin:0px;
    }
    
    .checkSpecWidth .checkbox label
    {
        font-size: 11px!important;
    }
    
    .check-divProv
    {
        height: auto!important;
    }
    
    .desp-col
    {
        display: none;
    }
    
    .title-TblaProv
    {
        text-align: center;
    }
    
    .cont-btn-guProv .btn-default
    {
        width:100%;
        float: left;
    }
    
    .cont-btn-guProv 
    {
        float: left;
        margin-bottom:10px!important
    }
    
    .tabs-horizontal li
    {
        width:20%;
        border-right: 0px;
    }
    
    .tabs-horizontal li:last-child
    {
        border-right: 1px solid #d6d6d6
    }
    
    .tabs-horizontal a
    {
        padding-left:5px!important
    }
    
    .FichBubble
    {
        top: 9px;
        right: 3px
    }
    
   .form-group.cont-btn-guProv
    {
        margin-top: 10px!important
    }
    
    .form-group.idiom-form-G
    {
        margin-top:10px!important;
        height: auto!important;
        float:left;
    }
    
    .btn.btn-default.btn-5050
    {
        width: 49%!important;
    }
    
    .btn.btn-default.btn-5050:first-child
    {
        margin-right: 2%;
    }
    
    .nom-Personal
    {
        font-size: 12px!important;
        text-align: center;
    }
    
    
    .cedPersonal
    {
        font-size: 11px;
    }
    
    .menu-opcioneslateral.centerButtons.cTablebutt
    {
        height: 35px!important;
        margin-bottom: 5px!important
    }
    
    .mdl-personales
    {
        width: 98%;
        margin: 0 auto;
        margin-top:5px
    }
    
    .mdl-ZoomPhoto
    {
        width: 98%;
        margin: 0 auto;
        margin-top:5px
    }

    .mdl-otrosRHH
    {
        width: 98%;
        margin: 0 auto;
        margin-top:5px
    }
    
    .mdl-fechasRHH
    {
        width: 95%;
        margin: 0 auto;
        margin-top:5px
    }
    
    .botones-acciones
    {
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.44)!important;
    margin-right: 0px!important;
    margin-left: 0px!important
    }
    
    .menu-opcioneslateral.centerButtons
    {
     margin: 0 auto!important;
     width: auto!important;
     display: table!important;
     float: none!important;    
    }
    
    
    .app-modal-list li span
    {
        float: left;
        position: absolute;
        top:20px;
        right: 10px;
        color: #4290ca;
    }
    
    ::-webkit-scrollbar:horizontal
    {
      height: 8px;
      background: #fff;
    }
    
    .fech-cont
    {
        margin-top:5px;
    }
    
    .checkbox.check-sm.check-padSpec label 
    {
        padding:0px!important;
    }

    .form-select 
    {
        width:100%!important;
        margin-bottom:5px!important;
    }

    .cont-botones-fixedT.centerBtnSpec .botones-acciones 
    {
        float:none!important;
        margin-left:-4px!important;
    }

    .cont-botones-fixedT.centerBtnSpec 
    {
        text-align:center!important;
    } 
    
    .chkSpecialTop label input[type=radio]
    {
        margin-right:5px!important;
    }

    .chkSpecialTop label
    {
        padding-left:0px!important;
    }

    .SpecBorder 
    {
        border:1px solid #d6d6d6;
    }


    .checkSpecmarg span
    {
        margin-left: 5px !important;
    }

    .MedSpecWidth
    {
        width:50%!important;
    }
    
    .mdl-impresion-reporte 
    {
        width: 100%!important;
        margin: 0 auto;    
    }
    
    .sb-slidebar.sb-MobileFacturacion
    {
        width:100%!important;
        background: #fff;
    }
    
    .border-App
    {
        height: 370px;
        overflow: auto;
    }
    
    .AppTableContent
    {
        overflow: auto;
    }
    
    .table-appFact
    {
        min-width:400px
    }
    
    .totalesTableFac tr td
    {
        font-size: 11px;
        font-weight: 400!important;
        color: #fff;
    }
    
       .mdl-labelNumeracion
    {
        width:100%;
        text-align: center;
    }
    
    .paginationCC 
{
    text-align: center;
}

.paginationCC ul
{
    float: none!important;
}
    
      #mdlAcercaDe .modal-content 
    {
        height: 450px;
        margin-top: 50px
    }
    
    .logoAbout img
    {
        max-width: 300px!important
    }
    
    .headerMdlTareas
    {
     height: 90px   
    }
    
    .searchTarea,
    .logo-tareas,
    .userTareas
    {
      height: 45px;  
    }
    
    .logo-tareas h3
    {
        font-size: 15px;
    }
    
    .contentTarea
    {
        height: auto;
    }

    .contentTarea .form-group
    {
        margin:0
    }
    
    

    .contentTarea
    {
        position: absolute;
        top:-500px;
        padding-top: 0!important;
        transition: all ease-in-out 0.5s;
        display: none;
    }
    
    .contentTarea.appSlice
    {
  display: block;
  animation: animationFrames ease 0.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 0.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(-400px,0px)  ;
  }
  60% {
    opacity:0.5;
    transform:  translate(30px,0px)  ;
  }
  80% {
    transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(-400px,0px)  ;
  }
  60% {
    opacity:0.5;
    -moz-transform:  translate(30px,0px)  ;
  }
  80% {
    -moz-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(-400px,0px)  ;
  }
  60% {
    opacity:0.5;
    -webkit-transform:  translate(30px,0px)  ;
  }
  80% {
    -webkit-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(-400px,0px)  ;
  }
  60% {
    opacity:0.5;
    -o-transform:  translate(30px,0px)  ;
  }
  80% {
    -o-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(-400px,0px)  ;
  }
  60% {
    opacity:0.5;
    -ms-transform:  translate(30px,0px)  ;
  }
  80% {
    -ms-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}
    
    
.userTareas button
    {
        top: -1px;
        right: 2px
    }
    
    .userTareas h5
    {
        display:none
    }
    
    .userTareas
    {
        background: #434343
    }
    
}
 


/*  ============================= ----------- RESOLUCION DE PANTALLA XTRA-SMALL (COL-XS)---------- ============================= */
/*  ============================= ----------- RESOLUCION DE PANTALLA XTRA-SMALL (COL-XS)---------- ============================= */
/*  ============================= ----------- RESOLUCION DE PANTALLA XTRA-SMALL (COL-XS)---------- ============================= */
/*  ============================= ----------- RESOLUCION DE PANTALLA XTRA-SMALL (COL-XS)---------- ============================= */
@media (min-width: 321px) and (max-width:767px)
{

/* Contenedor del logo */    
#logo-company,
.logo-company    
{
height: 100px;
padding-top: 10px;    
}
    
/* contenedor del nombre y leyenda de la empresa */
#leyend-company
{
height: 100px;
padding-top: 10px;    
}

/*cambia el tamaño del nombre de la empresa*/    
#leyend-company h4
{
font-size: 12px
}
 
/*cambia el tamaño de la leyenda de la empresa*/    
#leyend-company h5
{
font-size:11px
}
 
/*redondea los bordes del tipo de cambio*/    
.change
{
border-radius: 0px;
}

/* tamaño de la letra en tipo de cambio y mapa*/    
.change p, .map p
{
color: #d3d3d3;
font-size: 11px;    
}

/*contenedor de bienvenida*/    
#user-welcome
{
height: 30px;
border-bottom:1px groove rgba(255, 255, 255, 0.31); 	
}
 
/*Tamaño de la letra de la bienvenida y usuario*/    
#user-welcome h4
{
font-size: 10px;
text-align: center;    
}

/*Tamano de la letra del usuario en Bienvenida*/    
#user-welcome span
{
font-size: 9px
}
    
/*Contenedor submenu*/    
.submenu-icons
{
height: 45px;
position: relative; 
padding-top: 10px;    
}    

.label-success    
{
position: absolute;
top: -20px; 
left: -5px;    
}     
    
/*contenedor del nombre del sistema*/
#system-name,
.n-nombre-sistema      
{
border-radius: 0px;
}
 
/*tamano de la letra de nombre del sistema*/    
#system-name h4,
.n-nombre-sistema h4    
{
font-size: 14px
}

    
/*tamano de lo iconos notas tareas y acerca de*/    
.icon-note span
{
font-size:40px; 
} 
    
.leyend-note h3 small
{
font-size: 15px;
position: relative;
top: -30px    
    
}    
 
/*tamano de la letra de nombre de los graficos*/      
#chart-leyend p    
{
font-size: 10px
} 
 
/*tamano de la letra del footer copy*/      
.copy span
{
position:relative;top:4px;	
font-size: 10px;
}

/*tamano de la letra del footer derechos reservados*/     
.copy p
{
margin-top: -10px;
color: #fff;
font-size: 10px    
}

/* contenedor de nombre e icono usuario*/    
#user-container
{
 
margin-left: -10px    
}    
    
/*nombre del usuario*/    
#user-name  
{
display: none
}

/*icono usuario barra*/   
#user-icon-bar
{
font-size: 14px;
} 
 
/*boton filtro*/    
#filter-button    
{
width:30px; 
border-radius: 5px 0 0 5px;
font-size: 9px;    
}

/*boton menu en menu secundario*/    
#lateral-menu-button 
{    
width:30px; 
border-radius: 0  5px 5px 0;   
font-size: 9px;
}
  
/*botones del submenu*/    
.button-submenu
{
width: 67px;
height: 30px;    
font-size: 8px;    
}

/*contenedor de los botones del submenu*/    
#menu-4buttons
{
text-align: center;    
} 
 
/*para centrar el paginador*/    
.center-pagination  
{   
text-align: center;
} 

/*tamano de la fuente del header de la tabla*/    
th {
font-weight:400;
font-size: 11px;    
}

/*tamano de la fuente del cuerpo de la tabla*/    
tr {
font-weight:400;
font-size: 10px;    
} 
    

    
#popover4 .after 
{
margin-left: -20px;
transform: scaleX(-1);    
} 
    
.nav.nav-tabs a
{
font-size: 10px;
}
 
.label-form-style,    
#label-form-style
{
font-size: 10px;    
}    

.form-control
{
font-size: 10px;    
}

.next-prev li a
{
padding: 4px;
}

.checkbox-inline
{
font-size: 9px;    
}
    
#margin-input    
{
margin-left: 10px;
}
    
.center-next-prev    
{
text-align: center;
}

.nule-padding    
{
padding-right: 5px;
}     
 
#users-infohead h5
{
font-size: 12px    
}
    
.panel-body h2
{
font-size: 15px;    
} 

.panel-body span
{
 font-size: 11px;
}
        
#div_ListaDetalleProductos
{
float: left;
overflow-x: scroll;
margin-bottom: 5px;    
}   
    
#button-form-detalle
{
margin-bottom: 5px;
}    

#table-form-detalle
{
width: 1000px;
} 
    
#form-name
{
font-size: 16px
}

.para-resolucion2
{
display: hidden;
}
.para-resolucion    
{
display: none;
}
    
.input-group-addon
{
font-size:9px;
}

#table1
{
width: 40%
}
    
    
.para-resolucion-xs-xxs2
{
display: hidden;
}
.para-resolucion-xs-xxs    
{
display: none;
}
    
.form-cred-tittle h5
{
font-size:12px;
}
    
.popover.bottom
{margin-top:10px;
margin-left:-50px;
width: 200px;    
}

.popover.bottom>.arrow:after
{
margin-left: 40px
}
 
.popover.bottom > .arrow
{
border-bottom-color: rgba(0, 0, 0, 0);
}

#button-cerrarSecion
{
margin-left: 28px;
}    

#checks-tProduccion label   
{
font-size: 11px;
}     

#center-label label
{
text-align: center;
}    
 
#input-abrirImagen    
{
text-align: center;
} 
    
.visible-resolucion-xs
{
display: hidden;
}
    
.novisible-resolucion-xs    
{
display: none;
} 
    
.table-overflow-xsmall
{
overflow-x: auto;
}    

#table-cond-small
{
width:610px;
}
    
#op-form
{
margin-bottom: 20px;
}    
 
.checkbox label
{
font-size: 11px;   
}
    
#check-days >.checkbox
{
width: 30px;   
}
 
#min-resolucion-oculta    
{
display: none;
}
    
#min-resolucion   
{
margin-top: 8px;
}
    
.checkbox span
{
margin-left: -6px;
margin-top: 5px;    
}    

#table-scroll  
{
width:700px;
}
  
#center-buttons
{
text-align: right;
}    
 
.label-form-style,    
#label-form-style
{
text-align: left;
}
 
#modal-buttons-size    
{
width: 96%;   
}
    
#modalContent
{
height: 140px;    
background: #fff;    
}     

.center-buttons
{
width: 100%;
}
    
.btn-minRes
{
width: 100%;
}   
    
#col-principal-1
{
display: none;
}
    
#col-principal-3
{
display: none;
} 
    
#table-width    
{
width:700px;
}   
    
.table-min-res
{
width:1000px
}    

#height-min-res
{
height: 140px;
overflow: auto;;;;    
} 
    
.vencimiento-derecha
{
border-left: 3px solid #fff; 
}  
    
.boton-sec > p
{
display: none;
}
    
.cont-button
{
margin-top:20px;
text-align:center;    
}
    
.button-parametros
{
width:40%;    
}  
    
.table-anulacion, .table-widthResponsive
{
width:1100px;
}
    
.table-documento
{
height: 308px;
} 

.center-check
{
text-align: left;
} 
    
.border-item2
{
border-left: 1px solid #d9d9d9;
} 
    
.table-width    
{
width: 700px;
} 
    
.responsive
{
font-size: 12px;
}
    
.boton-footer    
{
text-align: center;
} 
    
#form-name
{
text-align: center;
} 
    
.navbar-brand    
{
font-size: 13px;    
} 
    
.livicon
{
top:-2px
} 
    
.desaparece-xs
{
display: none;
}

.aparece-xs
{
display: block;
}
    
.popover-srch
{
width:270px;
}    
  
.para-icon span
{
display: none;
}
    
.ocultar-subbutton
{
display: hidden;
}
    
.mostrar-subbutton 
{
display: none;
}
    
.map-bar
{
display: none;
} 
    
#user-welcome
{
display: none;
}    
    
.center-all
{
margin: 0 auto;
width: 100%;    
}
    
.central-wraper
{
padding:0 5px;
} 
    
.oculta-xxs
{
display: none;
}
    
.muestra-xxs
{
display: hidden;
}
	
.tittle-formDiv
{
border:1px solid #d8d8d8;
}	
	
.totalProforma
{
width: 80%;
margin: 0 auto;
float: right;
margin-bottom: 5px;		
}
	
.header
{
display:none;
}
	
.header-app
{
display:hidden;
}
	
.tag, .note, .about-us	
{
width:80%;
}
	
#col-principal-2
{
background: #e5e5e5;
text-align: center;
height: auto;    
}
    
.note,.tag,.about-us
{
width:32%;
height: 80px;
background: #4290ca;
display: inline-block;
border-radius: 2px; 
text-align: center; 
margin-bottom: 0px;    
}
    .icon-about-us,
    .icon-note
    {
    width:100%;
    height:60px;
    text-align: center; 
    line-height: 0;
    padding:22px    
    }
    
    .icon-about-us span,
    .icon-note span
    {
    font-size:25px;
    margin:0!important    
    }
    
    .leyend-note
    {
    width:100%;
    height:30px;
    line-height: 0!important;
    padding:0px!important;   
    }
    
    .leyend-note h3
    {
    font-size: 14px;
    width: 100%;
    color: #fff;
    line-height: 0;
    margin:0;
    text-align: center; 
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;    
    }
    
      .leyend-note h3:hover
    {
    font-size: 14px;
    width: 100%;
    color: #fff;
    line-height: 0;
    margin:0;
    text-align: center; 
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;    
    }
    
       .leyend-note h3 small
    {
    display: none;
    
    }
	
ul.checkout-bar li 
{
font-size:11px;
	
}
	
.titulo-procesos	
{
font-size: 11px;
}	
	
.celda-relleno
{
display: none;
}	
	
.checkbox  .radio-input
{
margin-right: 10px;
}
	
.div-border
{
border:1px solid #d0d0d0;	
}	
	
.caja-texto button b
{
display: none;
}	

.none-display
{
display: none;
}
	
.tabla-scrolling	
{
width: 1000px;
}
	
.tabla-scrolling-list	
{
width: 700px;
}	
	
.Place-especial::-webkit-input-placeholder { color:#d4d4d4; }
.Place-especial::-moz-placeholder { color:#d4d4d4; } /* firefox 19+ */
.Place-especial:-ms-input-placeholder { color:#d4d4d4; } /* ie */
.Place-especial input:-moz-placeholder { color:#d4d4d4; }	
    
    

.hr-none hr
{
display: none;
}

.h5-none h5
{
display: none;
}
	
.table.demo.table-bordered.toggle-square-filled input
{
position: relative;
top:-2px	
}
	
#ocultar-formgroup	
{
display: none;
}	

.app-pagin
{
text-align: left;
}	
	
td
{
font-size:10px;
}
	
	
.botones-app
{   
width:100%;
}
	
.modal-headDescr span
{
font-size: 11px;
}	
	
.check-text span
{
font-family: arial;
font-size: 12px;	
}
	
.oculta-titulo
{
display: none;
}
	
.menu-opcioneslateral
{
text-align:right;
}	
	
.muest_sm	
{
display: none;
}
	
.center_tittle
{
text-align: center;
}	
	
.div_oculto
{
display: none;
}
	
.checkout-bar span
{
display: none;
}
	
ul.checkout-bar li	
{
width:12.5%;
}
    
.table-responsive-size
{
width:750px;
} 
    
.table-fixed-width
{
width: 1100px;
} 
    
.btn.btn-par-sis    
{
font-size: 11px;
width:100%    
}
    
.pin-seg .checkbox .check-typo span
{
font-size: 1.1em;    
} 
    
.tabla-ArchivoPlanilla
{
width:1100px;
}  
    
.addon-oculto
{
display: none;
}
    
.table-agr-mov
{
width:1000px;
} 
    
.muestra-sm-label
{
display: none;
}    
    
.tblConcep-width
{
width:1000px;
} 
    
.ui-multiselect input.search    
{
width: 200px;
}    
    
.pagination.pagination-sm.next-prev li a
{
padding: 7px 10px;   
}
    
.marg-left
{
float: right;
} 
    
.calendario-eventos.cal 
{
display: block !important;
    
}
    
.fc-left h2
{
font-size: 20px;
}    
    
 .grafico-circular-master 
{
height: 360px !important;
}  
    
/*
.pagination.pagination-sm.next-prev li a
{
padding: 10px;
margin-top:-5px    
}
*/
    
.btn-resp-cont    
{
width:25%;
margin: 0 auto;
display:inline-block;
}
    
.mdl-guardar    
    {
    width: 98% !important;
    margin:0 auto;    
    top:100px    
    }
    
    .chk-align {
    text-align:left !important;
    } 
      
    #mdl-space
    {
    float: right;
    }
    
    .input-esp-width
    {
    width: 81%
    }
    
    .centerButtons
    {
    text-align:center
    }
    
    #graphic-01 {
    height:auto !important;
    max-height:360px;
    }
       
    .tbl-tipo-maquina {
    max-height:200px !important;
    }
    
        .tbl-detalle-lista
    {
    max-height:250px !important;
    }
    
    .panel-heading-op .panel-title {
    font-size:11px !important;
    font-weight:600;
    padding-top:4px;
    }

    .panel-heading-op .panel-title span {
    top:-2px
    }
    
    .table-mat-usado .table
{
width:1000px !important;
}
    
       .mdl-teclado
    {
    height: 300px !important
    }
    
    .digitos-teclado
    {
    width:100% !important;
    }
    
   .input-teclado
    {
    width:80% !important;
    }
    
    .dig-app-oculta
    {
    display: none
    }
    
    .dig-doble
    {
    width:60px
    }
    
    .oc-app-hora
    {display: none}

    .ampm-btn
    {
    display: none;
    }
    
    .input-hora
    {
    width:40% !important;
    text-align: center;    
    }
    
    .table-aplCred
    {
    width: 100% !important;
    }
    
    .table.table-bordered.table-fixed-body.toggle-square-filled tbody tr
    {
    background: #fff !important;
    color: #000;
    font-weight: 400;    
    }
    
    .table.table-bordered.table-fixed-body.toggle-square-filled tbody tr:hover
    {
    background: #48b8d9 !important;
    color:#fff;    
    }
    
          .appmas
    {
    width:5%!important;
    }
    
    .table-ReporTiempoLaborado tbody tr td .xs-xxs-border 
    {
    border: 1px solid #cccccc !important;
    margin-bottom: 3px !important    
    }
    
    .check-widtSpec
    {
    width: 17% !important
    }

    .radio-sm span
    {
    font-size: 11px !important;    
    }
    
    .radio-sm input
    {
    margin-left:-15px!important;
    }
    
       .mdlFiltrarAumento
    {
    width:98% !important;
    margin: 0 auto;    
    }
    
    
    .placeholderSpecColor::-webkit-input-placeholder { color:rgb(155, 155, 155); }
    .placeholderSpecColor::-moz-placeholder { color:rgba(255, 0, 0, 0); } /* firefox 19+ */
    .placeholderSpecColor:-ms-input-placeholder { color:rgba(255, 0, 0, 0); } /* ie */
    .placeholderSpecColor input:-moz-placeholder { color:rgba(255, 0, 0, 0); }	
    
    
      .container.cont-width
    {
    width: 1200px!important;
    }
    
        .sm-xs-width-espc
    {
    width:70% !important
    }
    
  .mdl-nomina-colaborador
    {
    width: 100% !important;
    margin:0    
    }
    
      .mdl-insumos-prod
    {
    width:98% !important;
    margin:0 auto;
    }
    
    
    
    
    
    /* estilo para resolucion app */
    
    .navbar-brand
    {
    width:100%;    
    font-size:13px;
    color: #fff!important;
    text-align: right;
    padding-right: 60px;
    text-transform:uppercase; 
    }
    
    .navbar-inverse 
    {
    background: #004a6c!important; /* Old browsers */
    max-height: 100%!important;
    border-color: #004a6c!important; 
    border-bottom: 0px    
    }
    

    
    .nav.navbar-nav
    {
    width:100%;
    margin: 0;
    padding:0;    
    }
    
    .navbar-toggle.collapsed
    {
    position: absolute;
    top:-9px !important;
    left: 0px !important;
    height:53px; 
    background: #006b9b!important;
    border-radius: 0;
    width:60px;
    padding: 18px!important 
    }
    
    .navbar-toggle
    {
    position: absolute;
    top:-9px !important;
    left: 0px !important;
    height:52px; 
    background: #006b9b!important;
    border-radius: 0;
    width:60px;
    padding: 18px!important 
    }
    
    .menu
    {
    padding: 0px !important;
    }
    
    .navbar.navbar-inverse.navbar-fixed-top
    {
    padding:0px;
    max-height: 100% !important;    
    }
    
    .navbar.navbar-inverse.navbar-fixed-top .container
    {
    width:100%;
    margin:0px!important; 
    padding: 0 0px;
    max-height: 100%;  
    }
    
    #user-container
    {
    position: absolute;
    top:0px;
    right: 10px;
    width:30px;
    text-align: center;    
    }
    
    #user-icon-bar
    {
    margin-top: -3px;
    margin-left: -5px; 
    }
    
    #user-icon-bar span
    {
    color: #ffce00;
    transition: all ease-in-out 0.4s;
    }
    
     #user-icon-bar span:hover
    {
    color: #fff;
    }
    
    
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus
    {
    background-image: -webkit-linear-gradient(bottom, #ffb452, #fff472);
    border: 0px;    
    }
    
    .nav.navbar-nav
    {
    background: #ffffff;
    height: auto!important;
    max-height: none;
    border:0px !important;   
    }
    
    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.open>a
    {
    background: #f4f4f4!important;
    color:#4290ca !important;
    border-bottom:1px solid #000;    
    }
    
    .nav.navbar-nav .dropdown a
    {
    height: 50px!important;
    color:#000;    
    line-height: 2.2;
    border-bottom: 1px solid #bfbfbf; 
    transition: all ease-in-out 0.3s; 
    font-family: 'Open Sans', sans-serif;
    }
    
    
    .nav.navbar-nav .dropdown a:focus
    {
        background: #fff !important;
        border-bottom: 1px solid #bfbfbf;
        color:#000; 
    }
    
    .nav.navbar-nav .dropdown a:hover,
    .navbar-inverse .navbar-nav>.active>a:hover,
    .navbar-inverse .navbar-nav>.open>a:hover
    {
    background: #f1f1f1;
    color: #000;    
    }
    
    .navbar-fixed-top .navbar-collapse
    {
    max-height: 100%!important;
    }
    
   .nav.navbar-nav .dropdown a .caret
    {
    display: none;
    }
    
   .navbar-nav .open .dropdown-menu>li>a 
    {
    line-height: 3.6;
    color: #969696 !important; 
    font-size: 12px    
    }
    
    .navbar-inverse .navbar-toggle,
.navbar-toggle.collapsed
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49bddd+0,4290ca+100 */
background-image: -webkit-linear-gradient(bottom, #f4ba6e, #fdf59a);
border:0;   
}

.navbar-inverse .navbar-toggle .icon-bar
{
background: #fff;
}

.menu-glyp
{
float: right;
color:#ffc400 ; 
margin-top:7px;
font-size: 18px;
font-weight: bold;    
}
  
.header-app
    {
    padding:0px
    }
    
.change
    {
    width:100%;
    border-radius: 0px !important;
    margin-top:4px;
    height: 21px;
    padding-right: 13px    
    }
    
    .change p
    {
    color: #fff;
    font-family: arial;
    font-size: 9px;
    font-family: 'Open Sans', sans-serif;
    text-align:right;
    padding-top:0px;
    }
    
 .central-wraper
    {
    padding:0px;    
    }
    
    .btn-submenu-app
    {
    width:25%;
    border-radius: 0px;
    height: 50px;
    padding-top: 9px;
    background: #007ebe; 
    box-shadow: none; 
    text-align: center;
    border-radius: 0px; 
    margin:0 -3px;
    transition: all ease-in-out 0.4s    
    }
    
      .btn-submenu-app:hover
    {
    background: #f0c200;
    box-shadow: none;
    border: 1px solid #f0c200;
    }

    .label-form-style,
    #label-form-style
    {
    background: rgba(255, 255, 255, 0)!important;
    height: 15px!important;
    padding: 0px 10px!important;
    line-height: 1.5!important;
    border-radius: 0px!important;
    width:100%;
    text-align: left;
    text-transform: none!important; 
    color: rgb(0, 66, 145) !important;
    font-size: 11px;
    margin-bottom: 3px !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600!important;    
    }
    
    input.form-control,
    select.form-control,
    textarea.form-control
    {  
        font-size: 11px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        font-family: 'Open Sans', sans-serif;
        color: #000;
        font-weight: 400;
        margin-bottom:6px;
        height:3opx!important;
        box-shadow: none;
    }
    
    
    #form-name
    {
    margin-top:3px;
    margin-bottom: 0px; 
    border-radius:0 0;    
    }
    
    .table-container
    {
    padding:5px;
    }
    
    .table-border
    {
    padding: 0px;
    border-radius:0 0 5px 5px;
    border:0px;    
    }
    
/*
    .form-group div
    {
    width: 100%;
    }
*/
    
    .checkbox.check-sm 
    {
    height: 15px;
    margin-top:0px;
    margin-bottom: 0px;
    padding: 0;
    line-height: 3;    
    }
    
    .checkbox.check-sm label span
    {
    font-size: 11px;
    position:relative;
    top:-15px;
    margin-top:0;
    margin-bottom: 0;    
    }
    
    .checkbox.check-sm label
    {
    height: 10px;
    margin:0px;
    margin-top:-10px;    
    }
    
    
    .navbar-collapse.collapse.in
    {
    -webkit-box-shadow:  0 10px 50px 0 rgba(24, 62, 108, 0.6);
    box-shadow: 0 10px 50px 0 rgba(24, 62, 108, 0.6);
    }
    
    
    .dropdown-menu li a:hover
    {
    background: #f7f7f7 !important;
    color: #000!important;    
    }
    
    .div-border hr
    {
    margin-bottom: 0!important;
    margin-top:0 !important;    
    }
    
    hr
    {
    display: none
    }
    
    
    #form-name
    {
        margin-bottom: 15px;
        font-size: 12px;
        font-weight: 600 !important;
        color: rgb(0, 126, 181);
        text-align:center;
        font-family: 'Open Sans', sans-serif;
        padding: 10px;
        background: #efefef;
        border-radius: 5px 5px 0 0;
        line-height: 1;
    }
    
    .table-container
    {
    background: #ffffff;
    margin-bottom: 0px;
    }
    
    .btn-app-tittle
    {
        font-size: 10px;
        margin-top:-2px;
        font-family: 'Open Sans', sans-serif;
    }
    
    #menu-4buttons
    {
    background: #fff;
    padding: 0px;    
    height: auto;
/*    border-bottom: 2px solid rgb(196, 196, 196); */
    background: #efefef;    
    }
    
    .botones-app 
    {
    height: auto;
    padding: 4px;
    float: left;    
    }
    
    .header-app
    {
    background: rgb(0, 182, 224);
    height: 80px;    
    }
    
    .header-app:hover
    {
    height: 80px;    
    }
    
    .headerApp-subtittle
    {
    color: #fff;
    font-weight: 800;
    background: rgba(255, 255, 255, 0.18);    
    font-size: 14px; 
    margin-bottom: 5px;    
    }
    
    .change-simbol
    {
    width:13px;
    height: 13px;
    background: rgb(0, 186, 255);
    border-radius: 50%;
    float: right;
    position:relative;
    top:-1px;
    right: 0px;
    font-size: 8px; 
    padding:2px;
    color: #fff; 
    margin-right: 5px;    
    }
    
    .div-border
    {
    border:0px!important;
    background: #f9f9f9 !important;    
    border-radius:0 0 5px 5px;
    margin-top:0px;
    float:left; 
    padding-left:10%!important;    
    padding-right:10%!important;    
    }
    
    
    ::-webkit-scrollbar{
  width: 1px;
  background: #fff;
}
    
    .system-content 
    {
    margin-bottom: 0;
    }
    
    .central-wraper 
    {
    margin-bottom: 35px;
    border-radius: 0px;
    }
    
    .app-modal-list li
    {
    background: #007ebe;
    box-shadow: none;
    border: 0px;    
    }
    
    .app-modal-list li:hover
    {
    background: #f0c200;
    box-shadow: none;
    border:0px;    
    }
    
    .button-submenu-app
    {
    width:75px;
    border-radius: 2px;
    border: 0px;
    background: #f0c200;
    box-shadow: none;
    margin-top:0px!important;
    margin-bottom: 0px!important    
    }
    
    .header-app.header-master
    {
    height: 55px;
    margin-top:72px
    }
    
    td, th
    {
        font-family: 'Open Sans', sans-serif;
    }
      
    
    .appButtons-conteiner
    {
    margin-top:195px!important
    }
    
    .btn
    {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600!important;
    }
    
    .change p
    {
    width: auto;
    float: right;
    }
    
    .navbar.navbar-inverse.navbar-fixed-top
    {
    height: 52px;
    }
    
    .appButtons-conteiner .modal-body
    {
    height: auto !important;
    float: left;
    width:100%;
    padding:10px 5px!important; 
    margin-top:0!important;    
    }
    
    .appButtons-conteiner .modal-body input.form-control
    {
    margin-bottom: 0px;
    }
    
    .appButtons-conteiner
    {
    height: auto !important;
    float: left;
    width: 100%;
    padding: 5px;    
    }
    
    .visible-xsTheadFixed
    {
    border: 1px solid #e3e3e3;
    margin-top:3px;    
    }
    
    .grid-solicitudOP
    {
    margin-top:-10px !important;
    }
    
    .modal-body input.form-control 
    {
    height:30px!important;
    }
    
     .subtit-grid {
    text-align:center!important;
    margin-top:10px !important;
    float:left !important;
    width:100% !important;
    color:#000 !important;
    font-size:11px !important;
    }

    #divDetalleLista input.form-control {
     height:30px!important;
    }
    
     .totalProforma label,
    .totalProforma input {
    font-size:12px !important;

    }
    
    .dropdown.open .dropdown-menu
     {
    height: auto;
    max-height: 455px;
    overflow: auto;
    }
    
    .central-wraper {
    box-shadow:none;
    border:0px;
    }

    table {
    margin-bottom:0px!important;
    }

    input, .btn-group.bootstrap-select.show-tick.form-control, textarea {
    margin-bottom:5px !important;
    }

    .input-group input {
    margin-bottom:0px !important;
    }

    .div-border.form-bord {
    padding-bottom:10px !important;
    }

    .title-head-cred {
    margin-bottom:0px!important;
    }

    td input.form-control {
    border:0px!important;
    margin-bottom:0px!important;
    background:rgba(0, 0, 0, 0.00)!important;
    height:34px!important;
    }

    .form-control.input-td {
    height:34px !important;
    }

    .titulo-form {
    font-size:11px !important;
    text-align:center!important;
    }
    
      .pagination > li > .deshabilitado {
    background:#f6f6f6 !important;
    color:#e8e8e8 !important;
    border:1px #e8e8e8 solid !important;
    cursor: no-drop;
    } 
    
      .pagination > li > .deshabilitado:hover {
    background:#f6f6f6 !important;
    color:#e8e8e8 !important;
    border:1px #e8e8e8 solid !important;
    box-shadow:none;
    cursor:no-drop;
    }

    .pagination > li a {
    cursor:pointer;
    }
    
    .barra-movil-app
    {
    width: 100%;
    height:20px;
    float:  left;
    background: #00557e;
    position: fixed;
    top: 0; 
    z-index: 20;    
    }
    
    .menu 
    {
    top: 20px;
    }
    
    .navbar.navbar-inverse.navbar-fixed-top
    {
    top:20px;
    }
    
    .botones-acciones
    {
    width:auto;
    height: auto;
    padding: 10px 23px;
    line-height: 0;
    border-radius: 0px;
    margin:-3px;
    margin-bottom:0;
    margin-top: 0px ;
    background: #ffffff;
    color: #8e8e8e; 
    box-shadow: none;
    border: 0px;  
    border:1px solid rgba(224, 224, 224, 0.48);    
    }
    
    
    .botones-acciones:first-child
    {
    border-radius: 5px 0 0 5px;
    }
    
    .botones-acciones:last-child
    {
    border-radius: 0 5px 5px 0;
    }
    
    .menu-opcioneslateral.centerButtons
    {
    width:100%;
    height: auto;
    float: left;
    padding: 5px;
    margin-bottom: 5px!important; 
    margin-top: -5px!important;
    padding: 0px!important;    
    }
    
    .center-pagination.center-next-prev
    {
    padding-top:4px;
    margin: 0; 
    height: auto;
    float: left;
    width: 100%;
    text-align: center;
    }
    
  .footable-toggle
    {
    margin-top:10px
        
    }
    
    .footable-visible.footable-first-column input[type=checkbox]
    {
    position: relative;
    top: -5px    
    }
    
    table tbody tr td
    {
    text-align: left;
    }
    
    .modal  .footable-toggle
    {
    margin-top:0px;
    }
    
/*
    .toggle-square-filled.table-headFixed tr 
    {
    background: #fff!important
    }
*/
    
    .toggle-square-filled.table-headFixed tr:hover
    {
    background:  #48b8d9 !important;
    }
    
    .footable-row-detail-name
    {
    font-size: 10px;
    font-weight: 800!important;
    font-family: 'Open Sans', sans-serif !important; 
    padding-right:15px!important;   
    padding-top:3px;
    padding-bottom: 3px;        
    }
    
    .footable-row-detail-cell
    {
    border-top: 1px solid #e2e2e2;
    background: #fbfbfb!important;    
    }
    
    .footable-row-detail-cell:hover
    {
     background:  #48b8d9 !important;
    }
    
     .width-input-dinamicoXsXxs .col-xs-8 {
    width:100%!important;
     }
    
     .acordion-contenedor {
    margin-top:0px;
    }
    
    .divOP label {
    text-align:left !important;
    }

        #tablaProforma .footable-toggle {
    margin-top:0px !important;
    }

    #tablaProforma .footable-visible.footable-first-column a {
    top: -4px;
    position: relative;
    }

    #div_ListaDetalleProductos {
    margin-bottom:0px!important;
    }

    #tablaSolicitudes {
    width:100%!important;
    }
    
    
    ul.checkout-bar
    {
    height: 5px!important;   
    }
    
    ul.checkout-bar:before 
    {
    height: 5px!important
    }
    
    ul.checkout-bar li.visited:after
    {
    height: 5px!important
    }
    
    ul.checkout-bar li:before 
    {
    width: 20px!important;
    height: 20px!important;
    font-size: 12px!important;
    line-height: 1.5!important; 
    top:-25px!important;    
    }
    
    .checkout-bar li.active:after
    {
    height: 5px!important;
    }
    
   .graph-content
    {
    height: auto;
    padding:0 10px;
    float:left;
   padding-bottom:15px;   
    }

    ul.checkout-bar li {
    width:13.9%;
    }
    
     .div-dos {
    padding-left:0px !important;
    }

     .table-aplCred .footable-toggle {
     margin-top: 0px!important; 
    }
    
    
    .totalProforma {
    width:100%!important;
    }

    .search-group {
    padding-left:10%;
    padding-right:10%;
    }
    
    .pagination.pagination-sm.next-prev li a
    {
/*    padding: 5px 15px*/
    }
    
    .calendario-eventos.cal.calendario-style
    {
    height:344px!important;
    }
    
    .note-ast h5
{
width:50%!important;
font-size: 11px ;
padding-left:5px!important    
}
    
    .MdlnotesEve
    {
    width:99%!important;
    margin:0;
    margin:0 auto;
    margin-top:10px    
    }
    
     .note-body-cont
    {
    padding:0px!important;
    border:0px    
    }
    
         .navbar-brand.note-brand
    {
    background: rgba(249, 249, 249, 0)!important;
    color:#000!important;
    font-weight: 600;    
    }
    
    
    .note-tit-brand
    {
    display:none!important;
    }
    
    .modal-notes
    {
    width:98%!important;
    margin:0 auto;
    margin-top:10px    
    }
    
    .note-nav-acc
    {
    height:auto!important;
    float: left;    
    }
    
    .note-nav-acc .form-group
    {
    height: auto!important;
    float: left;    
    }
    
    .note-nav
    {
    height:auto!important;
    }
    
    .note-cont
    {
    height:auto!important
    }
    
    .ult-mod-notf
    {
    text-align: center;
    }
  
   .note-cont .navbar-collapse 
    {
    padding: 0px;
    width:100%    
    }
    
    
    .cont-select-fixedT,
    .cont-botones-fixedT
    {
    margin-bottom:0px;
    }
    
     .cont-botones-fixedT
    {
    text-align: center!important;
    margin-bottom: 5px;    
    }
    
    .estilo-tooltip
    {
    max-width: 100%;
    font-size: 9px;    
    }
    
    .mdl-lista-requisas
    {
    width:99%!important;
    margin:0 auto;    
    }
    
    
    input[type=number]
    {
    padding-top:6px!important
    }
    
    .div-border .form-group
    {
    max-width:450px!important;
    margin:0 auto!important;    
    }
    
     .div-border h5
    {
    text-align: center;
    }
    
    .search-left
    {
    display:none;
    }
    
    #myModaleventos .container>.navbar-header, #myModaleventos .container-fluid>.navbar-header, #myModaleventos .container>.navbar-collapse, #myModaleventos .container-fluid>.navbar-collapse 
    {
    margin-right: 0px;
    margin-left: 0px;
    }
    
    #myModaleventos .container-fluid
    {
    padding-left:0px;
    }
    
    #myModaleventos .navbar-collapse.collapse.in
    {
     box-shadow: none;
    }
    
     #myModaleventos .navbar-toggle
    {
    background: #d1d1d1!important;
    border:0px!important;    
    }
    
    #myModaleventos .navbar-toggle .icon-bar
    {
    background:#fff!important
    }
    
    .note-text-date
    {
    height: auto!important
    }
    
    .modal-notes
    {
    margin-top:30px
    }
    
    
    .label-filter
    {
    background: #4290ca;
    padding:10px;
    color:#fff!important;
    font-weight: 600;
    border-radius: 5px 5px  0 0;    
    }
    
    .contOpcionesFiltro
    {
    width:100%;
    height: auto;
    float: left;
    padding:0 15px;
    background: rgba(255, 255, 255, 0.88);    
    }
    
    .label-filter-select
    {
    color:#4290ca !important;
    font-weight: 600;
    margin-bottom: 0px    
    }
    
    .btn-select-filter .btn-select
    {
    border:1px solid #d8d8d8!important;
    color:#000!important;  
    }
    
    .mdl-filtroOrdenar select
    {
     border:1px solid #000;
    color:#000!important; 
        
    }
    
    .btn-select-filter .btn-select .filter-option.pull-left
    {
    color:#000!important;  
    font-weight: 400!important;     
    }
    
    .Col-FixImput-td
    {
    padding: 0px!important;
    padding: 3px!important;    
    padding-left:38%!important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);    
    } 
    
    .Col-FixImput-td:last-child
    {
    border-bottom: 0px;
    }
    
    .code-tfixed-prueba.code-tfixed-prueba-tdInput td:before 
    {
    line-height: 3.2;
    font-weight: 400;    
    }
    
    .contenedor-imagenes-ads
    {
    height: auto;
    float: left;
    padding-bottom: 10px;    
    }
    
    .code-tfixed-prueba td
    {
    border-bottom: 1px solid #acdcff; 
    }
    
    .code-tfixed-prueba td:last-child
    {
    border-bottom: 0px;
    }
    
    .code-tfixed-prueba tr td 
    {
    font-size: 11px!important;
    font-weight:400;    
    }
    
    .code-tfixed-prueba.code-tfixed-prueba-tdNoEdit td
    {
    padding-top:10px!important;
    padding-bottom: 10px!important;    
    }
    
    .code-tfixed-prueba.code-tfixed-prueba-tdNoEdit td:before
    {
     line-height: 3.1;
    }
    
    .code-tfixed-prueba tr td
    {
    transition: ease-in-out all 0.5s;
    }
    
    .code-tfixed-prueba tr td:hover
    {
    background: #a1d0ea;
    color:#fff;    
    }
    
    .totales-proMaq
{
width:100%!important;
float: right!important;    
}
    
     .totales-proMaq label
    {
    text-align:left!important;
    }
    
    .time-line-nom ul.checkout-bar li span {
    display:none!important;
    
    }
    
    #graphic-01 .graph-content ul.checkout-bar li:before 
    {
    top: -37px !important;
    padding-top:1px;    
    }
    
     #graphic-01 .graph-content ul.checkout-bar li 
    {
    width: 12.9%;
    }
    
        #checks-tProduccion .checkbox.check-sm label span {
    top:-10px!important;
    }
    #checks-tProduccion div {
    margin-top:0px!important;
    }

    .tituloCalcNomina {
    margin-top:0px!important;
    }

    .check-calc-nom {
    top:-3px !important;
    }

    .checkContent-CalcNom {
    height:35px!important;
    padding-top:0px!important;
    }

    .time-line-nom {
    height:40px!important;
    }

    .mdl-notas-Col {
    width:98%!important;
    margin:0 auto!important;
    }

    .mdl-OrdenTipoLista {
    width:98%!important;
    margin:0 auto!important;
    }

    .OrdenTipoLista .checkbox.check-sm label span {
        top: 0px !important;
        margin-left: 0px !important;
    }

    .check-orTipoLista {
        margin-top: 0px !important;
    }

    .checkConspCol label span,
    .chk-ComprPago label span {
        top: 0px !important;
        margin-left: 5px !important;
    }

    .checkLSalarios,
    .checkConspCol,
    .chk-ComprPago {
        line-height: 1.7 !important;
    }

    .checkLSalarios label span,
    .checkOrdenComPago label span {
        margin-left: 5px !important;
        top: 0px !important;
    }

    .checkOrdenComPago {
        line-height: 1.7 !important;
    }

    .border-rihtSpecial {
        border: 1px solid #d6d6d6;
    }

    .compPago-Subtitle {
        font-size: 11px !important;
        text-align: center !important;
        font-weight: bold !important;
    }

    .checkOpcConsCol label span {
        margin-left: 10px !important;
    }

    .checkLSalarios label {
   padding-left:5px!important;
    
    }

    .check-treporDetallado label {
    margin-left:5px!important;
    }

    .check-treporDetallado label span {
    margin-left:10px!important;
    }
    
    .oculta-xxs.caja-no-oculta
    {
        display: inherit;
        background: #fff;
    }
    
    .num-caja
    {
        background: #4290ca;
        text-align: center;
    }
    
    .foto-colegiado img
    {
        height: 100%!important; 
        width:auto!important;
        position: relative;
        left:50%;
        margin-left:-80px
    }
    
    .full-screen-icon
    {
    left:50%;
    margin-left:-20px    
    }
    
    .full-screen-icon:hover
    {
        width:40px;
    }
    
     .quick-key,
    .grid-quick-hey
    {
        display: none;
    }
    
    .centerButtons.btn-grid-caja
    {
        margin-top:5px!important;
        padding:5px!important
    }
    
     .quick-key-rubros
    {
        display: none;
    }
    
    .title-rubro-caja
    {
        padding-left: 10px;
        margin-bottom: 10px
    }
    
    .btn-ltr
    {
        display: none;
    }
    
    .tab-caja
    {
        width:15%!important;
    }

    .tab-caja a
    {
        padding:5px 0!important;
        text-align: center;    
    }
    
    .tab-caja:last-child
    {
        width:40%!important
    }
    
    .ul-agrRubro
    {
        border-bottom: 0px;
        margin-bottom: 5px
    }
    
    .tab-caja.active .triangulo-caja
{
    position:absolute;
    top:23px;
    transform: rotate(0deg);
    left: 50%;
    border-color: #4290ca transparent transparent transparent;
    display: inherit;
    margin-left:-5px;
    
}
    
     .total-div
    {
        width:100%!important;
        margin-top:5px !important;
        margin-bottom: 10px!important;
        height: 50px!important
    }
    
       .mdl-forma-pago
    {
        width:98%!important;
        margin:0 auto;
    }
    
         .oculta-btnPag-ltr
    {
        display: none
    }
    
     .cont-buttonPagar.btnMini
    {
        width:auto
    }
    .total-floatR
    {
        height: auto;
        float: right;
        width: 100%!important;
        padding:0px!important;
        margin-top:5px;
    }

    .modal-body input.input-total-Pag
    {
        height: 40px!important;
    }
    
    #PopoverCheque, #PopoverDeposito, #PopoverTarjeta
    {
    width:300px!important;
    }
    
     #PopoverTarjeta .arrow,
     #PopoverDeposito .arrow
    {
        display: none;
    }
    
    #PopoverDeposito
    {
        left:-40px!important
    }
    
     #PopoverTarjeta
     {
        left:-90px!important
    }
    
       .Forma-pagoTable
    {
        min-width:1000px!important
    }
    
    #contactFormContainer
    {
        width:100%;
        right: 0;
        background-image: url(/images/fondo-chat.jpg);
        background-size: cover;
        background-position:center;
    }
    
    #contactForm
    {
        width:100%!important;
        height:547px;
        width:351px;
        min-height: 100%;
        
    }
    
    
    .contacts-list li
    {
         background: rgba(255, 255, 255, 0);
        background-image: url(/images/bg-white.png);
        color:#ffffff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        margin-bottom: 5px;
        opacity: 0.9
    }
    
     .contacts-list li:hover
    {
        background: rgba(0, 40, 70, 0.17);
        color:#ffffff;
        opacity: 1;
    }
    
    .contacts-list li.contact-conversActiva
    {
        background: rgba(0, 50, 87, 0.25);
        color:#fff;
    }
    
    #chat,
    #contacto,
    #incidencia
    {
        height: 465px!important;
    }
    
    .cont-contacts
    {max-height: 100%!important;
    overflow: auto;
    }
    
    .btn-chat-opt
    {
        padding-left:3px!important;
        padding-right:3px!important;
        width: 90px
     
    }
    
    #PopoverOpcChat
    {
        top:0px!important
    }
    
    #PopoverOpcChat .arrow
    {
        top:60px
    }
    
    .nav-option-chat li a
    {
        padding-top:8px;
        width:45px
    }
    
    .nav-option-chat li a span
    {
        font-size: 15px
    }
    
    .contact-name-company
    {
        color: #00314b;
    }
    
    .status-cont-list
    {
        left:260px;
        background: rgba(119, 119, 119, 0.33)!important;
        padding-left:5px!important;
        padding-right: 5px!important;
    }
    
    .contact-list-photo
    {
        border-radius: 5px;
    }
    
    .msjs-chat-cont
    {
        height: 450px!important;
        max-height: 425px;
    }
    
  .msj-bubble,
  .msj-bubble-home    
    {
        width:300px
    }
    
    .tri-chat-home
    {
        left:299px;
    }
    
    .date-span
    {
        background: rgba(255, 255, 255, 0.13);
    }
    
    .input-ch
    {
        background: rgba(255, 255, 255, 0.3);
        color: #fff!important;
    }
    
    .msjs-chat-cont
    {
        background-image: url(/images/bg.png);
    }
    
    #incidencia
    {
        padding:15px;
    }
    .incid-content
    {
        height: 440px;
       background-image: url(/images/bg.png); 
        border-radius: 5px;
    }
    
    .input-chat-incid
    {
        height: 35px!important
    }
    
    .title-incid
    {
        text-align: center;
        font-size: 15px;
        color:#fff;
    }
    
    .chat-label
    {
        color:#fff;
    }
    
    .unpload-chat
    {
        margin-top:5px;text-align: right;
    }
    
    .unpload-chat span
    {
        font-size: 20px;
        color:#fff;
        padding:5px 10px;
        background: rgba(66, 144, 202, 0.35);
        border-radius: 3px;
    }
    
     .mdl-selectPhone
    {
        width: 80%!important;
        margin:0 auto
    }
    
        .mdl-SaldoVac
    {
        width:95%!important;
        margin: 0 auto;
    }
    
    .mdl-historial-Comp
    {
        width:95%!important;
        margin: 0 auto;
    }
    
       .mdl-UComprobante
    {
        width:95%!important;
        margin: 0 auto;
    }
    
    .bubble-foot
    {
        position: absolute;
        left: 45px;
        top:5px
    }
    #contactLink  .tooltip.left .tooltip-arrow,
    #contactLink .tooltip-inner
    {
        display: none;
    }
    
      .mdl-Compr-Det
    {
        width:90%!important;
        margin:0 auto;
    }
    
    
    
  .radio-input.radiobank-input
{
top:-12px!important;
margin-right:10px!important;
}

    .Rent-check-span
    {
        font-size:9px!important;
    }



.radio-input.radio-RentCheck
{
margin-top: -5px;
margin-left: -18px!important;
position: relative;
top: -12px;
}
    
    .btn-esp-cc
    {
        padding:10px 15px
    }
    
    .TE-Detalle .embo-margen
    {
        margin-left:0px;
        margin-right: 0px;
    }
    
    #theme-menu
    {
        top: 70px!important;
    }
    
    .container
    {
        width:80%!important
    }
    
    #user-container
    {
        width:20%!important
    }
    
    .btn-menu-theme
    {
        padding-top:15px
    }
    
    #user-info h6
    {
        margin-top:-10px;
        margin-bottom: 20px
    }
    
    .box-side
    {
        width:20%
    }
    
    .user-title
    {
        width:80%;
    }
    
    .mdlUser-company
    {
        text-align: left;
        margin-top:5px!important
    }
    
    .mdl-photoUser
    {
        background-size: auto;
        background-position: center;
    }
    
    .mdlUser-nav li:first-child
    {
        width:28%
    }
    
    .mdlUser-nav li 
    {
        width:24%;
    }
    
    .mdlUser-nav li a
    {
        padding:10px 5px;
    }
    
          .change-mdlUser
    {
        height: auto;
    }
    
    .mdlUser
    {
      margin-bottom: 50px!important;   
    }
    
  #photo-user
    {
     background-size: 90px;
     background-repeat: no-repeat;
    background-position: center; 
    border:0px;    
    }
    
    .mdlUser-name h6,
    .mdlUser-name h3
    {
      text-align: center;  
    }
    
     .mdlUser-nav li a
    {
       font-size:12px!important;
       text-align: center;       
    }
    
    .close.close-note
    {
        font-size: 20px!important;
        top:15px!important;
        right: 15px!important;
    }
    
    .check_width
    {
        height: auto!important;
        background: #fff;
        border: 1px solid #d9d9d9;
        border-radius: 5px;
        margin-bottom: 5px;
    }
    
     .check_width .checkbox
    {
        width:50%!important;
        margin-right: 0px;
    }
    
    .navClientCts
    {
      margin-top: 5px;
    }
    
    .navClientCts li
    {
        width: 25%;
        text-align: center;
    }
    
    .panel-heading.panel-head-client .panel-title
    {
        font-size: 12px;
    }
    
    .div-border.div-contClient
    {
        padding-left: 5px!important;
        padding-right: 5px!important
    }
    
    #menu-lat-app
    {
        margin-top:0px!important
    }
    
     .div-contClient .btn.btn-default
    {
        width: 100%!important;
    }
    
    .navname-prov
    {
        margin-top:5px;
    }
    
     .navname-prov li a
    {
        padding:12px!important;
    }
    
        .checkSpecWidth .checkbox
    {
        width:100%;
        float: left;
        margin:0px;
    }
    
    .checkSpecWidth .checkbox label
    {
        font-size: 11px!important;
    }
    
    .check-divProv
    {
        height: auto!important;
    }
    
    .desp-col
    {
        display: none;
    }
    
    .title-TblaProv
    {
        text-align: center;
    }
    
    .cont-btn-guProv .btn-default
    {
        width:100%;
        float: left;
    }
    
      .cont-btn-guProv 
    {
        float: left;
        margin-bottom:10px!important
    }
    
    .tabs-horizontal li
    {
        width:20%;
        border-right: 0px;
        
    }
    
    .tabs-horizontal li:last-child
    {
        border-right: 1px solid #d6d6d6
    }
    
    .tabs-horizontal a
    {
        padding-left:5px!important
    }
    
    .FichBubble
    {
        top: 9px;
        right: 3px
    }
    
   .form-group.cont-btn-guProv
    {
        margin-top: 10px!important
    }
    
    .form-group.idiom-form-G
    {
        margin-top:10px!important;
        height: auto!important;
        float:left;
    }
    
    .btn.btn-default.btn-5050
    {
        width: 49%!important;
    }
    
    .btn.btn-default.btn-5050:first-child
    {
        margin-right: 2%;
    }
    
    .nom-Personal
    {
        font-size: 12px!important;
        text-align: center;
    }
    .cedPersonal
    {
        font-size: 11px;
    }
    
    .menu-opcioneslateral.centerButtons.cTablebutt
    {
        height: 35px!important;
        margin-bottom: 5px!important
    }
         .mdl-personales
    {
        width: 98%;
        margin: 0 auto;
        margin-top:5px
    }
    
    .mdl-ZoomPhoto
    {
        width: 98%;
        margin: 0 auto;
        margin-top:5px
    }
    .mdl-otrosRHH
    {
        width: 98%;
        margin: 0 auto;
        margin-top:5px
    }
    
       .mdl-fechasRHH
    {
        width: 95%;
        margin: 0 auto;
        margin-top:5px
    }
    
    .botones-acciones
    {
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.44)!important;
    margin-right: 0px!important;
    margin-left: 0px!important
    }
    
    .menu-opcioneslateral.centerButtons
    {
     margin: 0 auto!important;
     width: auto!important;
     display: table!important;
     float: none!important;    
    }
    
    
      .app-modal-list li span
    {
        float: left;
        position: absolute;
        top:20px;
        right: 10px;
        color: #4290ca;
    }
    
    ::-webkit-scrollbar:horizontal{
  height: 8px;
  background: #fff;
}
    
      .mdl-nuevoIngreso
    {
        width: 95%!important;
        margin: 0 auto;
        margin-top: 5px;
    }
    
    .Subt-sec
    {
        text-align: center;
    }
    
    .popover.popover-default.top.in.popover-x
    {
        position:absolute!important;
        left: 0!important;
        width:100%!important
    }
    
    #graphic-01 .graph-content ul.checkout-bar li:before
    {
        padding-top:0!important;
        line-height: 1.4!important
    }
    
    .fech-cont
    {
        margin-top:5px;
    }
    
    .filtroprueba
{
    width:80%;
    }

.tablaprueba
{
    width: 20%;
  
}
    
    .tbl-listExp
    {
        margin-top:-16px
    }
    
    .themepic1
     {
        background-image: url(../../images/amarillo-small.png);
        background-position: right;
    }
    
    .themepic2
    {
        background-image: url(../../images/verde-small.png);
        background-position: right;
    }
    
    .themepic3
   {
        background-image: url(../../images/rojo-small.png);
        background-position: right;
    }
    
     .themepic4
   {
        background-image: url(../../images/azul-small.png);
        background-position: right;
    }
    
    
    .themepic1,.themepic2,.themepic3,.themepic4
    {
        max-width: 200px;
        margin: 0 auto;
    }
    
  .cont-picTheme
    {
        margin-bottom:10px
    }
    
     .filter-master
    {
        margin-top:75px
    }
    
    .filter-master label
    {
        height: auto;
        padding:3px;
        border-radius: 0;
        color: #fff;
        background: rgba(255, 255, 255, 0.15);
    }
    
    .label-filter
    {
        background: #fff;
        color: #000!important;
        padding:3px;
        border-radius: 0px;
        
    }
    
    .checkSpecial .checkbox span,
    #mdlCredito .checkbox span,
    #mdlExoneracion .checkbox span,
    #mdlBloqueo .checkbox span
{
    margin-left: 0px !important;
}
    
    .Subt-sec.subSpecial
    {
        text-align: left;
    }
   
    .Subt-sec.subSpecial .checkbox
    {
        top:-2px!important
    }
    
     .checkbox.check-sm.check-padSpec label {
    padding:0px!important;
    }

      .form-select {
        width:100%!important;
        margin-bottom:5px!important;
    }

    .cont-botones-fixedT.centerBtnSpec .botones-acciones {
    float:none!important;
    margin-left:-4px!important;
    }

    .cont-botones-fixedT.centerBtnSpec {
    text-align:center!important;

    } 
    
    .chkSpecialTop label input[type=radio]
{
margin-right:5px!important;
}

    .chkSpecialTop label {
        padding-left:0px!important;
    }

             .SpecBorder {
    border:1px solid #d6d6d6;
    }


    .checkSpecmarg span {
        margin-left: 5px !important;
    }

.MedSpecWidth
{
    width:50%!important;
}
    
    .quickSearchInp
{
    padding-right: 5px!important
}

.quickSearchInp input
{
    border-radius: 5px !important
}

.btn.btn-default.btn-searchQuick
{
   border-radius: 5px!important
}

.quickSearchBtn
{
    padding-left:0px!important
}
    
.search-LG-Content
{
    margin-bottom:5px;
}
    
.mdlLGPagination
{
    text-align: center;
    margin-bottom: 5px!important;
    background: #f4f4f4;
    padding:5px 5px 0px 5px
}
    
.pagination.paginationMdl
{
   float: none!important;
}
    
.sb-slidebar.sb-MobileFacturacion
{
    width:100%;
    background: #fff;
}
    
.Subt-ter
{
    text-align: center;
    background: #f2f2f2;
    padding-top: 3px;
    padding-bottom: 3px;
} 
    
    .mdl-impresion-reporte {
        width: 100%!important;
        margin: 0 auto; 
        overflow: auto;
    }  
    
    .btn.btn-default.btnSpec-grid
    {
        margin-bottom: 10px!important
    }
    
    .tittle-appFacturacion,
    .btns-facturacionApp
    {
        display: none;
    }
    
    .table-contFact
    {
        padding:0px!important;
        margin-top: -24px
    }
   
    .tableBorderFact
    {
        border-radius: 0px;
        padding: 0px!important;
    }
    
    .tableBorderFact .div-border
    {
        border-radius: 0px;
        padding:0px!important;
    }
    
    .header-appFacturacion
    {
        width:100%;
        height: 63px;
        background: #333;
    }
    
    .content-pagesFact
    {
        width:100%;
        height:auto;
        padding:5px;
        float: left;
    }
    
    .cont-factAppLg
    {
        display: none;
    }
    
     .hoja-impresion.oproduccion.dobleImpresion
    {
        width:600px
    }
    
    .content-RepoDob
    {
        max-height: 300px!important
    }
    
      .MdlAgrega_Contacto
    {
        width:95%!important;
    }
    
    .inputInMsg
    {
        background: #fff;
        border-color:#e5e5e5;
        box-shadow: none;
    }
    
    .specFormName
    {
        float:left;
        width:100%;
        text-align: left!important;
        height: 35px;
        line-height: 35px!important;
        padding-top:0!important
    }
    
    h4#form-name .ConsecInscripcion
    {
        margin-top:0;
        font-size: 11px;
    }
    
    .SignSpaceContent
    {
        position: relative!important;
        height: 300px!important;
        margin-top:10px!important;
    }
    
/*
    .SignSpaceContent label
    {
        margin-top: 250px
    }
*/
    
    div.imgContenedor 
    {
        height: auto;
        background: #fff!important
    }
    
    .imgContenedor img
    {
        width:100%;
        height: auto;
    }
    
    .checkContenedor
    {
        bottom:1%;
        line-height: 2
    }
    
    .menu-opcioneslateral.centerButtons.cTablebutt
    {
        background: rgba(255, 255, 255, 0)!important;
        width:100%!important
    }
    
    .menu-opcioneslateral.centerButtons.cTablebutt .botones-acciones
    {
       float: none;
    }
    
    .dataRV-content .form-group.fg-RV div
    {
       padding-left:0!important;
       padding-right: 5px!important;
    }
    
    
    

    .headTableResponsive .thSumaPorcentaje
    {
      width:10%!important  
    }
    
    .headTableResponsive .thSumaPorcentaje div
    {
       width:10%!important    
    }
    
    .NoneAppDisplay
    {
        display: none;
    }
    
    .headTableResponsive tr th:nth-child(2)
    {
       width:30%!important 
    }
    
    .headTableResponsive tr th:nth-child(3)
    {
       width:65%!important 
    }
    
    .dispNoneApp
    {
        display: none;
    }
    
        .checkboxLabel
{
    font-size: 11px;
    font-weight: 600;
}
    .divSpecBorder,
    .border-Div
{
    background: #f9f9f9 !important;
    padding: 0 10%!important;
    border:0;
}
    
 .titleMain
{
    font-size: 11px!important;
    text-align:center;
}
    
    .table-headFixed tbody tr td.inputInTd
{
    padding:0px!important;
    position: relative;
}

.form-control.TdInput
{
width:100%;
height: 36px;
border:1px solid rgba(255, 255, 255, 0);
border-radius: 0!important;
box-shadow: none;   
margin:0!important    
}
    
.toggle-square-filled.table-headFixed tr:hover
{
    background: #ececec!important;
}
    
      .mdl-AgregaContenedoresUb
    {
        width:90%!important;
        margin:0 auto;
    }
    
    .mdl-labelNumeracion
    {
        width:100%;
        text-align: center;
    }
    
    .paginationCC 
{
    text-align: center;
}

.paginationCC ul
{
    float: none!important;
}
    
    .divTDTitle td
    {
        text-align: left;
    }
    
          .SignSpace
    {

        height: 220px;
    }
 
    .SignSpaceContent
    {
        height: auto!important;
    }
    
    .btn-titleListGen
    {
        display: none;
    }
    
    
    .simbolListaGenerica span
    {
        text-align: left;
        margin-bottom: 10px;
        padding-left:0;
        
    }
    
     .simbolListaGenerica div
    {
        text-align: left
    }
    
     .SecColumnAbout h3
    {
        font-size: 14px!important
    }
    
    .SecColumnAbout p
    {
        font-size: 11px;
    }
    
    .descSistemAbout
    {
        max-height: 150px
    }
    
    #mdlAcercaDe .modal-content 
    {
        height: 450px;
        margin-top: 50px
    }
    
    .logoAbout img
    {
        max-width: 300px!important
    }
    
    .headerMdlTareas
    {
     height: 90px   
    }
    
    .searchTarea,
    .logo-tareas,
    .userTareas
    {
      height: 45px;  
    }
    
    .logo-tareas h3
    {
        font-size: 15px;
    }
    
    .contentTarea
    {
        height: auto;
    }

    .contentTarea .form-group
    {
        margin:0
    }
    
    

    .contentTarea
    {
        position: absolute;
        top:-500px;
        padding-top: 0!important;
        transition: all ease-in-out 0.5s;
        display: none;
    }
    
    .contentTarea.appSlice
    {
  display: block;
  animation: animationFrames ease 0.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 0.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(-400px,0px)  ;
  }
  60% {
    opacity:0.5;
    transform:  translate(30px,0px)  ;
  }
  80% {
    transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(-400px,0px)  ;
  }
  60% {
    opacity:0.5;
    -moz-transform:  translate(30px,0px)  ;
  }
  80% {
    -moz-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(-400px,0px)  ;
  }
  60% {
    opacity:0.5;
    -webkit-transform:  translate(30px,0px)  ;
  }
  80% {
    -webkit-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(-400px,0px)  ;
  }
  60% {
    opacity:0.5;
    -o-transform:  translate(30px,0px)  ;
  }
  80% {
    -o-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(-400px,0px)  ;
  }
  60% {
    opacity:0.5;
    -ms-transform:  translate(30px,0px)  ;
  }
  80% {
    -ms-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}
    
    
.userTareas button
    {
        top: -1px;
        right: 2px
    }
    
    .userTareas h5
    {
        padding:0;
    }
    
    
}


/*  ============================= ----------- RESOLUCION DE PANTALLA SMALL (COL-SM)---------- ============================= */
/*  ============================= ----------- RESOLUCION DE PANTALLA SMALL (COL-SM)---------- ============================= */
/*  ============================= ----------- RESOLUCION DE PANTALLA SMALL (COL-SM)---------- ============================= */
/*  ============================= ----------- RESOLUCION DE PANTALLA SMALL (COL-SM)---------- ============================= */
@media(min-width:768px) and (max-width:991px)
{
    
/* Contenedor del logo */    
#logo-company,
.logo-company    
{
height: 100px;
padding: 10px 20px!important;    
}
    
/* contenedor del nombre y leyenda de la empresa */
#leyend-company
{
height: 100px;
padding-top: 20px;    
}

/*cambia el tamaño del nombre de la empresa*/    
#leyend-company h4
{
font-size: 14px
}
 
/*cambia el tamaño de la leyenda de la empresa*/    
#leyend-company h5
{
font-size:13px
}
 
/*redondea los bordes del tipo de cambio*/    
.change
{
border-radius:  0 0 5px 5px;
}

/* tamaño de la letra en tipo de cambio y mapa*/    
.change p, .map p
{
color: #d3d3d3;
font-size: 10px;    
}

/*contenedor de bienvenida*/    
#user-welcome
{
height: 50px;
    
}
 
/*Tamaño de la letra de la bienvenida y usuario*/    
#user-welcome h4
{
font-size: 15px
}

/*Tamano de la letra del usuario en Bienvenida*/    
#user-welcome span
{
font-size: 12px
}

/*Contenedor submenu*/    
.submenu-icons

{
height: 45px;
position: relative; 
padding-top: 10px;    
}
    
.label-success    
{
position: absolute;
top: -20px;
left: -5px    
}     
 
/*casilla de espacio, centra los iconos del submenu*/    
#desapear
{
display: visible;
} 
 
 
    
/*contenedor del nombre del sistema*/
#system-name,
.n-nombre-sistema      
{
border-radius: 0px;
}
 
/*tamano de la letra de nombre del sistema*/    
#system-name h4,
.n-nombre-sistema h4    
{
font-size: 14px
}

/*tamano de lo iconos notas tareas y acerca de*/       
.icon-note span
{

font-size:30px; 
}    
 
/*Tamano del titulo notas y tareas*/    
.leyend-note h3    
{
font-size: 16px;    
}  
 
/* Tamano de cantidad de tareas y notas*/    
.leyend-note h3 small
{
font-size: 11px;
position: relative;
top: -25px    
}    
   
/*tamano de la letra de nombre de los graficos*/      
#chart-leyend p    
{
font-size: 10px
} 
 
/*tamano de la letra del footer copy*/      
.copy span
{
position:relative;top:4px;	
font-size: 10px;
}

/*tamano de la letra del footer derechos reservados*/     
.copy p
{
margin-top: -10px;
color: #fff;
font-size: 10px    
}
    
/* contenedor de nombre e icono usuario*/    
#user-container
{
 
margin-left: -10px    
}    
    
/*nombre del usuario*/    
#user-name  
{
display: none;
}

/*icono usuario barra*/   
#user-icon-bar
{
font-size: 14px;
} 
 
/*boton filtro*/    
#filter-button    
{
width:40px; 
border-radius: 5px 0 0 5px;
font-size: 8px;    
}

/*boton menu en menu secundario*/    
#lateral-menu-button 
{    
width:40px; 
border-radius: 0  5px 5px 0;   
font-size: 8px;
}
  
/*botones del submenu*/    
.button-submenu
{
width: 40px;
height: 30px;    
font-size: 8px;    
}

/*contenedor de los botones del submenu*/    
#menu-4buttons
{
text-align: center;    
} 

.pagination.pagination-sm a
{
font-size: 11px;
padding: 5px    
}
    
/*para centrar el paginador*/    
.center-pagination  
{   
text-align: right;
} 

/*tamano de la fuente del header de la tabla*/    
th {
font-weight:400;
font-size: 11px;    
}

/*tamano de la fuente del cuerpo de la tabla*/    
tr {
font-weight:400;
font-size: 10px;    
}
    

    
#popover4 .after 
{
margin-left: 215px;
} 
    
.nav.nav-tabs a
{
font-size: 13px;
}
 
.label-form-style,    
#label-form-style
{
font-size: 12px;    
}    

.form-control
{
font-size: 12px;    
}

.next-prev li a
{
padding: 10px;
}

.checkbox-inline
{
font-size: 12px;    
}
    
#margin-input    
{
margin-left: 0px;
}
    
.center-next-prev    
{
text-align: right;
}    
    
#users-infohead h5
{
font-size: 14px    
}
    
.panel-body h2
{
font-size: 15px;    
} 

.panel-body span
{
 font-size: 13px;
} 
    
#msj-navbar text
{
display: none;
} 
    
.para-resolucion2
{
display: hidden;
}
.para-resolucion    
{
display: none;
}       
 
#button-agregar    
{
margin-bottom: 5px;
}     

.input-group-addon
{
font-size:10px;
} 
    
.para-resolucion-xs-xxs2
{
display: none;
}
.para-resolucion-xs-xxs    
{
display: hidden;
}
    
.popover.bottom
{margin-top:10px;
margin-left:-60px;
width: 300px;    
}

.popover.bottom>.arrow:after
{
margin-left: 55px
}
 
.popover.bottom > .arrow
{
border-bottom-color: rgba(0, 0, 0, 0);
}

#button-cerrarSecion
{
margin-left: 10px;
} 
    
.visible-resolucion-s
{
display: hidden;
}
    
.novisible-resolucion-s
{
display: none;
}    
  
#op-form
{
margin-bottom: 20px;
} 
    
.checkbox label
{
font-size: 12px;
}
    
#min-resolucion-oculta    
{
display: none;
}
    
#min-resolucion   
{
margin-top: 8px;
}    
   
.navbar-brand    
{
font-size:14px;
}     

#table-scroll  
{
width:100%;
}
    
#center-buttons
{
text-align: right;
} 

.font-min-resolution    
{
font-size: 9px
} 
    
#modal-buttons-size    
{
width: 600px;
}
    
#modalContent
{
height: 140px;
background: #fff;    
}
    
.center-buttons
{
width: 65%;
}   
    
.btn-minRes
{
width: 100%;
}    

#table-width    
{
width:700px;
}    

.table-min-res
{
width:1000px
}
#height-min-res
{
height: 178px;
}    

.vencimiento-derecha
{
border-left: 3px solid #fff; 
} 
    
.cont-button
{
margin-top:20px;
text-align:right;    
}
    
.button-parametros
{
width:20%;    
} 
    
.table-anulacion, .table-widthResponsive
{
width:1100px;
} 
    
.table-documento
{
height: 333px
}  
    
.button-submenu b
{
display: none;
}    
    
#border-item
{
border-left: 1px solid #d9d9d9;
}   
    
.table-width    
{
width: 100%;
} 
    
.boton-footer    
{
text-align: left;
} 
    
.livicon
{
top:-2px
}
    
.aparece-xs
{
display: none;
} 
    
.popover-srch
{
width:400px;
}
    
.ocultar-subbutton
{
display: hidden;
}
    
.mostrar-subbutton 
{
display: none;
}
    
.map-bar
{
display: table;
} 
    
#user-welcome
{
display:table;
}    
    
.center-all
{
margin: 0 auto;
width: 95%;    
}

.central-wraper
{
padding: 0 30px 30px 30px;
}      

.oculta-xxs
{
display: hidden;
}
    
.muestra-xxs
{
display: none;
} 
    
.appButtons-conteiner
{
margin-top:210px;   
} 
	
.tittle-formDiv
{
border-top:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;
}	
	
.totalProforma
{
width: 40%;
float: right;
}
	
.header
{
display:hidden;
}
	
.header-app
{
display:none;
}
	
.tag, .note, .about-us	
{
width:100%;
}	
  
ul.checkout-bar li 
{
font-size:12px;
	
}
	
.input-graph	
{
width:150px;
height: 19px;	
}
	
.checkbox  .radio-input
{
margin-left: -10px;
}	
	
	
	
.div-border
{
border:1px solid #d0d0d0;	

}	
	
.caja-texto button b
{
display: none;
}
	
.none-display
{
display: none;
}
	
.tabla-scrolling	
{
width: 1000px;
}
	
.tabla-scrolling-list	
{
width: 100%;
}	

.Place-especial::-webkit-input-placeholder { color:#d4d4d4; }
.Place-especial::-moz-placeholder { color:#d4d4d4; } /* firefox 19+ */
.Place-especial:-ms-input-placeholder { color:#d4d4d4; } /* ie */
.Place-especial input:-moz-placeholder { color:#d4d4d4; }	

.h5-none h5
{
display: none;
}
	
.especial-height
{
height:118px
}
	

.table.demo.table-bordered.toggle-square-filled input
{
position: relative;
top:-2px	
}	
	
.check-margin  .form-group  .checkbox input 
{
margin-left: 5px;
}
	

#ocultar-formgroup	
{
display: none;
}
	
.app-pagin
{
text-align: left;
}
	
td
{
font-size:11px;
}	
	
.checkbox label
{
padding:0px
}	

.checkbox label span
{
margin-left: 20px
}
	
	
.checkbox.check-sm	label
{
padding:0px;	
}
	
.checkbox.check-sm span
{
margin-left: 20px;
}

.checkbox.check-sm input
{
margin-left: 0px;
margin-right: 5px;
	
}
	
.botones-app
{   
width:110%;
}
	
.modal-headDescr span
{
font-size: 11px;
}
	
.check-text span
{
font-family: arial;
font-size: 12px;	
}
	
.check	
{
margin-left: 20px;
}
	
.oculta-titulo
{
display: none;
}
	
.menu-opcioneslateral
{
text-align:right;
}	
	
.muest_sm	
{
display: hidden;
}	

.group-align-right	
{
float: left;
}
	
.div_oculto
{
display: none;
}	
	
ul.checkout-bar li	
{
width:13.5%;
}
	
ul.checkout-bar li
{
font-size:10px;
}	
    
.form-horizontal .control-label
{
text-align: left;
} 
    
.table-responsive-size
{
width:750px;
} 
    
.modal-dialog.modal-lg
{
width:98%;
}
    
#min-resolucion
{
margin-left:0px;
}

#min-resolucion.min {
    margin-left:20px;
    
    }
    
.modal-dialog.modal-lg.modalnuevamaquina    
{
width:50%;
}
    
.table-fixed-width
{
width: 1100px;
} 
    
.tabla-ArchivoPlanilla
{
width:1100px;
} 

.addon-visible    
{
display: none;
}
    
.table-agr-mov
{
width:1000px;
} 
    
    
.oculta-sm-label
{
opacity: 0;
}
    
.tblConcep-width
{
width:1000px;
} 
    
.ui-multiselect input.search    
{
width: 250px;
}    
    
.pagination.pagination-sm.next-prev li a
{
padding: 7px 10px;   
}  
    
.calendario-eventos    
{
height: 300px !important;
}
    
.nombre-sistema
{
top:255px !important;
}
    
.calendario-eventos.cal    
{
height: 550px !important;
} 
    
.grafico-circular-master 
{
height: 240px !important;
} 
    
    
.leyend-note
    {
    display: none;
    }
 
.note, .tag, .about-us
    {
    background: #4290ca;
    }
	
.icon-note, .icon-about-us 
    {
    width: 100%
    }
    
    .icon-note span, .icon-about-us span
    {
    font-size: 40px;
    }
    
    .pagination.pagination-sm.next-prev li a
{
padding: 5px;   
}  
    
#canvas-holder
{
height:180px;
} 
    
.btn-resp-cont    
{
width:25%;
margin: 0 auto;
display:inline-block;
}    
  
.mdl-guardar
    {
    top:200px;
    }
    
    .mdl-guardar
{
width:600px !important;
}
    
    .chk-align {
    text-align:left !important;
    }
    
.mdl-funcionAcumulado
{
width:70% !important
}  
    
   #graphic-01 {
    height:auto !important;
    max-height:360px;
    }
    
    #canvas-holder
    {
    border-right: 1px solid #e3e3e3;
    }
    
    .data-graph-cont
    {
    border-top:1px solid #e3e3e3 !important;
    border-bottom:1px solid #e3e3e3 !important;
    margin-top:15px    
    }
    
     .tbl-detalle-departamento {
    max-height:400px !important;
    }
    
       .tbl-tipo-maquina {
    max-height:400px !important;
    }
    
         .tbl-detalle-lista
    {
    max-height:450px !important;
 
    }
    
    .panel-heading-op .panel-title {
    font-size:12px !important;
    font-weight:600;
    padding-top:4px;
    }

    .panel-heading-op .panel-title span {
    top:-2px
    }
    
    .table-mat-usado .table
{
width:1200px !important;
}
   
    .digitos-teclado
    {
    width:100% !important;
    }
    
    .dig-app
{
display: none;
} 
    
    .input-teclado
    {
    width:70%;
    }
    
      .ampm-btn
    {
    display: none;
    }
    
    .btn-cerrar-tec
    {
    display: none;
    } 
    
         .input-hora
    {
    width:20%;
    text-align: center;    
    }
    
    .table-aplCred
    {
    width: 100% !important;
    }
    
    .table.table-bordered.table-fixed-body.toggle-square-filled tbody tr
    {
    background: #fff !important;
    color: #000;
    font-weight: 400;    
    }
    
    .table.table-bordered.table-fixed-body.toggle-square-filled tbody tr:hover
    {
    background: #48b8d9 !important;
    color:#fff;    
    }
    
      .appmas
    {
    width:5%!important;
    }
    
     .table-ReporTiempoLaborado tbody tr td .sm-md-border 
    {
    border: 1px solid #cccccc !important;
    margin-bottom: 3px !important    
    }
    
      .mdlFiltrarAumento
    {
    width:90% !important;
    }
    
    .placeholderSpecColor::-webkit-input-placeholder { color:rgba(255, 0, 0, 0); }
    .placeholderSpecColor::-moz-placeholder { color:rgba(255, 0, 0, 0); } /* firefox 19+ */
    .placeholderSpecColor:-ms-input-placeholder { color:rgba(255, 0, 0, 0); } /* ie */
    .placeholderSpecColor input:-moz-placeholder { color:rgba(255, 0, 0, 0); }	
    
    .container.cont-width
    {
    width: 1000px !important;
    }
    
    .sm-xs-width-espc
    {
    width:50% !important
    }
    
     .mdl-insumos-prod
    {
    width:90% !important
    }
    
     .fa.fa-angle-right.fa-lg.menu-glyp
    {
    display: none;
    }
    
    .btn-app-tittle
    {
    display: none;
    }
    
     .fa.fa-angle-down.fa-lg.menu-glyp.tablecaret-asc
    {
    display: none;
    }
    
    .dropdown-menu li a
    {
    height:50px;
    padding-top:15px;
    border-bottom: 1px solid #ededed;  
    }
    
       .barra-movil-app
    {
    display: none;
    }
    
     .footable-toggle
    {
    margin-top:10px
        
    }
    
    .footable-visible.footable-first-column input[type=checkbox]
    {
    position: relative;
    top: -6px    
    }
    
/*
    .toggle-square-filled.table-headFixed tr 
    {
    background: #fff!important
    }
*/
    
    .toggle-square-filled.table-headFixed tr:hover
    {
    background:  #48b8d9 !important;
    }
    
    .footable-row-detail-name
    {
    font-size: 10px;
    font-weight: 800!important;
    font-family: 'Open Sans', sans-serif !important; 
    padding-right:15px!important;   
    padding-top:3px;
    padding-bottom: 3px;        
    }
    
    .footable-row-detail-cell
    {
    border-top: 1px solid #e2e2e2;
    background: #fbfbfb!important;    
    }
    
    .footable-row-detail-cell:hover
    {
     background:  #48b8d9 !important;
    }
    
    #tablaProforma .footable-toggle {
    margin-top:0px !important;
    }
 
    #tablaProforma .footable-visible.footable-first-column a {
    top: -4px;
    position: relative;
    }
    
     .checkbox input[type=checkbox]:first-child {
     margin-left:0px;  
    }

    #min-resolucion {
        margin-left: 20px !important;
    }
    
       .navbar-brand.note-brand
    {
    display:none!important;
    }
    
    .modal-notes
    {
    width:98%!important;
    margin:0 auto;
    margin-top:10px;    
    }
    
    .calendario-eventos.cal.calendario-style
    {
    height:567px!important;
    }
    
    .calendario-style .fc-day-grid-container.fc-scroller
    {
    height: 471px!important;
    }
    
    .menu-srch-not
    {
    width:240px!important
    }
    
    .cont-select-fixedT,
    .cont-botones-fixedT
    {
    margin-bottom:5px;
    }
    
     input[type=number]
    {
    padding-top:6px!important
    }
    
    .mdl-cambioMaquina
    {
    width:80%!important;
    }
    
    
      .code-tfixed-prueba tr
    {
    transition: ease-in-out all 0.3s;
    }
    
    .code-tfixed-prueba tr:hover
    {
    background: #48b8d9;
    color:#fff;    
    }
    
    .code-tfixed-prueba tbody tr:nth-child(odd):hover
    {
    background: #48b8d9;
    color:#fff;    
    }
    
        .calendario .datepicker-days table tbody tr {
line-height:1.9!important
}

         .checkContent-CalcNom {
    height:30px!important;
    padding-top:5px!important;
    }

     .border-rihtSpecial {
    border-top:1px solid #d6d6d6;
    border-left:1px solid #d6d6d6;
    border-bottom:1px solid #d6d6d6;
    }

    .chk-ComprPago label span {
    margin-left:0px!important;
    }

     .checkLSalarios label span {
    margin-left:0px!important
    }
    
    .check-cajas label input
    {
        margin-left:-15px!important
    }
    
    .check-cajas label
    {
        margin-left:15px!important
    }
    
     .spec-WidthCajas
    {
        width:25%!important
    }
    
    .foto-cajas
    {
        height: 354px;
        border-left:0px;
    }
    
    .full-screen-icon
    {
        width:100%;
    }
    
    .quick-key,
    .grid-quick-hey
    {
        display: none;
    }
    
    .quick-key-rubros
    {
        display: none;
    }
    
    .total-div
    {
        width:40%!important
    }
    
     .oculta-btnPag-ltr
    {
        display: none
    }
    
    .cont-buttonPagar.btnMini
    {
        width:auto
    }
    
    .total-floatR
    {
        height: auto;
        float: right;
        width: 60%!important;
        padding:0px!important
    }
    
    .mdl-forma-pago
    {
    width:80%!important
    }
    
    .Forma-pagoTable
    {
    min-width:1000px!important
    }
    
     .mdl-selectPhone
    {
    width: 40%!important
    }
    
    
    #contactForm
    {
    height:347px;
    width:351px;
    }
    
      .mdl-SaldoVac
    {
    width:75%!important
    }
    
      .mdl-historial-Comp
    {
    width:85%!important;
    }
    
      .cont-contacts
    {
    height: 270px
    }
     .mdl-anularOP
    {
    width:70%!important;
    }
    
    .mdl-Compr-Det
    {
    width:60%!important
    }
    
    
    .radio-input.radiobank-input
    {
    left:5px!important;
    margin-right:0px!important;
    }


    .radio-input.radio-RentCheck 
    {
    margin-left:10px!important;
    }

    .imp-check-align
    {
    margin-left:0px!important
    }
    
       .TE-Detalle .embo-margen
    {
        margin-left:0px;
        margin-right: 0px;
    }
    
    .TE-Detalle .embo-margen input
    {
        margin-left:10px
    }
    
        .mdl-detalleNV-Peq
    {
        width:85%!important
    }
    
    
    .mdl-photoUser
    {
        height: 120px;
        background-position: center;
    }
    
    .change-mdlUser
    {
        height: auto;
    }
    
        .mdl-BalanceRecivos
    {
        width: 65%!important
    }
    
    .mdl-SimbologiaColores
    {
        width: 65%!IMPORTANT
    }
    
    .check-pCliente input
    {
        position: relative!important;
    }
    
     .check_width .checkbox
    {
        margin-right: 0px!important;
        width: 25%    
    }
    .check_width
    {
        height: auto!important;
    }
    
     .checkSpecWidth .checkbox
    {
        width:auto;
        margin-right:1px;
        float: left;
    }
    
    .checkSpecWidth .checkbox label
    {
        font-size: 10.9px!important;
    }
    
     .tabs-horizontal
    {
        width:15%;
        float: left;
    }
    
    .tab-content-horizontal
    {
        width:84%;
        float: right;
        padding: 0px;
        border: 1px solid #e6e6e6;
    }
    
      .mdl-personales
    {
        width: 95%;
    }
    
    .mdl-ZoomPhoto
    {
        width: 60%
    }
    .mdl-otrosRHH
    {
        width: 90%;
        margin-top:5px!important
    }
    
     .mdl-fechasRHH
    {
        width: 95%
    }
    
    .app-modal-list li span
    {
        float: left;
        position: absolute;
        top:20px;
        right: 10px;
        color: #4290ca;
    }
    
    .mdl-nuevoIngreso
    {
        width: 95%!important;
        margin: 0 auto;
    }
    
     .eliminaBorder
    {
        border-right: 0px!important
    }
    
       .mdlTranferenciaBodega
    {
     width:98%!important;
    }
    
    .dev-div
    {
        height: 233px!important
    }
    
    .filtroprueba
{
    width:50%;
    }

.tablaprueba
{
    width: 50%;
  
}
    
     .mdlHistorico
    {
        width:90%!important
    }
    
    .mdlBody-filter
    {
        padding-left: 150px!important;
        padding-right: 150px!important;
        background: rgba(255, 255, 255, 0.87)!important;
    }
    
    	
	 .form-select {
        width:45%!important;
    }

          .SpecBorder {
    border:1px solid #d6d6d6;
    }

    .checkSpecmarg .radio-input {
    margin-left:0px!important;
    }

    .checkSpecmarg span {
        margin-left:5px!important;
    }
    
        .mdl-impresion-reporte {
        width: 95%!important;
        margin: 0 auto;    
    }
    
    
    .tableBorderFact .div-border
    {
        padding: 0!important;
        border: 0!important;
        
        
    }
    
    .tableBorderFact
    {
        padding:0;
        margin: 0;
        border: 0;
        margin-top:-21px
        
    }
    
   
    .header-noFac label i
    {
        top:20px
    }
    
    .tittle-appFacturacion,
    .btns-facturacionApp
    {
        display: none;
    }
    
    .submenu-bar.submenuBarFact
    {
        display: none;
    }
    
    .cont-factAppLg
    {
        display: none;
    }
    
    .hoja-impresion.oproduccion.dobleImpresion
    {
        width:600px
    }
    
    .MdlAgrega_Contacto
    {
        width:75%!important;
    }
    
    .modal-cambio-pass {
        width: 70%!important;
    }
    
      .mdl-salidaColaborador
    {
        width:60%!important
    }
    
    .MdlEstadoOP
    {
        width:40%!important;
    }
    
    .SignSpaceContent
    {
        position: relative!important;
        height: 300px!important;
        margin-top:10px!important;
    }
    
/*
    .SignSpaceContent label
    {
        margin-top: 250px
    }
*/
    
    .dataRV-content .form-group.fg-RV div
    {
       padding-left:0!important;
       padding-right: 5px!important;
    }
    
    .appTDvisible
    {
        display: none!important
        
    }

    .headTableResponsive .thSumaPorcentaje
    {
      width:15%!important  
    }
    
    .headTableResponsive .thSumaPorcentaje div
    {
       width:15%!important    
    }
    
    .checkboxLabel
{
    font-size: 11px;
    font-weight: 600;
}
    
    .toggle-square-filled.table-headFixed tr:hover
{
    background: #ececec!important;
}
    
      .mdl-AgregaContenedoresUb
    {
        width:60%!important;
    }
      .mdlTablaMontos
    {
        width:80%!important
    }
    
    .mdlTipoComprobante
    {
        width:50%!important
    }
    
         .SignSpace
    {

        height: 220px;
    }
 
    .SignSpaceContent
    {
        height: auto!important;
    }
    
    .mdlAgregarChofer
    {
        width:70%!important
    }
    
    .mdl-Imprimir
    {
        width:80%!important;
    }
    
    .mdl-Bitacora
    {
        width:80%!important
    }

    .modal-content.appButtons-conteiner
{
    height: auto!important;
    background: #fff;
/*    box-shadow: none;*/
    border: none;
    margin:0!important;
    border-radius: 5px;
    padding:5px

}


.modal-content.appButtons-conteiner .modal-body
{
    height: auto!important;
    background: #f7f7f7!important;
    border: 1px solid #dedede;
    margin-top:0!important;
    padding-top:5px!important;
    width:100%!important
}


.button-submenu-app
{
    height: 60px;
    margin-bottom:0!important;
    width:60px!important
   
}


.mdl-srch .modal-dialog.modal-lg
{
    
    width:100%;
    height: auto;
    width:60%!important;
    margin:0 auto!important;
    margin-top:150px!important
}
    
  .mdlFechaMantenimiento
    {
        width:70%!important
    }  
    
    .btn-Form
    {
        float:right
    }
    
       .mdlParamImpresion
    {
        width:99%!important
    }
    
    .simbolListaGenerica div
    {
        text-align: left
    }

    
    
}


/*  ============================= ----------- RESOLUCION DE PANTALLA MEDIUM(COL-MD)---------- ============================= */
/*  ============================= ----------- RESOLUCION DE PANTALLA MEDIUM(COL-MD)---------- ============================= */
/*  ============================= ----------- RESOLUCION DE PANTALLA MEDIUM(COL-MD)---------- ============================= */
/*  ============================= ----------- RESOLUCION DE PANTALLA MEDIUM(COL-MD)---------- ============================= */
@media(min-width:992px) and (max-width:1199px)
{

/* Contenedor del logo */    
#logo-company,
.logo-company    
{
height: 100px;
padding: 10px 40px!important;    
}
    
/* contenedor del nombre y leyenda de la empresa */
#leyend-company
{
height: 100px;
padding-top: 25px;    
}

/*cambia el tamaño del nombre de la empresa*/    
#leyend-company h4
{
font-size: 17px
}
 
/*cambia el tamaño de la leyenda de la empresa*/    
#leyend-company h5
{
font-size:14px
}
 
/*redondea los bordes del tipo de cambio*/    
.change
{
border-radius:  0 0 5px 5px;
}

/* tamaño de la letra en tipo de cambio y mapa*/    
.change p, .map p
{
color: #d3d3d3;
font-size: 11px;    
}

/*contenedor de bienvenida*/    
#user-welcome
{
height: 50px;    
    
}
 
/*Tamaño de la letra de la bienvenida y usuario*/    
#user-welcome h4
{
font-size: 17px
}

/*Tamano de la letra del usuario en Bienvenida*/    
#user-welcome span
{
font-size: 12px
}

/*Contenedor submenu*/    
.submenu-icons

{
height: 45px;
position: relative; 
padding-top: 10px;   
}
 
.label-success    
{
position: absolute;
top: -20px; 
left: -5px    
}    
    
/*casilla de espacio, centra los iconos del submenu*/    
#desapear
{
display: visible;
} 
 

    
/*contenedor del nombre del sistema*/
#system-name,
.n-nombre-sistema      
{
border-radius: 0px 5px 0 0; 
}
 
/*tamano de la letra de nombre del sistema*/    
#system-name h4,
.n-nombre-sistema h4    
{
font-size: 15px
}

/*tamano de lo iconos notas tareas y acerca de*/       
.icon-note span
{

font-size:35px; 
}    
 
/*Tamano del titulo notas y tareas*/    
.leyend-note h3    
{
font-size: 18px;    
}  
 
/* Tamano de cantidad de tareas y notas*/    
.leyend-note h3 small
{
font-size: 14px;
position: relative;
top: -25px    
}    
   
/*tamano de la letra de nombre de los graficos*/      
#chart-leyend p    
{
font-size: 10px
} 
 
/*tamano de la letra del footer copy*/      
.copy span
{
position:relative;top:4px;	
font-size: 11px;
}

/*tamano de la letra del footer derechos reservados*/     
.copy p
{
margin-top: -10px;
color: #fff;
font-size: 10px    
}
    
/* contenedor de nombre e icono usuario*/    
#user-container
{
 
margin-left: -10px    
}    
    
/*nombre del usuario*/    
#user-name  
{
display: visible;
}

/*icono usuario barra*/   
#user-icon-bar
{
font-size: 15px;
} 
 
/*boton filtro*/    
#filter-button    
{
width:40px; 
border-radius: 5px 0 0 5px;
font-size: 12px;    
}

/*boton menu en menu secundario*/    
#lateral-menu-button 
{    
width:40px; 
border-radius: 0  5px 5px 0;   
font-size: 12px;
}
  
/*botones del submenu*/    
.button-submenu
{
width: 60px;
height: 30px;    
font-size: 11px;    
}

/*contenedor de los botones del submenu*/    
#menu-4buttons
{
text-align: center;    
} 

.pagination.pagination-sm a
{
font-size: 12px;  
}
    
/*para centrar el paginador*/    
.center-pagination  
{   
text-align: right;
} 

/*tamano de la fuente del header de la tabla*/    
th {
font-weight:400;
font-size: 13px;    
}

/*tamano de la fuente del cuerpo de la tabla*/    
tr 
{
font-weight:400;
font-size: 12px;    
}      


    
#popover4 .after 
{
margin-left: 195px;
}
    
.nav.nav-tabs a
{
font-size: 13px;
}
 
.label-form-style,    
#label-form-style
{
font-size: 12px;    
}    

.form-control
{
font-size: 12px;    
}

.next-prev li a
{
padding: 6px;
}

.checkbox-inline
{
font-size: 11px;    
}
    
#margin-input    
{
margin-left: 0px;
}
    
.center-next-prev    
{
text-align: right;
} 
    
#users-infohead h5
{
font-size: 15px    
}
    
.panel-body h2
{
font-size: 15px;    
} 

.panel-body span
{
 font-size: 13px;
}    
 
#msj-navbar text
{
font-size: 11px
}    

.para-resolucion2
{
display: hidden;
}
.para-resolucion    
{
display: none;
}     

#button-agregar    
{
margin-bottom: 5px;
}     
 
.input-group-addon
{
font-size:12px;
} 
    
.para-resolucion-xs-xxs2
{
display: none;
}
.para-resolucion-xs-xxs    
{
display: hidden;
} 
    
.popover.bottom
{margin-top:10px;
margin-left:-60px;
width: 300px;    
}

.popover.bottom>.arrow:after
{
margin-left: 55px
}
 
.popover.bottom > .arrow
{
border-bottom-color: rgba(0, 0, 0, 0);
}

#button-cerrarSecion
{
margin-left: 18px;
}  
    
.visible-resolucion-m
{
display: hidden;
}
    
.novisible-resolucion-m
{
display: none;
}     

#min-resolucion   
{
display: none;
}
 
#table-scroll  
{
width:100%;
} 
    
#center-buttons
{
text-align: right;
}    

.label-form-style,
#label-form-style
{
text-align: left;
}    
    
#modal-buttons-size    
{
width: 600px;
}  

#modalContent
{
height: 140px;
background: #fff;    
} 
    
.center-buttons
{
width: 65%;
} 
    
.btn-minRes
{
width: 100%;
} 
    
#table-width    
{
width:100%;
}    
 
.table-min-res
{
width:1000px
}
    
#height-min-res
{
height: 178px;
}    
  
.vencimiento-derecha
{
border-left: 3px solid #fff; 
} 
    
.check-min .checkbox span
{
font-size: 12px;
}    
    
.cont-button
{
margin-top:55px;
text-align:center;    
}
    
.button-parametros
{
width:60%;    
}  
    
.table-anulacion, .table-widthResponsive
{
width:1100px;
}  
    
.table-documento
{
height: 333px
} 
    
.button-submenu b
{
display: none;
} 
    
#border-item
{
border-left: 1px solid #d9d9d9;
} 
    
.table-width    
{
width: 100%;
}    
    
.boton-footer    
{
text-align: left;
}    
    
.livicon
{
top:-1px
}     
  
 .aparece-xs
{
display: none;
} 
    
.popover-srch
{
width:400px;
}
    
.ocultar-subbutton
{
display: none;
}
    
.mostrar-subbutton 
{
display:table;
} 
    
.map-bar
{
display: table;
} 
    
#user-welcome
{
display: table;
}    
    
.center-all
{
margin: 0 auto;
width: 95%;    
}  
    
.central-wraper
{
padding: 0 30px 30px 30px;
}  
    
.oculta-xxs
{
display: hidden;
}
    
.muestra-xxs
{
display: none;
} 
    
.appButtons-conteiner
{
margin-top:230px;   
}  
	
.tittle-formDiv
{
border-top:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;
}
	
.totalProforma
{
width: 30%;
float: right;
}	
	
.header
{
display:hidden;
}
	
.header-app
{
display:none;
}
	
.tag, .note, .about-us	
{
width:100%;
}
	
ul.checkout-bar li 
{
font-size:12px;
	
}	
	
#mySmallDoughnut,
#mySmallDoughnut2    
{
/*padding-left: 10px;*/
}
	
.input-graph	
{
width:150px;
height: 19px;	
}

.celda-relleno
{
display: none;
}
	
.div-border
{
border-top:1px solid #d0d0d0;	
border-Bottom:1px solid #d0d0d0;	
border-left:1px solid #d0d0d0;	
}
	
.responsive-font-size span
{
font-size: 12px;
}
	
.Place-especial::-webkit-input-placeholder { color:#fff; }
.Place-especial::-moz-placeholder { color:#fff; } /* firefox 19+ */
.Place-especial:-ms-input-placeholder { color:#fff; } /* ie */
.Place-especial input:-moz-placeholder { color:#fff; }		
 
.btn.btn-default.btn-padding
{
padding: 0px;
}
	
.hr-none hr
{
display:block;
}
	
.h5-none h5
{
display: none;
}
	
.tabla-scrolling-list	
{
width: 100%;
}
	
.especial-height
{
height:118px
}	
	
.table.demo.table-bordered.toggle-square-filled input
{
position: relative;
top:-2px	
}	
	
#dep-height
{
height: 287px
}
	
.app-pagin
{
text-align: left;
}
	
td
{
font-size:11px;
}
	
.botones-app
{   
width:100%;
}	
	
.modal-headDescr span
{
font-size: 12px;
}
	
.check-text span
{
font-family: arial;
font-size: 13px;	
}	

.oculta-titulo
{
display: none;
}	
	
.menu-opcioneslateral
{
text-align:right;
}
	
.muest_sm	
{
display: none;
}	
	
.group-align-right	
{
float: right;
}
	
.map-bar h4
{
margin-top: 3px;
line-height: 11px;
vertical-align: middle;	
}

/*
.checkout-bar span
{
display: none;
}	
*/
	
	
ul.checkout-bar li	
{
width:13%;
}
	
ul.checkout-bar li
{

font-size:10px;
}
    
.table-responsive-size
{
width:100%;
}
    
.modalnuevamaquina    
{
width:50%;
} 
    
.table-fixed-width
{
width: 1100px;
}
    
.tabla-ArchivoPlanilla
{
width:1100px;
} 
    
.addon-visible    
{
display: none;
} 
    
.table-agr-mov
{
width:100%;
}  
    
.cbp-hsmenu li
    {
    
    text-align: center;    
    }
    
.contenedor-ads-menu
{
height: 220px;   
}   
    
.muestra-sm-label
{
display: none;
} 
    
.tblConcep-width
{
width:100%;
} 
    
.ui-multiselect input.search    
{
width: 250px;
}     
     
.calendario-eventos    
{
height: 280px !important;
}
    
.nombre-sistema
{
top:300px !important;
} 
    
.fc-left h2
{
font-size: 18px;
}  
    
.grafico-circular-master 
{
height: 360px !important;
}
    
/*
.pagination.pagination-sm.next-prev li a
{
padding: 10px;
margin-top:-5px    
}  
*/
    
#canvas-holder
{
height:165px;
}
   
.graphic-02
{
max-height: 350px !important;
min-height: 350px !important;
} 
    
.btn-resp-cont    
{
width:25%;
margin: 0 auto;
display:inline-block;
} 
    
.mdl-guardar
    {
    top:200px;
    } 
    
     .mdl-formulas
    {
    width:90%;
    }
    
.mdl-centroCostos
    {
    width:90%
    }
    
.mdl-funcionAcumulado
{
width:60%
}
   
.tbl-detalle-departamento {
    max-height:200px !important;
    }    
    
    
       .tbl-tipo-maquina {
    max-height:200px !important;
    }
    
         .tbl-detalle-lista
    {
    max-height:300px !important;
 
    }
    
     .panel-heading-op .panel-title {
    font-size:12px !important;
    font-weight:600;
    padding-top:4px;
    }

    .panel-heading-op .panel-title span {
    top:-2px
    }
    
        .table-mat-usado
{
width:100% !important;
}
    
    
.dig-app
{
display: none;
} 
    
  .ampm-btn
    {
    display: none;
    }  
    
.btn-cerrar-tec
    {
    display: none;
    }  
    
       .input-hora
    {
    width:20%;
    text-align: center;    
    }
    
    .digitos-teclado
    {
    width:75% !important;
    }
    
    .table-aplCred
    {
    width: 100% !important;
    }
    
        .appmas
    {
    width:5%!important;
    }
    
    .table-ReporTiempoLaborado tbody tr td .sm-md-border 
    {
    border: 1px solid #cccccc !important;
    margin-bottom: 3px !important    
    }
    
     .mdlFiltrarAumento
    {
    width:70% !important;
    }
    
    .placeholderSpecColor::-webkit-input-placeholder { color:rgba(255, 0, 0, 0); }
    .placeholderSpecColor::-moz-placeholder { color:rgba(255, 0, 0, 0); } /* firefox 19+ */
    .placeholderSpecColor:-ms-input-placeholder { color:rgba(255, 0, 0, 0); } /* ie */
    .placeholderSpecColor input:-moz-placeholder { color:rgba(255, 0, 0, 0); }	
    
    .container.cont-width
    {
    width:100% !important;
    }
    
    .mdl-insumos-prod
    {
    width:80% !important
    }
    
    .fa.fa-angle-right.fa-lg.menu-glyp
    {
    display: none;
    }
    
     .fa.fa-angle-down.fa-lg.menu-glyp.tablecaret-asc
    {
    display: none;
    }
    
    
    .dropdown-menu li a
    {
    height:50px;
    padding-top:15px;
    border-bottom: 1px solid #ededed;  
    }
    
/*
    #label-form-style
    {
    background: #f4f4f4!important;
    }
*/
    
       .barra-movil-app
    {
    display: none;
    }
    
     .footable-toggle
    {
    margin-top:10px
        
    }
    
    .footable-visible.footable-first-column input[type=checkbox]
    {
    position: relative;
    top: -4px    
    }
    
/*
    .toggle-square-filled.table-headFixed tr 
    {
    background: #fff!important
    }
*/
    
    .toggle-square-filled.table-headFixed tr:hover
    {
    background:  #48b8d9 !important;
    }
    
    .footable-row-detail-name
    {
    font-size: 10px;
    font-weight: 800!important;
    font-family: 'Open Sans', sans-serif !important; 
    padding-right:15px!important;   
    padding-top:3px;
    padding-bottom: 3px;        
    }
    
    .footable-row-detail-cell
    {
    border-top: 1px solid #e2e2e2;
    background: #fbfbfb!important;    
    }
    
    .footable-row-detail-cell:hover
    {
     background:  #48b8d9 !important;
    }
    
     #tablaProforma .footable-toggle {
    margin-top:0px !important;
    }
 
    #tablaProforma .footable-visible.footable-first-column a {
    top: -4px;
    position: relative;
    }
	
      .graph-content ul li span {
    font-size:9px !important;
    }
    
    .navbar-brand.note-brand
    {
    display:none!important;
    }
    
    .calendario-style .fc-day-grid-container.fc-scroller
    {
    height: 187px!important;
    }
    
    .estilo-tooltip
    {
    font-size: 10px!important;
    padding:8px 4px;    
    }
    
     input[type=number]
    {
    padding-top:6px!important
    }
    
      .mdl-cambioMaquina
    {
    width:80% !important;
    }
    
     .code-tfixed-prueba tr
    {
    transition: ease-in-out all 0.3s;
    }
    
    .code-tfixed-prueba tr:hover
    {
    background: #48b8d9;
    color:#fff;    
    }
    
    .code-tfixed-prueba tbody tr:nth-child(odd):hover
    {
    background: #48b8d9;
    color:#fff;    
    }
    
    .calendario .datepicker-days table tbody tr {
line-height:1.95!important
}
     .border-rihtSpecial {
    border-top:1px solid #d6d6d6;
    border-left:1px solid #d6d6d6;
    border-bottom:1px solid #d6d6d6;
    }
    
     .checkLSalarios label {
    padding-left:0px!important
    }
    
    .quick-key
    {
        display: none;
    }
    
    .btn-quick-key
    {
        width:50px!important
    }
    
    .full-screen-icon
    {
        width:100%;
    }
   
    .spec-WidthCajas
    {
        width:33%!important
    }
    
    .foto-cajas
    {
        height: 251px
    }
    
    .grid-quick-hey
    {
        display: none;
    }
    
    .botones-acciones
    {
        margin-left: 1px!important
    }
    
    .total-div
    {
        width:40%!important
    }
    
    .oculta-btnPag-ltr
    {
        display: none
    }
    
    .cont-buttonPagar.btnMini
    {
        width:auto
    }
    
    .total-floatR
    {
        height: auto;
        float: right;
        width: 60%!important;
        padding:0px!important
    }
    
     .Forma-pagoTable
    {
        min-width:1000px!important
    }
    
    .mdl-selectPhone
    {
        width: 30%!important
    }
    
        #contactForm
{
    height:347px;
    width:351px;
}
    
   .mdl-SaldoVac
    {
        width:70%!important
    }
    
      .mdl-historial-Comp
    {
        width:75%!important;
    }
    
    .cont-contacts
    {
        height: 270px
    }
     .mdl-anularOP
    {
        width:50%;
    }
    
    .mdl-Compr-Det
    {
        width:50%
    }
    
     .mdl-detalleNV-Peq
    {
        width:70%
    }
    
       .mdl-BalanceRecivos
    {
        width: 55%
    }
    
     .mdl-SimbologiaColores
    {
        width: 55%
    }
    
      .check_width .checkbox
    {
        margin-right: 10px!important;   
    }
    
    .checkSpecWidth .checkbox
    {
        width:auto;
        margin-right:1px;
        float: left;
    }
    
    .tabs-horizontal
    {
        width:15%;
        float: left;
    }
    
    .tab-content-horizontal
    {
        width:84%;
        float: right;
        padding: 0px;
        border: 1px solid #e6e6e6;
    }
    
     .mdl-personales
    {
        width: 95%;
    }
    
    .mdl-ZoomPhoto
    {
        width: 60%
    }
    .mdl-otrosRHH
    {
        width: 90%;
    }
    
    .mdl-fechasRHH
    {
        width: 90%
    }
    
     .mdl-nuevoIngreso
    {
        width: 95%
    }
    
    .eliminaBorder
    {
        border-right: 0px!important
    }
    
      .border-leftApp
    {
        border-left: 0px!important
    }
    
     .mdlTranferenciaBodega
    {
     width:98%
    }
    
     .mdlHistorico
    {
        width:70%
    }
    
    	.check-typo.ck-smallres {
    padding-left:0px!important;
    }

    .form-select {
        width:50%!important;
    } 
    
     .SpecBorder {
    border:1px solid #d6d6d6;
    border-right:0px!important;
    } 
    
    .mdl-impresion-reporte 
    {
    width: 1060px;
    }
    
    .tittle-appFacturacion,
    .btns-facturacionApp
    {
        display: none;
    }
    
    .submenu-bar.submenuBarFact
    {
        display: none;
    }
    
     .tableBorderFact .div-border
    {
        padding: 0!important;
        border: 0!important;
        
        
    }
    
    .tableBorderFact
    {
        padding:0;
        margin: 0;
        border: 0;
        margin-top:-21px
        
    }
    
   
    .header-noFac label i
    {
        top:20px;
    }
    
    .cont-factAppLg
    {
        display: none;
    }
    
    .hoja-impresion.oproduccion.dobleImpresion
{
    width:600px
}
    
    .MdlAgrega_Contacto
    {
        width:60%
    }
    
  .modal-cambio-pass {
        width: 50%;
    }
    
    .mdl-salidaColaborador
    {
        width:50%
    }
    
    .MdlEstadoOP
    {
        width:40%!important;
    }
    
    .imgContenedor img
    {

        width:100%;
        height: auto;
    }
    
     .imgContenedor
    {
        height: auto!important;
        border-right: 0;
    }
    
    .checkContenedor
{
    bottom:2%;
    line-height: 2.2
    
}
    
    .dataRV-content .form-group.fg-RV div
    {
       padding-left:0!important;
       padding-right: 5px!important;
    }
    
    .appTDvisible
    {
        display: none!important
        
    }

    .headTableResponsive .thSumaPorcentaje
    {
      width:15%!important  
    }
    
    .headTableResponsive .thSumaPorcentaje div
    {
       width:15%!important    
    }
    
        .divSpecBorder
{
    border:1px solid #e6e6e6;
    border-right: 0;
}
    
    .toggle-square-filled.table-headFixed tr:hover
{
    background: #ececec!important;
}
    
    .mdl-AgregaContenedoresUb
    {
        width:50%;
    }
    
      .mdlTablaMontos
    {
        width:60%
    }
    
    .mdlTipoComprobante
    {
        width:50%
    }
    
    .SignSpace
    {

        height: 60%;
    }
    
    .mdlAgregarChofer
    {
        width:50%
    }


    .mdl-Imprimir
    {
        width:70%;
    }
    
    .mdlFechaMantenimiento
    {
        width:60%
    }
    
     .mdlParamImpresion
    {
        width:95%
    }
    
    .simbolListaGenerica div
    {
        text-align: left
    }
    
    .mdlAcercaDe
    {
        width:80%;
    }
    
   

    
    
}





/*  ============================= ----------- RESOLUCION DE PANTALLA LARGE (COL-LG)---------- ============================= */
/*  ============================= ----------- RESOLUCION DE PANTALLA LARGE (COL-LG)---------- ============================= */
/*  ============================= ----------- RESOLUCION DE PANTALLA LARGE (COL-LG)---------- ============================= */
/*  ============================= ----------- RESOLUCION DE PANTALLA LARGE (COL-LG)---------- ============================= */
@media(min-width:1200px)
{
    
/* Contenedor del logo */    
#logo-company,
.logo-company    
{
height: 130px;
padding: 20px 30px!important;    
}
    
/* contenedor del nombre y leyenda de la empresa */
#leyend-company
{
height: 130px;
padding-top: 35px;    
}

/*cambia el tamaño del nombre de la empresa*/    
#leyend-company h4
{
font-size: 18px
}
 
/*cambia el tamaño de la leyenda de la empresa*/    
#leyend-company h5
{
font-size:15px
}
 
/*redondea los bordes del tipo de cambio*/    
.change
{
border-radius:  0 0 5px 5px;
}

/* tamaño de la letra en tipo de cambio y mapa*/    
.change p, .map p
{
color: #d3d3d3;
font-size: 11px;    
}

/*contenedor de bienvenida*/    
#user-welcome
{
height: 50px;    
padding-left: 5px;    
}
 
/*Tamaño de la letra de la bienvenida y usuario*/    
#user-welcome h4
{
font-size: 18px
}

/*Tamano de la letra del usuario en Bienvenida*/    
#user-welcome span
{
font-size: 12px
}

/*Contenedor submenu*/    
.submenu-icons

{
height: 45px;
position: relative;
padding-top: 0px;    
}
    
#icons-container    
{
height: 45px;  
}
    
    
/*casilla de espacio, centra los iconos del submenu*/    
#desapear
{
display: visible;
}
    
.label-success    
{
position: absolute;
top: -10px; 
left: -3px    
} 
    
/*contenedor del nombre del sistema*/
#system-name,
.n-nombre-sistema      
{
border-radius: 0px 5px 0 0; 
}
 
/*tamano de la letra de nombre del sistema*/    
#system-name h4,
.n-nombre-sistema h4    
{
font-size: 17px
}

/*tamano de lo iconos notas tareas y acerca de*/       
.icon-note span
{

font-size:40px; 
}    
 
/*Tamano del titulo notas y tareas*/    
.leyend-note h3    
{
font-size: 18px;    
}  
 
/* Tamano de cantidad de tareas y notas*/    
.leyend-note h3 small
{
font-size: 14px;
position: relative;
top: -25px    
} 
    
/*tamano de la letra de nombre de los graficos*/      
#chart-leyend p    
{
    
font-size: 12px
} 
 
/*tamano de la letra del footer copy*/      
.copy span
{
position:relative;top:4px;	
font-size: 11px;
}

/*tamano de la letra del footer derechos reservados*/     
.copy p
{
margin-top: -10px;
color: #fff;
font-size: 10px    
}
    
/* contenedor de nombre e icono usuario*/    
#user-container
{
margin-left: -10px    
}    
    
/*nombre del usuario*/    
#user-name  
{
display: visible;
}

/*icono usuario barra*/   
#user-icon-bar
{
font-size: 15px;
} 
 
/*boton filtro*/    
#filter-button    
{
width:40px; 
border-radius: 5px 0 0 5px;
font-size: 12px;    
}

/*boton menu en menu secundario*/    
#lateral-menu-button 
{    
width:40px; 
border-radius: 0  5px 5px 0;   
font-size: 12px;
}
  
/*botones del submenu*/    
.button-submenu
{
width: 84px;
height: 30px;    
font-size: 11px;    
}

/*contenedor de los botones del submenu*/    
#menu-4buttons
{
text-align: center;    
} 

.pagination.pagination-sm a
{
font-size: 12px;  
}
    
/*para centrar el paginador*/    
.center-pagination  
{   
text-align: right;
} 

/*tamano de la fuente del header de la tabla*/    
th {
font-weight:400;
font-size: 13px;    
}

/*tamano de la fuente del cuerpo de la tabla*/    
tr {
font-weight:400;
font-size: 12px;    
}
     
 
#popover4 .after 
{
margin-left: 165px;
} 
    
.nav.nav-tabs a
{
font-size: 13px;
}
 
.label-form-style,    
#label-form-style
{
font-size: 12px;    
}    

.form-control
{
font-size: 12px;    
}

.next-prev li a
{
padding: 6px;
}

.checkbox-inline
{
font-size: 12px;    
}
    
#margin-input    
{
margin-left: 0px;
}
    
.center-next-prev    
{
text-align: right;
}      
    
#users-infohead h5
{
font-size: 15px    
}
    
.panel-body h2
{
font-size: 15px;    
} 

.panel-body span
{
 font-size: 13px;
} 
    

.para-resolucion2
{
display: none;
}
.para-resolucion    
{
display: hidden;
}     
  
.input-group-addon
{
font-size:12px;
}
    
.para-resolucion-xs-xxs2
{
display: none;
}
.para-resolucion-xs-xxs    
{
display: hidden;
} 
    
.popover.bottom
{margin-top:10px;
margin-left:-30px;
width: 300px;    
}

.popover.bottom>.arrow:after
{
margin-left: 20px
}
 
.popover.bottom > .arrow
{
border-bottom-color: rgba(0, 0, 0, 0);
}

#button-cerrarSecion
{
margin-left: 18px;
}  
   
#min-resolucion   
{
display: none;
}
    
#table-scroll  
{
width:100%;
}   
    
#center-buttons
{
text-align: right;
}    

.label-form-style,    
#label-form-style
{
text-align: left;
}  
 
#modal-buttons-size    
{
width: 600px;
}    
 
#modalContent
{
height: 140px;
background: #fff;    
}  
   
.center-buttons
{
width: 65%;
} 
    
.btn-minRes
{
width: 100%;
}  
    
#table-width    
{
width:100%;
}      

.table-min-res
{
width:1000px;
}    
 
#height-min-res
{
height: 178px;
}    
 
.vencimiento-derecha
{
border-left: 3px solid #fff; 
}
 
.cont-button
{
margin-top:55px;
text-align:center;    
}
    
.button-parametros
{
width:60%;    
}  

.check-min .checkbox span
{
font-size: 13px;
}     
    
.table-anulacion, .table-widthResponsive
{
width:100%;
}
    
.table-documento
{
height: 333px
}
    
#border-item
{
border-left: 1px solid #d9d9d9;
}
    
.table-width    
{
width: 100%;
}    
    
.boton-footer    
{
text-align: left;
}
    
.livicon
    {
    top:8px
    }    
    
 .aparece-xs
{
display: none;
} 
    
.popover-srch
{
width:400px;
}  
    
.ocultar-subbutton
{
display: none;
}
    
.mostrar-subbutton 
{
display: table;
} 
    
.map-bar
{
display: table;
}
    
#user-welcome
{
display: table;
}

.center-all
{
margin: 0 auto;
width: 95%;    
}
    
.central-wraper
{
padding: 0 30px 30px 30px;
}
    
.oculta-xxs
{
display: hidden;
}
    
.muestra-xxs
{
display: none;
} 

.appButtons-conteiner
{
margin-top:230px;   
}     

	
.tittle-formDiv
{
border-top:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;
}
	
.totalProforma
{
width: 30%;
float: right;
}
	
.header
{
display:hidden;
}
	
.header-app
{
display:none;
}
	
.tag, .note, .about-us	
{
width:100%;
}
	
ul.checkout-bar li 
{
font-size:12px;
	
}
	
#mySmallDoughnut,
#mySmallDoughnut2    
{
/*padding-left: 50px;*/
}
	
.input-graph	
{
width:150px;
height: 19px;	
}
	
.celda-relleno
{
display: none;
}
	
.div-border
{
border-top:1px solid #d0d0d0;	
border-Bottom:1px solid #d0d0d0;	
border-left:1px solid #d0d0d0;	
}

.Place-especial::-webkit-input-placeholder { color:rgba(255, 255, 255, 0); }
.Place-especial::-moz-placeholder { color:rgba(255, 255, 255, 0); } /* firefox 19+ */
.Place-especial:-ms-input-placeholder { color:rgba(255, 255, 255, 0); } /* ie */
.Place-especial input:-moz-placeholder { color:rgba(255, 255, 255, 0); }
	
.hr-none hr
{
display:block;
}
	
.tabla-scrolling-list	
{
width: 100%;
}
	
.width-checktable
{
width:10%;
text-align: center;	
}
	
.especial-height
{
height:118px
}
	
#dep-height
{
height: 287px
}
	
.app-pagin
{
text-align: left;
}	

.calendar td
{
font-size: 13px	
}
	
td
{
font-size:12px;
}
	
.botones-app
{   
width:100%;
}
	
.modal-headDescr span
{
font-size: 12px;
}

	
.check-text span
{
font-family: arial;
font-size: 13px;	
}	
	
.menu-opcioneslateral
{
text-align:right;
}	
	
.muest_sm	
{
display: none;
}	
	
.table_size
{
width:1500px;
}
	
	
.group-align-right	
{
float: right;
}
	
ul.checkout-bar li	
{
width:13.8%;
}	
	
ul.checkout-bar li
{

font-size:12px;
}	
    
    
.table-responsive-size
{
width:100%;
}
    
.table-fixed-respons 
{
padding-right:5px;    
}  	
	
.modalnuevamaquina    
{
width:50%;
}
    
.table-fixed-width
{
width: 100%;
}
    
.tabla-ArchivoPlanilla
{
width:100%;
}
    
.addon-visible    
{
display: none;
}    
    
.table-agr-mov
{
width:100%;
}
    
.cbp-hsmenu li
    {
    width:16%;
    text-align: center;    
    }
    
.contenedor-ads-menu
{
height: 220px;   
}
    
.muestra-sm-label
{
display: none;
}    
  
.tblConcep-width
{
width:100%;
}
    
.ui-multiselect input.search    
{
width: 250px;
} 
    
    
.calendario-eventos    
{
height: 345px !important;
}
    
.nombre-sistema
{
top:300px !important;
}
    
.fc-left h2
{
font-size: 25px;
}
    
.grafico-circular-master 
{
height: 360px !important;
}
    
#canvas-holder
{
height:205px;
}  
    
.datos-dognut
{
top:-113px
}     
   
.graphic-02
{
max-height: 350px !important;
min-height: 350px !important;
}
    
.btn-resp-cont    
{
width:25%;
margin: 0 auto;
display:inline-block;
}
    
.mdl-guardar
    {
    top:150px;
    } 
    
    .mdl-formulas
    {
    width:90%;
    }
    
.mdl-centroCostos
    {
    width:90%
    }
    
.mdl-funcionAcumulado
{
width:50%
}
    
.tbl-detalle-departamento {
    max-height:200px !important;
    } 
    
   .tbl-tipo-maquina {
    max-height:200px !important;
    }  
    
     .tbl-detalle-lista
    {
    max-height:300px !important;
    } 
    
    .panel-heading-op .panel-title {
    font-size:12px !important;
    font-weight:600;
    padding-top:4px;
    }

    .panel-heading-op .panel-title span {
    top:-2px
    }
    
    .table-mat-usado 
{
width:100% !important;
}
    
.dig-app
{
display: none;
}
    
      .ampm-btn
    {
    display: none;
    }
    
    .btn-cerrar-tec
    {
    display: none;
    }
    
    .input-hora
    {
    width:15%;
    text-align: center;    
    }
    
    .table-ReporTiempoLaborado
    {
    width:1400px
    }
    
    .mdlFiltrarAumento
    {
    width:60% !important;
    }
    
    
    .placeholderSpecColor::-webkit-input-placeholder { color:rgba(255, 0, 0, 0); }
    .placeholderSpecColor::-moz-placeholder { color:rgba(255, 0, 0, 0); } /* firefox 19+ */
    .placeholderSpecColor:-ms-input-placeholder { color:rgba(255, 0, 0, 0); } /* ie */
    .placeholderSpecColor input:-moz-placeholder { color:rgba(255, 0, 0, 0); }	
    

     .fa.fa-angle-right.fa-lg.menu-glyp
    {
    display: none;
    }
    
    .fa.fa-angle-down.fa-lg.menu-glyp.tablecaret-asc
    {
    display: none;
    }
    
       .barra-movil-app
    {
    display: none;
    }
    
    .navbar-brand.note-brand
    {
    display:none!important;
    }
    
     input[type=number]
    {
    padding-top:6px!important
    }
    
    .mdl-cambioMaquina
    {
    width:60% !important;
    }
    
      .code-tfixed-prueba tr
    {
    transition: ease-in-out all 0.3s;
    }
    
    .code-tfixed-prueba tr:hover
    {
    background: #48b8d9;
    color:#fff;    
    }
    
    .code-tfixed-prueba tbody tr:nth-child(odd):hover
    {
    background: #48b8d9;
    color:#fff;    
    }

     .border-rihtSpecial {
    border-top:1px solid #d6d6d6;
    border-left:1px solid #d6d6d6;
    border-bottom:1px solid #d6d6d6;
    }
    
     .checkOrdenarLSalario label span {
    top:-10px!important
    }
    
    .total-floatR
    {
        height: auto;
        float: right;
    }
    
    .Forma-pagoTable
    {
        min-width:100%!important
    }
    
    #contactForm
{
    height:347px;
    width:351px;
}
    
     #contacto
    {
        height: 270px!important;
    }
    
    .cont-contacts
    {max-height: 100%!important;
    overflow: auto;
    }
    
    
    .mdl-anularOP
    {
        width:50%;
    }
    
    .mdl-Compr-Det
    {
        width:40%
    }
    
    .mdl-detalle-EF
    {
        width:90%
    }
    
    .mdl-detalleNV-Peq
    {
        width:60%
    }
    
    .mdl-BalanceRecivos
    {
        width: 45%
    }
    
    .mdl-SimbologiaColores
    {
        width: 45%
    }
    
    .tabs-horizontal
    {
        width:10%;
        float: left;
    }
    
    .tab-content-horizontal
    {
        width:89%;
        float: right;
        padding: 0px;
        border: 1px solid #e6e6e6;
    }
    
    .mdl-personales
    {
        width: 80%;
    }
    
    .mdl-ZoomPhoto
    {
        width: 40%
    }
    .mdl-otrosRHH
    {
        width: 80%;
    }
    
    .mdl-fechasRHH
    {
        width: 80%
    }
    
    .eliminaBorder
    {
        border-right: 0px!important
    }
    
    .mdl-nuevoIngreso
    {
        width: 90%
    }
    
     .border-leftApp
    {
        border-left: 0px!important
    }
    .mdlTranferenciaBodega
    {
     width:95%
    }
    
    .mdlHistorico
    {
        width:60%
    }
    
      .SpecBorder {
    border:1px solid #d6d6d6;
    border-right:0px!important;
    }
    
        .mdl-impresion-reporte {
        width: 1060px;
    }
    
    .cont-pages
    {
        list-style: none;
        margin-left:0px!important;
        padding:0!important    
    }
    
    .lipagetwo,
    .header-appFacturacion
    {
        display: none;
    }
    
    .cont-pages
    {
        height:120px
    }
    
    .liPage
    {
        background: #fff!important;
        padding:0!important;
    }
    
    .tableBorderFact
    {
        margin-top:-15px
    }
    
    .MdlAgregaArt
    {
        width:70%!important;
        margin:0 auto!important;
    }
    
    .liPage .btn.dropdown-toggle.selectpicker.btn-select,
    .liPage .form-groupApp input.pikaday__display.pikaday__display--pikaday.form-control,
    .liPage .form-groupApp input
    {
        width:100%;
        height: 35px;
        border-radius: 5px;
        box-shadow: none;
        border: 1px solid #dbdbdb;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .form-groupApp
    {
        height:55px!important;
    }
    
    .MdlAgrega_Contacto
    {
        width:50%
    }
    
    .modal-cambio-pass {
        width: 40%;
    }
    
    .mdl-salidaColaborador
    {
        width:50%
    }
    
    .MdlEstadoOP
    {
        width:30%!important;
    }
    
    .mdlListaCorreos
    {
        width:70%
    }
    
    .imgContenedor
    {
        border-right: 0;
    }
    
    .mdl-AgregaContenedores
    {
        width:80%;
    }
    
    .dataRV-content .form-group.fg-RV div
    {
       padding-left:0!important;
       padding-right: 5px!important;
    }
 
    .appTDvisible
    {
        display: none!important
        
    }

    .headTableResponsive .thSumaPorcentaje
    {
      width:15%!important  
    }
    
    .headTableResponsive .thSumaPorcentaje div
    {
       width:15%!important    
    }
    
    .divSpecBorder
{
    border:1px solid #e6e6e6;
    border-right: 0;
}
    
    .mdl-AgregaContenedoresUb
    {
        width:40%;
    }
    
    .mdlTablaMontos
    {
        width:60%
    }
    
    .mdlDatosCompra
    {
        width:75%;
    }
    
    .mdlCuentasDepreciacion,
    .mdlCuentasIngreso
    {
        width:80%
    }
    
    .mdlResponsableUbic
{
    width:80%;
}
    
    .MdlCostos
    {
        width:60%
    }
    
    .MdlDepRev
    {
        width:80%;
    }
    
    .mdlTipoComprobante
    {
        width:40%
    }
    
    .mdlAcumulados
    {
        width:80%
    }


    .mdlListaGenerica
    {
        width:70%;
    }
    
    
    .SignSpace
{

    height: 70%;
}
    
    .col-md-salta
    {
       display:none;
    }
    
    .mdlDepPorcentaje
    {
        width:90%;
    }
    
    .mdlDepPorcentaje .mdlBorder
    {
        border-right: 0;
    }
  
    .mdlAgregarChofer
    {
        width:40%
    }
    
    .mdl-Imprimir
    {
        width:60%;
    }
    
    .mdlFechaMantenimiento
    {
        width:60%
    }
    
    .largeSubButton
    {
        width:auto!important
    }
    
    .mdlParamImpresion
    {
        width:90%
    }
    
    .mdlDatosCopiloto
    {
        width:80%;
    }
    
    .mdlFichaTecnica
    {
        width:80%;
    }
    
    .mdlAcercaDe
    {
        width:60%;
    }
    
    .mdlTareasPrincipal
    {
        width:80%;
    }

}