h5 {
   line-height: 1.4rem;
}

.page-body-wrapper {
    /*padding-top: 40px !important;*/
   /*margin-left: 256px;*/
}
/* FIXED Position Left Side Menu */
.main-panel {
   margin-left: 257px;
}
.sidebar-icon-only .main-panel {
  margin-left: 70px;
}
.sidebar {
   position: fixed;
   overflow-x: hidden; /* Disable horizontal scroll */
}
@media screen and (max-width: 991px) {
   .main-panel {
      margin-left: 0;
   }
}
/* End - FIXED Position Left Side Menu */

.text-primary {
   color: #1F3B72 !important;
}

.bg-warning {
   background-color: #ffc100;
    /*background-color: #F8981C !important;*/

}

.bg-primary,
.settings-panel .color-tiles .tiles.primary {
   background-color: #1F3B72 !important;
}

/* NavBar Styles */
/*.navbar.fixed-top {
   z-index: 1210; !*- breaks modals*!
}*/

/* Member */
.navbar .navbar-menu-wrapper {
   background: #F8981C; /* default */
}
/*.navbar.members-area .navbar-menu-wrapper {
   background: #F8981C;
}*/

/* Local Representative */
.navbar.localrep-area .navbar-menu-wrapper {
   background: #1F3B72;
}
.navbar.localrep-area .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-name,
.navbar.localrep-area .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link::after {
   color: #ccc
}

/* Instructor */
.navbar.instructor-area .navbar-menu-wrapper {
   background: #2c53a0;
}
.navbar.instructor-area .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-name,
.navbar.instructor-area .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link::after {
   color: #ccc
}

/* Director */
.navbar.director-area .navbar-menu-wrapper {
   background: #122344;
}
.navbar.director-area .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-name,
.navbar.director-area .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link::after {
   color: #ccc
}

/* Security */
.navbar.security-area .navbar-menu-wrapper {
    background: #282828;
}
.navbar.security-area .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-name,
.navbar.security-area .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link::after {
   color: #fff
}

/* Food Service */
.navbar.foodservice-area .navbar-menu-wrapper {
    background: #595959;
}
.navbar.foodservice-area .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-name,
.navbar.foodservice-area .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link::after {
   color: #fff
}

/* Spaces Admin */
.navbar.spaces-admin-area .navbar-menu-wrapper {
    background: #BF6336;
}
.navbar.spaces-admin-area .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-name,
.navbar.spaces-admin-area .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link::after {
   color: #fff
}

/* Admin */
.navbar.admin-area .navbar-menu-wrapper {
    background: #FFF !important; /*#4E4E4B;*/
    color: #9b9b9b;
}
.navbar.admin-area .navbar-menu-wrapper h1 {
   color: #1F3B72;
}
.navbar.admin-area .navbar-menu-wrapper .nav-item a.nav-link i   {
    color: #9b9b9b;
}
.navbar.admin-area .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-name,
.navbar.admin-area .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link::after {
   color: #9b9b9b;
}

/*.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-name*/

.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand img {
   max-width: 70%;
   margin-left: 40px;
   height: 50px;
   /*margin-left: auto;
   margin-right: auto;*/
}

.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .brand-logo-mini img {
   max-width: 300%;
   margin-left: -5px;
   height: 25px;
}

.nav-link .mdi  {
   color: #fff;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group {
   background: #fff;
}

.navbar .navbar-menu-wrapper .navbar-toggler {
   color: #fff;
}

.nav-search h1 {
   color: #fff;
   font-weight: bold;
   font-size: 2.25em;
   margin: 0;
}

/*.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator .count {
    left: 54%;
    top: 3px;
}*/
/*.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator i {
   color: #ededed;
}*/
.navbar.admin-area .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator i,
.navbar.prototype-area .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator {
   color: #9b9b9b;
}

.navbar.localrep-area .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link::after,
.navbar.instructor-area .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link::after,
.navbar.admin-area .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link::after {
    color: #ccc;
    /*color: #4a4a4a;*/
}
.navbar.member-area .navbar-menu-wrapper .navbar-toggler {
   color: #fff;
}
.navbar.admin-area .navbar-menu-wrapper .navbar-toggler,
.navbar.prototype-area .navbar-menu-wrapper .navbar-toggler {
   color: #9b9b9b;
}

/* SideBar */
.sidebar .nav .nav-item.active > .nav-link:not(.subnavlink) i,
.sidebar .nav .nav-item.active > .nav-link:not(.subnavlink) .menu-title,
.sidebar .nav .nav-item.active > .nav-link:not(.subnavlink) .menu-arrow {
      color: #fff;
}
.sidebar .nav .nav-item.active > .nav-link:not(.subnavlink),
.sidebar .nav:active > .nav-item:hover > .nav-link:not(.subnavlink) {
   background: #f79921;
}

.sidebar .nav.sub-menu .nav-item .nav-link.active:not(.subnavlink) {
    color: #000;
    background: #f79921;
}

.sidebar .nav:not(.sub-menu) > .nav-item.active:hover > .nav-link:not(.subnavlink) {
	background: #f79921;
}

.sidebar .nav > .nav-item:hover > .nav-link,
.sidebar .nav > .nav-item.active > .nav-link:hover {
   /*background-color: inherit;*/
	font-weight: 500;
}

/* Accordions */
.card.card-accordion {
   border: 0;
}

.accordion.accordion-solid-header .card .card-header a {
   background-color: #f3f3f3;
}
.accordion.accordion-solid-header .card .card-header a i {
   float: left;
}
.accordion.accordion-solid-header .card .card-header a span {
   padding: 0 28px;
   /*-webkit-box-decoration-break: clone;
   box-decoration-break: clone;*/
   line-height: 1.2em;
   display: block;
}

.accordion.accordion-solid-header .card .card-header a[aria-expanded="true"] {
   background-color: #1F3B72;
}
.accordion .card .card-body button.add,
.accordion .card .card-body button.edit,
.accordion .card .card-body button.update,
.accordion .card .card-body button.upload {
   font-size: 0.9rem;
}
.accordion .card .card-body button.add i,
.accordion .card .card-body button.edit i,
.accordion .card .card-body button.update i,
.accordion .card .card-body button.upload i {
   font-size: 1rem;
}

.alert i {
   float: left;
}
.alert span {
   padding: 0 28px;
   display: block;
}

.alert-dismissible .close {
    padding: 0.75rem 0;
    font-weight: bold;
}
.alert-dismissible .close i {
    margin-right: 0.5rem;
    font-size: 0.95rem;
}

div.dataTables_wrapper div.dataTables_length select {
   width: 4em;
}

div.dataTables_wrapper table{
  /*table-layout: fixed;*/
  /*word-wrap: break-word;*/
}
div.dataTables_wrapper table td.dscrpt {
   white-space: normal;
   width: 80px;
}

.accordion .card .card-header i {
   font-weight: 900;
}

.dropdown-menu .dropdown-item {
    font-size: 0.85rem;
}

/* Forms */
.form-control,
.asColorPicker-input,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.typeahead,
.tt-query,
.tt-input,
.tt-hint {
    border: 1px solid #868686; /*#f3f3f3;*/
}
.datepicker .form-control {
    border-left: 1px solid #868686 !important;
    border-top: 1px solid #868686 !important;
    border-bottom: 1px solid #868686 !important;
}

select.form-control {
   color: #333;
}

.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"], .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead, .tt-query, .tt-hint {
	color: #333;
}

/* simple layout */
@media (max-width: 576px) {
	.auth .brand-logo {
		margin-bottom: 0.6rem;	
	}
}

.auth .brand-logo img {
	 width: 70%;
	 object-fit: scale-down;
}

.auth .auth-form-light select {
   color: #333;
}

.form-control:focus,
.typeahead:focus,
.tt-query:focus,
.tt-input:focus,
.tt-hint:focus {
   border-color: #80bdff;
}

.input-group .input-group-append .btn-text {
   font-size: 1.0rem;
}
.input-group .input-group-append i {
   font-size: 0.98rem;
}

.required:after {
   content:" *";
   color: #000;
}

/* DataTables */
.dataTables_wrapper select,
.dataTables_wrapper .dataTables_filter .form-control {
    border: 1px solid #e3e3e3; /* #f3f3f3; e6e9ed */
}
.table thead th {
    font-size: 0.9rem;
}

.table.table-narrow th, .table.table-narrow th td {
   padding: 0.9rem 0.5rem;
}
.table.table-narrow td,
.table.table-narrow.dataTable td {
   padding: 0 0.5rem;
}

.dataTables_wrapper .dataTable tbody tr td {
   padding: .75rem 0.5rem;
}

.table-hover tbody tr:hover{
    color: #212529;
    background-color: rgba(104,104,104,0.15) !important; /*#eaeaf1*/
}
.table.table-narrow tbody tr:focus,
.table.table-narrow tbody tr:focus-within {
    color: #212529;
    background-color: rgba(26,95,255,0.2) !important;
}
/*.dtSelected {
    background-color: rgba(26,95,255,0.20) !important;
}*/

/* .dataTables_wrapper .dataTables_length .form-control select  */




/* BUTTONS */

/* ldc primary */
.btn-primary {
  color: #FFFFFF;
  background-color: #1F3B72;
  border-color: #1F3B72;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #FFFFFF;
  background-color: #3265C9;
  border-color: #1F3B72;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #1F3B72;
  border-color: #1F3B72;
}

.badge {
	text-transform: capitalize;
}
.btn-primary .badge {
  color: #1F3B72;
  background-color: #FFFFFF;
}

.btn-outline-primary {
  color: #1F3B72;
  border-color: #1F3B72;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #1F3B72;
  border-color: #1F3B72;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(77, 131, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #1F3B72;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #1F3B72;
  border-color: #1F3B72;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(77, 131, 255, 0.5);
}

/* progress */
.btn-progress {
  color: #FFFFFF;
  background-color: #4D83FF;
  border-color: #4D83FF;
}

.btn-progress:hover,
.btn-progress:focus,
.btn-progress:active,
.btn-progress.active,
.open .dropdown-toggle.btn-progress {
  color: #FFFFFF;
  background-color: #4D83FF;
  border-color: #4D83FF;
}

.btn-progress:active,
.btn-progress.active,
.open .dropdown-toggle.btn-progress {
  background-image: none;
}

.btn-progress.disabled,
.btn-progress[disabled],
fieldset[disabled] .btn-progress,
.btn-progress.disabled:hover,
.btn-progress[disabled]:hover,
fieldset[disabled] .btn-progress:hover,
.btn-progress.disabled:focus,
.btn-progress[disabled]:focus,
fieldset[disabled] .btn-progress:focus,
.btn-progress.disabled:active,
.btn-progress[disabled]:active,
fieldset[disabled] .btn-progress:active,
.btn-progress.disabled.active,
.btn-progress[disabled].active,
fieldset[disabled] .btn-progress.active {
  background-color: #4D83FF;
  border-color: #4D83FF;
}

.btn-progress .badge {
  color: #4D83FF;
  background-color: #FFFFFF;
}

.badge-progress {
  color: #fff;
  background-color: #4D83FF;
}

/* *********************** */
/* ******* CUSTOM ******** */
/* *********************** */

.dataTable .reg-buttons-lg,
.dataTable .reg-buttons-lg a {
   display: inline-block;
}
.dataTable .reg-buttons-sm {
   display: none;
}
.dataTable.collapsed .reg-buttons-lg {
   display: none;
}
.dataTable.collapsed .reg-buttons-sm,
.dataTable.collapsed .reg-buttons-sm a {
   display: inline-block;
}

/* phone formatting */
.phone-nowrap {
	white-space: nowrap;
}

/* BS4 Media Queries */

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

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
   .accordion .card .card-header * {
      font-size: 1.2rem;
   }
}

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

}

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

}

/* Only for small screens */
@media only screen and (max-width: 575px) {
  .card.card-accordion {
    border: 0;
  }
  .card.card-accordion .card-body {
    padding-left: 0;
    padding-right: 0;
  }

  .card.card-datatable {
    border: 0;
  }
  .card.card-datatable .card-body {
    padding-left: 0;
    padding-right: 0;
  }

  .card .card-body {
      padding: .5rem .5rem;
  }

}

/* Left side menu */
.menu-icon-right {
    position: absolute;
    right: 10px;
}

.submenuWrap {
   background-color: #f5f5f5;
}

.submenuWrap li {
   border-bottom: 1px solid #e5e5e5;
}



/* datelist */
.cellList .cellListItem {
   display: block;
   margin-bottom: 5px;
	white-space: nowrap;
}


.sidebar .nav.sub-menu {
	list-style: none !important;
	padding-left: 15px;
}
.sidebar .nav.sub-menu .nav-item::before {
	content: none; /* force hand draswn bullets off */
}

.sidebar .nav .nav-item .nav-link {
	padding: 0.75rem 1.25rem 0.75rem 1.25rem;
}

/* Search Builder */
.dtsb-searchBuilder .dtsb-criteria .form-control {
	height: auto;
	font-size: .875rem;
}

div.dtsb-searchBuilder button.dtsb-button,
div.dtsb-searchBuilder select,
div.dtsb-searchBuilder .dtsb-clearAll {
    font-size: .875rem;
}

.dtsb-logic, .dtsb-clearGroup {
	padding: 0.5rem 0.75rem;
}

div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title,
div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll,
div.dtsb-searchBuilder div.dtsb-titleRow {
	display:none;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-logic {
	border-right: 1px solid #ccc;
}

.dtsb-logicContainer {
	border: 1px solid #ccc;
}


/* Active/Inactive check icon */
i.la-check-circle.active,
i.la-check.active {
	font-weight:bold;
	color:darkgreen;
}
i.la-check.inactive,
i.la-times.inactive {
	font-weight:bold;
	color:lightgrey;
}


/* datatable columns */

.dataTables_wrapper .dataTable tbody tr td:not(.text-nowrap) {
	white-space: normal !important;
	word-wrap: break-word;
}

/* fix position of up/down sort arrow */
.dataTables_wrapper .dataTable thead .sorting:before,
.dataTables_wrapper .dataTable thead .sorting_asc:before,
.dataTables_wrapper .dataTable thead .sorting_desc:before,
.dataTables_wrapper .dataTable thead .sorting_asc_disabled:before,
.dataTables_wrapper .dataTable thead .sorting_desc_disabled:before {
    right: 1.4em;
}

.dataTables_wrapper .dataTable thead .sorting:after,
.dataTables_wrapper .dataTable thead .sorting_asc:after,
.dataTables_wrapper .dataTable thead .sorting_desc:after,
.dataTables_wrapper .dataTable thead .sorting_asc_disabled:after,
.dataTables_wrapper .dataTable thead .sorting_desc_disabled:after {
	right: 1em;
}

.dataTables_wrapper .dataTable thead th {
	white-space: normal;
}

/* advanced search */
.dataTables_filter a.advSearchLink {
	font-size: 0.875rem;
	margin-right: 1em;
}

/* instructor page - TODO: move to /custom/instructor.css */
#instructor-todo .item {
   width: 33%;
   cursor: pointer;
}

#instructor-todo .item:hover {
   background-color: #f8f8f8;
}

#instructor-todo .item.pastdue a,
#instructor-todo .item.pastdue i {
   color: darkred;
}

.class-date-square {
   width: 40px;
   height: 40px;
   background-color: #007bff;
   color: #fff;
   position: relative;
   margin: 0 1em 1em 0;
   font-size: .75em;
   /*border: 1px solid #1F3B72;*/
}

.class-date-square .date-inside {
   position: absolute;
   transform: translate(-50%,-50%);
   left: 50%;
   top: 50%;
   text-align: center;
}

/* class attendance modal */
#class-attendance-modal .className, #instructor-attendance-history-modal .className,
#class-attendance-modal .classDate, #instructor-attendance-history-modal .classDate,
#class-attendance-modal .classTime {
   font-weight: 500;
}

/* modal padding */
.modal .modal-dialog .modal-content .modal-body {
    padding: 1rem;
}
.modal .modal-dialog {
    margin-top: 30px;
}
.modal .form-group label {
   font-size: 1rem;
   font-weight: 500;
}

.modal-lg {
   max-width: 60%;
}

.modal .modal-dialog .modaldata-membername,
.modal .modal-dialog .modaldata-certname {
   font-weight: bold;
}

/* typeahead input overrides */
.input-group > .twitter-typeahead {
   flex: 1 1 auto;
   width: auto;
}
.twitter-typeahead .empty-message {
   padding: 0.75rem;
}

.modal .modal-dialog .modal-content .modal-header,
.modal .modal-dialog .modal-content .modal-footer {
   padding: 1rem 1rem;
}

/* Bootstrap forms */
.form-group {
   margin-bottom: 1rem;
}
.form-group label {
   margin-bottom: 0;
}
.form-check {
   padding-left: 1.25rem;
}
.form-check .form-check-label {
   margin-left: 0;
}
.form-check .form-check-label input {
   opacity: none;
}
.col-form-label {
   padding-top: 0;
   padding-bottom: 0;
}

.input-group-append .input-group-text,
.input-group-prepend .input-group-text {
	/* border-color: #f3f3f3; */
   padding: 0.875rem 0.75rem;
   color: #000000;
   border: 1px solid #868686;
}

select.form-control {
	border: 1px solid #868686;
}

.input-sm {
	width: 100px !important;
}

.input-md {
	width: 200px !important;
}

.form-text {
    font-size: 0.85em;
}


/* Navigation Tabs */
.nav-tabs {
   border: none;
}
.nav-tabs .nav-item .nav-link.active {
   border-bottom: 3px solid #f79921;
   color: #f79921;
   font-weight: bold;
}


/* Bootbox & bootstrap modal */
.modal, .bootbox .modal {
	background-color: rgba(0,0,0,0.2);
}

.bootbox.modal {
	z-index: 9999 !important;
}

/* Replacement Fields Dropdown */
.replacement-fields-ul {
	margin-top: 0 !important;
	border: 1px solid #868686 !important;
	width: 250px; 
	height: 200px; 
	overflow: auto;
}

/* File Upload and Import Process */
#importUploadStatus {
   height: 80px;
   overflow: hidden;
   font-size: 0.9rem;
}

/* import file-upload style */
/*#upload-import-file-info {
	display: none;
}*/
/*.custom-file-input ~ .custom-file-label::after {
    content: "Choose File...";
}*/
/*#upload-import-file-info {
	margin-right: 5px;
	width: 350px;
}*/


.thin-scroll {
   max-height: 400px;
   overflow-y: auto;
}

.thin-scroll::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

.thin-scroll::-webkit-scrollbar
{
   width: 6px;
   background-color: #F5F5F5;
   margin-left: 5px;
}

.thin-scroll::-webkit-scrollbar-thumb
{
   background-color: #555;
   margin-left: 5px;
}


/* upcoming sessions custom css */
#upcoming-class-sessions .item {
   width: 33%;
   cursor: pointer;
}
#upcoming-class-sessions .item:hover {
   background-color: #f3f3f3;
}
#upcoming-class-sessions .item a:link,
#upcoming-class-sessions .item a:visited,
#upcoming-class-sessions .item a:hover,
#upcoming-class-sessions .item a:active {
   text-decoration: none;
}

#upcoming-class-sessions > div {
   max-width: 50%;
}

/* image grid */
.image-grid-container { 
	display: grid; 
	/* For 2 columns */ 
	grid-template-columns: auto auto; 
} 

/*#user_account_settings_dialog .form-text {
    font-size: 0.85em;
}*/



.badge-pill {
   cursor: default;
}

.profile-image {
   width: 80px;
   border-radius: 50%;
}


#admin-link-bar .item {
    min-width: 185px;
}

#uploadImage .imgTypeText {
   text-transform: capitalize;
}


.upload-image-wrap .dropdown-menu {
	width: 740px;
}

.upload-image-wrap .dropdown-inner {
   overflow-x: auto;
}

.upload-image-wrap .dropdown-item {
	width: auto;
	padding: .25rem .25rem;
}

.upload-image-wrap .dropdown-item img {
	height: 100px;
	display: inline-block;
}

.DropdownImageCls img.dropdownMenuImage {
    height: 100px;
}
.upload-image-wrap .dropdown-inner.view-and-delete img {
   opacity: .85;
}
.upload-image-wrap .dropdown-inner.view-and-delete img:hover {
   opacity: 1;
}

.actionLegend {
   font-size:10px;
   font-weight: normal;
   margin-top:4px;
}

.ldc-todo {
   background-color: rgba(255,255,0,.3);
   color: #000;
}

@media (max-width: 400px) {
   .modal .modal-dialog .modal-content .modal-footer > :not(:last-child) {
      margin: 0.25rem;
   }

   .modal .modal-dialog .modal-content .modal-footer {
      flex-direction: row;
   }

   .accordion.accordion-solid-header .card .card-body {
       padding: .5rem;
   }
}

@media (max-width: 576px) {
   /* pagination controls */
   li.paginate_button.page-item:nth-child(5),
   li.paginate_button.page-item:nth-child(6) {
      display: none;
   }

   .content-wrapper {
      padding: .5rem .5rem;
   }

   .modal-lg {
      max-width: 95%;
   }
   .modal .modal-dialog .modal-content .modal-body {
       padding: .5rem;
   }
   .tab-content {
      padding: .5rem .5rem;
   }
}

.goog-te-banner-frame{
   display:none !important;
}
body.sidebar-icon-only .nav-gtranslate {
   display: none;
}
body {
   top: 0 !important;   /* hack: when choosing a language from google translate, top gets set to 40px */
}

#gtranslate {
   padding: 0.75rem 1.25rem 0.75rem 1.25rem;
}
/*eliminates the Google Link after box*/
.goog-logo-link{ display: none; }

/*change the text to background color*/
.goog-te-gadget {visibility: hidden;}
.goog-te-gadget > div {
    white-space: nowrap;
    overflow: hidden;
    display: unset;
    visibility: hidden;
}

/*resize the box*/
.goog-te-combo	{
   visibility: visible !important;
   /* font-size: 10px !important;*/
   /*width: 130px !important;*/
}

.upload-image-wrap .dropdown-menu {
   max-width: 55vw;  /* modal-lg is 60vw, so make this a bit smaller */
   overflow: auto;
}
.upload-image-wrap .dropdown-menu a.dropdown-item img {
   max-width: 300px;
}

.textImgOpt {
   height: 100%;
   vertical-align: middle;
   padding-top: 50%;
   width: 75px;
   text-align: center;
}



/* BS 4.5 media queries breakpoints */

/* Extra small devices (portrait phones, less than 576px)
   No media query since this is the default in Bootstrap */

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

}

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

}

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

}

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

}

/* Define the class for higher z-index */
.second-level-modal {
    z-index: 1051 !important;
}

.third-level-modal {
    z-index: 1052 !important;
}

.lookupProfile .matched {
   color: green;
   /*font-weight: bold;*/
}
.lookupProfile .not-matched {
   color: red;
   /* font-weight: bold;*/
}

.titleCase {
    text-transform: capitalize;
}

.scrollableBorderedContainer {
   border: 1px solid #868686;
   border-radius: 2px;
   max-height: 200px;
   min-height: 100px;
   overflow-y: auto;
   padding-right: 10px;
}

/* Date time picker style overrides */
.table-condensed {
   background-color: #f0f0f0;
}

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.datepicker-switch,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.datepicker-switch {
  background: #d9d9d9;
}

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.prev {
  background: #d9d9d9;
}

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.next,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.next {
   background: #d9d9d9;
}