/*
 * FISH Secondary CSS
 * Additional to Bootstrap

 #466676
#5050A0
#405490

 */

/* CSS Document */
@font-face {
	font-family: 'Roboto';
	font-weight: 100;
	src:	url('../fonts/Roboto-Thin.ttf') format('truetype');
}

@font-face {
	font-family: 'Roboto';
	font-weight: 300;
	src:	url('../fonts/Roboto-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'Roboto';
	font-weight: 400;
	src:	url('../fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Roboto';
	font-weight: 500;
	src:	url('../fonts/Roboto-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'RobotoCondensed';
	font-weight: 300;
	src:	url('../fonts/RobotoCondensed-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'RobotoCondensed';
	font-weight: 400;
	src:	url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'RobotoCondensed';
	font-weight: 500;
	src:	url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
}




@font-face {
	font-family: 'BebasNeue';
	font-weight: 300;
	src:	url('../fonts/BebasNeuewebfont.eot');
  src:	local('BebasNeuewebfont'),
				url('../fonts/BebasNeuewebfont.woff') format('woff'),
				url('../fonts/BebasNeuewebfont.ttf') format('truetype');
}

@font-face {
    font-family: 'AbelFG';
    font-style: normal;
    font-weight: 400;
    src:    local('Abel Regular'),
            local('Abel-Regular'),
            url('../fonts/Abel.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'Syncopate';
    font-style: normal;
    font-weight: 400;
    src:    local('Syncopate Regular'),
            local('Syncopate-Regular'),
            url('../fonts/Syncopate.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'OpenSansR';
    font-style: normal;
    font-weight: 400;
    src:    local('Open Sans Regular'),
            url('../fonts/OpenSans-Regular.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'OpenSansL';
    font-style: normal;
    font-weight: 400;
    src:    local('Open Sans Light'),
            url('../fonts/OpenSans-Light.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


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

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

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

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

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

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

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	height: 100%;
}

body {
	padding-top: 60px;
	font-family: Roboto, Abel, OpenSansR, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 1rem;
	text-rendering: optimizeLegibility;
}

body.modal-open {
	overflow: hidden;
}

td a {
	text-decoration: none;
	font-weight: bold;
}

.strong {
	font-weight: 500;
}

section {
	padding: 80px 0;
}

.glyphicon {
	top:0;
}

.clearfix {
  zoom: 1;
}

.clearfix::after {
  content: "";
  clear: both;
	height: 0;
	visibility: hidden;
}

a:hover, a:focus {
	text-decoration:none;
}

td a:hover, td a:focus {
	text-decoration: none;
}

.thumbtext {
	font-family: OpenSansR, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 8px;
}

.form-horizontal {
	width: 100%;
}

h1, .h1 {
	font-size: 240%;
	font-weight: 300;
	word-spacing: 2px;
}

h2, .h2 {
  font-size: 180%;
	font-weight: 300;
	word-spacing: 2px;
}

h3, .h3 {
	font-size: 130%;
	font-weight: 300;
	letter-spacing: 0px;
}

h4, .h4 {
	font-size: 115%;
	letter-spacing: 0px;
	font-weight: 400;
}

h5, .h5 {
	font-size: 100%;
	letter-spacing: 0px;
	font-weight: 300;
}

/* .h5-l {
	padding-left: 10px;
} */

h6, .h6 {
	font-size: 100%;
	letter-spacing: 0px;
}

h1, .h1, h2, .h2,
h3, .h3, h4, .h4,
h5, .h5, h6, .h6 {
	font-family: RobotoCondensed;
	text-align: left;
}

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

.h-upper {
  text-transform: uppercase;
}

.row {
	/* margin: 0 auto; */
	margin: 0;
}

.logo-box {
	position: absolute;
	top: 20px;
	left: 20px;
}

.login-box {
	position: absolute;
	padding: 30px 30px 10px 30px;
	width: 780px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-60%);
	-webkit-transform: translate(-50%,-50%);
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
}

.login-box div {
	text-align: center;
}

.btwrapper {
  /* set the height of the element which contains what you want to center */
  height: 100%;
  /* these styles are optional, to set width horizontally center the page */
  max-width: 500px;
  margin: 0 auto;
}
.btwrapper:before, .btcontainer {
  /* these are the important styles for the centered element: */
  display: inline-block;
  vertical-align: middle;
}

.centre-text {
	text-align: center !important;
	font-size: 125%;
  display: flex;
  justify-content: center;
  align-items: center;
	height: 100%;
}

.btwrapper:before {
  /* this is the important part */
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  /* this just takes care of whitespace added by having display:inline-block (there are other methods) */
  margin-left: -0.25em;
}

/* all tabs */
.nav > li > a {
	border: 0;
	margin-top: 6px;
	padding: 6px 20px;
  text-decoration: none;
	background-color: transparent;
	border-bottom: transparent;
}

.nav-tabs {
	border-bottom: 1px solid transparent;
	line-height: normal;
	max-width: 1800px !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	border-bottom-color: transparent;
	cursor: default;
	padding-bottom: 1px;
}

.navbar-inverse .navbar-nav>.active>a {
	border: 1px solid transparent;
	border-radius: 0px;
	margin-top: 6px;
	padding: 5px;
}

.nav > li {
  font-family: Abel, OpenSansR,'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:22px;
}

.navbar-brand-image {
  padding: 0px;
}

.navbar-form {
	margin-top: 5px;
	margin-bottom: 0px;
}

.navbar-inverse {
	border: 0;
}

.navbar-brand {
	padding: 0px;
	height: 60px;
}

.navbar {
	margin-bottom: 0px;
	padding: 0px 0px 0px 10px;
	margin-left: auto;
	margin-right: auto;
}

.navbar-outer {
	border: 0;
	height: 60px;
	width: 100%;
}

.navbar-header {
	overflow: visible;
}

.dropdown-right {
	margin-right: 40px;
}

.navbar-centre {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.navbar-title {
	font-size: 2rem;
	font-family: RobotoCondensed, BebasNeue;
	margin-top: 20px;
	margin-left: 180px;
}

li.navbar-title {
	margin-bottom: 1rem;
}
.nav-user {
	padding-top: 3px;
}

.case-divs {
	font-family: "Calibri";
	font-weight: 300;
	padding: 2px;
	margin-top: 1px;
}

.comment-divs {
	margin-top: 5px;
	margin-bottom: 0px;
}

.inline-note {
	padding: 14px 18px;
	margin: 0px !important;
	border-radius: 0px;
	font-size: 125%;
}

.task-note {
	padding: 14px 18px;
	margin: 0px !important;
	border-radius: 0px;
	font-size: 100%;
}

.content-div {
	padding: 0;
	overflow:auto;
	/* margin-top: 10px; */
}

.content-div-medium {
	/* height: calc(100vh - 330px); */
	max-height: calc(100vh - 270px);
}

.content-div-mediumer {
	/* height: calc(100vh - 330px); */
	max-height: calc(100vh - 380px);
}

.content-large {
	height: calc(100vh - 120px);
	padding: 0;
	overflow:auto;
	margin-top: 10px;
}

.content-third {
	height: calc(33vh - 95px);
	padding: 0;
	overflow:auto;
	margin-top: 10px;
	min-height: 200px;
}

.content-large-1 {
	height: calc(33vh - 85px);
}

.content-large-2 {
	height: calc(66vh - 140px);
}

.content-dialog {
	height: calc(100vh - 260px) !important;
	min-height: 250px !important;
	padding: 10px;
	overflow:auto;
	margin-top: 10px;
}

.content-div p {
	margin: 2px 0;
}

.content-div-inner {
	max-height: calc(100vh - 300px);
	overflow:auto;
	padding: 0;
}

.content-div-inner-large {
	overflow:auto;
	padding: 0;
}

.content-div-fixed {
	height: calc(100vh - 270px);
}

.content-div-fixed-paginated {
	height: calc(100vh - 310px);
}

.content-div-fixed-shorter {
	height: calc(100vh - 310px);
}
.content-div-longer {
	max-height: calc(100vh - 223px);
	height: calc(100vh - 223px);
}

.content-div-dialog {
	max-height: calc(100vh - 400px);
	overflow:auto;
	padding: 0;
}

.content-div-short {
	max-height: calc(100vh - 410px);
	padding: 0;
	overflow:auto;
	margin-top: 10px;
}

.content-div-notop {
	margin-top: 0;
	max-height: calc(100vh - 320px);
}

.content-div-scroll {
	overflow:auto;
}

.tab-outer {
	height: 100%;
  display: flex;
  flex-flow: column;
  align-items: stretch;
}

.tab-top,
.tab-bottom {
	flex: 0 1 auto;
	width: 100%;
}

.tab-remainder {
	flex: 1 1 auto;
}

.fields-view {
	max-height: calc(100vh - 380px);
	overflow: auto;
	padding-left: 0;
	padding-right: 0;
}

.tabs-div {
	margin-top: 0px;
	border: 0;
}

.bottom-40 {
	height: calc(100vh - 41px);
}

.bottom-140 {
	height: calc(100vh - 240px);
}

.bottom-200 {
	height: calc(100vh - 280px);
}

.bottom-div {
	margin-top: 20px;
	margin-bottom: 20px;
}


.user_details {
	padding: 20px;
	margin:3px;
}

.user_details_inner {
	padding: 10px;
	border:1px solid;
	border-radius: 10px;
}

.main-container {
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 2px;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	height: calc( 100vh - 60px );
	text-align: center;
	overflow:auto;
	padding-top: 5px;
	/* padding-top: 2px;
	padding-bottom: 8px; */
}

.inner-main {
	/* margin-top: 10px;
	margin-bottom: 10px; */
	text-align: center;
	/* height: calc( 100vh - 140px ); */
	height: 100%;
}

.inner-flex {
	display:flex;
}

.inner-main div {
	text-align: left;
}

.justify-content-center {
	display: flex;
}

.inner-main .justify-content-center {
	text-align: center;
}

.inner-main .loader {
	text-align: center;
}

.beer-container {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	width: 75%;
}

.container {
	max-width: 1600px;
}

.outer-container {
	width: calc(100% - 40px);
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

.x-outer-container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

.inner-container {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

.inner-left {
	border-radius:6px;
	margin-left: 0px;
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 20px 20px 20px;
}

.inner-right {
	border-radius:6px;
	margin-left: 2px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 10px 20px 10px;
	position: fixed;
	width: 100%;
	height: 100%;
}

.highlight {
	border-radius: 10px;
	border-width: 1px;
	border-style: solid;
	margin: 20px 30px 10px 30px;
}

.fish-container {
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}

.dialog-container {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding: 15px;
}

.no-padding {
	padding: 0px;
}

.recent_activity {
	margin:3px;
	padding:20px;
}

.product_rating {
	text-align:right;
	margin-top: 10px;
}

.product_more {
	margin-left:20px;
	margin-right:20px;
	margin-top:25px;
	margin-bottom:25px;
	cursor:pointer;
	text-decoration:underline;
}

.grid-item { width: 176px; }
.grid-item--width2 { width: 50%; }

.thumbnail-inner {
	margin: 3px;
}

.thumbnail-image {
  max-width:100%;
	max-height:100%;
	border: 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	vertical-align: -webkit-baseline-middle;
	vertical-align: middle;
}

.thumbnail-helper {
	display: flex;
	height: 100%;
	align-items: center;
}

.thumbnail-container {
	width: 160px;
	height: 120px;
	margin: 5px;
}

.badge {
	margin-top: 3px;
}

#case_scene_overview {
	margin-left: 25px;
	float: left;
	position: relative;
}

.docket_div2 {
	float: left;
	top: 10px;
}

.case-scene-item, .case-image-rest {
	width: 140px !important;
	height: 132px;
	margin: 0px 5px 5px 0px;
	overflow:hidden;
	text-align:center;
	float: left;
	padding: 0px;
}

.case-image-item {
	width: 140px !important;
	margin: 0px 5px 5px 0px;
	overflow:hidden;
	text-align:center;
	float: left;
	padding: 0px;
}

.case-scene-item, .case-image-item {
	cursor:pointer;
}

.case-image-item a {
	text-align: center;
}

.case-image-item p, .case-image-item div {
	text-align: center;
}

.card {
	float: left;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	padding: 10px;
}

.card-40 {
	height: 40px;
}

.card-60 {
	height: 60px;
}

.card-80 {
	height: 80px;
}

.jumbotron h1,
.jumbotron .h1 {
	font-size: 42px;
}

.modal-title {
	margin-left: auto;
	margin-right: auto;
	font-size: 130%;
	font-weight: 400;
	padding-top: 3px;
	top: 2px;
	text-transform: none;
	font-family: Abel;
	flex: 1;
	text-align: center !important;
}

.modal-header {
	border-width: 1px;
	padding: 3px 0px 4px 0px;
	border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.modal-sub-header, .modal-sub-prompt {
	padding: 10px;
}

.modal-content {
	border-width: 1px;
	border-radius: 6px;
}

.modal-footer {
	border-width: 1px;
	padding: 0.5em 0.5em;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.modal-dialog {
	max-width: 940px;
}

.modal-dialog-medium {
	max-width: 800px !important;
}

.modal-dialog-small {
	max-width: 600px !important;
}

.modal-dialog-slim {
	max-width: 576px !important;
}

.modal-dialog-wide {
	width: calc(100% - 100px);
	max-width: 1600px;
}

.modal-dialog-large {
	max-width: none;
	margin: 10px;
}

.modal-dialog-centered {
	height: calc(100% - 60px) !important;
	/* min-height: calc(100% - 60px) !important;
	max-height: calc(100% - 60px) !important; */
}

.modal-body-min {
	min-height: 300px;
}

.modal-header .close {
	padding: 0px 6px 4px 7px;
	margin: 3px 6px 0 auto;
}

.close:hover {
  text-decoration: none;
}

button.close {
	font-weight: 300;
	padding: 0;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.fadefish {
  transition: opacity 0.15s linear;
}

.modal.fade .modal-dialog .modal-dialog-small{
	transition: none;
}

.header-link {
    margin-left: 30px;
}

.modal-open {
	padding-right: 0 !important;
	overflow-y: none;
}

.listStyle {
	font-family:"Calibri";
	font-weight:300;
	padding:2px;
}

.selected-listitem {
  text-decoration: none;
}

label {
	text-transform: none;
	position: relative;
	top: 7px;
	font-weight: 300;
	font-size: 14px;
}

label.large {
	font-size: 18px;
}

.label {
	text-transform: none;
	font-weight: 300;
	top: 0px;
}

.fdata {
	margin-left: 10px;
	min-width: 26px; 
}

.finline {
	display: inline-block;
}

.labelR {
	text-align: left;
}

.labelL {
	text-align: right;
}

.floatLeft {
	float:left;
}

.form-radio-input {
	margin-top:0px !important;
	position:relative;
	top:5px;
	/* left:15px; */
	width:26px;
	height:26px;
}

.form-check-input {
	margin-top: 0px !important;
	margin-left: 0px !important;
	position:relative;
	top: 0px;
	/* left: 40px; */
	width: 30px;
	height: 28px;
}

.listFont {
	font-size: 16px;
	font-family: Abel, OpenSansR,'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* .formheight {
	margin-bottom:15px;
} */

#formDiv {
	display: none;
	height:100%;
}

#view_fields {
	overflow-y: scroll;
	padding: 20px 20px 10px 20px;
	/* margin-top: 10px;
	margin-bottom: 10px; */
	margin-left: -20px;
	margin-right: -20px;
	border: 1px solid #333;
}

@media (min-width: 993px) {
	#testID {
		height: calc( 100% - 255px );
	}
}

@media (max-width: 992px) {
	#testID {
		height: calc( 100% - 357px );
	}
}

@media (max-width: 768px) {
	#testID {
		height: 400px;
	}
}

#innerForm {
	min-height:450px;
	overflow-y:hidden;
	margin-bottom:0;
	padding-left: 20px;
	padding-right: 20px;
}

#menuButton {
	float:left;
	border-radius:0;
	background-color:transparent;
	font-size:16px;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	margin-top:4px;
}

.dropdown-submenu {
	position:relative;
}

.dropdown-submenu>.dropdown-menu {
	top:0;
	left:100%;
	margin-top: 0px;
	margin-left: 0px;
	border-radius: 0;
}

.dropdown-submenu:hover>.dropdown-menu {
	display:block;
}

.dropdown-submenu>a:after {
	display:block;
	content:" ";
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:5px 0 5px 5px;
	margin-top:5px;
	margin-right:-10px;
}

.dropdown-submenu.pull-left {
	float:none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	/* -webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px; */
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.datepicker {
	min-width:125px;
}

html, body {
	min-height: 100% !important;
	width:100%;
}

.dropdown-menu {
	padding: 0px;
	margin-top: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.dropdown-menu.in-page {
	padding: 0px;
	box-shadow: none;
	margin-top: 0px;
	margin-left: 10px;
}

.dropdown-menu.pull-left {
	left: -60px !important;
}

.dropdown-item:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* .dropdown-item:last-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
} */

.div-hidden {
	visibility: hidden;
}

.btn {
  font-family: Abel, OpenSansR,'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	min-width: 120px;
	background-image: none;
	border-radius: 0px;
	text-transform: none;
	border-width: 1px;
	padding: 0.25rem 0.5rem;
	min-height: 35px;
}

.btn-upload {
	min-width: 50px;
}

.text-right,
.btn-right {
	float: right;
	margin-left: auto;
	margin-right: 0px;
}

.btn-right {
	float: right;
	margin-left: auto;
	margin-right: 5px;
}

.btn-right:nth-of-type(1) {
	margin-right: 0px;
}

.btn-left {
	float: left;
	margin-left: 5px;
}

.btn-left:nth-of-type(1) {
	margin-left: 0px;
}

.btn.disabled, .btn:disabled {
	background-color: transparent;
	opacity: 0.35;
}

.btn-remove {
	margin-top: 10px;
	width: 100px;
	min-width: 100px;
}

.btn-inlist {
	margin-right: 4px;
	font-size: 80%;
	height: 24px;
	width: 80px;
	min-width: 80px;
	padding: 0px;
}

.btn-incard {
	margin-right: 4px;
	height: 24px;
	width: 80px;
	min-width: 80px;
	padding: 0px;
}

.btn-comment {
	width: 150px;
	min-width: 150px;
}

.btn-small {
	font-size: 14px;
}

.btn-very-small {
	font-size: 14px;
	height: 24px;
	min-height: 24px;
	padding: 1px;
	width: 60px;
	min-width: 60px;
	margin-left: 15px;
}

.btn-square {
	width: 36px;
	min-width: 36px;
}

.btn-square-small {
	width: 24px;
	min-width: 24px;
	height: 24px;
	min-height: 24px;
	margin-top: 6px;
	padding: 1px 4px 0 4px;
}

.btn-dropdown {
	min-width: 150px;
}

.btn-hidden {
	display: none;
}

.btn-large2 {
	font-family: BebasNeue;
}

.btn-large {
	font-size: 24px;
	font-family: RobotoCondensed, Abel, OpenSansR,'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	min-width: 240px;
	border-radius: 3px;
	text-transform: none;
	border-width: 1px;
	padding: 0.5rem 2rem;
}

.btn-vcontrol {
	height: 30px;
	width: 50px;
	min-width: 50px;
	margin-left: 2px;
	margin-right: 2px;
}

.tab-div,
.btn-tab,
.btn-dtab {
	/* display: inline-block; */
	border-radius: 0px;
	border: 0 !important;
  text-transform: uppercase;
	min-width: 100px;
	float: left;
}

.menu-text {
  text-transform: uppercase;
	font-weight: 400;
}

.btn-80 {
	min-width: 80px;
	max-width: 80px;
}

.btn-120 {
	min-width: 120px;
	max-width: 120px;
}

.btn-report {
	min-width: 100%;
	max-width: 100%;
	min-height: 28px;
	height: 28px;
	padding: 2px 4px;
}

table {
	table-layout: fixed;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 2px 8px 2px 12px;
	line-height: 1.42857143;
	vertical-align: middle;
}

.table > thead > tr > th {
	vertical-align: bottom;
}

th {
	overflow:hidden;
}

td {
	text-overflow: ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.dropdown-divider {
	margin: 0;
}

.dropdown-item {
	font-weight: 400;
	font-size: 1rem;
	text-transform: uppercase;
	font-family: 'Abel';

}

.dropdown-item, 
.dropdown-menu,
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
  text-decoration: none;
}

.topDiv {
	background-image: linear-gradient(rgba(10, 10, 10, 0.9), rgba(10, 10, 10, 0.9)), url(images/crimescene1.jpg);
	background-position: center;
	background-size: cover;
	height: 100vh;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.centreDiv {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.alert-info {
	font-size: 80%;
}

.section-case {
	text-align: center;
}

.section-case-info {
	padding-top: 30px;
}

.section-thumbnails {
	padding-top: 30px;
}

.section-case-info div h2 {
	text-align: center;
}

.fish-columns {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
}

.formLine {
	float:left;
	margin-right:10px;
	font-weight:300 !important;
	margin-top: auto;
	margin-bottom: auto;
	margin: 0;
}

.formLineFill {
	max-width: 95%;
}

.formLineSpace {
	width: calc(100% - 40px);
}

.formLine * {
	width: 100%;
}

#dropDiv {
	height:300px;
}

.indCase {
	float:left;
}

.fieldName {
	text-transform: uppercase;
}

.fieldNameInline {
	text-transform: lowercase;
}

.noteTitle,
.noteContent,
.fieldName,
.fieldValue,
.fieldNameInline,
.fieldValueInline {
	font-size:14px;
}

.type {
	font-family:"Calibri";
	font-weight:300;
	padding:2px;
	margin-bottom:-1px;
}

textarea, select, input, button, li, a {
	font-family: 'Roboto';
	font-size: 16px;
	outline: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

input, input:focus,input:active:focus,input.active:focus,
input.focus,input:active.focus,input.active.focus,
.btn:focus,.btn:active:focus,.btn.active:focus,
.page-button, .page-button:focus, .page-button:active.focus, .page-button.active.focus
.list-button, .list-button:focus, .list-button:active.focus, .list-button.active.focus
.btn.focus,.btn:active.focus,.btn.active.focus {
		outline: none !important;
		box-shadow:none !important;
		-webkit-box-shadow: none !important;
	}

.fish-panel {
	padding: 0px;
}

.fish-dtab {
	padding: 2px;
}

.fish-tab {
	height: 100%;
}

.fish-tab-shorter {
	height: calc(100vh - 200px);
}

.fish-tab-hidden {
	display: none;
}

.tab-bar-container {
	display: block;
}

.tab-bar-container-d {
	display: block;
}

.tab-bar-left {
	display: block;
	float: left;
	margin-left: 0;
}

.tab-bar-right {
	display: block;
	float: right;
	margin-right: 10px;
}

.thumbnail-holder {
	margin: 10px auto;
	display: flex;
}

.thumbnail-holder img {
	max-width: 200px;
}

.fill {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden
}
.fill img {
	flex-shrink: 0;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}

.submission_header {
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 1.1rem;
	font-weight: 400;
}

.service_header {
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 1.3rem;
	font-weight: 500;
}

.task_header {
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 1rem;
	font-weight: 400;
}

.submission_extra {
	margin-top: 5px;
	margin-bottom: 2px;
	font-size: 1rem;
}

.submission_data,
.service_data {
	margin-bottom: 0;
	font-size: 0.9rem;
}

.task_data {
	margin-bottom: 0;
	font-size: 0.8rem;
}

.submission_thumb {
	text-align: right;
	vertical-align: middle;
	border: 0;
	margin: 5px;
	height: 80px;
}

.center-col {
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	text-align: center;
}

.info-form, .case-info-form {
	margin: 0px auto;
	max-width: 600px;
}

.case-info-form-wide {
	margin: 0px auto;
	max-width: 3600px;
}

.exhibit-info-form {
	margin: 0px auto;
	/* max-width: 900px; */
}

.info-form-left {
	margin-left: 10px;
	margin-right: auto;
}

.info-form-right {
	margin-left: auto;
	margin-right: 10px;
}

.case-info-form p, .case-info-form-wide p {
	margin-top: 1px;
	margin-bottom: 1px;
}

.info-form p,
.info-form .btn-small,
.modal-body p {
	margin-top: 7px;
	margin-bottom: 7px;
}

.tight p {
	margin-top: auto;
	margin-bottom: auto;
	padding-top: 2px;
	padding-bottom: 2px;
}

.form-control {
	/* height: calc(1.5em + .75rem + 6px); */
	font-size: 14px;
  padding: 2px 12px;
  font-weight: 300;
	border-radius: 0px;
	width: 100%;
	display: flex;
}

/* .form-label.inline {
	width: 40%;
}

.form-control.inline {
	width: 60%;
} */

.form-control.large {
	font-size: 16px;
}

.form-control:focus {
  outline: 0;
}

.form-control::placeholder {
	font-weight: 400;
}

.form-control:disabled {
  opacity: 1;
}

/* select.form-control  {
  font-size: 16px;
} */

.fancybox-caption__body {
	font-size: 160%;
}

.fancybox-infobar {
	font-size: 160%;
}

#reportsList {
	/* height:75%;
	min-height:450px; */
	height: calc(100vh - 200px);
	overflow-y:auto;
}

.dash-list {
	min-height:450px;
	overflow-y:auto;
}

.buttonsContainer {
	margin-top: 0px;
}

.btn-in-group {
	margin: 5px 10px 5px 0px;
}

.btn-in-group.btn-right {
	margin: 5px 0px 5px auto;
}

.btn-in-vgroup {
	margin: 0px 0px 5px 5px;
	min-width: 140px;
}

.btns-col {
	flex-direction: column;
	width: 150px;
}

form {
	margin-top: 10px;
	margin-bottom: 20px;
}

.form-inline {
	margin-top: 0px;
	margin-bottom: 0px;
}

.modal-body {
	padding: 0.25rem;
}

.modal-body form {
	margin-top: 0px;
	margin-bottom: 0px;
}

.fb-button {
	margin-left: 0px;
	font-size: 150%;
}

.fancybox-progress {
	height: 10px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-ms-transform-origin: 0;
	transform-origin: 0;
	transition-property: transform;
	transition-timing-function: linear;
	z-index: 99998;
}

.fancybox-thumbs {
	width: 228px;
}

.fancybox-thumbs a {
	margin: 4px;
}

.btn-sort {
	min-width: 38px;
	width: 38px;
	height: 38px;
	margin-right: 2px;
	padding: 0px;
}

/* .submission_detail_inner {
	padding: 5px 10px;
} */

.btn-sort:hover,
.service_detail_inner:hover,
.task_detail_inner:hover,
.submission_detail_inner:hover,
.case-divs:hover,
.listStyle:hover,
.btn-tab-selected:hover {
  text-decoration: none;
}

.btn-sort:hover,
.btn-sort:active,
.btn-sort:focus,
.btn-selected,
.btn-selected:focus,
.btn-selected:hover,
.btn-selected:active,
.service_detail_inner_highlighted,
.service_detail_inner_highlighted:hover,
.task_detail_inner_highlighted,
.task_detail_inner_highlighted:hover,
.submission_detail_inner_highlighted,
.submission_detail_inner_highlighted:hover,
.btn-tab-selected,
.btn-tab-selected:active,
.btn-tab-selected:focus {
  text-decoration: none;
}

.btn-tab-disabled,
.btn-tab-disabled:active,
.btn-tab-disabled:hover,
.btn-tab-disabled:focus {
	cursor: default !important;
}

.btn-btm-right {
	float: right;
	margin-top: 5;
}

.service_detail_inner p,
.task_detail_inner p,
.submission_detail_inner p {
	margin-bottom: 0px;
}

.service_detail_inner div,
.task_detail_inner div {
	margin-top: 1px;
	margin-bottom: 1px;
}

/* .service_detail_inner div,
.task_detail_inner div,
.submission_detail_inner div {
	margin-top: 1px;
	margin-bottom: 1px;
} */

.submission_detail_minor {
	font-size: 80%;
	margin-left: 8px !important;
	margin-top: 0px !important;
}

.submission_detail_extra {
	text-align:right;
}

.field_name_large,
.field_name_medium2,
.field_name_medium,
.field_name_small,
.field_value_large,
.field_value_medium2,
.field_value_medium,
.field_value_small {
	font-family: Calibri;
}

.field_name_large,
.field_value_large {
	font-size: 16px;
}

.field_name_medium,
.field_value_medium {
	font-size: 12px;
}

.field_name_medium2,
.field_value_medium2 {
	font-size: 14px;
}

.field_name_small,
.field_value_small {
	font-size: 10px;
}

.alertNotes {
	overflow:auto;
	min-height: 100px;
	width: 100%;
	margin-bottom: 30px;
	max-height: calc(100vh - 420px);
}

.large-main-logo {
	display: inline;
}

.small-main-logo {
	display: none;
}

.centered {
  text-align: center !important;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip-inner {
  border-radius: 4px;
	padding: 10px;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  text-align: center;
  padding: 10px 0;
  border-radius: 16px;
  position: absolute;
  z-index: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
	margin-top: 2px;
}

.comment-entry {
	min-height: 100px;
}

.alert-container {
	min-height: 60px;
}

.alert-container .alert {
	margin: 0;
}

.alert-container-top {
	position: absolute;
	top: 20px;
}

.note-div p {
	margin-bottom: 0px;
}

.sort-row h3 {
	margin-top: 10px;
	margin-bottom: 0;
}

.page-nav {
	text-align: center !important;
	width: 100%;
	display: flex;
	margin-top: 20px;
}

.page-list {
	padding-left: 0;
	list-style: none;
	border-radius: 1px;
	display: flex;
}

.page-item {
	list-style: none;
}

.page-button,
.page-button-disabled {
	background-image: none;
	border-radius: 0px;
	text-transform: none;
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	line-height: 1.25;
	min-width: 40px;
	width: 40px;
	height: 40px;
}

.page-button-100 {
	padding: 0;
}

.page-button-1000 {
	font-size: 75%;
}

.list-button,
.list-button-disabled {
	background-image: none;
	border-radius: 0px;
	text-transform: none;
	position: relative;
	display: block;
	padding: 0 0 0 4px;
	font-size: small;
	line-height: 1;
	min-width: 20px;
	width: 20px;
	height: 20px;
	min-height: 20px;
	margin-left: auto;
	margin-right: 0px;
	margin-top: 3px;
}

.page-button,
.page-button:focus,
.list-button,
.list-button:focus {
	outline: none !important;
	box-shadow:none !important;
	-webkit-box-shadow: none !important;
}

.page-button-disabled,
.page-button-disabled:focus,
.list-button-disabled,
.list-button-disabled:focus {
	outline: none !important;
	box-shadow:none !important;
	-webkit-box-shadow: none !important;
}

.page-item:first-child .page-button,
.page-item:first-child .page-button-disabled {
	margin-left: 0;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-button,
.page-item:last-child .page-button-disabled {
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.adp {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	border: 0;
}

.page-button:active,
.page-button:hover {
	z-index: 1;
}

.page-button.selected {
	z-index: 1;
}

.page-item:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.page-button-disabled {
	cursor: default;
}

.case-scene-div {
	margin-bottom: 20px;
}

.case-scene-div-no-show,
.case-scene-div-empty,
.case-scene-div-hidden {
	display: none;
}

.scene-image-div {
	overflow: hidden;
	text-align: center !important;
	margin-left: auto;
	margin-right: auto;
	width: 120px;
	height: 86px;
}

.thumbnail-image-div {
	overflow: hidden;
	text-align: center !important;
	margin-left: auto;
	margin-right: auto;
	width: 138px;
	height: 138px;
	position: relative;
}

.card-img-wrapper {
  overflow: hidden;
  position: relative;
}

.member-icons {
  position: absolute;
  bottom: -30%;
  left: 0;
  right: 0;
  margin-left: 0;
  margin-right: 0;
  opacity: 0;
}

.case-image-item:hover .member-icons {
  bottom: 0;
  opacity: 1;
}

.animate {
  transition: all 0.3s ease-in-out;
}

.btn-tiny {
	height: 30px !important;
	width: 30px !important;
	font-size: 14px;
	display: inline-block;
}

.thumbnail-text {
	margin-top: 18px;
	font-size: 14px;
}

.pagination,
.formpagination {
	display: inline-flex;
}

.pagination-text {
	margin-top: 10px;
	display: flex;
	font-size: 85%;
}

.form-pagination-text {
	margin-top: 10px;
	font-size: 85%;
	display: inline-flex;
}

.pagination-text-left {
	float: left;
	margin-top: 8px;
	margin-left: 80px;
	display: inline-flex;
}

.pagination-text-right {
	float: right;
	margin-top: 8px;
	margin-right: 80px;
}

.pagination-text-left-col {
	float: left;
	margin-top: 8px;
	padding-left: 40px;
}

.pagination-text-right {
	float: right;
	margin-top: 8px;
	padding-right: 40px;
}

.btn-icon-only {
	min-width: 50px;
	max-width: 50px;
}

.btn-icon {
	margin-right: 10px;
}

.btn-icon-large {
	font-size: 50px;
}

.btn-control {
	min-width: 10px;
}

.input-group-text {
	min-width: 42px;
}

.alertify-notifier.ajs-right {
	right: 10px;
}

.alertify-notifier .ajs-message.ajs-visible {
	padding: 10px;
}

.alertify-notifier .ajs-message {
	width: 360px;
}

.alertify-notifier.ajs-right .ajs-message.ajs-visible {
	right: 365px;
}

.packed > div > div > p {
	margin-bottom: 0;
	padding-left: 0;
}

.no-padding > div {
	 padding-left: 0;
	 padding-right: 0;
}

.icon-big {
	font-size: 340%;
}

.loader {
  margin: 5rem auto;
	text-align: center !important;
}

.loader-div {
	position: fixed;
	top: 50px;
	left: 100px;
}

.loader-div-cases {
	margin: auto;
}

.loader-parent {
	position: relative;
	min-height: 300px;
}

.main-flex-container {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	max-width: 90% !important;

	padding: 2px;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	height: calc(100vh - 150px);
	text-align: center;
}

.flex-container {
	display: flex;
	flex-wrap: nowrap;
}

.flex-container-h {
	flex-direction: row;
}

.flex-container-hr {
	flex-direction: row-reverse;
}

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

.flex-container-v {
	flex-direction: column;
	max-height: calc(100vh - 90px);
}

.flex-container-vr {
	flex-direction: column-reverse;
	justify-content: flex-end;
}

.flex-leftover {
	flex: 2;
	overflow: auto;
}

.flex-fixed-200 {
	height: 200px;
}

.flex-sidebar {
	flex: 0 0 500px;
}

.flex-bottombar {
	height: 225px;
}

.flex-frame {
	padding: 10px 10px;
	text-align: left;
}

.label-small {
	font-size: 11px;
}

.label-r {
	text-align: right;
}

.task_info {
	margin-top: 10px;
}

.task_info p {
	margin-bottom: 0px;
}

.circle-text {

	height: 30px;
	width: 30px;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	padding-top: 4px;
	font: 18px Roboto;
}

.btn-start {
	height: 50px;
	width: 300px;
	padding: 0;
	margin: 10px;
	font-family: RobotoCondensed, BebasNeue;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 22px;
	border-radius: 3px;
	padding: 1px;
}

.navbar {
	height: 60px;
}

.dialog-label {
	margin-bottom: 0px;
	margin-right: 5px;
	text-transform: uppercase;
}

.dialog-small {
	font-size: 11px;
}

.dialog-value {
	margin-bottom: 0px;
}

.modal-body table {
	margin-bottom: 0px;
	border: 0px;
}

.modal-table {
	overflow-y: auto;
	padding: 0;
	max-height: calc(100vh - 300px);
}

.alert_row {
	height: 34px;
}

.alert_row .submission_detail_inner {
	padding-top: 3px;
	padding-bottom: 3px;
	height: 36px;
}

.filterBy {
	font-family:"Calibri";
	position:relative;
	top:7px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	font-weight:300 !important;
}
.reportsBtn {
	position:relative;
	margin: 5px;
}

.pageButton {
	width:90px;
	margin:5px;
}

.report-select {
	margin: 2px 0px;
}

.select-form {
	margin: 0 auto 5px auto;
	max-width:1600px;
	font-family:"Calibri";
}


select::-ms-expand {
	display: none;
}

.upload-box div p {
	padding-top: 10px;
}

.terms2 {
	max-width: 900px;
	padding: 20px;
	font-size: .7rem;
}

.terms2:empty {
	display:none;
}

.center-it {
	margin-top:20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.welcomeDiv {
	text-align: center;
	position: relative;
	padding:15px;
}

.modal-backdrop.in { z-index: auto;}

.table-head {
	font-family:"Calibri" !important;
	font-weight:300 !important;
	text-transform: uppercase !important;
	font-size:14px !important;
}

.table-body {
	font-family:"Calibri" !important;
	font-weight:300 !important;
	font-size:14px !important;
}

.pageCounter {
	font-family:'Calibri';
}

.chartdiv {
	margin:0 auto 20px auto;
}

.nextPrevButtons {
	width:300px;
	margin:0 auto;
}

#deleteDash {
	margin:0 auto;
	width:680px;
	display:none;
}

#selectDash {
	width:300px;
}

.dashButton {
	height:60px;
	width:200px;
	padding:0;
	margin:5px 5px;
}

#buttons {
	width:800px;
	position:relative;
	top:300px;
	margin:0 auto;
}

#case_scene_images {
	margin:25px auto;
}

.start-buttons {
	max-width: 1800px;
	position: relative;
	/* margin: auto auto; */
	display: flex;
	justify-content: space-evenly;
}

hr.broad {
	margin-top: 3px;
	margin-bottom: 3px;
}

hr.extra-wide {
	margin-left: -1rem;
	margin-right: -1rem;
}

.btn-centre {
	margin-right:auto !important;
	margin-left:auto !important;
}

.div-centre {
	text-align: center!important;
}

.btn-nav {
	min-width: 1px;
	border: 0px;
	font-size: 120%;
	padding: 0;
}

.btn-icon-nav {
	font-size: 40px;
	margin-right: 20px;
}

.user-box {
	line-height: 1.15;
	margin-left: 20px;
	margin-right: 20px;
	min-width: 140px;
}

.user-box p {
	margin-top: 2px;
	margin-bottom: 1px;
}

/* .fish_tab_div {
	padding-left: 10px;
	padding-right: 10px;
} */

.fish-dtab-div {
	/* max-width: 900px; */
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}

.user-select {
	max-width: 300px;
}

.disabled {
	pointer-events:none;
	cursor: pointer;
	opacity: 0.3;
}

.o-100 {
	opacity: 1;
}

.o-0 {
	opacity: 0;
}

.button-inside,
.relative {
	position: relative;
}

.btn-inside, .btn-inside:focus,
.btn-inside-invert, .btn-inside-invert:focus {
	position: absolute;
	right: 0px;
	top: 2px;
	border: none !important;
	height: 32px;
	width: 32px;
	min-height: 32px;
	min-width: 32px;
	background: none !important;
}

.btn-inside-invert:hover, .btn-inside-invert:active {
	background: none !important;
}

.btn-toggle, .btn-toggle:focus,
.btn-toggle:hover, .btn-toggle:active {
	height: 28px;
	background: none !important;
	border: none;
}

.btn-fill {
	width: 100%;
}

.btnUserDetails,
.btnUserPerms {
	cursor: pointer;
}

.text-center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.text-lowlight {
	opacity: 0.5;
}

input[type=checkbox] {
	display: inline-block;
	width: 29px;
	height: 34px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0px;
}

input[type=checkbox]:not(:checked) {
	background-image: url(images/checkbox-blank.png);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.small-check-input {
	display: inline-block;
	margin-top: 0px !important;
	position: relative;
	left: 10px !important;
	width: 20px !important;
	height: 20px !important;
}

.small-check-inline {
	display: inline-block;
	margin-top: 10px !important;
	position: relative;
	left: 10px !important;
	width: 20px !important;
	height: 20px !important;
}

.icon-overlay {
	display: inline-block;
	font-size: 80%;
	position: relative;
}

.icon-thumbnail {
	font-size: 400%;
}

.div-icon, .div-icon-left {
	margin-right: 2px;
	margin-top: 5px;
	width: 16px;
	float: right;
	line-height: 1.15;
}

.div-icon-left {
	float: left;
	margin-right: auto;
	margin-left: 2px;
}

.thumb-top-l {
	position: inherit;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
	padding-top: 1px;
	float: left;
	height: 18px;
}

.thumb-top-r {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: right;
	height: 22px;
}


.thumb-top-b {
	right: 5px;
	bottom: 1px;
	text-align: right;
}

.thumb-bottom-l {
	position: absolute;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
	padding-top: 1px;
	left: 0px;
	bottom: 0px;
	float: left;
	height: 22px;
	width: 100%;
}

.thumb-info {
	opacity: 0.4;
	transition: all 0.3s ease-in 0.3s;
}

.thumb-info:hover {
	opacity: 1;
}


.thumb-scene-text {
	position:inherit;
	text-decoration:none;
	font-weight:normal;
	padding-left: 10px;
	padding-top: 1px;
	text-align: center;
}

div .dropdown-item {
	cursor: pointer;
	/* text-transform: none; */
}

.thm-fixed {
	width: 120px;
	height: 120px;
}

.preview-fixed {
	/* width: 50%; */
	min-height: 100px !important;
	max-height: calc(100vh - 160px) !important;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: inline-block;
}

.markup-canvas {
	z-index: 30;
}


.dialog-ta {
	height: calc(100% - 60px) !important;
	resize: none;
}

.h-90 {
	height: 90px;
}

.h-100pc {
	height: 100%;
}

.w-100pc {
	width: 100% !important;
}

.w-100shad {
	width: calc(100% - 15px) !important;
}

.w-300 {
	width: 330px;
	margin: 0 auto;
}

.w-auto {
	width: auto !important;
}

.m-none {
	margin: 0 !important;
}

.restricted {
	cursor: default;
}

.list_detail,
.submission_detail {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	font-family: Calibri, Abel, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/* .submission_detail {
	border: 1px solid #343434;
} */

.spaced {
	margin-left: 2px !important;
	margin-right: 10px !important;
	margin-bottom: 10px !important;
}

.service_detail_inner,
.task_detail_inner,
.submission_detail_inner {
	border-radius: 0px;
	cursor: pointer;
	width: 100%;
	text-align: left;
}

.submission_detail_header {
	font-size: 110%;
	margin-left: 8px !important;
	margin-top: 2px !important;
}

.fcard {
	border-radius: 0px;
	width: 100%;
	text-align: left;
	padding: 5px;
	font-family: Abel, OpenSansR;
	font-size:16px;
}

.fcard .field {
	text-transform: uppercase;
}

.fcard.active.fcard-header {
	font-size: 110%;
}

.fcard p {
	margin-bottom: 0px;
}

.fcard div {
	margin-top: 1px;
	margin-bottom: 1px;
}

.fcard.active {
	cursor: pointer;
}

.fcard.inactive {
	cursor: not-allowed;
}

.fcard.active:hover {
  text-decoration: none;
}

.fcard_highlighted,
.fcard_highlighted:hover,
.fcard.active.fcard_highlighted:hover {
  text-decoration: none;
}

.fcard-40 {
	min-height: 40px;
}

.fcard-60 {
	min-height: 64px;
}

.fcard-80 {
	min-height: 80px;
}

.fcard-bold {
	font-weight: 700;
}

.fcard-spacer {
	width: 10px;
}

.fcard-trunc {
	max-height: 82px;
	display: flex;
}

.fcard-trunc div {
	height: 68px;
	overflow: hidden;
}


.right {
	float: right;
}

.right2 {
	margin-left: auto;
	display: block;
}

.div-right {
	float: right;
	text-align: right !important;
}

.report-option-old {
	margin-bottom:20px;
	height:26px;
}

.report-option,
.link-option {
	margin-top:2px;
	margin-bottom:2px;
}

.r-50 {
	float: right !important;
	width: 100px !important; 
}

.l-remain {
	float: left !important; 
	width: 100% !important; 
}

.mw-40 {
	padding: 0px;
	align-self: center;
	display: inline-block;
}

.form-group {
	margin-bottom: 0.5rem;
}

.nav-form {
	margin-top: 0px;
	margin-bottom: 0px;
}

.navbar-fish {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.ui-resizable {
	position: relative;
}

.large-icon {
	float:right;
	margin-right: 10px;
	margin-top: 3px;
	font-size: 40px;
	padding: 0px;
}

.category-icon {
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 20px;
	font-size: 30px;
	padding: 0px;
	text-align: center;
}

.float-button, .float-button-holder {
	position: fixed;
	right: -80px;
	top: 66px;
	transition: all 0.2s ease-in 0s;
	z-index: 999;
	cursor: pointer;
	padding-left: 0px;
	min-width: 135px;
}

.float-button:nth-child(1) {
	right: -100px;
	z-index: 999;
}

.float-button:nth-child(2) {
	right: -70px;
	z-index: 998;
}

.float-button:nth-child(3) {
	right: -40px;
	z-index: 997;
}

.float-button:nth-child(4) {
	right: -10px;
	z-index: 996;
}

.float-button:hover {
	right: 0px;
	/* z-index: 1000; */
}

.float-button:nth-child(1):hover {
	right: 0px;
}
.float-button:nth-child(2):hover {
	right: 30px;
}
.float-button:nth-child(3):hover {
	right: 60px;
}
.float-button:nth-child(4):hover {
	right: 90px;
}

.layout-icon {
	text-align: right;
	border: 0;
	margin: 10px;
	height: 80px;
	opacity: 0.5;
	transition: opacity 0.3s;
}

.layout-icon:hover {
	opacity: 0.8;
}

.layout-icon-selected,
.layout-icon-selected:hover {
	opacity: 1;
}

.modal-top {
	z-index: 3001;
}

.modal-topmost {
	z-index: 4000;
}



.row-like p {
	padding-left: 15px;
}

.image-preview-column {
	position: relative;
	margin: auto;
}

.image-preview {
	position: relative;
	margin: auto;
	padding: 10px;
}

.inner-preview {
	position: relative;
	margin: auto;
	touch-action: none;
	overflow: hidden;
}

.inner-preview-image {
	position: absolute;
	max-width:100%;
	max-height:100%;
	touch-action: none;
	user-select: none;
}

.inner-preview-shader {
	position: absolute;
}

.inner-preview-paper {
	position: absolute;
	border: none;
	touch-action: none;
	user-select: none;
}

.inner-preview-border {
	position: absolute;
	background-color: transparent;
	touch-action: none;
	user-select: none;
}

.modal-flex {
	display: flex;
	flex-wrap: wrap;
}

.side-form {
	width: 400px;
}

#drag-image {
	transform-origin: center;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
}

.rt90 {
	-webkit-transform:rotate(90deg); /* Chrome, Safari, Opera */
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);   /* Standard syntax */
}

.rt180 {
	-webkit-transform:rotate(180deg); /* Chrome, Safari, Opera */
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);   /* Standard syntax */
}

.rt270 {
	-webkit-transform:rotate(270deg); /* Chrome, Safari, Opera */
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);   /* Standard syntax */
}

.anim-rotate {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#inner-preview.rotate90 #drag-image {
  transform: rotate(90deg) translateY(-100%);
  -webkit-transform: rotate(90deg) translateY(-100%);
  -ms-transform: rotate(90deg) translateY(-100%);
}
#inner-preview.rotate180 #drag-image {
  transform: rotate(180deg) translate(-100%, -100%);
  -webkit-transform: rotate(180deg) translate(-100%, -100%);
  -ms-transform: rotate(180deg) translateX(-100%, -100%);
}
#inner-preview.rotate270 #drag-image {
  transform: rotate(270deg) translateX(-100%);
  -webkit-transform: rotate(270deg) translateX(-100%);
  -ms-transform: rotate(270deg) translateX(-100%);
}

.controls {
	position: relative;
	max-width: 330px;
	width: 330px !important;
	padding: 10px;
}

.not-controls {
	position: relative;
	max-width: calc(100% - 350px);
	width: calc(100% - 350px);
}

.service_detail_inner .col-sm-2,
.service_detail_inner .col-sm-4,
.service_detail_inner .col-sm-6,
.service_detail_inner .col-sm-8,
.service_detail_inner .col-sm-10,
.service_detail_inner .col-sm-12,
.task_detail_inner .col-sm-2,
.task_detail_inner .col-sm-4,
.task_detail_inner .col-sm-6,
.task_detail_inner .col-sm-8,
.task_detail_inner .col-sm-10,
.task_detail_inner .col-sm-12,
.submission_detail_inner .col-sm-2,
.submission_detail_inner .col-sm-4,
.submission_detail_inner .col-sm-6,
.submission_detail_inner .col-sm-8,
.submission_detail_inner .col-sm-10,
.submission_detail_inner .col-sm-12 {
	padding-left: 3px;
	padding-right: 3px;
}

blockquote {
	margin-bottom: 2px;
}

.removea, .removea:visited {
	outline:none;
}

.removea:hover{
	text-decoration:none;
}

section, footer, header, aside{
	display: block;
}

#upload {
	padding:15px;
	border-radius: 0px;
	height: calc(100vh - 270px);
}

.upload-form {
	height: calc(100vh - 300px);
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

#uploadUL {
	margin-left: 20px;
}

.upload-box {
	height: 200px;
}

#drop {
	text-align: center;
	text-transform: uppercase;
}

.drop-inner {
	margin-top: 30px;
	padding: 0px 30px;
	text-align: center !important;
}

.drop-inner div {
	text-align: center;
}

#upload_input {
	display:none;
}

#upload ul {
	list-style:none;
	border-top: 0px;
	border-bottom: 0px;
	overflow: hidden;
}

#upload ul li {
	height: 100px;
	position: relative;
}

#upload ul li input {
	display: none;
}

#upload ul li p {
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	font-size: 16px;
	position: absolute;
	top: 26px;
	left: 180px;
}

#upload ul li i {
	font-weight: normal;
	font-style:normal;
	display:block;
}

.upload-spinner {
	/* font-size: 36px; */
	cursor: pointer;
}

#upload ul li span {
	width: 15px;
	height: 12px;
	background: url('../img/icons.png') no-repeat;
	position: absolute;
	top: 16px;
	right: 16px;
	cursor:pointer;
}

#upload ul li.working span {
	height: 16px;
	background-position: 0 -12px;
}

footer {
	bottom: 0;
	height: 40px;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 100000;
}

footer h2 {
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	top:0;
	left: 50%;
	bottom:0;
	margin-left: -420px;
	padding:13px 20px 0;
	border-width:0 1px;
	line-height: 1;
	margin-top: 0;
}

footer h2 a {
	text-decoration:none !important;
}

footer h2 i {
	font-style:normal;
}

#tzine-download {
	opacity:0.9;
	font-size:11px;
	text-align:center;
	text-transform:uppercase;
	width:150px;
	height:28px;
	line-height:28px;
	text-decoration:none !important;
	display: inline-block;
	border-radius: 2px;
	font-weight: bold;
	margin-top:6px;
}

#tzine-download:hover {
	opacity:1;
}

#tzine-actions {
	position:absolute;
	top:0;
	width:500px;
	right:50%;
	margin-right:-420px;
	text-align:right;
}

#tzine-actions iframe {
	height: 21px;
	width: 95px;
	position: relative;
	float: left;
	margin-top: 11px;
}

.box {
	font-size: 16px;
	position: relative;
}

.box {
	margin-top: 0px;
	outline-offset: -5px;
	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	transition: outline-offset .15s ease-in-out, background-color .15s linear;
}

.box.is-dragover {
	outline-offset: -5px;
}

.box__dragndrop {
	display: inline;
}

.box-icon {
	fill: #92b0b3;
	display: inline;
	margin: 10px;
}

.box.is-uploading .box__input,
.box.is-success .box__input,
.box.is-error .box__input {
	visibility: hidden;
}

.box__uploading,
.box__success,
.box__error {
	display: none;
}

.box.is-uploading .box__uploading,
.box.is-success .box__success,
.box.is-error .box__error {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	-webkit-transform: translateY( -50% );
	transform: translateY( -50% );
}

.box__uploading {
	font-style: italic;
}

.box__success {
	-webkit-animation: appear-from-inside .25s ease-in-out;
	animation: appear-from-inside .25s ease-in-out;
}

.icon-hidden {
	display: none;
}

.check-group {
	margin-top: 10px;
}

.preview-image {
	left: 15px;
	max-width: 128px;
	max-height: 96px;
	display: block;
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.upload-image {
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.plot-container {
	margin-left: 60px;
}

.report-title {
	margin-bottom: 0;
	padding-top: 4px;
}

.report-section {
	margin-left: auto;
	margin-right: auto;
	max-width: 1600px;
}

.report-section h3 {
	text-align: center;
	margin-top: 4px;
}

.report-bg {
	padding: 10px 10px 10px 10px;
}

.report-header {
  cursor: pointer;
}

.report-header-centre {
  text-align: center;
}

.loader-parent {
	height: calc(100vh - 400px);
}

.fill-list, .fill-loader {
  position: absolute;
	width: 100%;
  top: 0;
	left: 0;
}

.fill-loader {
  z-index: 10;
}

.notes-dtab {
	height: 100%;
}

.notes-tab-subdiv {
	height: 300px;
}

.large-warning {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	font-size: 20px;
	text-align: center;
}

.large-warning-text {
	font-size: 36px;
	margin-left: auto;
	margin-right: auto;
}

.all-fields-warning {
	padding: 10px 10px;
}

.disabled-visible {
	opacity: 1;
}

.form-title {
	text-align: center !important;
	font-size: 24px;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.form-section-title {
	font-size: 20px;
	padding-left: 10px;
}

.form-section-contents {
	border: none;
	max-height: calc(100vh - 200px);
	padding: 10px;
}

.x-form-section-contents {
	border: none;
	max-height: calc(100vh - 300px);
	padding: 10px;
}

.x-form-section-contents-small {
	max-height: calc(100vh - 500px);
}

.form-section-div {
	margin: 0px;
	/* position: absolute; */
}

.form-row {
	margin-bottom: 1.2rem;
}

.form-label {
	text-transform: none;
}

.form-hr {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.x-form {
	/* min-height: 450px;    BAP TEST */
	overflow-y: hidden;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	/* height: calc( 100% - 75px );    BAP TEST  */
}

.x-form-small {
	height: calc( 100% - 75px );
}

.snippet-list,
.x-form-full {
	max-height: calc( 100vh - 180px );
}

.snippet-list {
	max-height: calc( 100vh - 180px );
	position: absolute;
	z-index: 777;
}

/* .x-form-fixed {
	height: calc( 100vh - 180px );
} */

/* .x-form-dlg {
	max-height: calc( 100vh - 180px );
	position: relative;
} */

.x-panel {
	padding: 0px;
	height: 100%;
}

.x-form-section {
	align-items: flex-start;
	align-content: flex-start;
	width: 100%;
	border: 0 !important;
}

.x-form-panel {
	width: 100%;
	margin-bottom: 0px;
	padding: 0px !important;
	overflow: hidden;
	/* margin-left: 10px;
	margin-right: 10px; */
	margin-left: 0px;
	margin-right: 0px;
}

.x-form-group {
	/* width: 100%; */
	margin-bottom: 0px;
	padding: 0px !important;
	overflow: hidden;
	/* margin-left: 10px;
	margin-right: 10px; */
	margin-left: 0px;
	margin-right: 0px;
}

.x-form-panel-pad {
	padding: 15px !important;
}

.x-form-group-pad {
	padding: 5px !important;
}

.x-form-column {
	align-items: flex-start;
	align-content: flex-start;
	padding-left: 0px;
	padding-right: 0px;
}

/* .x-form .form-control { */
.x-form {
	display:inline-block;
}

.x-form-field {
	position: relative;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	/* padding-right: 10px;
	padding-left: 10px; */
}

textarea.form-control {
	padding: 10px 10px;
}

/* .x-form label {
	padding: 5px 0px 0px 5px;
} */

.x-form label.inline {
	padding: 0px 10px 0px 0px;
	margin-bottom: 0px;
}

.x-form-check {
	/* margin-top: 4px; */
	margin-right: 10px;
	border-radius: 0px;
}

.x-form-radio {
	top: 12px;
	margin-left: 0px;
}

.x-form row {
	margin-left: 0;
	margin-right: 0;
}

.x-form .form-radio-input {
	position: relative;
	left: 0;
	width: 20px;
	height: 20px;
	margin-right: 8px;
}

.x-form-image-container {
	justify-content: center;
	align-content: center;
}

.form-drop-area.is-mouseover {
  border: 1px dashed #444;
	background-color: rgba(20,20,60,0.4);
}

.form-drop-area.is-dragover,
.img-drop-area.is-dragover,
.crsl-drop-area.is-dragover {
  border: 1px dashed #bfb;
	background-color: #5d5df0c4;
}

.btn-form-spacer{
	margin-top: 15px;
}

.x-form-image {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.radio-label {
	margin-bottom: 12px;
}

input.x-form-check {
	width: 32px;
	height: 32px;
}

.x-form-title {
	text-align: center !important;
	font-size: 28px;
	margin-top: 0.5rem;
}

.x-form-section-title {
	font-size: 20px;
	font-family: Abel;
	padding: 5px 20px;
}

.x-form-subtitle {
	font-family: Abel;
	font-size: 20px;
	width: 100%;
	padding: 2px 15px;
	margin-left: 10px;
	margin-right: 10px;
}

.x-form-label {
	padding: 2px 15px;
}

.x-form-text {
	padding: 2px 0px;
	font-size: 75%;
}

.x-form-panel-title {
	font-family: Abel;
	width: 100%;
	padding: 2px 0px 2px 10px;
	border-radius: 0px;
	-moz-border-radius: 0px;
}

.x-form-section > .x-form-column {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
	width: calc(100% - 20px);
}

.x-form-section > .x-form-column > .x-form-panel{
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 20px;
}

.x-form-section > .x-form-column > .x-form-panel:first-child {
	margin-top: 0px;
}

.x-form-section > .x-form-field {
	margin-left: 10px;
	margin-right: 10px;
}

.row.x-form-field {
	margin-bottom: 4px;
}

.x-form-panel-pad > .x-form-column {
	padding-left: 10px;
	padding-right: 10px;
}

.x-form-panel-pad > .x-form-column:first-child {
	padding-left: 0px;
}

.x-form-panel-pad > .x-form-column:last-child {
	padding-right: 0px;
}

.x-form-input-search {
	padding-right: 50px;
	display: block;
}

.x-form-input-file {
	padding-right: 50px;
	display: block;
	padding-top: 8px;
}

a.x-form-input,
.downloadable {
	cursor: pointer;
}

.x-form-button-search,
.x-form-button-addme,
.x-form-button-browse {
	max-width: 32px;
	min-width: 32px;
	display: block;
	position: absolute;
	right: 1px;
	top: 1px;
	min-height: 32px;
	height: 32px;
	border-radius: 1px;
}

.x-form-button-addme {
	right: 34px;
}

.x-form-button-addme > .btn-icon,
.x-form-button-search > .btn-icon,
.x-form-button-browse > .btn-icon {
	margin-right: 0px;
}

.x-form-holder {
	position: relative;
}

::-webkit-file-upload-button {
	display: none;
	border: 0;
	padding: 8px 0 0 0;
}

::-ms-browse {
	display: none;
	border: 0;
}

.form-control[readonly] {
	opacity: 1;
	pointer-events: none;
}

.user-form-check {
	left: 20px;
}

.highlight-conf {
	text-transform: uppercase;
}

.confirmation-message {
	/* font-size: 125%; */
	padding: 20px;
}

.left-slide {
	position: absolute;
	left: -305px;
	width: 300px;
	height: calc(100% - 70px);
	z-index: 99998;
	transition: left 0.2s ease-out;
	-webkit-transition: left 0.2s ease-out;
}

.left-slide.slide-on {
  left: 0%;
}

.slide-on > .modal-content,
.slide-on > .modal-content > .modal-header {
	border-radius: 0px;
}

.left-slide > .modal-content {
	height: 100%;
}

.abbr-list {
	padding: 0;
	overflow-y: scroll;
}

::-webkit-calendar-picker-indicator {
	filter: invert(1);
}

.video-frame {
	max-width: 100%;
	max-height: 100%;
}

video {
	margin: auto;
	max-width: 100%;
	max-height: calc(100vh - 300px);
}

.video-controls {
	opacity: 0.5;
	width: 400px;
  border-radius: 10px;
  transition: 1s all;
  display: flex;
}

.video-controls:hover, 
.video-controls:focus {
  opacity: 1;
}

.timer {
  font-size: 20px;
  font-family: monospace;
  flex: 5;
  position: relative;
	margin-left: 2px;
	margin-right: 2px;
  height: 30px;
	width: 180px;
}

.timer div {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
	height: 100%;
  z-index: 2;
}

.timer span {
  position: absolute;
  z-index: 3;
	left: 66px;
}

.selection-header {
	padding-top: 10px;
	margin-left: -20px;
	margin-right: -20px;
	padding-right: 44px;
	padding-left: 20px;
}

.col-thumb {
	width: 124px;
}

.fixed-width-left {
	width: 480px;
}

.fixed-130 {
	width: 130px;
	max-width: 130px;
	margin: 0px;
	height: 90px;
}

.card-cell {
	display: flex;
	align-items: baseline;
	flex-direction: column;
	justify-content: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.form-sketch {
	height: 300px;
	touch-action: none;
}

.sketch-buttons {
	position: relative;
	right: 4px;
	top: -40px;
	margin-left: auto;
	padding-left: .65rem;
}

.snippets {
	/* display: inline-block; */
	width: 450px;
	margin-left: -2px;
	margin-top: -5px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	z-index: 777;
	border: 1px solid #666;
	background-color: #333;
	padding: 4px;
}

.snippets.hidden {
	width: 0px;
}

.no-snippets {
	display: inline-block;
	width: 100%;
}

.snippet-text {
	display: inline-block;
}

.snippet-select {
	width: 160px;
}

.snippet-select, .snippet-input {
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}

.snippet-input {
	width: 6em;
}

.snippet-span {
	position: absolute;
	left: -9999px;
	display: inline-block;
	min-width: 6em;
}

.snippet-loader {
	/* position: relative;
	transform: translate(15%, -115%); */
	position: absolute;
	bottom: 5px;
	left: 5px;
	background-color: #202020;
	border: 1px solid #282828;
	width: 30px;
	height: 30px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgb(91, 121, 161);
	opacity: 0.4;
}

.snippet-loader.in-focus {
	opacity: 1;
}

.page-num-buttons {
	display: flex;
}

/* .pagination-text {
	display: inline;
} */

.form-list-grid {
	display: grid;
	gap: 0px;
	padding: 1px;
	width: 100%;
	grid-template-columns: 10% 10% 30% 40% 10%;
}

.form-list-grid > div {
	text-align: center;
	font-size: 14px;
	height: calc(1.5em + .75rem + 6px);
}

.form-list-grid > div.hidden {
	height: 0px;
}

.form-list-grid > div.form-list-grid-title {
	text-align: left;
	font-size: 16px;
	padding-top: 10px;
	padding-left: 5px;
}

.form-list-grid > div > input {
	width: 100%;
}

.form-list-grid > div > .form-control {
	border-radius: 0px;
}

.navbar,
.main-container {
	max-width: 1800px;
}

.m-10 {
	margin-left: 10px;
	margin-right: 10px;
}

.x-form-radio-hidden {
	display: none;
	width: 0px;
}

.radio-label-button {
	min-width: 60px;
	width: 60px;
	border-radius: 0;
}

.radio-holder label {
	padding: 5px;
	cursor: pointer;
	z-index: 90;
  font-family: Abel;
	font-size: 15px;
	min-width: 75px;
	border-radius: 0px;
	text-transform: none;
	border-width: 1px;
	/* padding: 0.25rem 0.5rem; */
	min-height: 35px;
	text-align: center;
	vertical-align: middle;
	top: 0px;
}

.radio-holder label.disabled,
.radio-holder label.disabled:hover {
	opacity: 0.01;
}

input[type=radio]:checked + label {
  opacity: 1;
  /* opacity: 0.8; */
}

.form-input-bright {
	opacity: 1;
	display: inline-block;
}

.case-tab-new {
	height: 100%;
	overflow: auto;
	padding-bottom: 0;
}

.btn-pole {
	position: absolute;
	top: 5px;
	right: 5px;
}

.btn-top-left {
	position: absolute;
	top: 5px;
	left: 2px;
	text-align: left !important;
	z-index: 900;
}

.btn-top-right {
	position: absolute;
	top: 1px;
	right: 2px;
	text-align: right !important;
	z-index: 900;
}

.btns-top-right {
	position: absolute;
	top: 62px;
	right: 4px;
	text-align: right !important;
	z-index: 900;
}

.btn-pole-add {
	position: absolute;
	bottom: 1px;
	right: 2px;
}

.btn-add {
	min-width: 100px;
}

.btn-add.btn-top-right {
	top: 10px;
	right: 8px;
	text-align: right !important;
	z-index: 900;
}

.btn-add.btn-top-right.dropdown-toggle {
	text-align: center !important;
}

.btn-pole-cancel {
	position: absolute;
	bottom: 1px;
	left: 2px;
}

.pole-inner {
	height: calc(100% - 35px);
}

.floating-pole-card {
	display: inline-block;
	vertical-align:top;
	width: 360px;
	margin-bottom:2px;
  margin-left: 1px;
	margin-right: 1px;
	padding-left: 0;
	padding-right: 0;
	font-family: Calibri, Abel, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.pole_thumb_col {
	width:124px;
}

.col-icon {
	width: 124px;
}

.col-icon-remainder {
	width: calc(100% - 124px);
}

.col-icon-small {
	width: 36px;
}

.pole_thumb {
	max-width: 120px;
	text-align: right;
  vertical-align: middle;
  border: 0;
  margin-left: 2px;
  margin-top: 1px;
}

.thin-content {
	max-width: 800px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.justify-content-start {
  text-align: left !important;
}

.justify-content-end {
	text-align: right !important;
}

.btn-floating {
	position: absolute;
	top: 63px;
	right: 5px;
	z-index: 900;
}

.flex-dash {
	display: flex;
	flex-flow: column;
	flex-wrap: nowrap;
}

.flex-inner {
	flex: 0 1 auto;
}

.flex {
	display: flex;
}

.flex-vert {
	/* height: 100vh; */
	display: flex;
	flex-direction: column;
	padding: 0.5rem 1rem;
}

.flex-top {
	height: fit-content;
}

.flex-middle {
	flex-grow: 1;
	/* overflow-y: auto; */
}

.flex-bottom {
	height: fit-content;
	align-items: center;
}





/*            SCROLLBAR                         */
::-webkit-scrollbar {
  width: 24px;
	height: 24px;
}

::-webkit-scrollbar-thumb {
	/* border-radius: 100vw; */
	border-radius: 0;
}

.tbody-wrapper::-webkit-scrollbar-thumb {
	border-radius: 0;
}

.tbody-wrapper::-webkit-scrollbar {
  width: 16px;
	height: 16px;
}

.file-upload {
	min-height: 100px;
	border-radius: 5px;
	padding: 10px;
}

.upload-list-inner {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* .submission_detail {
	margin-bottom: 20px;
} */

#case_scene_service_requests,
#case_scene_exhibits,
#case_scene_notes,
#dialog_notes_list {
	padding: 10px;
}

.case-image-item {
	margin: 3px;
}

.case-scene-item, .case-image-rest {
	margin: 3px 10px 10px 3px;
}

.btn-right-alone {
	display: block;
	margin-left: auto;
	margin-right: 10px;
}

.btn-col {
	display: block;
}

.full-screen-divider {
	width: 100vw;
	height: 1px;
	position: absolute;
	left: 0px;
}

.type_splitter {
	padding: 0 0 0 10px;
  margin-top: 0.5rem!important;
  margin-bottom: 0rem!important;
}

.col-20 {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 20%;
	max-width: 20%;
	width: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}

.col-40 {
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 40%;
	max-width: 40%;
	width: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}

.col-60 {
-ms-flex: 0 0 60%;
flex: 0 0 60%;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 60%;
max-width: 60%;
width: 100%;
position: relative;
padding: 0;
margin: 0;
}

.notinfo-form {
	font-size: 14px;
}

.user-object {
	text-align: left;
	float: left;
	width: 200px;
	height: 60px;
}

body.modal-open .content-large > .content-div-scroll {
	overflow: hidden;
	height: calc(100vh - 146px);
	margin-right: 24px;
}

.dialog-drop-area {
  border: 2px dashed #aaa;
  border-radius: 20px;
  height: 200px;
  font-family: sans-serif;
  margin: 20px;
  padding: 20px;
}

.dialog-drop-area.is-mouseover {
  border: 2px dashed #444;
	background-color: rgba(120,20,20,0.4);
}

.dialog-drop-area.is-dragover {
  border: 2px dashed #bfb;
	background-color: rgba(120,120,255,0.4);
}

.dialog-drop-area.loaded {
	background-color: rgba(120,255,120,0.4);
}


.drop-area.highlight {
  border-color: purple;
}

.my-form {
  margin-bottom: 10px;
}

#fileElem {
  display: none;
}

.button-row {
	display: flex;
  flex-flow: row;
  justify-content: space-evenly;
	width: 100%;
}

.testbg1 {
	background-color: #853;
}
.testbg2 {
	background-color: #558;
}
.testbg3 {
	background-color: #383;
}

.ta-fixed {
	resize: none;
	height: calc(100% - 8px);
	/* height: 100%; */
	width: 100%;
	padding: 10px;
}

.ta-json {
	font-family: Roboto;
}

.ta-fixed-btns {
	height: calc(100% - 45px);
}

textarea,
pre {
    -moz-tab-size : 4;
      -o-tab-size : 4;
         tab-size : 4;
}

.mt-auto {
	margin-top: auto;
}

select.form-control  {
 	padding: 0px 20px;
}

.v-none {
	visibility: hidden;
}

.explain-text {
	font-size: 14px;
}

.formpagination {
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width: 1200px) {
	.x-panel-bottom .col-12 {
			margin-bottom: 1rem; /* Add some space below the navigation */
	}
}

.vline {
	width: 2px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.carousel-indicators {
	margin-bottom: 0;
}

.carousel-control-next,
.carousel-control-prev {
	width: 20px;
}

.carousel-inner {
	max-height: 100%; /* Ensure the carousel-inner does not exceed its container's height */
	overflow: hidden; /* Prevent content from spilling outside */
	position: relative; /* Needed for child positioning */
}

.carousel-item {
	height: 100%; /* Make carousel-item fill the height of the parent */
	align-items: center; /* Center the image vertically */
	justify-content: center; /* Optional: Center the image horizontally */
}

.carousel-item.active {
	display: flex; /* Use flexbox to align the image */
}

.carousel-item img {
	max-height: 100%; /* Limit the image height to the carousel-inner's height */
	max-width: 100%; /* Ensure the image does not overflow horizontally */
	object-fit: contain; /* Maintain aspect ratio and fit within the parent */
}

/* .abs {
	position: absolute;
} */