/* Soff, determina el color del fondo, la fuente y el tamaño de letra de toda la página*/
body {
    background-color: #f9f9f9 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";	
    font-size: 0.9rem;
}
/* Soff, determina el color de las etiquetas <a>*/
a {
    color: #BD8DC3;
}
/* Soff, determina el color del hover de <a> color y underline*/
a :hover {
    color: #BD8DC3 !important;
    text-decoration: underline;
}
/* Soff, determina el color del link una vez que le dio clic*/
a :visited {
    color: #BD8DC3;
}
/* Soff, */
input, select:focus
{
    outline: none;
}
small
{
    color: #471652 !important;
}
table.dataTable tbody, table.dataTable tbody td {
    padding: 13px 10px !important;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1;
}
/* Soff, determina la sombra del fondo blanco del login*/
.card 
{
    -webkit-box-shadow: 0px 3px 44px -9px rgba(232,232,232,1);
    -moz-box-shadow: 0px 3px 44px -9px rgba(232,232,232,1);
    box-shadow: 0px 3px 44px -9px rgba(232,232,232,1);
}
/* Soff, determina el color del fondo y borde del recuadro del formulario*/
.f-bwhite
{
    border: solid 1px #e0e0e0;
    background-color: white;
}
/* Soff, determina el color del mensaje de error del login*/
.f-error label {
    font-size: 0.93rem;
    color: red;
}
/* Soff, determina el estilo de <a> en el mensaje de error*/
.f-error label a {
    font-size: 0.93rem;
    color:#FF1A1E;
    font-weight: 600;
    text-decoration:underline;
}
/* Soff, determina el color del mensaje de operación exitosa*/
.f-t-ok 
{
    color: #5fc474;
    font-weight: 500;
}
/* Soff, determina el color del mensaje de operación erronea*/
.f-t-error 
{
    color: #d84c4c;
    font-weight: 500;
}
/* Soff, determina el color de la pleca superior morada*/
.f-header
{
    background-color: #68157C;
}
/* Soff, determina el color de la pleca gris claro donde está el # de teléfono*/
.f-notifications
{
    background-color: #00000008;
    border: solid 1px #E5E5E5;
}
/* Soff, determina tamaño de la fuente dentro de la pleca*/
.f-notifications label
{
    margin-bottom: 0.10rem !important;
}
/* Soff, determina el color de <a> dentro de la pleca*/
.f-notifications a 
{
    color: #bd6ece !important;
    font-size: 0.87rem;
}
.f-table
{
    margin-top: 1.5rem;
}
/* Soff, determina un margen inferior*/
.f-mbottom 
{
    margin-bottom: 1.25rem;
}
/* Soff, el estilo de la pleca gris de la página de de Crear reporte*/
.f-message
{
    background-color: #495057;
    padding: 0.7rem;
    color: white;
    -webkit-box-shadow: -9px 25px 26px -31px rgba(0,0,0,1);
    -moz-box-shadow: -9px 25px 26px -31px rgba(0,0,0,1);
    box-shadow: -9px 25px 26px -31px rgba(0,0,0,1);
}
/* Soff, determina el color de <a> en de la pleca gris en la página de de Crear reporte*/
.f-message a 
{
    color: #bff4f7;
}
/* Soff, determina el tamaño de la fuente de la pleca gris en la página de de Crear reporte*/
.f-message p 
{
    font-weight: 300;
    letter-spacing: 0.06rem;
}
/* Soff, estilo del número de teléfono*/
.f-phone-n
{
    font-size: 1.25rem;
}
.f-form
{
    padding: 15px;
}
.f-form-name 
{
    color: #68157c;
    font-weight: 500;
}
.f-group-title 
{
    color: #8C279F; 
}
.f-form-systeminfo label
{
    color: #4b4c4c;
    font-size: 1.2em;
}
.page-item.active .page-link 
{
    background-color: #bd8dc3;
    border-color: #bd8dc3;
}
.btn-primary:focus
{
    outline: none;
}
.f-gray-text 
{
    color: #C6C6C6;
}
.f-purple-text {
    color: #68157c;
}

/*planchar primefaces*/
.ui-selectonemenu {
    padding-right: 0;
}
.text-error {
    color:red;
    font-size:0.85rem;
    text-align: left; 
}

/*
.ui-messages-error, .ui-message-error {   
    background-color:#fff; 
    border-color:#fff;
}
*/

.ui-message-info, .ui-message-error, .ui-message-warn, .ui-message-fatal {
    border:none;     
}

.ui-state-default{box-shadow:none;}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {  margin:3px 0; padding:6px 5px;  }

.ui-widget-content { color:#818182; border: none;}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { 
    background: #8b8b8e ;  text-shadow: none;
}

.anyClass {
    height:80px;
    overflow-y: scroll;
}

.formaTF {
    margin: 0 8%;
    border: solid 1px #e0e0e0;
}

.formaTF .ui-fluid .ui-inputtext {
    width: 70%;
}

.formaTF .ui-fluid .ui-selectonemenu {
    width: 70%;
}

.formaTFG {
    /*margin: 0 8%;*/
    border: solid 1px #e0e0e0;
}

.formaTFG .ui-fluid .ui-inputtext {
    width: 70%;
}

.formaTFG .ui-fluid .ui-selectonemenu {
    width: 70%;
}

.grupo {
    border: hidden;
}


/* 2019-08-02, Felipe La Rotta, soluciona tamaño del calendario*/
.ui-fluid .ui-calendar, .ui-fluid .ui-calendar input {
    width: 70%;
}


/* 2019-08-02, Felipe La Rotta, le quita las sombras al combobox Escoge una falla*/
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    background: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* 2019-08-02, Felipe La Rotta, le quita el efecto al texto del boton escoger cuando se hace hoover sobre el*/
.ui-button .ui-button-text {
    text-shadow: none;
}

/* 2019-08-02, Felipe La Rotta, corrige los margenes y color del boton Escoger falla*/
.btn-primary
{
    border-color:  #68157c;
    background: #68157c;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 20px;
    margin-right: 20px;
}



/* 2019-08-02, Felipe La Rotta, corrige los margenes y color del boton Escoger falla y el hover desagradable*/


.btn-primary .btn-primary btn-primary.dropdown-toggle {
    background-color: #0062cc; 
}


.btn-primary:hover {
    background-color: #801f9f;
    border-color: #801f9f;
    outline: none;
}


.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus,  .ui-state-focus {
    border: 1px solid #d6d7d8;
    background: #f4f4f4  50% 50% repeat-x;
    box-shadow: none;
    
}


/* 2019-08-06, Felipe La Rotta, soluciona el ancho del upload */

.ui-fileupload-content {
    padding: .2em .4em;
    border-top-width: 0;
    width: 70%;
    border: none;	  
}
.ui-fileupload-buttonbar{
    width: 70%;
    background-color: white;
    border: none;


}

/* 2019-08-06, Felipe La Rotta, soluciona que el tooltip salga estorbando encima del texto */

.ui-tooltip.ui-tooltip-global.ui-widget.ui-tooltip-right
{

    padding-top: 100px;
    display: block;
    box-shadow: none;
    text-shadow: none;
}

/* 2019-08-06 correccion felipe boton regresar en la pantalla de error, Se elimina porque Sofi no lo requiere */

/*
button.btn.btn-outline-secondary {
    color: #ffffff;
    border-color: #68157c;
    background: #68157c;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 20px;
    margin-right: 20px;
}

*/

/*2019-08-09 felipe corrige los textos en ingles*/

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: rgba(255,255,255,0.8);
}

.textoInglesIzquierda {
    text-align: left;      
}

.textoInglesDerecha {
    text-align: right;
}

select[name='example_length']
{
    width:100%;

}



input[type='search']
{
    margin-top: 18px;
}



/* Soff, cambia de color el nombre de los archivos adjuntos, y quita el padding*/
.ui-datalist-data {
    color: #bd6ece;
    padding-left: 0px;
}
/* Soff, quita el borde a los archivos adjuntos  */
.ui-panel {
    border: none;
}




/* Soff, quitan el shadow azul de los botones */
.btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 0.1rem rgba(40, 167, 69, 0.5);
}
.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.1rem rgba(131, 66, 147, 0.5);
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #801F9F;
    border-color: #801F9F;
}

/*Estilos Soff 02 de agosto*/
.f-purple-light {
	color:#bd6ece;
}
.btn-outline-secondary {
    border-color: #ccc;
}
.btn-outline-secondary:hover {
    background-color: #818182c2;
    border-color: #818182c2;
}
.btn-link
{
	color: #bd6ece;
	padding: 0 0 3px 0;
}
.btn-link:hover
{
	color: #bd6ece;
	text-decoration: underline;
}

/* Soff. da estilo al botón de Crear ticket */


/* Primefaces lo ignora e igual crea el boton con la clase que se le da la gana */

.f-btn-crear button   {
    background-color: #28a745;
    background: #28a745;
    border: #28a745;
    color: #FFFFFF ;
}
.f-btn-crear:hover button  {
    background-color: #1e7e34;
    background: #1e7e34;
    border: #28a745;
    color: #FFFFFF;
}
.f-btn-crear:focus button {
    box-shadow: 0 0 0 0.1rem rgba(40, 167, 69, 0.5);
}



/* 2019-08-12 Felipe texto en bold para la tabla */
.textobold
{ 
    font-weight: bold;
    
}

/* 2019-08-12 Felipe agrega clase adicional porque no fue suficiente para cambiar el color del boton guardar */




.ui-button-text-only .ui-button-text {
    padding: .3em 1em;
/*    background-color: #68157c;
    background: #68157c;
    border: #68157c;*/
    color: #FFFFFF;
}

.ui-button-text-only .ui-button-text:hover {
    padding: .3em 1em;
/*    background-color: #801f9f;
    background: #801f9f;
    border: #801f9f;*/
    color: #FFFFFF;
}

.palomaverde
{
    width:70px;
    
}


/*button#buscarDN .ui-state-default .ui-widget-content  .ui-widget-header  {
        background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))) rgb(104, 21, 124);
}

button#buscarDN.ui-state-default, .ui-widget-content .ui-state-default {
    background: #68157c;
}*/

.text-gadgets {
    color:#68157c;
    font-size: x-large
}

.ui-button.ui-state-default {
    background: #801f9f;
}

span.ui-button.ui-state-default {
    background: #ccc;
}

.ui-button.ui-state-default.btn-verde {
    background: #28a745;
}

.ui-datepicker-trigger.ui-button{
   background: #c4c4c4 ; 
}

/* Se quita el color por defecto del template de Faces en el dataTable */
.ui-widget-header {
    background: white;
}

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: white;
}*/

.btnVerde {
    background: #28a745 !important;
    color: white !important;
    border-color: #28a745 !important;
    font-weight: 400 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    font-size: 1rem !important;
    height: 38px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.noProgressBar div ui-fileupload-progress{
    visibility: hidden;
}
/* Todos los componentes que estén dentro del div con esa clase, son los únicos que se afectan

div.msgErrorStyle ui-messages-error, 
div.msgErrorStyle label, 
div.msgErrorStyle li, 
div.msgErrorStyle span {
    margin: 10px 0;
    padding: 10px 10px 20px 10px;
    background-color: #e25865;
    color: white !important;    
}
*/

div.msgWarnStyle .ui-messages-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    text-align: left;
}

div.msgWarnStyleUpload .ui-messages-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    text-align: left;
}

div.msgWarnStyleUpload .ui-messages-error-summary {
    color: black !important;    
    font-size: 1.0rem;
    font-weight: lighter;    
}

div.msgWarnStyleUpload .ui-messages-error-detail {
    font-weight: bold;
}

.ui-messages-error {
    background-color: #e25865;
    margin-top: 0px;
    text-align: center;
}

.ui-messages-error-summary {
    color: white !important;    
    font-size: 1.2rem;
    font-weight: lighter !important;    
}

.ui-messages-error-icon {
    /* background: url(https://portabilidad.flashmobile.co/faces/javax.faces.resource/img/icon-error.png) no-repeat !important; */
    background: none;
}

.ui-messages-info {
    background-color: #3cb538;
    margin-top: 0px;
    text-align: center;
}
.ui-messages-info-summary {
    color: white !important;    
    font-size: 1.2rem;
    font-weight: lighter !important;    
}

.ui-messages-warn {
    background-color: #f7f1bc;
    margin-top: 0px;
    text-align: center;
}

.ui-messages-warn-summary {
    color: #615c4d !important;    
    font-size: 1.2rem;
    font-weight: lighter !important;      
}