/*
	For highlighting in put fields use class "hiliteinput" and optionally include a data element
	called "data-original-value" which holds the starting value.
*/


:root {
--fn-darkblue:#002060;
--fn-red: #ff0000;
--fn-green: #00cc00;
--fn-urgent:#c22202;
--fn-high:#2bde5f;
}


.priority-urgent {color:var(--fn-urgent) !important; }
.priority-high {color:var(--fn-high) !important; }

.bg-flick-blue { background-color:var(--fn-darkblue) !important; }

th,label, .nav-link {text-transform:uppercase}

.text-nochange {text-transform:none !important}


td {vertical-align:top;}
th {vertical-align:bottom;text-align:left; }

th.right {text-align:right}
td.right {text-align:right}

th.center {text-align:center}
td.center {text-align:center}
td.vcenter {vertical-align:middle}

.small-text, .smalltext {font-size:80% !important}
.vsmall-text {font-size:12px !important}

a {text-decoration:none;}
a:hover {text-decoration:underline}
a.btn {text-decoration:none;}

.cursorpointer {cursor:pointer;}

.cva {content-visibility:auto}

.pagetitle {margin-bottom:0.4em; font-size:x-large;}


thead > tr > th {font-weight:normal !important}

.table-fixed {table-layout:fixed !important}


.ucell {-moz-appearance: textfield; -webkit-appearance: none; }

td.border-end-thick, th.border-end-thick {border-right-width: 3px !important;}

.form-control, .form-select {border-color:#002060 !important}

.table-matrix > tbody > tr > td {height:50px !important}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button 
	{-webkit-appearance: none; appearance: none; margin:0; }

input[type=number]{  -moz-appearance: textfield;}

.blockthumbnail {height:50px;max-width:60px;}

/*
.no-spin::-webkit-inner-spin-button, .no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.no-spin {
    -moz-appearance:textfield !important;
}

*/

/* JQuery UI overrides (do not include main JQuery UI CSS) */
.ui-autocomplete {
    position: absolute;
    z-index: 1000;
    cursor: default;
    padding: 0;
    margin-top: 10px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    max-height:400px;
    overflow-x:hidden;
}
.ui-autocomplete > li {
  padding: 3px 6px;
}

.ui-state-hover, .ui-state-active {
    color: white;
    text-decoration: none;
    background-color: #ccc;
    border-radius: 0px;
    background-image: none;
	padding: 2px 0px;
}

.ui-helper-hidden-accessible {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
}




/* -sm- Small devices (tablets, 576px and up) */
@media (min-width: 576px) {

	.sticky-top {position: sticky !important; }



}

/* -md- Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.pagetitle {display:none}
	#banner {display:initial}
}



/* -lg- Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.desktop-only {display:initial}
	.mobile-only {display:none}



}

/* -xl- Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 



}