/* rewrite tablesorter theme.bootstrap_3.min.css style*/

.cursor-pointer {
  cursor: pointer;
}

.caption {
  background-color: inherit !important;
}

.popover.confirmation.in .popover-title {
  color: #000000;
}

/* reset form inner portlet */
.portlet form.form-horizontal {
  margin-block-end: 0em;
}

/* .page-header.navbar .menu-toggler>span {
	top: 5px!important;
} */

.bootstrap-switch-wrapper {
  max-height: 32px;
}

/*
HELP DOCUMENTS
*/
/*#container {
		width: 100%;
	height: auto;
		display: flex;                  
		flex-direction: row;            
		flex-wrap: nowrap;              
		justify-content: space-between; 

		padding: 20px;
	margin-bottom: 30px;
	background-color: #fff;
}*/
/*#divleft {
		width: 15%;
	padding: 18px 0 0 5px;
	background-color: #f3f6f9;
	
}*/

/*#dicenter {
		width: 5px;
		background: #f3f6f9;
}

#divright {
		width: 85%;
	padding: 0 0 0 15px;
	
}*/
/*.portlet-title .nav {
	letter-spacing: 1px;
	margin: 0 0 0px 0;
		font-size: 14px;
		font-weight: 600;
	background-color: #f3f6f9;
}

#img_container{
	width: 100%;
	margin: 0 auto;
	float: left
}
.imgcon{
		float:left;
		margin-left:20px;
		margin-top:20px;

}
.imgname{
		min-width:100%;
		height:30px;
		background-color: #f3f6f9;
		color: #5C9BD1;
		vertical-align: middle;
		display: flex;
		align-items: center;
		justify-content: center;
}
.imgwh{
		height:300px;
		width:300px;
}

.category{
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.fotos{
	width: 100%;
	float: center
}

.lili{
	list-style-type: none;
	margin-bottom: 5px;
}

#ulul {
	margin-left: -12%;
}*/
/* #picname{ */
/* display: flex; */
/* align-items: center; */
/* justify-content: center; */
/* padding-top: 10px; */
/* padding-bottom: 10px; */
/* background-color: #f3f6f9; */
/* border-color: grey; */
/* color: #5C9BD1; */
/* vertical-align: middle; */
/* } */
/* .imgcon{ */
/* min-width:400px; */
/* max-width:100%; */
/* align-items: center; */
/* justify-content: center; */
/* } */
/* .img{ */
/* width:100%; */
/* } */

/***
HELP page
***/
.help-page .bordered {
  border: 1px solid;
  border-color: #e7ecf1;
}

.help-page .search-bar {
  padding: 20px;
  margin-bottom: 30px;
  background-color: #fff;
}

.help-page .search-bar .input-group {
  width: 100%;
}

.help-page .search-bar .input-group > input {
  border: none;
  background-color: #f3f6f9;
  color: #a0a9b4;
  height: 55px;
}

.help-content-1 .help-section {
  background-color: #fff;
  padding: 30px 30px 0px 30px;
  margin-bottom: 10px;
}

.help-content-1 .help-section > .portlet-title .nav .help-title {
  margin: 0 0 0px 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
}

.help-content-1 .tab-content .tab-pane .help-section .panel-group .panel-group {
  margin-bottom: 0;
}

.help-content-1 .tab-content .tab-pane .help-section .panel-group .panel {
  border: none;
}

.help-content-1
  .tab-content
  .tab-pane
  .help-section
  .panel-group
  .panel-heading {
  background-color: transparent;
  margin-top: 0px;
}

.help-content-1
  .tab-content
  .tab-pane
  .help-section
  .panel-group
  .panel-heading
  i {
  font-size: 10px;
  color: #dae0e5;
  margin-right: 10px;
  margin-top: 4px;
  float: left;
}

.help-content-1
  .tab-content
  .tab-pane
  .help-section
  .panel-group
  .panel-heading
  .accordion-toggle {
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 600;
  color: #5c646a;
  padding: 0 0 0px 20px;
  line-height: 12px;
}

.help-content-1
  .tab-content
  .tab-pane
  .help-section
  .panel-group
  .panel-heading
  .accordion-toggle:hover {
  text-decoration: none;
  color: #3598dc;
}

.help-content-1 .tab-content .tab-pane .help-section .panel-group .panel-body {
  border: none;
  background-color: #f3f6f9;
  margin-left: 20px;
}

.help-content-1
  .tab-content
  .tab-pane
  .help-section
  .panel-group
  .panel-body
  > p {
  color: #6a757e;
  font-size: 14px;
  line-height: 22px;
}

.help-content-1
  .tab-content
  .tab-pane
  .help-section
  .panel-group
  .panel-body
  > p:first-child {
  margin-top: 0;
}

.help-content-1
  .tab-content
  .tab-pane
  .help-section
  .panel-group
  .panel-body
  > p:last-child {
  margin-bottom: 0;
}

.table-divider {
  height: 55px;
}
/* *****Custom style */

.tablesorter-blue td,
.tablesorter-bootstrap td {
  font-size: 90%;
}
.tablesorter-bootstrap th {
  font-size: 12px !important;
  outline: none;
}
.tablesorter-blue th {
  text-align: center;
}

.portfolio-content
  .cbp-l-filters-button
  .cbp-filter-item.cbp-filter-item-active {
  background-color: #36c6d3;
  border-color: #36c6d3;
  color: #fff;
}

.portfolio-content .cbp-l-filters-button .cbp-filter-counter,
.portfolio-content
  .cbp-l-filters-button
  .cbp-filter-item.cbp-filter-item-active {
  background-color: #36c6d3;
  border-color: #36c6d3;
  color: #fff;
}

.portfolio-content .cbp-l-filters-button .cbp-filter-counter:before,
.portfolio-content
  .cbp-l-filters-button
  .cbp-filter-item.cbp-filter-item-active:before {
  border-top-color: #36c6d3;
}

.cbp-popup-singlePage .cbp-popup-content {
  max-width: 1920px;
}

.cbp-caption.img-thumbnail .cbp-caption-activeWrap {
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.cbp-popup-singlePage-counter {
  font-size: 18px;
}

.table-scrollable.table-doc-details {
  max-width: 100%;
  width: auto;
  margin: 20px auto !important;
}

/* Tablesorter bootstrap theme customize */

/* TABLESORTER PAGER WIDGET */

/* pager wrapper, div */
.tablesorter-pager {
  padding: 5px;
}

/* pager wrapper, in thead/tfoot */
td.tablesorter-pager {
  background-color: #e6eeee;
  margin: 0;
  /* needed for bootstrap .pager gets a 18px bottom margin */
}

/* pager navigation arrows */
.tablesorter-pager img {
  vertical-align: middle;
  margin-right: 2px;
  cursor: pointer;
}

/* pager output text */
.tablesorter-pager .pagedisplay {
  padding: 0 5px 0 5px;
  width: 50px;
  text-align: center;
}

/* pager element reset (needed for bootstrap) */
.tablesorter-pager select {
  margin: 0;
  padding: 0;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.tablesorter-pager.disabled {
  display: none;
}

/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
  /* visibility: hidden */
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}

/*** custom css only popup ***/
.columnSelectorWrapper {
  position: relative;
  margin: -5px 0;
  display: inline-block;
}

.columnSelector,
.hidden {
  display: none;
}

.columnSelectorButton {
  background: #99bfe6;
  border: #888 1px solid;
  color: #111;
  border-radius: 5px;
  padding: 5px;
  cursor: pointer;
}

#colSelect1:checked + label {
  background: #5797d7;
  border-color: #555;
}

#colSelect1:checked ~ #columnSelector {
  display: block;
}

.columnSelector {
  width: 180px;
  position: absolute;
  top: 30px;
  padding: 10px;
  background: #fff;
  border: #99bfe6 1px solid;
  border-radius: 5px;
}

.columnSelector label {
  display: block;
}

.columnSelector label:nth-child(1) {
  border-bottom: #99bfe6 solid 1px;
  margin-bottom: 5px;
}

.columnSelector input {
  margin-right: 5px;
}

.columnSelector .disabled {
  color: #ddd;
}

.map_filters1 {
  padding: 10px 10px 10px 10px;
  background: #ffffff;
  color: #578ebe;
  position: relative;
  top: -479px;
  left: 10px;
  float: left;
  border: 1px solid #146126;
  border-radius: 5px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  z-index: 3;
}

.top-menu .dropdown-user .dropdown-toggle {
  display: inline-block;
  height: 100% !important;
}

/*index page*/
#index .sparkline-holder {
  text-align: right;
}

/*portlets hover*/
#index .portlet.light {
  transition: all 0.3s linear;
}

#index .portlet.light:hover {
  box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
}

/*#modal-table-80 .table td, #modal-table-80 .table th {
	font-size: 13px!important;
}*/

/*table-sorter light*/
.table_light td {
  font-size: 13px;
}

/*jqvmap zoom buttons style*/
.jqvmap-zoomout {
  top: 30px;
}

.jqvmap-zoomin {
  top: 10px;
}

.jqvmap-zoomin,
.jqvmap-zoomout {
  position: absolute;
  left: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #666;
  padding: 3px;
  color: white;
  height: 16px;
  width: 16px;
  cursor: pointer;
  line-height: 10px;
  text-align: center;
}

/*End jqvmap zoom buttons style*/
#index .chart_p {
  display: flex;
  align-items: center;
  justify-content: center;
}

#index .chart_p .num {
  align-self: center;
  position: absolute;
  padding: 0;
  margin: 0;
  font-size: 18px;
}

/*Table admin_users*/
.table-editable td {
  vertical-align: middle !important;
}

.table-editable .tablesorter-filter.form-control.disabled {
  display: none;
}

.table-editable .icheckbox_flat-green.disabled {
  filter: contrast(0);
}

.table-sortable .ui-sortable-row {
  border: 2px solid;
}

.toastr-btn-container {
  display: flex;
  flex-direction: row;
  margin: 10px 0;
  width: 100%;
  justify-content: space-between;
}

.notifier-container {
  position: fixed;
  right: 0;
  padding: 10px;
  width: 320px;
  background-color: #f89406;
  z-index: 9;
  border: 1px solid #e7ecf1;
  border-radius: 6px;
  opacity: 0.94;
}

.notifier-container h6 {
  margin: 10px auto 20px;
  font-weight: 600;
  text-align: center;
  font-size: 14px;
}

.notifier-container .btn-danger {
  float: right;
}

/*END Table admin_users*/

/*PHOTOS Gallery*/
#js-grid-juicy-projects {
  margin-top: 20px;
  /*min-height: 100vh;*/
}

#add-f-container {
  padding: 12px 0;
  background-color: #fff;
}

.photos-checkbox {
  position: absolute;
  right: 0;
  margin: 10px;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.6);
}

.photos-checkbox.hover {
  background-color: white;
}

#fotos-info-actions-wrapper {
  margin-left: auto;
}

#photos-badge {
  /*position: fixed;*/
  /*right: 10px;*/
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  z-index: 99;
  background-color: #36c6d3;
  /*border: none!important;*/
  color: #fff;
  text-decoration: none;
  /*border-radius: 4px;*/
  /**/
  /*padding: 7px 18px;*/
  margin: auto 20px;
  /**/
}

#photos-badge > div {
  color: #fff !important;
  text-transform: uppercase;
}

#modal-photo-list.bootbox .mt-action-img img {
  max-width: 50px;
  max-height: 50px;
}

#modal-photo-list.bootbox .mt-action-desc {
  margin-top: 10px;
}

#modal-photo-list .modal-body {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

#modal-photo-list .mt-action-buttons {
  width: 40px;
}

#modal-photo-list .mt-actions .mt-action .mt-action-img > img {
  border-radius: 4px !important;
}

#modal-photo-list .mt-actions .mt-action .mt-action-body {
  padding-left: 25px;
}

#modal-photo-list #zip-progress {
  opacity: 0;
  margin-bottom: 0px;
}

.sticky-container {
  position: sticky;
  position: -webkit-sticky;
  top: 40px;
  z-index: 9;
  background-color: #eef1f5;
  padding: 15px 20px 0;
  margin: 0 -20px;
}

/* .sticky-container.is-fixed-top{
	position: fixed;
	top: 0;
	max-width: 100vw;
} */
#js-filters-juicy-projects {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;
  margin: 10px 0;
  padding-top: 18px;
  border-top: 1px solid rgba(145, 145, 145, 0.3);
}

.page-content-white .page-title {
  margin: 25px 0 10px;
}

.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter,
.cbp-l-filters-button .btn:hover .cbp-filter-counter {
  transform: translateY(-10px);
  opacity: 1;
}

.cbp-l-filters-button .cbp-filter-counter {
  padding: 0;
  left: auto;
  right: -10px;
  /*transition: all .2s ease-out;*/
}

.portfolio-content .cbp-l-filters-button .cbp-filter-counter {
  background-color: #e43a45;
}

.cbp-l-filters-button .cbp-filter-counter:after {
  border-top: 0;
}

.cbp-l-filters-button .cbp-filter-item,
.cbp-l-filters-button .btn {
  margin: 0 7px 10px 7px;
  position: relative;
}
/* Scrollbar */
.scroll::-webkit-scrollbar {
  /*width: 1px;*/
  height: 8px;
}

.scroll::-webkit-scrollbar-track {
  background: #ddd;
}

.scroll::-webkit-scrollbar-thumb {
  background: #666;
}

#loadmore {
  margin: 25px;
  text-align: center;
}

.cbp-l-slider-title-block {
  min-height: 42px;
}

.cbp-l-slider-title-block div {
  border-bottom: none;
}

/*END PHOTOS GALLERY*/
/*Filters Customize container*/
.photos-checkbox {
  display: none;
}

#report-photo .photos-checkbox {
  display: block;
}

/**/
/* hide default filter in report fotos before fixed filter not init */
#report-photo #filter-sidebar {
  display: none;
}

/*  fixed filter in report fotos classes */
#filter-sidebar.fixed-filter-container {
  position: fixed !important;
  top: auto;
  right: -500px;
  max-width: 400px;
  background-color: #eef1f5;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  z-index: 99;
  transition: opacity 0.5s linear, right 0.5s linear;
}

@media (max-width: 480px) {
  #filter-sidebar.fixed-filter-container {
    max-width: 80%;
  }
}

#filter-sidebar.fixed-filter-container.shown {
  opacity: 1;
  right: 0px;
  display: block !important;
}

@media (max-width: 480px) {
  #filter-sidebar.fixed-filter-container.fixed-top {
    top: 0;
  }

  #filter-sidebar.fixed-filter-container.fixed-top .portlet {
    height: 100vh;
  }

  #filter-sidebar.fixed-filter-container {
    height: calc((var(--vh, 1vh) * 100) - 100px) !important;
  }
}

#filter-sidebar.fixed-filter-container {
  height: calc((var(--vh, 1vh) * 100) - 50px);
}

#filter-sidebar.fixed-filter-container .portlet {
  border-radius: 0;
  border-right: none;
  border-bottom: none;
  margin-bottom: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

#filter-sidebar.fixed-filter-container .portlet > .portlet-body {
  border-radius: 0;
  overflow-y: auto;
}

#filter-sidebar.fixed-filter-container .portlet .form-actions {
  background-color: #fff;
}

#filter-sidebar.fixed-filter-container .portlet .tools .collapse {
  display: none;
}

#filter-sidebar.fixed-filter-container .form-body {
  padding: 10px;
  overflow-x: hidden;
  overflow-y: hidden;
}

#filter-sidebar.fixed-filter-container .form-actions {
  border-top: 1px solid #c2cad8;
  padding: 12px;
  /* height: 100%; */
}

#filter-sidebar.fixed-filter-container
  .select2-container.select2-container--bootstrap.select2-container--open {
  z-index: 9999;
}

/*END Filters Customize container


/* Modal Right sidebar */

.modal-right-side .modal-content {
  border: 0;
  border-radius: 0;
}

.modal-right-side.modal.fade .modal-content .portlet {
  display: flex;
  flex-direction: column;
  border-radius: 0;
  height: 100vh;
  overflow-y: auto;
  margin: 0;
  border: 0;
}

.modal-right-side .modal-content .portlet .portlet-title {
  position: sticky;
  top: 0;
  border: 0;
  border-radius: 0;
  z-index: 9999;
  display: table;
}

.modal-right-side .modal-content .portlet.box .portlet-title .actions {
  padding: 10px 0 5px;
  margin-right: 20px;
}

.modal-right-side .modal-content .portlet .portlet-body {
  border-radius: 0;
  flex: 1;
}

.modal-right-side.modal {
  padding-right: 0px !important;
  border: 0;
}

.modal-right-side .modal-dialog {
  margin: 0 0 0 auto;
}

.modal-backdrop {
  /*left: 0;*/
}

.modal-right-side.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal-right-side.modal.right.fade.in .modal-dialog {
  right: 0;
}

/*End Modal sidebar */

.tr-work-deny td {
  /*background-color: rgba(232,67,4,.12)!important;*/
  background-color: rgba(255, 14, 25, 0.13) !important;
}

.tr-work-deny.odd:hover > td {
  background-color: #bfbfbf !important;
}

.tr-work-deny.even:hover > td {
  background-color: #d9d9d9 !important;
}

.comments-icon {
  background-color: rgba(54, 198, 211, 0.8) !important;
}

.daterangepicker .calendar-table .today:not(.active) {
  background: rgba(250, 244, 65, 0.5);
}

.fullheight-rightside-btn {
  background: transparent;
  border-radius: 0;
  width: 50px;
  margin: -10px -20px -15px 0;
  border-left: 1px solid #eef1f5;
}

.fullheight-rightside-btn:hover,
.fullheight-rightside-btn:active {
  background: rgba(90, 85, 163, 0.2);
  border-bottom-right-radius: 4px;
}

.last-tr-clicked {
  border-top: 2px solid #cdcdcd;
  border-bottom: 2px solid #cdcdcd;
}

.last-tr-clicked td {
  font-weight: 600;
}

/*OOS dashboard*/
.ajax-waiting {
  background-color: #abe7ed !important;
}

.ajax-waiting .fa {
  color: #fff;
}

#list-info-sn .accordion-toggle {
  padding-right: 30px;
}

#list-info-sn .accordion-toggle .caption.caption-category {
  display: flex;
  flex-direction: row;
  font-size: 13px;
}

#list-info-sn .accordion-toggle .caption.caption-category .caption-helper {
  display: block;
  margin-left: auto;
}

#list-info-sn .subcat-list .list-group-item {
  display: flex;
  justify-content: space-between;
  border-right: none;
  border-left: none;
}

#list-info-sn .subcat-list.list-group .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

#list-info-sn .subcat-list.list-group .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.modal-full-screen {
  padding: 0px !important;
}

.modal-full-screen .modal-dialog {
  width: 100%;
  margin: 0px !important;
}

.modal-full-screen .modal-dialog .modal-content {
  border-radius: 0 !important;
  min-height: 100vh;
}

/*OOS dashboard end*/

/*Bootstrap Table Custom*/
.bootstrap-table.fullscreen {
  top: 50px !important;
}

/*.bootstrap-table .table td, 
.bootstrap-table .table th {
    font-size: 1.25rem;
}*/
.bootstrap-table th {
  vertical-align: text-top !important;
}
.bootstrap-table tbody tr:hover {
  cursor: pointer;
}

.bootstrap-table td,
.bootstrap-table th,
.bootstrap-table .fht-cell .filter-control {
  font-size: 13px;
  padding: 4px;
}

/*Bootstrap Table Custom*/
.photo-detail-wrapper {
  display: inline-block;
  position: relative;
}

.photo-detail-wrapper .photo-hd-mark,
.cbp-item-wrapper .photo-hd-mark {
  position: absolute;
  color: white;
  background-color: rgba(53, 152, 220, 0.7);
  font-weight: 700;
}

.photo-detail-wrapper .photo-hd-mark {
  top: 0;
  left: 0;
  padding: 8px 24px;
  font-size: 30px;
}

.cbp-item-wrapper .photo-hd-mark {
  bottom: 0;
  right: 0;
  padding: 4px 10px;
  font-size: 14px;
  z-index: 3;
}

.photo-detail-match-wrapper {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  opacity: 0;
}

.photo-detail-match-wrapper .alert {
  color: #2f353b;
  width: 100%;
  padding: 12px;
  margin: 0;
  justify-content: space-between;
  align-items: center;
  border-radius: 0;
}

.photo-detail-match-wrapper .alert {
  background-color: rgba(255, 255, 255, 1);
}

.photo-detail-match-wrapper .alert .btn-shelfmatch-toggler {
  font-size: 14px;
  transition: opacity 0.2s linear;
}

.photo-detail-match-wrapper .alert:hover .btn-shelfmatch-toggler {
  /*opacity: 1;*/
  font-size: 18px;
}

.photo-detail-match-wrapper .bootstrap-switch .bootstrap-switch-label {
  margin-top: -3px;
  margin-bottom: -3px;
}

.photo-detail-match-wrapper .photo-detail-match-header {
  color: black;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.photo-detail-match-wrapper .photo-detail-match-header p {
  margin: 0;
}

#photoMatchSelect .shelf-match-toggle-switch-wrapper {
  opacity: 0;
  transition: opacity 0.2s linear;
}

#photoMatchSelect.in .shelf-match-toggle-switch-wrapper {
  opacity: 1;
}

/* Image Preview */
.label-for-image-preview {
  position: relative;
  cursor: pointer;
}
.label-for-image-preview .remove-img-btn {
  position: absolute;
  right: 5px;
  top: 5px;
  display: block;
  opacity: 0.5;

  transition: opacity 0.3s linear;
}
.label-for-image-preview .remove-img-btn:hover {
  opacity: 1;
}
.label-for-image-preview .img-thumbnail {
  height: 280px;
}
/* Image Preview End */

tr.v-data-table__selected {
  background: #e3e5ea !important;
}
.v-data-table tbody tr.v-data-table__expanded__content {
  /*box-shadow: inset 0 4px 8px -5px rgb(50 50 50 / 47%), inset 0 -4px 8px -5px rgba(50,50,50,.75);*/
  box-shadow: none !important;
}
.row-pointer > .v-data-table__wrapper > table > tbody > tr:hover {
  cursor: pointer;
}
/* VUETIFY  */
#vue-app {
  min-height: 100vh;
  background: #eef1f5;
}

/* vuetify customize styles */
/** SCROLLBAR */
/* width */
.v-application ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
.v-application ::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.v-application ::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.v-application ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.v-application ::-webkit-scrollbar-thumb:horizontal {
  background: #888;
}

.vuecard-fullscreen-mode {
  /*position: absolute;*/
  position: fixed;
  overflow-y: auto;
  width: calc(100vw - 15px) !important;
  max-width: calc(100vw - 15px) !important;
  left: 0;
  top: 0;
  margin: 0 !important;
  padding: 0 !important;
  right: 0;
  z-index: 9999;
  height: 100vh;
  background-color: #fff;
}

/** SCROLLBAR */
/* width */
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.custom-scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.v-application .green {
  background-color: #5cd1db !important;
  border-color: #5cd1db !important;
}
.v-application .theme--light.v-pagination .v-pagination__item {
  outline: none;
}
.v-application .page-sidebar.navbar-collapse {
  z-index: 1;
}
.v-application .v-dialog__content.v-dialog__content--active {
  z-index: 9999 !important;
}

.v-application .scrollable {
  overflow-y: auto;
  transition: all 0.3;
  padding-right: 6px;
}

.v-application .comments-wrapper {
  overflow-y: auto;
}
.v-application .v-dialog--active .zoomed-image {
  display: block !important;
}

/**/
.v-application .v-tooltip__content {
  z-index: 9999 !important;
}
.v-application .v-toolbar--absolute.v-toolbar--collapse.v-toolbar--collapsed {
  width: 62px;
}
.v-application .v-input__control .v-label {
  margin: 0 !important;
}

.v-application .page-content {
  min-height: 100vh !important;
}
.v-application #filter-drawer-container #filter-form .form-group {
  margin-bottom: 0;
}
.v-application #filter-drawer-container {
  position: fixed;
  bottom: 20px;
  height: calc(var(--vh, 1vh) * 100) !important;
  top: 50px;
  z-index: 9999;
}
.v-application
  #filter-drawer-container
  .v-navigation-drawer__content
  .form-body {
  padding: 10px 25px 10px 15px;
}
.v-application #filter-drawer-container .v-navigation-drawer__prepend {
  margin: auto -16px;
  padding: 0px 15px;
  z-index: 9;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
}
.v-application #filter-drawer-container .v-navigation-drawer__append {
  margin: auto -16px;
  padding: 15px;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14),
    0 1px 14px 0 rgba(0, 0, 0, 0.12) !important;
  z-index: 9;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: end;
  gap: 8px;
}
/*fix select2 z-index fo aside filters*/
#vue-page + .select2-container--open {
  z-index: 9999 !important;
}
/* END VUETIFY  */

.text-transform-capitalize {
  text-transform: capitalize !important;
}

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

.text-transform-lower {
  text-transform: lowercase !important;
}

.text-transform-upper {
  text-transform: uppercase !important;
}

.h-100 {
  height: 100%;
}

.w-100 {
  width: 100%;
}

.no-text-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.mod4-question-timer {
  display: flex;
  font-size: 12px;
  gap: 16px;
}