@import url('../res/auraplayer/base.css?v=2025.05.15_1531_04');
@import url('../res/auraplayer/hamburger.css?v=2025.05.15_1531_04');
@import url('../res/fonts/font-awesome/font-awesome.min.css?v=2025.05.15_1531_04');

@media (min-width: 1px) and (max-width: 550px) {
	#header-title, #app-header-title {
		position: relative;
		margin-left: calc(50px + 60px) !important;
		text-align: left ;
	}
	
	.single-field-container,
	.multiple-field-container {
		flex: 1 1 130px !important;
   }

}

@media (min-width: 1px) and (max-width: 950px) {
}

@media (min-width: 1px) and (max-width: 680px) {
	#mainPage #header-title,
	#mainPage #app-header-title {
		margin-left: auto !important;
		text-align: center ;
	}	
	
	#headerLogo {
    	padding: 0 6px;
	}
}


@media (min-width: 1px) and (max-width: 992px) {

	.button-field-container {
    	flex: 1 1 200px !important;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE only */
	#header-title,
	#app-header-title {
     	margin-left: -150px;
 	}
}

@media only screen and (min-width : 680px) {

	#content {
	   padding: 1em !important;
	}
	
	#mainForm {
    	width: 100%;
    	overflow: visible;
    }
    
	/*	.outer-field-container .multiple-field-container:not(:first-child) {
	   margin-left:10px;
	}

	
*/
	
	 #mainPage.center-desktop-pages > .ui-content {
		margin:0 auto;
	}
	
	 #mainPage.center-desktop-pages > .ui-content,
	 #mainPage > #header-title  {
		max-width: 1000px;
	}
}
	
}
		
	.centred.outer-field-container {
		justify-content: center;
	
	}
	.centred.field-container {
		flex : 0 1 200px !important;
	}
	
	.centred .outer-field-container {
		justify-content: center;
	
	}
  	.centred #content .field-container {
		flex : 0 1 270px !important;
	}
	
	.button-field-container.half-button-flex {
		flex: 0.5 1 0 !important;
	}
		
	.button-field-container.third-button-flex {
		flex: 0.33 1 0 !important;	
	}
		
	.button-field-container.qurater-button-flex {
		flex: 0.25 1 0 !important;
	}
	
	.button-field-container.full-button-flex {
		flex: 0 1 100% !important;
	}
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		/* IE only */
		.button-field-container.qurater-button-flex {
		    flex-grow: 0 !important;
		    flex-shrink: 1 !important;
		    flex-basis: 25% !important;
		}
		.button-field-container.third-button-flex  {
			flex-grow: 0 !important;
		    flex-shrink: 1 !important;
		    flex-basis: 33% !important;
		}
		.button-field-container.half-button-flex {
			 flex-grow: 0 !important;
		    flex-shrink: 1 !important;
		    flex-basis: 50% !important;
		}
		.button-field-container.full-button-flex {
		 	flex-grow: 0 !important;
		    flex-shrink: 1 !important;
		    flex-basis: 100% !important;
		}	
	}
	
	
	
	 .center-desktop-pages .container-fluid {
    	margin: 0 auto;
    	position:relative;
	}

	.center-desktop-pages .container-fluid {
    	max-width: 1000px;
	}
	
	
	.center-desktop-pages #header-title,
	.center-desktop-pages #app-header-title {
		margin: 0 auto;
		 left: 0;
    	right: 0;
    	top:0;
	}
}

body {
  background-image: -ms-linear-gradient(to bottom,#FFFFFF , #FFFFFF  66%, #FFFFFF );
  background-image: -o-linear-gradient(to bottom,#FFFFFF , #FFFFFF  66%, #FFFFFF );
  background-image: linear-gradient(to bottom,#FFFFFF , #FFFFFF  66%, #FFFFFF ) !important;
  direction: ltr;
}

.RTL {
  direction: rtl;
}

#mainPage {
  background-image: -ms-linear-gradient(to bottom,#FFFFFF , #FFFFFF  66%, #FFFFFF );
  background-image: -o-linear-gradient(to bottom,#FFFFFF , #FFFFFF  66%, #FFFFFF );
  background-image: linear-gradient(to bottom,#FFFFFF , #FFFFFF  66%, #FFFFFF );
}



#mainPage > .ui-content {
	position: relative;
  	top: 70px;
    overflow-x: auto;
}

.ui-content #header-title {
	font-size: 17px;
      color: #FFFFFF;
      border-bottom: 1px solid #FFFFFF;
    display: block;
    clear: both;
    position: relative;
    padding: 0;
    padding-bottom: 4px;
    margin-bottom:5px;
}





.single-field-container.CHECKBOX label nobr  {
 vertical-align: baseline;
}

.multiple-field-container.CHECKBOX {
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.multiple-field-container.CHECKBOX > label {
 	padding: 2px;
    width: auto;
    margin-top: 1.5em;
}

 
 
.single-field-container.FILE > * {
    vertical-align: sub;
}

#header-title,
#app-header-title {
      color: #FFFFFF !important;
}

.outer-field-container {
	display:flex;
	flex-wrap: wrap;
	overflow-x:auto;
	align-items: normal;
}
	
.field-container {
	 display:block; 
	 padding: 5px 5px 5px 5px;
	 position:relative;
}

.full-desktop-width.single-field-container,
.full-desktop-width .single-field-container,
.full-desktop-width .multiple-field-container,
.full-desktop-width .multiple-field-container  {
  flex: 1 1 230px;
}

.single-field-container {
	flex: 0 1 255px;
}

.LOV.single-field-container {
    display: flex;
    flex-wrap: wrap;
}

/*
.LOV.single-field-container label {
	width:100%;
}*/

.map.single-field-container {
	flex: 1 1 230px;
}

.multiple-field-container {
	flex: 0 1 230px;
	padding: 5px 5px 5px 5px; 
}

.ui-mobile .ui-page {
    min-height: 100% !important;
}
#content {
	background-color: transparent ; 
}

#content {
	padding:0.5em;
}

#mainPage {
	height:100%;
    padding-bottom: 85px;
}

#mainForm {
    margin-bottom: 15px
}

.SPA #content {
	opacity: 0;
}

.SPA #spinner {
 display: block;
}

/*************************************
*		Header / Popup
*************************************/

#header .row {
	justify-content: space-between;
    align-items: center;
}

#header .row::after {
	content: none !important;
}

.ui-header {
    background-color: #0036a8;
    color: #ffffff;
    margin-bottom: 5px;
    width: 100%;
    z-index: 10000;
}

.ui-header, #titleRow-button {
	background-color: #0036a8 !important;
}

.ui-header, .ui-header h3, #titleRow-button, #hamburger-close {
	color: #FFFFFF !important;
}

#header {
	position: fixed;
	padding:0 10px;
}

#header-title,
#app-header-title {
	color: white;
	position: absolute;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	pointer-events: none;
}

#mainPage > #header-title {
	margin-top: 62px !important;
}


 
 #headerLogo {
 margin-left: auto;
}

#headerLogo > img {
	width: 50px;
}

#sidebarLogo > img {
	width: 70px;
}


.rounded-corners  [data-role="popup"] {
	border-radius: 10px;
}

[data-role="popup"] {
	max-width: 400px;
}

#popupMessage {
	margin-bottom: 25px;
}



/*************************************
*		Hamburger menu
*************************************/

#leftpanel {
	background-color: #f9f9f9;
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

#leftpanel ul {
	margin-top: 15px;
}

#titleRow-button {
	background-color: transparent;
	border-style: none;
	text-shadow: none;
	padding-top: 15px;
}

#hamburger-title {
	font-color: #f7f7f7;
	font-size: 30px;
	font-weight: 550;
	padding-top: 0px;
	display:block;
}

/*
#hamburger-title:after {
	content: "Menu";
}

#hamburger-title.changed:after {
	content: "";
}



*/

#hamburger-close {
	background-color: transparent;
	border-style: none;
	text-shadow: none;
	padding-top: 32px;
	position: absolute;
	top:0;
	
	 right : 0; 
	padding:15px;
}

#hamburger-close:before {
	font-family: fontAwesome;
}

.ui-listview > li > a {
	text-align: left !important;
}

.menu-icon {
 	margin-right:18px;
}

.RTL .fa-angle-right:before {
	content: "\f104" !important;
}

#mainPage #sidebarLogo.headerLogo-side-menu {
	display:flex;
	margin-bottom:10px;
}
#mainPage #sidebarLogo.headerLogo-side-menu img {
	margin:2px auto;
	padding: 0;
}	

/*************************************
*			Buttons
*************************************/

.circle-button {
	width: 54px !important;
    height: 54px;
    min-width: 54px;
    padding: 0;
    /* white-space: nowrap; */
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 27px;
    word-wrap: break-word;
    white-space: initial;
    padding: 0px;
}

.rounded-corners button {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}



button.ui-btn:active {
	background-color:#002575 !important;
	border-color: #002575 !important;
}

button.ui-btn, button.ui-btn:visited {
     background-color: #0036a8 !important;

     border-color:  #BCBCBC !important;
   	color: #F5F5F0 !important;
   font-size: 16px;
  font-size:  16px !important;
 	padding: 12px 8px;
	margin: 3px 0px; 
	text-shadow: none !important;
	min-width: 95px;
}

#titleRow-button {
	background-color: #0036a8 ;
	color: white ;
	text-shadow: none !important;
}

#hamburger-close {
	color: white ;
}

.button-field-container {
	flex: 1 1 200px;
	padding:5px !important;
}

.button-centred.button-field-container {
	flex: 1 1 200px;
	
}

@supports not (-ms-high-contrast: none) {
  .button-centred.button-field-container {
   		margin: 0 auto;
   }
}

.button-centred-style {
	margin:5px auto !important;
}

button.button-inline {
	display: inline-block ;
}
.button-padding {
	padding-right: 0 !important; 
	padding-left: 0 !important;
 }
 .button-full-width {
 	width: 100% !important;
 }
 .button-by-field {
    float: right;
   
	margin-right: 0;
	width: 12% !important;
	position: relative;
    top: 4px;
   left: 2px;
   
}

.full-desktop-width .single-field-container.LOV > span{
    flex:1;
}
.full-desktop-width  .single-field-container.LOV label {
   margin-right: 100%;
  
}

.ui-btn.ui-icon-refresh {
 max-width: 42px;
}
.ui-button {
	text-align: left;
	padding-left: 0px;
}


/*************************************
*			Inputs
*************************************/

label {
	color: black !important;
	
}

.single-field-container.LOV label {
 	min-width:45px;
 }

.multiple-field-container label {
	 width: 125px;
	}
	
div[tag="input"]:empty:before {
  content: "\200b";
}

.ui-input-text input:focus, .ui-input-search input:focus {
    border-bottom-color: #0036a8;
}

/*div.read-only {
	padding: 7px 10px !important;
}*/


div.link-field {
	padding: 7px 10px ;
	text-decoration: underline;
}

div.phone-field {
	padding: 7px 10px !important;
}

.ui-input-search input {
	padding-left: 25px !important;
	
}

input[required]:invalid, textarea[required]:invalid {
	border-bottom: 2px solid #B94A48;
}

textarea.ui-input-text:disabled, input[type="text"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="password"]:disabled {
    background: rgba(234, 234, 234, 0.6) !important;
}

input {
    text-align: left !important;
}

.input-field {
	 	width: 88% !important;
	 	display:inline-block;
}

input[required]:invalid.input-field-invalid-value, input[data-type="DATE"].input-field-invalid-value, div.dropdown-container.input-field-invalid-value {
	border-color: red !important; 
	border-width:1px !important;
} 

.dropdown-container,
input[type="text"],
input[type="number"],
input[type="email"],
input[data-type="DATE"],
input[type="password"] {
	text-align : left !important;
}



.dropdown-container,
input[type="text"],
textarea.ui-input-text,
input[type="number"],
input[type="email"],
input[data-type="DATE"],
input[type="password"] {
	background-color : #FFFFFF !important;
}






.dropdown-container,
input[type="text"],
textarea.ui-input-text,
input[type="number"],
input[type="email"],
input[data-type="DATE"],
input[type="password"] {
	border-width:1px   !important;
	border-style: solid;
}

	.dropdown-container,input[type="text"], 
	textarea.ui-input-text, 
	input[type="number"], 
	input[type="email"], 
	input[type="password"], 
	input[data-type="DATE"],
	.dropdown-container div {
		font-size: 13px !important;
	}



	label:not(.read-only-label) nobr{
		font-size: 13px !important;
	}




input[type="text"], 
textarea.ui-input-text, 
input[type="number"], 
input[type="email"],
input[type="password"],
input[data-type="DATE"],
div.read-only,
.dropdown-container,
.ui-flipswitch {
	margin-top: 3px !important;
}

label nobr {
	color: #666666 !important;
}

.ui-input-text, .ui-input-search, textarea.ui-input-text.ui-textinput-autogrow {
	margin:0;
}
label nobr {
 	/*white-space: initial;*/
    overflow: hidden;
    text-overflow: ellipsis;
}
/*************************************
*		Custom field types
*************************************/

div.read-only {
	padding-bottom: 20px;
	word-break: break-word;
}




















/*.ui-checkboxradio-checked {
    text-align: left !important;
}

.ui-checkboxradio-checked, .ui-checkboxradio-unchecked {
	border-style: none;
}*/

.ui-checkboxradio-icon.ui-state-checked {
    background-color: #0036a8 !important;
    border-color: #0036a8 !important;
}

.ui-state-disabled {
	opacity: 0.625;
}

.ui-flipswitch-active {
    color: #ffffff !important;
    background-color: #0036a8 !important;
}

#debugger .ui-flipswitch-active {
 background-color: red !important;
}

.ui-radio-on:before, .ui-radio-on:after {
    background-color: #0036a8 !important;
}

a, a:visited  {
    color: #0036a8;
}

.image-field {
	margin-bottom: 14px;
}

/*************************************
*		Barcode
*************************************/

#barcodeToast {
	position: relative;
	float: right;
	width: 0;
	height: 0;
	right: 160px;	
}

#barcodeToast > div {
	position: absolute;
	color: black;
	background-color: yellow;
	margin-top: 23px;
	margin-right: 5px;
	width: 155px;
}

/*************************************
*		Map
*************************************/

#map {
	width: 100%;
	height: 400px;
	background-color: grey;
	margin-top: 15px;
	margin-bottom: 10px;
}

#map_address {
	display: inline-block;
	width: 78%;
}

/*************************************
*		Autocomplete
*************************************/

.ui-autocomplete {
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.ui-autocomplete .highlight {
	text-decoration: underline;
}

.dropdown-container {
	position: relative;
	border-bottom: 2px solid #e5e5e5;
	background:white;
	padding: 3px 9px;
	margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.dropdown-container div {
	min-height: 1.4em;
    line-height: 1.4em;
	
	padding-right:25px;
	
}

.rounded-corners  .dropdown-container,
.rounded-corners  .ui-autocomplete {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.dropdown-container:after {
	top: 19px;
	/*
	right: -0.1em !important;;*/
}

/*************************************
*			Table / List
*************************************/

#tableFilter {
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.ui-input-search:after {
	position: relative !important;
	float: left;
	margin-top: -25px;
}

.ui-input-clear {
	display: none !important;
}

.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d, .ui-grid-solo {
	overflow: visible;
	white-space: normal;
}

.CARDS > li {
    margin-bottom: 14px;
}
.CARDS > li > a {
   box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
   border-radius: 8px;
}

 .CARDS .ui-btn-icon-right:after {
    top: 20px;
    margin-top: -11px;
}

.CARDS li > a .ui-block-a:first-of-type {
	font-weight:bold;
}

th {
	background-color: #0036a8;
	color: #ffffff;
	font-weight: bolder;
	text-align: center;
}



#listOutput {
	padding: 0 10px;
}

.rounded-corners table {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}

.table-field-container > .ui-input-search {
   margin-bottom: 5px;
}
   
.rounded-corners table thead tr:first-child th {
	border-top-color: transparent;
}

.RTL.rounded-corners table thead tr:first-child th:first-child {
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	border-right-color: transparent;
	border-top-color: transparent;
	-webkit-border-top-left-radius: 0;
	-moz-border-top-left-radius: 0;
	border-top-left-radius: 0;
	border-left-color: inherit;
}

.RTL.rounded-corners table thead tr:first-child th:last-child {
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	border-left-color: transparent;
	border-top-color: transparent;
	-webkit-border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
	border-top-right-radius: 0;
	border-right-color: inherit;
	
}

.RTL.rounded-corners table tbody tr:last-child td:first-child {
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-color: transparent;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
}

.RTL.rounded-corners table tbody tr:last-child td:last-child {
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-color: transparent;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	
}



.rounded-corners table thead tr:first-child th:first-child {
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	border-left-color: transparent;
	border-top-color: transparent;
}

.rounded-corners table thead tr:first-child th:last-child {
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	border-right-color: transparent;
	border-top-color: transparent;
}

.rounded-corners table tbody tr:last-child td:first-child {
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-color: transparent;
	
}

.rounded-corners table tbody tr:last-child td:last-child {
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-color: transparent;

}

.rounded-corners .table-bordered thead td,
.rounded-corners .table-bordered th {
    border: none;
}



.table-field-container {
	flex: 1 1 auto;
}

#tableOutput .table-responsive  {
	max-width: inherit;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: lightgray;
}




.table-hover tbody tr:hover {
    background-color: #0036a8;
}




 .list-button {
    cursor: pointer;
    font-size: 22px;
    margin-right: 0.1em;
    vertical-align: middle;
    display: inline-block;
 
}

.table-actions-container {
	text-align:center;
	display:inherit;
}

table tbody tr td .list-button:hover {
}

table tbody tr td .list-button {
}


table {
	display: table !important;
}

table tr.child td .dropdown-container {
    min-width: 65px;
}

table tr.child td .dtr-data,
table tr.child td .dtr-title {
	vertical-align:middle;
	display:inline-block;
}
/*
table tr.child td .dtr-data td {
    padding: 5px 0;
}*/

#content table.dataTable>tbody>tr.child span.dtr-title {
 	min-width: auto;
}

.table_actions_button_fragment {
	display:none !important;
}
.dataTables_wrapper {
	width: 100%;
	overflow: auto;
}

.table-click .tableRowClickIndicator {
   position: absolute;
   right: 10px;
    top: 10px;
}

.RTL table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
.RTL table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    right: 4px;
    left: auto;
}

.RTL table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child, 
.RTL table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {
	padding-right:30px;
}


.RTL .table-click .tableRowClickIndicator {
	right: auto;
	left: 10px;
}

.table-actions-container {
 display:inline-block;
}
table.dataTable.table-click  tbody tr {
 cursor: pointer;
}
table.dataTable.table-click  tbody tr td.paddedCell {
	position: relative;
	padding-right: 32px;
}

.RTL table.dataTable.table-click  tbody tr td.paddedCell {
	position: relative;
	padding-left: 32px;
	padding-right: inherit;
}
/*************************************
*			Spinner
*************************************/

#spinner {
	border-top: 8px solid #0036a8;
}

#small-spinner {
	display: block !important;
	height: 1.875em !important;
	width: 1.875em !important;
	top: 6.5em !important;
	right: 8.5em !important;
	left: initial !important;
}

#small-spinner > span {
	background-color: transparent;
	background-repeat: no-repeat !important;
	background-size: 1.875em 1.875em !important;
	padding-left: 2.225em !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

/*********************************************
* 				Theme
*********************************************/

/** Light Theme (a) **/


/** Dark Theme (b) **/

@media only screen and (min-width: 992px) {
	#mainPage.theme-b >  .ui-content {
	    border-left: 1px solid #636977 !important;
	    border-right: 1px solid #636977 !important;
	}
}

#mainPage.theme-b {
 	background: #10161B;
}

.theme-b .ui-panel{
	background: #192024 !important;
}

#mainPage.theme-b > .ui-content  {
 	background: #192024;
}

.theme-b td {
	color: #FEFFFF !important;
	 border-color: #636977 !important;
}

.theme-b thead th {
	background: none !important;
	color:#636977 !important;
	border-color: #636977 !important;
}

.theme-b input {
    text-shadow: none !important;
}

.theme-b tr.even {
	background: #10161B;
}

.theme-b div {
	color: #FEFFFF !important;
}

.theme-b ul li .ui-btn {
	border-color:#636977 !important;
	background: #192024 !important;
	color: #FEFFFF !important;
}

.theme-b label,
.theme-b input {
	color:#FEFFFF !important;
}

.theme-b .ui-flipswitch {
	color: #FEFFFF !important;
	background: #636977 !important;	
}



/*********************************************
*                 Date Picker
*********************************************/

#ui-datepicker-div {
    z-index: 1000 !important;
}

.simple-time-selector {
    border: 0;
    border-bottom: 1px solid lightgray;
    box-shadow: none;
}
.ap-component-selector {
    border-top: 1px solid #0036a8 !important;
    border-bottom: 1px solid #0036a8 !important;
}
.ap-header, .ap-button-cont {
    color: #1E1E1E !important;
}


.my-cancel {
    margin-right: 20px;
}




#debugger {
	display:none;
}

#debugger .ui-flipswitch {
	float:right;
}
#debugger-log > .log-row {
   margin-bottom: 5px;
    padding: 5px 0px;
    border-bottom: 1px solid #6666;
    margin: 5px 10px;
}

#debugger-log {
    position: fixed;
    width: 90%;
    height: 80%;
    top: 80px;
    left: 50%;
    margin-left: -45%;
    z-index: 10000000;
    background: white;
    border: 1px solid black;
    overflow-y: auto;
    word-wrap: break-word;
    font-size: 0.8rem;
    padding:5px;
    word-break: break-all;
}

#debugger-log  .debug-actions {
	margin-bottom:15px;
}
#debugger-log .row-key {
	 cursor:pointer;
	 font-weight:bold;
}
#debugger-log .log-time {
	color:gray;
}
#debugger-log .row-key:before {
	content: '+';
    font-size: 18px;
    margin-right: 5px;
}
#debugger-log .row-key.open:before {
	content: '-';
	 font-size: 18px;
    margin-right: 5px;
}
#debugger-log .row-data {
	display: none;
    white-space: break-spaces;
  	margin: 0 5px 0px 15px;
}

#debugger-log > .log-row  > .row-data {
   margin-top: 1px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 40px;
}


#close-log {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
 }
 
 #stop-debugging-btn {
  background: red !important;
    border: red;
    color: white;
    float: right;
    display: inline-block;
    font-size: 13px !important;
    margin-top: 5px;
    padding: 9px 10px;
}

#show-log-btn {
  display: inline-block;
    padding: 5px 10px;
    float: left;
    margin-top: 5px;
}




.RTL .ui-flipswitch .ui-button.ui-flipswitch-on,
.RTL .ui-flipswitch .ui-flipswitch-off {
    float: right;
 }
 
 .RTL  .ui-flipswitch .ui-button.ui-flipswitch-on {
 	text-align: right;
 }
 
 .RTL  .ui-flipswitch.ui-flipswitch-active {
   padding-right: 4em;
    padding-left: initial;
   
}

.RTL .dropdown-container div {
    padding-right: 25px;
}

.RTL .ui-btn-icon-right:after {
    left: .5625em;
    right: initial;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.RTL .ui-input-search:after {
    right: .3125em;
}

/*********************************************
*                 Handle Focus
*********************************************/
:root {
		--focus-color: #666666; 
}
input:focus, 
button:focus, 
a:focus, 
textarea:focus, 
span:focus, 
[tabindex="0"]:focus {
	outline: none !important;
	box-shadow: 0 0 5px 2px var(--focus-color) !important;
}

/* jQuery Mobile Migration */


.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after, 
.ui-btn-icon-bottom:after, 
.ui-btn-icon-notext:after {
    content: "";
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    top: 3px;
}

.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0);
    background-position: center center;
    background-repeat: no-repeat;
    color: #e5e5e5;
}


.ui-btn-icon-notext:after,.ui-btn-icon-top:after,.ui-btn-icon-bottom:after {
    left: 50%;
    margin-left: -11px
}

.ui-page-theme-a .ui-btn,html 
.ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn,
html head+body .ui-btn.ui-btn-a,
.ui-page-theme-a .ui-btn:visited,
html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn:visited,
html body .ui-group-theme-a .ui-btn:visited,html head+body .ui-btn.ui-btn-a:visited {
    
}
.CHECKBOX .ui-input-text {
	width: auto
}
.ui-input-text {
	width:100%;
}
.ui-input-text input,.ui-input-search input,textarea.ui-input-text, input, textarea, div.read-only,
.dropdown-container {
    padding: .4em;
    line-height: 1.4em;
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}


#content *:not(.ui-icon-check)[class*="ui-icon-"] {
	background-image:none;
}




.ui-mini.ui-btn-icon-right:after,
 .ui-mini .ui-btn-icon-right:after, 
 .ui-header .ui-btn-icon-right:after, 
 .ui-footer .ui-btn-icon-right:after {
    right: .37em;
}

button.ui-btn,.ui-controlgroup-controls button.ui-btn-icon-notext {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%
}

.ui-widget-content .ui-icon, .ui-widget-header .ui-icon,
.ui-state-hover .ui-icon, 
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon, 
.ui-button:focus .ui-icon .ui-state-active .ui-icon, 
.ui-button:active .ui-icon, .ui-state-highlight .ui-icon, 
.ui-button .ui-state-highlight.ui-icon,
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon, .ui-button .ui-icon {
   background:none;
 
 }


.ui-input-search:after {
    left: .3125em;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    filter: Alpha(Opacity=50);
    opacity: .5;
}

.ui-btn {
    text-decoration: none!important
}

.ui-button, .ui-btn {
    font-size: 16px;
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ui-button { 
	margin: .5em 0;
}

.ui-btn-inline {
    display: inline-block;
    vertical-align: middle;
}

.ui-header .ui-title,.ui-footer .ui-title {
    min-height: 1.1em;
    text-align: center;
    display: block;
    margin: 0 30%;
    padding: .7em 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    outline: 0!important
}

.ui-btn-icon-notext,.ui-header button.ui-btn.ui-btn-icon-notext,.ui-footer button.ui-btn.ui-btn-icon-notext {
    padding: 0;
    width: 1.75em;
    height: 1.75em;
    text-indent: -9999px;
    white-space: nowrap!important
}



.ui-corner-all>.ui-header:first-child,.ui-corner-all>.ui-content:first-child,.ui-corner-all>.ui-footer:first-child {
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit
}

.ui-corner-all>.ui-header:last-child,.ui-corner-all>.ui-content:last-child,.ui-corner-all>.ui-footer:last-child {
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit
}


.ui-page-theme-a .ui-btn:hover,html .ui-bar-a .ui-btn:hover,html .ui-body-a .ui-btn:hover,html body .ui-group-theme-a .ui-btn:hover,html head+body .ui-btn.ui-btn-a:hover {
    background-color: #ededed;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3
}

.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head+body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited {
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
}

.ui-listview>.ui-li-static, .ui-listview>.ui-li-divider, .ui-listview>li>a.ui-btn {
    border-width: 1px 0 0;
    border-style: solid;
}

.ui-btn-icon-right:after {
    right: .5625em
}


.ui-btn-icon-notext:after,.ui-btn-icon-left:after,.ui-btn-icon-right:after {
    top: 50%;
    margin-top: -11px
}


ul li > .ui-btn-icon-left {
    padding-left: 2.5em
}

ul li > .ui-btn-icon-right {
    padding-right: 2.5em
}

.ui-btn-icon-top {
    padding-top: 2.5em
}

.ui-btn-icon-bottom {
    padding-bottom: 2.5em
}

.ui-btn-corner-all,.ui-btn.ui-corner-all,.ui-slider-track.ui-corner-all,.ui-flipswitch.ui-corner-all,.ui-li-count {
    -webkit-border-radius: .3125em;
    border-radius: .3125em
}

.ui-btn-icon-notext.ui-btn-corner-all,.ui-btn-icon-notext.ui-corner-all {
    -webkit-border-radius: 1em;
    border-radius: 1em;
}
.ui-shadow {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgba(0,0,0,.15)
}

button:focus {
  outline: none;
}

.ui-btn,label.ui-btn {
    font-weight: 700;
    border-width: 1px;
    border-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-icon {
	margin-top: -.25em !important;
}

.ui-checkboxradio-label .ui-icon.ui-checkboxradio-icon {
    border: 1px solid darkgray;
}

.ui-checkboxradio-label .ui-icon-background:not(.ui-state-checked) {
      box-shadow:none;
     background-color: #ffff !important;
     box-shadow: inset 1px 1px 1px #ccc;
     background-image: url(../jquery-ui-1.12.1/images/ui-icons_ffffff_256x240.png);
     background-position: 16px 16px;
     opacity: 1;
      
}

.ui-checkboxradio-checked .ui-icon-check.ui-state-checked {
    background-position: center center;
    background-repeat: no-repeat;
  
}

.ui-checkboxradio-label.ui-button {
		text-align:left;
		padding-left: 0;
}

td .ui-checkboxradio-label.ui-button  {
	text-align: center;
    padding: 4.5px;
    top: 3px;
    position: relative;
    margin: 0 auto;
}

td .ui-checkboxradio-label.ui-button .ui-checkboxradio-icon-space {
	padding-left:0;
}

/************************************/




/*************************************
*			User Custom CSS
*************************************/

.table-hover tbody tr:hover {
    background-color: #7796d6!important;
    cursor: pointer;
}

tr.rdoRow {
    cursor: default !important;
}

.multiple-field-container {
    display: flex;
    flex: 1 1 230px;
}

.single-field-container {
    display: flex;
    flex: 1 1 230px;
}

.multiple-field-container label {
    /*width: auto;*/
    line-height: 1.9;
}
.single-field-container label {
    width: auto;
    line-height: 1.9;
}

.SearchAssingments .single-field-container {
    display: flex;
}

.SearchAssingments .multiple-field-container {
    display: flex;
    flex-grow: 0;
}

.SearchAssingments .single-field-container label {
    min-width: 200px;
}

.SearchAssingments .multiple-field-container label {
    min-width: 200px;
}

.SearchAssingments .single-field-container input {
    min-width: 300px;
}

.SearchAssingments .multiple-field-container input {
    min-width: 300px;
}

.SearchAssingments #mainForm {
    background-color:transparent;
}

.pageTip {
    padding-left: 6px;
    font-size: 14px;   
    color: #000000;
    margin-bottom: -5px;
}

#mainForm {
    background-color:lightyellow;
}

.tdLink {
    text-decoration: underline; 
    color: blue; 
    cursor: pointer
}

#mainForm.login {
    background-color: initial;
    /*border: solid 1.5px;*/
    /*border-radius: 19px !important;*/
    /*box-shadow: 10px 10px 21px -8px rgba(0,0,0,0.52);*/
}

#LOGIN_BLOCK_TI_PASS_0_container {
    justify-content: center;
}

#LOGIN_BLOCK_TI_PASS_0_container>label {
    padding-right:10px;
    margin-top: 5px;
}

#LOGIN_BLOCK_TI_PASS_0 {
    /*margin-top: 3px !important;*/
    border-radius: 19px !important;
}

#LOGIN_BLOCK_TI_SOCSEC_0_container {
    justify-content: center;
}

#LOGIN_BLOCK_TI_SOCSEC_0_container>label {
    padding-right:10px;
    margin-top: 5px;
}

#LOGIN_BLOCK_TI_SOCSEC_0 {
    /*margin-top: 3px !important;*/
    border-radius: 19px !important;
}

.my-confirm, .my-cancel, .my-clear {
    margin: 0px 10px !important;
    cursor:pointer;
}

label.ui-checkbox-off:disabled::after{
    background: red;
}

#Back {
    background-color: #8a8a8a !important;
}

.ui-btn.ui-checkbox-off.disabled:after{
    background-color: gray;
} 

.select-arrow{
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc) !important;
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em !important;
    background-size: 5px 5px, 5px 5px, 1px 1.5em !important;
    background-repeat: no-repeat !important;
}

#OPTIONS_CB_INCLUDE_STANDBY_TYPE_0_container{
    max-width: 600px !important;
}

label[for="OPTIONS_CB_INCLUDE_STANDBY_TYPE_0"]{
   font-weight: bolder !important;
}

form.search label nobr {
    font-size: 14px !important;
}

form.search label:not([for="ReportBetweenTo"]):not([for="ClearBetweenTo"]) {
    min-width: 215px !important;    
}

#headerLogo {
    margin-left: auto;
}
#mainForm {
background:White;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #ReportBetweenTo_container, 
    #ClearBetweenTo_container {
        margin-left:129px;
        position:relative;
        top:-2px;
    }
}

#message {
    background: #ffffcc;
    padding: 10px;
    border: 1px;
    border-radius: 10px;
    border-style: solid;
    border-color:#ffff66;
    margin-bottom: 15px;
    font-weight: bold;
}

.dropdown-container, input[type="text"], textarea.ui-input-text, input[type="number"], input[type="email"], input[data-type="DATE"], input[type="password"] {
    border-color: #666666 !important;
}    

#actionButtonsRow{
  padding-top: 2px;
  position: fixed;
  bottom: 2%;
  left: 0;
  right: 0;
  background-color: aliceblue;
}

#duo-iframe {
    background-color: white;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 999999;
}