/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 4/02/2020, 09:51:08 AM
    Author     : Instituto
*/
.ui-selectonemenu {
    padding-right: 32px !important;
}

.ui-fileupload-row > div {
    display: inline-block !important;
}

.ui-paginator-rpp-options{
    color: #ffffff !important;
    text-shadow: #000000 0.1em 0.1em 0.1em !important;
    background-color: #90AAA1 !important;
}

.ui-paginator-pages > .ui-state-active {
    color: #ffffff !important;
    text-shadow: #000000 0.1em 0.1em 0.1em !important;
    background-color: #90AAA1 !important;
}

.ui-datatable-scrollable-body{
    border: 1px solid #dee2e6 !important;
}

    .ui-menu.ui-menubar {
        width: 100% !important;
        min-width:  100% !important;
        max-width:  100% !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }
    
    .ui-menuitem-link {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .ui-menuitem-icon{
      font-size: 0.8em !important;
    } 
    /*
    .ui-selectonemenu {
        display: inline-block !important;
        position: relative !important;
        zoom: 1 !important;
        cursor: pointer !important;
        padding-right: 22px !important;
        vertical-align: top !important;
        max-width: 95% !important;
        min-width: 50px !important;
    }

    .ui-selectonemenu .ui-selectonemenu-label {
        display: block !important;
        border: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        font-weight: normal !important;
        text-align: left !important;
        padding-right: 40px !important;
    }

    body .ui-selectonemenu .ui-selectonemenu-trigger {
        border-top-left-radius: 3px !important;
        border-bottom-left-radius: 3px !important;
        cursor: pointer !important;
        width: 24px !important;
        height: 100% !important;
        position: absolute !important;
        border-width: 0px !important;
        border-style: none !important;
        border-color: initial !important;
        border-image: initial !important;
        padding: 0px !important;
        background: rgb(255, 255, 255) !important;
    }
    */
    .btn:focus {
        box-shadow: 0 0 0 0.2rem rgba(240,240,240,.1) !important;
    }
    
    .table {
        margin-bottom: 0px !important;
    }
    
    .table .ui-datatable-scrollable-header {
        border: 1px solid #A7A8A9;
        background: #A7A8A9 !important;
    }

    .table .ui-datatable-scrollable-footer {
        border: 1px solid #A7A8A9;
        background: #A7A8A9 !important;
    }

    .table .ui-paginator  {
        border: 1px solid #A7A8A9;
        background: #A7A8A9 !important;
    }

    .opcion_rechazo > .ui-widget-header {
        background: #ffffff !important; 
        box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.3) !important;
    }

    thead tr th{
        background: transparent !important;
        /*background-color: #691C32  !important;*/
        background-color: #ffffff !important;    
        border: 1px solid #e3e6ec  !important;  

        border-bottom: 2px solid #e3e6ec  !important;  
    }

    .ui-paginator{
       /* margin-top: 20px !important;*/
        width: 100% !important;
        font-size:12px !important;
        float: right !important;
        text-align: right !important;
        font-weight: normal !important;
        margin-bottom: 10px !important;
       /* color:#ffffff !important;
        text-shadow: #000000 0.1em 0.1em 0.1em !important;*/
    }
    
    .ui-panelgrid-cell{
        border: 1px solid #dddddd !important;
    }
    
    .ui-paginator-current{
        float: left !important;
        margin-left: 0px !important;
        margin-right: auto !important;
        font-size:16px !important;
        font-weight: normal !important;
    }
    
    .ui-paginator-first ,.ui-paginator-prev,.ui-paginator-next,.ui-paginator-last{   
        text-align: initial !important;
    }
       
    .ui-chkbox .ui-chkbox-label {
        font-size: 0.9em !important;
        margin: 0 2px 0 8px !important;
    }

    .fecha .ui-inputfield, .fecha .ui-inputfield{
        font-family: "Humnst77" !important;
        width: 100px !important
    }
    
    
    .ui-dialog-titlebar-icon{
        position: absolute !important;
        right: 1% !important;
        top:4% !important;
    }

    .ui-dialog-titlebar{
            padding: 2px 15px !important;
    }

    .table thead th{
        text-align: center !important;
    }

    .table .ui-state-highlight {

        background-color: #e9ecef !important;
        background-image: linear-gradient(to bottom, #e9ecef, #e9ecef)!important;
        color:#000000 !important;

    }
    
    .table .ui-state-highlight > td{
        background-color: #FFE988 !important;
        background-image: linear-gradient(to bottom, #FFE988, #FFE988)!important;
    }
    
    .table .ui-state-highlight > td table tbody tr td div span{
        color: #FFE988 !important;        
    }
    
    
    .ui-layout-unit {
        padding-bottom: 0em !important;
    }

    .ui-treenode-content{
        font-size: 0.8em !important;
        font-weight: bold !important;
        max-width: 350px !important;
        min-width: 50px !important;
        white-space: pre; /* CSS 2.0 */
        white-space: pre-wrap; /* CSS 2.1 */
        white-space: pre-line; /* CSS 3.0 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        white-space: -moz-pre-wrap; /* Mozilla */
        white-space: -hp-pre-wrap; /* HP */
        word-wrap: break-word; /* IE 5+ */
        white-space: normal !important;
    }

    .ui-layout-unit{
        padding:0em !important;
    }
    
    /*.ui-inputfield.ui-state-focus{        
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(105,28,50,0.8) !important;
    }*/
    
    .ui-datatable-header{
        margin-bottom: 10px !important;        
    }
    
   /* .table thead th {
    vertical-align: bottom  !important;
    border-bottom: 2px solid #dee2e6  !important;
}
.table td, .table th {
    padding: .75rem  !important;
    vertical-align: top  !important;
    border-top: 1px solid #dee2e6  !important;
}*/    
   .ui-datatable-scrollable-theadclone{
    display: none !important;   
   }
    
   .table  thead {
      /*  background: transparent !important;*/
    }
        
    .table  thead tr th {
     /*   border: none !important;
        background: transparent !important;*/
    }
    
    .table  thead tr {
     /*   border-bottom: 2px solid #dee2e6  !important;
        background: transparent !important;*/
    }
    
    .table tbody tr {
        border-bottom: 1px solid #dee2e6  !important;
        background: transparent !important;
    }
    .table tbody td {
        /*border:none !important;*/
        border: 1px solid #e3e6ec !important;
    }
    .ui-widget-content {
      /*  border:none !important;*/
    }
    
   /* .ui-column-title{
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
        font-size: 1em !important;
    }*/
    
    .table .ui-widget-header {
        border:none !important;
        background: transparent !important;
    }
    
    .table .ui-datatable-summaryrow{
      /*  border: 2px solid #ffffff;
        background: #A7A8A9 !important;
        color: #ffffff !important;
        text-shadow: #000000 0.1em 0.1em 0.1em !important;*/
        
    }
    
    
    .ui-outputlabel-rfi{
        
        font-weight: bold !important;
        color: red !important;
        font-size: 1.5em !important;
        
    }
    
.ui-widget-overlay {
    background: rgba(0, 0, 0, 0.4);
}

.ui-widget-content {
    background: #ffffff;
}

.ui-dialog .ui-dialog-content {
    overflow: hidden !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-table th, .ui-selectonemenu-panel .ui-selectonemenu-table td {
    border-bottom: 1px solid #dee2e6 !important;
    border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;

}

    
    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-picklist-buttons-cell  .ui-icon {
        background-image:none !important;
    }
    
    .ui-picklist-caption{
        background: transparent !important;
        font-weight: normal !important;
    }
    
    .ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper:nth-child(1) .ui-picklist-caption{
        color: #fff !important;
        background-color: #24BD42 !important;
        background-image: linear-gradient(135deg, #24BD42 0%, rgba(24, 120, 43 , 0.8) 100%) !important;
        text-shadow: #000000 0.1em 0.1em 0.1em !important;
        font-size: 0.9em !important;
        font-weight: 500 !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
        
    } 
    
    .ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper:nth-child(1) table tr{
        border: 2px #f8f9fa solid ;
        border-radius: .375rem;
        background-clip: border-box;
        
    }
    
    .ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper:nth-child(1) table tr td:nth-child(1){
        border-left: 10px #28a745 solid !important;  
        padding-left: 5px !important; 
        
    }
    
    .ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper:nth-last-child(2) .ui-picklist-caption{
        color: #fff !important;
        background-color: #21b5ad !important;
        background-image: linear-gradient(135deg, #21b5ad 0%, rgba(21, 111, 107 , 0.8) 100%) !important;
        text-shadow: #000000 0.1em 0.1em 0.1em !important;
        font-size: 0.9em !important;
        font-weight: 500 !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
        
    } 
    
    .ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper:nth-last-child(2) table tr{
        border: 2px #f8f9fa solid ;
        border-radius: .375rem;
        background-clip: border-box;
        
    }
    
    .ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper:nth-last-child(2) table tr td:nth-child(1){
        border-left: 10px rgba(21, 111, 107 , 0.8) solid !important; 
        padding-left: 5px !important;
        
    }
    
    .ui-icon-search{
        text-indent:initial !important;
        background-position: 0px 0px !important;
        width: auto !important;
        height: 30px !important;
        background-image: none !important;
        font: normal normal normal 24px/1 FontAwesome !important;
        color: rgba(80, 108, 106, 0.8) !important;  
        
    }
    
    .ui-fieldset-legend {
        padding: .3em 1em !important;
    }
    
    .ui-state-highlight .ui-icon {
      /*  background-image: url(/sades2.0/faces/javax.faces.resource/images/ui-icons_333333_256x240.png?ln=primefaces-bootstrap)!important;*/
    }
    
    .ui-datepicker{
        font-size: 0.8em !important;
    }    

    .ui-datepicker-timeonly{
        width: 120px !important;
    }
    
    .ui-picklist-item{
        font-size: 0.8em !important;
        font-family: "Montserrat", sans-serif !important;
    }
    
    .p-datepicker {
        min-width: 1em !important;
    }
       
        
   .ui-picklist-list::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 35px;
        background-color: transparent;
    }

    .ui-picklist-list::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 1px solid white;
        background-color: rgba(194,194,194,.5);
    }
    
@media only screen and (max-width: 500px){  
    
    
    .table tbody tr {
        border-bottom: 10px solid #dee2e6  !important;
        background: transparent !important;
    }
    
        
    .ui-datatable-header {
        margin-bottom: 0px !important;
    }
    
        
    .ui-paginator-top{
        text-align: center !important;
    } 
  
    .ui-datatable-scrollable-body{
        margin-bottom: 10px !important;
    }
    
    .ui-paginator-current{
       /* position: absolute !important;
        bottom: 0px !important;
        right: 0px !important;*/
        margin-top: 10px !important;
        width: 100% !important;
        text-align: center !important;
        
    }

    .ui-datatable-scrollable-header {
        display: inline-block !important;
    }
        
   .ui-picklist-list::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 35px;
        background-color: transparent;
    }

    .ui-picklist-list::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 1px solid white;
        background-color: rgba(194,194,194,.5);
    }
    
    
 }
 
@media only screen and  (max-width: 280px){ 
    
    .ui-dialog-title{
        font-size: 1.1em !important;
    }
    
    .ui-dialog .ui-dialog-content{
        width: 100% !important;
        height: 80% !important;
        overflow-y: scroll !important;
    }
    
}
    
@media only screen and  (min-width: 281px) and (max-width: 360px){ 
    
    .ui-dialog-title{
        font-size: 1.5em !important;
    }
    
    .ui-dialog .ui-dialog-content{
        width: 100% !important;
        height: 80% !important;
        overflow-y: scroll !important;
    }
    
}
    
@media only screen and  (min-width: 361px) and (max-width: 500px){ 
    
    .ui-dialog-title{
        font-size: 1.5em !important;
    }
    
    .ui-dialog .ui-dialog-content{
        width: 100% !important;
        height: 84% !important;
        overflow-y: scroll !important;
    }
    
}
    
@media only screen and (orientation: portrait) and  (min-width: 501px) and (max-width: 800px){ 
    
    .ui-dialog-title{
        font-size: 1.5em !important;
    }
    
    .ui-dialog .ui-dialog-content{
        width: 100% !important;
        height: 80% !important;
        overflow-y: scroll !important;
    }
    
    
    .ui-datatable-header {
        margin-bottom: 0px !important;
    }
            
    .ui-paginator-top{
        text-align: center !important;
    } 
  
    .ui-datatable-scrollable-body{
        margin-bottom: 10px !important;
    }
    
    .ui-paginator-current{
       /* position: absolute !important;
        bottom: 0px !important;
        right: 0px !important;*/
        margin-top: 10px !important;
        width: 100% !important;
        text-align: center !important;
        
    }

    .ui-datatable-scrollable-header {
        display: inline-block !important;
    }
    
}

@media only screen and (max-width: 700px){ 
    
    .ui-dialog{
        width: 95% !important;
        height: 95% !important;
    }
    
    .ui-panelgrid-cell {
        border:none !important;
    }
    
    .ui-icon-closethick{
        background: none !important;
    }
    
    .ui-dialog-titlebar-close > .ui-icon{
        width: 24px !important; 
        height: 24px !important; 
    }
    
    
    .ui-paginator-current {
        font-weight: normal !important;
    }
    
  /*  .ui-datatable-scrollable-body{
        max-height:280px !important;
    }
    
    .ui-paginator-current{
        font-size: 0.8em !important;
    }*/
}

@media only screen and (min-width: 701px) and (max-width: 801px){ 
    
    .ui-dialog{
        width: 95% !important;
    }
    
    .ui-panelgrid-cell {
        border:none !important;
    }
     

}

@media only screen and (orientation: landscape) and (max-width: 900px){ 
    
    
    .table tbody tr {
        border-bottom: 10px solid #dee2e6  !important;
        background: transparent !important;
    }
    
}

@media only screen and (orientation: landscape) and (max-width: 800px){ 
    
    .ui-datatable-header {
        margin-bottom: 0px !important;
    }
    
        
    .ui-paginator-top{
        text-align: center !important;
    } 
  
    .ui-datatable-scrollable-body{
        margin-bottom: 10px !important;
    }
    
    .ui-paginator-current{
       /* position: absolute !important;
        bottom: 0px !important;
        right: 0px !important;*/
        margin-top: 10px !important;
        width: 100% !important;
        text-align: center !important;
        
    }

    .ui-datatable-scrollable-header {
        width: 99% !important;
        display: inline-block !important;
    }
    
}
    
@media only screen and (orientation: landscape) and  (max-width:580px){ 
    
    .ui-dialog{
        width: 90% !important;
        height: 95% !important;
    }
    
    .ui-dialog .ui-dialog-content{
        width: 100% !important;
        height: 60% !important;
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .ui-panelgrid-cell {
        border:none !important;
    }

}
    
@media only screen and (orientation: landscape) and (min-width: 581px) and (max-width:650px){ 
    
    .ui-dialog .ui-dialog-content{
        width: 100% !important;
        height: 67% !important;
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .ui-panelgrid-cell {
        border:none !important;
    }

}
    
@media only screen and (orientation: landscape) and (min-width: 651px) and (max-width: 700px){ 
    
    .ui-dialog .ui-dialog-content{
        width: 100% !important;
        height: 70% !important;
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .ui-panelgrid-cell {
        border:none !important;
    }

}
    
@media only screen and (orientation: landscape) and (min-width: 701px) and (max-width:800px){ 
    
    .ui-dialog{
        width: 90% !important;
        height: 95% !important;
    }
    
    .ui-dialog .ui-dialog-content{
        width: 100% !important;
        height: 68% !important;
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .ui-panelgrid-cell {
        border:none !important;
    }
    
    .ui-icon-closethick{
        background: none !important;
    }
    
    .ui-dialog-titlebar-close > .ui-icon{
        width: 24px !important; 
        height: 24px !important; 
    }

}

@media only screen and (min-width: 901px){     
    .table > .ui-datatable-scrollable-body{
        margin-bottom: 10px !important;
    }
    
    
   .ui-picklist-list::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 15px;
        background-color: transparent;
    }

    .ui-picklist-list::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 1px solid white;
        background-color: rgba(194,194,194,.5);
    }
    
}

.ui_tpicker_hour_slider, .ui_tpicker_minute_slider {
    border: 1px solid #dddddd !important;
    background: #4ca1af  !important;
    color: #333333 !important;
}

.ui-sortable-column > .ui-icon-carat-2-n-s{    
    background-image: none !important; 
    width: auto !important; 
    height: auto !important; 
    
    text-indent: initial !important;
    overflow: visible !important;
    background-repeat: initial !important;
    float: right !important;

}

.ui-sortable-column > .ui-icon-carat-2-n-s:before{ 

   font-family: "Font Awesome 5 Free";
   content: "\f0dc";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
   font-size: 1.2em;

}


.ui-sortable-column > .ui-icon-triangle-1-n{    
    background-image: none !important; 
    width: auto !important; 
    height: auto !important; 
    
    text-indent: initial !important;
    overflow: visible !important;
    background-repeat: initial !important;

}

.ui-sortable-column > .ui-icon-triangle-1-n:before{ 

   font-family: "Font Awesome 5 Free";
   content: "\f884";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;

}
   
.ui-sortable-column > .ui-icon-triangle-1-s{    
    background-image: none !important; 
    width: auto !important; 
    height: auto !important; 
    
    text-indent: initial !important;
    overflow: visible !important;
    background-repeat: initial !important;

}

.ui-sortable-column > .ui-icon-triangle-1-s:before{ 

   font-family: "Font Awesome 5 Free";
   content: "\f160";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;

}

.ui-selectonemenu .ui-selectonemenu-trigger {
    background: transparent !important;
    border: transparent !important;
    width: 25px !important;
    /* display: none !important; */
}

.ui-selectonemenu  .ui-icon-triangle-1-s {
    display: none !important;
}

.separador {
    border-bottom: 0.25rem solid #e3e6ec !important;
}

.titulo_table{
    border-bottom: 0.25rem solid #e3e6ec !important;
}