body{
	margin: 0;
	height: 100%;
}

.no-scroll{
	overflow: hidden;
}

* {
	font-family: Verdana,Arial,sans-serif;
	font-size: 11px !important;
}

form {
	margin: 0;
}

fieldset {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    
    box-shadow: 2px 2px 7px -2px;
    
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5px;
    padding-top: 5px;

    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
}

fieldset>legend {
	font-weight: bold;
	font-size: 12px !important;
}

label {
	font-weight: bold;
    overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

input, select, textarea{
	font-weight: normal;
	padding: 4px;
    height: 24px;
    background: white !important;
}


.ui-selectonemenu .ui-selectonemenu-trigger{
	width: 23px;	
}

.empty-label:after {
	content: "\00a0";
	display: block;
}

.fix-button .ui-button-text {
	padding: 4px !important;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
	opacity: 0.7;
    filter: Alpha(Opacity=70);
    background-image: none;
    cursor: not-allowed !important;
    user-select: none;
}

input.ui-state-disabled, select.ui-state-disabled, textarea.ui-state-disabled {
    background-color: #dadada !important;
}

.ui-menubar .ui-menu-child .ui-menuitem-link{
	width: 100%;
}

.ui-menu .ui-menu-parent .ui-menu-child {
	width: 22em !important;
}

.ui-tabs-panel {
	padding: 0 !important;
}

.ui-datepicker {
	width: auto !important;
	z-index: 10000;
}

.ui-datatable table {
    border-collapse: collapse;
}

.ui-column-title input {
	width: 100%;
}

.ui-datatable table thead{
    white-space: normal;
}


.ui-datatable table tbody{
	white-space: normal;
}

.ui-datatable-resizable thead th, .ui-datatable-resizable tbody td, .ui-datatable-resizable tfoot td {
    white-space: normal !important;
}

.ui-datatable .ui-sortable-column-icon {
    display: block;
    margin: auto;
}

.ui-datatable-scrollable-body::-webkit-scrollbar-thumb {
    background: linear-gradient(#046787, #083b7a) !important;
}

.index {
	height: 100%;
	width: 100%;
	
	position: absolute;
	left: 0;
	top: 0;
}

.index .header{
	overflow: hidden;
}

.index .content{
	background-image: url("/siorconp/javax.faces.resource/siorconp-logo-main.png.xhtml?ln=images");
	background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-position: center;
    
    width: 100%;
    height: 100%;
    display: block;
}

.index .content:not(:empty){
	background-image: none;
}

.index .content iframe {
	border: none;
	position: relative;
	width: 100%;
	height: 100%;
    background-color: #f5f5f5; 
}

.index .footer {
    position: absolute;
    bottom: 0px;
    left: 0;
    
    width: 100%;
    
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    
    font-weight: bold;
    
    pointer-events: none;
}

.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(100, 100, 100, .5);
	display: none;
	z-index: 9999;
}

.loading-content {
	text-align: center;
	position: fixed;
	width: 250px;
	height: 50px;
	top: calc(50% - 25px);
	left: calc(50% - 125px);
	background-color: #f5f5f5;
	border-radius: 5px;
}
  
.chevel-button{
    border-radius: 5px;
    background-image: linear-gradient(#d4d4d4, #bdbbbb) !important;
    box-shadow: inset 1px 1px 3px white, inset -1px -1px 1px black;
    border-width: 0px !important;
}

.text-left{ text-align: left; float: left; }
.text-right{ text-align: right; float: right; }
.text-center{ text-align: center; }
  
/* ICONES */
[class*=systema-icon]{
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	margin: auto !important;
	margin-top: .5em !important;
	width: 20px;
	height: 25px;
	background-size: 20px;
}
.systema-icon-logo{
	background-image: url('../javax.faces.resource/images/icons/logo.png.xhtml') !important;
}

.systema-icon-default{
	background-image: url('../javax.faces.resource/images/icons/siorconp-icon.png.xhtml') !important;
}

/* STYLES */
.font-sm, .font-sm * {
    font-size: 10px !important;
}

.label-overflow {
    overflow: visible;
    white-space: nowrap;
}

.ui-widget-header {
	background: linear-gradient(#046787, #083b7a);
}

body, .ui-dialog .ui-dialog-content {
	height: 100% !important;
	background-color: white;
}

.crudHeader {
	text-transform: uppercase;
	font-weight: normal;
	color: #38a5c5;
	text-shadow: 2px 2px 7px black;
	font-family: Arial;
	font-size: 12px !important;
}

.ui-panel-content {
	background: white;
}

.ui-widget-content {
	background: white;
	border: none;
}

.ui-datatable thead th {
	background: linear-gradient(#a5a5a5, #cccbcb) !important;
}

.ui-datatable thead th label {
	font-weight: normal;	
}

.ui-datatable tbody td {
    border-color: #c3c3c3;
}

.btn-bar {
	box-shadow: inset 0px 3px 5px -2px;
    padding-top: 0.4em !important;
    padding-bottom: 0.4em !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: linear-gradient(white, #d2d0d0) !important;
}

.btn-bar>.ui-panel-content {
	padding: 0;
}

.ui-dialog-content {
	padding: 0 !important;	
}

.ui-selectonemenu {
	width: 100%;
	background-color: white !important;
}

.ui-selectonemenu-item.ui-selectonemenu-row td,
.ui-selectonemenu-item.ui-selectonemenu-row.ui-state-hover,
.ui-selectonemenu-item.ui-selectonemenu-row.ui-state-highlight{
	border: none !important;
}

.color-btn {
	border: none !important;
    font-size: 7px !important;
    min-height: 52px;
    min-width: 68px;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2);
    margin-right: 3px;
    transition: box-shadow 500ms
}


.fa+.ui-button-text{
	margin: 0;
	padding: .2em .8em .5em .8em;
	text-align: center;
	font-weight: normal;
	font-size: 10px !important;
	color: #000000 !important
}

.color-btn>.fa{
    font-size: 25px !important;
    left: 0 !important;
    height: 25px;
    width: 100%;
    text-indent: 0px !important;
    margin: 0 !important;
    text-align: center;
    position: relative !important;
    background-image: none !important;
    color: white;
    transition: text-shadow 500ms
}

.color-btn:hover>.fa{
	text-shadow: 0px 0px 5px white;
}

.color-btn>.ui-button-text {
	font-size: 9px;
	font-family: Arial !important;
}

.color-btn.header {
    min-height: 0px;
   	min-width: 28px;
	height: 40px;
    width: 46px;
}

.color-btn.header>.fa {
	font-size: 32px !important;
}

.color-btn.header>.ui-button-text {
	padding: 0;
	display: none;
}

.color-btn:hover {
	z-index: 2;
}

.blue {
	background: linear-gradient(#6fabe7, #5d92c8) !important; 
}
.color-btn.blue:hover {
	box-shadow: 0px 0px 10px 2px #6fabe7;
}

.light-blue {	
	background: linear-gradient(#7abcff, #67a1dc) !important;
}
.color-btn.light-blue:hover {
	box-shadow: 0px 0px 10px 2px #7abcff;
}

.yellow {
	background: linear-gradient(#f5df54, #d6d12b) !important; 
}
.color-btn.yellow:hover {
	box-shadow: 0px 0px 10px 2px #f5df54;
}

.red {
	background: linear-gradient(#ea4d84, #d7435c) !important; 
}
.color-btn.red:hover {
	box-shadow: 0px 0px 10px 2px #ea4d84;
}

.green {
	background: linear-gradient(#9fe76f, #5dc86a) !important;
}
.color-btn.green:hover {
	box-shadow: 0px 0px 10px 2px #9fe76f;
}

.orange {
	background: linear-gradient(#fbc06d, #bca847) !important;
}
.color-btn.orange:hover {
	box-shadow: 0px 0px 10px 2px #FBC06D;
} 

.purple {	
    background: linear-gradient(#BA68C8, #AB47BC) !important;
}
.color-btn.purple:hover {
	box-shadow: 0px 0px 10px 2px #BA68C8;
}

.white {
	background: linear-gradient(white, #dadada) !important; 
}
.color-btn.white:hover {
	box-shadow: 0px 0px 10px 2px white;
}
.color-btn,.white>.fa{
	color: black;
}
.color-btn.white:hover>.fa{
	text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
}

.gray{
	background: linear-gradient(#a5a5a5, #cccbcb) !important;
}
.color-btn.gray:hover {
	box-shadow: 0px 0px 10px 2px #a5a5a5;
}