/* 
    Document   : general
    Created on : 21/12/2012, 12:22:37 PM
    Author     : atziriz
    Description:
        Purpose of the stylesheet follows.
*/

body{
    background-color: #f3f3f4;   
    font-family: Arial, Verdana, Trebuchet MS, Andale Mono, sans-serif;
}
html,body{
    height:100%;
    width:100%;
}

table { 
    border-spacing: 0;
    border-collapse: collapse;
}

.tdDatosPerf{
    background-color: #EEEEEE;
    float: left;
    padding: 5px;
    margin-right: 20px;
    margin-bottom: 20px;
    border:1px solid #d8d8d8;
}

#divContentPerfilGlobal{
    max-width:75%;
    background-color: white;
    max-height: 80%;
    padding: 10px;
    box-shadow: 10px 10px 5px rgba(0,0,0,0.5);
}

.tdDatosPerf div{
    /*padding: 5px;*/
}

.ui-inputtextarea-resizable{
    border: 1px solid #e6e6e6 !important;
}

.ui-autocomplete-dropdown{
    border: 1px solid #ccc;
    width: 16px !important;
    margin-left: calc(100% - 13px) !important;
    /* -webkit-margin-top: -24px;
     -moz-margin-top: 0px;
     -ms-margin-top: 0px;*/
}

@-moz-document url-prefix() {
    /*    .ui-autocomplete-dropdown{
            margin-top: 0px;
        }*/

    .ui-autocomplete-multiple .ui-autocomplete-dropdown{
        /* margin-top: -24px;*/
    }
}

.panelBoard{    
    border-right: 5px solid #99999A;
    border-bottom: 5px solid #99999A;
    height: 300px;
}

.barraVerdeHeader{
    background-color: #C7DA42;
    width: 100%;
    height: 50px;   
}

.barraVerde{
    background-color: #C4D600;
    padding: 3px 0px 3px 10px;
    color:#646569;
    font-weight: bold;
    width: 98%;
}

/*Estilos de letras*/
.letraBlanca{   
    color:#fff;
    font-size: 12px;  
}
.titulosPanel{
    font-size: 14px !important;
    color: #666;
    font-weight: bold;
}
.paddingfixEdit{
    padding: 15px !important;
}
.paddingfixEdit1{
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.letraBlancaB{   
    color:#fff;
    font-size: 12px;  
}

.letraAzul{
    color:#13aade;

}


.containerMensajeWarning{
    color: #bdbdbd;
    border: 2px solid #ececec;
    padding: 5px;
    border-radius: 5px;
    font-size: 10px;
}

.kl-elemento-base-conocimiento{
    cursor: pointer!important;
    margin-bottom: 3px;
    margin-top: -3px;

}

.paginacionBaseConocimientos,kl-elemento-base-conocimiento{
    box-shadow: 2px 2px 1px 0px #dbdbdb;
}

.kl-elemento-base-conocimiento:hover{
    cursor: pointer!important;
    margin-bottom: 3px;
    /*border-left: 5px solid #007da4;*/
    -webkit-transition-property: width; /* Safari */
    -webkit-transition-duration: .1s; /* Safari */
    -webkit-transition-delay: .1s; /* Safari */
    transition-property: all;
    transition-duration: .1s;
    transition-delay: .1s;
    margin-left: 1px;
    background-color: #fEfEfE !important
}

.kl-elemento-base-conocimiento:hover .kl-elemento-titulo-base-conocimiento{
    cursor: pointer;
    font-weight: bold;
}

.kl-elemento-base-conocimiento:hover .kl-elemento-folio-base-conocimiento{
    color: black;
    cursor: pointer;
}

.letraAzulB{
    color:#13aade !important;
    font-weight: bold;
}

.letraAzulCielo{
    color:#C9E5EC;
}

.OK {
    color:#999;
    background: rgba(0,255,0,0.3);
    font-size: 25px !important;
    font-weight: lighter;
}

.WARNING {
    color:#999;
    background: rgba(255,255,0,0.4);
    font-size: 25px !important;
    font-weight: lighter;
}

.CRITICAL {
    color:#999;
    background: rgba(191,30,46,0.2);
    font-size: 25px !important;
    font-weight: lighter;
}

.letraGris{
    color:#999;
    font-weight: lighter;
    /* word-break: break-all;
 word-wrap: break-word;*/
}

.letraGrisB{
    color:#999;
    font-weight: bold;
    /* word-break: break-all;
 word-wrap: break-word;*/
}

.letraContenidoProblemaConocido{
    color:#777;
    font-weight: bold;
}

.ui-selectonemenu label.ui-selectonemenu-label{
    /*margin-right: 3px!important;*/
}

.tagProblemasConocidos{
    /*
    color: #8f8f8f;
    background-color: #f4f9ff;
    padding: 5px;
    margin: 3px;
    display: inline-block;
    border: 1px solid #a0bbd1;
    border-radius: 2px;
    */

    /*
    color: #47889f;
    background-color: #f4f9ff;
    padding: 5px;
    margin: 3px;
    display: inline-block;
    border: 1px solid white;
    */
    color: #8c8b3a;
    background-color: #fefbe3;
    padding: 5px;
    margin-right: 3px;
    margin-bottom: 3px;
    display: inline-block;
    border: 1px solid #f2f2f2;
    font-size: 0.9em;

}

.selectize-dropdown-content{
    position: fixed!important;
    width: 300px!important;
    border: 1px solid lightgray;
    background-color: white;
}

.letraGrisMonitor{
    color:#999;
    font-weight: lighter;
    font-size: 25px;
    /* word-break: break-all;
 word-wrap: break-word;*/
}

.letraVerde{
    color:#C7DA42;
}
/*Fin de estilos de ltera*/

.picoVerde{    
    background: url('../../resources/images/header/barra_p1.png') no-repeat;   
}

.empresa{
    /*  padding-right: 10px;*/
    max-height: 50px;
    background-color: #fff;
    color:#99999A;
    text-align: center;
}

.menu{   
    background-color: #E2E3E4;   
}

.panelAzul div.ui-widget-header{
    clear: both;
    background-color: #007DA4 !important;     
    padding: 5px;
}

.panelAzul{
    background-color: #fff;
}

.change-image{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    margin: auto;
}

.buscar{
    width: 198px;
    height: 15px;
    border: 1px solid #C4D600;    
}

.contenido{
    background-color: #fff;
    top:39px !important;
}

.dashboard div.ui-state-hover{   
    border:5px solid #99999A;
}

.ui-datatable tr th{
    background-color: #76b9d3;
    color:#FFF;
    padding-bottom: 5px;
    border:2px solid #fff;
    padding-left: 5px;
    padding-top: 5px;
}

.sinEstilo .ui-datatable-even{
    background-color: #fff;
}

.sinEstilo .ui-datatable-odd{
    background-color: #fff;
}
.sinEstilo tr th{   
    background-color: #fff;  
    padding-bottom: 0px;
    border:none;
}

.ui-datatable-even{
    background-color: #F8F6D2;
}

.ui-datatable-odd{
    background-color: #EBE9E9;
}

.ui-datatable tr td{       
    border:1px solid #fff;
    padding: 3px;
}

tfoot tr .ui-widget-header{
    background-color: #fff;    
}

.ui-dialog-titlebar{
    background-color: #F4F4F4;
    padding: 5px;
    height: 18px;
}
.ui-dialog-title{
    color: #666;
}

.ui-dialog{
    background-color: #F4F4F4;   
}

.ui-dialog-content{
    padding: 10px;
}

.autocomplete{
    /*margin-left: 10px;*/
}
/*BOTONES*/
.boton{
    background-color: #06aadd;
    border-style: none;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 4px;
}

.boton2{
    background-color: #6EBED1;
    border-style: none;
    float: right;
    color: #fff;

}

.botonAmigos{
    background-color:  #58B8CC;
    border-style: none;    
    color: #fff;
    margin: 10px;
    width: 78px
}

/*FIN DE BOTONES*/




.ui-inputfield{
    /*padding: 2px !important;*/
    border: 1px solid #ccc;
}

.ui-selectonemenu{
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 18px;
    /*width: calc(100% - 32px) !important;*/
    padding-right: 0px !important;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{
    background-color: #fff;
    border: 1px solid  #cd0a0a !important;
    height: 18px;
}



.ui-editor{
    border: 1px solid #e6e6e6; 
}

/*Tamanio de fotos*/
.fotoBlog{
    max-height: 25px;
    max-width: 25px;
}

.fotoForo{
    max-height: 50px;
    max-width: 50px;
}

.fotoPerfil{
    max-height: 47px;
    max-width: 47px;
}

.fotoPerfilHeader{  
    /*    max-height: 30px;    
        max-width: 30px;    */
}

.fotoList{
    max-height: 30px;
    max-width: 30px;
}

.fotoAmigos{
    max-height: 75px;
    max-width: 75px;
}

/*fin de tamanio de fotos*/


.cuadroBlog{   
    border:1px solid #99999A;
    min-height: 30px;
}

.textareaBlog{
    width: 281px;
    height:59px;
    border: 1px solid #fff; 
}

.textareaBlogHijo{
    width:294px;
    height:21px;
    border: 1px solid #fff;   
}

.comentarioPadre{
    padding: 5px;
    background-color: #E4F1F5;
}

.comentarioHijo{
    padding: 5px;
    background-color: #FCFAE8;
}
/*Ligas*/
.ligaConversar1{
    position: relative;
    margin-left: 271px;   
    margin-top: -28px;
}

.ligaConversar2{
    position: relative;
    margin-top: -28px;
    /* 
     margin-left: 227px;*/
    float: right;
}

a.liga1 {
    color: #2E6E9E;
    text-decoration: none;
}
/*Fin de ligas*/
/*Triangulos de los rectangulos*/
.triangulo{  
    background-image: url('../../resources/images/blog/triangulo.png');
    width: 6px;
    height: 14px;
    float: left;
    margin-top: 5px;
    margin-left: 1px;
}

.triangulo_hijo{  
    background-image: url('../../resources/images/blog/triangulo_hijo.png');
    width: 6px;
    height: 14px;
    float: left;
    margin-top: 5px;
    margin-left: 1px;
}

.triangulo_padre{  
    background-image: url('../../resources/images/blog/triangulo_padre.png');
    width: 6px;
    height: 14px;
    float: left;
    margin-top: 5px;
    margin-left: 1px;
}

.triangulo_menuLogout{  
    background: url('../../resources/images/iconos/triangulo_menu.png') no-repeat right;
    width:100%;   
    height: 20px;    
    margin-top: -15px;    
    z-index: 2;
    position: absolute;
    border-right: 20px;
}

.triangulo_menuNotificaciones{  
    background: url('../../resources/images/iconos/triangulo_arriba_gris.png') no-repeat center;
    width:100%;   
    height: 7px;    
    margin-top: -15px;    
    z-index: 2;
    position: absolute;
    border-right: 15px;
}

/*Fin de los triangulos de los rectangulos*/

.ui-selectonemenu-items-wrapper{
    background-color: #fff;    
}

.ui-shadow {
    box-shadow: 0 0 5px #85B2CB;
}

.ui-selectonemenu-item{    
    color:#007BA6;
    font-size: 12px;
    padding: 0px 0px !important;
}

.ui-selectonemenu-item:hover{
    background-color: #06aadd;
    color:#fff;
}

.btnCancelar{
    position: relative;
    border-right: 1px solid #E6E6E6;    
    border-bottom: 1px solid #E6E6E6;    
    background-image: url('../../resources/images/blog/transparente.png');       
}

a{
    text-decoration: none;
}

.loadingGlobal{
    display: none;
    z-index: 101;
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    background: url('../../resources/images/fondo_transparente.png');
}

.loadingInterno{   
    display:block;
    position:fixed;
    right:0;
    top:0;
    z-index:100;
    display: none;
}

.ui-selectcheckboxmenu-panel{
    background-color: #fff;
}

.divdd{
    text-align: right;
}


#menu .ui-layout-unit-header{    
    z-index: 1;
    position: absolute;   
    margin-left: 217px;
    margin-top: 7px;
}

.menuLogout{   
    z-index: 1;
    position: absolute;  
    top: 40px;
    display: none;
}

.menuGrupos{   
    z-index: 1;
    position: absolute; 
    top: 48px;    
    display: none;       
}

.menuNotificaciones{   
    z-index: 6;
    position: absolute;  
    top: 45px;
    display: none;    
}



.cuadroLogout{
    background-color: #58595B;
    color:#fff;
}



.tdFotoPerfil{
    max-height: 50px;
    background-color: #C7DA42;
}

.ui-progressbar-value{
    background-color: #C7DA42;
    border:1px solid #9A989A;
}

.progressBar{
    background-color: #fff;
    border:1px solid #9A989A;
    color: #9A989A;
}

.lupa{
    position: absolute;
    margin-left: -19px;
    margin-top: 7px;
}

a .lupa{
    position: absolute;
    margin-left: -27px;
    margin-top: -2px;
}
.iframeEditor{
    border:none;
    width: 750px;
    height:159px;
}

.fc-agenda-slots th{
    color:#646569;
    background-color: #c9e7ef;   
}

.fc-agenda-days th.ui-widget-header{
    color:#007DA4;
}

.fc-agenda-allday th{
    color:#007DA4;
}

.schedule{
    width: 99%;
    height: 1085px;
}

.ui-timepicker-div{
    background-color: #fff;
    padding: 5px;
    color:#646569;
    border:1px solid #C4D600;    
}

.ui-timepicker-div .ui-widget-header{
    background-color: #007DA4;
}
/*Dise?o calendario*/
.ui-datepicker{
    background-color: #fff;
    box-shadow: 0 0 5px #85B2CB;
}

.ui-datepicker-header{
    background-color: #76B9D3;
}

.ui-datepicker-today{
    background-color: #76B9D3;
}

/*Fin dise?o calendario*/

.ui-slider{   
    background-color: #C4D600;
}

.ui-slider-handle{
    border: 1px solid #FF0;
    background-color: #007DA4;
}

.ui-chkbox-box{
    width: 16px;
    height: 16px;
    border:1px solid #666;
}

.ui-autocomplete-panel{
    background-color: #fff;   
}

#video iframe{
    max-width: 270px;
    max-height: 200px;
}

.overlay-imagen{
    top:0px;
    width: 100%;
    height: 100%;
    z-index: 1000;         
    background:  url("../../resources/images/overlay_negro.png");   
    position: absolute;
    display: none;
}

.div-perfil-global{
    width: 100%;
    height: 100%;     
    background:  url("../../resources/images/overlay_negro.png");   
    position: absolute;
    display: none;
    z-index: 1;        
}

/*Dise?o para las tabs del tab view*/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a{    
    background-color: #fff;
    border-bottom: 5px solid #00a1d7;
    background-position: center bottom;
    /*background-image: url('../../resources/images/pestania.png');*/
    background-repeat: no-repeat;       
    z-index: 3;      
    /*height: 20px;   */ 
    /* padding-top: 3px; */
    color:#000;
    /*padding: 5px;*/
    padding-bottom: 0px;
}

.ui-tabs .ui-tabs-nav{
    border-bottom: 1px solid #b3b3b3;
}

.ui-tabs .ui-tabs-nav li{   
    background-color: #fff !important;
    color: #000;
    height: 25px;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{
    padding: 5px;
}

.ui-timepicker-table{
    background-color: #fff;
    border: 2px solid #76b9d3;
}

li.ui-state-default a{
    color:#000;         
}

.ui-helper-reset{
    /*padding-bottom: 5px !important;*/
    line-height: 1.5;
}
/*Fin del Dise?o para las tabs del tab view*/

.ui-overlaypanel{
    background-color: #FFF;
}


.ui-button-text-icon-left .ui-button-text{
    padding: 0px 0px 0px 18px !important;
}

button{
    background-color: #fff;

    margin-left: -1px;
    height: 25px;
}

.label{
    font-weight: bold;
    color:#55565A;
    margin-right: 5px;
}

.barraSubtitulo{
    background-color: #E8E8E8;
    width: 98%;
    padding: 4px;
    margin-top: 15px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.subtitulo{
    font-weight: bold;
    font-size: 13px;
}

.tituloConsola{
    width: 95%;
    background-color: #007DA4;
    color:#fff;
    padding: 5px;
    margin-top: 10px;
    font-weight: bold;
}

/*According*/

.ui-accordion .ui-accordion-header{
    margin-bottom: 10px;
}

h3.ui-accordion-header{
    background-color: #C4D600;
    height: 15px;
}

h3.ui-accordion-header a{
    color:#55565A;
    padding:0px 0px 0px 25px !important;
}

.ui-dt-c{
    line-height: 15px;
}

/*fin de acoording*/
/*Inicio del fileupload*/
.fileupload-buttonbar .ui-button{
    background-color: #76B9D3;
    padding: 5px 15px 5px 0px;    
}

/*.upload{
    display: none;
}*/

.upload div.fileupload-buttonbar.ui-widget-header{
    background-color: #fff !important;
}
/*Fin del fileupload*/

.ui-radiobutton-box{     
    border:1px solid #C4D600;
}

a img{
    border:none;
}

.ui-timepicker-title{
    background-color: #76B9D3;
}

.tablaAmigos{
    border:1px solid #b9b9b9;
    padding: 5px;
    height: 130px;
    min-width: 150px;
}

.fotoEmpresa{
    max-height: 50px;
    max-width: 50px;
}

div.fc-grid table td{    
    border:1px solid #E2ECA8;    
}

td.fc-today{
    background-color: #76B9D3 !important; 
}

.divMuro{
    /*height: 100%;*/
    height: inherit;
    min-height: 187px;
}

.divPublicidad{
    min-height: 25%;
    max-height: 25%;
    background-color: #fff;
}

.separatorMuroPublicidad{
    background-color: #99999A;
    width: 100%;
    height: 5px;
}

.separatorConsola{
    border:1px solid #D1D3D4;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cuadroGrisConf{
    width: 100%;
    height: 95%;
    display:block;
    background-color: #F1F2F2;
}

.ui-selectonemenu .ui-selectonemenu-trigger{
    padding: 0px !important;
    right: -16px !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 22px;
    margin-top: -1px;
    border-left: 1px solid #ccc;
    width: 14px;
}

.ui-selectonemenu.ui-state-error{
    border-right: none;
}

.ui-state-error.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{
    border:1px solid #cd0a0a;
}

.ui-state-error.ui-selectonemenu-trigger{
    border:none;
}

.selectGrupos.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{
    margin-left: -2px;
    border: 1px solid #f3f3f4;
    height: 18px;
    margin-top: -1px;
    width: 100%;

}

.divFilters{
    margin-right: 10px !important;
    display: inline-block;
}

.ui-paginator-page{
    color:black;
}

.cuadroFotoEmpresa{
    width: 173px;
    height: 173px;
    border:1px solid #99999A;
    text-align: center;
}

.fileupload-content{
    border:1px solid #fff !important;
    background-color: #fff;
    position: relative;
    z-index: 5;
    padding: 0px !important;
}

.files{
    margin: 0px !important;
    background-color: #fff;
    border:1px solid #fff;
}

.notificador{   
    position: absolute;
    margin-top: 0px;
    margin-left: 22px;
    width: 15px;
    height: 15px;
    font-size: 9px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 15px;
    background-color: #ED145A;
    padding: 1px;
    border-radius: 25px;
    /* background:  url('../../resources/images/iconos/globo-rojo.png') no-repeat;*/

}

.notificador .ui-widget{
    font-size: 9px;
}

.cuadroRojo{
    background-color: red;
    width: 20px;
    height: 20px;
}

.cuadroAmarillo{
    background-color: yellow;
    width: 20px;
    height: 20px;
}

.cuadroVerde{
    background-color: green;
    width: 20px;
    height: 20px;
}

textarea{
    max-height: 150px;
    width: calc(100% - 6px) !important;
}

.barraHeaderVerde{
    background-color: #56FF00;
    height: 37px;       
}
.barraAzulHeader{
    background-color: #06aadd;
    height: 37px;       
}

.picoAzul{    
    background: url('../../resources/images/header/pico.png') no-repeat;   
}

.buscadorHeader .ui-inputfield{    
    border:1px solid #99999A;
    max-height: 15px;
    padding: 2px;
}

/*.globoRojo{   
    position: absolute;
    z-index: 2;
    margin-top: -7px;
    margin-left: 14px;
    background-image:  url('../../resources/images/iconos/globo-rojo.png');
    width: 15px;
    height: 15px;
    font-size: 10px;
    color:#fff;
    text-align: center;
    vertical-align: middle;
    line-height: 15px;    
}*/

.borderPerfil{
    /*    background-color:  #007DA4;
        border:1px solid  #007DA4;*/
    max-width: 30px;
    text-align: center;
}

.panelVerde2{
    clear: both;    
    background-color: #C4D600 !important; 
    padding: 3px 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px; 
    border-radius: 5px 5px 0px 0px;
    color:#fff;  
}

.panelAzul2{
    clear: both;
    background-color: #3498DB !important;     
    padding: 3px 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px; 
    border-radius: 5px 5px 0px 0px;
    color:#fff;  
}

.barraGris{
    height: 20px;
    background-color: #E2E3E4;
}

.consola2{    
    background-color: #E2E3E4;
    padding: 0px 10px 10px 10px;
    max-width:30px;    
    height: 100%;
}

.menuConsola{
    background: url('../../resources/images/consola/menu_consola.png') no-repeat;
    position: absolute;
    z-index: 500;
    width: 176px;
    height: 1462px;
    padding: 10px;
    margin-left: 44px;
    margin-top: 28px;
}

.cuadroGrupos{
    background-color: #F1F2F2;
    width: 240px;
    height: 225px;
    padding: 10px;
    margin-bottom: 10px; 
}
.cuadroGruposP02{    
    position: relative;
    display: inline-table;
    margin-right: 10px;
    text-align: left;
}

.tituloGrupo2{
    color:#000;/*#646569;*/
    font-size: 12px;
    font-family: 'Arial';
    font-weight: bold;        
}

.subtituloAcceso{
    color:#646569;
    font-size: 10px;
    font-family: 'Arial';  
}

.fotoProyecto{
    /*    max-height: 30px;
        max-width: 30px;        */
}

.cuadroGrupos-content { 
    position: absolute; 
    bottom: 10px; 
    left: 10px; 
}

.fotoUsuario{
    margin-right: 10px;
    float: left;   
    width: 30px;
    height: 30px; 
}

.cuadroMas{
    position: relative;
    display: inline-table;
    margin-right: 10px;
    text-align: center;
    background-color: #e7e7e8;
    cursor: pointer;
}

.spacer10{
    margin-bottom: 10px;
}

.spacer5{
    margin-bottom: 5px;
}

.closeBubble{
    position: absolute;
    right: 1px;
    top: 9px;
}


.tooltipVerde{
    border:1px solid #C4D600;
    background-color: #5DB7CC;
    color:#Fff;
    position: absolute;
}

.cuadroUsuarios{
    height: 150px;
    overflow-y: auto;
    width: 100%;
}

.cuadroAceptarRechazar{
    background: url('../../resources/images/grupo/transparente.png');
    position: absolute; 
    margin-left: -4px;
    margin-top: -8px;
    text-align: center;
    width:100%;
    height: 100%;
    z-index: 2;   
    /* display: none;   */
}
.autocompleteAddParticipante .ui-inputfield {
    border:none;
    width: 233px;   
    height: 20px;
    border-radius: 5px;
}

.overlayAllPage{
    background-color:rgba(0,0,0,0.5);
    top:0px;
    left:0px;
    position:absolute;
    z-index:5;
    width:100%;
    height:100%;
}

.pico{
    width: 0; 
    height: 0; 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ccc;
    margin-left: 5px;
}

.picob{
    width: 0; 
    height: 0; 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;

}

.cuadroBubble{
    background-color: #fff;
    padding: 5px;
}

.cuadroAux{
    border:1px solid #ccc;
    width: 279px;
    height: 64px;
}

.aceptadoRechazado{
    z-index: 1;
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    /*background-color: red;
    border:1px solid blue;*/
    height: 12px;
    width: 12px;
}

#facebook_friends{    
    background: url('../../resources/images/invitacion_amigos/invita_fb.png') no-repeat;    
    width: 95px;
    height: 36px;
}

.cuadro-horario{
    width: 42px;
    height: 42px;
    color: white;
    text-align: center;    
    float: left;
    margin-right: 8px;
    font-size: 12px;
    letter-spacing: 1px;
}

.cuadro-horario-select{    
    background-color: #007DA4;
    padding: 5px;
}

.cuadro-horario-disable{
    background-color: gray;
    padding: 5px;
    letter-spacing: 1px;
}

.logoProveedor{
    max-height: 75px;
    max-width: 75px;
}



.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.cuadroDialogo
{
    width: 97%;
    height: 91%;
    background-color: white;
    border: none;
    margin-top: 5px;
}
.containerPermiso
{
    width: 100%;
    height: 80%;
    padding-left: 5px;
    padding-top: 5px;
}
.botonesFC{
    width: 71px;
    height: 22px;
    border: none;
    background-color: #62B5CE;
    float: right;
    margin: 5px;
    text-align: center;
    color: white;
    cursor: pointer;
}

.backdrop
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:#000;
    opacity: .0;
    filter:alpha(opacity=0);
    z-index:700;
    display:none;
}


.box
{
    position:absolute;
    top: 43%;
    left: 36%;
    width:250px;
    height:150px;
    background:#ffffff;
    z-index:701;
    padding:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 5px #444444;
    -webkit-box-shadow:0px 0px 5px #444444;
    box-shadow:0px 0px 5px #444444;
    display:none;

}

.close
{
    float:right;
    margin-right:6px;
    cursor:pointer;
}

.loading-centrar
{
    position: absolute;
    width:100%;
    height: 100%;
    background: url('../../resources/images/fondo_transparente.png');   
    padding:5px;
    top: 0px;
    z-index: 100;
    text-align: center;  
    display: none;
}

.loading-pestania{
    position: absolute;
    width: 100%;
    height: 100%;    
    background: url('../../resources/images/fondo_transparente.png');    
    padding: 5px;
    top:0px;
    z-index: 100;        
    text-align: center;
    display: none;
}


.divMiniDownload{
    position: absolute;
    z-index: 3;
    padding-top: 5px;
    padding-left: 30px;
    color:#29527B;
    font-size: 14px;
}

.tabMenu{
    background-color: #E2E3E4;
    position: fixed;
    top: 39px;
    text-align: center;
    left: 0px;
    width: 20px;
    padding: 10px 10px; 
    height: 100%;
    z-index: 6;
}

.tabMenuCero{
    background-color: #000000;
    position: fixed;
    top: 39px;
    text-align: center;
    left: 0px;
    width: 20px;
    padding: 10px 10px; 
    height: 100%;
    z-index: 6;
}

.consolaConf{
    border:1.5px solid #B3B2B3;
    z-index: 6;
    position: absolute;
    top: 32px;
    left: 49px;
    background-color: #fff;
    /*  padding: 0px 10px 10px 10px; */
    box-shadow: 10px 10px 5px #888888;
}

.triangulo_izq{
    background-image: url('../../resources/images/iconos/piquitoMD.png');
    position: absolute;
    z-index: 7;
    width: 15px;
    height: 16px;
    top:50px;
    left: 35px;
}

.labelMenuConf{
    color: #99999A;
    font-size: 10px;
}

#divMenuConf td{
    width: 101px;
}

.trianguloTooltip{
    background-image: url('../../resources/images/iconos/piquito-grisGD.png');
    position: absolute;
    z-index: 501;
    width: 23px;
    height: 24px;         
}

.tooltipMenuConsola{    
    z-index: 1;
    position: absolute;
    background-color: #999;
    min-height: 16px;
    padding: 6px 4px 2px 1px;
    color: #fff;
    margin-left: 22px;
    font-size: 10px;
}

.divTooltipConsola{
    left:39px;
    /*margin-top:-27px;*/
    z-index:2;
    position:absolute;
    width:150px;
}

.cuadroGral{       
    position: absolute;
    z-index: 1;
    margin-top: 100px;
    width: 302px;
}

.trianguloArriba{
    width: 100%;
    background: url('../../resources/images/iconos/triangulo_menu.png') center no-repeat;
    height: 12px;
    margin-top: -11px;
    z-index: 2;
    position: absolute;
}

.cuadroInterno{
    background-color: #fff;
    border:1.5px solid #A5A3A5;
    z-index: 1;
}

.cuadroGral .ui-inputfield{
    border:none;
    width: 255px;
}

.letraCorreo{
    color:#007DA4;
}

.titleHeader{
    color:#666766;
    font-size: 14px !important;
    font-weight: bold;
    font-family: Arial;
}
.titleHeaderAltaCliente
{
    color:#666;
    font-size: 16px !important;
    font-weight: normal;
    font-family: Arial; 
}

.titleHeader a{
    color:#666766 !important;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
}

.input-buscador{
    background: url(../../resources/images/iconos/lupa.png) no-repeat 99%;
    background-color: #fff;    
    border: 0px solid #99999A;    
    width: 288px;
}

.separador-blanco{
    width: 100%;
    border: 1px solid #fff;
}

.btn-pagination{
    /*background-image: linear-gradient(#e4e4e4, #cecece);
    border:1px solid #CDCDCD;*/
}

.btn-pagination label{
    color:#555;
    font-size: 30px;
    cursor: pointer;
}

input.input-select-pag{
    text-align: center;
    font-size: 20px !important;
    font-weight: bold;
    height: 45px;
    border:1px solid #CDCDCD;
    width: 45px;
}

.pagina-de{
    font-size: 20px; 
    padding: 6px;
}

.pagina-de label{
    color:#555;
}

#blog_publicidad{
    top:43px !important;
}

.barda-collapsed{
    display: none!important;
    width: 0px!important;
}

.barda-expanded{
    display: block!important;
    padding-right: 5px;
    padding-bottom: 5px
}

.bardaBar-collapsing{
    position: absolute;
    top: 50%;
    right: -69px;
    text-align: center;
    width: 150px;
    padding: 3px;

    -webkit-transform: rotate(270deg);
}

.sinEstilo table{
    border:1px solid #fff;
}

.ui-layout-unit .ui-layout-unit-content{
    padding: 0px !important;
}

.ui-autocomplete-panel .ui-autocomplete-table{
    border:1px solid #fff !important;
}

.icon_camara .ui-state-default .ui-icon{
    background: url('../../resources/images/iconos/foto.png') no-repeat center !important;
    width: 16px;
    height: 16px;  
}


#header.ui-layout-unit{
    padding: 0px !important;
}

.divFiltros{
    position: fixed;
    margin-left: 40px;
    margin-top: 46px;
    padding: 10px;
    width: 0px;
    display: none;
    background-color: #F3F4F4;
    height: calc(100% - 45px);
}

.divNewEdit{
    position: fixed;
    height: calc(100% - 39px) !important;
    margin-top: 39px;
    display: none;
    background-color: #fff;
    overflow-y: auto;
    width:  calc(100% - 39px) !important;
    left: 39px!important;
}

.divPanelDetalle{
    /*    width: calc(100% - 410px) !important;
        left: 40px !important;*/
}
.ui-tabs-panels{
    padding: 15px 8px 20px 8px;
}

#divListados{
    width: 100%;
    height: 100%;
    overflow: scroll;
    padding-right: 5px;
}

.ui-widget-content{
    color:#666;
}

.trianguloBarda{
    position: absolute;
    margin-top: -5px;
    z-index: 1;
    margin-left: 10px;
}

.textareaComentario{
    width: 328px;
    border:none;
    max-height: 60px;
}

.ui-fileupload-buttonbar{
    padding: 0px !important;
}

.ui-fileupload-content{
    display: none;
}

.panelPadre td{
    vertical-align: top;
}

.panelAddComentario td{
    vertical-align: top;
}


.panelHijo td{
    vertical-align: top;
}

.paginacion{
    clear: both;
    text-align: center;
    background-color: #fff;
}



/*Seccion proveedores inicio */

/*Seccion proveedores fin */
/* Seccion servicios inicio*/
.textarea-especial{
    overflow-y: auto;
}

.ui-fileupload-buttonbar {
    background: transparent none;
    border: none;
}

.ui-fileupload-content {
    display: none;
}

.ui-fileupload-buttonbar .ui-fileupload-choose {
    background-color: #76b9d3;
}

/* Seccion servicios fin */

/* Seccion activos inicio */
.kl-activos-datos{
    width: 100%;
    height: 16px;
    float: left;
    margin-bottom: 3px;
}
.kl-activos-datos label{
    float: left;
}
/*.ui-tooltip{
    background-color: #666;
    margin-top: 300px !important;
    color: white;
}
.ui-tooltip-content{
    border-width: 0 !important; 
    border-style: none !important;
    color: white;
}

.ui-tooltip-rounded {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important; 
    border-radius: 0px !important;
}*/
/* Seccion activos fin*/

/*inicio secci?n amigos*/


.menuVerAmigos{   

}


.triangulo_menuAmigos{
    background: url('../../resources/images/iconos/triangulo_arriba_gris.png') no-repeat center;
    height: 100px;

}

.cuadroNotificacionesAmigos{
    padding: 5px;     
    background-color: #58595B;    
    max-height: 300px;
    max-width: 300px;
    min-width: 200px;
    overflow-y: auto;
}
/*fin secci?n amigos*/


.backdrop-blank
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;

    opacity: .0;
    filter:alpha(opacity=0);
    z-index:5;
    display:none;
}

.estiloBtn{
    cursor: pointer;
    color: #2fb5e2;
}
.ui-tabs .ui-tabs-panel {
    padding: 0em 0em !important;
}
.calendar-activos input{
    border: none !important;
    width: 0 !important;
    background: transparent !important;
    cursor: none;
    color: transparent;
}
.inputs-radio-cuadrado .ui-state-active {
    background-image: url("../../resources/images/checkbox-lleno.jpg") !important;

}
.inputs-radio-cuadrado .ui-state-default {
    background-image: url("../../resources/images/checkbox-blanco.jpg");

}

.inputs-radio-cuadrado .ui-radiobutton .ui-radiobutton-box{
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;

}
.inputs-radio-cuadrado td {
    margin-right: 5px;
    padding: 0px !important;
}
.inputs-radio-cuadrado .ui-radiobutton {
    margin-right: 6px !important;
}
.ui-slider-handle {
    border: 4px solid #666;
    background-color: #C4D600;
}
.ui-slider .ui-slider-handle {

    width: 10px !important;
    height: 10px !important;

    border-radius: 10px;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #0080A2 !important;
    /*background-color: #5D6D7E !important;*/
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #06aadd !important; 
    /*background-color: #CCD1D1 !important;*/
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}
.grupoBoton button{
    margin: 0 !important;
}
.tooltip-servicios{
    display: none;
    z-index: 0;
    position: absolute;
    color: white;
}
.servicios-fortootltip:hover .tooltip-servicios,
.servicio-activo:hover .tooltip-servicios,
.servicio-desarrollo:hover .tooltip-servicios,
.servicio-retirado:hover .tooltip-servicios,
.servicio-usuario:hover .tooltip-servicios,
.servicio-soporte:hover .tooltip-servicios,
.cis-duenio:hover .tooltip-servicios{
    display: block;
    width: auto;
    height: auto;
    z-index: 1;

}
.tooltip-pico{
    width: 2px;
    height: 2px;
    background-color: #666;

}
.classmapbarda{
    display: none !important;
}
.incidentes-pendientes-tabla-categorias td{
    width: 49%;
}
.incidentesInput input{
    width: 82px;
}

.botonFiltroFecha{
    background-color:  #58B8CC;
    border-style: none;    
    color: #fff;
    margin: 2px;
    width: 120px
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td{
    border: 1px solid #76b9d3;
}
.tabla-cis td,.tabla-cis tr 
{
    border-spacing: 0;
    padding: 0;
}

.separadorBlanco{
    border-bottom:1px solid #fff;
    width: 100%;
    height: 1px;
}

.cuadroNotificaciones{
    padding: 5px;     
    background-color: #58595B;  
    max-height: 191px;
    max-width: 300px;
    min-width: 200px;
    overflow-y: auto;
    margin-top: -9px;
    box-shadow: 10px 10px 5px rgba(0,0,0,0.5);
}

.ui-autocomplete-dropdown .ui-icon-triangle-1-s{
    background-position: -64px -16px !important; 
}

.ui-selectonemenu-trigger .ui-icon-triangle-1-s{
    background-position: -64px -12px !important; 
}

/*.ui-spinner .ui-icon-triangle-1-s{
    background-position: -64px -16px !important;
}*/

.cuadroServicioAux{
    border:1px solid #999999;
    width: 130px;
    height: 130px;
    text-align: center; 
    float: left;
    padding: 5px;
    margin: 0px 15px 15px 0px;
    word-wrap: break-word;
}


.cuadroServicio{

    width: 130px;
    height: 130px;
    text-align: center; 
    float: left;
    padding: 5px;
    margin: 0px 15px 15px 0px;
    cursor: pointer;
    word-wrap: break-word;
}

.cuadroServicio:hover{
    background: #999999;/*url("../../resources/images/transparente_azul.png");*/
}

.cuadroServicio label{
    cursor: pointer;
}

.cuadroServicioImg{

}

.cuadroServicioSinImg{
    line-height: 130px;
}

.cuadroServicioSinImg label{
    color:#fff !important;
    display: inline-block;
    vertical-align: middle;
    line-height: normal; 
    word-wrap: break-word;
    max-width: 120px;
    font-weight: normal !important;
}

.cuadroColorGrupo{
    background-color: #0080a3;
}

.cuadroColorServ{
    background-color: #0089af;
}

.cuadroColorCat{
    background-color: #0194bc;
}

.cuadroColorSub{
    background-color: #029dc8;
}

.logoServicio{
    margin: 5px;
}

.pag{

    height: 65px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    width: 100%;    
    font-size: 15px;
}

.cuadroPicoV{
    /*    background: url(../../resources/images/solicitud/cuadroPicoV.png) no-repeat;*/
    color:#99cc33;
    background-color: #e6e6e6;
}

.pagGris{
    /*    background: url(../../resources/images/solicitud/pagG.png) no-repeat;*/
    color: #999;
}

.pagVerde{
    /*    background: url(../../resources/images/solicitud/pagV.png) no-repeat;*/
}

.titleAux{
    border-left:1px solid #666766;
    margin-left: 10px;
    padding: 0px 0px 0px 10px;
    cursor: pointer;
}

.btnPaloma{
    float: left;
    margin-right: 10px; 
    width: 21px;
    height: 21px;
    float: left;
}

.triangulo_menu_sol{
    position: absolute;
    margin-left:261px;
    float: right;
    z-index: 1; 
    margin-top: 1px;
}

.linePag{
    width: 30px;
}

.lineG{
    border:1px solid #ADAFB2;
}

.lineV{
    border:1px solid #C1D72E;
}

.menuAltaSolictiud{
    display: none;
    position: absolute;
    width: 280px;
    margin-left: -256px;
    text-align: left;
    margin-top: -6px;
}

.cuadroContenido{
    border:1px solid #999;
    position: absolute;
    margin-top: 10px;
    padding: 5px;
    background-color: #fff;
    width: 100%;
    overflow: scroll;
    max-height: 200px;
}

.divBtn{
    cursor: pointer;
    background-color: #0D7EA6;
    padding: 5px;
    color:#fff;
}
.picoizq{
    background: url('../../resources/images/iconos/picoleft.png') 0px 0px/12px 18px no-repeat;
    width: 100%;
    height: 20px;
    margin-left: 10px;
}

.labelCuadroImg{
    max-height: 30px;
    overflow: hidden;
    height: 30px;
}
.ui-tabs .ui-tabs-nav li{
    background-color: #999;
}

.ui-autocomplete-panel .ui-autocomplete-table th, .ui-autocomplete-panel .ui-autocomplete-table td{
    border-style: none !important;
}
.listado-descripcion{    
    word-wrap: break-word;
}

.dlg-descripcion{
    width: 98%;
    overflow-y: auto !important;
    border:none;
    background-color: #F4F4F4;
    color: #666;
}

.calendar-escondidos input{
    display: none;
}
.calendar-escondidos button{
    height: 30px;
    width: 30px;
    border:none;
    background:url("../../resources/images/iconos/calendario.png") 0px 0px/30px 30px no-repeat;
}
.calendar-escondidos span{
    background-image: none !important;
    display: none;
}

.fotoGrupo{
    /*    max-height: 100px;
        max-width: 100px;        */
}
.ui-layout-unit .ui-layout-unit-content{
    overflow-x: hidden !important;
}

.divMonitorServicio{
    border:1px solid #666;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #fff;
    width: 430px;
    height: 145px;
    overflow: scroll;
}
.divListones
{
    position: absolute;
    margin-left: 336px;
}
.bot button{
    margin: 0 0 0 0 !important;
}

.cuadroColorVerde{
    background-color: #9ba42f;
}

.cuadroNoHover{
    width: 130px;
    height: 130px;
    text-align: center; 
    float: left;
    padding: 5px;
    margin: 0px 15px 15px 0px;
    cursor: pointer;
    word-wrap: break-word;
}

.tipoChart{
    position: absolute;
    margin-top: 2px;
    margin-left: 86px;
}

.listReportes{
    width: 92%;
    text-align: left;
    float: left;
    height: 59%;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 20px;
    line-height: 1.5;
}

.ui-widget-header .ui-icon{
    background-image: url("/faces/javax.faces.resource/images/iconos-azul.png?ln=primefaces-kluit") !important;
}
.formatoCuestionarioDinamico  ul{
    padding: 0 0 !important;
}
.formatoCuestionarioDinamico{
    clear: both;
    padding-top: 10px;
    padding-bottom: 5px;
}
.formatoCuestionarioDinamicoMontos  ul{
    padding: 0 0 !important;
}

.formatoCuestionarioDinamicoMontos li{
    width: 50%;
    float: left
}
.formatoCuestionarioDinamico li{
    width: 70%;    
}
.formatoCuestionarioDinamicoH li{
    width: 50%;
    float: left
}

.formatoCuestionarioDinamicoN li{
    width: 70%;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled
{
    opacity: .5;
    /*background-color: #ebebe4;*/
}
.panelOportunidad{
    width: 295px!important;
}


.editor{
    width: 100%;
    border:1px solid #EBEBEB;
}

.row-klugit{
    padding: 0px 0px 10px 0px;
}

.ui-inputtextarea-resizable{
    border: 1px solid #ccc !important;
}

.botonCancelar{
    background-color: #e6e6e6;
    margin-right: 10px;
    border:#adadad;
    color:#333;
}

.botonPrevisualizar{
    background-color: #568A89;
    margin-right: 10px;
}

.date div.claseDatePicker{    
    z-index: 50 !important;  

}
.flecha-prev
{
    background:url("../../resources/images/iconos/arrowleft.png") no-repeat !important;

}
.flecha-next
{
    background:url("../../resources/images/iconos/arrowrigth.png") no-repeat !important;

}
.flecha-up
{
    background:url("../../resources/images/iconos/arrowup.png") 0px 10px/20px 20px no-repeat !important;

}
.flecha-down
{
    background:url("../../resources/images/iconos/arrowdown.png") 0px 10px/20px 20px no-repeat !important;

}
.reloj
{
    background:url("../../resources/images/iconos/clock.png") 0px 10px/20px 20px no-repeat !important;
}
.crmCuadrosReporte{
    height: 50px;
    width: 150px;
    float: left;
    background-color: #FFF;
    border: 1px solid #999;
    padding: 5px;
    margin: 5px;

}

.crmCuadrosReporteNumeros{
    font-size: 30px !important;
    font-weight: bold;
    color: #666;
}

.crmCuadrosReporteContenedor{
    background-color: #666;
    width: 350px;
    height: 72px;
    padding: 5px;
    font-size: 30px !important;
    font-weight: bold;
    color: #666;

}


a{
    outline:none  !important;
    outline-color:#fff !important;
}

.ui-layout-unit{
    padding: 0px !important;
}
.nuevaTablaAltaSolicitud
{
    border-spacing: 0;
    width: 100%;   
    padding: 5px 5px;
    margin-top: 5px;
}
.nuevaTablaAltaSolicitud td
{

    height: 50px;
    background-color: transparent !important;
    /*width: 20%;*/
}
.buscador-alta-solicitud{
    clear: both;
    border: 1px solid #e6e6e6;
    padding: 10px;
    background-color: #e6e6e6;
    clear: both;
    height: 32px;
    border: 1px solid #e6e6e6;
}
#tfBuscar
{
    width: 100%;
    height: 93%; 
    border: none;
    color: #999;
}
.itemTitle
{
    color: #999;
    font-weight: normal;
    font-size: 12px;
    vertical-align: sub;

    padding-left: 9px;
    line-height: 30px;
}
.itemsAlta
{
    height: 30px;
    border: 1px solid #e6e6e6;
    /*    padding: 9px 9px 0px 9px;*/
}
.itemsAlta:hover
{
    background-color: #ddeaee;
}
.labelDetalles{
    color: #06aadd;
}
.labelDetallesValue{
    color: #999;
    margin-right: 8px;
}
#divAddComentario hr, .divnewAlta hr{
    display: block; height: 1px;
    border: 0; border-top: 1px solid #e6e6e6;;
    margin: 1em 0; padding: 0; 
    color: #e6e6e6;
}
.btnEnviarSol{
    padding: 5px 5px 0px 5px !important;
    clear: both;
    width: 100px;
    height: 21px;
    text-align: center;
    border-radius: 4px;
    background-color: #06aadd !important;
}
.tablaAltaCliente thead
{
    display: none;
}
.tablaAltaCliente tr
{
    background-color: transparent;
    border: none;
}
.tablaAltaCliente tr td
{
    background-color: transparent;
    border: 0 !important;
}
.subTablaContenidoAltaTecnico{
    width: 100%;
    height: 100%;

}
.subTablaContenidoAltaTecnicoLabel {
    width: 17%;
    text-align: right;

}
.subTablaContenidoAltaTecnicoValue{
    width: 85%;

}
.kl-input-especial-sol input{

    background-color: white !important;
    border: 1px solid #e6e6e6;
    width: calc(100% - 20px);
}
.kl-input-especial-sol button {
    border-left: none;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
}

.subTablaContenidoAltaTecnicoValue span.ui-autocomplete{
    /*    width: calc(100% - 2%);*/

}
@media(min-width: 1369px)
{
    .subTablaContenidoAltaTecnicoValue span.ui-autocomplete{
        /*width: 100%;*/

    } 
}
@media(max-width: 1368px) {
    .subTablaContenidoAltaTecnicoValue span.ui-autocomplete{
        /*width: calc(100% - 3%);*/

    }
}
@media(max-width: 1024px) {
    .subTablaContenidoAltaTecnicoValue span.ui-autocomplete{
        /*width: calc(100% - 3%);*/

    }
}

/* posible tooltip*/
.arrow-div {
    position: relative;
    background: #ffffff;
    border: 1px solid #DDDDDD;
}
.arrow-div:after, .arrow-div:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow-div:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 10px;
    margin-top: -10px;
}
.arrow-div:before {
    border-color: rgba(221, 221, 221, 0);
    border-right-color: #DDDDDD;
    border-width: 11px;
    margin-top: -11px;
}


/* posible tooltip der*/

.arrow-divDerecha {
    position: relative;
    background: #fff;
    border: 1px solid #DDDDDD;
}
.arrow-divDerecha:after, .arrow-divDerecha:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow-divDerecha:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}
.arrow-divDerecha:before {
    border-color: rgba(221, 221, 221, 0);
    border-left-color: #DDDDDD;
    border-width: 11px;
    margin-top: -11px;
}

.letraAzulSelect{
    color:#007BA6;
    /*line-height: 1.3;
    font-size: 13px;*/
}
.letraRojaSelect{
    color:red;
    /*line-height: 13px;
    font-size: 13px;*/
}
.letraAzulSelect:hover{
    color:#fff;
    /*line-height: 1.3;
    font-size: 13px;*/
}

.cuadroCrm{
    background-color: #e6e6e6;
}

.colorCrmV{
    /*    background: url(../../resources/images/solicitud/cuadroPicoV.png) no-repeat;*/
    color:#99cc33;
}

.cuadrosCrm
{
    border-spacing: 0;
    width: 100%;   
    padding: 5px 5px;
    margin-top: 5px;
}
.cuadrosCrm td
{

    height: 50px;
    background-color: transparent !important;
    width: 20%;
}

.pagCrmC{
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
    width: 100%;    
    font-size: 17px;
}

.pagCrmG{

    height: 80px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    width: 100%;    
    font-size: 15px;
}

.letraAzulCrmLabel{
    color:#00a1d7;
    font-weight: bold;
    font-size: 18px !important;

}
.ui-selectonemenu-table td, .ui-selectonemenu-table tr{
    border-style: hidden !important;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter {
    width: 95% !important; 
    border-radius: 5px;
}

.barra-gris-titulos{
    width: calc(100%-20px) !important;
    background-color: #f2f2f2;
    padding: 10px;
}

#textareaComentario{
    border:1px solid #fff !important;
}

#infovis-canvas{
    cursor: move;   
}

.input100{
    width: calc(100% - 4px);
    border:1px solid #e6e6e6;
}



.ui-editor iframe{
    width: 100% !important;
}

.ui-selectonemenu-filter-container{
    width: 82%;
}

.ui-button-text-only .ui-button-text{
    /* padding: 0px !important; */
}

.ui-icon-search{
    background: url(../../resources/images/iconos/lupa.png) !important;
} 

.tres-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.dos-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.tooltipServicio-inte{
    display:block;height: 16px;width: auto;background-color: #666;padding: 2px 5px;
}

.transparencia {
    opacity: .25 !important;
    -moz-opacity: .25 !important;
    filter:alpha(opacity=25) !important;
}

.icon-tl{
    background-image: url('');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.arrow-left {
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-right:10px solid #f3f3f3; 
}

.pixel-center{
    background-image: url('../../resources/images/iconos-timeline/pixel-gris.png');
    background-repeat: repeat-y;
    background-position: top center;
}


.mensajeTL{
    border:1px solid #f3f3f3;
    padding: 5px;
    width: 90%;
    /*width:calc(100% - 29px);*/
    /*margin-left: 16px;*/
}

.trianguloGTL{
    position: absolute;
    margin-left: 1px;
    margin-top: 6px;
}

.letraGrisBCrmLabel{
    font-weight: bold;
    font-size: 18px !important;
    color:#333;
}

.divContenido01{
    overflow: auto !important;
    position: relative;
    width: calc(100% - 365px-50px); /*Se le resta lo del menu y lo de la barda*/
}

.trHeader{
    background-color: #f3f3f4;
    height: 35px;
}

.ratingStyle{
    width: 80px !important;
    background-color: #fff !important;
    border:1px solid #fff !important;
}

.textoServActivo{
    background-color: #12a551;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important;
}

.textoServDesarrollo{
    background-color: #eee609;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important;
}
.textoServRetirado{
    background-color: #ec2028;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important;
}

.textoCiAlta{
    background-color: #12a551;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important;
}

.textoCiMedia{
    background-color: #eee609;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important;
}
.textoCiBaja{
    background-color: #ec2028;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important;
}


.textoCatActiva{
    background-color: #12a551;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important;
}

.textoCatInactiva{
    background-color: #ec2028;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important;
}

.textoProbEstatus1{
    background-color: #89C540;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important; 
}

.textoProbEstatus2{
    background-color: #fbaf17;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important; 
}

.textoProbEstatus3{
    background-color: #6F7F8F;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important; 
}

.textoProbEstatus7{/*rechazado*/
    background-color: #B22424;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important; 
}


.textoCambioEvaluacion{
    background-color: #bf1e2e;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important; 
} 

.textoCambioAutorizado{
    background-color: #f7941e;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important; 
}

.textoCambioContruccion{
    background-color: #ffe650;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important; 
}

.textoCambioImplementado{
    background-color: #30b6db;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important; 
}

.textoPCambioCerrado{
    background-color: #999;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important; 
}

.textoCambioRechazado{
    background-color: #999;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important;
}

.textoEstatusLibEP{
    background-color: #00A1D7;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important;
}

.textoEstatusLibCerradp{
    background-color: #999;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 11px!important;
}


.inputs-completos{
    width: 100%;
}

.diez-porc{
    width: 10%;
}

.quince-porc{
    width: 15%;
}

.treintacinco-porc{
    width: 35%;
}

.cuarenta-porc{
    width: 40%;
}

.cincuenta-porc{
    width: 50%;
}

.veinticinco-porc{
    width: 25%;
}

.align-left{

}

.ui-button{
    margin-right: 0px !important;
}

.ligaEliminarArch{
    float: right;margin-right: 3px;color: red;font-weight: bolder;
}

.nombreArchAdj{
    float: right;color: #999;
}

.icon-azul{
    color:#00A1D7;
}

.icon-verde{
    color:#C4D600;
}

.icon-gris{
    color:#999999;
}


.icon-blanco{
    color:#fff;
}

.icon-naranja{
    color:orange;
}


.letra-monitoreo{
    font-size: 16px !important;
    font-weight: bold;
}

.icon-rojo{
    color:#EF1B23;
}

.icon-amarillo{
    color:#F0AD4E; /*#F8EF22;*/
}

.kl-input-cienPorc{

    width: 100%;
}

.kl-input-cienPorc input{
    width: 100% !important;
    border: 1px solid #ccc;
}

.kl-input-cienPorc .ui-autocomplete-dropdown{
    /*    margin-left: 100% !important;
        margin-top: -20px !important;*/
}

.kl-input-cienPorc button{
    border:1px solid #ccc;
}

.ui-selectonemenu {
    /*width: 100%;*/
    height: 22px;
    min-width: 50px;
}

.option-prioridad{
    width:35px;
    height: 35px;
    line-height: 36px;
    text-align: center;
}

.fondoGris{
    background-color: #999;
}

.fondoAzul{
    background-color: #00A1D7;
}

.selectOneMenuGris{
    background-color: #f3f3f4;

}

.selectOneMenuGris .ui-selectonemenu-trigger .ui-icon{
    border:1px solid #F3F3F4 !important;
}

.ui-spinner-input{
    text-align: left !important;
}

.ui-autocomplete{
    width: 100%;
}
.ui-autocomplete-multiple-container{
    width: calc(100% - 44px) !important
}

.ui-autocomplete input{
    width: calc(100% - 22px) !important;
}

.dlgEdicionEspecialista{
    display: none;
    margin-top: 10px;
    border: 1px solid #ccc;
    padding: 10px 10px 35px 10px;
    box-shadow: 8px 8px 5px  #888888;
    margin-bottom: 20px;
}

.tabviewInDlg{
    background-color: #fff;
}

.tabviewInDlg div.ui-tabs-navscroller ul li{
    width: 35px;
}

.tabviewInDlg div.ui-tabs-navscroller ul li a{
    text-align: center;
    width: 100%;
}

.tabviewInDlg .ui-tabs-nav{
    padding-bottom: 3px;
}

.panelGris{
    border: 1px solid #ccc;
    padding: 15px;
    background-color: #f3f3f4;
}

.textarea-seguimiento{
    width: 99%;
    border-left: none !important;
    border-bottom: none !important;
    border-right: none !important;
    min-height: 30px;
}

.option-aux{
    margin: 3px 1px;
    color:#007BA6;
    padding: 2px 1px;
    cursor: pointer;
}
.option-aux:hover{
    background: #06aadd;
    color:#fff;
}
.option-aux-selected{
    margin: 3px 1px;
    color:#222;
    padding: 2px 1px;
    cursor: pointer;
}

.option-aux-selected:hover{
    background-color: #B3E6F4;
    color:#fff;
}

.menu-aux{
    box-shadow: 0 0 5px #85B2CB;
    position: absolute;
    margin-top: 1px;
    background-color: #fff;
    padding-right: 4px;
    display: none;
    z-index: 1;
}

.label-filter-aux{
    float: left;
    margin: 0px 10px 0px 27px;
}

.search-filter-aux{
    width: 100%;
    border-radius: 5px;
}

.icon-search-aux{
    position: absolute;
    margin-top: -17px;
    margin-left: 78%;
}

.list-option-aux{
    max-height: 162px;
    overflow: scroll;
    width: 100%;
    padding-left: 3px;
}


/*loading*/
.spinner {
    width: 70px;
    text-align: center;
}

.spinner > div {
    width: 12px;
    height: 12px;
    background-color: #06aadd;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% { 
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% { 
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}


.liga-disabled{
    position: relative;
}
.liga-disabled:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 100%; 
    height: 100%;
    background-color:#F3F3F4;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}


.claseForFullscreen{
    overflow: auto !important;
    background-color: #fff;
}

.divCtrlLoadingDialogo{
    padding: 10px 20px 10px 10px;
}

.kl-elemento{
    background-color: #ddd;
    margin: 10px;
    display: inline-block;
}

.tableDetalleRight{
    width: 100%;
    height: 100%;
}

.tdLabelTitle{
    width: 23%;
    text-align: right;
}

hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e6e6e6;
    margin: 1em 0;
    padding: 0;
    color: #e6e6e6;
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    display: none;
    float: left;
    font-size: 13px;
    list-style: none;
    margin: 2px 0 0;
    position: absolute;
    text-align: left;
    webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.colorpicker{
    width: 130px;
}

.colorpicker-element .input-group-addon i, .colorpicker-element .add-on i{
    margin-left:0px !important;
    margin-top:0px !important;
    height: 20px !important;
}

.cazary{
    width: 100% !important;
    height: 200px;
}

.cazary-edit{
    height: 165px !important;
}

/*.ui-autocomplete-multiple-container{
    width: 100%;
    float: left;
}*/

.menu-tipo-datos{
    border: 2px solid #C4D600;
    margin: 10px;
    padding: 10px;
    display: inline-table;
    width: 80%;
    cursor: pointer;
}

.menu-tipo-datos:hover{
    /*background-color: pink;*/
    border:2px solid #06AADD;
}

.icon-form{
    width: 50%;
    float: left;
}

.label-type-form{
    font-size: 15px;
    margin-left: 10px;
}

.tbodyNivel1 tr:hover{
    background-color: #EBF2F5;
}

.tdIrTodosGrupos:hover {
    background-color: #58595B;
    opacity: .8;

}

.itemsAltaBlanco {
    height: 30px;
    border: 1px solid #e6e6e6;
    background-color: white;
}

.itemsAltaBlanco:hover{
    background-color: #ddeaee;
}

.itemsAltaNoHover{
    height: 30px;
    border: 1px solid #e6e6e6;
    cursor: pointer;
}

/*.itemsAltaReporte {
    height: 30px;
    border: 1px solid #e6e6e6;
}*/
.itemsAltaReporte:hover{
    background-color: #ddeaee;
}

.itemsAltaReporteAzul 
{
    height: 30px;
    border: 1px solid #e6e6e6;
    background-color: #ddeaee;
}

/*.itemsAltaReporteAzul:hover 
{
     background-color: white;
}*/

.shadowDialog{
    /*    background: url('../../resources/images/transparente-gris.png');
        width: 1500px;
        height: 799px;
        position: absolute;
        display: none;*/
}

.cuadro-permisos{
    padding: 5px;
    border:1px solid #C4D600; 
    display: inline-table;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 30%;
}

.list-option-permiso{
    list-style-image: url('../../resources/images/bullet3.png');
}

.cuadro-permisos table{
    margin: 5px;
}

.dashboard-selectGris  .ui-selectonemenu-trigger .ui-icon{
    background-color:#E7E8E9;
    border-left: none;
}

.permisos-list{
    display: inline-block;
    border:1px solid #E2E3E4;
    padding: 2px;
    margin: 0px 2px 2px 0px;
}

.permisos-list .iconPermiso{
    margin-right: 3px;
    width: 15px;
}

/*.ui-selectonemenu .ui-selectonemenu-label{
    padding-right: 19px !important;
}*/

.tablePerfilGlobal{
    background-color: #fff;
    box-shadow: 15px 15px 10px rgba(0,0,0,0.5);
}

#blog_publicidad-resizer{
    z-index: inherit !important;
}

.change_Temp{
    position: relative;
}

.change_Temp:before {
    content: "";
    margin-left: 150px;
    margin-top: 5px;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    border: 1px solid rgba(107, 105, 100, 0.84);
    position: absolute;
    background: rgba(255, 0, 0, 0.78);
    box-shadow: 0px 0px 5px -1px;
}

.change_Temp.OK:before {
    background: rgba(0,255,0,0.3);
}

.change_Temp.WARNING:before {
    background: rgba(255,255,0,0.4);
}

.change_Temp.CRITICAL:before {
    background: rgba(191,30,46,0.2);
}

.change_Temp.text1Temp:after {
    content: "Menor de 10°";
}

.change_Temp.text2Temp:after {
    content: "Entre 10° y 15°";
}

.change_Temp.text3Temp:after {
    content: "Mayor de 15° ";
}

.change_Temp.hover:after {
    margin-left: 0px;
    margin-top: -25px;
    width: 200px;
    height: 200px;
    position: absolute;
}

#contenido\:change_Hum{
    position: relative;
}

#contenido\:change_Hum:before {
    content: "";
    margin-left: 150px;
    margin-top: 5px;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    border: 1px solid rgba(107, 105, 100, 0.84);
    position: absolute;
    background: rgba(255, 0, 0, 0.78);
    box-shadow: 0px 0px 5px -1px;
}

#contenido\:change_Hum.OK:before {
    background: rgba(0,255,0,0.3);
}

#contenido\:change_Hum.WARNING:before {
    background: rgba(255,255,0,0.4);
}

#contenido\:change_Hum.CRITICAL:before {
    background: rgba(191,30,46,0.2);
}

#contenido\:change_Hum.text1Hum:after {
    content: "Menor de 40%";
}

#contenido\:change_Hum.text2Hum:after {
    content: "Entre 40% y 55%";
}

#contenido\:change_Hum.text3Hum:after {
    content: "Mayor de 55%";
}

#contenido\:change_Hum.hover:after {
    margin-left: 0px;
    margin-top: -25px;
    width: 200px;
    height: 200px;
    position: absolute;
}

.change_TempFull{
    position: relative;
}

.change_TempFull:before {
    content: "";
    margin-left: 150px;
    margin-top: 5px;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    border: 1px solid rgba(107, 105, 100, 0.84);
    position: absolute;
    background: rgba(255, 0, 0, 0.78);
    box-shadow: 0px 0px 5px -1px;
}

.change_TempFull.OK:before {
    background: rgba(0,255,0,0.3);
}

.change_TempFull.WARNING:before {
    background: rgba(255,255,0,0.4);
}

.change_TempFull.CRITICAL:before {
    background: rgba(191,30,46,0.2);
}

.change_TempFull.text1Temp:after {
    content: "Menor de 10°";
}

.change_TempFull.text2Temp:after {
    content: "Entre 10° y 15°";
}

.change_TempFull.text3Temp:after {
    content: "Mayor de 15° ";
}

.change_TempFull.hover:after {
    margin-left: 0px;
    margin-top: -25px;
    width: 200px;
    height: 200px;
    position: absolute;
}
#contenido\:change_HumFull{
    position: relative;
}

#contenido\:change_HumFull:before {
    content: "";
    margin-left: 150px;
    margin-top: 5px;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    border: 1px solid rgba(107, 105, 100, 0.84);
    position: absolute;
    background: rgba(255, 0, 0, 0.78);
    box-shadow: 0px 0px 5px -1px;
}

#contenido\:change_HumFull.OK:before {
    background: rgba(0,255,0,0.3);
}

#contenido\:change_HumFull.WARNING:before {
    background: rgba(255,255,0,0.4);
}

#contenido\:change_HumFull.CRITICAL:before {
    background: rgba(191,30,46,0.2);
}

#contenido\:change_HumFull.text1Hum:after {
    content: "Menor de 40%";
}

#contenido\:change_HumFull.text2Hum:after {
    content: "Entre 40% y 55%";
}

#contenido\:change_HumFull.text3Hum:after {
    content: "Mayor de 55%";
}

#contenido\:change_HumFull.hover:after {
    margin-left: 0px;
    margin-top: -25px;
    width: 200px;
    height: 200px;
    position: absolute;
}

.botonMonitorRojo{
    width: 20px;
    height: 20px;
    background-color: red;
    border-radius: 10px;
    display: inline-block;
}

.botonMonitorVerde{
    width: 20px;
    height: 20px;
    background-color: green;
    border-radius: 10px;
    display: inline-block;
} 

.letraGrisEtiqTH{
    color:#999;
    font-size: 15px !important;
    font-weight: bold !important;
}

.letraGrisValTH{
    color:#999;
    font-size: 20px !important;
    font-weight: bold !important;
}

.pe-timepicker button{
    display: none;
}

u{
    text-decoration: none !important;
}

.ui-inputswitch{
    border:1px solid #ccc;
    border-radius:12px;
    width: 60px !important;
}

.ui-inputswitch-on{
    background-color: #C4D600;
    color: #fff;
}

.ui-selectbooleanbutton{
    /*background-color: #6F7F8F;*/
    color: #000;
    padding: 5px;
    border:1px solid #ccc;
}

.ui-selectbooleanbutton.ui-state-active{
    background-color: #C4D600;
    color: #fff;
}

.ui-icon-calendar{
    background-position: -111px -112px !important;
}

.calendar-custom-klg button{
    border:1px solid #ccc;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon{
    right: -5px !important;
}

.ui-spinner-down.ui-state-error{
    top:15px !important;
    height: 10px !important;
}

.ui-orderlist .ui-orderlist-list{
    height: auto !important;
}

.divSeccion{
    border:1px solid #eaedf1;
    margin-bottom: 5px;
}

.headerSeccion{
    background-color: #f9fafc;
    padding: 5px;
}








/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #C4D600;
}

input:focus + .slider {
    box-shadow: 0 0 1px #C4D600;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.tablePregunta{
    margin-left: 30px;
    border-bottom: 1px dotted #eaedf1;
    width: 95% !important;
}

.tdPregunta{
    width: 150px;
    text-align: right;
    padding-right: 20px;
}

.ui-autocomplete-input.ui-autocomplete-dd-input{
    padding-right: 3px !important;
}

.tituloCuestionario{
    font-size: 13px !important;
    font-weight: normal !important;
}

.panelAltaEditAux{
    margin-top: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 14px 11px 63px 19px #888888;
    margin-bottom: 15px;
}

.panelAltaEditAux2{
    border: 1px solid #e2e3e4;
    padding: 20px;
    margin: 5px 20px 20px 20px;
    box-shadow: 0px 10px 10px 10px #e2e3e4;
}

.ocultar-barra-progess{
    display: none !important;
}

.ocultar-detalles{
    display: none !important;
}

.ocultarBtnEliminar{
    display: none !important;
}

.dz-error-mark svg g{
    fill: #B22424 !important;
}

.ocultar-size{
    display: none !important;
}

.dropzone-chat-gral{
    height: 150px;
    text-align: center;
}

.div-file-upload{
    display: inline-block;
    text-align: center;
    overflow: hidden;
    height: 120px;
    width: 120px;
    border: 1px solid #F4F4F4;
    border-radius: 20px;
}

.div-file-upload50{
    display: inline-block;
    text-align: center;
    overflow: hidden;
    height: 70px;
    width: 70px;
    border: 1px solid #F4F4F4;
    border-radius: 20px;
}

.icon-file-upload{
    height: 100px;
    width: 100px;
    margin-left: 10px;
}

.icon-file-upload50{
    height: 50px;
    width: 50px;
    margin-left: 10px;
}

.ui-autocomplete-multiple .ui-autocomplete-dropdown{
    /*right: -31px;*/
    /*top:24px*/
}

.cursorPointer{
    cursor: pointer;
}
.bouncesRefreshSolicitud{
    display: none;
}

.dropzone_seguimiento{
    display: none;
    margin-right: 10px;
}

textarea.cazary-source{
    height: 100% !important;
}

.bouncesRefreshListSolicitud{
    display: none;
}

.Rtable-cell{
    border: none !important;
    padding-right: 18px !important;
}

.iconVerde2{
    color:#28998b;
}

.btn-active{
    border-bottom: 5px solid #00a1d7;
}
.btn{
    cursor: pointer;
}

.tdNombreEtiqueta{
    text-align: right;
    padding-right: 10px;
}

.results {
    background-color:#fff;
    overflow-x: scroll;
    max-height: 200px;
    font-size: 11px;
    white-space:pre;
    font-family: monospace;
    line-height: 11px;
    padding: 3px;
    border: 1px solid lightgray;
}

.mensaje-info{
    background-color: #EBF2F5;
    border-radius: 5px;
    padding: 3px;
    text-align: right;
    margin-bottom: 5px;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
    height: 100% !important; 
}

.autocompleteMenuGris input{
    background-color: #f1f1f2;
}

.autocompleteMenuGris button{
    background-color: #f1f1f2;
}

.ui-overlaypanel-close{
    top:2px;
    right: 4px;
}

.ui-autocomplete-row:hover{ 
    background-color: #e8f5f7;
}

.tablaZebra tr:nth-child(even) {
    background-color: #f2f2f2
}

.tablaZebra tr td{
    padding: 5px;
}

.selectOneMenu100{
    width: 100% !important;
}

.iconRemoveFilter{
    font-size: 14px!important;
    margin-right: 3px!important; 
    margin-left: 3px!important;
    color: #0b80a3!important;
}

.ui-autocomplete .ui-autocomplete-dropdown{
    /*right: -10px !important;*/
}


.autocomplete100 input{
    width: 100% !important;
}

.ui-panel-titlebar{
    background-color: #999999;
}

.iconHw{
    width: 18px;
    height: 18px;
    background-color: #06aadd;
    padding: 3px;
    border-radius: 5px;
}

.panelHw{
    border:1px solid #ccc;
    padding: 5px;
    margin-right: 10px;
    display: inline-block;
    width: 250px;
    height: 110px;
    overflow: scroll;
    margin-bottom: 10px;
}

.bodyPanelHw{
    border-top:1px solid #ccc;
    padding-top: 5px;
}

.letraBold{
    font-weight: bold;
}

.labelInventario{
    min-width: 115px;
}

.inventarioTd1{
    width: 60px;
    padding-bottom: 15px;
    padding-right: 10px;
}

.inventarioTd2{
    padding-bottom: 15px;
    width: calc(50% - 70px);
}


.titleDetailInventario{
    width: 32%;
}

.panelEquiposPendientes{
    border:1px solid #999999;
    /*max-width: 90%;*/
}

.titlePanelEquiposPendientes{
    background-color: #999999;
    color:#fff;
    padding: .5em 1em .3em;
    cursor: pointer;
}

.panelDetalleHwSw{
    border:1px solid #ccc;
    border-radius: 5px;
    padding: 3px;
}

.ui-autocomplete-panel .ui-autocomplete-list{
    font-size: 12px;
}

.ui-selectcheckboxmenu-header{
    background-image: -webkit-linear-gradient(top, rgb(246, 247, 249) 0%, rgb(235, 237, 240) 100%);
}

.ui-selectcheckboxmenu{
    border:1px solid #ccc;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger{
    border-left: 1px solid #ccc;
    padding: 0px !important;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-token.ui-state-active, .ui-autocomplete .ui-autocomplete-token.ui-state-active, .ui-chips .ui-chips-token.ui-state-active{
    border:1px solid #06aadd;
    border-radius: 3px;
}

.panelOverCustom{
    position: absolute;
    box-shadow: 0 0 5px #85B2CB;
    right: 10px;
    display: none;
    background-color: #fff;
    padding: 5px;
    z-index: 1;
    width: 150px;
    text-align: left;
}

.tdHeaderCambFechaRegistro{
    width: 135px;
}

.filtroTab{
    cursor: pointer;
    padding:5px 10px 5px 10px;
    text-align: center;
}

.filtroTabActivo{
    border-bottom: 5px solid #00a1d7;
    cursor: pointer;
    padding:5px 10px 5px 10px;
    text-align: center;
}

a label{
    cursor: pointer;
}

.tituloTabla{
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
}

.tituloTablaSimple{
    font-weight: bold;
    font-size: 13px;
}

.tabMenuDividido{
    top: 0px!important;
}

.tabMenu{
    border-right: 6px solid #F3F3F4!important;
}

ul.menuConfiguracionList{
    padding: 0;
    list-style-type: none;
}
.menuConfiguracionList  li { 
    padding: 3px 0px 3px 3px;
}

.menuConfiguracionList  li:hover { 
    background-color:#F2F6F8;
    padding: 3px 0px 3px 3px;
}

.menuConfiguracionList li label{
    color: #999;
}

.paddingPanel{
    padding:10px 10px 10px 15px;
    overflow: scroll;
}
.paddingButton{
    padding-top: 2px;
}
.div-Col-Label{
    display: inline-block;  
    vertical-align: middle;
    width: 10%
}
.div-Col-Button{
    display: inline-block;  
    vertical-align: middle;
}
.borderTop{
    border-top: 1px solid;
    border-top-color: #666;
}

.notificador>.ui-widget{
    color:white;
}

.containerLSFilters{
    padding: 7px;
    background-color: #ededed;
    text-align: center;
    width: 100%;
    min-height: 12px;
}


@media (min-width:1200px){
    .containerActionsList{
        position: absolute;
    }
}

.containerActionsList{
    padding-top: 5px;
    right: 10px;
    padding-right: 5px;
}

.iconActionList{
    font-size: 20px!important;
    float: right;
    padding: 3px;
}

.overlayContainer::after {
    content:"";
    display: block;
    height: 120%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background-color:#f3f3f4;
    transition:all 0.5s;
}

.loadingSpinnerAbsolute{
    z-index: 100;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

#listadoScroll{
    padding: 15px;
    padding-right: 17px;
}

.text-center{
    text-align: center;
}

#contenido\:panelModulo{
    left: 20px;
}

#contenido\:datos{
    padding-right: 10px;
}

.tdTab,.filtroTab,.filtroTabActivo{
    min-width: 100px!important;
}

.colorBlueInfo{
    color:#007da4;
}

.barraRosasHeader{
    background-color: #06aadd;
    height: 37px;       
}

.nuevoColor {
    background-color: #C30B88;
}