.ui-widget {
    font-family: "Source Sans Pro","Segoe UI","Droid Sans",Tahoma,Arial,sans-serif;
    font-size: 1em;
}


/* ---Tables--- */

.ui-datatable table{
    border: 1px solid #ddd;
    box-shadow: 0px;
}   

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    border-color: #ddd !important;
    background:#fff !important;
    text-shadow:0 0 0px rgba(255, 255, 255, 0.75)!important;
}

.ui-datatable thead th{
    border-bottom-width: 2px !important;
    line-height: 1.42857 !important;
    padding: 8px !important;
    vertical-align:middle !important;
}

table th.ui-state-default{
 	background-color: #FFF;
    background-image: none;
    border-image: none;
    border-radius: 0px;
    border-style: solid;
    border: 1px soliD #DDD ;
    border-bottom:2px solid #DDD;
    box-shadow: 0 ;
    color: #333333;
    cursor: pointer;
    text-shadow: 0;
}

table th.ui-state-active{
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15) inset, 0 0px 0px rgba(0, 0, 0, 0.05) !important ;
    background-color: #337ab7 !important;
    color:#fff;
}

table .ui-datatable-data td {
    padding: 8px;
    font-weight: normal;
}

table .ui-datatable-data tr.ui-datatable-even td {
    background-color: #F9F9F9 !important;

}

table .ui-datatable-data tr.ui-datatable-odd td {
    background-color: #FFF !important;
}

table .ui-datatable-data > tr:hover td {
    background-color: #f5f5f5;
}


table .ui-datatable-data td label {

   line-height: 1.42857;
    padding: 0px;
    vertical-align: top;
    font-weight: normal;        
}

.ui-datatable-data > tr:hover td{
    background-color: #f5f5f5 !important;
}

table .ui-datatable-data tr.ui-datatable-even:hover td,
table .ui-datatable-data tr.ui-datatable-odd:hover td {
    background-color: #F9F9F9 !important;

}

/* Formularis */

.ui-panel-content table td{
    padding:3px 0px;
}

.ui-selectoneradio label{

    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0;
    min-height: 20px;
    padding-left: 10px;
    padding-right: 40px;
}

.ui-radiobutton-icon {
    margin-left: 0px;
}


.ui-icon-bullet {
    background-position: -80px -145px;
}

.ui-paginator-rpp-options{
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
    color: #555 !important;
    font-size: 14px !important;
    height: 34px !important;
    line-height: 1.42857 !important;
    padding: 6px 12px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
}



/*Selects*/


.ui-selectonemenu{
    font-weight: normal !important;
    margin: 0 !important;
    outline: medium none !important;
    padding: 4px !important;
    background-color: #fff !important;
    background-image: none !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
    color: #555 !important;
    display: block !important;
    font-size: 14px !important;
    height: 34px !important;
    line-height: 1.42857 !important;
    padding: 6px 12px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
    width: 100% !important;
    border: 1px solid #ccc !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
   background-image: none !important; 
}

.ui-selectonemenu label{
    box-shadow:0 0px 0px rgba(0, 0, 0, 0.075) inset !important;
}

.ui-selectonemenu .ui-inputfield{
    padding: 0px;
}

.ui-selectonemenu .ui-selectonemenu-trigger{
    border-radius:0px !important;
}


.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{
    margin-left: -3px;
    margin-top: 8px;
}


.ui-selectonemenu-panel .ui-selectonemenu-list{
    padding:0px !important;
    border-radius: 0px !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item{
    border-radius: 0px !important;
    padding: 2px 4px !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item:hover{
    background-color: #116CD6; 
    color:#fff; 
}


.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    background-image: none;
    background-color: #116CD6;  
}

/*Select de Checkboxes*/

.ui-selectcheckboxmenu{
    background-color: #fff !important;
    background-image: none !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
    color: #555 !important;
    display: block !important;
    font-size: 14px !important;
    font-weight: normal !important;
    height: 34px !important;
    line-height: 1.42857 !important;
    margin: 10px 0px !important;
    outline: medium none !important;
    padding: 6px 12px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
    width: 100% !important;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger{
    border-radius:0px !important;
}


.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon{
    margin-left: -3px;
    margin-top: 8px;
}

.ui-selectcheckboxmenu-label:hover{
    background-color: #fff !important;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label{
    font-weight: normal;
}

/*Select checkboxes*/

.ui-selectmanycheckbox label{

    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0;
    min-height: 20px;
    padding-left: 10px;
    padding-right: 40px;
}


/*Panels*/

.ui-panel{
    padding: 0px;
    margin:20px 0px;
} 

.ui-panel .ui-panel-titlebar{
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    padding: 10px 15px;
    font-size:16px;
}


/*Botons*/


.ui-button{

    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.42857 !important;
    margin-bottom: 0 !important;
    padding: 6px 12px !important;
    text-align: center !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    background-color: #fff !important;
    border-color: #ccc !important;
    color: #333 !important;
    margin:10px 2px 10px 2px !important;
    box-shadow: 0 0px 0px rgba(255, 255, 255, 0.75) !important;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75) !important;

}

.ui-button:hover {
    background-color: #e6e6e6  !important;
    border-color: #adadad !important;
    color: #333 !important;
}

.adaptadoFa .ui-icon{

    background-image: none;
    text-indent: unset;
    left: 11px;
    margin-top: -7px;

}

.ui-button.btn-primary{
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
    color: #fff !important;
}


.ui-button.btn-primary:hover {
    background-color: #286090 !important;
    border-color: #204d74 !important;
    color: #fff !important;
}

.ui-confirm-dialog-severity {
    margin-top: 5px;
}

.ui-button-icon-only .ui-icon {
    margin-left: -7px;
}
/*Paginació*/

.ui-paginator.ui-widget-header{
    background:#fff;
    border:0px solid #fff;
    margin-bottom:10px;
    margin-top:10px;    
}


.ui-paginator .ui-state-default{

    margin:0;  
    margin-left:-1px; 
    background-color: #fff;
    border: 1px solid #ddd;
    color: #337ab7;
    line-height: 1.42857;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    box-shadow:none;
    border-radius:0px;
    text-shadow:0px !important;
}


.ui-paginator .ui-paginator-pages{
    padding: 0px;
}


.ui-paginator .ui-paginator-pages span{
    text-shadow:0 0px 0px rgba(255, 255, 255, 0.75) !important;
}

.ui-paginator .ui-paginator-page{
    background-color: #fff;
    border: 1px solid #ddd;
    color: #337ab7;
    line-height: 1.42857;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    box-shadow:none;
    border-radius:0px;
    text-shadow:0px !important;
  }

.ui-paginator .ui-paginator-page:hover{
    background-color: #eee;
    border-color: #ddd;
    color: #23527c;
    z-index: 3;
  }


  .ui-paginator .ui-state-active {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
    cursor: default;
    z-index: 2;
    margin:0px;
  }


.ui-paginator .ui-state-active:hover {
 background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
    cursor: default;
    z-index: 2;

}

.ui-paginator select {
    margin-left:30px !important;
}


/* Modals */

.ui-widget-overlay {
    background: none repeat scroll 0 0 #000000 !;
    opacity: 0.5;
    transition: opacity 0.15s linear 0s;
    z-index: 1031 !important;
}

.ui-dialog{
    left: 50%;
    margin: 30px auto !important;
    margin-left: -450px;
    /*width: 900px !important;*/
    z-index: 1032 !important;
}

.ui-dialog.ui-widget-content .ui-dialog-title{

font-size:18px;

}


/*Missatge growl*/


.ui-growl{
    z-index:1032 !important;  
    top:70px;  
}

.ui-growl .ui-growl-item-container{
    background-color: #d9edf7;
     color: #333;
}

@media (min-width: 0px) and (max-width : 800px)  {

    .ui-dialog{
        left: 0px !important;
        margin: 30px 20px !important;
        width: auto !important;
        z-index: 1032 !important;
    }

}