body, html {
	height:100%;
	padding: env(safe-area-inset);   /* for iPhone X and up....watch the "notch" */
}

body {
	/*padding-top: 65px;*/
	font-family:'Arial', sans-serif;
	font-size:16px;
	/*padding:30px;*/
	background-color: #FAFAFA;
	/* removed 4/13/21
	background-color: transparent;
	background-image: linear-gradient(190deg, #08125D 11%, #060420 100%);*/
/* 	background-color:#007cba; */
	/*#0093D9;	*/
	/*
	background-color:transparent;
	background-image:linear-gradient(#08125D, #060420);
	background-repeat:no-repeat;
	background-color:#060420;*/
}

body.home {
	padding-top: 40px;
	background-color: transparent;
	background-image: linear-gradient(190deg, #08125D 11%, #060420 100%);
}

body.login {
	padding:0!important;
}

body.print, body.nobg {
	background:#fff;
/*	max-width:1200px;*/
}

@media only screen 
  and (max-device-width: 480px) {
	body.home {
		padding-top: 10px;
	}
}

/*h1, h2, h3, h4, h5, h6 {
	font-family:'Montserrat', sans-serif;
}*/

.login-panel {
	width:100%;
	max-width:800px;
	border:1px solid #808080;
	border-radius:10px;
	background-color:#fff;
	margin:20px;
}

.login-panel > div {
	height:400px;
}

.login-panel .logo-area {
	border-right:1px solid #808080;
	background-color:#c5c5c5;
}

.login-panel a{
	margin:10px;
}

.login-form {
	width:100%;
	margin:10px;
}

@media only screen 
  and (min-device-width: 767px) {
	.login-form {
		margin: 40px;
	}
}


.login-form label {
	font-size:16pt;
}

.forgot-password-link a {
	font-weight:bold;
	font-size:9pt;
	color:red;
}

.product-description {
	font-style:italic;
	font-size:14pt;
	text-align:center;
	margin-top:30px;
}

.overlay {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background-color:#FFFFFF00;
	background-image:url("/img/home-bg-02.jpg");
	opacity:1;
	mix-blend-mode:multiply;
	transition:background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.home-page-text {
	font-family:'Fira Sans', sans-serif;
	font-size:24px;
	color:#ffffff;
	line-height:1.6em;
	margin:30px;
}

.img-home {
  transition: transform .7s ease-in-out;
  margin-top:0;
}
.img-home:hover {
  transform: rotate(360deg);
}

@media only screen 
  and (max-width: 767px) {
	.img-home {
		display:none;
	}
}
.glyph-button-bar-container {
	width:100%;
	margin-top:25px;
	margin-bottom:25px;
}

iframe.rounded {
	border-radius:25px;
	border:1px solid #DBDDE0;
}

.glyph-button-bar {
	margin:0 auto;
	display: table;
	max-width:580px;
	width:100%;
}

.glyph-button {
	text-align:center;
	font-family:Arial, sans-serif;
	font-size:16pt;
	display:inline-block;
	width:120px;
	height:150px;
	border:2px solid #ED9B16;
	border-radius:10px;
	color:#ED9B16;
	padding:15px;
	text-decoration:none;
	margin:0 20px;
	vertical-align:middle;
}

.glyph-button .glyphicon, .glyph-button .fa {
	font-size:42pt;
}

a.glyph-button:active, a.glyph-button:visited, a.glyph-button:hover {
	color:#ED9B16;
	text-decoration:none;
	font-weight:bold;
}

.btn .icon {
	width:18px;
	height:18px;
	margin-bottom:5px;
	/*vertical-align:middle;*/
}

.btn-lg .icon {
	width:24px;
	height:24px;
	vertical-align:middle;
}

/*.btn span {
	vertical-align:middle;
}*/

@media only screen 
  and (max-width: 600px) {
	.glyph-button {
		width:90px!important;
		height:110px;
		padding:10px 5px!important;
		margin:0!important;
		font-size:12pt!important;
	}
	.glyph-button .glyphicon, .glyph-button .fa {
		font-size:24pt;
	}
}

/* a:hover {
  color: #ED9B16;
} */

a:hover .glyphicon-remove {
	color:red!important;
}

/*
.glyph-button a, .glyph-button a:active, .glyph-button a:visited, .glyph-button a:hover {
	color:#ED9B16;
	text-decoration:none;
}*/
 
.header-logo {
	display: inline!important; 
	margin-right:5px;
}

/*.navbar-brand {
	margin-top:-10px;
}*/

/*h2 {
	margin-left:15px;
}*/

/*p {
	margin-bottom:20px;
}*/

/* when the menu is collapsed for mobile, dropdown links are a dull gray...unless we do this... */
@media only screen and (max-width: 767px) {
	ul.dropdown-menu li a, ul.dropdown-menu li a:active, ul.dropdown-menu li a:visited,
	a.dropdown-toggle, a.dropdown-toggle:active, a.dropdown-toggle:visited {
	  color:#fff!important;
	}
}

.alert-container {
	max-width:800px;	
}

legend {
	font-size:12pt;
	font-weight:bold;
}

/* space the menu out a bit to fully justify on large screens*/
@media only screen and (min-width : 992px) {
	ul.nav>li>a {
		padding-left:22px;
	}
} 

/*.inner-container:first-of-type {
	padding:10px 20px;
}*/

/*.navbar-header {
	max-width:800px;
}*/

.container {
	max-width:1400px;
}

.app-page {
	padding-top:20px;
}

.inner-container {
	/*background-color:#F8F8F8;*/
	background-color:#fff;
	margin:20px auto;
	padding:15px;
	/*max-width:800px;*/
	width:100%;
	border:1px solid #fff;
	/*border:3px solid #ED9B16;*/
	border-radius:10px;
}

.inner-container.narrow {
	max-width:500px;
}

.inner-container.supernarrow {
	max-width:340px;
}

.inner-container.superwide {
	width:2000px;
	max-width:2000px;
}

/*
.col-xs-12 {
	padding-left:0;
	padding-right:0;
}
*/

.inner-container {
	min-height:400px;
}

/*p {
	text-align: justify;
    text-justify: inter-word;
}*/
.app-panel{
	background-color:#ececec;
	/*border-radius:50px;*/
	min-height:400px;
	/*padding:0 20px 20px 20px;*/
	width:100%;
	/*margin:auto;
	max-width:1500px;*/
}

.page-header {
	/*border-top-left-radius:50px;
	border-top-right-radius:50px;*/
	background-color:#fff;
	width:100%;
	min-height:100px;
	border-bottom:1px solid #DBDDE0;
	margin-left:0;
	margin-right:0;
}

.page-header .logo-area {
	width:325px;
	padding-left:20px;
}
	
.page-header .profile-area {
	text-align:right;
	margin:auto 20px;
}

@media only screen and (max-width: 767px) {
	.page-header .logo-area {
		padding-left:5px;
	}
	.page-header .title-area {
		padding-left:10px;
	}
	.page-header .profile-area {
		margin:0;
		padding-bottom:10px;
	}
}

.btn-profile {
	float:right;
	max-width:240px;
	overflow:ellipsis;
}

.page-content {
	padding:20px;
}

.page-content-col {
	min-height: 300px;
}

/*.page-container p {
	max-width:600px;
}*/

/* need to handle pageTitle when it's *not* in the inner-container */
.container>.pageTitle {
	margin:20px 0;
}

.admin-banner {
	background-color:#ED9B16;
	color:white;
	text-align:center;
	text-transform: uppercase; 
	/*font-variant:small-caps;*/
	font-size:9pt;
}

.admin-banner a, .admin-banner a:hover, .admin-banner a:active, .admin-banner a:focus, .admin-banner a:visited {
	color:#fff!important;
	text-decoration:none;
}

.small {
	font-size:8pt;
}

.error {
	color:red;
}

.action-buttons {
	width:100%;
	text-align:center;
	margin:20px 0;
}

.channel-badge {
	width:100%;
	max-width:400px;
	height:58px;
	border:1px solid #cecece;
	border-radius:5px;
	padding:3px;
	margin:10px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.form-group-container {
	width:100%;
	max-width:400px;
	border:1px solid #cecece;
	border-radius:5px;
	padding:10px;
	margin:5px 0;	
}

/* keep in sync with channel-badge above */
.btn-add-channel {
	width:100%;
	max-width:400px;
}

.channel-badge .username {
	margin:5px 5px 0 0;
}

.channel-badge .channel-name {
	font-size:9pt;
}

.profile-photo {
	width:50px;
	height:50px;
	/*float:left;*/
	margin-left:5px;
	margin-right:10px;
}

.channel-badge-small {
	height:30px;
}

.form-control, .form-select, .form-control-plaintext {
  max-width:400px;
}

/* on larger screens, let's not use the default 100%   */
/*@media only screen and (min-width: 767px) {
	.input-group {
	 width:300px;
	}
}*/

label {
	font-weight:bold;
}
.left-label {
    clear: left;
    float: left;
    padding: 6px 10px 2px 0;
    text-align: left;
    width: 110px; 
}

.top-label {
    clear: left;
    padding: 3px 10px 2px 0;
    text-align: left;
}

.check-label {
	font-weight:normal;
}

.form-inline-help-text {
	margin:3px 0 0 110px;
	font-size:9pt;
}

/* good to have right margin on buttons.... */
.btn {
	margin-right:10px;	
}
/* ...except when grouped into another component! */
.btn-group-toggle .btn, .btn-switcher {
	margin-right:0!important;	
}

.btn-save {
	width:120px;
}

.btn-cancel {
	float:right;
}

.form-horizontal .form-group {
    margin-right:0;
    margin-left:0;
}

.item-block {
	margin-bottom:20px;
	clear:both;
}

a.item-launcher {
	border:0;
}

.item-detail-block {
	margin-bottom:20px;
}

.media-left-photo {
	margin:10px 10px 10px 0;
	min-width:200px;
	/*width:100%;*/
	text-align:center;
}

.media-left-thumb {
	margin:10px 10px 10px 0;
	width:110px!important;
	padding-top:5px;
}

/*
.media-body {
	width:100%!important;
}*/

/*.btn {
	margin:2px 10px 2px 0;
}*/

.btn-action {
	margin:3px 0!important;
}

.btn-primary {
	background-color:#08125D!important;
	border-color:#08125D!important;
	color:#fff!important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	color:#ED9B16!important;
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:visited {
	background-color:#fff!important;
	border-color:#A9A9A9!important;
	color:#000!important;
}
/*
.btn-secondary.active {
	border-color:#A9A9A9!important;
	color:#A9A9A9!important;
	background-color:#ececec!important;
}
*/

.btn-tertiary, .btn-tertiary:visited {
	background-color:#fff;
	border-color:#000;
	color:#000;
}

.btn-delete:hover, .btn-danger:hover {
	background-color:#c9302c!important;
	border-color:#c9302c!important;
	color:#fff!important;
}

.shadow-toggle .btn {
	width:140px;
}
.shadow-toggle .btn.active {
	/*background: #eaebec!important;*/
	box-shadow: inset 0 1px 2px rgba(0,0,0,.125)!important;
}

.no-data {
	width:100%;
	text-align:center;
	margin-top:140px;
}

.underbar {
	padding:2px 10px;
	width:100%;
}

.underbar .fa, .delete-icon {
	color:#818589; /* #A9A9A9; */
}

.underbar button {
	border:0;
	margin:2px 4px;
	background:transparent;
}

.rounded {
	border-radius: 5px;
}

.btn-check, .btn-muted {
	background-color:#e9ecef!important;
	border-color:#d3d3d3!important;
	color:#d3d3d3!important;
	border-radius:25px;
}

.btn-muted {
	padding-right:10px;
	color:#000!important;
}
	
.btn-check.active {
	background-color:#0096FF!important;
	border-color:#0096FF!important;
	color:#fff!important;
}

.btn-check img {
	opacity:0.3;
}

.btn-check.active img {
	opacity:1.0;
}

.btn-channel-connect {
	padding:5px 20px;
	font-weight:bold;
	width:100%;
	max-width:400px;
	text-align:left;
	font-size:18pt;
	margin:10px 0;
	border-radius:10px;
}

.btn-channel-connect img {
	margin-right:10px;
	vertical-align:text-top;
	width:32px;
	height:32px;
}

/*.btn-channel {
	padding:5px 10px;
	font-weight:bold;
	width:140px;
	max-width:400px;
	text-align:left;
	font-size:14pt;
	border-radius:10px;
}*/

.channel-icon {
	margin-right:5x;
	margin-left:5px;
	vertical-align:middle;
	width:36px;
	height:36px;
}

.btn-channel span {
	vertical-align:middle;
}

/*.btn-channel-account,.channel-dropdown {
	width:154px;
}*/

.btn-channel-account {
	/*margin:0 10px;*/
	width:154px;
	margin-right:15px;
	white-space:nowrap;
}

/*
.btn-channel-account img {
	margin-right:5px;
	vertical-align:text-top;
}
*/

.btn-channel-col {
	margin-right:5px;
}
.btn-channel-account .dropdown-toggle-split {
	padding-left:-10px;
	padding-right:10px;
}

.fc-button-primary {
	background-color:#007bff!important;
}

/*.channel-dropdown {
	font-size:9pt;
}

.channel-dropdown .dropdown-item {
	padding:0 8px;
}*/
.small-checkbox-label {
	font-size:9pt;
	font-weight:normal!important;	
}

.checkbox-menu li label {
	font-size:9pt;
	padding:0 8px;
    display: block;
/*    padding: 3px 10px;
    white-space: nowrap;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    margin:0;
    transition: background-color .4s ease;*/
}
/*.checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}*/

.checkbox-menu li label:hover,
.checkbox-menu li label:focus {
    background-color: #f5f5f5;
}

.btn-check.channels-partial, .channels-partial, .channels-partial:hover, .channels-partial:active {
	background: #87CEFA!important;
	border-color: #87CEFA!important;
}
.channels-all, .channels-all:hover, .channels-all:active {
	background: #0096FF!important;
}

/*.striped { 
	background: repeating-linear-gradient(
	  45deg,
	  #fff,
	  #fff 10px,
	  transparent 10px,
	  transparent 20px
	);
} */

.attachment-drop {
	width:100%;
	max-width:500px;
	min-height:58px;
	/*border:1px dashed #ced4da;*/
	border:1px solid #DBDDE0!important;
	border-radius:5px;
	padding:5px;
	margin:5px 0;
	font-size:9pt;
	font-style:italic;
	text-align:center;
}

.attachment-drop .icon {
	width:40px;
	height:36px;
	vertical-align:middle;
}

.attachment-drop span {
	vertical-align:middle;
}

.droppable:hover {
	border:2px dashed #0096FF!important;
}

.dz-message button {
	margin-top:5px;
	margin-bottom:5px;
}
  
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

#msg-char-count {
	margin-left:20px;
	padding-top:12px;
	font-size:9pt;
}

/* fix for bootstrap-picker white on white ul.dropdown-menu li a:active, a.dropdown-toggle:active, , 
a.dropdown-toggle, a.dropdown-toggle:visited*/
.bootstrap-select ul.dropdown-menu li a, .bootstrap-select ul.dropdown-menu li a:visited {
    color: #000!important;
}

/*
.bootstrap-select ul.dropdown-menu li a.active {
	background-color: #08125D!important;
}*/

/*.bootstrap-dialog.type-primary */
.modal-header {
    background-color: #08125D!important;
    color:#fff;
}

.bootstrap-dialog .bootstrap-dialog-title {
    color:#fff;
}

.bootstrap-dialog, .bootstrap-dialog-message {
    font-size:16px;
}


.modal-content {
	background-color:#ececec;
}
.modal-footer {
	text-align:center;
}

div.footer {
/* 	clear:both; */
	text-align:center;
/* 	margin-top:40px; */
	padding-top:20px;
	padding-bottom:20px;
	font-size:9pt;
}
body.home div.footer, body.home div.footer a, body.home div.footer a:visited  {
	color:white;
}

div.footer p {
	text-align:center;
}
.footer a, .footer a:visited {
    font-weight:bold;
    text-decoration:none;
}

.footer a:hover, .footer a:active, .footer a:hover {
	color:#ED9B16;
	text-decoration:none;
}

.grid-buttons {
	width:70px;
}

.grid-buttons button {
	width:100%;
	margin-bottom:5px;
}

.grid-img-container {
	width:50px;
	height:50px;
	max-height:50px;
	margin-top:5px;
	overflow:hidden;
	text-align:center;
}

.grid-img-container img {
	margin:auto;
	display:block;
}

.avatar-link img, .img-avatar {
	max-width:40px!important;
	max-height:40px!important;
	margin-right:10px;
}

.panel-heading {
  background-color: #08125D!important; /* #2b2b2b */
  border-color: #1a1a1a!important;
  color: #ffffff!important;	
}

/* default mobile view - no min, but apply max */
.news-panel {
	overflow: auto;
	min-height:100px;
	max-height:400px;
	border-radius:12px;
	margin-top:20px;
}

tr.inactive td {
    background-color: #ececec;
    color: #b9b9b9;
}

.inactive {
    color: #b9b9b9;
}

.required {
	color:red;
}

.required-note {
	float:right;
	font-size:9pt;
	margin:10px;
}

form {
	position:relative;
}

/*input::placeholder {
	color:#f6f6f6;
}*/

.nav-tabs {
	margin-top:20px;
	margin-bottom: 0;
	text-transform: uppercase;
}

.nav-tabs .nav-link, .nav-tabs .nav-link.disabled {
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    border-top: 1px solid #c5c5c5;
	border-top-left-radius:10px;
    border-top-right-radius:10px;
    background-color:#c5c5c5;
    margin-right:5px;
    font-weight:bold;
    /*padding-bottom:.2rem;
    vertical-align:bottom;*/
}

.nav-tabs .nav-link {
    color:#000;
}

.nav-tabs .nav-link.active {
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    border-top: 1px solid #c5c5c5;
	border-top-left-radius:10px;
    border-top-right-radius:10px;
    background-color:#fff;
    /*padding-bottom:.5rem; would be cool to have the active tab slightly bigger but bottom alignment not working */
}

.tab-content {
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    border-top-right-radius:10px;
    padding: 20px;
	margin-top:0;
	background-color:#fff;
	/* for the status indicator */	
	position:relative;
	min-height:420px;
}

.content-panel {
    border: 1px solid #c5c5c5;
    border-radius:10px;
    padding: 20px;
	margin:20px 0;
	background-color:#fff;
}

.content-panel-heading {
	text-align:center;
	font-weight:bold;
}

.column-btn-action {
	width:60px;
	text-align:center;
	color:#08125D;
}
.btn-action {
	min-width:60px;
}
.btn-save-and-return {
	width:130px;
}

.admingrid {
	border-collapse:separate; 
	border-spacing:0 10px!important;
	border-color: #ececec;
}
.admingrid thead, .admingrid tbody {
	width:100%!important;
}
.admingrid th {
	border:0;
	border-bottom:0!important;
	padding-bottom:0;
	margin-bottom:0;
	text-transform: uppercase; 
}
.admingrid td {
	/*border-top:8px solid #ececec;*/
	background:#fff;
	border-top: solid 1px #c5c5c5;
	border-bottom: solid 1px #c5c5c5;
}
.admingrid tr[data-isactive="false"] td, .admingrid tr.inactive td {
  color:#b1b1b1;
}
.admingrid tr[data-isactive="false"] td img {
	opacity:0.3;
}

.admin-form {
	max-width:520px;
}

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

.missing-icon {
	color:#F0F0F0;
	margin:auto;
}

.admingrid td:first-child { 
	border-top-left-radius: 10px; 
	border-bottom-left-radius: 10px; 
	border-left: solid 1px #c5c5c5;
}
.admingrid td:last-child { 
	border-top-right-radius: 10px; 
	border-bottom-right-radius: 10px; 
	border-right: solid 1px #c5c5c5;
}

.admingrid > thead > tr > th[class*="sort"]:before,
.admingrid > thead > tr > th[class*="sort"]:after {
    /*content: "" !important;   kill the sort arrows? */
	bottom: 0;
}

.datatables-top {
	margin:0 0 0 20px;
}

.admingrid-top {
	margin:0;
}

.admingrid-top div {
	margin:0!important;
	padding:0!important;
}

/*.admingrid-top-center {
	text-align:center;
}
.admingrid-top-right {
	text-align:right!important;
}*/

.grid-action-toggle {
	color: #007bff; /*#08125D;*/
	cursor: pointer;
}

.btn-action .fa {
	color: #007bff; /*#08125D;*/
}
/*
.dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}*/

.dropdown.show .dropdown-menu {
    max-height: 300px;
    opacity: 1;
}

.status-indicator {
	/*float:right;*/
	margin-bottom:-120px;
	margin-right:10px;
	font-weight:bold;
	position:absolute;
	top:-30px;
	right:0;
}
.status-indicator.active {
	color:green;
}
.status-indicator.inactive {
	color:red;
}

@media screen and (min-width: 768px) {
	.news-panel {
		min-height:400px;
		max-height:400px;
	}
}

@media screen and (min-width: 992px) {
	.news-panel {
		min-height:400px;
		max-height:600px;
	}
}

.page-item .page-link {
	font-size:12px;
}
.page-item.active .page-link {
	background-color: #007bff;
}

.vertically-truncated a {
	font-size:9pt;
}
/*.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #fff;
    background-color: #08125D;
}*/

/*
.nav-tabs li a {
	font-size:14px;
	border:1px solid #ddd;
}

.nav-tabs li.active a, .nav-tabs li a:hover, .nav-tabs li a:active, .nav-tabs li.active a:hover {
	background-color: #ED9B16!important;
	border-color: #ED9B16!important;
	border-bottom-color: transparent!important;
	color:#fff;
}
*/

.dropdown-item a:hover {
	text-decoration: none;
}

input[type=search].growing {
	width:100px;
	max-width:250px;
	transition: all .5s;
}
input[type=search].growing:focus {
	width:95%;
}
input[type=search]::-webkit-input-placeholder { 
	font-family:'Arial', 'FontAwesome';
	text-align: left; 
} 
input[type=search]:-moz-placeholder  {
	font-family:'Arial', 'FontAwesome';
	text-align: left; 
} 

/*.select2-container .select2-selection--single {
	height:34px;
	font-size:14px;
	padding-top:3px;
}*/

div.dataTables_filter {
    text-align: left!important;
}

div.dataTables_info {
    margin-top:10px;
}

/* begin navbar */
/* .body-custom { */
/* 	background-color:#0093D9; */
/* } */

.navbar-right {
	float:right;
}

.navbar-custom {
/*   background-color: #08125D; */
/*   border-color: #006fb4; */
/*   background-image:linear-gradient(190deg, #08125D 50%, #060420 100%); */
  background-color: #08125D;
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #ED9B16;
  background-color: transparent;
}
/*.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #006fb4;
}*/
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
/* no gray burgers!
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}*/
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
/*.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #006db1;
}*/
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
/*
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #006fb4;
  color: #ffffff;
}
*/
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    /*background-color: #006fb4;*/
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #ED9B16;
}
/* end navbar */

/* begin loader/spinner */
.loader,
.loader:before,
.loader:after {
  background: #08125D;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #08125D;
  text-indent: -9999em;
  margin: 30px auto 10px auto;
  position: relative;
  font-size: 11px;
  height:60px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

.loader-container {
	height:100px;
	text-align:center;
}
.loader-text {
	position:absolute;
	bottom:20px;
	/*margin-top:20px;*/
	font-size:9pt;
	font-style:italic;
  	left: 50%;
  	transform: translate(-50%, 0);
}
/* end loader/spinner */


.bootstrap-dialog-body {
	min-height:100px;
}

.attachment-progress {
	height:12px;
	display:none;
}

.attachment-progress .progress-text{
	font-size:7pt;
}

.siiimpleToast {
    position: absolute;
    padding: 14px 18px;
    width:90%;
	max-width: 800px;
    min-width: 250px;
    z-index: 999999;
    border:1px transparent solid;
    border-radius: 5px;
    color: #fff;
    font-weight: 300;
    /*white-space: nowrap;*/
    user-select: none;
    opacity: 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-sizing: border-box;
    transform: scale(.5);
    transition:all .4s ease-out;
}

.siiimpleToast[data-state=default] {
    background-color:#323232
}

.siiimpleToast[data-state=success] {
    background-color:#8bc34a
}

.siiimpleToast[data-state=alert] {
    background-color: #d93737
}

/* .grid-control-right { */
/* 	margin:0 10px; */
/* } */
/*
.dropzone .dz-image {
	width:60px!important;
	height:60px!important;
}*/

.btn-switcher {
	border:0;
	color:#818589!important;
	background:#fff!important;
}

.switcher-current img {
	margin:3px 2px;
}

.fa-thumbs-o-up {
	color:#007bff;
}

.fa-check {
	color:green;
}

.purchase-amount-wrapper {
	text-align:center;
}

.purchase-amount {
	font-size:32pt;
}
.monthly-amount {
	text-decoration: line-through;	
    color: #959fe6;
	margin: 0 10px 0px -30px;
}

.purchase-terms {
	font-size:9pt;
	text-align:center;
	font-style:italic;
	/*min-height:40px;*/
}

.purchase-button {
	text-align:center;
	margin:0;
	/*position:relative;
	bottom:5px;*/
}

.plan-card {
	width:250px;
	margin:10px 0;
	/*height:528px;*/
}

.selling-feature {
	margin:2px 3px;
	/*font-size:10pt;*/
}

.card-header {
	background-color:#ED9B16;
	color:white;
	/*padding-top:20px;
	padding-bottom:6px;*/
	text-align:center;
}

.card-header-sm {
	padding:5px 0;
}

.card-title {
	font-size:24px;
	text-align:center;
	margin-top:20px;
}

/*.card-highlight {
	padding:10px;
	margin:-10px;
	background-color:#7386D5;
	border-radius:10px;
}*/

.card-body {
	text-align:left;
}

/*.purchase-button {
	margin-bottom:30px;
}*/

.purchase-button .btn {
	min-width:200px;
}

.free-trial-link, .free-trial-link:hover {
	color:#007bff;
	text-decoration:none;
	border-top:2px solid #007bff;
	border-bottom:2px solid #007bff;
	padding:10px 0;
	margin-top:20px;
}

.free-trial-info {
	font-weight:bold;
	margin:10px 0;
	/*width:100%;
	display:block;
	font-size:9pt;
	text-align:right;
	float:right;*/
}

/* payment form */
/*#payment-form .left-label {
   width:140px;
   margin-bottom:0;
}
#payment-form .form-group {
	margin-bottom:10px;
}*/
#billingState {
	width:120px;
}
.placeholder { color: gray; }
#billingZip {
	width:140px;
}
#securityCode {
	width:95px;
}

.dropdown-menu {
	overflow:hidden;
}

.client-dropdown, .campaign-dropdown {
	min-width:300px;
	max-width:300px;
}

.messageform-top-left, .messageform-top-right {
	padding-left:0;
	padding-right:0;
}

@media only screen and (max-width: 767px) {
	.client-dropdown, .campaign-dropdown {
		min-width:180px;
		max-width:180px;
	}
}

/*.select2-search {
    position: absolute;
    opacity: 0;
    z-index: -1;
}*/

.status-info {
    text-align:right; 
    font-size:9pt;
    padding-top:5px;
    /*padding-bottom:20px;
    width:100%;*/
}

.timezone-info {
	margin:5px 0;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  vertical-align:middle;
  margin:0 10px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/* end of slider */

.delete-notice {
	padding:5px;
}

.delete-notice:hover .delete-icon {
	color:red!important;
}

.notice-date {
	font-weight:bold;
}

.badgeable {
	position:relative;
/*    padding-top:20px;
    display:inline-block;*/
}
.notify-badge{
    position: absolute;
    right:2px;
    top:-8px;
    color:red;
}
.fa-badge {
	position: absolute;
    right:10px;
    top:-1px;
}
/*.notify-badge{
    position: absolute;
    right:-20px;
    top:10px;
    background:red;
    text-align: center;
    border-radius: 50px;
    color:white;
    padding:5px 10px;
    font-size:9pt;
}*/

.fa-success {
	color:green;
}
.fa-warning {
	color:red;
}

/* .new-window */
a[target="_blank"]::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0px 3px 0px 5px;
}

.col-numeric {
	text-align:right;	
}

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

.message-preview-dialog .modal-content {
    min-height: 600px;
}

.message-preview-dialog iframe {
    height:80vh!important;
}

.channel-nav {
	font-weight:bold;
	text-transform: uppercase; 	
}
canvas.metric-graph {
	/*height:340px!important;*/
	margin-top:30px;
}
.data-callout-wrapper {
	width:160px;
}
.data-callout {
	height:200px;
	width:100%;
	background-color:#808080;
	text-align:center;
	margin-right:20px;
	padding-top:20px;
	/*margin:50px 10px 0 10px;*/
}
.data-callout-wrapper .btn {
	width:100%;
	margin-top:10px;
}
.data-callout-detail {
	text-align:left;
	margin-left:30px;
	font-size:10pt;
}

.data-callout-header {
	font-size:12pt;
}
.data-total {
	font-size:40pt;
	min-height:80px;
}

/*
.fa-file-excel-o {
	color:green;
}

.fa-file-pdf-o {
	color:#ff0000;
}*/

.hidden {
	display:none;
}

.help-icon {
  margin:0 5px;
  text-decoration:none;
  cursor:pointer;
}

body:not(.with-captcha) .grecaptcha-badge { opacity:0;}