.form-header {
	font-size: 2.2rem;
	color: rgb(46,65,92);
	text-align:center;
}

/* Text 
.h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 300;}
*/

.feedback-input{
	font-size: 0.8rem;
  border-radius: 0;
  height:auto;
}

/*
.form-control-editor:not(.form-control) {
 	display: block;
  width: 100%;
  /*padding: .375rem 0;*/
  margin-bottom: 0;
  /*font-size: 1rem;*/
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  /*border-width: 1px 0;*/
  font-weight: 500;
}
*/


[data-bs-toggle="collapse"].collapsed .if-not-collapsed {
  display: none;
}
[data-bs-toggle="collapse"]:not(.collapsed) .if-collapsed {
  display: none;
}

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

.form-control.disabled {
    background-color: #e9ecef;
    opacity: 1;  
}

.form-control.textarea.disabled {
	min-height: 120px;
}

#character-count {margin-top:0px}

/*.form-check, .form-check .form-group {padding-top:0px !important;padding-bottom:0px !important;}*/
/*.form-check .help-text {margin: 0 0 5px 0;display: block}*/
.highlighted-field, #dodl-ticket.detail .highlighted-field {display:inline-block}
.form-group.error, #dodl-form .form-row.error {margin-bottom:0px}
.form-row {padding:0px}
.error-message {display:inline-block !important}
/*
#dodl-form .form-check label {padding-left:0px};
#dodl-form .form-check.form-check-label {padding: 8px 30px 5px;}
*/

#dodl-form .form-control.is-invalid, .was-validated .form-control:invalid {
	color: #dc3545;
	padding-right:0px;
	background-image:none;
}

#dodl-form .form-control.is-valid, .was-validated .form-control:valid {
	color: #28a745;
	padding-right:0px;
	background-image:none;
}

#dodl-form td.highlighted {background-color: rgb(255,211,96);font-weight: 400}
#dodl-form span.disabled-text {display:block;margin: -5px 0 5px 0; color: rgb(46,191,200); clear: both; font-weight: 400; font-size: 1.1rem;}

#dodl-form .condensed .form-group, #dodl-form .condensed .form-row {padding-top: 0.5em; padding-bottom: 0.5em;}

/*Fix heading margin*/
#dodl-form .heading, #dodl-form .heading-label, #dodl-form.summary .section-heading {display:inline-block}

#dodl-form .summary .help-text, #dodl-ticket.detail .help-text {display:none}
#dodl-form .summary p {font-weight: 400; font-size: 1.15rem; color: rgb(11,11,11);}

/* Add error styling to standard div */
/*div.error {border-left: 5px solid #b10e1e; padding-left: 40px; margin-top: 2em; margin-bottom: 2em;}*/
div.error .error {border:none;padding:0;margin:1em 0em}/*Stop nested errors double spacing*/
.error-message.error-inline {padding-top:0px}
div.error.error-inline {border-left: 3px solid #b10e1e;padding-left: 20px; margin-top: 1em;margin-bottom: 1em;font-size:1em}

#dodl-form .pattern-week .form-group {margin:0px;padding:0px;}
#dodl-form .pattern-week input.error {border-color: #b10e1e;font-weight:400;}
/*
#dodl-form .pattern-week label {font-weight:300;font-size:1em}
#dodl-form .pattern-week .help-text {margin-bottom:0.5rem;margin-top:0px;font-size:1em;font-weight:300;}
*/

#dodl-form th.thead-light {color: #495057;background-color: #e9ecef;border-color: #dee2e6;}

.summary .section-break {display:block !important;margin-bottom: 1em; margin-top: 1em; border-top: 5px solid rgb(240,240,240);}

#dodl-ticket.detail .form-group{margin-bottom:0}

/* Ticket Modal Window - Ticket Details tab */
#ticket-details-tab-content #dodl-form label, #ticket-details-tab-content #dodl-form .form-control-editor {font-size:1em;}
#ticket-details-tab-content #dodl-form .highlighted-field{font-size:1em;border-color:transparent;}
/*******/

#ticket-flow .stage .icon-background {margin-left:-7px}
#ticket-flow .stage .icon-foreground {margin-left:-2px}

#ticket-flow .stage .stage-details .stage-info .form-group,
#ticket-flow .stage .stage-details .stage-info .form-group label {margin-bottom:0px}
/*#ticket-flow .stage .stage-details .stage-info .form-group .form-control-editor {font-weight:normal;}*/

#ticketDetails .tab-pane {padding-top:1rem;}

#ticketDetails .ticket-status-open.modal-content {box-shadow: 0px 0px 5px 3px rgb(242,99,58)}
#ticketDetails .ticket-status-open #modal-title, td.ticket-status-open {color:rgb(242,99,58)}

#ticketDetails .ticket-status-closed.modal-content {box-shadow: 0px 0px 5px 3px rgb(46,191,200)}
#ticketDetails .ticket-status-closed #modal-title, td.ticket-status-closed {color:rgb(46,191,200)}

#ticketDetails .ticket-status-rejected.modal-content {box-shadow: 0px 0px 5px 3px rgb(230,24,24)}
#ticketDetails .ticket-status-rejected #modal-title, td.ticket-status-rejected {color:rgb(230,24,24)}

.tickets-container {
	position:relative;
	min-height:50px;
}

#tickets-loading {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#fff;
}

/* Tickets Table */
.table-clickable tbody tr:hover {
	cursor:pointer; 
}

/* Splash Screen */
#splash img {
	max-height: 35px;
	max-width: 100%;
}

.dodl-spinner {
	width:5rem;
	height:5rem;
	background-image: url('../images/dodl_icon.png');
  background-position: center;
  background-size: cover;
  background-origin: content-box;
  padding: 10px;
  border-width:0.5rem;
  background-repeat: no-repeat;
  -webkit-animation: spinner-border 1.0s linear infinite;
  animation: spinner-border 1.0s linear infinite;
}

.dodl-spinner-md {
	width:3rem;
	height:3rem;
	border-width:0.3rem;
	padding: 5px;
}

.dodl-spinner-sm {
	width:1.5rem;
	height:1.5rem;
	border-width:0.05rem;
	padding: 4px;
	margin-right:1rem;
}

.dodl-grow {
	background-image: url('../images/dodl_icon.png');
  background-position: center;
  background-size: cover;
  background-origin: content-box;
	-webkit-animation: spinner-grow .75s linear infinite;
  animation: spinner-grow .75s linear infinite;
}

.ui-autocomplete-sm {font-size:0.9em}

/*.ui-autocomplete-loading {*/
/*    background: white url('/ebasetest/dodl/dodl_working.gif') no-repeat right center;*/
/*    background-origin: content-box;*/
/*}*/

/* Field help text 
.help-text {
	display:inline-block;
	font-size:1rem;
	margin-top:0.5rem;
}
*/

/* Tabs */
.nav-tabs .nav-link.active {color: rgb(48,60,77);}
.nav-tabs .nav-link .badge {font-size:65%}
.nav-tabs .nav-link.active .badge {background-color: #6c757d;color:#fff}

.nav-tabs .nav-link.no-badge > span {display:none}

#dodl-form ul.sortable-list {
	min-height:50px;
}

.help-text::before {
	/*font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f128";margin-right:.5rem;color:#007bff;*/
}

/* Hack for bootstrap card-hover to work */
.card-hover:hover {
	background-color: rgb(235,235,235);
}

/* Hack for bootstrap text-deocration-none on hyperlink field */
.text-decoration-none a {
	text-decoration:none;
}

.font-weight-bold{ font-weight: bold}

/* Messages Alerts */

.alert {padding: 0.5rem}
.alert-text{margin-bottom: 0px;padding: 0;background: none;border: none;font-weight: 300;}
.alert-info-text::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f05a";margin-right:5px}
.alert-warning-text::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f06a";margin-right:5px}
.alert-error-text::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f057";margin-right:5px}

#ticketMessage .alert-dismissible { padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);}

/**** Loading ***/
.loading .modal-dialog {
  display: table;
  position: relative;
  margin: 0 auto;
  top: calc(50% - 24px);
}
  
.loading .modal-dialog .modal-content{
  background-color: transparent;
  border: none;
}

/* Images */
.img-thumbnail{background:none;border:none}

.profile {max-width: 100%;max-height: 90px;padding:0px;}

table img.profile {max-height: 50px}

.profile-container-sm{
	height:25px;
	width:28px;
	display:inline-block;
}

.dropdown-menu-md {min-width:15rem}
.display-none {display:none}

.ui-autocomplete
{
    position:absolute;
    cursor:default;
    z-index:1001 !important
}



/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  margin: 114px 0 0; /* Height of header */
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}


.selectRow table tr:hover {
    cursor: pointer;
}


.rounded-right {
   border-bottom-right-radius: var(--bs-btn-border-radius)!important;
   border-top-right-radius: var(--bs-btn-border-radius) !important;
}