/* Bootstrap headers overridden by Wordpress Template Twenty Twelve*/
h5{
	font-size: 1.25rem;
}
h4{
	font-size: 1.5rem;
}
h3{
	font-size: 1.75rem;
}

.no-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, Opera and Firefox */
}

button.btn:hover{
	background-image: initial;
}

/* This is ready to replace the one from the camera-control plugin, which is too small to show placeholders (MM)
   For two digit input fields */
.inc-two-digits {
	width: 62px;
}

.inc-hours-label {
	width: 64px;
}

.inc-colon-separator {
	font-size: 20px;
	padding-left: 3px;
}

.inc-status-indicator {
	width: .75rem;
	height: .75rem;
	border-radius: 50%;

}
.inc-indicator-initial {
	background-color: white;
}

.inc-indicator-none {
	background-color: green;
}

.inc-indicator-minor {
	background-color: yellow;
}

.inc-indicator-major {
	background-color: #E50046;
}

.inc-indicator-critical {
	background-color: red;
}

.inc-spinner-container {
    display: inline-block;
    position: relative;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border: none;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-items{
  border: 0.5px solid lightgray;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.menu-dot::after {
    content: "\A";
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #E60000;
    display: inline-block;
    margin-left: 3px;
    margin-bottom: 10px;
}

.hidden{
	display: none;
}

.highlight-on-hover:hover{
	background-color: #009FE34D;
}

.bg-primary{
	background: #28348A !important;
}
#page{
	min-width: 80%;
}

#primary{
	width:100%;
}

.waiting-image{
	content: '';
	max-width: 858px;
	height: 480px;
	margin: auto;
}

.waiting-background{
	background-color: black;
	max-width: 858px;
	height: 480px;
}

.waiting-message{
	color: whitesmoke;
	font-size: 16px;
	margin-left: 2em;
	padding-top: 30px;
	position: absolute;
}
#offlineMessageFoot{
	color: black;
}
.dvr-site-content {
	float: left;
	width: 100%;
}

.timeline-load-btn{
	cursor: pointer;
	color: #009FE3;
}

.logo {display: block;
    float: right;
    max-height: 100px;
    max-width:400px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    margin-top: -72px;
}

body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button {
    -webkit-animation-name: customize-partial-edit-shortcut-bounce-appear;
    animation-name: customize-partial-edit-shortcut-bounce-appear;
    pointer-events: auto;
    display: none;
}

@media screen and (max-width: 900px){
 .logo {
    display: none;
 }
}

@media screen and (max-width: 1550px){
	#page{
		min-width: 100%;
	}
}

/* Full Screen modal */
.md-modal {
  margin: auto;
	position: fixed;
	top: 100px;
	left: 0;
  	right: 0;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(#e4f0e3, 0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}
@media only all and (max-width: 768px){
	.md-trigger, #multi-view-btn, .edit-channel-name{
		display: none;
	}
}

.md-effect-12 .md-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
	background-color: #e4f0e3;
} 

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
	background: transparent;
}

/* MultiViewer */
/* So it can be dragged out of the page */
#page{
	overflow: visible;
}

.channel-title {
    position: absolute;
    top: 8px;
    color: red;
    z-index: 1;
    left: 25px;
}

/*User Management */
.table-button{
	cursor: pointer;
}

.user-inactive{
	color: #c9302c;/* Bootstrap danger*/
}

.user-expires{
	color: #f0ad4e;/* Bootstrap warning*/
}

.user-active{
	color: #449d44;/* Bootstrap success*/
}

#level-input{
	width: 120px;
}


#spin-container{
	display:inline; 
	position: relative; 
	left: -25px;
	top:-4px;
}

.settings-container{
	display: inline-block;
}

/* Rename Channels form */
.inline-form{
	display: inline;
}


.incidentshare-settings-header{
	cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.incidentshare-help{
	cursor: help;
}

.incidentshare-pointer{
	cursor: pointer;
}

.toast-middle-half-width {
    bottom: 50%;
    width: 100%;
}

#toast-container.toast-middle-half-width > div, #toast-container.toast-top-full-width > div {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.inc-secondary-bg {
  background-color: #009FE3 !important;
  color: white;
}

.inspect-menu-class{
	display: none !important;
}

.video-chat-menu-class{
	display: none !important;
}

/* Stripe Checkout Fonts */
div.s2member-pro-stripe-checkout-form-section-title.s2member-pro-stripe-form-registration-section-title, div.s2member-pro-stripe-checkout-form-div.s2member-pro-stripe-form-description-div{
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}