/* Flatten das boostrap 
AJ: I removed '.badge,'
*/

/*center items vertically in a div*/
.vcenter-item{
	display: flex;
	align-items: center;
}
											
.badge.cms-badge-secondary {
  background: #212121;
  color: #fff;
}

.well, .navbar-inner, .popover, .modal-content, .modal-header, .btn, .tooltip, input, select, textarea, pre, .progress, .modal, .add-on, .alert, .table-bordered, .nav>.active>a, .dropdown-menu, .tooltip-inner, .label, .img-polaroid
{
 	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	border-collapse: collapse !important;
	background-image: none !important;
	
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.cms-checkbox-secondary label:before {
	border-color: #c0c0c0 !important;
}

.cms-tab li a, .cms-tab li.active>a {
	border-radius: 10px 10px 0 0 !important;
	-webkit-border-radius: 10px 10px 0 0 !important;
	background-color: #f0f0f0;
}

.thumbnail
{
	padding:0 !important;	
}

/*override for app.css*/
.cover.profile .wrapper .friends li a {
	padding:0;	
	padding-left:0 !important;
	padding-top:0 !important;
	position:relative;	
}
.cover.profile .wrapper .friends li a .initials{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight:bold;
	font-size:12px;
	opacity: 0.5;
	border: 2px solid #c0c0c0;
	border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    padding: 2px;    
}

.panel-default
{
	border-color: #e5e6e9 #dfe0e4 #d0d1d5;
}
.panel {  
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);  
}
.panel.panel-default ul.comments li {
    
    background: initial;    
}
.panel-footer {
    
    background-color: initial;
}

.cms-blur
{
	color: transparent;	
}
.cms-blur.cms-blur-black
{
	text-shadow: 0 0 8px #000;
}

.cms-blur.cms-blur-white
{
	text-shadow: 0 0 8px #fff;
}
    
.cms-panel-default
{
	border-top-color: #e2e9e6 !important;
    border-top-width: 4px !important;
}

.cms-panel-primary
{
	border-top-color: #26a69a !important;
    border-top-width: 4px !important;
}

.cms-panel-post
{
	border-color: #BFD6D3 !important;
}

.cms-panel-breadcrumbs
{
}

.cms-panel-breadcrumbs .panel-body
{
	padding:0;
}

.cms-panel-breadcrumb
{
	border-right:1px solid #e0e0e0;
    /*border-radius: 5px 5px 0px 0px;*/
	border-width:thin;
	display:inline-block;
	padding:10px 20px 6px 14px;
	vertical-align:middle;
	cursor:hand;
	cursor:pointer;
	float:left;
}

.cms-panel-breadcrumb i
{
	color: #e0e0e0;
	font-size:16px;
	margin-left:10px;
	
}

.cms-panel-breadcrumb.active i
{
	color: #26a69a;
}

.cms-panel-breadcrumb.active
{
	background-color:#f5f5f5;
}

.cms-panel-breadcrumb label
{
	color:#26a69a;
	font-size: 14px;
	cursor:hand;
	cursor:pointer;
}

.cms-dropdown-img-menu
{
	width:100%;
	max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.cms-dropdown-img-menu img
{
	max-width: 2em;
	border:.01em solid #c0c0c0;
}
.cms-dropdown-img-menu a
{
	/*display:inline-block;*/
}

/*use with col-lg-1 ... yes "1", and a "width"*/
.cms-col-centered{
    float: none !important;
    margin: 0 auto;
    /*width: 20em !important;*/
}

.cms-blockquote-lg {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
.cms-blockquote-lg:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
/*
.cms-blockquote-lg:after { 
  content: close-quote;
}*/
.cms-blockquote-lg p {
  display: inline;
}

.popover-title .close{
    position: relative;
    bottom: 3px;
}
    
.btn-round{
	border-radius: 24px;
}

.modal-header-success {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-warning {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-danger {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-info {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-primary {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

/*the jquery loadmask*/
.loadmask{
    -moz-opacity: 0.4;
    opacity: .40;
    filter: alpha(opacity=40);
    background-color: #f0f0f0;
}

.loadmask-msg
{
	border:0;
	background:transparent;
	padding:0;
}

/**
using the font awesome spinner instead
- see base.js mask();
*/
.loadmask-msg div
{
	border:0;
	
	padding:40px;
	background: url('../js/jquery/images/loading2.gif') no-repeat 5px 5px;		
	background-size: 70px 70px;
	
	/*background:none;*/
}

.cart_summary_table
{
	width: 100%;
	border: 0;
}
.cart_summary_table td, .cart_summary_table th
{
	padding:.2rem;
}

.cart_summary_table tr
{
	background-color:transparent !important;
}

.cart_summary_table td
{
	text-align:right;
	background-color:transparent;
}

.cart_summary_table th
{    		
	background-color:transparent;
}

.cms-label
{
	padding: .2em .6em .3em;
}
.cms-table th
{
	font-size: 14px;
	font-weight:normal;
}
	
.ticket-status-active {
    color: #ffffff;
    background-color: #3498db;
    border-color: #3498db;
}

.ticket-status-completed {
    color: #ffffff;
    background-color: #5c9f5f;
    border-color: #5c9f5f;
}

.ticket-priority-low {
    color: #ffffff;
    background-color: #5c9f5f;
    border-color: #5c9f5f;
}
.ticket-priority-medium {
    color: #ffffff;
    background-color: #e6da44;
    border-color: #e6da44;
}
.ticket-priority-high {
    color: #ffffff;
    background-color: #e77b3c;
    border-color: #e77b3c;
}
.ticket-priority-critical {
    color: #ffffff;
    background-color: #e64f44;
    border-color: #e64f44;
}
.ticket-priority-low-text {
    color: #5c9f5f;    
}
.ticket-priority-medium-text {
    color: #e6da44;    
}
.ticket-priority-high-text {
    color: #e77b3c;
}
.ticket-priority-critical-text {
    color: #e64f44;
}

.panel-heading .toggle
{
	cursor: pointer;
    margin-top: -20px;
    font-size: 15px;
}

.navbar-nav>li>a {
    font-size: 1.35rem !important;
}

/**
see: https://css-tricks.com/fluid-width-equal-height-columns/
- trying to fix background issues on the image viewer
- black image bg (entire height) and white comment bg
*/
@media screen and (min-width: 767px) {
.two-columns-bg {
  background-image: -webkit-gradient(linear,
    left top,
    right top,
    color-stop(0, #000),
    color-stop(67%, #000),
    color-stop(67%, #fff),    
    color-stop(100%, #fff)
	);
  background-image: -webkit-linear-gradient(
    left,
    #000,
    #000 67%,
    #fff 67%,
    #fff 100%    
	);
  background-image: -moz-linear-gradient(
    left,
    #000,
    #000 67%,
    #fff 67%,
    #fff 100%
	);
  background-image: -ms-linear-gradient(
    left,
    #000,
    #000 67%,
    #fff 67%,
    #fff 100%
	);
  background-image: -o-linear-gradient(
    left,
    #000,
    #000 67%,
    #fff 67%,
    #fff 100%
	);
}
}

/*when the screen is small resize the logo*/
@media screen and (max-width: 767px) {
	.logo-xs {
		display: block !important;
		
	}
	.logo-xs img {
		width: 6em !important;
		background: #26a69a;
		margin-top: 0.5em;		
	}
	
	.logo-xs.navbar-brand.navbar-brand-primary, .logo-xs.navbar-brand.navbar-brand-primary:hover,
	.logo-xs.navbar-brand.navbar-brand-primary:after, .logo-xs.navbar-brand.navbar-brand-primary:hover:after {
		background: none !important;
	}
}

.cms-d-none {
    display: none!important;
}

@media (max-width: 767px) {
	.cms-d-sm-block {
	    display: block !important;
	}
}

/* text with line on both sides */
.h1-line {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}
.h1-line:before, .h1-line:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color: #c0c0c0;
}
.h1-line:before {
    margin-left: -50%;
    text-align: right;
}
/* ----------------------------------------------- */

.bootstrap-touchspin input
{
	border: 1px solid #aaa;
    text-align: center; 
}

.cms-progress
{
	background-color:#ccc !important;
}
/**
progress-bar
progress-bar-danger
progress-bar-warning
progress-bar-info
progress-bar-success
*/
/*
.password-strength-progress{
	height:10px
}

.password-strength-progress-0 {
	width:0;
}

.password-strength-progress-1 {
	width:25%;
}

.password-strength-progress-2 {
}

.password-strength-progress-3 {
}
*/
	
.page-section-heading
{
	
	/*border-bottom:2px solid orange;*/	
	color: white;
	margin-bottom: 2.4em !important;
	background-color: #26a69a;
	padding: 5px !important;	
    font-size: 16px;        
    margin: 0px 0px 20px 0px;  
    text-align: left !important;
    
    /*text-transform: uppercase;*/
}

.page-section-heading-light
{
	padding-left: 0 !important;
	background-color: inherit;
	color: inherit;
	border: 0;
}

/* - -------------------- -*/
.banner-image-overlay-upload
{
	left:10px;
	top:10px;
}
.banner-image-overlay-select
{
	left:50px;
	top:10px;
}
.banner-image-overlay
{
	position:absolute;	
	font-size:20px;
	color:#f0f0f0;
	cursor:hand;
	cursor: pointer;
}

.banner-image-overlay:hover
{
	/*color: #6c6c6c*/
	color: #cccccc
}

.banner-image .file-input, .banner-image .btn-file{
	display:inline;
}

.cb-help-content-body
{
	font-size:14px;
	line-height: 2em;
}

/*override bootstrap radio button border color*/
.radio label::before {
	border: 1px solid rgba(0,0,0,.25) !important;
}