ul{
	padding-inline-start: 20px;
}

body .ui-progressbar .ui-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #00B3FF;
}

.card{
	    word-wrap: normal;
}

body .ui-state-disabled {
    opacity: 0.7;
    filter: alpha(opacity=50);
}

.bg-information {
	background-color: #ecf7f9;
}

.ui-menu .ui-separator {
    width: 98%;
    height: 0;
    float: left;
    clear: both;
    margin: 1px 0 0 0;
    padding: 0;
    border-top: 1px solid #dee2e6;
}

.ui-separator {
    width: 100%;
    height: 0;
    float: left;
    clear: both;
    margin: 1px 0 0 0;
    padding: 0;
    border-top: 1px solid #dee2e6;
}

.card h1 {
	border-left: 5px solid #116FBF;
	padding-left: 10px;
}

.ui-g h1 {
	border-left: 5px solid #116FBF;
	padding-left: 10px;
	font-size: 1.2rem;
}

.ui-g h3 {
	border-left: 5px solid #495057;
	color: #495057;
	padding-left: 10px;
	font-size: 1rem;
	font-weight: bold;
	margin-top:10px !important;
	margin-bottom:10px !important;
}
.catalog-title {
	float: left;
	font-size: 16px !important;
}

.layout-main {
  	position: relative;
  	min-height: 100vh;
}

.layout-content {
	padding-bottom:  48px !important;
}

.layout-footer {
  	position: absolute;
  	bottom: 0;
  	width: 100%;
  	height: 48px;
}

.badge {
	font-size: 100% !important;
}
/* FORMS */

body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    width: 0px;
    height: 0px;
    vertical-align: middle;
    border-radius: 50%;
}
body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
    padding: 1.5px 0;
    margin: 1.5px 4px 1.5px 0;
    background: #007ad9;
    color: #fff;
    border-radius: 4px;
}
body .formInput .ui-inputfield{
	width: 100%;
}
.form-title {
    font-weight: 700 !important;
    font-size: 1.1rem;
}

.ui-form {
	padding-left: 0.5rem;
	padding-bottom: 1rem;	
}

.ui-fluid .ui-selectonemenu {
    width: 100%;
    min-width: 100% !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body .ui-selectonemenu {
    vertical-align: middle;
    border: 1px solid #a6a6a6;
    position: relative;
    transition: border-color 0.3s;
    border-radius: 4px;
    top:-2px;
}
/* TABLAS */
th:focus {
	outline: 0;
}

body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
    border: 0px solid #c8c8c8;
    background-color: #E8F0FE;
    color: #1967d2;
    font-weight: 500;
    cursor: default;
}

body .ui-datatable thead th.ui-state-active {
    background-color: #E8F0FE;
    color: #000;
}

.ui-datatable-tablewrapper {
    overflow: hidden;
}
.ui-datatable thead input {
	display: none !important;
}

body .ui-datatable .ui-paginator {
    padding: 0;
    padding-top: 10px;
}

body .ui-paginator {
    background-color: #ffffff;
    border: 0px solid #c8c8c8;
    padding: 0;
}

body .ui-datatable.ui-datatable-sm thead > tr > th {
    padding: 0.5rem 0.5rem;
}

body .ui-datatable .ui-datatable-header {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    color: #495057;
    padding: 1rem;
    font-weight: 700;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: left !important;
}

body .ui-datatable .ui-datatable-data > tr > td {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-width: 0 0 1px 0;
}

body .ui-datatable .ui-datatable-data > tr {
    background: #ffffff;
    color: #495057;
    border: 0px solid;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-datatable thead th {
    background: #fff;
    color: #495057;
    padding: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    text-align: left;
    box-sizing: content-box;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.column-bpless{
	padding: 0px !important;
	border: none !important;
	border-style: none !important;
	background-color: transparent !important;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background-color: #E8F0FE;
    color: #1967d2;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page {
    padding: 0;
    border: 0 none;
    text-align: center;
    line-height: 32px;
    min-width: 32px;
    height: 32px;
    color: #737373;
    margin: 0;
    border-radius: 4px;
}

body .ui-splitbutton.ui-buttonset .ui-splitbutton-menubutton {
    border-radius: 4px;
    border: 0 none;
    cursor: pointer;
    width: 28px;
    height: 100%;
    padding: 0;
    position: absolute;
    top: 0;
    right: -1px;
}
/* TREETABLE */
.ui-treetable thead input {
	display: none !important;
}

body .ui-treetable.ui-treetable-sm thead > tr > th {
    padding: 0.5rem 0.5rem;
}

body .ui-treetable .ui-treetable-header {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    color: #495057;
    padding: 1rem;
    font-weight: 700;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

body .ui-treetable .ui-treetable-data > tr > td {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-width: 0 0 1px 0;
}

body .ui-treetable .ui-treetable-data > tr {
    background: #ffffff;
    color: #495057;
    border: 0px solid;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-treetable thead th {
    background: #fff;
    color: #495057;
    padding: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    text-align: left;
    box-sizing: content-box;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

/* MENSAJES */
.ui-staticmessage {
	width: 100% !important;	
}

.loading-dialog {
	box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0) !important;
}

.loading-dialog .ui-dialog-content{
	background: transparent !important;
	padding: 0px !important;
	border: 0px !important;
	border-radius: 25px !important;
}

/* MODALES */
@media screen and (max-width: 768px ) {
	.modalResponsive-60 { 
  		width: 90% !important;
  	} 
  	
  	.modalResponsive-40 { 
  		width: 90% !important; 
  	}
  	
  	.modalResponsive-30 { 
  		width: 90% !important; 
  	}
  	
  	.card-alert {
  		width: 308px;
  	}
}

@media screen and (min-width: 1024px ) {
  	.modalResponsive-60 { 
  		width: 60% !important; 
  	}
  	
  	.modalResponsive-40 { 
  		width: 40% !important;
  	}
	
  	.modalResponsive-30 { 
  		width: 30% !important; 
  	}
  	
  	.card-alert {
  		width: 760px;
  	}
}
.w-33{
	width: 33.33333333333333% !important;
}
.w-5{
	width: 5% !important;
}

.w-10{
	width: 10% !important;
}

.w-15{
	width: 15% !important;
}

.w-20{
	width: 20% !important;
}

.w-30{
	width: 30% !important;
}

.w-35{
	width: 35% !important;
}

.w-40{
	width: 40% !important;
}

.w-45{
	width: 45% !important;
}

.w-55{
	width: 55% !important;
}

.w-60{
	width: 60% !important;
}

.w-65{
	width: 65% !important;
}

.w-70{
	width: 70% !important;
}

.w-80{
	width: 80% !important;
}

.w-85{
	width: 85% !important;
}

.w-90{
	width: 90% !important;
}

.w-95{
	width: 95% !important;
}

/* BOTONES */
body .gray-btn {
	background-color: #628292;
    color: white;
    border: 1px solid #a6a6a6;
}

body .gray-btn:hover {
	background-color: #628292;
    color: white;
    border: 1px solid #a6a6a6;
}

body .h-primary-btn {
    background-color: #007ad9;
    color: #ffffff;
    border: 1px solid #007ad9;
    font-size: 14px;
    margin: 0;
    outline: 0 none;
    border-radius: 4px;
    transition: background-color 0.3s;
    padding: 5px 14px 5px 28px;
}
body .ui-button.secondary-button {
    background-color: #f4f4f4;
    color: #333333;
    border: 1px solid #a6a6a6;
}

body .formInput .ui-button{
	width: 100%;
}
body .custom-split-btn .ui-button {
    background-color: #628292;
    color: #fff;
    border: 0px solid #628292;
    font-size: 14px;
    margin: 0;
    outline: 0 none;
    height: 2rem;
    border-radius: 50% !important;
    transition: background-color 0.3s;
    right: 5px;
}

body .custom-split-btn.ui-buttonset .ui-splitbutton-menubutton {
    border-radius: 50% !important;
    border: 0 none;
    cursor: pointer;
    width: 2rem !important;
    height: 2rem !important;
    padding: 0;
    position: absolute;
    top: 0;
    right: -1px;
}

body .custom-split-btn .ui-button.ui-state-hover {
	/*background-color: #E8F0FE;*/
}

.ui-btn-content{
	width: auto !important;
}

body .ui-button.rounded-button.ui-button-icon-only {
    border-radius: 50%;
    height: 2rem;
    margin-right: 0.25rem;
} 

body .ui-button.ui-button-flat {
    background-color: transparent;
    color: #2196F3;
    border-color: transparent;
}

body .ui-button.ui-button-flat-black {
    color: #000000;
}

body .ui-button.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5rem;
    margin-left: -0.5rem;
}

body .ui-button.ui-button-icon-only .ui-button-text {
    padding: 0.5rem;
}

body .ui-button.ui-button-icon-only {
    width: 2rem;
}

body .ui-btn-sm .ui-button-text{
	padding: 0.25em 0.4em !important;
}
.formLabel {
	font-weight: bold;
}
.formInput {
	margin-bottom: 3px !important;
	width: 100%;
}
.formText {
	margin-bottom: 10px;
}
.textRight {
	text-align: right !important;
}
.textLeft {
	text-align: left !important;
}
.border-less {
	border: none !important;
}
.border-bottom {
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    color: #495057;
    padding: 1rem;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-bottom: 2px !important;
}

.formInput .ui-button {
	background-color: #628292 !important;
	border-color: #628292 !important;
}
.circle {
  display: inline-table;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background-color: #00b395;
  border-radius: 50%;
}

.circle-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: white;
  font-weight: bold;
}

.bg-table {
	background: #F9F9F9;
}


#formView .ui-scrollpanel {
	padding: 8px 0px !important;
}

.iti {
	width: 100% !important;
}
.rowExpansionColor {
	background: #FED978 !important;
}
.ui-outputlabel.ui-state-error {
  border: 0 none;
  color: darkred !important;
}
.ui-state-error {
  border-color: darkgray !important;
}