body {
	font-size: .75em;
}



@media (max-width: 1580px) {
	.nav-item.nav-menu-item {
		padding-right: 18px !important;
	}

	.toolbar-item.mx-2 {
		margin-right: 2px !important;
	}

	ul.nav.justify-content-between {
		justify-content: start !important;
	}

	.nav-link.toolbar-item {
		padding-right: 2px !important;
		padding-left: 2px !important;
	}

	#ctrl_click_message {
		left: 52% !important;
	}
	
	.cd_panel {
		height:450px !important;
		overflow-y: scroll !important;
	}
}

@media (max-width: 1350px) {
	.nav-item.nav-menu-item {
		padding-right: 15px !important;
	}

	.navbar .navbar-nav .nav-item .nav-link.nav-link {
		font-size: 1rem !important;
	}
}

@media (max-width: 1200px) {
	.nav-item.nav-menu-item {
		padding-right: 5px !important;
	}

	.navbar .navbar-nav .nav-item .nav-link.nav-link {
		font-size: 0.90rem !important;
	}
}

@media (max-width: 1130px) {
	.nav-item.nav-menu-item {
		padding-right: 5px !important;
	}

	.navbar .navbar-nav .nav-item .nav-link.nav-link {
		font-size: 0.85rem !important;
	}
}

.h7 {
	font-size: 0.75rem;
}

.h8 {
	font-size: 0.6rem;
}

@font-face {
  font-family: 'AvenirNext-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../font/AvenirNext-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Montreal Light';
    src: url('../font/montrealts-light-webfont.woff') format('woff');
    font-weight: lighter;
    font-style: normal;

}

@font-face {
    font-family: 'Montreal Bold';
    src: url('../font/montrealts-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Montreal Regular';
    src: url('../font/montrealts-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Requiem Roman';
    src: url('../font/requiemdisplay-htf-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Requiem Italic';
    src: url('../font/requiemdisplay-htf-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Requiem Smallcaps';
    src: url('../font/requiemdisplay-htf-smallcaps-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Anton';
    src: url('../font/Anton-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Caveat';
    src: url('../font/Caveat-VariableFont_wght.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Changa Regular';
    src: url('../font/ChangaOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Changa Italic';
    src: url('../font/ChangaOne-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Creepster';
    src: url('../font/Creepster-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dela Gothic';
    src: url('../font/DelaGothicOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Great Vibes';
    src: url('../font/GreatVibes-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Hurricane';
    src: url('../font/Hurricane-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Libre Baskerville Regular';
    src: url('../font/LibreBaskerville-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Libre Baskerville Bold';
    src: url('../font/LibreBaskerville-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Libre Baskerville Italic';
    src: url('../font/LibreBaskerville-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lobster';
    src: url('../font/Lobster-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lora Italic';
    src: url('../font/Lora-Italic-VariableFont_wght.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lora Regular';
    src: url('../font/Lora-VariableFont_wght.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Italic';
    src: url('../font/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Regular';
    src: url('../font/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../font/NotoSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pacifico';
    src: url('../font/Pacifico-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins Bold';
    src: url('../font/Poppins-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins Italic';
    src: url('../font/Poppins-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins Regular';
    src: url('../font/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../font/Quicksand.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed Bold';
    src: url('../font/RobotoCondensed-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed Italic';
    src: url('../font/RobotoCondensed-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed Regular';
    src: url('../font/RobotoCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Titan One Regular';
    src: url('../font/TitanOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ultra';
    src: url('../font/Ultra-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.modal-backdrop {
	height: 100%;
	width: 100%;
}

.modal-header {
    padding: 0.25rem 1rem 0.25rem 1rem;
}

.modal-footer {
	padding: 0;
	border-top: none;
}

.btn-xs {
    width: 28px;
    height: 28px;
}
.btn-xs .fas{
    font-size: 12px;
    line-height: 28px;
}

.md-pills li {
    padding: .6rem .2rem .6rem .2rem;
}


/* Nav Bar Dropdown text (Jens) */

.nav-disabled {
    cursor: default !important;
}

.dropdown .dropdown-menu .dropdown-item,
.dropup .dropdown-menu .dropdown-item,
.dropleft .dropdown-menu .dropdown-item,
.dropright .dropdown-menu .dropdown-item {
    padding: .5rem;
    margin-left: 0;
    font-size: .75rem;
}

.red-text {
    color: rgb(237, 28, 36) !important;
}


.mb-1, .my-1 {
    margin-bottom: .0rem!important;
}

.dropdown-top {
    position: relative;
    font-size: 14px;
}

.navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 0px;
	position: absolute;
	left: 0px;
}

#carousel-latest {
	height: 230px;
	overflow: hidden;
}

#select-options-weekdays {
	width: 100% !important;
	left: 0px !important;
}

div.picker.datepicker .picker__box div.picker__footer button {
    min-width: 75px !important;
}

.clockpicker_container.clockpicker .picker__box .picker__footer .clockpicker-button {
	min-width: 75px !important;
}

.container {
    max-width: 99% !important;
	padding-right: 0px !important;
	margin-left: 0px !important;
}

@media (min-width: 992px){
.col-lg-4 {
    flex: 0 0 24.333333%;
    max-width: 33.333333%;
}}

.blue-text {
    color: rgb(68, 114, 196) !important;
}

.blue-active {
	color:#000000 !important;
}

.dropdown {
    margin-left: 0px !important;
}

.list-group li{
  border: 0 none;
  padding:0;
  padding-left:1rem;
  padding-right:1rem !important;
}

.list-group-subitem {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
 	padding-left:1.5rem !important;
}

.list-group-item.active{
	background-color:#ececec;
	border-color:#ececec;
}

.list-group-item a:hover{
	color:#212529!important;
	background-color: transparent !important;
	text-decoration:none !important;
}

.template-category {
	font-size: 12px !important;
}

.note-success {
    font-size: 14px !important;
}

.card-body {
    font-size: 14px !important;
	color: #747373 !important;
	padding:1rem;
}

@media (min-width: 1200px){
.double-card .align-items-stretch:first-child{
	padding-right:0px;
}}

/* Used for tabs (Jens) */

.nav-tabs {
    margin-top: 10px;
    margin-left: 14px;
	margin-right: 14px;
	font-size: 1rem;
}

select {
    /*border-radius: 1rem!important;*/
}

i.blue-text {
    margin-right: 5px;
}

.search-sm{
	margin-right: 5px;
}

.square-top{
	border-radius:0px 0px 4px 4px !important;
}

#menu-search{
	padding-top:0.6vh !important;
	padding-bottom:0 !important;
	width:20vh;
}

.full-scroll{
	height:76vh;
	overflow-y:auto;
}

.nopad{
	margin-left:0px !important;
	margin-right:0px !important;
}

.align-items-top{
	vertical-align: text-top !important;
}

.table-body-border tbody{
	border-bottom:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
}

.table-light-body-border tbody{
	border-bottom:2px solid #dee2e6;
	border-top:2px solid #dee2e6;
}

.info{
	font-size:0.9rem;
}

.black-bottom-border{
	border-bottom:1px solid #000000 !important;
}

.black-bottom-border:focus:not([readonly]) {
	border-bottom: 1px solid #000000 !important;
	box-shadow: 0 1px 0 0 #696969 !important; 
}

#configurations_table thead {    
    visibility: collapse !important;   
}

label.col-form-label{
	color:#858585;
}

.faded-text{
	color:#858585;
}

/* Information Area Text */

.section-text {
	color: darkgray;
	font-size: small;
	font-weight: bold;
	line-height: 2rem;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{
	top:0.4em;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before{
	top:0.4em;
}

/* Child tables (Jens) */

table th {
    font-size: .75rem;
    font-weight: 400
}

table td {
    font-size: .75rem;
    font-weight: 300
}

.home-td{
	white-space: normal !important;
	word-wrap: break-word;
	font-family: "Montserrat Medium", sans-serif;
}
.home-table{
	table-layout: fixed;
}

.card_clickable_row:hover, .clickable_row:hover, #simple-table .data-row:hover {
	cursor: pointer;
}

.card_non_clickable_row:hover {
	cursor: default;
}

.mdb-skin .card-text-to-do-card.card_clickable_row, .mt-new .card-text-to-do-card.card_clickable_row, .white-skin .card-text-to-do-card.card_clickable_row {
	padding: 5px !important;
	margin: 5px;
}

.more-rounded {
	border-radius: 1rem !important;
}

.underlineHover:hover {
	text-decoration: underline;
	cursor: pointer;
}

.reportAccordion .card {
	border-bottom: none !important;
}

/* -------------------- */

.btn-sm-grouped{
    padding: .32rem 0.7rem;
}

.clear-filter i{
	font-size:0.9rem;
}

.cursor-pointer{
	cursor: pointer;
}

.blue-text-padded{
	color: #4472c4 !important;
	padding-bottom:2px;
	margin-right:0;
}

.hover-blue:hover{
	color: #0056b3;
	text-decoration: underline;
}

div.dataTables_paginate ul.pagination{
	justify-content:center !important;
	font-size: .75rem;
}

div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label{
	margin:0!important;
	padding:0!important;
}

div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate{
	padding:0!important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination{
	margin:0!important;
}

div.dataTables_paginate ul.pagination{
	margin:0!important;
}

.table-bold-headers thead th{
	font-weight:bold;
}

.table-grey-headers thead th{
	color:#858585;
}

.inner-paginate-row{
	font-size:0.75rem;
}

.outer-paginate-row-bg{
	background-color:#ffffff52;
	max-width:100%!important;
	padding:0 !important;
	min-height:39px;
}

.outer-paginate-row select, .outer-paginate-row input{
	width:auto;
}

.dataTables_length label{
	margin:0!important;
}

.table-container{
	overflow-x:hidden;
	padding-bottom:15px;
}
/*
.table-container-row{
	width:unset!important;
}
*/
#simple-table_wrapper{
	margin-bottom:1.5rem;
}

#simple-table tr{
	cursor:pointer;
}

.ajax-modal input{
	cursor:pointer;
}

.inner-paginate-row .page-link:focus, .outer-paginate-row .page-link:focus{
	background-color:inherit !important;
}

.pagination .active .page-link:hover{
	color:#FFF !important;
}

.modal-multi-select .multiple-select-dropdown{
	width:150% !important;
	font-size: .75rem;
}

#modal_table tbody .select-wrapper input.select-dropdown{
	margin: 0 !important;
}

#modal_table tbody .form-check{
	padding-left:0 !important;
	display:flex !important;
	justify-content:center;
}

#modal_table tbody td{
	vertical-align:middle;
}

#modal_table tbody td .picker{
	font-size:0.9rem !important;
	position:relative !important;
}

.capitalize{
	text-transform:capitalize;
}

.small-text{
	font-size:0.8rem;
}

.long-button{
	width:7vh;
	font-size:1.2rem !important;
	padding-top:0.1rem !important;
	padding-bottom:0.1rem !important;
}

.btn-long{
	font-size:.75rem !important;
	padding-left:2rem !important;
	padding-right:2rem !important;
}

#dynamic_playlist_wizard .inserted_tpl p, #dynamic_playlist_wizard .inserted_tpl .info{
	display:none;
}

#dynamic_playlist_wizard li a{
	padding:0rem !important;
}

.faded{
	opacity:0.5;
}

.cursor-pointer{
	cursor:pointer;
}

.table-view-toggle{
	font-size:1.9rem;
	cursor:pointer;
}

table.table-tile-view{
	background-color:transparent;
}

table.table-tile-view tbody tr{
	display:flex;
	flex-direction:column;
	margin:10px;
	border:1px solid #d9d9d9;;
	box-shadow:5px 5px 5px rgba(0,0,0,0.25);
	background-color:white;
}

table.table-tile-view.table-borderless-tile tbody tr{
	display:flex;
	flex-direction:column;
	margin:10px;
	background-color:white;
}

table.table-tile-view tbody{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	/* justify-content:center; */
}

table.table-tile-view tbody td{
	display:block;
	width:260px;
	overflow:hidden;
	text-align:center;
	padding-top:0rem;
	padding-bottom:0rem;
	/* padding-left: 0rem;
	padding-right: 0rem; */
}

table.table-tile-view.table-borderless-tile tbody td{
	display:block;
	width:225px;
	max-height:127px;
	overflow:hidden;
	text-align:center;
	padding:0;
	margin:0;
}

table.table-tile-view.table-borderless-tile tbody td.name-row{
	margin-top: 3px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:rgba(0,0,0,0.5);
	height:20px;
	color:#FFF;
	font-size:0.65rem;
}

table.table-tile-view .loading-spinner{
	background-color:rgba(0,0,0,0) !important;
	border:none !important;
	box-shadow:none !important;
}

table.table-tile-view.table-borderless-tile .form-check-input[type="checkbox"].filled-in:not(:checked)+label:after, table.table-tile-view.table-borderless-tile label.btn input[type="checkbox"].filled-in:not(:checked)+label:after{
	background-color: #FFF !important;
	border-radius:10px;
}

table.table-tile-view.table-borderless-tile .form-check-input[type="checkbox"].filled-in:checked+label:after, table.table-tile-view.table-borderless-tile label.btn input[type="checkbox"].filled-in:checked+label:after{
	border-radius:10px;
}

#players_table.table-tile-view .form-check-input[type="checkbox"].filled-in:not(:checked)+label:after, #players_table.table-tile-view label.btn input[type="checkbox"].filled-in:not(:checked)+label:after{
	border-radius:10px;
}

#players_table.table-tile-view .form-check-input[type="checkbox"].filled-in:checked+label:after, #players_table.table-tile-view label.btn input[type="checkbox"].filled-in:checked+label:after{
	border-radius:10px;
}


#playlists_table.table-tile-view .form-check-input[type="checkbox"].filled-in:not(:checked)+label:after, #playlists_table.table-tile-view label.btn input[type="checkbox"].filled-in:not(:checked)+label:after{
	border-radius:10px;
}

#playlists_table.table-tile-view .form-check-input[type="checkbox"].filled-in:checked+label:after, #playlists_table.table-tile-view label.btn input[type="checkbox"].filled-in:checked+label:after{
	border-radius:10px;
}

table.table-tile-view.table-borderless-tile tbody td.check-row{
	position:absolute;
	padding-top:5px;
	padding-right:5px;
	z-index: 10;
}

table.table-tile-view.table-borderless-tile tbody td.check-row .tile-check{
	justify-content:flex-start;
	margin-right:-10px;
	margin-top:2px;
	padding-left: 4px !important;
}

table.table-tile-view tbody .player-tile-check{
	position:absolute;
	margin-left:210px;
	margin-top:10px;
}

table.table-tile-view tbody .player-tile-view{
	font-size: .8rem;
	margin-right:auto!important;
	align-items:center;
}

table.table-tile-view tbody .player-tile-view .mr-auto{
	margin-right:unset!important;
}

table.table-tile-view tbody .player-tile-view .ml-auto{
	margin-left:unset!important;
}

table.table-tile-view.table-borderless-tile tbody td.name-row i{
	font-size:0.7rem !important;
}

table.table-tile-view.table-borderless-tile tbody td.name-row i.type-image{
	font-size:1rem !important;
}

table.table-tile-view thead{
	display:none;
}

.transparent-card{
	background:transparent;
	box-shadow:none;
}

table.table-tile-view tbody .tile-hide{
	display:none;
}

table.table-tile-view tbody .list-buttons{
	display:none;
}

table.table-list-view tbody .list-buttons{
	display:flex;
}

table.table-tile-view tbody span.tile-show{
	display:inline;
}

table.table-list-view tbody span.tile-show, table.table-list-view tbody div.tile-show{
	display:none;	
	font-size: .75rem !important;
}

table.table-tile-view tbody div.tile-show{
	display:flex;
	flex-direction:column;
	font-size: .65rem !important;
}

table.table-tile-view tbody div.tile-buttons{
	justify-content:center;
	padding-top:1.2rem;
	padding-bottom:1rem;
}

table.table-tile-view tbody tr td:last-child{
	position:relative;
	height:77px;
}

table.table-tile-view.table-borderless-tile tbody tr td:last-child{
	position:relative;
	height:inherit;
}

table.table-tile-view tbody div.player-tile-buttons{
	position:absolute;
	right:0;
	left:0;
	margin:auto;
	bottom:0;
	background-color:gainsboro;
}

table.table-tile-view tbody .tile-view-thumbnail{
	background-color:#5f5f5f;
	height:15vh;
	width:100%;
	align-items:flex-end;
}

table.table-list-view tbody .tile-view-thumbnail{
	display:none;
}

table.table-list-view tbody .tile-view-thumbnail-img{
	display:none;
}

table.table-tile-view tbody .tile-view-thumbnail-img{
	height:inherit;
	margin: 0 auto;
}

table.table-tile-view tbody .tile-view-thumbnail-img.tile-lg-wide img{
	height:inherit;
	width:100%;
}

table.table-tile-view tbody .tile-view-thumbnail-img.tile-lg-multi img{
	height:inherit;
	width:100%;
}

table.table-tile-view tbody .tile-view-thumbnail-img.tile-lg-vertical img{
	height:140px;
	width:80px;
}

table.table-tile-view tbody .tile-sm-standard{
	display:flex;
	justify-content:center;
	align-items:center;
}

table.table-tile-view tbody .tile-sm-vertical{
	display:flex;
	flex-direction:row !important;
	justify-content:center;
	align-items:center;
}

table.table-tile-view tbody .tile-sm-standard img{
	height:127px;
	width:172px;
}

table.table-tile-view tbody .tile-sm-vertical img{
	height:127px;
	/*width:72px;*/
}

table.table-tile-view tbody .tile-view-thumbnail-img.tile-lg-standard img{
	height:inherit;
	width:100%;
}

.transparent-row{
	display:flex;
	flex-direction:row !important;
	width:100%;
	padding-left:5px;
	padding-right:5px;
}

table.table-tile-view tbody .tile-view-title{
	padding-top:1rem;
	padding-bottom:0.3rem;
}

table.table-list-view tbody .tile-view-icon{
	display:none;
}

table.table-tile-view tbody .tile-view-icon{
	margin:auto;
	margin-top:-1.6rem;
}

table.table-tile-view tbody td:nth-child(1){
	padding:0;
}

/* Action Buttons */

.btn-xs-sm{
	padding:0rem;
	margin:0rem;
    width: 1.8rem;
    height: 1.8rem; 
	display:flex;
	justify-content:center;
	align-items:center;
	vertical-align: middle;
}

table.table th,
table.table td {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.table td{
	padding-top: .2rem;
	padding-bottom: .2rem;
	vertical-align:middle;
}

a.text-white:hover{
	color:#FFFFFF !important;
}

body.modal-open{
	overflow-x:hidden !important;
}

.black-link{
	text-decoration:underline !important;
	font-weight:bold;
}

.white-link{
	color:#FFF !important;
}

.no-hover:hover{
	color:#FFF !important;
}

a.underline{
	text-decoration:underline !important;
}

table:not(.table-tile-view) tbody tr:hover  {
	/*background:#eaeaea;
	font-weight:500;*/
}

.flex_row{
	display:flex;
	flex-direction:row;
	height:35px;
}

.flex_row_short{
	display:flex;
	flex-direction:row;
	height:30px;
}

.flex{
	display:flex;
	flex-direction:column;
}

.flex_row_divider{
	display:flex;
	flex-direction:row;
	margin-bottom:15px;
	margin-top:15px;
	height:0px;
}

.blue_highlight{
	background-color:rgb(222,235,247);
}

.divider_line{
	border-bottom:3px solid rgb(133,133,133);
	margin-right:15px;
	margin-left:15px;
	width:100%;
}

.whitebg{
	background-color:#FFFFFF;
}

.redbg{
	background-color:rgb(242,242,242);
}

.justify-content-flex-end{
	justify-content:flex-end;
}

.info-xs{
	font-size:0.8rem;
}

.col-form-label-bold{
	font-weight:bold;
}

.wrap-link{
	white-space: pre-wrap; /* CSS3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* Tables in left panel detail views (Jens) */

table.table-view-info tr td:first-child{
	color:#858585;
	font-weight:400;
}

table.table-view-info th, table.table-view-info td{
	padding-top: .4rem;
	padding-bottom: .4rem;
	font-size: .75rem;
}

.chevron{
	font-size:1.5rem;
	cursor:pointer;
	padding-top:2px;
}

.hidden{
	display:none !important;
}

table.table-vertical-align-middle th, table.table-vertical-align-middle td{
	vertical-align:middle;
}

table.dataTable thead .hide-sort:before, table.dataTable thead .hide-sort:after{
	display:none;
}

/* Paging line (Jens) */

.table-top-items{
	font-size:0.75rem;
	background-color:#DBDBDB;
	height:5vh;
	padding:0.75rem;
}

.table-top-items-less-pad{
	font-size:0.75rem;
	background-color:#DBDBDB;
	height:5vh;
	padding-left:0.3rem;
	padding-right:0.3rem;
}

.table-top-items-sm{
	font-size:0.75rem;
	background-color:#DBDBDB;
	height:4vh;
	padding-left:0.3rem;
	padding-right:0.3rem;
}

.table-top-items-first{
	text-align:right;
}

.table-top-items-second{
	width:10%;
	text-align:right;
}

.table-med-padding td, .table-med-padding th{
	padding-left:0.75rem;
	padding-right:0.75rem;
}

.table-dt-filter-width{
	width:159px;
}

.toast-container{
	position: fixed;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	z-index: 5000;
}

.small-wide{
	width:150px;
	height:84px;
}

.small-standard{
	width:100px;
	height:75px;
}

.small-vertical{
	height:150px;
	width:84px;
}

.small-multi{
	width:150px;
	height:84px;
}

.fl_menu{
    position:absolute; 
    top:45%; 
    right:0px; 
    z-index:50; 
    height:100px;
}

.multi-actions-container #fl_menu{
	width:402px;
	height:100px;
}

.right-sticky-popout{
	position:fixed !important;
	bottom:0 !important;
	top:auto !important;
	right:0;
	height:76%;
	width:35%;
	background:#FFFFFF;
	border:1px solid #858585;
	z-index:3;
}

.left-sticky-popout{
	position:fixed !important;
	top:auto !important;
	bottom:0 !important;
	right:0;
	left:0;
	width:22%;
	background:#FFFFFF;
	border:1px solid #858585;
	z-index:3;
}

.left-sticky{
	position:fixed;
	bottom:0;
	left:0;
	z-index:3;
}

.row-less{
	margin-left:-10px !important;
	margin-right:-10px !important;
}

.blue-line{
	border-bottom:1px solid #4a78c7;
	margin-top:15px;
	margin-bottom:12px;
}

.resize-grip{
	width: 10px;
    height: 35px;
    background-color: #ffffff;
    border-left: 4px solid #4a78c7;
    border-right: 4px solid #4a78c7;
}

#wgrip{
     left:-5px;
     top:50%;
}

#ngrip{
	-moz-transform: rotate(-270deg);
    -moz-transform-origin: 17% 50%;
    -webkit-transform: rotate(-270deg);
    -webkit-transform-origin: 100% 29%;
    -ms-transform: rotate(-270deg);
    -ms-transform-origin: 17% 50%;
    -moz-transform: rotate(-270deg);
	left:50%;
}

#egrip{
    top:50%;
}

#todo_list_popout{
	height:86%;
}

#media_library_table_wrapper{
	width:100%;
}

.moveable{
	cursor:move;
}

table tbody tr.selected {
    background-color: #B0BED9;
	border:1px solid grey;
}

.manage-filter{
	width:134px;
	font-family: "Montserrat Italic", sans-serif;
}

.dialog_close_button, .todo_close_button {
    position: absolute;
    top: -5px;
    right: -5px;
	z-index:999;
}

.tooltip { 
    pointer-events: none;
}

.tooltip-inner {
	background-color: white;
	border:1px solid black;
	color:black;
	text-align:left;
	width:320px !important;
	max-width:500px !important;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, 
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #e0e0e0 !important;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, 
.bs-tooltip-top .arrow::before {
    border-top-color: #e0e0e0 !important;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, 
.bs-tooltip-left .arrow::before {
    border-left-color: #e0e0e0 !important;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    border-right-color: #e0e0e0 !important;
}

.white-button{
	font-size:1rem;
	color:grey;
	background-color:white;
	width:80px;
	height:30px;
	justify-content:center;
	align-items:center;
	cursor:pointer;
	border:1px solid grey;
	border-radius:5px 5px 0px 0px;
}

.flipped-sticky{
	bottom:8% !important;
}

.flip-270{
	-moz-transform: rotate(-270deg);
    -moz-transform-origin: 17% 50%;
    -webkit-transform: rotate(-270deg);
    -webkit-transform-origin: 17% 50%;
    -ms-transform: rotate(-270deg);
    -ms-transform-origin: 17% 50%;
    -moz-transform: rotate(-270deg);
}

.w-30{
	width:30% !important;
}

.w-60{
	width:60% !important;
}

.player-tile-tab{
	font-weight:bolder;
}

.overflow-ellipsis{
	white-space:nowrap;
	overflow:hidden;
	padding-right:10px;
	text-overflow:ellipsis;
}

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

.bolder-font{
	font-weight:bolder;
}

.emphasize{
	font-weight:400;
}

.mini-button{
	width:13px;
	height:13px;
	justify-content:center;
	display:flex;
	font-size:0.6rem;
	background-color:#1c75bc;
	cursor:pointer;
}

.plus-button{
	font-size:8px;
}

.x-button{
	padding-right:1px;
}

.small-ellipsis{
	font-size:0.7rem;
	color:#919191;
	padding-right: 3px;
}

.form-control-lite{
	display: block;
    width: 100%;
    color: #495057;
    /* background-color: #fff; */
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control-lite-inline{
	display: inline;
    width: 100%;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

table.table-sticky-th th{
	position:sticky !important;
	z-index:2;
	top:0;
	background-color:white;
}

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

#no_scroll_modal{
	overflow-y:hidden !important;
}

.time_field{
	width:55px !important;
}

.form-control-simple{
	-webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
	display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.md-form.input-with-post-icon .form-control{
	background-color:#FFF;
	font-weight: .75rem;
	font-size: .75rem;
}

.inline-text-parent {
	list-style: none;
    /* width: 100%; */
    /* height: 90px;
    margin: 0;
    padding: 0; */
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.inline-text {
	display: inline-block;
    /* width: 50%; */
    /* height: 100%; */
}

.form-control {
	font-size: .75rem;
}

/* Player Tiles (Jens) */

.player-tile-content {
	font-size: .65rem;
}

.mr-auto {
	font-size: .8rem;
}

/* Filter Bar (Jens) */

.form-control-sm {
	font-size: .75rem;
}

.modal-title{
	font-weight:bolder;
}

/* Generic Modal */

input.select-dropdown {
	font-size: .75rem !important;
}

.modal-content {
	max-height: 75%; /* calc(100% - 10rem); */
	overflow: hidden;
}

#simple-table th,
#simple-table td,
#available_tags th,
#available_tags td,
#selected_tags th,
#selected_tags td {
    padding-top: .5em !important;
	padding-bottom: .5em !important;
	vertical-align: baseline !important;
}

#simple-table thead th {
  position:sticky;
  top:0;
  background-color:#FFF;
  z-index:99;
}

.sticky-scroller #simple-table_wrapper .row:nth-child(2){
	height:540px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-bottom:15px;
}

.table-sticky-th .form-check-input:not(:checked),
.table-sticky-th .form-check-input:checked{
	position:static !important;
}

.table-sticky-th [type="checkbox"]:not(:checked),
.table-sticky-th [type="checkbox"]:checked{
	position:static !important;
}

.table-sticky-th .form-check-input{
	position:static !important;
}

.line-break-rows .row:not(.skip-break){
	min-height:30px;
}

.line-break-cols .col-sm-6{
	min-height:30px;
}

.col-sm {
	min-width: 200px;
}

#page{
	position:static !important;
}

.cd_toggles{
	width:40px !important;
	height:15px !important;
	display:inline-block;
	padding-left:8px;
	padding-top:2px;
}

.custom-modal-footer{
	bottom:0;
	right:0;
	position:absolute;
	padding:10px;
	width:100%;
	text-align:right;
	border-top:1px solid #dee2e6;
}

.modal-header #dialog_label{
	font-size:20px;
}

.modal-section #dialog_label{
	font-size:16px;
}

.long-black-text-button{
	display:flex;
	justify-content:center;
	cursor:pointer;
	height:19px;
	width:40px;
	color:#000;
	align-items:center;
}

.basic_checkbox:not(:checked), .basic_checkbox:checked{
	position:static;
	pointer-events: auto;
	opacity:1;
	vertical-align:middle;
	margin-right:5px;
	margin-bottom:2px;
}

.htCore tr:last-child td{
	border:1px dashed #66AA66 !important;
}

.nav-menu-current {
    background-color: #DDDDDD !important;
}

.dashed-border{
	border-style:dashed !important;
	border-width:3px !important;
	border-color:#28a745!important;
}

/* Menus */
.nav-menu-item{
	padding-right: 0rem;
	font-family: "Montserrat Regular", sans-serif;
}

.reporting-nav-link {
	cursor: pointer;
	width: 90%;
}

.reporting-nav-link:hover {
	text-decoration: underline !important;

}

.nav-tabs-reporting {
	border-bottom: none !important;
}

.text-align-center {
    text-align: center;
    align-content: center;
}

.custom-datepicker{
	-webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: black;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    background-color: rgb(255, 255, 255);
    cursor: default;
    margin: 0em;
    font: 400 13.3333px Arial;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(118, 118, 118);
    border-image: initial;
}

.custom-datepicker input{
	padding-left:10px;
	border-bottom:none !important;
	font-size:0.78rem;
}

/* -- Action Items -- */
.action-button {
	font-size: .75rem;
	padding: .5rem;
}

/* Dialogs */
.fieldlabels-dialogs {
	width: 125px;
	white-space: nowrap;
}

/* Admin Template */
.cascading-admin-card {
	margin-top: 1.25rem;
	min-height: 375px;
}
.cascading-admin-card .admin-up {
	  margin-left: 4%;
	  margin-right: 4%;
	  margin-top: -1.25rem; 
}
.cascading-admin-card .admin-up .fas,
.cascading-admin-card .admin-up .far,
.cascading-admin-card .admin-up .fab {
	padding: 1.7rem;
	font-size: 2rem;
	color: #fff;
	text-align: left;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
}
.cascading-admin-card .admin-up .data {
	float: right;
	margin-top: 2rem;
	text-align: right; 
}
.cascading-admin-card .admin-up .data p {
	color: #999999;
	font-size: 12px; 
}
.admin-card-spacing {
	padding-bottom: 3rem;
	min-height: 375px !important;
}

/* Misc. Bootstrap items */
.mb-tall{
	margin-bottom: 8rem;
}

/*!
 * 
 *   simple-keyboard v3.1.30
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */
 .hg-theme-default{
	 background-color:#ececec;
	 border-radius:5px;
	 box-sizing:border-box;
	 font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;
	 -moz-user-select:none;
	 -ms-user-select:none;
	 user-select:none;
	 width:100%
}
 .hg-theme-default .hg-button span{
	 pointer-events:none
}
.hg-theme-default button.hg-button{
	border-width:0;
	font-size:inherit;
	outline:0
}
.hg-theme-default .hg-button{
	display:inline-block;
	flex-grow:1
}
.hg-theme-default .hg-row{
	display:flex
}
.hg-theme-default .hg-row:not(:last-child){
	margin-bottom:5px
}
.hg-theme-default .hg-row .hg-button:not(:last-child){
	margin-right:5px
}
.hg-theme-default .hg-row .hg-button-container{
	margin-right:5px
}
.hg-theme-default .hg-row>div:last-child{
	margin-right:0
}.hg-theme-default .hg-row .hg-button-container{
	display:flex
}
.hg-theme-default .hg-button{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	align-items:center;
	background:#fff;
	border-bottom:1px solid #b5b5b5;
	border-radius:5px;
	box-shadow:0 0 3px -1px rgba(0,0,0,.3);
	box-sizing:border-box;
	cursor:pointer;
	display:flex;
	height:40px;
	justify-content:center;
	padding:5px
}
.hg-theme-default .hg-button.hg-standardBtn{
	width:20px
}
.hg-theme-default .hg-button.hg-activeButton{
	background:#efefef
}
.hg-theme-default.hg-layout-numeric .hg-button{
	align-items:center;
	display:flex;
	height:60px;
	justify-content:center;
	width:33.3%
}
.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{
	height:85px
}
.hg-theme-default .hg-button.hg-button-numpad0{
	width:105px
}
.hg-theme-default .hg-button.hg-button-com{
	max-width:85px
}
.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{
	max-width:45px
}
.hg-theme-default .hg-button.hg-selectedButton{
	background:rgba(5,25,70,.53);
	color:#fff
}
.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{
	max-width:82px
}
.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{
	max-width:60px
}
/* Language Buttons */
.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="en"]{
	max-width:60px;
}
.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="fr"]{
	max-width:60px;
}
.hg-candidate-box{
	background:#ececec;
	border-bottom:2px solid #b5b5b5;
	border-radius:5px;
	display:inline-flex;
	margin-top:-10px;
	max-width:272px;
	position:absolute;
	transform:translateY(-100%);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
ul.hg-candidate-box-list{
	display:flex;
	flex:1;
	list-style:none;
	margin:0;
	padding:0
}
li.hg-candidate-box-list-item{
	align-items:center;
	display:flex;
	height:40px;
	justify-content:center;
	width:40px
}
li.hg-candidate-box-list-item:hover{
	background:rgba(0,0,0,.03);
	cursor:pointer
}
li.hg-candidate-box-list-item:active{
	background:rgba(0,0,0,.1)
}
.hg-candidate-box-prev:before{
	content:"◄"
}
.hg-candidate-box-next:before{
	content:"►"
}
.hg-candidate-box-next,.hg-candidate-box-prev{
	align-items:center;
	background:#d0d0d0;
	color:#969696;
	cursor:pointer;
	display:flex;
	padding:0 10px
}
.hg-candidate-box-next{
	border-bottom-right-radius:5px;
	border-top-right-radius:5px
}
.hg-candidate-box-prev{
	border-bottom-left-radius:5px;
	border-top-left-radius:5px
}
.hg-candidate-box-btn-active{
	color:#444
}

password-label {
    width: 100px;
}

.password-alert {
    display: none;
    position:absolute;
	z-index: 1000;
    padding:15px;
    border-radius:5px;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #ddd;
}

.password-list-ul {
	padding-inline-start: 10px;
}

.password-requirements {
    list-style-type: none;
}

.password-wrong .fa-check {
    display: none;
}

.password-good .fa-times {
    display: none;
}

.fa-stack{
	width:1.5em!important;
}
.overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
  background-color: rgba(0,0,0,0.8); /*dim the background*/
}
.overlay-content {
	z-index: 1101;
	margin: 0;
	position: relative;
	top: 50%;
	margin: 20px;
	min-width: 40%;
	text-align: center;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
    font-size: 28px;
	color: #000;
}



/*Overrides link styling*/
.helpLink {
    color: blue;
    text-decoration: none;
}

/*keep default cursor on help button hover*/
.helpButton:hover {
    cursor: default;
}

/*overrides bootstrap for button sizing*/
.new-btn-floating {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0;
    margin: 10px;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 20px;
    height: 20px;
    color: white;
    text-align: center;
}

.media_status_parent {
	position: relative;
  	top: 0;
  	left: 0;	
}

.media_status_overlay_image {
  position: absolute;
  bottom: 5px;
  /*right: 10px;*/
  left: 125px;
  width: 20px;
  height: 20px;
  z-index: 1000;
}

/* Lex Chatbot UI */
.btn__content {
	background-color: none !important;
}

.text_search_icon {
	border: 1px solid white;
	width: 100%;
	padding-right: 20px !important;
	background-image: url("../img/svg/search.svg");
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: right 5px bottom 5px !important;
	border-radius: 25px !important;
}

.welcome-wagon-container {
	z-index:1022;
	width:100%;
	height:100%;
	position:absolute;
	top: 0;
	left: 0;
}

.welcome-wagon-jumbotron {
	z-index:1023;
	height: 100%;
	overflow: hidden;
}

.schedules_icon {
	padding-left: 20px !important;
}

.schedules_icon:hover {
	cursor: pointer;
}

.white-skin #library_expand_button:hover>i::before {
	color:#000 !important;
}

.white-skin #library_expand_button:hover {
	color:#000 !important;
}

.white-skin .disable_expired_media_btn:hover {
	color: #000 !important;
}

.media_schedules_link:hover {
	color: #007bff !important;
} 

.schedules_icon:not(.schedule_on):not(.schedule_off):hover {
	color: grey !important;
}

.preview-icon:hover, .edit-icon:hover, .playlist-icon:hover, .delete-icon:hover, .disable-icon:hover {
	color: #767676 !important;
}

.white-skin .preview-icon:hover, .white-skin .edit-icon:hover, .white-skin .playlist-icon:hover, .white-skin .delete-icon:hover, .white-skin .disable-icon:hover {
	color: #fff !important;
}

.white-skin .btn:has(a.action-icon-text):hover>a.action-icon-text {
	color: #767676 !important;
}

.Skewed_div {
	background-color: #ff5e00;
}

.Active_div {
	background-color: #279b86;
}

.Upcoming_div {
	background-color: #e9ae14;
}

.Expired_div {
	background-color: #ef5356;
}

.Disabled_div {
	background-color: #ef5356;
}

.schedule_div {
	margin-top: 5px;
	margin-left: 5px;
	width: 90px;
	border-radius: 5px;
	text-align: center;
}

.schedule_status {
	color: black !important;
	font-weight: 700;
}

.schedule_status {
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
}

.schedules_icon.Active_schedule:hover {
	color: #279b86;
}

.schedules_icon.Upcoming_schedule:hover {
	color: #e9ae14;
}

.schedules_icon.Expired_schedule:hover {
	color: #ef5356;
}

.schedules_icon.Disabled_schedule:hover {
	color: #ef5356;
}

.side-nav2 {
	margin-top: 49px;
}

.double-nav .breadcrumb-dn p {
    color: #fff;
}

.side-nav2 .fa-angle-up.rotate-icon {
	position: static;
	top: .8rem;
	right: 0;
	margin-right: 1.25rem;
}

.side-nav2 .fa-angle-down.rotate-icon {
	position: static;
	top: .8rem;
	right: 0;
	margin-right: 1.25rem;
}

.navbar .sidebar-menu-button {
	position: absolute;
	top: 0.3rem;
	left: 0;
}

.side-nav2 a.sidebar-menu-button  {
	position: absolute;
	top: 1rem ;
	left: 188px;
}

.menu_header {
	padding: 0 !important;
}

/* Wayfinding CSS */

/* Set locations table width */
#wayfinding_floor_table {
	width: 400px !important;
}

/* Set padded row alignment */
.row_padded {
	align-items: start !important;
}

.row_padded_center {
	align-items: center !important;
	padding-top: 20px;
}

.edit-button:hover i {
	color: #595959 !important;
}

.properties_tab, .locations_tab {
	border: 1px grey solid;
	border-radius: 5px 5px 0px 0px;
}

.nav-tabs {
	margin-left: 10px !important;
}

.nav-tabs .nav-item .nav-link {
	margin-right: 0rem !important;
	margin-left: 0rem !important; 
}

.properties_tab:has(> a.active) {
	background-color: var(--tab-active-color) !important;
}

.properties_tab:not(:has(> a.active)) {
	background-color: var(--nav-color) !important;
}

.properties_tab_link:not(.active):hover {
	border-color: var(--nav-color) !important;
}

.properties_tab {
	padding-left: 10px !important;
}

.locations_tab {
	margin-left: 10px !important;
}

.text_search_icon {
	border: 1px solid grey !important;
} 

.mapplic-tooltip-description {
	color: black !important;
} 

.location_row:hover {
	cursor: pointer;
}

/* Font Size  - automate this in js */
.ql-snow .ql-picker.ql-size .ql-picker-label:not([data-value])::before, .ql-snow .ql-picker.ql-size .ql-picker-item:not([data-value])::before { content: 'Default: 20px' !important; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='2px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="2px"]::before { content: '2'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='4px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="4px"]::before { content: '4'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='6px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="6px"]::before { content: '6'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='8px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="8px"]::before { content: '8'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='9px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="9px"]::before { content: '9'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='10px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before { content: '10'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='11px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="11px"]::before { content: '11'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='12px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before { content: '12'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='14px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before { content: '14'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='16px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before { content: '16'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='18px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before { content: '18'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='20px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before { content: '20'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='24px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before { content: '24'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='26px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="26px"]::before { content: '26'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='28px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]::before { content: '28'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='32px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before { content: '32'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='36px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="36px"]::before { content: '36'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='40px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="40px"]::before { content: '40'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='42px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="42px"]::before { content: '42'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='44px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="44px"]::before { content: '44'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='48px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="48px"]::before { content: '48'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='54px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="54px"]::before { content: '54'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='60px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="60px"]::before { content: '60'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='66px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="66px"]::before { content: '66'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='68px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="68px"]::before { content: '68'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='72px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="72px"]::before { content: '72'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='80px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="80px"]::before { content: '80'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='84px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="84px"]::before { content: '84'; font-size: 14px !important; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='98px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="98px"]::before { content: '98'; font-size: 14px !important; }

/* Font Family - automate this in js */
.ql-snow .ql-picker.ql-font .ql-picker-label:not([data-value])::before, .ql-snow .ql-picker.ql-font .ql-picker-item:not([data-value])::before { content: 'Default: Arial'; font-family: "Arial" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Anton']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Anton"]::before { content: 'Anton'; font-family: "Anton" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Arial']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Arial"]::before { content: 'Arial'; font-family: "Arial" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Arial_Black']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Arial_Black"]::before { content: 'Arial Black'; font-family: "Arial Black" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Arial_Narrow']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Arial_Narrow"]::before { content: 'Arial Narrow'; font-family: "Arial Narrow" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='AvenirNext_Regular']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="AvenirNext_Regular"]::before { content: 'AvenirNext-Regular'; font-family: "AvenirNext-Regular" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Cambria']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Cambria"]::before { content: 'Cambria'; font-family: "Cambria" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Caveat']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Caveat"]::before { content: 'Caveat'; font-family: "Caveat" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Changa_Regular']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Changa_Regular"]::before { content: 'Changa Regular'; font-family: "Changa Regular" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Changa_Italic']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Changa_Italic"]::before { content: 'Changa Italic'; font-family: "Changa Italic" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Creepster']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Creepster"]::before { content: 'Creepster'; font-family: "Creepster" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Dela_Gothic']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Dela_Gothic"]::before { content: 'Dela Gothic'; font-family: "Dela Gothic" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Franklin_Gothic_Medium']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Franklin_Gothic_Medium"]::before { content: 'Franklin Gothic Medium'; font-family: "Franklin Gothic Medium" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Great_Vibes']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Great_Vibes"]::before { content: 'Great Vibes'; font-family: "Great Vibes" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Hurricane']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Hurricane"]::before { content: 'Hurricane'; font-family: "Hurricane" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Libre_Baskerville_Regular']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Libre_Baskerville_Regular"]::before { content: 'Libre Baskerville Regular'; font-family: "Libre Baskerville Regular" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Libre_Baskerville_Bold']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Libre_Baskerville_Bold"]::before { content: 'Libre Baskerville Bold'; font-family: "Libre Baskerville Bold" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Libre_Baskerville_Italic']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Libre_Baskerville_Italic"]::before { content: 'Libre Baskerville Italic'; font-family: "Libre Baskerville Italic" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Lobster']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Lobster"]::before { content: 'Lobster'; font-family: "Lobster" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Lora_Regular']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Lora_Regular"]::before { content: 'Lora Regular'; font-family: "Lora Regular" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Lora_Italic']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Lora_Italic"]::before { content: 'Lora Italic'; font-family: "Lora Italic" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Montreal_Regular']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Montreal_Regular"]::before { content: 'Montreal Regular'; font-family: "Montreal Regular" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Montreal_Light']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Montreal_Light"]::before { content: 'Montreal Light'; font-family: "Montreal Light" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Montreal_Bold']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Montreal_Bold"]::before { content: 'Montreal Bold'; font-family: "Montreal Bold" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Montserrat_Regular']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Montserrat_Regular"]::before { content: 'Montserrat Regular'; font-family: "Montserrat Regular" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Montserrat_Italic']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Montserrat_Italic"]::before { content: 'Montserrat Italic'; font-family: "Montserrat Italic" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Noto_Sans']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Noto_Sans"]::before { content: 'Noto Sans'; font-family: "Noto Sans" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Pacifico']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Pacifico"]::before { content: 'Pacifico'; font-family: "Pacifico" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Poppins_Regular']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Poppins_Regular"]::before { content: 'Poppins Regular'; font-family: "Poppins Regular" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Poppins_Bold']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Poppins_Bold"]::before { content: 'Poppins Bold'; font-family: "Poppins Bold" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Poppins_Italic']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Poppins_Italic"]::before { content: 'Poppins Italic'; font-family: "Poppins Italic" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Quicksand']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Quicksand"]::before { content: 'Quicksand'; font-family: "Quicksand" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Requiem_Roman']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Requiem_Roman"]::before { content: 'Requiem Roman'; font-family: "Requiem Roman" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Requiem_Italic']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Requiem_Italic"]::before { content: 'Requiem Italic'; font-family: "Requiem Italic" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Requiem_Smallcaps']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Requiem_Smallcaps"]::before { content: 'Requiem Smallcaps'; font-family: "Requiem Smallcaps" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Roboto_Condensed_Regular']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Roboto_Condensed_Regular"]::before { content: 'Roboto Condensed Regular'; font-family: "Roboto Condensed Regular" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Roboto_Condensed_Bold']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Roboto_Condensed_Bold"]::before { content: 'Roboto Condensed Bold'; font-family: "Roboto Condensed Bold" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Roboto_Condensed_Italic']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Roboto_Condensed_Italic"]::before { content: 'Roboto Condensed Italic'; font-family: "Roboto Condensed Italic" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Tahoma']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Tahoma"]::before { content: 'Tahoma'; font-family: "Tahoma" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Times_New_Roman']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Times_New_Roman"]::before { content: 'Times New Roman'; font-family: "Times New Roman" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Titan']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Titan"]::before { content: 'Titan'; font-family: "Titan" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Trebuchet_MS']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Trebuchet_MS"]::before { content: 'Trebuchet MS'; font-family: "Trebuchet MS" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Ultra']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Ultra"]::before { content: 'Ultra'; font-family: "Ultra" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Verdana']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Verdana"]::before { content: 'Verdana'; font-family: "Verdana" !important; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Wingdings']::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Wingdings"]::before { content: 'Wingdings'; font-family: "Wingdings" !important; }

/* Font-Family Spans - automate this in js */
span[data-value="Anton"], .ql-font-Anton { font-family: "Anton" !important; }
span[data-value="Arial"], .ql-font-Arial { font-family: "Arial" !important; }
span[data-value="Arial_Black"], .ql-font-Arial_Black { font-family: "Arial Black" !important; }
span[data-value="Arial_Narrow"], .ql-font-Arial_Narrow { font-family: "Arial Narrow" !important; }
span[data-value="AvenirNext_Regular"], .ql-font-AvenirNext_Regular { font-family: "AvenirNext-Regular" !important; }
span[data-value="Cambria"], .ql-font-Cambria { font-family: "Cambria" !important; }
span[data-value="Caveat"], .ql-font-Caveat { font-family: "Caveat" !important; }
span[data-value="Changa_Regular"], .ql-font-Changa_Regular { font-family: "Changa Regular" !important; }
span[data-value="Changa_Italic"], .ql-font-Changa_Italic { font-family: "Changa Italic" !important; }
span[data-value="Creepster"], .ql-font-Creepster { font-family: "Creepster" !important; }
span[data-value="Dela_Gothic"], .ql-font-Dela_Gothic { font-family: "Dela Gothic" !important; }
span[data-value="Franklin_Gothic_Medium"], .ql-font-Franklin_Gothic_Medium { font-family: "Franklin Gothic Medium" !important; }
span[data-value="Great_Vibes"], .ql-font-Great_Vibes { font-family: "Great Vibes" !important; }
span[data-value="Hurricane"], .ql-font-Hurricane { font-family: "Hurricane" !important; }
span[data-value="Libre_Baskerville_Regular"], .ql-font-Libre_Baskerville_Regular { font-family: "Libre Baskerville Regular" !important; }
span[data-value="Libre_Baskerville_Bold"], .ql-font-Libre_Baskerville_Bold { font-family: "Libre Baskerville Bold" !important; }
span[data-value="Libre_Baskerville_Italic"], .ql-font-Libre_Baskerville_Italic { font-family: "Libre Baskerville Italic" !important; }
span[data-value="Lobster"], .ql-font-Lobster { font-family: "Lobster" !important; }
span[data-value="Lora_Regular"], .ql-font-Lora_Regular { font-family: "Lora Regular" !important; }
span[data-value="Lora_Italic"], .ql-font-Lora_Italic { font-family: "Lora Italic" !important; }
span[data-value="Montreal_Regular"], .ql-font-Montreal_Regular { font-family: "Montreal Regular" !important; }
span[data-value="Montreal_Light"], .ql-font-Montreal_Light { font-family: "Montreal Light" !important; }
span[data-value="Montreal_Bold"], .ql-font-Montreal_Bold { font-family: "Montreal Bold" !important; }
span[data-value="Montserrat_Regular"], .ql-font-Montserrat_Regular { font-family: "Montserrat Regular" !important; }
span[data-value="Montserrat_Italic"], .ql-font-Montserrat_Italic { font-family: "Montserrat Italic" !important; }
span[data-value="Noto_Sans"], .ql-font-Noto_Sans { font-family: "Noto Sans" !important; }
span[data-value="Pacifico"], .ql-font-Pacifico { font-family: "Pacifico" !important; }
span[data-value="Poppins_Regular"], .ql-font-Poppins_Regular { font-family: "Poppins Regular" !important; }
span[data-value="Poppins_Bold"], .ql-font-Poppins_Bold { font-family: "Poppins Bold" !important; }
span[data-value="Poppins_Italic"], .ql-font-Poppins_Italic { font-family: "Poppins Italic" !important; }
span[data-value="Quicksand"], .ql-font-Quicksand { font-family: "Quicksand" !important; }
span[data-value="Requiem_Roman"], .ql-font-Requiem_Roman { font-family: "Requiem Roman" !important; }
span[data-value="Requiem_Italic"], .ql-font-Requiem_Italic { font-family: "Requiem Italic" !important; }
span[data-value="Requiem_Smallcaps"], .ql-font-Requiem_Smallcaps { font-family: "Requiem SmallCaps" !important; }
span[data-value="Roboto_Condensed_Regular"], .ql-font-Roboto_Condensed_Regular { font-family: "Roboto Condensed Regular" !important; }
span[data-value="Roboto_Condensed_Bold"], .ql-font-Roboto_Condensed_Bold { font-family: "Roboto Condensed Bold" !important; }
span[data-value="Roboto_Condensed_Italic"], .ql-font-Roboto_Condensed_Italic { font-family: "Roboto Condensed Italic" !important; }
span[data-value="Tahoma"], .ql-font-Tahoma { font-family: "Tahoma" !important; }
span[data-value="Times_New_Roman"], .ql-font-Times_New_Roman { font-family: "Times New Roman" !important; }
span[data-value="Titan"], .ql-font-Titan { font-family: "Titan" !important; }
span[data-value="Trebuchet_MS"], .ql-font-Trebuchet_MS { font-family: "Trebuchet MS" !important; }
span[data-value="Ultra"], .ql-font-Ultra { font-family: "Ultra" !important; }
span[data-value="Verdana"], .ql-font-Verdana { font-family: "Verdana" !important; }
span[data-value="Wingdings"], .ql-font-Wingdings { font-family: "Wingdings" !important; }

/* Line Height - automate this in js */
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='1.0']::before { content: '1.0'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='1.0']::before { content: '1.0' !important; }
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='0.1']::before { content: '0.1'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='0.1']::before { content: '0.1' !important; }
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='0.2']::before { content: '0.2'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='0.2']::before { content: '0.2' !important; }
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='0.4']::before { content: '0.4'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='0.4']::before { content: '0.4' !important; }
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='0.5']::before { content: '0.5'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='0.5']::before { content: '0.5' !important; }
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='0.6']::before { content: '0.6'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='0.6']::before { content: '0.6' !important; }
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='0.8']::before { content: '0.8'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='0.8']::before { content: '0.8' !important; }
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='1.0']::before { content: '1.0'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='1.0']::before { content: '1.0' !important; }
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='1.2']::before { content: '1.2'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='1.2']::before { content: '1.2' !important; }
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='1.5']::before { content: '1.5'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='1.5']::before { content: '1.5' !important; }
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='1.6']::before { content: '1.6'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='1.6']::before { content: '1.6' !important; }
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='1.8']::before { content: '1.8'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='1.8']::before { content: '1.8' !important; }
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='2.0']::before { content: '2.0'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='2.0']::before { content: '2.0' !important; }
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='2.4']::before { content: '2.4'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='2.4']::before { content: '2.4' !important; }
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='2.8']::before { content: '2.8'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='2.8']::before { content: '2.8' !important; }
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='3.0']::before { content: '3.0'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='3.0']::before { content: '3.0' !important; }
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='4.0']::before { content: '4.0'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='4.0']::before { content: '4.0' !important; }
.ql-snow .ql-picker.ql-line-height .ql-picker-item[data-value='5.0']::before { content: '5.0'; }
.ql-snow .ql-picker.ql-line-height .ql-picker-label[data-value='5.0']::before { content: '5.0' !important; }

.ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl), .ql-editor ol, .ql-editor ul  {
	padding-left: 0px !important;
}

.mdb-skin .ql-snow {
	background-color: #fff;
}

.richText_btns .ql-font .ql-picker-options, .richText_btns .ql-size .ql-picker-options, .richText_btns .ql-line-height .ql-picker-options {
	max-height: 600px;
	overflow-y: auto;
}

.richText_btns .ql-snow .ql-picker.ql-size {
	width:150px !important;
}

.richText_btns .ql-snow .ql-picker.ql-font {
	width:300px !important;
}

.richText_btns .ql-snow .ql-picker.ql-line-height{
	width: 58px;
}

.rich_text ul li {
	list-style: disc;
	color: black;
}

.rich_text ol li {
	list-style: decimal;
	color: black;
} 

#cdPreview .ql-editor strong {
	font-weight: bold;
}

#cdPreview .rich_text:not(:has(.ql-editor)) p {
	/* padding: 1px 6px; */
}

#cdPreview .rich_text .ql-editor p, #cdPreview .rich_text.edited {
	/* padding: 0px !important; */
	/* padding: 1px 6px; */
}

#cdPreview .layout_saved_text, #preview .layout_saved_text {
	display: none;
}

#cdPreview .ql-editor {
	font-family: inherit;
	font-size: inherit;
	padding: 0px !important;
	display: block;
	width: 100%;
	overflow-y: hidden !important;
	resize: none;
	line-height: 1 !important;
}

.richText_btns .ql-color .ql-picker-options [data-value=color-picker]:before {
	content: 'Pick Color';
}

.richText_btns .ql-color .ql-picker-options [data-value=color-picker] {
	background: none !important;
	width: 100% !important;
	height: 25px !important;
	text-align: center;
	color: blue;
	text-decoration: underline;
}

#cdPreview .ql-picker-item {
	border: 0 !important;
}

#cdPreview .ql-align-center, #cdPreview li::marker {
	text-align: center;
}

#cdPreview .ql-align-justify, #cdPreview li::marker {
	text-align: justify;
}

#cdPreview .ql-align-right, #cdPreview li::marker {
	text-align: right;
}

#preview .ql-align-center, #preview li::marker {
	text-align: center;
}

#preview .ql-align-justify, #preview li::marker {
	text-align: justify;
}

#preview .ql-align-right, #preview li::marker {
	text-align: right;
}

.ql-editor li:not(.ql-direction-rtl)::before, #preview li:not(.ql-direction-rtl)::before, #cdPreview li:not(.ql-direction-rtl)::before {
	margin-left: 0px !important;
}

#editor:not(#cd_canvas) {
	/* height: fit-content !important; */
	/* width: fit-content !important; */
	max-width: inherit;
	max-height: inherit;
	/* overflow: hidden !important; */
	overflow-wrap: anywhere !important;
}

#cdPreview .ql-editor {
	overflow: hidden !important;
	/* width: inherit !important; */
	/* height: inherit !important; */
	/* padding: 0px !important; */
	white-space: inherit !important;
}

#cdPreview .rich_text.edited {
	/* height: fit-content !important; */
	/* width: auto !important; */
	max-width: inherit !important;
	max-height: inherit !important;
	/* overflow-wrap: anywhere; */
	/* word-wrap: break-word !important; */
}

#preview {
	overflow: hidden !important;
}

#cdPreview .ql-editor .ql-align-center {
	text-align: center !important;
}
#cdPreview .ql-editor .ql-align-justify {
	text-align: justify !important;
}
#cdPreview .ql-editor .ql-align-right {
	text-align: right !important;
}

.white-skin .layout_button:hover {
	background-color: #5b5e63 !important;
	color: white !important;
}

.white-skin .show_stock_images:hover {
	color: black !important;
}

.noHover:hover {
	border: none !important;
}

.mdb-skin .layout_button:hover {
	background-color: #5b5e63 !important;
	color: white !important;
}

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

/*Single content img width for larger images*/
.maxImgWidth {
	max-width:250px;
} 

/*ToolTip link colour*/
.helpLink {
	color: blue;
	text-decoration: none;
}

.contentSchedule {
	position: relative;
}

/*overrides bootstrap for button sizing*/
.new-btn-floating {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0;
	margin: 10px;
	overflow: hidden;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 50%;
	box-shadow: none !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: 20px;
	height: 20px;
	color: white;
	text-align: center;
}

/*testing tooltip button sizing*/
.questionBtnSize {
	width: 20px !important;
	height: 20px !important;
}

/*testing button sizing*/
.newBtnSize {
	width: 25px !important;
	height: 25px !important;
}

/*Testing popovers*/
.popover.bottom .arrow {
	display:none;
}

/*Testing popovers*/
.popover.arrow {
	display:none;
}

.removeFolderBtn {
	background-color: #5b5e63 !important;
	color: #fff !important;
}

/*Disabled media warning message*/
.disabledMedia {
	padding-left: 232px;
}

.white-skin #command {
	background-color: #fff !important;
}

.white-skin .singleContent {
	background-color: rgb(242, 242, 242) !important;
}

.white-skin .player_response {
	background-color: rgb(242, 242, 242) !important;
}

.white-skin .list-group-item.singleContent:hover {
	color: black;
}




.sort_row_up:hover > i, .sort_row_down:hover > i {
	font-size: 1.3rem;
}

.SingleCheckbox {
	width: 5%;
}

.quick_layout_div {
	padding: 15px;
	display: none;
	z-index: 10;
	position: absolute;
	background-color:white;
	border: 2px solid black;
	border-radius: 10px;
	min-width: 600px;
}

.quick_layout_edit_div {
	padding: 15px;
	display: none;
	z-index: 10;
	position: absolute;
	background-color:white;
	border: 2px solid black;
	border-radius: 10px;
	max-width: 450px;
	/* left: -60px; */
	left: 0px;
	top: -100px;
}

.mdb-skin .quick_layout_div, .mdb-skin .quick_layout_edit_div {
	background-color: var(--modal-color) !important;
	color: white !important;
}

.image_option {
	max-width: 100px; 
	max-height: 100px;
}

.image_row, .stock_image_row {
	border: 1px solid grey;
	border-radius: 10px;
}

.image_row:hover, .stock_image_row:hover {
	border: 1px solid black;
	background-color: #bbbbbb;
	cursor: pointer;
}

.images_list, .stock_images_list, .library_videos_list, .playlists_list {
	display: none;
	overflow-y: hidden;
	overflow-x: hidden;
}

.colour_input {
	padding: 1px;
}

.layout_label {
	font-size: large;
}

.buttons {
	margin-top: 10px;
}

.layout_button {
	border: 1px solid black;
	border-radius: 10px;
	background-color: #5b5e63;
}

select#mode.layout_select, select#category.layout_select {
	border-radius:20px;
}

/* Add backdrop to page when the quick layout div is shown */
.quick_layout_backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 5;
	display: none;
}

.quick_layout_error {
	font-size: larger;
	padding-top: 10px;
	padding-bottom: 10px;
	color: red;
}

#preview_iframe {
	width: 800px;
	height: 500px;
	margin: 10px;
	border-radius: 10px;
}

#loading_spinner {
	margin: 10% 40%;
}

#loading_spinner_edit, #save_loading_spinner, #edit_loading_spinner, #reload_loading_spinner, #start_loading_spinner, #cancel_loading_spinner, .widget_name, .widget_image, .widget_text, .widget_colour, .extra_btns, #loading_spinner, #loading_spinner_2, .loading_div, .loading_rich_text_div, #preview_iframe, .richText_btns, #save_preview, #edit_preview, #cancel_edit, .video_div, .playlist_div, #delete_widget_div, .delete_confirm, .edit_widgets_warning {
	display: none;
}

.edit_widgets_warning {
	font-size: 15px;
	font-weight: bold;
}

#cdPreview .rich_text strong {
	font-weight: bold;
}

#cdPreview .rich_text p {
	margin: 0;
}

#cdPreview .rich_text .ql-editor p {
	/* margin-bottom: 0.75rem !important; */
}

.richText_btns .ql-snow .ql-picker.ql-expanded .ql-picker-label, .richText_btns .ql-snow .ql-picker.ql-expanded .ql-picker-options {
	z-index: 1050 !important;
}

.mt-new .preview_start_button>.layout_button, .mt-new .preview_save_btn>.layout_button, .mt-new .preview_cancel_btn>.layout_button, .mt-new .quick_layout_edit_div .layout_button {
	padding: 5px !important;
}

.mt-new .quick_layout_edit_div #widget_color {
	background-color: #aaaaaa !important;
}

.richText_btns .ql-toolbar.ql-snow {
	margin-top: 0px !important;
}

#image_library_table tbody tr:hover, #stock_image_table tbody tr:hover, #video_library_table tbody tr:hover, #playlist_table tbody tr:hover {
	cursor: pointer;
}

.btn.show_library_images:hover, .btn.show_stock_images:hover, .btn.show_library_videos:hover, .btn.show_playlists:hover {
	color: black !important;
}

a.btn.show_library_images, a.btn.show_stock_images, a.btn.show_library_videos, a.btn.show_playlists {
	font-size: larger !important;
}

.mdb-skin .btn.show_library_images:hover, .btn.show_stock_images:hover, .btn.show_library_videos:hover, .btn.show_playlists:hover {
	color: white !important;
}

#unsplash_table tbody tr:hover {
	cursor: pointer;
}

#unsplash_table tbody tr a.text-white {
	color: grey !important;
}

.quick_layout_div .title p {
	font-size: medium;
}

#preview [data-template='1']:hover {
	cursor: pointer;
	border-radius: 10px;
	border: 2px solid red !important;
}

#preview [data-template='1'].selected:not(:hover):not(.text_selected) {
	border: 2px solid blue !important;
}

#preview [data-template='1'].noHover:hover {
	border: none !important;
}

/* Font Page CSS */

.side_bar {
	width: 365px;
	height: 100%;
	position: absolute;
	left: 92px;
	top: 0px;
	border-radius: 0px 10px 10px 10px;
}

#fonts_flyout_container.folder-dropins-container.left .tabs .tab {
	border-radius: 0px 10px 10px 0px;
}

#fonts_flyout_container.folder-dropins-container.left .tabs {
	left: 28.5rem;
}

#fonts_flyout_container.folder-dropins-container.left.showing {
	left: 0;
}

#fonts_flyout_container.folder-dropins-container {
	width: fit-content;
	text-align: center;
}

#fonts_flyout_container.cs_leftPanel {
	border: none !important;
}

#fonts_flyout_container.folder-dropins-container .contents {
	border-radius: 0px !important;
}

/* Light Mode */
.white-skin .font_filters button:not(.active) {
	border: 2px solid #595959;
	border-radius: 5px;
	background-color: #F2F2F2;
}

.white-skin .font_filters button.btn:not(:hover):not(.btn-outline-blue).active {
	background-color: #2a3650 !important;
	color: white !important;
}

.white-skin .font_filters button.btn:not(.btn-outline-blue).active:hover {
	background-color: #2a3650 !important;
	color: white !important;
}

/* Dark Mode */

.mdb-skin .font_filters button:not(.active) {
	/* border: 2px solid #595959; */
	/* border-radius: 5px; */
	background-color: #F2F2F2;
	color: black !important;
}

.mdb-skin .font_filters button.btn:not(:hover):not(.btn-outline-blue).active {
	background-color: #2a3650 !important;
	color: white !important;
}

.mdb-skin .font_filters button.btn:not(.btn-outline-blue).active:hover {
	background-color: #2a3650 !important;
	color: white !important;
}

.font_list_item {
	font-family: 'Arial';
	font-size: 25px;
	margin: 10px;
}

.font_item_name {
	margin: 20px;
	padding-left: 30px;
	padding-top: 19px;
	padding-bottom: 19px;
	font-size: 35px;
	overflow: hidden;
	max-width: 750px;
}

.squirrel_font_list_item {
	padding: 10px 5px 5px 5px;
}

.squirrel_font_list_item_name {
	font-family: 'Arial';
	font-size: 25px;
}

.squirrel_font_list_item_image {
	margin: 20px;
	padding: 20px;
}

.single_font_list_style.small p {
	font-size: 15px;
}

.single_font_list_style.medium p {
	font-size: 25px;
}

.single_font_list_style.large p {
	font-size: 35px;
}

.single_font_list_style.xlarge p {
	font-size: 45px;
}

.single_font_list_style.bold p {
	font-size: 25px;
}

.single_font_list_style.italic p {
	font-size: 25px;
}

.uploaded_font_list_item_div {
	margin-bottom: 10px;
	border: 2px solid #2a3650;
}

.uploaded_font_list_item {
	font-family: 'Arial';
	font-size: 25px;
	margin: 10px;
}

.uploaded_font_name {
	margin: 20px;
	padding-top: 19px;
	padding-bottom: 19px;
	font-size: 35px;
	overflow: hidden;
}

.font_list_div {
	border: 2px solid #2a3650;
	border-radius: 10px;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 830px;
	max-width: 74%;
	scrollbar-width: thin;
	scrollbar-color: #2a3650 #f8f9fa;
}

.mt-new #font_page_header {
	margin-top: 23px !important;
	font-size: 28px;
}

.mdb-skin #uploaded_font_list li {
	background-color: rgb(118, 118, 118);
}

.mdb-skin #upload_font_form #upload_font_name {
	color: black;
	background-color: #d1d1d1 !important;
	border: 2px solid grey;
	padding: 5px;
	width: 250px;
	border-radius: 10px;
}

#fontsquirrel-title, #google-fonts-title {
	font-size: larger;
}

#google_font_sort, #google_font_search, #font_squirrel_font_search {
	font-size: medium;
}

.font_search.text_search_icon {
	background-size: 23px !important;
}

#font_list, #uploaded_font_list {
	list-style-type: none;
	padding-left: 10px;
}

.mt-new #font_list li:hover {
	background-color: #d1d1d1;
	cursor: pointer;
}

.white-skin #font_list li:hover {
	background-color: #d1d1d1;
	cursor: pointer;
}

.mdb-skin #font_list li:hover {
	background-color: #d1d1d1;
	color: black;
	cursor: pointer;
}

.mdb-skin .font_list_div {
	background-color: #b1b1b1;
	color: black;
}

.white-skin .upload_font_div label.btn:not(:hover):not(.btn-outline-blue) {
	color: white !important;
	background-color: rgb(118, 118, 118) !important;
}

.white-skin .upload_font_div label.btn:hover {
	color: black !important;
	background-color: rgb(192, 192, 192) !important;
}

.white-skin .upload_font_div input {
	color: black;
	background-color: rgb(192, 192, 192) !important;
}

.white-skin .upload_font_div input::file-selector-button {
	color: white;
	border: rgb(118, 118, 118) !important;
	background-color: rgb(118, 118, 118) !important;
}

.mt-new .upload_font_div input::file-selector-button {
	color: white !important;
	background-color: #171b21;
	border: #171b21;
	padding: 8px !important;
}

.mt-new #upload_font_form,.mt-new .upload_info_text {
	font-size: larger;
}

.mt-new .upload_font_div input:not(#upload_font) {
	background-color: #d1d1d1;
	border: 2px solid grey;
	border-radius: 10px;
	padding: 5px;
	width: 250px;
}

.mt-new .upload_font_div input {
	color: black;
	background-color: #d1d1d1;
}

.mt-new #upload_font_button {
	background-color: #2a3650;
	color: white !important;
	padding: 10px !important;
	margin-left: 0px;
}

.mdb-skin .upload_font_div input {
	color: black;
	background-color: #6d6d6d;
}

.mdb-skin .upload_font_div label {
	color: black;
}

.mdb-skin .upload_font_div input::file-selector-button {
	color: white;
	border: #171b21;
	background-color: #171b21;
}

.mt-new .font_sort {
	padding: 4px !important;
	margin-right: 4px !important;
	border-radius: 0.4rem !important;
	height: calc(1.5em + .5rem + 2px) !important;
	color: #fff !important;
	background-color: var(--media-pullout-background-color) !important;
	border: 1px solid #fff !important;
}

.white-skin .font_sort,
.mdb-skin .font_sort {
	background-color: var(--body-color) !important;
	border-radius: 1rem !important;
	border: 1px solid var(--search-input-border-color);
	padding: 4px !important;
	margin-right: 4px !important;
}

.single_font_view {
	display: none;
}

.single_font_list_style {
	list-style: none;
	padding: 20px;
}

.go_back_button {
	margin: 20px;
}

.white-skin .go_back_button button.btn:not(:hover):not(.btn-outline-blue),
.white-skin .font_name_download_button_div button.btn:not(:hover):not(.btn-outline-blue) {
	color: #fff !important;
	background-color: #6d6d6d !important;
}

.white-skin .go_back_button button.btn:hover,
.white-skin .font_name_download_button_div button.btn:hover {
	color: #fff !important;
	background-color: #6d6d6d !important;
}

.mdb-skin .go_back_button button.btn:not(:hover):not(.btn-outline-blue),
.mdb-skin .font_name_download_button_div button.btn:not(:hover):not(.btn-outline-blue) {
	color: black !important;
	background-color: #fff !important;
}
.mt-new .go_back_button button.btn,
.mt-new .font_name_download_button_div button.btn {
	color: #fff !important;
	background-color: #6d6d6d !important;
	padding: 8px !important;
}

.font_name_download_button_div {
	display: flex;
	justify-content: space-between;
	margin: 20px;
}

.font_name {
	font-size: 25px;
}

.font_styles_list_div {
	padding: 20px;
}

.white-skin #upload_font_button, .white-skin #upload_font_button:hover {
	color: white !important;
	background-color: #6d6d6d !important;
	border: 2px solid rgb(118, 118, 118) !important;
}

.mdb-skin #upload_font_button, .mdb-skin #upload_font_button:hover {
	color: white !important;
	background-color: #171b21;
	border: 2px solid rgb(118, 118, 118) !important;
}

.white-skin #upload_font_name {
	color: black;
	background-color: #d1d1d1 !important;
	border: 2px solid grey;
	padding: 5px;
	width: 250px;
	border-radius: 10px;
}

.mdb-skin #upload_font_name {
	color: black;
	background-color: #d1d1d1;
}

.white-skin .upload_font_btn {
	font-size: large;
}

/* Media Reports CSS */

.time_card {
	margin: 5px;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
	display: none; 
}

.time_card:hover {
	background-color: #b3b1b1;
}

.time_card.active {
	display: block;
}

#pop_data {
	justify-content: center;
	margin:0px;
}

#pop_data .chip {
	margin: 10px;
	background-color: #8dd1ff;
	margin-bottom: 0px;
	margin-top:0px;
}

#pop_data .chips-section .chip {
	margin-top: 10px;
}

#pop_data .chip:hover {
	background-color: #b3e0ff;
	cursor: default;
}

#pop_data .card-title {
	margin-bottom: 0px;
}

#playlistUsageCountsChart {
	max-height: 500px;
	min-height: 480px;
}

#playlistMediaUsageCountsChart {
	max-height: 500px;
	min-height: 480px;
}

#playlistTriggerCountsChart {
	max-height: 500px;
	min-height: 480px;
}

#mediaTriggerCountsChart {
	max-height: 500px;
	min-height: 480px;
}

#wayfindingChart-main {
	max-height: 500px;
}

#kioskUsageCountsChart {
	max-height: 500px;
	min-height: 480px;
}

#timeUsageCountsChart {
	max-height: 500px;
	min-height: 480px;
}

#standard-mode-upgrade-modal .modal-content {
	align-self: start;
}

.report-date-label:hover {
	cursor: pointer;
}

.media_compat_click_here_link {
	text-decoration: underline !important;
}

table.reports_table.table th, 
table.reports_table.table td, 
table.player_events_table.reporting_player_events_table th, 
table.player_events_table.reporting_player_events_table td,
table#player_pop_table th,
table#player_pop_table td,
table#media_pop_table th,
table#media_pop_table td {
	font-size: medium;
}

#event_data #events_table_wrapper #events_table_length,
#event_data #activity_table_length {
	text-align: left;
}

.mdb-skin .picker__select--year, .mdb-skin .picker__select--month {
	/* background-color: #2c3137 !important; */
	color: #2c3137 !important;
}

table#activity_table.table th,
table#activity_table.table td  {
	font-size: small !important;
}

.player_pop_table_div {
	max-height: 600px;
    overflow-y: scroll;
    margin-bottom: 20px !important;
}

.chips-section {
	width: 100%;
}

.events_table_div, .chip_div {
	margin: 10px;
	max-height: 600px;
	overflow-y: scroll;
}

a.report-card-topper.media_link, 
a.report-card-topper.media_link:link, 
a.report-card-topper.media_link:hover,  
a.report-card-topper.player_link, 
a.report-card-topper.player_link:link, 
a.report-card-topper.player_link:hover {
	text-decoration: underline;
}

/* Fix scrolling on dash with mobile touch, where we can't move things anyhow. */
.ui-sortable-handle {
    touch-action: pan-y;
}

.notification_count {
	vertical-align: super;
    font-size: 0.9rem;
}

/* Notification Bell Icon - Should animate swing side to side and change to yellow when new notification is present */
.new-notification {
	animation: shake 5s ease;
}

@keyframes shake {
	0%,
	100% {
	  transform: rotate(0deg);
	}
	20%,
	60% {
	  transform: rotate(18deg);
	}
	40%,
	80% {
	  transform: rotate(-18deg);
	}
  }

/* Top Reports Dashboard Link CSS */
.white-skin a.nav-link.reporting-nav-link.dashboard_links:hover {
	color: black !important;
}

.white-skin .nav-tabs .nav-item a.nav-link.reporting-nav-link.dashboard_links.active {
	color: white !important;
	background-color: var(--button-color) !important;
	border-bottom: 1px solid var(--button-color) !important;
}

/* This sets the links to disabled until the iframes have loaded completely - fixes issues with clicking the button before load is complete */
.reporting-nav-link.dashboard_links.disabled {
	pointer-events: none;
	cursor:default;
}

/* CSS for Run Report/Cancel Report Buttons and Info Buttons */
.white-skin button#btn_run_report.btn-run-report, 
.white-skin button#btn_clear_report.btn-run-report,
.white-skin button#csv_report.btn-run-report {
	color: #2c3137 !important;
	background-color: var(--report-top-tab-color) !important;
}

.white-skin button.report-circle-btn.btn:not(:hover):not(.btn-outline-blue) {
	background-color: var(--report-top-tab-color) !important;
}

.white-skin button#btn_run_report.btn-run-report:hover, 
.white-skin button#btn_clear_report.btn-run-report:hover,
.white-skin button#csv_report.btn-run-report:hover {
	color: #fff !important;
	background-color: var(--button-color) !important;
}

.white-skin button#btn_clear_report.btn-run-report:hover i {
	color: #fff !important;
}

.white-skin a.player_report_btns:hover i {
	color: #2c3137 !important;
}

.white-skin .player_report_btns.btn:not(:hover):not(.btn-outline-blue),
.white-skin .media_report_btns.btn:not(:hover):not(.btn-outline-blue) {
    background-color: var(--button-clear) !important;
    color: var(--button-text-color) !important;
}

.white-skin a.btn.player_report_btns:hover,
.white-skin a.btn.media_report_btns:hover {
	/* color: #2c3137 !important; */
	color: #000 !important;
}

.reports_dashboard_top {
	top: 42px;
	padding-bottom: 10px !important;
	z-index: 500;
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.white-skin .reports_dashboard_top {
    background-color: white;
}

.mdb-skin .reports_dashboard_top {
    background-color: #2c3137;
}

.overlay.reports_overlay {
	background-color: rgba(0, 0, 0, 0.7);
}

#pop_data .carousel-control-next, 
#pop_data .carousel-control-prev {
	width: 4% !important;
}

#pop_data .carousel-control-prev {
	left: 29% !important;
}

#pop_data .carousel-control-next {
	right: 29% !important;
}

#playlistUsageCountsChart {
	max-height: 500px;
	min-height: 480px;
}

#playlistMediaUsageCountsChart {
	max-height: 500px;
	min-height: 480px;
}

#playerUsageCountsChart {
	max-height: 500px;
	min-height: 480px;
}

#playerChart-main {
	max-height: 500px;
}

#mediaChart-main {
	max-height: 500px;
}

#downloadChart-main {
	max-height: 400px;
}

#reportUsersChart-main {
	max-height: 500px;
}

.playlist_media_text {
	margin: 1rem;
	align-self: center;
}

#mainSystemActivityReportDiv #activity_table_wrapper,
#mainMediaCompatReportDiv .reports_compat_table_div,
#mainSyncErrorReportDiv #download_errors_table_wrapper,
#mainNoContentReportDiv #no_content_table_wrapper
#mainMediaReportDiv .media_pop_table_div {
	max-height: 800px;
	overflow-y: scroll;
}

#mainPlayerReportDiv .media_plays_chart_div {
	/* min-height: 550px; */
}

#mainPlayerReportDiv .picker--opened .picker__frame,
#mainMediaReportDiv .picker--opened .picker__frame,
#mainSystemActivityReportDiv .picker--opened .picker__frame,
#mainWayfindingReportDiv .picker--opened .picker__frame {
	top: 5% !important;
}

#mainPlayerReportDiv .dataTables_length,
#mainMediaReportDiv .dataTables_length,
#mainSyncErrorReportDiv .dataTables_length,
#mainNoContentReportDiv .dataTables_length,
#mainSystemActivityReportDiv .dataTables_length,
#mainMediaCompatReportDiv .dataTables_length,
#mainWayfindingReportDiv .dataTables_length {
	text-align: left;
}

#playlist_flyout_dropzone {
	height: 550px;
	min-height: 550px;
	overflow-y: scroll;
}

#playlist_flyout_dropzone #playlist_media_list {
	height: 550px;
	min-height: 550px;
	overflow-y: scroll;
}

.time_card:not(.has_data), .time_card:not(.has_data) .card-body {
	background-color: #a3a3a3 !important;
    color: #555555 !important;
}

.library_canva_logo {
	vertical-align: baseline;
}

#notifications {
	min-width: 400px;
	max-width: 700px;
}

.notifications_title {
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	font-weight: bold;
}

.notification_wrapper:not(.notification_read) {
	border: 2px solid var(--clr-button);
	color: black;
	border-radius: 10px;
	padding: 5px;
}

.notification_wrapper:hover {
	background-color: lightgray;
	/* cursor: pointer; */
}

.notification_wrapper.notification_read {
	border: 2px solid lightgray;
	color: #000;
	background-color: #fff;
	border-radius: 10px;
	padding: 5px;
}

.notification_bubble i {
	color: red;
}

.notification_div {
	min-height: auto;
	max-height: 500px;
	overflow-y: scroll;
}

.notifications_mark, .mark_all_as_read {
	font-size: 0.6rem !important;
}

.notification_wrapper.notification_read .notification_bubble i {
	color: lightgray;
}

.nav-bar-icons.new-notification {
	color: #dc3545 !important;
}

.mark_all_as_read {
	color: #2c3137 !important;
	background-color: var(--button-color) !important;
}

.mark_all_as_read:hover {
	color: #fff !important;
	background-color: var(--button-color) !important;
}

.user-message, .ai-message {
  margin-bottom: 10px;
  display: flex;
}

.user-message {
  justify-content: flex-end;
}

.ai-message {
  justify-content: flex-start;
}

.message-content {
  max-width: 80%;
  padding: 8px 12px;
  border-radius: 18px;
  word-wrap: break-word;
}

.user-message .message-content {
  background-color: #4a86e8;
  color: white;
}

.ai-message .message-content {
  background-color: #f0f0f0;
  color: black;
}

.typing-indicator {
  padding: 8px 12px;
  background-color: #f0f0f0;
  border-radius: 18px;
  display: inline-block;
}

.typing-indicator span {
  height: 8px;
  width: 8px;
  margin: 0 1px;
  background-color: #999;
  display: inline-block;
  border-radius: 50%;
  animation: typing 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: 0.2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes typing {
  0% { transform: translateY(0px); }
  28% { transform: translateY(-4px); }
  44% { transform: translateY(0px); }
}

/* ************************* END OF CUSTOM CSS ************************* */