/*  Table of Contents
/*
/*  /*############-- {{Heading}} --############*/
/*  This is a Heading
/*
/*  /*<><><>- {{Sub Heading}} -<><><>*/
/*  This is a Sub Heading
/*
/*  /*--- {{Sub-Sub Heading}} ---*/
/*  This is a Sub Sub Heading
/*
/*
/*  Current Headings and Sub Headings in this document:
/*
/*  -Helper Classes
/*  -Global
/*   --Steps with Progress Bar
/*   --Tab loading Screen
/*  -Very Top Navbar
/*  -Main Navigation - Home and Settings and stuff
/*  -Other stuff that goes below the nav bars - image rotators and the like
/*  -Headers
/*  -Modals
/*  -Custom UNOAPP buttons, labels and other fancy things
/*   --Buttons
/*  -Pages
/*   --Dashboard Pages
/*	  ---Dashboard Overview
/*	  ---(Dashboard) Web Page
/*	  ---(Dashboard) Social Page
/*	  ---(Dashboard) Local Page
/*	  ---(Dashboard) Queue Page
/*	 --UNOcloud
/*	  ---(UNOcloud) DNA
/*	  ---(UNOcloud) Profile
/*	  ---(UNOcloud) Gallery
/*	  ---(UNOcloud) Menus
/*    ---(UNOcloud) Reviews
/*    ---(UNOcloud) Events
/*   --Campaign Pages (expired)
/*   --Triggers
/*	  ---(Triggers) My Triggers
/*	  ---(Triggers) Campaign Marketplace
/*	  ---(Triggers) Trigger Timeline
/*	 --Messages
/*   --Tasks
/*   --Wiki
/*	 --Widgets
/*	 ---(Widgets) Dashboard
/*	 ---(Widgets) Profile Widget
/*	 ---(Widgets) Reviews Widget
/*	 ---(Widgets) Events Widget
/*	 ---(Widgets) Gallery Widget
/*	 ---(Widgets) Menus Widget
/*	 ---(Widgets) Contact Widget
/*   --Web Builder
/*	 ---(Web Builder) Dashboard
/*	 ---(Web Builder) Builder
/*   --Settings Pages
/*    ---(Settings) Locations
/*    ---(Settings) Location Details
/*    ---(Settings) Groups
/*    ---(Settings) Users
/*    ---(Settings) User Profile
/*    ---(Settings) Teams
/*    ---(Settings) Notifications
/*    ---(Settings) My Settings
/*	 --Labatt LiveTV
/*   --Google Analytics
/*  -UNOAPP Modules
/*   --Locations
/*	 --Schedule
/*  -IE Compatibility
/*  -FF Compatibility
/*  -Responsive Design Stuff
/*   --Responsive Medium
/*   --Responsive Small
/*   --Responsive Extra Small
/*   --Responsive Tiny
/*  -Google CSS Overrides
/*   */


/*############-- Helper Classes --############*/

/*<><><>- Display -<><><>*/
.disp-bl { display: block; }
.disp-ib { display: inline-block; }

/*<><><>- Alignment -<><><>*/
/*--- Floats ---*/
.pull-right { float: right !important; }
.pull-left { float: left !important; }

/*<><><>- Decoration -<><><>*/
/*--- Border ---*/
.no-rad { border-radius: 0px !important; }
.no-rad-t { border-top-left-radius: 0px !important;  border-top-right-radius: 0px !important; }
.no-rad-tl { border-top-left-radius: 0px !important; }
.no-rad-tr { border-top-right-radius: 0px !important; }
.no-rad-b { border-bottom-left-radius: 0px !important;  border-bottom-right-radius: 0px !important; }
.no-rad-bl { border-bottom-left-radius: 0px !important; }
.no-rad-br { border-bottom-right-radius: 0px !important; }

/*<><><>- Text -<><><>*/
/*--- Weight ---*/
.weight-100 { font-weight: 100; }
.weight-200 { font-weight: 200; }
.weight-300 { font-weight: 300; }
.weight-400 { font-weight: 400; }
.weight-500 { font-weight: 500; }
.weight-600 { font-weight: 600; }
.weight-700 { font-weight: 700; }
.weight-800 { font-weight: 800; }
.weight-900 { font-weight: 900; }

/*--- Alignment ---*/
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

/*--- Transformations ---*/
.text-upper { text-transform: uppercase !important; }
.text-capital { text-transform: capitalize !important; }

/*<><><>- Effects -<><><>*/
/*--- Opacity ---*/
.opacity-5 { opacity: 0.5; }
.opacity-7 { opacity: 0.7; }

/*############-- Global --############*/

body, button, input, textarea, h1, h2, h3, h4, h5, h6{
	font-family: 'Open Sans', sans-serif;
}
body {
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url('../images/textures/dust.png');
}
@font-face {
	font-family: "New Icons";
	src: url('unoapp_iconfont_2-webfont.eot');
	src: url('unoapp_iconfont_2-webfont.eot?#iefix') format('embedded-opentype'),
	     url('unoapp_iconfont_2-webfont.ttf'),
	     url('unoapp_iconfont_2-webfont.svg'),
	     url('unoapp_iconfont_2-webfont.woff');
}
@font-face {
	font-family: "Thin Icons";
	src: url('unoapp_iconfont_thin-webfont.eot');
	src: url('unoapp_iconfont_thin-webfont.eot?#iefix') format('embedded-opentype'),
	     url('unoapp_iconfont_thin-webfont.ttf'),
	     url('unoapp_iconfont_thin-webfont.svg'),
	     url('unoapp_iconfont_thin-webfont.woff');
}
@font-face {
	font-family: Icons;
	src: url('unoapp_icons.eot');
	src: url('unoapp_icons.eot?#iefix') format('embedded-opentype'),
	     url('unoapp_icons.ttf') format('truetype');
}
@font-face {
	font-family: "Webbuilder Font";
	src: url('webbuilder_font.eot');
	src: url('webbuilder_font.eot?#iefix') format('embedded-opentype'),
	     url('webbuilder_font.ttf'),
	     url('webbuilder_font.svg'),
	     url('webbuilder_font.woff');
}
@font-face {
	font-family: "Blank";
	src: url('AdobeBlank.ttf.woff');
}


/* Sign Up Stuff */

#signup > div {
	display: none;
}
#signup > div.active {
	display: block;
}
#signup span.error {
	font-size: 85%;
	font-weight: 600;
	color: #dd584c;
}
#signup > div.signup-header {
	height: 55px;
	background-color: #4d4d4d;
	display: block;
	position: fixed;
	top: 0px;
	width: 100%;
}
.signup-cont {
	margin: 0 auto;
	width: 1000px;
}
.signup-cont.skinny-signup {
	margin: 0 auto;
	width: 700px;
	text-align: center;
}
.signup-cont > a img {
	width: 150px;
	margin-top: 8px;
}
.signup-nav {
	width: 65%;
	padding-top: 50px;
}
#step2 .signup-nav, #step3 .signup-nav {
	width: 100%;
}
.signup-nav div {
	display: inline-block;
	vertical-align: top;
	height: 75px;
	width: 31%;
	text-align: center;
	font-size: 85%;
	font-weight: 600;
	color: #bbb;
	padding: 5px 0px;
}
.signup-nav div.active {
	color: #4d4d4d;
}
#step2 .signup-nav div.active, #step3 .signup-nav div.active {
	color: #eee;
}
.signup-nav div > span {
	font-size: 300%;
}
.signup-nav > span {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 12.1px;
	border-color: transparent transparent transparent #bbb;
	display: inline-block;
	margin-top: 30px;
}
.signup-nav > span.active {
	border-color: transparent transparent transparent #eee;
}
.signup-block {
	display: inline-block;
	vertical-align: top;
	width: 65%;
	height: 475px;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ddd;
	margin-right: 25px;
}
.signup-block > div {
	display: none;
	padding: 25px;
}
.signup-block > div.active {
	display: block;
}
.signup-block h4 {
	font-size: 175%;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}
.signup-block h4 span{
	color: #fff;
	background-color: #4d4d4d;
	padding: 8px;
	border-radius: 20px;
	font-size: 150%;
}
.signup-block .half-width {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}
div.half-width > span {
	color: #aaa;
	font-size: 85%;
}
.signup-block .submit-button {
	text-align: center;
}
.signup-block .submit-button button {
	width: 200px;
	padding: 8px 0px;
	border-radius: 2px;
	font-weight: 300;
}
.signup-block .submit-button span {
	width: 270px;
	color: #aaa;
	font-weight: 300;
	display: block;
	margin: 10px auto;
	font-size: 95%;
}
.signup-block .submit-button span a {
	color: #aaa;
	font-weight: 400;
	text-decoration: underline;
}
.signup-panel {
	display: inline-block;
	vertical-align:top;
	width: 30%;
}
#signup #fixed-background {
	display: none;
	background-image: url('../images/location-bg.jpg');
	height: 1000px;
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	width: 100%;
	z-index: -1;
}
.skinny-signup > span.signup-marker {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.4);
	font-size: 700%;
	padding: 10px 12px;
	border-radius: 44px;
	border: 1px solid #fff;
}
.skinny-signup > div > div > div.btn-group > button.dropdown-toggle.btn {
	height: 50px;
	border-radius: 0px;
	text-align: left;
	background-color: rgba(255, 255, 255, 0.4);
	color: #fff;
}
.skinny-signup > div > div > div.btn-group > button.dropdown-toggle.btn:active, .skinny-signup > div > div > div.btn-group > button.dropdown-toggle.btn:focus {
	outline: 1px solid #fff;
}
.skinny-signup > div.submit-button > button.btn {
	border-radius: 2px;
	padding: 13px;
	width: 300px;
}
#found-locations {
	display: none;
	color: #fff;
}
#found-locations p {
	text-align: right;
	margin-bottom: 0px;
}
#found-locations-list {
	max-height: 350px;
	overflow: auto;
	margin-top: 5px;
}
#found-locations-list .address {
	border-bottom: 1px solid #999;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
div.location-result {
	background-color: rgba(255, 255, 255, 0.7);
	color: #4d4d4d;
	margin: 5px 10px 12px;
	padding: 5px;
	box-shadow: 2px 2px 11px -2px rgba(0, 0, 0, 1);
}
div.location-result > div.actions {
	display: none;
	margin: 5px -5px -5px;
}
div.location-result > div.actions > button:first-child {
	border-right: 1px solid #4d4d4d;
}
div.location-result > div.actions > .alert {
	border-radius: 0px;
	margin-bottom: 0px;
	background-color: rgba(55, 55, 55, 0.5);
	border: none;
	color: #fff;
}
div.location-result > div.actions > button {
	width: 50%;
	margin: 0px;
	float: left;
	border-radius: 0px;
	border: none;
	padding: 15px;
	text-transform: uppercase;
}
#found-locations > div.submit-button button {
	border-radius: 2px;
	padding: 10px;
	width: 200px;
}
#new-location-form {
	display: none;
}
#step2 .form-control.login-input {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.4);
}
#step2 .form-control.login-input::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
#step2 .form-control.login-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}
#step2 .form-control.login-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}
#step2 .form-control.login-input:-xms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
}
#step2 .form-control.login-input:focus {
	border-color: #fff;
	outline: 1px solid #fff;
}
#new-location-form .half-width {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}
h4.media-heading {
	font-weight: 600;
}
#new-location-form div.submit-button button {
	border-radius: 2px;
	padding: 10px;
	width: 100px;
}
#message-box {
	background-color: rgba(255, 255, 255, 0.4);
	color: #fff;
	border: 1px solid #fff;
	padding: 10px;
	margin-top: 50px;
}

/* flip css */
#location-search-group.compress > div {
	display: inline-block;
	vertical-align: top;
	width: 264px;
}
#location-search-group > div {
	position: relative;
	display: block;
}
#location-search-group input.form-control {
	padding-left: 35px;
}
#location-search-group > div button.btn {
	padding-left: 35px;
}
#location-search-group span.glyphicon {
	position: absolute;
	top: 17px;
	left: 11px;
	color: #fff;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}
::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0,0,0,.4);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.uno-icon {
	font-family: Icons, Blank;
}
.uno-icon-new {
	font-family: "New Icons", Blank;
	font-size: 200%;
	line-height: 0.7;
	vertical-align: middle;
}
.uno-icon-thin {
	font-family: "Thin Icons", Blank;
	font-size: 200%;
	line-height: 0.7;
}
.webbuilder-font {
	font-family: "Webbuilder Font";
	font-size: 200%;
	line-height: 0.7;
}
.uno-icon.white {color:#fff; line-height: 1;}
.uno-icon.green {color:#5cb85c;}
.uno-icon.yellow {color:#FFC211}
.uno-icon.red {color:#FE0000}
.uno-icon-thin.red {color:#FE0000}
.uno-icon.dark {color:#555555}
.uno-icon.blue {color:#3bb6eb}
.uno-gender-blue {color:#2caae1}
.uno-gender-pink {color:#fc5ea6}
.uno-facebook {color:#3b5998 !important}
.uno-twitter {color:#55acee !important}
.uno-instagram {color:#3f729b !important}
.uno-red {color:#dd584c !important}
.uno-yellow {color:#FFC211 !important}
.green {color:#5cb85c;}
.white {color:#fff !important;}
.uno-facebook-bg {background-color:#3b5998 !important}
.uno-facebook-fade {background-color:rgba(59, 89, 152, 0.1) !important}
.uno-facebook-bg.hover:hover {background-color:#254588 !important}
.uno-twitter-bg {background-color:#55acee !important}
.uno-twitter-fade {background-color:rgba(85, 172, 238, 0.1) !important}
.uno-twitter-bg.hover:hover {background-color:#2992E2 !important}
.uno-instagram-bg {background-color:#3f729b !important}
.uno-instagram-fade {background-color:rgba(63, 114, 155, 0.1) !important}
.uno-instagram-bg.hover:hover {background-color:#22537A !important}
.uno-linkedin {color:#0976b4 !important}
.uno-linkedin-bg {background-color:#0976b4 !important}
.uno-linkedin-fade {background-color:rgba(9, 118, 180, 0.1) !important}
.uno-youtube {color:#e52d27 !important}
.uno-youtube-bg {background-color:#e52d27 !important}
.uno-youtube-fade {background-color:rgba(229, 45, 39, 0.1) !important}
.uno-googleplus {color:#dd4b39 !important}
.uno-googleplus-bg {background-color:#dd4b39 !important}
.uno-googleplus-fade {background-color:rgba(221, 75, 57, 0.1) !important}
.uno-pinterest {color:#cc2127 !important}
.uno-pinterest-bg {background-color:#cc2127 !important}
.uno-pinterest-fade {background-color:rgba(204, 33, 39, 0.1) !important}
.uno-opentable-bg {background-color:#dc3642 !important}
.uno-red-bg {background-color:#dd584c !important}
.uno-inverse {background-color: #fff !important; color: #4d4d4d !important;}
.uno-negative {color: #fff !important; background-color: #4d4d4d !important;}
.green-bg {background-color:#5cb85c !important}
.uno-yellow-bg {background-color:#FFC211 !important}
.unselectable{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.visible {visibility: visible}
.loading-icon.inline{
	width: 28px;
	display: none;
}
.loading-icon.inline.show{
	display: inline;
}

.app-inline-loading-screen {
	width: 100%;
	height: calc(100vh - 200px);
	position: relative;
}

#error-module {
	z-index: 10000;
}
#error-module > .modal-dialog.modal-error {
	margin-top: 180px;
}
#error-module h4{
	text-transform: capitalize;
}
#image-info-module{
	z-index: 9999;
}
#image-select-module {
	z-index: 9998;
}
#image-html {
	z-index: 9999;
}
#image-html .modal-header, #image-html .modal-footer {
	background-color: #fff;
}
#image-html .modal-content {
	background-color: #f2f2f2;
}
#image-html .modal-dialog {
	width: 99%;
}
.image-render-body {
	overflow: auto;
}
.image-render-body:focus {
	outline: none;
}
textarea.form-control {
	resize: none;
}
.form-control.inline-input {
	display: inline;
}
.animated {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.animated-fast {
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.animated-med {
	-webkit-transition: all 0.35s linear;
	-moz-transition: all 0.35s linear;
	-o-transition: all 0.35s linear;
	transition: all 0.35s linear;
}
.animated-long {
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.animated-seven {
	-webkit-transition: all 0.7s linear;
	-moz-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
	transition: all 0.7s linear;
}
.animated-max-height {
	-webkit-transition: max-height 0.2s linear;
	-moz-transition: max-height 0.2s linear;
	-o-transition: max-height 0.2s linear;
	transition: max-height 0.2s linear;
}
.animated-max-height-long {
	-webkit-transition: max-height 0.5s linear;
	-moz-transition: max-height 0.5s linear;
	-o-transition: max-height 0.5s linear;
	transition: max-height 0.5s linear;
}
.animated-colors {
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	transition: color 0.2s linear;
}
.animated-ease {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.bordered {
	border-radius: 3px;
	border:#ddd 1px solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.border-bot {
	border-bottom: 1px solid #ddd;
}
.border-top {
	border-top: 1px solid #aaa;
}
.border-left {
	border-left: 1px solid #aaa;
}
.border-none {
	border: none !important;
}
.border-box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nobox{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.middle-align {
	vertical-align: middle;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.clear-both{
	clear: both;
}
.clear-margins{
	margin: 0 !important;
}
.clear-field-text{
	position: absolute;
	right: 26px;
	top: 6px;
}
.inline-block{
	display: inline-block;
	vertical-align: top;
}
.inline{
	display: inline;
}

/*<><><>- Margins -<><><>*/
.top-0{ margin-top: 0px !important; }
.top-2{ margin-top: 2px }
.top-7{ margin-top: 7px }
.top-5{ margin-top: 5px }
.top-10{ margin-top: 10px }
.top-20{ margin-top: 20px }
.top-15{ margin-top: 15px }
.top-25{ margin-top: 25px }
.top-30{margin-top: 30px }
.top-50{margin-top: 50px }
.top-55{margin-top: 55px }
.bot-0 { margin-bottom: 0px !important; }
.bot-5{ margin-bottom: 5px }
.bot-10{ margin-bottom: 10px }
.bot-15{ margin-bottom: 15px }
.bot-20 { margin-bottom: 20px !important; }
.bot-25{ margin-bottom: 25px; }
.bot-30{ margin-bottom: 30px; }
.bot-35{ margin-bottom: 35px; }
.bot-50{ margin-bottom: 50px; }
.bot-55{ margin-bottom: 55px; }
.left-0 { margin-left: 0; }
.left-5{ margin-left: 5px }
.left-10{ margin-left: 10px }
.left-15{ margin-left: 15px }
.left-20{ margin-left: 20px } 
.left-25{ margin-left: 25px }
.left-35{ margin-left: 35px }
.left-50{ margin-left: 50px }
.left-75{ margin-left: 75px }
.right-0 { margin-right: 0; }
.right-5{ margin-right: 5px }
.right-10{ margin-right: 10px }
.right-15{ margin-right: 15px }
.right-20{ margin-right: 20px }
.right-22{ margin-right: 22px }
.right-25{ margin-right: 25px }
.right-30{ margin-right: 30px }
.right-40{ margin-right: 40px }
.right-60{ margin-right: 60px }
.right-1-per{margin-right: 1%;}
.marg-0 { margin: 0 !important; }
.marg-10 {margin:10px;}

/*<><><>- Padding -<><><>*/
/*--- Right ---*/
.pr-5 { padding-right: 5px !important; }
.pr-10 { padding-right: 10px !important; }

/*--- Left ---*/
.pl-5 { padding-left: 5px !important; }
.pl-10 { padding-left: 10px !important; }

/*--- Bottom ---*/
.pbot-0 { padding-bottom: 0px !important; }
.pbot-1 { padding-bottom: 1px !important; }
.pbot-2 { padding-bottom: 2px !important; }
.pbot-3 { padding-bottom: 3px !important; }
.pbot-4 { padding-bottom: 4px !important; }
.pbot-5 { padding-bottom: 5px !important; }
.pbot-10 { padding-bottom: 10px !important; }
.pbot-150 { padding-bottom: 150px !important; }

.padd-0 { padding: 0 !important; }
.padding-sides5{ padding-left: 5px !important; padding-right: 5px !important; }
.padd-bot-20 { padding-bottom: 20px !important; }

.clickable{ cursor: pointer }
.hover-fade:hover {
	opacity: 0.7;
}
.opacity-7 {
	opacity: 0.7;
}
.blackout-loader {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: rgba(50, 50, 50, 0.7);
	z-index: 10000;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	height: 100vh;
}
.blackout-loader span {
	position: relative;
	top: 43%;
	transform: translateY(-50%);
}
.no-focus:focus {
	border-color: #ddd;
	outline: none;
	box-shadow: none;
}
.no-focus.no-rad {
	border-radius: 0px;
}
.btn.no-rad {
	border-radius: 0px; 
}
button.btn.square-md {
	border-radius: 0px;
	font-size: 9pt;
	padding: 3px 12px;
}
button.btn.square-lg {
	border-radius: 0px;
	font-size: 12pt;
	padding: 6px 12px;
}
button.btn.square-lg.custom-lg {
	padding: 6px 20px;
	height: 34px;
	vertical-align: top;
}
.dropdown-toggle.new-dropdown {
	background-color: #f2f2f2;
}
.dropdown-toggle.new-dropdown:active, .dropdown-toggle.new-dropdown:focus, .open .dropdown-toggle.new-dropdown {
	background-color: #fff;
}
.froala-element {
	height: 190px;
	background-color: #f2f2f2;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	border: 1px solid #ccc;
}
.froala-element:focus {
	border-color: #ddd;
	outline: none;
	box-shadow: none;
	background-color: #fff;
}
.froala-wrapper+div {
	visibility: hidden;
}
.form-control.new-focus {
	background-color: #f2f2f2;
}
.form-control.new-focus.no-rad {
	border-radius: 0px;
}
.form-control.new-focus[disabled] {
	color: #aaa;
}
.form-control.new-focus:focus {
	border-color: #ddd;
	outline: none;
	box-shadow: none;
	background-color: #fff;
}
.no-focus.focus {
	border-color: #ddd !important;
	outline: none !important;
	box-shadow: none !important;
}
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.add-element{
	width: auto;
	height: 100%;
	text-align: center;
	border: #44A729 2px dashed;
	position: relative;
	font-size: 16px;
	border-radius: 7px;
	cursor: pointer;
}
.add-element .add-text{
	color: #44A729;
	position: absolute;
	cursor: pointer;
	margin: auto;
	height: 25px;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.add-element-block-30{
	padding: 5px 0;
}
.center {
	text-align: center;
}
input[type=checkbox].css-checkbox {
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin:-1px; 
	padding:0;
	border:0;
}
input[type=checkbox].css-checkbox + label.css-label {
	padding-left:27px;
	height:15px; 
	display:inline-block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size: contain;
	font-size:11px;
	vertical-align:middle;
	cursor:pointer;
	background-image:url(../images/unchecked.png);
	margin-bottom: 7px;
	margin-top: 7px;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size: contain;
	background-image:url(../images/checked.png);
}
input[type=radio].css-radio {
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin:-1px; 
	padding:0;
	border:0;
}
input[type=radio].css-radio + label.css-label {
	padding-left:27px;
	height:15px; 
	display:inline-block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size: contain;
	font-size:11px;
	vertical-align:middle;
	cursor:pointer;
	background-image:url(../images/radio_unchecked.png);
	margin-bottom: 7px;
	margin-top: 7px;
}
input[type=radio].css-radio:checked + label.css-label {
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size: contain;
	background-image:url(../images/radio_checked.png);
}
.generic-btn {
	height: 32px;
}
.generic-dropdown {
	height: 32px;
}
.generic-dropdown button {
	width: 100%;
	height: 32px;
}
.generic-dropdown.no-rad button.btn.btn-default {
	border-radius: 0px;
	height: 34px;
}
.generic-dropdown.no-rad.no-btn button.btn.btn-default {
	border: none;
	background: transparent;
	padding: 0px;
	height: auto;
}
.generic-dropdown.no-rad.no-btn.open button.btn.btn-default.dropdown-toggle, .generic-dropdown.no-rad.no-btn button.btn.btn-default.dropdown-toggle:active {
	box-shadow: none;
}
.generic-dropdown.no-rad.no-btn ul {
	margin-top: -15px;
}
.generic-dropdown ul {
	width: 100%;
	max-height: 250px;
	overflow-y: auto;
	overflow-x:hidden;
}
.generic-dropdown.no-rad ul {
	border-radius: 0px;
}
.generic-dropdown ul li a {
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.generic-dropdown li.selected {
	background-color: #eee;
}
.width-30-percent {
	width: 30% !important;
}
.width-105 {
	width: 105px !important;
}
.width-165 {
	width: 165px !important;
}
.width-185 {
	width: 185px !important;
}
.width-400 {
	width: 400px !important;
}
.width-700 {
	width: 700px !important;
}
.inline-list-content .add-element-block-30 .add-element{
	margin:0;
}
.inline-list-content .add-element{
	margin-top:5px;
	margin-bottom:5px;
}
.pagination ul li a{
	outline: 0;
}
.pagination.uno-text ul li a, .uno-text{
	color: #ef3c0c;
}
.uno-icon.gender{
	font-size: 19px;
}
.nav-pills.uno-orange > .active > a, .nav-pills.uno-orange > .active > a:hover, .nav-pills.uno-orange > .active > a:focus, .nav-pills.uno-orange > .active > a > .glyphicon{
	background-color: #FFC211;
	color: #fff;
}
.nav-pills.uno-orange > li > a{
	color: #ef3c0c;
}
.tags-field{
	margin: 0;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	padding: 6px 12px;
	border-radius: 4px;
	cursor: text;
	background: #fff;
}
.tags-field.fixed-width{
	width:300px;
	float: left;
}
.tags-field.focus{
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0px none;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}
.tags-field .label{
	margin-right: 2px;
	display: inline-block;
	padding: 5px 6px;
}
.tags-field .label .close, .message-labels .close{
	float: none;
	line-height: 10px;
	vertical-align: middle;
}
.tags-field .tag-input{
	list-style: none;
	display: inline;
}
.tags-field .tag-input input{
	border: none;
	height: 20px;
	line-height: 20px;
	width: 0px;
	background: #fff;
}
.tags-field .tag-input input:focus{
	width: 187px;
	outline: none;
	box-shadow: none;
	height: 30px;
	margin: -6px -12px;
	padding-left: 15px;
}
.multiple-push-list{
	min-height: 120px;
	overflow-x: hidden;
}
.multiple-push-list h4{
	border-bottom: #ddd 1px solid;
	padding-bottom: 5px;
}
.multiple-push-list ul li{
	padding: 2px 5px;
}
.multiple-push-list ul li:hover{
	background: #f2f2f2;
	cursor: pointer;
}
.pay-method{
	background: url(../images/sprites-profile.png);
	display: inline-block;
	width: 59px;
	height: 45px;
	margin: -3px 20px 15px 20px;
}
.pay-method input{margin: 15px 0px 0px -15px}
.pay-method.pay-cash{ background-position: -120px 0px }
.pay-method.pay-visa{ background-position: -600px 0px }
.pay-method.pay-amex{ background-position: 0px 0px }
.pay-method.pay-mc{ background-position: -480px 0px }
.pay-method.pay-interac{ background-position: -360px 0px }
.pay-method.pay-cheque{ background-position: -180px 0px }
.pay-method.pay-ancv{ background-position: -60px 0px }
.pay-method.pay-diners_club{ background-position: -240px 0px }
.pay-method.pay-discover{ background-position: -300px 0px }
.pay-method.pay-jcb{ background-position: -420px 0px }
.pay-method.pay-ticket_resto{ background-position: -540px 0px }
ul.nested-nav.nav-stacked ul {
	margin-left: 20px;
}
ul.nested-nav.nav-stacked li ul{
	display: none;
	overflow: auto;
}
ul.nested-nav.nav-stacked li ul.expanded{
	display: block;
}
ul.nested-nav.nav-stacked li a{
	padding: 5px 10px;
}
ul.nested-nav.nav-stacked li a .uno-icon{
	font-size: 11px;
}

/*<><><>- Steps with Progress Bar -<><><>*/
.progress-steps{
	height: 50px;
}
.progress-steps ul.steps{
	position: absolute;
	margin:21px 0 0 0;
	padding-left: 0px;
}
.progress-steps ul.steps li{
	display: inline;
}
.progress-steps ul.steps.steps3 li{
	margin: 0px 34% 0px 0px;
}
.progress-steps ul.steps.steps2 li{
	margin: 0px 32% 0px 0px;
}
.progress-steps .progress.steps .progress-bar{
	background: #5cb85c;
}
.progress-steps ul.steps li a{
	position: relative;
	outline: none;
}
.progress-steps ul.steps li a .step{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-left: -15px;
	left: 50%;
	position: absolute;
	top: -30px;
	background-color: #ddd;
}
.progress-steps ul.steps li a .step.in-progress{
	background-color: #faa732;
}
.progress-steps ul.steps li a .step.done{
	background-color: #5eb95e;
}
.progress-steps .progress{
	height: 14px;
}
.progress-steps .progress .progress-bar{
	background-color: #ddd;
}
.progress-steps .progress.steps{
	margin-left: 5%;
	width: 89%;
}
.filters .filter{
	display: inline-block;
	position: relative;
	margin-right: 5px;
}
.capital {
	text-transform: capitalize;
}

/* ugly tooltip fix */
.btn-group > .tooltip + .btn,
.btn-group > .popover + .btn{
	margin-left:-1px;
}
.btn-group > .btn:last-of-type {
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*<><><>Tab Loading Screen<><><>*/
.tab-loading-screen {
	width: 100%;
	height: 100%;
	min-height: 500px;
	position: relative;
}
.tab-loading-screen-inner {
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
}
.sk-circle {
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #4d4d4d;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* MAP */
.map-canvas { height: 200px;}
.map-canvas-large {height: 250px;border-radius: 4px 4px 0 0;}
.map-canvas-tall {height: 325px;}
.map-canvas-300 {height: 300px;}
.map-canvas-400 {height: 400px;}
.map-canvas img { max-width: none; }
.map-canvas-local {height: 220px;}
.poly-map {
    height: 500px;
}

/*############-- Brand Assets -- ############*/

/*--- .unoapp-logo ---*/
.unoapp-logo {
	width: auto;
	height: 100%;
	max-height: 75px;
	display: block;
	margin: 0;
	padding: 12px 15px 0px;
	float: left;
	overflow: hidden;
}

.unoapp-logo img {
	width: auto;
	max-width: 125px;
	height: auto;
	display: block;
	margin: 0 auto;
}

/*############-- Very Top Navbar --############*/

/*--- .unoapp-nav-toggle ---*/
/* Base */
.unoapp-nav-toggle {
	width: 30px;
	height: 37px;
	display: block;
	background-color: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.unoapp-nav-toggle > span {
	width: 75%;
	height: 2px;
	display: block;
	background-color: #536470;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.unoapp-nav-toggle > span:before,
.unoapp-nav-toggle > span:after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background-color: inherit;
	position: absolute;
}

.unoapp-nav-toggle > span:before {
	top: -7px;
}

.unoapp-nav-toggle > span:after {
	bottom: -7px;
}

/* Modifiers: Border */
.unoapp-nav-toggle.border-base {
	border: 2px solid #536470;
}

.unoapp-nav-toggle.border-base > span:before {
	top: -6px;
}

.unoapp-nav-toggle.border-base > span:after {
	bottom: -6px;
}

/*--- .unoapp-navbar ---*/
.unoapp-navbar {
	height: 50px;
	background-color: #FFF !important;
	border-bottom: 1px solid #e9ecf3;
}

.unoapp-navbar .top-container {
	width: 100%;
	height: 100%;
	display: block;
}

.unoapp-navbar-controls {
	height: 100%;
	display: block;
}

.unoapp-navbar-controls-main {
	width: 100%;
	padding: 0px 15px;
	float: left;
}

.unoapp-navbar-controls-supporting {
	display: none;
}

/*--- .unoapp-nav ---*/
.unoapp-nav {
	height: 100%;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* .unoapp-nav-item */
.unoapp-nav-item {
	height: 100%;
	background-color: transparent;
	float: left;
	overflow: visible;
	cursor: pointer;
	-webkit-transition: background-color 0.25s;
	-o-transition: background-color 0.25s;
	transition: background-color 0.25s;
}

/* .unoapp-nav-item-inner */
.unoapp-nav-item-inner {
	width: auto;
	height: 100%;
	display: block;
	padding: 6px;
	overflow: visible;
}

/* .unoapp-nav-item-inner-content */
.unoapp-nav-item-inner-content {
	max-width: 250px;
	height: 100%;
	display: block;
	padding: 0px 6px;
	overflow: visible;
	-webkit-transition: background-color 0.25s, border-color 0.25s;
	transition: background-color 0.25s, border-color 0.25s;
}

/* .unoapp-nav-item-inner-content * */
.unoapp-nav-item-inner-content .text-wrap,
.unoapp-nav-item-inner-content .img-wrap {
	float: left;
}

/* .unoapp-nav-item-inner-content .text-wrap */
.unoapp-nav-item-inner-content .text-wrap {
	width: auto;
	max-width: 100%;
	display: block;
	color: #3F4D56;
	position: relative;
	line-height: 35px;
}

/* Modifiers */
.unoapp-nav-item-inner-content .text-wrap.has-icon {
	padding-left: 25px;
}

.unoapp-nav-item-inner-content .text-wrap.has-icon::before {
	content: '';
	width: 20px;
	height: 35px; /* This should always match the `line-height` prop. of the `.text-wrap` selector */
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	position: absolute;
	left: 0;
}

.unoapp-nav-item-inner-content .text-wrap.has-icon--location::before {
	background-image: url('../images/location-thumb.png'); /* This is a temp., to be used until we can create a nav-specific 'location' icon */
	background-size: 90%;
}

/* .unoapp-nav-item-inner-content .img-wrap */
.unoapp-nav-item-inner-content .img-wrap {
	width: 29px;
	height: 29px;
	display: block;
	margin-top: 3px;
	margin-bottom: 3px;
	position: relative;
	overflow: hidden;
}

.unoapp-nav-item-inner-content .img-wrap img {
	width: 100%;
	height: 100%;
	display: block;
}

/* Modifiers */
.unoapp-nav-item-inner-content .img-wrap.img-wrap-round {
	border-radius: 50%;
}

/* .unoapp-nav-item-inner-dropdown */
.unoapp-nav-item-inner-dropdown {
	background-color: #536470;
	width: 195px;
	border: none;
	border-radius: 0 !important;
	margin-top: 10px;
    padding: 0px;
    list-style: none;
    float: none;
   	left: 50% !important;
   	-webkit-transform: translateX(-50%);
   	-ms-transform: translateX(-50%);
   	transform: translateX(-50%);
}

.unoapp-nav-item-inner-dropdown:after {
	bottom: 100%;
	left: 82%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	left: 50%;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #536470;
    border-width: 6px;
    margin-left: -6px;
}

.unoapp-nav-item-inner-dropdown .list-item {
	list-style-type: none;
	display: block;
	padding: 0px;
	overflow: auto;
}

.unoapp-nav-item-inner-dropdown .list-item > a {
	font-weight: 500;
    color: #d4dadf;
    padding: 8px 16px;
    text-align: left;
}

.unoapp-nav-item-inner-dropdown .list-item > a:hover,
.unoapp-nav-item-inner-dropdown .list-item > a:focus {
	color: #d4dadf;
	background: #5b6f7c;
}

.unoapp-nav-item-inner-dropdown .list-item > a:visited {
	color: #d4dadf;
}

.unoapp-nav-item-inner-dropdown .list-item-icon {
	width: 15px;
    display: inline-block;
    margin-right: 9px;
    color: #b6c2c9;
    font-style: normal;
    font-size: 26px;
}

.unoapp-nav-item-inner-dropdown .list-item-icon.glyphicon {
	font-size: 13px;
}

.unoapp-nav-item-inner-dropdown .list-item.divider {
	background-color: #607482;
}

.unoapp-nav-item-inner-dropdown .list-item.list-item-options {
	width: 100%;
	height: auto;
}

.unoapp-nav-item-inner-dropdown .list-item.list-item-options .title,
.unoapp-nav-item-inner-dropdown .list-item.list-item-options .options {
	width: 100%;
	height: auto;
	display: block;
}

.unoapp-nav-item-inner-dropdown .list-item.list-item-options .title {
	margin-bottom: 3px;
	position: relative;
}

.unoapp-nav-item-inner-dropdown .list-item.list-item-options .options {
	background-color: rgba(0,0,0,0.2);
	border-left: 2px solid #d4dadf;
	padding: 4px 10px;
}

.unoapp-nav-item-inner-dropdown .list-item.list-item-options .options .option {
	display: inline-block;
	padding: 1px 4px;
	font-weight: 700;
	vertical-align: middle;

}

.unoapp-nav-item-inner-dropdown .list-item.list-item-options .options .option.selected {
	border-bottom: 1px solid #d4dadf;
}

/*--- .unoapp-nav-mobile ---*/
/*
// UPDATE DECLARATION BELOW
*/
.unoapp-nav-mobile .app-navbar-collapse,
.unoapp-nav-mobile .user-navbar-collapse {
	position: relative;
	top: 0px;
	right: 0px;
	max-height: none;
	border-top: none;
	padding: 0px;
	width: 100%;
}

/*--- .unoapp-nav-mobile-dropdown ---*/
.unoapp-nav-mobile-dropdown {
	margin: 0px;
	padding-left: 0px;
	list-style-type: none;
}

.unoapp-nav-mobile-dropdown .list-item {
	height: auto;
	min-height: 50px;
	color: #d4dadf;
	background-color: #536470;
	border-top: 1px solid #607482;
	padding: 0px;
	text-transform: uppercase; 
	cursor: pointer;
}

.unoapp-nav-mobile-dropdown .list-item a {
	display: block;
	color: #d4dadf;
	background-color: transparent;
	padding: 15px;
	padding-left: 20px;
	position: relative;
	font-weight: 600;
	text-decoration: none;
}

.unoapp-nav-mobile-dropdown .list-item a:before {
	content: '';
	width: 7px;
	height: 100%;
	display: block;
	background-color: rgba(0,0,0,0.2);
	position: absolute;
	top: 0;
	left: 0;
}

.unoapp-nav-mobile-dropdown .list-item a:hover {
	background: #5b6f7c;
}

.unoapp-nav-mobile-dropdown .list-item img {
	margin-top: 0px;
	border-radius: 50%;
	height: 50px;
	width: 50px;
}

/* .list-item-dropdown */
.unoapp-nav-mobile-dropdown .list-item-dropdown {
	max-height: 0px;
	background-color: #47555F;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.unoapp-nav-mobile-dropdown .list-item-dropdown.open {
	max-height: 600px;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.unoapp-nav-mobile-dropdown .list-item-dropdown > li {
	width: 100%;
	height: auto;
	display: block;
	border-top: 1px solid #607482;
}

.unoapp-nav-mobile-dropdown .list-item-dropdown > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
}

.unoapp-nav-mobile-dropdown .list-item-dropdown > li > a:before {
	background-color: transparent;
}

.unoapp-nav-mobile-dropdown .list-item-dropdown > li > a:hover {
	background-color: #4D5B65;
}

/*--- user-navbar-collapse .unoapp-nav-mobile-dropdown ---*/
/* .list-item-profile */
.user-navbar-collapse .unoapp-nav-mobile-dropdown .list-item-profile {
	height: auto;
	text-align: center;
}

.user-navbar-collapse .unoapp-nav-mobile-dropdown .user-profile-wrap {
	display: inline-block;
	vertical-align: middle;
	max-width: 280px;
	margin: 0 auto;
	overflow: auto;
}

.user-navbar-collapse .unoapp-nav-mobile-dropdown .user-profile-img {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
}

.user-navbar-collapse .unoapp-nav-mobile-dropdown .user-profile-img img {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
}

.user-navbar-collapse .unoapp-nav-mobile-dropdown .user-profile-name {
	padding: 0px 10px;
	font-weight: 600;
	text-align: left;
	line-height: 40px;
}

/* .list-item-options */

.user-navbar-collapse .unoapp-nav-mobile-dropdown .list-item-options {

}

.user-navbar-collapse .unoapp-nav-mobile-dropdown .list-item-options .title,
.user-navbar-collapse .unoapp-nav-mobile-dropdown .list-item-options .options {
	width: 100%;
	height: auto;
	display: block;
}

.user-navbar-collapse .unoapp-nav-mobile-dropdown .list-item-options .title {
	margin-bottom: 3px;
	position: relative;
}

.user-navbar-collapse .unoapp-nav-mobile-dropdown .list-item-options .options {

}

.user-navbar-collapse .unoapp-nav-mobile-dropdown .list-item-options .options .option {
	display: inline-block;
	padding: 1px 4px;
	font-weight: 700;
	vertical-align: middle;

}

.user-navbar-collapse .unoapp-nav-mobile-dropdown .list-item-options .options .option.selected {
	border-bottom: 1px solid #d4dadf;
}

/*--- app-navbar-collapse .unoapp-nav-mobile-dropdown ---*/
.app-navbar-collapse .unoapp-nav-mobile-dropdown {

}

.app-navbar-collapse .unoapp-nav-mobile-dropdown .list-item {
	min-height: auto;
	position: relative;
}

.navbar div.popover {
	margin-left: -25px;
}
.navbar div.popover .arrow{
	left: 71%;
}

.messages-click {
	margin-top: -5px;
	margin-bottom: -9px;
	background-color: #fff;
}
.messages-click span.uno-icon-thin {
	font-size: 250%;
	vertical-align: middle;
}
.dropdown-menu > li > a.messages-click:hover {
	background-color: #eee;
}

.navbar-inverse .navbar-toggle{
	border-color: #444;
	float: left;
	margin-left: 10px;
	margin-right: 0px;
	border: none;
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #999;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #fff;
	border: none;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #fff;
}
.profile-nav-toggle img {
	width: 35px;
	height: 35px;
	border-radius: 18px;
	margin-right: 16px;
	margin-top: 10px;
}
#nav-options .glyphicon.glyphicon-asterisk{
	color: #ef3c0c;
	font-size: 12px;
	position: absolute;
	left: 14px;
	top: 0px;
	z-index: 1;
}
#nav-options .noti-badge {
	position: absolute;
	z-index: 1;
	top: -4px;
	left: -11px;
	color: #fff;
	background-color: #ef3c0c;
	border-radius: 12px;
	width: 20px;
	height: 20px;
	line-height: normal;
	text-align: center;
	font-size: 33%;
	padding-top: 3px;
	opacity: 0.7;
	font-family: "Open Sans";
}

#nav-options li:hover .noti-badge {
	opacity: 1;
}
#nav-options .dropdown-toggle {
	box-shadow: none;
}
#nav-options .dropdown-toggle span.uno-icon-thin {
	font-size: 115%;
	padding-left: 10px;
}

/*############-- Main Navigation - Home and Settings and stuff --############*/

.loading-cover {
	background-color: #fff;
	background-image: url('../images/textures/dust.png');
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1031;
	top: 0;
	text-align: center;
	padding-top: 18%;
}
#main-nav{
	background:#4D4D4D;
	text-align: center;
	position: relative;
	margin-top: 50px;
	height: 90px;
}
#main-nav ul{
	width: 1170px;
	height: 90px;
	padding-left: 0px;
	margin: 0 auto;
}
#nav-options ul li{
	list-style-type: none;
	display: inline;
}
#nav-options li > div >span.uno-icon-thin{
	font-size: 250%;
	color: #999;
}
#main-nav ul li{
	list-style-type: none;
	display: inline-block;
	width: 8.7%;
	height: 90px;
	padding-top: 20px;
}
#main-nav ul li a{
	border: none;
	outline: none;
	text-transform: capitalize;
	color: #ccc;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
	font-size: 12px;
	white-space: nowrap;
}
#main-nav ul li.selected {
	background-color: #444;
}
#main-nav ul li.selected a, #main-nav ul li:hover a, #main-nav ul li:hover .main-nav-button, #main-nav ul li.selected .main-nav-button{
	color: #fff;
}
.main-nav-button{
	display: block;
	height: 32px;
	font-size: 400%;
	color: #ccc;
	text-transform: none;
	line-height: 0.5;
}
.main-nav-button.uno-icon-new {
	font-size: 60px;
	line-height: 0.5;
}
.main-nav-button.glyphicon {
	font-size: 200%;
	line-height: 1;
}
#main-nav-condensed {
	display: none;
	position: fixed;
	top:50px;
	z-index: 2;
	width: 100%;
	background-color: #4d4d4d;
	left: 0;
}
#main-nav-condensed ul {
	width: 1170px;
	margin: 0 auto;
	float: none;
	text-align: center;
	text-transform: capitalize;
}
#main-nav-condensed li {
	width: 9.7%;
	margin-right:0px;
	display: inline-block;
	float: none;
}
#main-nav-condensed li a {
	color: #ddd;
}
#main-nav-condensed li a:hover {
	color: #fff;
	background-color: #4d4d4d;
}
#main-nav-condensed li.active {
	background-color: #444;
}
#main-nav-condensed li.active a:hover {
	background-color: #444;
}
#main-nav-condensed li.active a {
	color: #fff;
	background-color: #444;
}

/*############-- Other stuff that goes below the nav bars - image rotators and the like --############*/

.inline-list-content{
	padding: 0 15px;
	border-top: #ddd 1px solid;
	clear: both;
}
.inline-list-content .cell{
	padding: 10px 5px;
	display: inline-block;
	color: #777;
	vertical-align: middle;
}
.inline-list-content .review-date{
	font-size: 16px;
	line-height: 30px;
}
.inline-list-content .review-icon img{
	max-height: 30px;
}
.inline-list-content .review-rating{
	font-family: 'Arial';
	font-size: 35px;
	padding: 15px 0 0 0;
	line-height: 10px;
}
.inline-list-content .review-description{
	font-size: 12px;
	line-height: 14px;
}

/*############-- Headers --############*/

.uno-heading-contain {
	position: absolute;
	background-color: #565656;
	width: 100%;
	left: 0px;
	height: 50px;
	top: 140px;
	overflow: auto;
}

.uno-heading {
	width: 1170px;
	height: 100%;
	max-height: 100%;
	display: block;
	margin: 0px auto;
	padding: 0px;
	color: #eee;
	overflow: auto;
}

.uno-title {
	margin-left: 10px;
	margin-top: 10px;
}
.subtitle {
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 12pt;
	color: #333;
}
.subtitle i {
	font-style: normal;
}
.subtitle em {
	font-style: normal;
}

.uno-heading-contain .location-header {
	width: 325px;
	margin-top: -46px;
	margin-right: -15px;
}
.uno-heading-contain .location-header span > span {
	max-width: 220px;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
}
.uno-heading-contain .location-header > button.btn.btn-default {
	width: 100%;
	border: none;
	border-radius: 0px;
	height: 49px;
	background-color: #666;
	color: #eee;
}
.uno-heading-contain .location-header > button.btn.btn-default:hover {
	background-color: #777;
}
.uno-heading-contain .location-header > button > span:first-child {
	font-size: 250%;
}
.uno-heading-contain .location-header > button .caret {
	margin-top: 8px;
} 
.location-header > ul {
	width: 100%;
	text-align: center;
	max-height: 250px;
	overflow: auto;
	border-radius: 0px;
	margin-top: 0px;
} 
.location-header li a {
	padding: 8px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	color: #333;
	white-space: nowrap;
}
.location-header > ul li:first-child {
	margin-top:-5px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.location-header > ul li .quick-remove {
	visibility: hidden;
	font-size: 12pt;
}
.location-header > ul li a:hover {
	background-color: #fff;
	text-decoration: none;
	color: #262626;
}
.location-header > ul li a:hover .quick-remove {
	visibility: visible;
	color: #ccc;
}
.location-header .quick-remove:hover {
	cursor: pointer;
}
.location-header > ul a.select-locations {
	padding: 13px 0px;
	margin: -5px 0px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #eee;
} 
.location-header > ul a.select-locations:hover {
	background-color: #ddd;
} 
.location-header li {
	border-bottom: 1px solid #ddd;
}
.location-header > ul li:last-child {
	border-bottom: none;
	margin-top: 5px;
	padding: 0px;
}
.location-header > ul li:last-child button {
	width: 50%;
	border-radius: 0 0 0 2px;
	margin-top: -6px;
	height: 44px;
	margin-bottom: -5px;
	margin-left: -15px;
	margin-right: 0px;
}
.location-header > ul li:last-child button:last-child {
	margin-left: 0px;
	margin-right: -16px;
	border-radius: 0 0 2px 0;
}
.location-header > ul.single-loc > div {
	border-bottom: 1px solid #ddd;
}
.location-header > ul.single-loc li:last-child {
	margin-top: 0px;
}
.location-header > ul li a:hover {
	background-color: #eee;
}
.location-header li.selected a{
	background-color: #5cb85c;
	color: #fff;
}
.location-header > button > img {
	max-height: 35px;
	max-width: 37px;
	position: absolute;
    left: 12px;
    top: 7px;
}
.brand-loc-top {
	border-bottom: 1px solid #ddd;
	background-color: #f7f7f7;
	height: 55px;
	color: #4d4d4d;
	font-size: 16px;
	text-align: left;
	position: relative;
}
.brand-loc-top > img {
	max-height: 50px;
	max-width: 85px;
	float: left;
	margin-left: 10px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.brand-loc-top > span {
	margin-top: 18px;
	display: inline-block;
	margin-left: 10px;
}
.brand-select-btn {
	position: absolute;
    bottom: 1px;
    right: 4px;
    font-size: 10px;
    text-transform: uppercase;
    color: #666;
    cursor: pointer;
}
.brand-select-btn:hover {
	color: #999;
	text-decoration: underline;
}
.location-header li.selected a:hover {
	background-color: #449244;
}
.location-header.location-box {
	margin-top: 0px;
	margin-right: 0px;
	width: 100%;
}
.location-header.location-box > button {
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 34px;
}
.staff-switch {
	margin-top: -46px;
	margin-right: 1px;
	width: 200px;
}
.uno-heading-contain .staff-switch .location-header > button > span:first-child {
	font-size: 100%;
}
.staff-switch .location-header > ul li:last-child {
	margin-top: 0px;
}
.uno-body {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 15px 10px 25px;
	margin-top: 60px;
	margin-bottom: 10px;
	border-radius: 4px;
	position: relative;
}
.uno-heading button.uno-head-btn {
	border: none;
	height: 78px;
	border-radius: 0px;
	width: 51.3%;
	margin-left: -4px;
	font-size: 150%;
	text-transform: uppercase;
}
.uno-heading button.uno-head-btn.full {
	width: 100%;
}
.uno-heading button.uno-head-btn:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	margin-left: -15px;
}
.uno-heading button.uno-head-btn:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-left: 1px solid #ddd;
	margin-right: -15px;
}
.display-block {
	display: block;
}
.timepicker-new {
	width: 173px;
	position: absolute;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 10px;
	top: 50px;
	z-index: 100;
	text-align: left;
	box-shadow: 2px 2px 7px 0px rgba(50, 50, 50,0.2);
}
.timepicker-new:before {
    content: "";
	display: block;
	width: 0;
	height: 0;
	border-width: 0 12px 12px 12px;
	border-style: solid;
	border-color: transparent transparent #ddd transparent;
	position: absolute;
	top: -12px;
	left: 68px;
}
.timepicker-new:after {
    content: "";
	display: block;
	width: 0;
	height: 0;
	border-width: 0 12px 12px 12px;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	top: -11px;
	left: 68px;
}
.timepicker-new > div > div {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	text-align: center;
}
.timepicker-new > div:first-child div {
	margin: 7px 7px 3px 0px;
	border: 1px solid #eee;
	width: 45px;
	cursor: pointer;
}
.timepicker-new > div:first-child div:hover {
	background-color: #f2f2f2;
	border-color: #ccc;
}
.timepicker-new > div:last-child div {
	margin: -12px 7px 0px 0px;
	border: 1px solid #eee;
	width: 45px;
	line-height: 1.1;
	padding-top: 2px;
	cursor: pointer;
}
.timepicker-new > div:last-child div:hover {
	background-color: #f2f2f2;
	border-color: #ccc;
}
.timepicker-new a {
	text-decoration: none;
	color: #4d4d4d;
	cursor: pointer;
}
.timepicker-new button.btn {
	border-radius: 0px;
	border-color: #aaa;
}
.timepicker-new input.form-control {
	border-color: #aaa;
	border-radius: 0px;
}
.hours .timepicker-new {
	left: -28px;
	top: 43px;
}
.hours .timepicker-new > div:last-child div {
	margin: 4px 7px 0px 0px;
}
.generic-switch {
	background-color: #eee;
	color: #999;
	border: 1px solid #ddd;
	border-radius: 11px;
	padding: 3px 8px 2px;
	font-size: 10pt;
	width: 70px;
	position: relative;
	cursor: pointer;
	font-weight: normal;
	height: auto;
	top: auto;
	left: auto;
	display: inline-block;
	vertical-align: middle;
}
.generic-switch.noti-on {
	background-color: rgba(92, 184, 92, 0.8);
	color: #fff;
}
.generic-switch > div {
	width: 29px;
	height: 16px;
	background-color: #fff;
	position: absolute;
	border-radius: 10px;
	top: 2px;
	left: 3px;
	border: 1px solid #bbb;
}
.generic-switch > div.noti-on {
	left: 36px;
}

/*############-- Modals --############*/

#login-modal .modal-dialog{
	width: 314px;
}
.modal-content .modal-footer {
	padding: 8px 20px 0px;
}
.modal-content .new-modal-footer .btn {
	padding: 8px 20px 8px;
	margin-bottom: 10px;
	border-radius: 0;
}
.modal-content.break-radius {
	border-radius: 0px;
}
.modal-header .modal-title{
	color:#4d4d4d;
}
.modal-body.modal-body-long{
	height: 625px;
}
.modal-body.modal-body-fixed{
	height: 523px;
	overflow-y: auto;
	overflow-x: hidden;
}
.modal-body.modal-body-fixed-auto {
	height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}
.modal-372 {
	height: 372px;
}
.modal-372 > .check-user {
	width: auto;
	margin-right: -20px;
}
.modal-event {
	width: 500px;
}
.modal-wide{
	width: 700px;
}
.modal-800 {
	width: 800px;
}
.modal-900 {
	width: 900px;
}
.modal-953 {
	width: 953px;
}
.modal-large {
	width: 1000px
}
.modal-padding {
	margin-top: 150px;
}
.modal-body div.display-preview {
	text-align: center;
}
.modal-body div.display-preview img {
	max-width: 100%;
	max-height: 750px;
}
#preview-module div.modal-body.modal-body-fixed {
	height: auto;
}
.modal-trigger-widget {
	width: 410px;
}
.modal-dialog.modal-error {
	width: 500px;
}
.modal-short {
	height: 100px !important;
}
.modal-user {
	height:150px;
}
.modal-new-user {
	height: 400px;
}
.modal-trigger-widget-body {
	height: 190px;
}
.modal-btn.pull-right {
	border: none;
	border-left: 1px solid #ddd;
	border-radius: 0px;
	margin-top: -8px;
	margin-right: -20px;
	height: 50px;
	border-bottom-right-radius: 4px;
	padding: 0px 15px;
}
.modal-btn.pull-right.secondary {
	border: none;
	border-left: 1px solid #ddd;
	border-radius: 0px;
	margin-top: -8px;
	height: 50px;
	margin-right: 0px;
	padding: 0px 15px;
	margin-right: -5px;
}
.modal-btn.pull-left {
	border: none;
	border-right: 1px solid #ddd;
	border-radius: 0px;
	margin-top: -8px;
	margin-left: -20px !important;
	height: 50px;
	border-bottom-left-radius: 4px;
	padding: 0px 15px;
}
.modal-btn.pull-left.secondary {
	border: none;
	border-right: 1px solid #ddd;
	border-radius: 0px;
	margin-top: -8px;
	height: 50px;
	margin-left: 0px !important;
	padding: 0px 15px;
}
.modal-content.destroy-modal {
	background-color: transparent;
	border: none;
	box-shadow: none;
}

.modal-permission-denied {
	font-size: 18px;
}
.new-modal-footer button {
	border-radius: 0px !important;
	height: 34px;
	margin-top: 6px;
	margin-bottom: 13px !important;
}
/*############-- Preloader Styles --############*/

/*############-- Content Styles --############*/
/*<><><>- App Content -<><><>*/
.app-content {
	display: none;
	opacity: 0;
	-webkit-transition: opacity 2s 0.5s;
	transition: opacity 2s 0.5s;
}
.app-content.loading {
	opacity: 1;
}
.app-content.loaded {
	display: block;
	opacity: 1;
}

/*--- Modifiers ---*/
.app-content.app-trans-fade {
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.app-content.app-trans-fade.loading {
	display: block;
	opacity: 0;
}
.app-content.app-trans-fade.loaded {
	display: block;
	opacity: 1;
} 

/*############-- Preloader Elements --############*/

/*<><><>- App Preloader -<><><>*/

/*--- App Preloader: Base ---*/
.app-preloader {
	width: 100%;
	height: auto;
	min-height: 200px;
	padding: 30px 0px;
	display: block;
	text-align: center;
	opacity: 1;
	-webkit-transition: opacity 0.5s, height 0.5s 0.5s;
	transition: opacity 0.5s, height 0.5s 0.5s;
}
.app-preloader .title {
	color: #666666;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.app-preloader .subtitle {
	color: #666666;
	font-size: 14px; 
	line-height: 1.5;
}
.app-preloader .preloader-wrap {
	width: 30px;
	height: 30px;
	display: inline-block;
	padding: 0;
	position: relative;
}
.app-preloader .preloader-wrap .elem {
	display: block;
	background-color: #DDDDDD;
	border-radius: 50%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: anim-preload-loop 0.65s ease-in-out infinite alternate;
	animation: anim-preload-loop 0.65s ease-in-out infinite alternate;
}

/*--- App Preloader: Complete ---*/
.app-preloader.preload-complete {
	height: 0px !important;
	min-height: 0px !important;
	padding: 0px !important;
	opacity: 0;
	-webkit-transition: opacity 0.5s 0.75s, height 0.5s 1.25s, min-height 0.5s 1.25s, padding 0.5s 1.25s;
	transition: opacity 0.5s 0.75s, height 0.5s 1.25s, min-height 0.5s 1.25s, padding 0.5s 1.25s;
}
.app-preloader.preload-complete .elem {
	-webkit-animation: anim-preload-complete 0.5s ease-in-out 1 forwards;
	animation: anim-preload-complete 0.5s ease-in-out 1 forwards;
}

/*--- Variations ---*/
/* Preloader: Small */
.app-preloader.preloader-small {
	
}
.app-preloader.preloader-small .title {
	font-size: 14px;
}
.app-preloader.preloader-small .preloader-wrap {
	width: 20px;
	height: 20px;
}

/*<><><>- Module Preloader -<><><>*/

/*--- Module Preloader: Base ---*/
.module-preloader {
	width: 100%;
	height: 8px;
	display: block;
	position: absolute;
	top: 50px;
	left: 1px;
	-webkit-transition: opacity 0.8s 0.4s ease;
	transition: opacity 0.8s 0.4s ease;
}
.module-preloader .preloader-wrap {
	width: 100%;
	height: 100%;
	display: block;
	background-color: #EFEFEF;
	position: relative;
}
.module-preloader .preloader-wrap .elem {
	width: 0%;
	height: 100%;
	display: block;
	background-color: #5CB85C;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: width 0.2s ease;
	transition: width 0.2s ease;
}

/*--- Module Preloader: Complete ---*/
.module-preloader.upload-complete {
	opacity: 0;
}

/*--- Module Preloader: Progress Bar ---*/

/*<><><>- Preloader Animations -<><><>*/

@-webkit-keyframes anim-preload-loop {
	0% {
		opacity: 0;
		width: 0%;
		height: 0%;
	}
	100% {
		opacity: 1;
		width: 100%;
		height: 100%;
	}
}
@-moz-keyframes anim-preload-loop {
	0% {
		opacity: 0;
		width: 0%;
		height: 0%;
	}
	100% {
		opacity: 1;
		width: 100%;
		height: 100%;
	}
}
@-o-keyframes anim-preload-loop {
	0% {
		opacity: 0;
		width: 0%;
		height: 0%;
	}
	100% {
		opacity: 1;
		width: 100%;
		height: 100%;
	}
}
@keyframes anim-preload-loop {
	0% {
		opacity: 0;
		width: 0%;
		height: 0%;
	}
	100% {
		opacity: 1;
		width: 100%;
		height: 100%;
	}
}
@-webkit-keyframes anim-preload-complete {
	0% {
		opacity: 1;
		width: 0%;
		height: 0%;
	}
	100% {
		opacity: 1;
		width: 100%;
		height: 100%;
		background-color: #6AC36A;
	}
}
@-moz-keyframes anim-preload-complete {
	0% {
		opacity: 1;
		width: 0%;
		height: 0%;
	}
	100% {
		opacity: 1;
		width: 100%;
		height: 100%;
		background-color: #6AC36A;
	}
}
@-o-keyframes anim-preload-complete {
	0% {
		opacity: 1;
		width: 0%;
		height: 0%;
	}
	100% {
		opacity: 1;
		width: 100%;
		height: 100%;
		background-color: #6AC36A;
	}
}
@keyframes anim-preload-complete {
	0% {
		opacity: 1;
		width: 0%;
		height: 0%;
	}
	100% {
		opacity: 1;
		width: 100%;
		height: 100%;
		background-color: #6AC36A;
	}
}

/*############-- Custom UNOAPP buttons, labels and other fancy things --############*/


/*<><><>- Buttons -<><><>*/
.btn:focus {
	outline: none;
}
.btn-uno {
  color: #ffffff;
  background-color: #ef3c0c;
  border-color: #EF1738;
}
.btn-charcoal {
  color: #ffffff;
  background-color: #4d4d4d;
}
.btn-see-through-charcoal {
  color: #ffffff;
  background-color: rgba(52, 52, 52, 0.5);
  border-color: #242424;
}
.btn-quick {
	background-color: #00aeef;
	color: #fff;
}
.btn-quick:hover,
.btn-quick:focus,
.btn-quick:active,
.btn-quick.active {
	background-color:#0292C7;
	color: #fff;
}
.btn-charcoal:hover,
.btn-charcoal:focus,
.btn-charcoal:active,
.btn-charcoal.active{
  color: #ffffff;
  background-color: #666;
  border-color: #666;
}
.btn-see-through-charcoal:hover,
.btn-see-through-charcoal:focus,
.btn-see-through-charcoal:active,
.btn-see-through-charcoal.active{
  color: #ffffff;
  background-color: rgba(52, 52, 52, 0.9);
  border-color: #242424;
}
.btn-quick.disabled,
.btn-quick[disabled],
fieldset[disabled] .btn-quick,
.btn-quick.disabled:hover,
.btn-quick[disabled]:hover,
fieldset[disabled] .btn-quick:hover,
.btn-quick.disabled:focus,
.btn-quick[disabled]:focus,
fieldset[disabled] .btn-quick:focus,
.btn-quick.disabled:active,
.btn-quick[disabled]:active,
fieldset[disabled] .btn-quick:active,
.btn-quick.disabled.active,
.btn-quick[disabled].active,
fieldset[disabled] .btn-quick.active {
  background-color: #8BCCD8;;
}
.btn-uno:hover,
.btn-uno:focus,
.btn-uno:active,
.btn-uno.active,
.open .dropdown-toggle.btn-uno {
  color: #ffffff;
  background-color: #DD1A37;
  border-color: #C1223A;
}
.btn-uno:active,
.btn-uno.active,
.open .dropdown-toggle.btn-uno {
  background-image: none;
}
.btn-uno.disabled,
.btn-uno[disabled],
fieldset[disabled] .btn-uno,
.btn-uno.disabled:hover,
.btn-uno[disabled]:hover,
fieldset[disabled] .btn-uno:hover,
.btn-uno.disabled:focus,
.btn-uno[disabled]:focus,
fieldset[disabled] .btn-uno:focus,
.btn-uno.disabled:active,
.btn-uno[disabled]:active,
fieldset[disabled] .btn-uno:active,
.btn-uno.disabled.active,
.btn-uno[disabled].active,
fieldset[disabled] .btn-uno.active {
  background-color: #ef3c0c;
  border-color: #EF1738;
}
.btn-uno .badge {
  color: #ef3c0c;
  background-color: #fff;
}
label.control-label {
	text-transform: uppercase;
	font-weight: normal;
	color: #666;
	font-size: 8pt;
	margin-bottom: 0px;
}
label.control-label.sub-label {
	color: #999;
	font-size: 7.5pt;
}
.progress .progress-bar-uno {
  background-color: #F75467;
}
.progress-striped .progress-bar-uno {
  background-color: #F95E71;
}
.btn-space:focus {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  outline: none;
}
.floating-btn {
	border-radius: 0px;
	margin-top: 20px;
	padding: 16px 40px;
	font-size: 13pt;
}
.floating-btn-holder {
	text-align: center;
}
.header-btn-squared {
	height: 49px;
	border-radius: 0px;
	width: 200px;
	font-size: 13pt;
}
.uno-alert {
	border: 1px solid #ddd !important;
	border-radius: 3px;
	background-color: #fff;
	height: auto;
	padding: 13px 15px !important;
	margin: 0px 10px !important;
}
.users-table-body.bll-consumer-gallery{clear: both;}
.users-table-body > .load-more {
	border-bottom: 1px solid #ddd;
	width: 100%;
	background-color: #fff;
	height: 75px;
	position: relative;
}
.users-top > .download-csv {
	border-bottom: 1px solid #ddd;
    width: 17%;
    background-color: #fff;
    height: 55px;
    position: relative;
    float: right;
    display: inline-block;
}
.users-table-body > .load-more:hover, .users-top > .download-csv:hover {
	background-color: #fff;
	cursor: auto;
} 
.users-table-body > .load-more > div, .users-top > .download-csv > div {
	border: 4px solid #999;
	color: #fff;
	font-weight: bold;
	background-color: #999;
	padding: 10px 25px;
	margin: 11px auto 0px;
	display: block;
	float: none;
	width: 180px;
	text-align: center;
	position: absolute;
	margin-left: 15px;
}
.users-top > .download-csv > div {
	margin: 3px;
}
.users-table-body > div.load-more > div:last-child, .users-top > div.download-csv > div:last-child {
	border-right: 4px solid #999;
}
.users-table-body > .load-more > div:hover, .users-top > .download-csv > div:hover {
	cursor: pointer;
	background-color: #fff;
	color: #999;
}
.users-table-body > .load-more > div.spinit:before, .users-top .download-csv div.spinit:before {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	margin: -.64285em 0 0 -.64285em;
	width: 1.2857em;
	height: 1.2857em;
	border-radius: 500rem;
	border: .2em solid rgba(0,0,0,.15);
}
.spinholder {
	position: relative;
}
div.spinit:before {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	margin: -.64285em 0 0 -.64285em;
	width: 1.2857em;
	height: 1.2857em;
	border-radius: 500rem;
	border: .2em solid rgba(0,0,0,.15);
}
.users-table-body > .load-more > div.spinit:after, .users-top .download-csv div.spinit:after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	margin: -.64285em 0 0 -.64285em;
	width: 1.2857em;
	height: 1.2857em;
	-webkit-animation: button-spin .6s linear;
	animation: button-spin .6s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 500rem;
	border-color: #fff transparent transparent;
	border-style: solid;
	border-width: .2em;
	box-shadow: 0 0 0 1px transparent;
}
div.spinit:after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	margin: -.64285em 0 0 -.64285em;
	width: 1.2857em;
	height: 1.2857em;
	-webkit-animation: button-spin .6s linear;
	animation: button-spin .6s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 500rem;
	border-color: #fff transparent transparent;
	border-style: solid;
	border-width: .2em;
	box-shadow: 0 0 0 1px transparent;
}
div.spinit.green:after {
	border-color: #fff transparent transparent;
}
div.spinit.green:before {
	border: .2em solid #5cb85c;
}
@-webkit-keyframes button-spin {
	from {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	to {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
.generic-loader > .load-more {
	border-bottom: 1px solid #ddd;
	width: 100%;
	background-color: #fff;
	height: 75px;
	position: relative;
}
.generic-loader > .load-more:hover {
	background-color: #fff;
	cursor: auto;
} 
.generic-loader > .load-more > div {
	border: 4px solid #999;
	color: #fff;
	font-weight: bold;
	background-color: #999;
	padding: 10px 25px;
	margin: 11px auto 0px;
	display: block;
	float: none;
	width: 180px;
	text-align: center;
	position: absolute;
	margin-left: 15px;
}
.generic-loader > div.load-more > div:last-child {
	border-right: 4px solid #999;
}
.generic-loader > .load-more > div:hover {
	cursor: pointer;
	background-color: #fff;
	color: #999;
}
#webwidg-reviewpanel.generic-loader .load-more {
	width: 1000px;
	margin: 25px auto 0px;
	border-bottom: none;
}
#webwidg-reviewpanel.generic-loader .load-more > div {
	margin: 0 auto;
	position: relative;
	height: 48px;
}

/*############-- Pages --############*/

/*<><><>- Media Gallery -<><><>*/

#gallery-asset {
	margin-right: 4px;
}
#gallery-asset label{
	width: 24%;
}
#gallery-asset div.controls{
	margin-left: 28%;
}
.media-gallery-folders .large-nav .new-input {
	position: absolute;
	top: 2px;
	background-color: #f6f6f6;
	left: 0px;
}
.media-gallery-folders .large-nav .new-input > div {
	width: 90%;
	margin-left: 5%;
}
.media-gallery-folders .profile-nav > li.selected.extended {
	height: 75px;
}
.hidden-folders{
	/*width: 0px;*/
	width: 22.4315068%;
	border: none;
	overflow: hidden;
	padding: 0;
	position: absolute;
	margin-left: 15px;
}
.gallery-side-nav .media-gallery-folders ul {
	height: 530px;
	overflow: auto;
	border-bottom: 1px solid #ddd;
}
.gallery-side-nav .media-gallery-folders.popup ul {
	height: 415px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.gallery-side-popup {
	position: relative;
}
/*
.gallery-side-popup > div.row + div:not(.progress) {
	height:443px;
	border-bottom: 1px solid #ddd;
	overflow-x: hidden;
	overflow-y: scroll;
}
*/
.gallery-media-tabs {
	margin-bottom: -15px;
	margin-left: -15px;
}
.gallery-media-tabs  > div {
	display: inline-block;
	width: 116px;
	border: none;
	margin-top: 10px;
	margin-bottom: -1px;
	text-align: center;
	padding: 9px 0px;
}
.gallery-media-tabs  > div:hover {
	color: #999;
}
.gallery-media-tabs  > div.active, .gallery-media-tabs  > div.active:hover {
	border: 1px solid #e5e5e5;
	border-bottom: none;
	background-color: #f2f2f2;
	color: #4d4d4d;
}
.gallery-limit {
	width: 10%;
	text-align: center;
	text-transform: uppercase;
	border: 5px solid #4d4d4d;
	margin: -77px auto -4px;
}
.gallery-limit span {
	font-size: 250%;
	line-height:1;
}
#image-select-module div.modal-body > div.gallery-popup {
	margin-top: -20px;
	margin-left: -20px;
	margin-right: -20px;
}
#image-select-module div.modal-body {
	margin-bottom: -17px;
	overflow: hidden;
	background-color: #f2f2f2;
}
.gallery-info-panel {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	background-color: #f2f2f2;
}
.media-gallery-folders > li {
	margin-right: 8px;
	padding-top: 10px;
}
.media-gallery-folders li div span.uno-text.clickable{
	display: block
}
.gallery-popup > .gallery-side-nav {
	border-right: 1px solid #e5e5e5;
	background-color: #f2f2f2;
	padding-top: 15px;
}
.media-gallery-folders .add-element{
	height: 40px;
}
.media-gallery-folders li div.list-wrapper.selected, .media-gallery-folders li:hover div.list-wrapper{
	background-color: #FFC211;
	color: #fff;
}
.media-gallery-folders li div.list-wrapper{
	margin: 5px 0;
	padding: 5px 7px;
	cursor: pointer;
	border-radius: 5px;
	-webkit-transition: background 0.15s linear;
	-moz-transition: background 0.15s linear;
	-o-transition: background 0.15s linear;
	transition: background 0.15s linear;
}
.media-gallery-folders li div.list-wrapper h4{
	margin-top: 0;
}
.ui-state-active {
	background: #f6f6f6 !important;
	color: #4d4d4d !important;
	font-weight: 600 !important;
	border: none !important;
	opacity: 1 !important;
}
.gallery-main > div {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 635px;
}
.gallery-main > div > div.gallery-head {
	height: 45px;
	border-bottom: 1px solid #ddd;
}
div.gallery-head {
	position: relative;
}
div.gallery-head button.btn.btn-default {
	border: none;
	height: 44px;
	width: 44px;
	border-radius: 0px;
	border-right: 1px solid #ddd;
	font-size: 100%;
	float: left;
}
div.gallery-head button.btn.btn-default.active {
	box-shadow: none;
}
div.gallery-head .btn-group button.btn.btn-default {
	margin-right: 1px;
}
div.gallery-head button.btn.btn-default.first-btn {
	border-top-left-radius: 4px;
}
div.gallery-head .btn-group button.btn.btn-default.last-btn {
	border-top-right-radius: 4px;
	border-right: none;
	margin-right: 0px;
}
div.gallery-head > input {
	width: 200px;
	border-top: none;
	border-bottom: none;
	border-radius: 0px;
	height: 44px;
	padding-left: 30px;
}
div.gallery-head > span {
	position: absolute;
	top: 13px;
	right: 399px;
	color: #999;
}
.gallery-content-section {
	height: 578px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-top: 15px;
}
.gallery-content-section .loading-paragraph {
	margin-top: -20px;
}
.gallery-content-section #gallery-list-view .loading-paragraph {
	margin-top: -32px;
}
.gallery-main .right-sort {
	margin-right: -15px;
}
#gallery-list-view .add-element{
	height:30px;
	margin: 5px 20px;
}
#gallery-list-view > div > div + div:hover {
	background-color: #eee;
	cursor: pointer;
}
.gallery-image-grid{
	background-color: #fff;
	position: relative;
	float: left;
	overflow: hidden;
	width: 22.5%;
	padding: 0;
	margin: 0 0 10px 17px;
	height: 156px;
	max-width: 187px;
	-webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
	-moz-transition: border 0.2s linear, box-shadow 0.2s linear;
	-o-transition: border 0.2s linear, box-shadow 0.2s linear;
	transition: border 0.2s linear, box-shadow 0.2s linear;
}
.gallery-image-grid span.glyphicon-move {
	display: none;
	color: #ccc;
	font-size: 15pt;
	position: absolute;
	top: 5px;
	right: 5px;
}
.gallery-image-grid:hover span.glyphicon-move {
	display: block;
}

.wide-gallery .gallery-image-grid{
	margin-left: 10px;
	width: 15.7%;
}
.gallery-image-grid:hover {
	cursor: pointer;
}
.gallery-image-grid.popup{
	width: 130px;
	height: 130px;
	border-radius: 0px;
	background-color: #f2f2f2;
	box-shadow: inset 0px 1px 1px 0px rgba(50, 50, 50, 0.1);
	margin: 0 0 17px 17px;
}
.gallery-image-grid.popup:hover {
	border-color: #4d4d4d;
}
.gallery-image-grid.popup.selected{
	border-color: #4d4d4d;
	box-shadow: none;
	outline: 3px solid #4d4d4d;
	overflow: visible;
}
.gallery-image-grid.popup.selected img {
	max-height: 130px;
}
.gallery-image-list.popup.selected{
	background: #f2f2f2;
}
.gallery-image-grid.popup > div {
	position: absolute;
	top: -8px;
	right: -7px;
	color: #fff;
	background-color: #4d4d4d;
	border: 1px solid #fff;
	outline: 1px solid #4d4d4d;
	padding: 2px 4px;
	width: 24px;
	height: 26px;
	z-index: 1;
}
.thumbnail.gallery-image-grid > img {
	max-height: 94%;
    max-width: 94%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.thumbnail.gallery-image-grid.selected > img {
	max-height: 94%;
}
.gallery-image-grid.popup:hover > div.gallery-overlay-hover {
    opacity: 1;
}
.gallery-image-grid.popup > div.gallery-overlay-hover {
	top: 0px;
    right: initial;
    left: 0px;
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    z-index: 0;
    -webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
}
.gallery-overlay-button {
    color: #697882;
    background-color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    position: absolute;
    left: 0px;
    bottom: -25px;
    width: 100%;
    padding: 5px;
    border-top: 1px solid #4d4d4d;
    -webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.gallery-overlay-button:hover {
	color: #5b9bd1;
}
.gallery-image-grid.popup:hover .gallery-overlay-button {
    bottom: 0px;
}
.gallery-image-grid.popup > div > span:last-child {
	display: none;
}
.gallery-image-grid.popup.selected:hover > div > span:last-child {
	display: block;
	font-size: 200%;
	line-height: 0.5;
}
.gallery-image-grid.popup.selected:hover > div > span:first-child {
	display: none;
}
.gallery-image-grid .gallery-image-label{
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: rgb(50, 50, 50);
	background: rgba(50, 50, 50, 0.6);
	padding: 3px;
	width: 100%;
	color: #fff;
	font-size: 12px;
}
.gallery-image-list.popup:first-child{
	border-top: none;
}
.gallery-search-panel {
	height: 50px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e5e5e5;
	background-color: #f2f2f2;
}
.gallery-search-panel button {
	height: 49px;
	border: none;
	border-radius: 0px;
	width: 50px;
	border-right: 1px solid #e5e5e5;
	float:left;
}
.gallery-search-panel button.btn-default.active {
	background-color: #ccc;
}
.gallery-search-panel button.btn-default:hover {
	border-color: #e5e5e5;
}
.gallery-search-panel > input {
	display: inline-block;
	width: 250px;
	border: none;
	border-radius: 0px;
	height: 49px;
	border-right: 1px solid #e5e5e5;
	padding-left: 25px;
}
.gallery-search-panel > span {
	position: absolute;
	top: 17px;
	left: 106px;
	color: #999;
}
.gallery-search-panel .btn-group button {
	margin-left: 1px;
	border-right: none;
	border-left: 1px solid #e5e5e5;
}
.gallery-search-panel .btn-group button:last-child {
	border-radius: 0px;
}
.gallery-info-panel > h5 {
	font-weight: 600;
	color: #666;
}
.selected_info {
	border-bottom: 1px solid #ddd;
	padding: 10px 0px;
}
.selected-info-main img {
	max-height: 107px;
	width: 115px;
}
.selected-info-details div {
	display: inline-block;
	width: 160px;
	vertical-align: top;
	padding-left: 5px;
	font-size: 92%;
}
.selected-info-details span, .selected-info-details a {
	display: block;
	width: 100%;
}
.selected-info-edit {
	border-top: 1px solid #ddd;
	padding-top: 10px;
}
/*
.selected_info > div:last-child > div {
	text-align:center;
	width: 100%;
}
*/
.gallery-info-panel > div {
	overflow: auto;
	height: 96%;
	margin-right: -7px;
}
.gallery-section {
	overflow: auto;
	margin-top: -10px;
	margin-bottom: 10px;
	padding-top: 10px;
}
.gallery-section.trig-style-override {
    padding: 0px;
    margin: 0px;
    overflow: visible;
}
#loading-text{
	position: relative;
    top: 43%;
    transform: translateY(-50%);
    text-transform: uppercase;
    font-size: 120%;
}
.gallery-section > div.row {
	margin-right: 1px;
}
#image-select-module div.modal-header, #image-select-module div.modal-footer {
	z-index: 999;
	position: relative;
}
.progress-bar-charcoal {
	background-color: #4d4d4d;
}
.progress-bar-striped {
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
}
@-webkit-keyframes progressstripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progressstripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progressstripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress-bar-striped.active {
	-webkit-animation-name: progressstripes;
	-webkit-animation-duration: 2s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

.dropzone {
	width:100%;
	height: 100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:0;
}
.dropzone.highlight {
	background-color:rgba(0, 0, 0, 0.8);
	border:1px dashed #fff;
	outline: 50px solid rgba(0, 0, 0, 0.4);
	z-index:1000;
}
.dropzone > span {
	display: none;
	text-align: center;
	font-size: 400%;
	color: #fff;
	pointer-events: none;
}
.dropzone.highlight > span {
	display: block;
}
.upload-section {
	text-align: center;
}
.upload-section button {
	border-radius: 0px;
	margin: 10px;
	padding: 10px 30px;
	z-index: 999;
	position: relative;
	font-size: 115%;
}
.create-media-div {
	color: #697882;
}
.create-media-div h4 {
	text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    margin-top: 30px;
}
.create-media-div-blocks {
	background-color: #fff;
    display: inline-block;
    width: 300px;
    margin: 15px;
    height: 280px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    vertical-align: top;
    border: 1px solid #697882;
    position:relative;
    overflow: hidden;
    -webkit-transition: border 0.1s linear;
	-moz-transition: border 0.1s linear;
	-o-transition: border 0.1s linear;
	transition: border 0.1s linear;
}
.create-media-div-blocks:hover {
	border-color: #5b9bd1;
}
.create-media-div-blocks > div {
	padding: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	-webkit-transition: top 0.2s linear;
	-moz-transition: top 0.2s linear;
	-o-transition: top 0.2s linear;
	transition: top 0.2s linear;
}
.create-media-div-blocks.has-options > div:last-child {
	top: 100%;
}
.create-media-div-blocks.has-options:hover > div:first-child {
	top: -100%;
}
.create-media-div-blocks.has-options:hover > div:last-child {
	top: 0px;
}
.create-media-div-options-box {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.create-media-div-options-box > div {
	font-weight: bold;
    border: 1px solid #697882;
    padding: 10px;
    margin: 10px 0px;
    -webkit-transition: border 0.1s linear;
	-moz-transition: border 0.1s linear;
	-o-transition: border 0.1s linear;
	transition: border 0.1s linear;
}
.create-media-div-options-box > div:hover {
	border-color: #5b9bd1;
}
.create-media-div-blocks h5 {
	font-weight: bold;
    font-size: 16px;
    margin: 0px;
    margin-bottom: 25px;
}
.create-media-div-blocks img {
	width: 125px;
    margin-bottom: 11px;
    margin-top: 8px;
}
.create-media-div-blocks img.smaller-logo {
    margin-top: 0px;
    margin-bottom: 8px;
    width: 140px;
}




.gallery-image-list .cell img{
	width: 30px;
	max-height: 30px;
}
.gallery-image-list .cell.image-name{
	max-width: 59%;
}
.gallery-image-list .cell.image-name.popup{
	width:30%;
}
.image-info-options > div, .image-info-options > a > div, .image-info-options > span > div {
	width: 20%;
	border: 1px solid #ddd;
	border-left: none;
	margin-left: -5px;
	text-align: center;
	padding: 10px 32px;
	line-height: 1.6em;
	color: #333;
}
.image-info-options > div:hover, .image-info-options > a > div:hover, .image-info-options > span > div:hover {
	background-color: #ddd;
	cursor: pointer;
}
.image-info-options .active {
	background-color: #eee;
}
.image-info-options > span > div {
	border-left: 1px solid #ddd;
	padding: 10px 20px;
}
.image-info-options .popover-wrapper .popover{
	max-width: 450px;
}
#image-info-module .image-space {
	height: 250px;
	text-align: center;
}
#image-info-module .image-space a {
	height: 200px;
}
#image-info-module .image-space a img {
	max-height: 190px;
	margin: auto;
}
#image-info-module .image-space button {
	margin-top: -15px;
	width: 100%;
}
.image-info label {
	/*margin-bottom: 20px;*/
	/*margin-right: 10px;*/
}
.image-info input {
	display: inline-block;
	width: 84%;
}
.camp-tags {
	margin-top: 5px;
	display: inline;
}
.camp-tags .caret {
	margin-top: 7px;
	margin-left: 8px;
	margin-right: -3px;
}
.tab-view-image > div {
	margin-left: -7px;
	margin-top: 30px;
	width: 100%;
	padding: 10px 25px;
	text-align: center;
}
.tab-view-image div.permission {
	padding: 0px;
	text-align: left;
}
.tab-view-image div.permission h4 {
	border-bottom: 1px solid #ddd;
	margin-top: 0px;
	padding: 7px 0 7px 10px;
}
.tab-view-image div.permission > div > div:first-child h4 {
	border-right: 1px solid #ddd;
}
.tab-view-image div.permission > div > div:first-child h4 + div {
	width: 100%;
	margin: 0 auto;
}
.tab-view-image .permission div.col-md-6:first-child {
	padding-right: 0px;
}
.tab-view-image .permission div.col-md-6:last-child {
	padding-left: 0px;
}
.tab-view-image .duplicate-field {
	width: 50%;
	margin: 0 auto;
}
.tab-view-image .btn-group {
	width: 50%;
	margin: 0 auto;
}
.permission .group-item-list button {
	width:24px;
	height:22px;
}
.permission .group-item-list {
	margin: 10px 0;
}
.permission .permission-people input {
	width: 95%;
	margin: 0 auto;
}
.permission .permission-people > div {
	overflow: auto;
	height: 100px;
	width: 95%;
	margin: 10px auto;
}
.permission .permission-people > div > div {
	margin-top: 10px;
}
.permission .permission-people > div > div:last-child {
	margin-bottom: 10px;
}
.permission .permission-people > div button {
	height: 22px;
	width: 24px;
}
.perm-tri {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 13px 15px;
	border-color: transparent transparent #ddd transparent;
	position: absolute;
	top: 363px;
	left: 65px;
}
.perm-tri-2 {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 13px 15px;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	top: 364px;
	left: 65px;
}
.dup-tri {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 13px 15px;
	border-color: transparent transparent #ddd transparent;
	position: absolute;
	top: 363px;
	left: 195px;
}
.dup-tri-2 {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 13px 15px;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	top: 364px;
	left: 195px;
}
.rep-tri {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 13px 15px;
	border-color: transparent transparent #ddd transparent;
	position: absolute;
	top: 363px;
	left: 325px;
}
.rep-tri-2 {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 13px 15px;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	top: 364px;
	left: 325px;
}
#fileupload .inline-list-content .cell.adjust{
	width: 140px;
}
#fileupload .inline-list-content .cell.permissions .popover{
	max-width: 450px;
}
.popover-tigger{
	width: 100%;
	height: 100%;
}
.image-versions-container{
	margin: 10px 0;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}
.image-version{
	display: inline-block;
	max-width: 150px;
	margin-right: 5px;
}
.image-version img{
	max-height: 80px
}
span.overlay-grid {
	position: absolute;
	bottom: 30px;
	text-align: center;
	width: 215px;
	color: #fff;
	background-color: #aaa;
}

/*<><><>- Permissions -<><><>*/
.users-top.perm-top input {
	border-right: none;
	border-left: 1px solid #ddd;
}
.users-top.loc-top.perm-top > span > span.glyphicon {
	left: initial;
	right: 117px;
}
.users-top.loc-top.perm-top > span > span.glyphicon.glyphicon-search {
	left: initial;
	right: 211px;
}
.locations-list.permissions-list > div > div:first-child {
	width: 1010px;
	float: left;
}
.permissions-span {
	color: #fff;
	padding: 0px 10px;
	border-radius: 6px;
}
.link-to-prof.half-height {
	height: 45px;
	border-bottom: 1px solid #ddd;
}
.perm-button-holder {
	display:inline-block;
	float: left;
	width: 130px;
	position: absolute;
	top: 0px;
	right: 0px;
	border-left: 1px solid #ddd;
}
.perm-button-holder .link-to-prof {
	width:100%;
	margin-left: 0px;
	width: 100%;
	margin-left: 0px;
	border-left: none;
	position: relative;
}
.link-to-prof.half-height:last-child {
	border-bottom: none;
}
.perm-list {
	border: 1px solid #ddd;
	max-height: 300px;
	overflow: auto;
}
.perm-list > div {
	padding: 9px 20px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}
.perm-list > div:last-child {
	border-bottom: none;
}
.perm-list > div:hover {
	background-color: #eee;
}
.perm-list > div.selected,.perm-list > div.selected:hover {
	background-color: #e2e2e2;
}
.hidden-hover {
	display: none;
}
.profile-nav li:hover .hidden-hover {
	display: block;
}
.new-switch > div:first-of-type {
	background-color: #eee;
	color: #999;
	border: 1px solid #ddd;
	border-radius: 11px;
	padding: 3px 8px 2px;
	font-size: 10pt;
	width: 70px;
	position: relative;
	cursor: pointer;
	font-weight: normal;
	height: auto;
	top: auto;
	left: auto;
}
.new-switch.col-sm-8 > div:first-of-type, .col-sm-8 div.new-switch > div:first-of-type {
	padding: 1px 8px 1px;
}
.new-switch > div.noti-on {
	background-color: rgba(92, 184, 92, 0.8);
	color: #fff;
}
.new-switch > div > div {
	width: 29px;
	height: 16px;
	background-color: #fff;
	position: absolute;
	border-radius: 10px;
	top: 2px;
	left: 3px;
	border: 1px solid #bbb;
}
.new-switch > div:not(.new-switch) > div.noti-on {
	left: 36px;
}
.new-switch .uno-icon-thin {
	margin-right: 10px;
	font-weight: normal;
	vertical-align: text-bottom;
}
.perm-settings .col-sm-4 {
	text-transform: uppercase;
}
.perm-settings div.col-sm-4 {
	padding-left: 47px;
}
.perm-loc .trig-loc-head {
	border-top: 1px solid #ddd;
}
.profile > .perm-settings > div > h4 {
	border-bottom: 1px solid #ddd;
	padding: 5px 10px 12px 15px;
	font-weight: 600;
	margin-bottom: 0px;
}
.profile > div.perm-settings > div > div {
	border-bottom: 1px solid #ddd;
	padding: 20px 0px;
	background-color: #fff;
}
.profile > div.perm-settings > div {
	border-bottom: none;
	padding: 0px;
}
.profile > div.perm-settings > div.profile-save {
	border-bottom: 1px solid #ddd;
}
.perm-settings .profile-save button.btn {
	margin-top: 0px;
}

/*<><><>- Google Analytics -<><><>*/
.trigger-radio input[type=radio].css-radio + label.css-label {
	font-size: 100%;
	font-weight: normal;
	margin-right: 20px;
}
.gen-weather {
	text-align: center;
}


/*############-- Responsive Design Stuff --############*/

/*############-- FF Compatibility --############*/

@-moz-document url-prefix() {
   	.caret.pull-right {
        margin-top: -10px !important;
    }
    .webbuilder-side > div {
        width: 246px;
    }
}

/*############-- Google CSS Overrides --############*/

.pac-container {
	z-index: 1051;
}


.dropdown-backdrop {
    display: none !important;
}

.is-flex { display: flex !important }
.mt20 {margin-top: 20px !important } 
.mb20 {margin-bottom: 20px !important } 
.no-float {float: none !important} 

   
.input-container-scrollable {
   overflow: auto;
    max-height: 300px;
    padding-right: 10px;
}
/*############-- Helper Classes - UNOapp Marketplace --############*/

/*<><><>- Colours -<><><>*/
.accent-blue-base {
	color: #5b9bd1;
}

/*############-- Base Styles - UNOapp Marketplace --############*/

body {
	background: #e9ecf3;
	-webkit-font-smoothing: antialiased;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { 
	display: inline-block; 
}
/* start commented backslash hack \*/
* html .clearfix { 
	height: 1%; 
}
.clearfix { 
	display: block; 
}
/* close commented backslash hack */

/*--- .unoapp-navbar ---*/
/*
	The `...override .unoapp-logo` rules below are required until we normalize the UNOapp logos b/w 'V2' && 'Campaign Marketplace'
*/
.unoapp-navbar.marketplace-header-override .unoapp-logo {
	padding-top: 4px;
	padding-bottom: 4px;
}

.unoapp-navbar.marketplace-header-override .unoapp-logo img {
	max-width: auto;
	max-height: 100%;
}

#new_container {
	margin: 0 auto;
    width: 1170px;
    padding: 0px 15px;
}
.relative {
	position: relative;
}
.container {
	width: 100%;
    padding: 20px 20px 0px;
    margin-top: 50px;
}
.side-navigation {
	width: 235px;
	float: left;
	margin-bottom: 10px;
	background-color: #fff;
}
.side-naviagtion-menu {
	margin: 10px 0px;
	list-style: none;
	padding: 0px;
}
.side-navigation li {
	margin-top: 1px;
}
.side-navigation li > a {
	color: #505F69;
	padding: 12px 15px;
	display: block;
	cursor: pointer;
	text-decoration: none;
}
.side-navigation li:hover > a {
    background: #f2f6f9;
    color: #5b9bd1;
}
.side-navigation li.expanded > a {
    border: none;
    font-size: 14px;
    padding-left: 15px;
    background: #f2f6f9;
    color: #5b9bd1;
}
.side-navigation li.expanded > a i {
	background-color: #5b9bd1;
}
.side-navigation li.active > a {
	border: none;
	font-size: 14px;
	border-left: 3px solid;
	margin-left: -3px;
	padding-left: 15px;
	background: #f2f6f9;
	color: #5b9bd1;
}
.side-navigation li > a i {
    background-color: #a7bdcd;
    display: inline-block;
    width: 22px;
    height: 22px;
    top: 2px;
    margin-left: 1px;
    margin-right: 4px;
    position: relative;
    vertical-align: bottom;
}
.side-navigation li:hover > a i {
    background-color: #5b9bd1;
}
.side-navigation li.active > a i {
	background-color: #5b9bd1;
}
.side-navigation .sub-menu li.active > a {
	border-left: none;
	margin-left: 0px;
}
.nav-item .nav-arrow {
	font-size: 18px;
	float: right;
    margin-top: 4px;
}
.side-navigation .sub-menu {
	list-style: none;
    padding-left: 0px;
    margin-top: 5px;
}
.side-navigation .sub-menu > li a {
	padding: 9px 14px 9px 35px;
}
.page-content-wrapper {
	float: left;
    width: calc(100vw - 305px);
    margin-left: 20px;
    margin-top: 10px;
    color: #697882;
    position: absolute;
    top: 95px;
    left: 255px;
}
.page-content-wrapper .page-content {
	margin-top: 0;
	/*min-height: calc(100vh - 80px);*/
}
.page-head .page-title {
	display: inline-block;
	float: left;
	padding: 5px 0 10px;
}
.page-head .page-toolbar {
    display: inline-block;
    float: right;
    text-align: center;
}
.page-head .page-title > h1 {
	color: #697882;
    font-size: 22px;
    margin: 0px;
}
.page-head .page-title > h1 > small {
    color: #9eacb4;
    font-size: 13px;
}
.filter-bar {
	list-style: none;
	padding-left: 0px;
	margin-top: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
}
.filter-bar > li {
	display: inline-block;
	cursor: pointer;
	padding: 8px 10px;
	border-bottom: 3px solid transparent;
	float: left;
}
.filter-bar > li a {
	color: #697882;
	text-decoration: none;
}
.filter-bar > li:hover {
	border-bottom: 3px solid rgba(91, 155, 209, 0.5);
}
.filter-bar > li.active {
	border-bottom: 3px solid #5b9bd1;
}
.filter-bar > li.filter-bar-button {
    padding: 1px 10px;
}
.filter-bar > li.filter-bar-button:hover {
	border-bottom: 3px solid transparent;
}
.filter-bar-button .generic-dropdown {
	height: 30px;
}
.filter-bar-button .generic-dropdown.no-rad button.btn.btn-default {
	font-size: 12px;
    width: 185px;
    height: 30px;
}
.filter-bar-button .generic-dropdown.no-rad ul {
	font-size: 13px;
}

/*############-- Base Styles - UNOapp Marketplace: UI --############*/

/*--- UI: Toggle ---*/
.ui-toggle-wrap {
	width: 80px;
	height: 25px;
	display: block;
	background-color: rgba(217, 83, 79, 0.8); 
	border: 1px solid rgba(217, 83, 79, 1); 
	margin: 0;
	padding: 3px;
	overflow: hidden;
	-webkit-transition: background-color 0.25s, border-color 0.25s;
	-o-transition: background-color 0.25s, border-color 0.25s;
	transition: background-color 0.25s, border-color 0.25s;
}

.ui-toggle-container {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

.ui-toggle-container::before,
.ui-toggle-container::after {
	width: 50%;
	height: auto;
	display: block;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	line-height: 18px;
	float: left;
	-webkit-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
}

.ui-toggle-container::before {
	content: 'Yes';
}

.ui-toggle-container::after {
	content: 'No';
}

.ui-toggle-switch {
	width: 30px;
	height: 100%;
	display: block;
	background-color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	-ms-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	-webkit-transition: left 0.25s, transform 0.25s;
	-o-transition: left 0.25s, transform 0.25s;
	transition: left 0.25s, transform 0.25s;
}

.ui-toggle-wrap.is-active {
	background-color: #59CB59;
	border-color: #3BA93B;
}

.ui-toggle-wrap.is-active .ui-toggle-switch {
	left: 100%;
	-ms-transform: translate(-100%,0);
	-webkit-transform: translate(-100%,0);
	transform: translate(-100%,0);
}

/* UI: Toggle (Init) */
.ui-toggle-wrap.ui-toggle-wrap-init {
	background-color: #DDD;
	border-color: #999;
}

.ui-toggle-wrap.ui-toggle-wrap-init .ui-toggle-container::before,
.ui-toggle-wrap.ui-toggle-wrap-init .ui-toggle-container::after {
	opacity: 0;
}

.ui-toggle-wrap.ui-toggle-wrap-init .ui-toggle-switch {
	left: 50%;
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

/* UI: Toggle (Active) */
.ui-toggle-wrap.ui-toggle-wrap-init.is-active {
	background-color: #59CB59;
	border-color: #3BA93B;
}

.ui-toggle-wrap.ui-toggle-wrap-init.is-active .ui-toggle-switch {
	left: 100%;
	-ms-transform: translate(-100%,0);
	-webkit-transform: translate(-100%,0);
	transform: translate(-100%,0);
}

.ui-toggle-wrap.ui-toggle-wrap-init.is-active .ui-toggle-container::before {
	opacity: 1;
}

/* UI: Toggle (Inactive) */
.ui-toggle-wrap.ui-toggle-wrap-init.is-inactive {
	background-color: rgba(217, 83, 79, 0.8); 
	border: 1px solid rgba(217, 83, 79, 1); 
}

.ui-toggle-wrap.ui-toggle-wrap-init.is-inactive .ui-toggle-switch {
	left: 0;
	-ms-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}

.ui-toggle-wrap.ui-toggle-wrap-init.is-inactive .ui-toggle-container::after {
	opacity: 1;
}

/*############-- Base Styles - UNOapp Marketplace: Nav. Bar --############*/
/*
.uno-navbar-campaign-marketplace {
	background-color: #FFFFFF !important;
}
*/

/*############-- Base Styles - UNOapp Marketplace: Loading Screen --############*/

/*--- Loading Screen: Global ---*/
#loading_screen_global {
	width: 0px;
	height: 0px;
	display: block;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: width 0s 0.25s, height 0s 0.25s, opacity 0.25s;
	transition: width 0s 0.25s, height 0s 0.25s, opacity 0.25s;
	z-index: 999;
}

#loading_screen_global.is-active {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: width 0s, height 0s, opacity 0.25s;
	transition: width 0s, height 0s, opacity 0.25s;
}

.loading-screen-inner {
	width: 30px;
	height: 30px;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.loading-screen-inner .loading-screen-elem {
	display: block;
	background-color: #5b9bd1;
	border-radius: 50%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: anim-preload-loop 0.65s ease-in-out infinite alternate;
	animation: anim-preload-loop 0.65s ease-in-out infinite alternate;
}

/*############-- Base Styles - UNOapp Marketplace: Admin Panel --############*/

/*<><><>- Admin Panel: Global -<><><>*/
.uno-admin-panel-toggle-list-item {
	padding: 0px !important;
}

.uno-admin-panel-toggle-wrap {
	width: 55px;
	height: 100%;
	display: block;
	margin: 0;
	padding: 10px;
}

.uno-admin-panel-toggle-elem {
	width: 100%;
	height: 100%;
	display: block;
	background: url('../images/icons/admin-panel_toggle_grey_40x40.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
}

.uno-admin-panel {
	width: 400px;
	max-width: 98%;
	height: calc(100vh - 50px);
	display: block;
	background-color: #fff;
	border-left: 1px solid #5b9bd1;
	box-shadow: -1px 1px 1px rgba(91, 155, 209, 0.25);
	margin: 0;
	padding: 0;
	position: fixed;
	top: 50px;
	right: -100%;
	z-index: 999;
	-webkit-transition: right 0.6s;
	transition: right 0.6s;
}

.uno-admin-panel ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}
.uno-admin-panel ::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: #5b9bd1;
    box-shadow: none;
}

.uno-admin-panel.is-open {
	right: 0;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

/*<><><>- Admin Panel: Controls -<><><>*/
.uno-admin-panel-controls {
	width: 100%;
	height: auto;
	display: block;
}

.uno-admin-panel-opts-list {
	list-style: none;
	width: 100%;
	height: auto;
	display: block;
	border-bottom: solid 1px #5b9bd1;
	margin: 0;
	padding: 0;
	overflow: auto;
}

.uno-admin-panel-opts-list li {
	width: 33.333333%;
	height: 59px;
	display: block;
	background-color: transparent;
	border-bottom: solid 4px transparent;
	padding-top: 28px;
	float: left;
	text-align: center;
	transition: background-color 0.25s;
}

.uno-admin-panel-opts-list li:hover {
	background-color: #f2f6f9;
}

.uno-admin-panel-opts-list li.is-active {
	border-bottom-color: #5b9bd1;
}

.uno-admin-panel-opts-list li.is-active:hover {
	background-color: transparent;
}

/*--- Text ---*/
.uno-admin-panel-opt-text {
	color:  #444444;
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.25px;
	transition: color 0.25s;
}

.uno-admin-panel-opts-list li:hover .uno-admin-panel-opt-text {
	color: #5b9bd1;
}

li.is-active .uno-admin-panel-opt-text {
	color: #5b9bd1;
}

/*<><><>- Admin Panel: Header -<><><>*/
.uno-admin-panel-header	{
	width: 100%;
	height: auto;
	display: block;
}

/*--- Active Brand ---*/
.uno-admin-panel-active-brand {
	width: 100%;
	height: 95px;
	display: block;
	background-color: #E8F5FF;
	border-bottom: solid 1px #C2D0E2;
	position: relative;
	overflow: hidden;
	transition: background-color 0.25s;
}

/* Brand Image */
.uno-admin-panel-brand-image {
	width: 80px;
	height: 100%;
	display: block;
	margin: 0;
	padding: 22px 15px;
	position: absolute;
}

.uno-admin-panel-brand-thumb {
	width: 100%;
	height: 100%;
	max-height: 80px;
	display: block;
	background: url('https://dmbdemo.com/campaign-marketplace/source/images/temp/kawasaki.munenori.png');
	background-position: center;
	background-size: cover;
	border-radius: 50%;
}

/* Brand Info */
.uno-admin-panel-brand-info {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
	padding: 15px;
	padding-left: 80px;
}

.uno-admin-panel-brand-title {
	width: 100%;
	color: #5b9bd1;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.uno-admin-panel-brand-text {
	color: #697882;
	font-size: 12px;
	letter-spacing: 0.25px;
	line-height: 16px;
	max-height: 32px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.uno-admin-panel-brand-cta {
	color: #5b9bd1;
	margin: 0;
	margin-top: 3px;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: underline;
}

/* Modifier: .brand-title-only */
.uno-admin-panel-active-brand.brand-title-only .uno-admin-panel-brand-title {
	margin-top: 10px;
}

.uno-admin-panel-active-brand.brand-title-only .uno-admin-panel-brand-text {
	display: none;
}

/*--- Selected Location ---*/
.uno-admin-panel-selected-location {
	width: 100%;
	height: 140px;
	display: block;
	border-bottom: 1px solid #D6E4F5;
	padding: 12px 10px 0px;
}

.uno-admin-panel-selected-location-title {
	color: #697882;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 5px;
}

.uno-admin-panel-selected-location-node {
	width: 100%;
	height: auto;
	display: block;
	background-color: #F5F8FD;
	border-left: solid 5px rgba(91, 155, 209, 0.2);
	position: relative;
}

.uno-admin-panel-selected-location-image {
	width: 55px;
	height: 100%;
	max-height: 40px;
	display: block;
	padding: 5px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}

.uno-admin-panel-selected-location-thumb {
	width: 100%;
	max-width: 30px;
	height: 100%;
	max-height: 30px;
	display: block;
	border-radius: 50%;
	margin: 0 auto;
}

.uno-admin-panel-selected-location-info {
	 width: 100%;
	 height: auto;
	 display: block;
	 padding: 8px;
	 padding-left: 55px;
	 padding-right: 65px;
}

.uno-admin-panel-selected-location-name {
	color: #444444;
	font-size: 12px;
	line-height: 18px;
	word-wrap: nowrap;
	text-overflow: ellipsis;
	font-weight: 600;
	margin: 0;
	padding: 0;
}

.uno-admin-panel-selected-location-addr {
	color: #697882;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.uno-admin-panel-selected-location-rel {
	color: #ef3c0c;
	display: none;
	background-color: rgba(91, 155, 209, 0.1);
	margin-top: 5px;
	padding: 5px 8px;
	overflow: auto;
}

.uno-admin-panel-selected-location-rel img {
	width: 16px;
	height: 16px;
	display: block;
	margin-right: 5px;
	float: left;
	opacity: 0.5;
}

.uno-admin-panel-selected-location-rel p {
	color: #697882;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
	float: left;
}

.uno-admin-panel-selected-location-rel span {
	color: #ef3c0c;
}

.uno-admin-panel-selected-location-opts {
	width: 55px;
	height: 16px;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	oveflow: auto;
}

.uno-admin-panel-selected-location-fav,
.uno-admin-panel-selected-location-selected  {
	display: block;
	float: left;
}

.uno-admin-panel-selected-location-fav {
	width: 16px;
	height: 16px;
	display: none;
	background-image: url('../images/admin-panel/unoapp_Campaign-Marketplace_Fav-Star-Empty.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 10px;
	-webkit-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
	opacity: 0.25;
}

.uno-admin-panel-selected-location-fav:hover {
	opacity: 0.5;
}

.uno-admin-panel-selected-location-fav.is-fav {
	background-image: url('../images/admin-panel/unoapp_Campaign-Marketplace_Fav-Star-Filled.svg');
	opacity: 1;
}

.uno-admin-panel-selected-location-selected {
	width: 12px;
	height: 12px;
	background-color: #59CB59;
	border: solid 2px #59CB59;
	border-radius: 50%;	
	margin-top: 2px;
}

/*--- Selected Location: '.is-brand-loc' ---*/
.uno-admin-panel-selected-location.is-brand-loc .uno-admin-panel-selected-location-node {
	border-color: #ef3c0c;
}

.uno-admin-panel-selected-location.is-brand-loc .uno-admin-panel-selected-location-fav {
	display: none;
}

/*
COMMENT OUT DECLARATION BELOW WHILE 'favs' ELEMENTS ARE HIDDEN FROM UI
.uno-admin-panel-selected-location.is-brand-loc .uno-admin-panel-selected-location-selected {
	margin-left: 26px;
}
*/

/*--- Selected Location: '.is-brand-loc' ---*/

.uno-admin-panel-selected-location.is-brand-child-loc .uno-admin-panel-selected-location-rel {
	display: inline-block;
}

/*<><><>- Admin Panel: Body -<><><>*/
.uno-admin-panel-body {
	width: 100%;
	height: calc(100% - 340px);
	display: block;
	overflow: hidden;
}

.uno-admin-panel-body-node {
	width: 94%;
	height: calc(100% - 80px);
	display: block;
	margin: 0 auto;
	overflow: hidden;
}

.uno-admin-panel-location-search {
	width: 94%;
	margin: 0 auto;
	margin-bottom: 20px;
}

.uno-admin-panel-body ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*--- Body Controls ---*/
.uno-admin-panel-body-controls {
	width: 100%;
	height: 60px;
	display: block;
	margin: 0 auto;
	padding: 10px 0px 0px;
	overflow: auto;
}

.uno-admin-panel-body-tabs {
	list-style: none;
	width: 100%;
	height: auto;
	display: block;
	border-bottom: solid 1px #5b9bd1;
	overflow: auto;
}

.uno-admin-panel-body-tabs li {
	width: 50%;
	height: auto;
	display: block;
	color: #5b9bd1;
	border-bottom: solid 2px transparent;
	margin: 0;
	padding: 10px 0px 6px;
	float: left;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.25px;
	text-align: center;
	transition: color 0.25s;
}

.uno-admin-panel-body-tabs li:hover {
	color: #3B72A0
}

.uno-admin-panel-body-tabs li.is-active {
	color: #5b9bd1 !important;
	border-bottom-color: #5b9bd1;
}

.uno-admin-panel-body-tabs li.is-only-tab {
	width: 100%;
}

/*--- Body Node ---*/
.uno-admin-panel-body-list-outer {
	width: 100%;
	height: 90%;
	display: block;
	border-top: solid 1px #C2D0E2;
	border-bottom: solid 1px #C2D0E2;
	margin: 0 auto;
	position: relative;
	overflow: auto;
}

.uno-admin-panel-body-list-title {
	width: 100%;
	height: auto;
	display: block;
	color: #3473A9;
	background-color: #E8F5FF;
	border-top: solid 1px #5b9bd1;
	border-bottom: solid 1px #5b9bd1;
	padding: 6px 12px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.uno-admin-panel-body-list-item {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
}

/*--- Location Node ---*/
.uno-admin-panel-location-node {
	width: 100%;
	height: auto;
	display: block;
	background-color: #F5F8FD;
	margin: 0;
	margin-bottom: 3%;
	padding: 0;
	position: relative;
	overflow: hidden;
	-webkit-transition: background-color 0.25s;
	-o-transition: background-color 0.25s;
	transition: background-color 0.25s;
}

.uno-admin-panel-body-list-outer li:last-child .uno-admin-panel-location-node {
	margin-bottom: 0px !important;
}

.uno-admin-panel-location-node:hover {
	background-color: #E9F1FF;
}

.uno-admin-panel-location-node .location-node-main {
	width: 100%;
	height: auto;
	display: block;
	border-left: solid 5px rgba(91, 155, 209, 0.2);
	position: relative;
}

.uno-admin-panel-location-node .location-node-image {
	width: 55px;
	height: 100%;
	max-height: 40px;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}

.uno-admin-panel-location-node .location-node-thumb {
	max-width: 30px;
	height: 100%;
	max-height: 30px;
	display: block;
	border-radius: 50%;
	margin: 5px auto;
}

.uno-admin-panel-location-node .location-node-info {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
	padding: 8px 0px;
	padding-left: 55px;
	padding-right: 70px;
	font-size: 12px;
	line-height: initial;
}

.uno-admin-panel-location-node .location-node-info h5 {
	color: #444444;	
	display: block;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
}

.uno-admin-panel-location-node .location-node-info h6 {
	color: #697882;	
	display: block;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 14px;
}

.uno-admin-panel-location-node .location-node-rel {
	color: #ef3c0c;
	display: none;
	background-color: rgba(91, 155, 209, 0.1);
	margin-top: 5px;
	padding: 5px 8px;
	overflow: auto;
}

.uno-admin-panel-location-node .location-node-rel img {
	width: 16px;
	height: 16px;
	display: block;
	margin-right: 5px;
	float: left;
	opacity: 0.5;
}

.uno-admin-panel-location-node .location-node-rel p {
	color: #697882;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
	float: left;
}

.uno-admin-panel-location-node .location-node-rel span {
	color: #ef3c0c;
}

.uno-admin-panel-location-node .location-node-opts {
	width: 50px;
	height: 14px;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	overflow: auto;
	transform: translateY(-50%);
}

.location-node-opts .location-node-fav, .location-node-opts .location-node-selected {
	display: block;
	float: left;
}

.location-node-opts .location-node-fav {
	width: 14px;
	height: 14px;
	display: none;
	margin-right: 10px;
	background-image: url('../images/admin-panel/unoapp_Campaign-Marketplace_Fav-Star-Empty.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.25;
	-webkit-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
}

.location-node-opts .location-node-fav:hover {
	opacity: 0.5;
}

.location-node-opts .location-node-fav.is-fav {
	background-image: url('../images/admin-panel/unoapp_Campaign-Marketplace_Fav-Star-Filled.svg');
	opacity: 1;
}

.location-node-opts .location-node-selected {
	width: 10px;
	height: 10px;
	background-color: transparent;
	border: solid 2px #8EC1EC;
	border-radius: 50%;
	margin-top: 2px;
	-webkit-transition: background-color 0.25s, border-color 0.25s;
	-o-transition: background-color 0.25s, border-color 0.25s;
	transition: background-color 0.25s, border-color 0.25s;
}

.location-node-opts .location-node-selected.is-selected {
	background-color: #59CB59;
	border-color: #59CB59;
}

.location-node-supporting {
	width: 100%;
	height: auto;
	min-height: 14px;
	display: none;
	display: none;
	background-color: rgba(91, 155, 209, 0.1);
	border-left: 5px solid #ef3c0c;
	padding: 4px 0px 5px;
	padding-left: 55px;
	overflow: auto;
}

.location-node-supporting .location-node-supporting-icon {
	width: 14px;
	height: 14px;
	display: block;
	margin-right: 5px;
	float: left;
}

.location-node-supporting .location-node-supporting-text {
	float: left;
	color: #697882;
	font-size: 11px;
	font-weight: 600;
	line-height: 14px;
}

.location-node-supporting .location-node-supporting-text span {
	color: #ef3c0c;
}

/*--- Location Node: '.is-brand-loc' ---*/
.uno-admin-panel-location-node.is-brand-loc .location-node-main {
	border-color: #ef3c0c;
}

.uno-admin-panel-location-node.is-brand-loc .location-node-rel {
	display: none;
}

.uno-admin-panel-location-node.is-brand-loc .location-node-fav {
	display: none;
}

/*
COMMENT OUT DECLARATION BELOW WHILE 'favs' ELEMENTS ARE HIDDEN FROM UI
.uno-admin-panel-location-node.is-brand-loc .location-node-selected {
	margin-left: 24px;
}
*/

/*--- Location Node: '.is-brand-child-loc' ---*/
.uno-admin-panel-location-node.is-brand-child-loc .location-node-rel {
	display: inline-block;;
}

/*--- Search Elems. ---*/
.uno-admin-panel-search {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
}

.uno-admin-panel-search-label {
	color: #697882;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 5px;
}

.uno-admin-panel-search-input-wrap {
	width: 100%;
	height: auto;
	display: block;
	border: 1px solid #5b9bd1;
	margin: 0;
	padding: 5px;
	padding-right: 25px;
	position: relative;
}

.uno-admin-panel-search-input-wrap input {
	width: 100%;
	border: 0px;
	font-size: 12px;
	line-height: 16px;
	box-shadow: none;
	outline: none;
}

.uno-admin-panel-search-input-wrap .search-icon {
	width: 25px;
	height: 100%;
	display: block;
	background-color: #EFEFEF;
	position: absolute;
	top: 0;
	right: 0; 
}

.uno-admin-panel-search-input-wrap i {
	position: absolute;
    top: 8px;
    right: 6px;
    color: #5b9bd1;
    z-index: 1;
}

/*<><><>- Admin Panel: Footer -<><><>*/
.uno-admin-panel-footer {
	width: 100%;
	height: 50px;
	display: block;
	background-color: #5b9bd1;
	border-top: solid 1px #5b9bd1;
	box-shadow: 0px -1px 1px rgba(91, 155, 209, 0.25);
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
}
.uno-admin-panel-new-location {
	border: 2px solid #fff;
    margin: 5px 10px;
    padding: 7px;
    height: 39px;
    cursor: pointer;
    -webkit-transition: background-color 0.25s;
	-o-transition: background-color 0.25s;
	transition: background-color 0.25s;
}
.uno-admin-panel-new-location:hover {
	background-color: #fff;
}
.uno-admin-panel-new-location div {
	color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    -webkit-transition: color 0.25s;
	-o-transition: color 0.25s;
	transition: color 0.25s;
}
.uno-admin-panel-new-location:hover div {
	color: #5B9BD1;
}

/*<><><>- Button Overrides -<><><>*/
.btn.btn-default.btn-default-new {
	color: #697882;
    border-color: #9eacb4;
}
.btn.btn-default.btn-default-new:hover, .btn.btn-default.btn-default-new:focus {
	background-color: #e9ecf3;
}
.btn-blue {
	background-color: #5b9bd1;
	color: #fff;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
	background-color: #3B72A0;
	color: #fff;
}
.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {
  background-color: #8BCCD8;;
}/*############-- App Styles - Dashboard --############*/

#unoapp_dashboard {
	
}

/*<><><>- Dashboard pages -<><><>*/

/*--- Dashboard Overview ---*/
.opp-head {
	text-transform: uppercase;
	border: 2px solid #999;
	padding: 5px 5px;
	font-size: 175%;
	text-align: center;
	margin: 0 15px;
}
.opp-head a, .opp-head b {
	color: #4d4d4d;
	font-size: 150%;
	font-weight:800;
	text-decoration: none;
	line-height: 34px;
	padding: 0px 6px;
	vertical-align: bottom;
}
.dash-panel {
	height: 437px;
	border: 1px solid #ddd;
	background-color: #eee;
}
.panel-node .dash-icon-small {
	margin-top: 6px;
}
.panel-title {
	text-align: center;
	font-size: 150%;
	padding: 5px 0px;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	height: 41px;
}
.panel-node {
	margin: 19px 10px;
	height: 75px;
	font-size: 250%;
	text-align: center;
	position: relative;
}
.panel-node p {
	font-style: normal;
	font-size: 30%;
	margin-top: 6px;
	margin-bottom: 2px;
}
.panel-node span {
	font-size: 230%;
	line-height: 0.6;
}
.panel-node div.icon-div {
	width: 91px;
	display: inline-block;
	vertical-align: top;
	position: absolute;
	left: 3px;
	background-color: #fff;
	border:1px solid #ddd;
	height: 100%;
}
.panel-node div.info-div {
	display: inline-block;
	vertical-align: top;
	position: absolute;
	right: 3px;
	background-color: #fff;
	border:1px solid #ddd;
	height: 100%;
	width: 205px;
	padding-top: 10px;
}
.panel-node .triangle-dash-2 {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 13px 15px 0;
	border-color: transparent #fff transparent transparent;
	position: absolute;
	top: 22px;
	right: 207px;
	z-index: 10;
}
.panel-node .triangle-dash {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 13px 15px 0;
	border-color: transparent #ddd transparent transparent;
	position: absolute;
	top: 22px;
	right: 208px;
}
.panel-node:hover {
	cursor:pointer;
}
.panel-node:hover div.icon-div, .panel-node:hover div.info-div {
	background-color: #f2f2f2;
}
.panel-node:hover div.triangle-dash-2 {
	border-color: transparent #f2f2f2 transparent transparent;
}
.panel-node .info-div p {
	font-size: 100%;
	margin-top: -10px;
}
.panel-node .info-div p.field {
	font-size: 40%;
}
.catch-overflow-all {
	overflow: auto;
}
.profile .overall-app-stats > div {
	display: inline-block;
	border: none;
	text-align: center;
	width: 33%;
	vertical-align: top;
	background-color: transparent;
}
.profile .overall-app-stats > div:last-child {
	padding: 20px 0px;
}
.overall-app-stats p {
	font-weight: bold;
}
.overall-app-stats > div > div {
	font-size: 175%;
	margin-top: -10px;
	color: #58C0F6;
}
.overall-app-stats span {
	font-size: 75%;
	color: #666;
}
#appGraph {
	padding: 25px;
	padding-top: 50px;
	margin-top: 25px;
}
#socialAppGraph {
	padding: 25px;
	padding-top: 50px;
	margin-top: 25px;
}
.profile > .floating-app-panel {
	position: absolute;
	top: 145px;
	border: none;
	background: transparent;
	left: 0px;
	width: 100%;
	padding: 5px 25px;
}
.profile > .floating-app-panel > div {
	padding: 0px;
	border: none;
}
.profile > .floating-app-panel > .data-toggle button.btn {
	font-size: 85%;
	padding: 2px 8px;
	border-radius: 8px;
}
.profile > .floating-app-panel > .data-toggle button.btn.highlight {
	background-color: #58C0F6;
	color: #fff;
}
.profile > .floating-app-panel > .data-toggle button.btn.highlightone {
	background-color: #0C87C6;
	color: #fff;
}
.profile > .floating-app-panel > .data-toggle button.btn.highlighttwo {
	background-color: #0C4AC6;
	color: #fff;
}
.profile > .floating-app-panel > .data-toggle button.btn.highlightthree {
	background-color: #5D71ED;
	color: #fff;
}
.floating-app-panel .social-bar {
	float: none;
	margin-top: 0px;
}
.profile-nav span.uno-icon-thin.thin-arrow {
	font-size: 175%;
	font-weight: normal;
}
.local-overview > .social-bar {
	margin-top: -42px;
	height: 32px;
	padding-right: 15px;
}
.local-overview .player-table {
	margin-top: 27px;
	border-top-right-radius: 0px;
}
.local-overview .social-bar button.btn {
	border-radius: 0px;
	border-color: #ddd;
}
.initialize-btn {
	margin-left: 15px;
	margin-top: -43px;
	border-radius: 0px;
	width: 175px;
}
.check-user input.form-control.new-node-pad {
	padding-left: 110px;
}
.player-head span.glyphicon-sort {
	color: #999;
	font-size: 90%;
	margin-top: 1px;
}
#new_graph {
	margin-top: 1px;
}
.local-node {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0px;
	height: 217px;
	box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.1);
}
.local-stats h2 {
	font-size: 95%;
	margin-bottom: 2px;
	padding-left: 3px;
	color: #666;
}
.local-stats h2 span {
	color: #999;
	margin-right: 5px;
}
.local-stats h2 span:hover {
	color: #4d4d4d;
}
.local-stats .social-bar {
	margin-top: 15px;
	margin-right: 15px;
}
.local-stats .social-bar button.btn {
	border-radius: 0px;
}
.generic-dropdown.sub-drop {
	margin-top: -27px;
	height: 53px;
	margin-right: -10px;
	width: 200px;
}
.generic-dropdown.sub-drop ul {
	border-radius: 0px;
}
.generic-dropdown.sub-drop > button.btn {
	border-radius: 0px;
	height: 52px;
	border: none;
	border-left: 1px solid #ddd;
}
.accountholder{
	padding-left: 32px;
}
.local-node.duration > div {
	border-bottom: 1px solid #ddd;
	padding: 7px 10px;
	font-size: 110%;
}
.local-node.duration > div:nth-child(2n) {
	background-color: #f2f2f2;
}
.local-node.duration > div:last-child {
	border-radius: 0px 0px 4px 4px;
}
.local-node.duration > div:last-child {
	border-bottom: none;
}
.local-node.walk-by {
	text-align: center;
}
.local-node.walk-by > div {
	font-size: 500%;
}
.local-node.walk-by > div em {
	font-size: 20%;
}
.local-node.walk-by .date-range-local {
	text-transform: uppercase;
	margin-top: 26px;
	display: block;
	color: #666;
}
.local-node.walk-by .date-range-local.cross-loc {
	margin-top: 20px;
}
.dash-panel.bll-panel .panel-node div.info-div {
	width: 125px;
}
.dash-panel.bll-panel .panel-node div.icon-div {
	width: 355px;
}
.dash-panel.bll-panel .panel-node .info-div p {
	margin-top: 0px;
	font-size: 105%;
}
.dash-panel.bll-panel .panel-node .triangle-dash-2 {
	right: 127px;
}
.dash-panel.bll-panel .panel-node .triangle-dash {
	right: 128px;
}
.dash-panel.bll-panel .panel-node p {
	font-size: 70%;
	margin-top: 17px;
}
.dash-panel.bll-panel {
	height: 585px;
}
#bll-graph {
	margin-top: 20px;
}
.freshii-box {
	padding: 20px;
	text-align: center;
}
.freshii-content {
	border: 1px solid #e3e3e3;
	background: #f5f5f5;
}
.freshii-content .large {
	font-size: 64px;
}
.freshii-content .small {
	font-size: 14px;
}
.freshii-content .large .dollar {
	vertical-align: super;
	font-size: 32px;
	color: #000;
}
.freshii-content .large .percent, .freshii-content .large .min, .freshii-content .large .denominator {
	vertical-align: middle;
	font-size: 32px;
	color: #000;
}

/*--- (Dashboard) Social Page ---*/

.social-side > .message-create {
	width: 100%;
}
.social-side .generic-dropdown {
	width: 49%;
}
.social-side .generic-dropdown .dropdown-menu {
	min-width: initial;
}
.social-bar {
	display: inline-block;
	float: right;
	margin-top: 5px;
	position: relative;
}
.social-bar > div {
	width: 145px;
}
.social-bar .date-analytics {
	width: 157px;
}
.social-bar > span {
	position: absolute;
	top: 0px;
	left: 164px;
	font-size: 150%;
	font-weight: bold;
	color: #666;
}
.social-bar .date-analytics input.form-control {
	display: inline-block;
}
.social-bar .date-analytics label.control-label {
	color: #fff;
}
.social-bar > p {
	display: inline-block;
	font-weight: bold;
	margin-right: 10px;
	color: #666;
}
.social-bar li.selected {
	background-color: #ddd;
}
.active-accounts {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.active-accounts > h5 {
	background-color: #F6F6F6;
	text-align: center;
	border-bottom: 1px solid #ddd;
	margin-top: 0px;
	border-radius: 4px 4px 0px 0px;
	padding: 7px 0px;
	text-transform: uppercase;
}
.active-accounts > div {
	padding: 0px 15px;
}
.active-accounts > div > div {
	margin-bottom: 10px;
}
.active-accounts > div > div > span:first-child {
	font-size: 200%;
	vertical-align: -webkit-baseline-middle;
	width: 25px;
	display: inline-block;
}
.active-accounts span:first-child + span {
	padding-left: 15px;
}
.active-accounts span.glyphicon {
	padding: 5px 0px;
}
.active-accounts > div > div:hover .glyphicon-ok {
	display: none;
}
.active-accounts > div > div .glyphicon-remove {
	display: none;
}
.active-accounts > div > div:hover .glyphicon-remove {
	display: inline-block;
	cursor: pointer;
}
.active-accounts a {
	margin-left: 15px;
	color: #999;
	border: 1px dashed #ccc;
	padding: 5px 25px;
}
.active-accounts a:hover {
	color: #666;
	text-decoration: none;
	border-color: #666;
}
.social-pane .category-nav li {
	padding: 15px;
	font-size: 120%;
}
.social-pane .category-nav ul li.active {
	background-color: #fff;
}
.social-pane .category-nav ul li.one-cat {
	width: 49.7%;
}
.social-pane .category-nav ul {
	width: 101%;
}
.social-pane > div:last-child {
	/*background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0 0 4px 4px;*/
	min-height: 500px;
	margin-top: -1px;
}
.social-pane .node > div {
	height: 200px;
	background-color: #eee;
	margin: 10px 0px;
}
.social-overview {
	background-color: #f2f2f2;
	margin: 15px;
	padding: 10px 0px;
}
.social-overview > div > div {
	border-bottom: 1px solid #ddd;
	padding: 5px;
}
.social-overview > div > div.channel-panel {
	border: none;
	background-color: #fff;
	height: 78px;
	margin: 5px 0px 10px;
}
.channel-panel > img {
	width: 69px;
	height: 69px;
}
.channel-panel > span {
	margin-left: 10px;
}
.channel-panel > span.pull-right {
	border-left: 1px solid #ddd;
	padding: 22px 5px 0px 10px;
	height: 68px;
}

.reach {
	border-top: 5px solid;
	height: auto;
	margin: 40px 0px 10px;
	position: relative;
	background-color: #fff;
	border-radius: 3px;
}
.reach > div.channel-overview {
	position: absolute;
	top: -48px;
	width: 100%;
}
.reach h4 {
	text-transform: uppercase;
	display: inline-block;
	margin-right: 10px;
	font-size: 150%;
	border-right: 1px solid #4d4d4d;
	padding-right: 10px;
	font-family: Oswald;
	color: #666;
}
.reach .left-panel {
	border-right: 1px solid #eee;
	margin-top: 10px;
	margin-bottom: 10px;
}
.reach .left-panel h5 {
	margin-top: 0px;
}
.reach > div.channel-overview > div.btn {
	margin-top: -10px;
	color: #fff;
	border: none;
	border-radius: 16px;
	font-size: 85%;
	padding: 1px 11px;
}
.reach.twitter, .reach .floating-face.twitter  {
	border-color: #55acee;
}
.reach.facebook, .reach .floating-face.facebook {
	border-color: #3b5998;
}
.reach.instagram, .reach .floating-face.instagram {
	border-color: #3f729b;
}
.reach h5 {
	font-family: Oswald;
	font-size: 150%;
	display: inline-block;
	padding: 0px 4px 2px;
}
.reach .floating-face {
	position: absolute;
	top: 2px;
	right: -122px;
	border: 1px solid;
	border-left: 3px solid;
	border-right: none;
	height: 50px;
	cursor: pointer;
	width: 175px;
	background-color: #fff;
}
.reach .floating-face img {
	width: 43px;
	margin-top: 3px;
	margin-left: 3px;
}
.reach .floating-face span {
	padding-left: 10px;
}
.reach .floating-face:hover {
	right: 0px;
}
.reach > div > p {
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
}
.reach .disabled-channel {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 10;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 130px;
	font-size: 150%;
	text-transform: uppercase;
	cursor: pointer;
}
.content-stats span {
	font-size: 200%;
	display: inline-block;
	width: 45px;
	vertical-align: middle;
}
.content-stats div {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
.content-stats div h6 {
	font-size: 125%;
}
.content-stats div b {
	font-size: 135%;
	vertical-align: text-bottom;
	margin-right: 10px;
}
.content-stats div:last-child {
	border-bottom: none;
}
.content-stats div.larger-text span {
	font-size: 300%;
}
.follower-panel {
	border: 1px solid #ddd;
	padding: 15px;
	background-color: #eee;
	margin-top: 10px;
}
.follower-panel > div {
	display: inline-block;
	vertical-align: top;
	width: 48%;
}
.follower-panel > div:last-child {
	border-left: 1px solid #ddd;
	padding-left: 20px;
}
.follower-panel > div h6 {
	width: 60px;
	font-size: 130%;
	line-height: 0.8;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}
.follower-panel > div h6 span {
	font-size: 55%;
}
.follower-panel > div b {
	font-size: 215%;
	margin-left: 15px;
}
.follower-panel div > span {
	position: absolute;
	top: 66px;
	right: 30px;
	font-size: 80%;
}
.gender-stats > div {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}
.gender-stats h6 {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 100px;
	font-size: 250%;
	font-weight: bold;
	line-height: 0.5;
	margin-top: -56px;
}
.gender-stats h6 span {
	font-size: 29%;
	font-weight: normal;
}
.gender-stats .uno-icon {
	font-size: 600%;
}

/*--- (Dashboard) Queue Page ---*/

.users-table.queue-table {
	margin: 0px;
	border: 1px solid #ddd;
	height: 535px;
}
.queue-table .table-cont {
	width: 28%;
}
.queue-table .table-cont.declined-cont {
	width: 33%;
}
.queue-table .table-channel {
	width:7%;
}
.queue-table .table-channel img {
	margin-left: 25%;
}
.queue-table .table-account {
	width: 14%;
}
.queue-table .table-account.shorten {
	width: 10%;
}
.queue-table .table-cont.shorten {
	width: 24%;
}
.queue-table .table-decline.shorten {
	width: 6%;
}
.queue-table .table-posted {
	width: 16%;
}
.queue-table .table-sched-by {
	width: 12%;
}
.queue-table .table-sched-date {
	width: 16%;
}
.queue-table .table-decline {
	width: 4%;
}
.queue-table .last-elm {
	border-right: none;
}
.users-top.queue-top {
	margin: 0px;
	border: 1px solid #ddd;
	border-bottom: none;
}
.users-top.queue-top input {
	margin-left: 0px;
}
.users-top.queue-top > span.glyphicon {
	left: 13px;
}
.uno-body .pagination {
	display: block;
	text-align: center;
}
.pagination > div {
	display: inline-block;
	width: auto;
	margin: 0px 10px;
}
.pagination > div:hover {
	cursor: pointer;
	color: #999;
}
.pagination > div.selected {
	color: #aaa;
}
.pagination button.btn {
	padding: 6px 9px;
	border-radius: 25px;
}
.pagination button.btn:focus {
	outline: none;
}
.queue-table .users-table-body {
	height: 510px;
}
.queue-top {
	border-bottom: 1px solid #DDD;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.queue-top img {
	margin: 10px;
}
.queue-top span {
	font-weight: bold;
}
.queue-top span:last-child {
	margin-left: 55px;
}

/*--- (Dashboard) Notifications ---*/

.noti-nav {
	height: 50px;
}
.noti-nav ul {
	list-style-type : none;
	width: 1148px;
	padding-left: 0px;
	margin-bottom: 0px;
}
.noti-nav li {
	display: inline-block;
	border-radius: 4px 4px 0 0;
	border: 1px solid #ddd;
	border-bottom: 0px;
	padding: 10px;
	background-color: #e2e2e2;
	width: 380px;
	text-align: center;
	text-transform: uppercase;
	font-size: 125%;
	height: 50px;
	vertical-align: top;
	position: relative;
}
.noti-nav li.selected, .noti-nav li.selected:hover {
	background-color: #fff;
}
.noti-nav li:hover {
	cursor: pointer;
	background-color: #ccc;
}
.noti-nav li span {
	position: absolute;
	font-size: 100%;
	right: 10px;
}
.noti-body {
	border: 1px solid #ddd;
	height: 625px;
	margin-top: -1px;
	overflow: auto;
	padding: 15px;
}
.noti-body .users-top {
	margin: 0px;
	border: 1px solid #ddd;
	border-bottom: none;
}
.noti-body .users-top .location-filter {
	height: 49px;
}
.noti-body .users-top .location-filter button {
	border-left: none;
	border-right: 1px solid #ddd;
	border-radius: 0px;
}
.noti-body .users-top > span.glyphicon {
	left: 286px;
}
.noti-body .users-table {
	margin: 0px;
	border: 1px solid #ddd;
}
.table-read {
	width: 4%;
	position: relative;
}
.table-noti-date {
	width: 10%;
}
.table-noti-name {
	width: 14%;
}
.noti-body .table-noti {
	width: 38%;
	font-size: 80%;
}
.table-noti-act {
	width: 15%;
}
.table-noti-actions {
	width: 9%;
}
.noti-body .users-table-body .read {
	position: absolute;
	padding-left: 10px;
	line-height: 5px;
	height: 10px;
	top: 19px;
	left: 7px;
}
.noti-body .users-table-body .read.unread {
	color: #999;
}
.noti-body .users-table-body {
	height: 514px;
}
.admin-request a {
	border-radius: 35px;
	padding: 1px 10px;
	font-size: 175%;
	margin-top: -12px;
	margin-left: 20px;
}
.permission-request a {
	width: 154px;
	height: 41px;
	margin-top: -10px;
	padding-top: 10px;
}
.read{
	font-size: 20px;
	color: red;
	display: inline-block;
}
.noti-body .users-table-body .table-noti-actions > div.glyphicon {
	border-left: 1px solid #ddd;
	margin-left: 10px;
	padding: 18px 0px 18px 10px;
	margin-top: -16px;
}
.notifications-view-modal img {
	max-width: 125px;
	max-height: 125px;
	margin: 5px 5px;
}
.notifications-view-modal b {
	width: 150px;
	display: inline-block;
	vertical-align: top;
}
.notifications-view-modal span > span {
	display: inline-block;
	width: 405px;
}
.notifications-view-modal table {
	width: 100%;
	margin-top: 10px;
	border-color: #fff;
}
.notifications-view-modal th {
	border-color: #ddd;
	padding-left: 5px;
}
.notifications-view-modal td {
	border-color: #ddd;
	padding-left: 5px;
}
.notifications-view-modal tr:nth-child(odd) {
	background-color: #fff;
}
.notifications-view-modal tr:nth-child(even) {
	background-color: #eee;
}
.communications-list .read, .notification-simple .read, .messages-simple .read{
	font-size: 20px;
	color: red;
	display: inline-block;
	margin-left: -15px;
	margin-top:12px;
	position: absolute;
}

.glyphicon {
	border: none !important;
}

/* TIMEPICKER (Take out when we migrate) */
.bootstrap-timepicker i{
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
}
.bootstrap-timepicker .icon-plus:before{
	content: "\2b";
}
.bootstrap-timepicker .icon-minus:before{
	content: "\2212";
}
.datepicker{z-index:1151 !important;}

.bootstrap-timepicker-widget table td input[name="meridian"]:hover {
  	cursor: pointer;
}

.bootstrap-timepicker-widget table td input {
 	text-decoration: none;
 	padding: 6px;
  	width: 35px;
  	margin: 0;
  	text-align: center;
  	border: 1px solid #ddd;
  	background-color: #eee;
  	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  	border-radius: 4px;
}

.bootstrap-timepicker-widget table td a.meridian {
  	padding: 0px 0;
}
/* End TIMEPICKER */

.localization-app .profile-nav {
	text-transform: capitalize;
}
.uno-body.localization-app {
	padding-bottom: 0px;
}
.localization-app .local-save-bar {
	margin: 0px -10px;
}
/*############-- App Styles - DMB --############*/

#unoapp_dmb {
	
}

/*<><><>- DMB -<><><>*/

/*--- DMB 'on boarding' visual cue styles - START ---*/
.vis-cue-wrap {
	width: 30px;
	height: 30px;
	display: block;
	position: relative;
	transition: opacity 0.5s;
}

.vis-cue-elem {
	width: 100%;
	max-width: 30px;
	height: 100%;
	max-height: 30px;
	display: block;
	border-radius: 50%;
	background-color: #4A8AFF;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.vis-cue-wrap.vis-cue-hide {
	display: none;
}

.vis-cue-wrap.vis-cue-active {
	display: block;
}

.vis-cue-wrap.vis-cue-active .vis-cue-elem {
	-webkit-animation: anim_vis-cue_pulse 0.75s ease-in-out infinite;
	animation: anim_vis-cue_pulse 0.75s ease-in-out infinite;
}

.vis-cue-glow.vis-cue-active {
	-webkit-animation: anim_vis-cue_glow 0.75s ease-in-out alternate infinite;
	animation: anim_vis-cue_glow 0.75s ease-in-out alternate infinite;

}

.vis-cue-highlight.vis-cue-active {
	-webkit-animation: anim_vis-cue_highlight 0.75s ease-in-out alternate infinite;
	animation: anim_vis-cue_highlight 0.75s ease-in-out alternate infinite;

}
/* Position/Alignment */
.vis-cue-pos-left {
position: absolute; top: 50%; left: 0px;
-ms-transform: translate(-175%, -50%);
-webkit-transform: translate(-175%, -50%);
transform: translate(-175%, -50%);
}

/* Animation: Visual Cue - Pulse */
@-webkit-keyframes anim_vis-cue_pulse {
	0% {
		width: 0%;
		height: 0%;
		opacity: 1;
	}
	100% {
		width: 100%;
		height: 100%;
		opacity: 0;
	}
}

@-moz-keyframes anim_vis-cue_pulse {
	0% {
		width: 0%;
		height: 0%;
		opacity: 1;
	}
	100% {
		width: 100%;
		height: 100%;
		opacity: 0;
	}
}

@-o-keyframes anim_vis-cue_pulse {
	0% {
		width: 0%;
		height: 0%;
		opacity: 1;
	}
	100% {
		width: 100%;
		height: 100%;
		opacity: 0;
	}
}

@keyframes anim_vis-cue_pulse {
	0% {
		width: 0%;
		height: 0%;
		opacity: 1;
	}
	100% {
		width: 100%;
		height: 100%;
		opacity: 0;
	}
}

/* Animation: Visual Cue - Glow */
@-webkit-keyframes anim_vis-cue_glow {
	0% {
		box-shadow: 0px 0px 4px 4px rgba(74, 138, 255, 0.25);
	}
	100% {
		box-shadow: 0px 0px 4px 4px rgba(74, 138, 255, 0.75);
	}
}

@-moz-keyframes anim_vis-cue_glow {
	0% {
		box-shadow: 0px 0px 4px 4px rgba(74, 138, 255, 0.25);
	}
	100% {
		box-shadow: 0px 0px 4px 4px rgba(74, 138, 255, 0.75);
	}
}

@-0-keyframes anim_vis-cue_glow {
	0% {
		box-shadow: 0px 0px 4px 4px rgba(74, 138, 255, 0.25);
	}
	100% {
		box-shadow: 0px 0px 4px 4px rgba(74, 138, 255, 0.75);
	}
}

keyframes anim_vis-cue_glow {
	0% {
		box-shadow: 0px 0px 4px 4px rgba(74, 138, 255, 0.25);
	}
	100% {
		box-shadow: 0px 0px 4px 4px rgba(74, 138, 255, 0.75);
	}
}

/* Animation: Visual Cue - Highlight */
@-webkit-keyframes anim_vis-cue_highlight {
	0% {
		background-color: rgba(74, 138, 255, 0);
	}
	100% {
		background-color: rgba(74, 138, 255, 0.3);
	}
}

@-moz-keyframes anim_vis-cue_highlight {
	0% {
		background-color: rgba(74, 138, 255, 0);
	}
	100% {
		background-color: rgba(74, 138, 255, 0.3);
	}
}

@-0-keyframes anim_vis-cue_highlight {
	0% {
		background-color: rgba(74, 138, 255, 0);
	}
	100% {
		background-color: rgba(74, 138, 255, 0.3);
	}
}

keyframes anim_vis-cue_highlight {
	0% {
		background-color: rgba(74, 138, 255, 0);
	}
	100% {
		background-color: rgba(74, 138, 255, 0.3);
	}
}

.dmb-list span.green-bg, .dmb-list span.uno-red-bg {
	display: inline-block;
	width: 10px;
	border-radius: 5px;
	height: 10px;
}

.dmb-list {
	margin-top: 20px;
}

.dmb-player {
	border: 1px solid #ddd;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
	box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.1);
	position: relative;
}

.dmb-player:first-child {
	margin-top: 0px;
}

.dmb-player .dmb-player-header {
	position: relative;
}

.dmb-player-header h5 {
	margin: 0px;
	padding: 10px;
	text-transform: uppercase;
	font-size: 125%;
	padding-bottom: 7px;
	display: inline-block;
}

.dmb-player-header p {
	margin: 0px;
	padding: 10px;
	padding-top: 0px;
	color: #666;
	font-size: 90%;
	display: inline-block;
	margin-bottom: -6px;
}

.dmb-player-header:hover .floating-delete {
	display: block;
}

.dmb-player-header .floating-delete {
	position: absolute;
	top: 8px;
	right: 8px;
	color: #666;
	display: none;
	cursor: pointer;
}

.dmb-player-header .floating-delete:hover {
	color: #999;
}

.dmb-player .btn-default {
	border: none;
	border-radius: 0px;
	height: 40px;
	width: 100%;
	display: block;
	border-top: 1px solid #ddd;
	text-align: left;
	background-color: #f5f5f5;
	color: #666;
}

.dmb-player .btn-default:hover {
	background-color: #e7e7e7;
}

.dmb-player .box-data {
	border-top: solid 1px #DDDDDD;
}

.box-data .box-data-row.box-data-titles {
	background-color: #F1F2F3 !important;
	border-bottom: solid 1px #DDDDDD;
	line-height: 26px;
}

.box-data .box-data-row.box-data-titles > * {
	color: #666666;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.25px;
	text-transform: uppercase;
}

.box-data .box-data-row {
	width: 100%; 
	height: auto; 
	display: block;
 	margin: 0; 
 	padding-left: 10px;
 	line-height: 32px;
}

.box-data .box-data-row:hover {
	background-color: #F0F0F0;
}

.box-data .box-data-row:nth-child(2n-1) {
	background-color: #F6F6F6;
}

.box-data .box-data-row:nth-child(2n-1):hover {
	background-color: #E9E9E9;
}

.box-data .box-data-col {
	width: auto; 
	min-width: 80px;
	height: auto; 
	display: inline-block; 
	margin: 0; 
	margin-right: 25px; 
	padding: 0
}

.box-status .box-status-elem {
	width: 8px;
	height: 8px;
	display: inline-block;
	background-color: #dd584c;
	border-radius: 50%;
	margin-top: 12px;
	margin-right: 5px;
}

.box-status .box-status-text:after {
	content: 'Offline';
}

.box-status.box-status-active .box-status-elem {
	background-color: #5cb85c;
}

.box-status.box-status-active .box-status-text:after {
	content: 'Online';
}

.web-head.dmb-head ul li {
	width: 160px;
}
.box-title {
	background-color: #666;
	height: auto;
	border-bottom: 1px solid #555;
	max-height: 40px;
	position: relative;
	overflow: hidden;
}
.box-title.expanded {
	max-height: 1470px;
}
.box-title > div:first-child {
	border-bottom: 1px solid #555;
	height: 40px;
	text-transform: uppercase;
	padding: 10px 10px 0px;
}
.webbuilder-side div.box-title > div.web-section {
	background-color: #777;
}
.dmb-save-bar {
	position: fixed;
	background-color: #fff;
	bottom: 0px;
	left: 250px;
	padding: 5px;
	border-top: 1px solid #ddd;
	width: calc(100% - 250px);
}
.dmb-save-bar.indent {
	left: 500px;
	width: calc(100% - 500px);
}
.dmb-save-bar button.btn {
	border-radius: 0px;
	padding: 10px 25px;
}
.dmb-side .add-new-section {
	background-color: #4d4d4d;
}
.dmb-pub-select > span {
	margin: 0px 10px;
}
.dmb-pub-select > button.btn {
	width: 255px;
	border-radius: 0px;
	height: 90px;
	font-size: 125%;
}
.change-layout {
	background-color: #4d4d4d;
	padding: 13px 0px;
	cursor: pointer;
}
.change-layout > span {
	background-color: #666;
	padding: 5px 35px;
	border: 1px solid #777;
}
.change-layout > span:hover {
	background-color: #777;
}
.area-title {
	background-color: #4d4d4d;
	text-align: left;
	padding-left: 5px;
	margin-top: -5px;
}
.area-title .control-label {
	color: #fff;
}
.box-title:last-child {
	margin-bottom: 55px;
}
.dmb-title {
	height: 27px;
	width: 100%;
	background-color: #666;
	margin: 0px;
	padding: 7px 0px 5px;
	font-weight: 300;
	font-size: 90%;
	margin-bottom: 19px;
	box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.3);
}
.dmb-title.thick-title {
	height: 118px;
}
.dmb-title.thick-title .area-title {
	margin-top: 0px;
	background-color: transparent;
}
.dmb-title.thick-title button.btn {
	border-radius: 0px;
}
.dmb-title.thick-title > button.btn {
	width: 230px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.mini-area {
	width: 558px;
	border: 1px solid #ddd;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.mini-area > div {
	position: absolute;
	background-color: rgba(193, 219, 238, 0.3);
	border: 1px dashed rgba(193, 219, 238, 1);
}
.mini-area-selection {
	border: 1px solid #ddd;
	min-height: 50px;
	max-height: 250px;
	overflow: overlay;
	width: 186px;
	margin-right: 10px;
	display: inline-block;
	padding: 10px;
}
.mini-area-selection > div {
	border: 1px solid #ddd;
	padding: 5px;
	text-align: center;
	color: #999;
	margin-bottom: 5px;
	cursor: pointer;
}
.mini-area-selection > div.selected {
	border-color:#aaa;
	color: #4d4d4d;
	background-color: #ccc;
}
.mini-area-selection > div.selected:hover {
	color: #4d4d4d;
	background-color: #ccc;
}
.mini-area-selection > div:hover {
	background-color: #eee;
	color: #666;
}
.mini-area > div.selected {
	background-color: rgba(255, 0, 0, 0.2);
	border: 1px dashed rgba(255, 0, 0, 1);
}
.mini-area > div.selected-full {
	background-color: rgba(255, 0, 0, 0.2);
	border: 1px solid rgba(255, 0, 0, 1);
}
#area-layout-selector .widget-panels {
	box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);
	border-radius: 7px;
	color: #999;
}
.webbuilder-viewport.dmb-viewport > div > div.area-element-options {
	position: fixed;
	top: 85px;
	left: 250px;
	width: 94px;
	text-align: center;
	margin: 15px 0px;
}
.area-element-options > div {
	background-color: #4d4d4d;
	margin: 7px 0px 7px 7px;
	color: #ddd;
	height: 86px;
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	width: 85px;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #999;
	cursor: pointer;
}
.area-element-options > div:hover {
	background-color: rgba(50, 50, 50, 0.5);
}
.area-element-options span {
	font-size: 70px;
}
.area-element-options span.uno-icon-new {
	font-size: 65px;
	margin-bottom: 5px;
	display: block;
}
.layout-designer {
	position: relative;
	margin-top: -19px;
	background-color: #444;
	padding: 10px 0px 5px;
}
.layout-designer .design-cover {
	display: none;
}
.layout-designer .design-cover.locked {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: rgba(50, 50, 50, 0.9);
	height: 72px;
	z-index: 1;
	padding-top: 23px;
	text-transform: uppercase;
}
.dmb-area-designer {
	background-color: #555;
	padding-bottom: 10px;
}
.dmb-area-designer label.control-label {
	color: #fff;
	float: left;
	padding-left: 5px;
}
.dmb-area-designer textarea {
	width: 230px;
	margin-left: 10px;
}
.dmb-area-designer > div > a {
	font-size: 85%;
	color: #aaa;
	cursor: pointer;
}
.dmb-area-designer .font-styles.btn-group > button.btn {
	width: 77px;
	border-radius: 0px;
}
.dmb-area-designer .preset-styles.expand {
	overflow: visible;
}
.dmb-area-designer .padding-margin {
	width: 100%;
}
.dmb-area-designer .padding-margin div {
	width: 45%;
	display: inline-block;
	position: relative;
}
.dmb-area-designer .padding-margin div .control-label {
	margin-top: 15px;
}
.dmb-area-designer .padding-margin div input {
	color: #000;
	width: 46px !important;
	position: absolute;
	right: 0;
}
.dmb-area-designer .evo-palette > tbody > tr:first-child {
	display: none;
}
.dmb-area-designer .ui-widget-content {
	border: none;
	background-color: transparent;
	background-image: none;
	margin-left: 20px;
	color: #fff;
}
.dmb-area-designer .ui-widget-content a {
	color: #fff;
}
.webbuilder-side .dmb-area-designer .evo-input-new input {
	margin: 0px;
}
.dmb-area-designer .divbutton {
	background-color: #777;
	border: 2px solid #999;
	text-align: center;
	padding: 5px;
	width: 200px;
	margin: 15px auto 10px;
	cursor: pointer;
}
.box-layout > div.filled > p {
	display: none;
}
.box-layout > div.filled {
	background-color: transparent;
	border-color: transparent;
	word-wrap: break-word;
	overflow: hidden;
}
.box-layout > div.filled.selected {
	background-color: transparent;
}
.menu-selection-bar > div {
	width: 46%;
	margin: 0px 10px;
	display: inline-block;
}
.dmb-menu-list-holder {
	overflow: overlay;
	max-height: 390px;
	margin-bottom: -35px;
}
.dmb-menu-list {
	margin: 10px;
	height: 38px;
	overflow: hidden;
	background-color: #fff;
}
.dmb-menu-list.expand {
	margin: 10px;
	height: auto;
}
.dmb-menu-list > div {
	border: 1px solid #ddd;
	padding: 8px 10px;
}
.dmb-menu-list .menu-plus-btn {
	width: 20px;
	height: 20px;
	border: 1px solid #666;
	display: inline-block;
	vertical-align: top;
	margin-right: 7px;
	cursor: pointer;
}
.dmb-menu-list .menu-plus-btn > span.glyphicon {
	font-size: 85%;
	margin-left: 3px;
	top: 0;
	color: #fff;
}
.dmb-menu-list .menu-plus-btn:hover > span.glyphicon {
	color: #666;
}
.dmb-menu-list .menu-plus-btn.selected {
	background-color: #5cb85c;
}
.dmb-menu-list .menu-plus-btn.selected:hover > span.glyphicon {
	color: #fff;
}
.dmb-menu-list .faded {
	color: #999;
	font-size: 75%;
}
.menu-selection-nav {
	height: 8px;
	background-color: #ddd;
	border-radius: 5px;
	width: 80%;
	margin: 15px auto 30px;
	position: relative;
}
.menu-nav-step {
	position: absolute;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 17px;
	color: #aaa;
	font-size: 18px;
	padding: 2px 10px;
}
.menu-nav-step > span {
	display: none;
	position: absolute;
	top: 5px;
	left: 6px;
	background-color: #5cb85c;
}
.menu-nav-step.completed > span {
	display: block;
}
.menu-nav-step.selected {
	color: #666;
	border-color: #666;
}
.menu-nav-step.completed {
	color: #fff;
	background-color: #5cb85c;
}
.menu-selection-nav > div:first-child {
	left: 0;
	top: -11px;
}
.menu-selection-nav > div:first-child + div {
	left: 50%;
	top: -11px;
	margin-left: -15px;
}
.menu-selection-nav > div:last-child {
	right: 0;
	top: -11px;
}
.menu-tab-options {
	margin-bottom: 10px;
	text-align: center;
	padding: 0;
}
.menu-tab-options li {
	color: #697882;
	cursor: pointer;
	display: inline;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	padding: 8px 10px;
	margin: 0 60px;
}
.menu-tab-options li:hover {
	border-bottom: 3px solid rgba(91, 155, 209, 0.5);
}
.menu-tab-options li.active {
	border-bottom: 3px solid #5b9bd1;
}
.menu-selection-options {
	padding: 10px;
}
.menu-selection-options > .btn {
	padding: 1px 15px;
}
.dmb-menu-list > div.dmb-menu-info {
	border-top: none;
	min-height: 40px;
}
.dmb-menu-info span {
	font-size: 21px;
	float: right;
	margin-left: 10px;
	margin-top: -4px;
}
.dmb-menu-list .glyphicon-sort {
	color: #666;
	margin-right: 7px;
}
.menu-layout-item {
	border: 2px solid #ddd;
	padding: 4px;
	display: inline-block;
	cursor: pointer;
	width: 273px;
	margin-bottom: 4px;
}
.menu-layout-item > img {
	max-width: 100%;
}
#menu-selection .calorie-templates {
	height: 441px;
	overflow-y: scroll;
	overflow-x: hidden;
}
#menu-selection .modal-footer .btn{

	border-radius: 0px;
	margin-right: 0px;
	margin-top: 6px;
	margin-left: 10px;
	height: 34px;
	margin-bottom: 13px;
	border: 1px solid #ddd;
}
#menu-selection .calorie-templates::-webkit-scrollbar {
    -webkit-appearance: none !important;
    width: 5px !important;
}
#menu-selection .calorie-templates::-webkit-scrollbar-thumb {
    border-radius: 0px !important;
    background-color: #5b9bd1 !important;
    box-shadow: none !important;
}
.dmb-area-designer div.web-section.expand {
	max-height: none;
}
.dmb-area-designer div.web-section > div:first-child {
	border-bottom: 1px solid #4d4d4d;
}
.webbuilder-side.dmb-side > div > div > div:hover div.sort-blocks > div {
	background-color: transparent;
}
.webbuilder-side.dmb-side .web-section > div:hover div.sort-blocks > div {
	background-color: #ddd;
}
.webbuilder-viewport.dmb-viewport {
	width: 100%;
	height: 1500px;
	background-image: url('../images/textures/cardboard_flat.png');
	z-index: 2;
}
.webbuilder-side.dmb-side input {
	margin: 10px;
	width: 230px;
}
.webbuilder-side.dmb-side .btn-group {
	margin-bottom: 10px;
	width: 230px;
	color: #4d4d4d;
}
.webbuilder-side.dmb-side .save-style-section div {
	position: relative;
}
.webbuilder-side.dmb-side .save-style-section div input {
	display: inline-block;
	width: 65%;
}
.webbuilder-side.dmb-side .save-style-section span {
	position: absolute;
	top: 0;
	left: 67%;
	color: #FFF;
	background-color: #343434;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	font-weight: 600;
}
.webbuilder-side.dmb-side .save-style-section div button {
	display: inline-block;
	width: 22%;
	height: 35px;
	margin-top: -3px;
}

.webbuilder-viewport.dmb-viewport > div > div {
	margin: 50px 100px 75px;
	position: relative;
}
.box-layout {
	border-radius: 4px;
	border: 1px solid #ccc;
	width: 100%;
	background-color: #fff;
	box-shadow: 2px 2px 8px -2px rgba(50, 50, 50, 0.5);
	position: relative;
	overflow: hidden;
	background-size: cover;
}
.box-layout > div {
	position: absolute;
	background-color: rgba(193, 219, 238, 0.3);
	border: 1px dashed rgba(193, 219, 238, 1);
	cursor: pointer;
}
.box-layout > div.selected {
	background-color: rgba(255, 0, 0, 0.2);
	border: 1px dashed rgba(255, 0, 0, 1);
}
.box-layout > div p {
	color: #aaa;
	margin: 4px 3px;
	display: inline-block;
	border: 1px solid #ddd;
	padding: 0px 10px;
	border-radius: 6px;
	background-color: #fff;
}
.box-layout > div.selected p {
	color: #666;
}
.dmb-setup > div {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	border: 1px solid #ddd;
	margin: 10px;
	padding: 10px;
	background-color:  #f2f2f2;
	cursor: pointer;
}
.dmb-setup > div > img:first-child {
	display: block;
}
.dmb-setup > div > img:first-child + img {
	display: none;
}
.dmb-setup > div:hover > img:first-child {
	display: none;
}
.dmb-setup > div:hover > img:first-child + img {
	display: block;
}
.dmb-setup > div > span {
	display: block;
	text-transform: uppercase;
	background-color: #e2e2e2;
	padding: 5px;
	color: #666;
	margin: 0px -10px -10px;
}
.dmb-setup-full > div {
	width: 355px;
	cursor: auto;
}
.dmb-setup-full h4 {
	margin-bottom: 0px !important;
}
.dmb-setup-full div.generic-dropdown {
	width: 200px;
}
.dmb-setup-full input {
	margin: 10px 0px;
	width: 49%;
	display: inline-block;
	vertical-align: top;
}
.fill-the-expanse > .theme-selector.site-name-page.dmb-setup {
	padding: 100px 24% 0px;
}
.dmb-layouts .widget-panels.short-panels > div {
	position: absolute;
	top: 39px;
	width: 134px;
	left: 25px;
	height: 82px;
	cursor: pointer;
	font-size: 150%;
	padding-top: 11px;
}
.dmb-layouts .widget-panels.short-panels > div button {
	color: #4d4d4d;
}
.dmb-layouts .widget-panels.short-panels > div button:hover {
	color: #666;
}
.dmb-layouts .widget-panels.short-panels img {
	display: block;
	width: 150px;
	margin: 7px auto;
}
.dmb-layouts .widget-panels.short-panels {
	color: #4d4d4d;
	background-color: #f2f2f2;
	height: 170px;
}
.webbuilder-viewport.dmb-viewport.shift-viewport {
	left: 500px;
        position:fixed;
}
.webbuilder-side.dmb-side.playlist-back {
	background-color: #aaa;
	width: 1022px;
        position:fixed;
}
.fill-the-expanse .webbuilder-side.dmb-side .player-buttons {
	margin-left: 0px;
	width: 500px;
	box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.3);
	text-align: center;
	background-color: #4d4d4d;
	position: fixed;
	left: 0px;
	z-index: 101;
}
.widget-panels.short-panels > span.check-mark {
	font-size: 80%;
	position: absolute;
	right: 0px;
	background-color: #fff;
	border: 1px solid #ddd;
	top: 0px;
	border-radius: 25px;
	padding: 3px 6px 1px;
}
.widget-panels.short-panels > span.layout-delete {
	font-size: 60%;
	position: absolute;
	right: 0px;
	background-color: #fff;
	border: 1px solid #ddd;
	bottom: 4px;
	border-radius: 25px;
	padding: 5px 7px 2px;
}
.widget-panels.short-panels > span.layout-edit {
	font-size: 60%;
	position: absolute;
	right: 0px;
	background-color: #fff;
	border: 1px solid #ddd;
	bottom: 33px;
	border-radius: 25px;
	padding: 5px 7px 3px;
}
.widget-panels.short-panels b {
	font-weight: 300;
}
.widget-panels.short-panels input {
	position: absolute;
	left: 35px;
	width: 145px;
	bottom: 30px;
	padding: 5px;
	border-radius: 0px;
}
.player-buttons > div {
	border-right: 1px solid #444;
	padding: 10px 30px;
	cursor: pointer;
	display: inline-block;
	float: left;
}
.player-buttons > div:first-child {
	border-left: 1px solid #444;
	margin-left: 137px;
}
.player-buttons > div:hover {
	background-color: #666;
}
.fill-the-expanse > .webbuilder-side.dmb-side > div.ignore-styles {
	width: 500px;
	float: left;
	margin: 0px;
	margin-top: 47px;
}
.ignore-styles .open > .dropdown-menu {
	z-index: 100;
}
.ignore-styles .area-title {
	background-color: transparent;
}
.ignore-styles .area-title .control-label {
	color: #333;
}
.webbuilder-side.dmb-side .ignore-styles input {
	margin: 0px;
	margin-top: 1px;
	margin-bottom: -1px;
	width: 215px;
	border-radius: 0px;
	margin-right: -5px;
	padding-left: 35px;
	height: 45px;
}
.webbuilder-side.dmb-side .ignore-styles > div.input-holder {
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.input-holder > span {
	position: absolute;
	color: #666;
	top: 16px;
	left: 14px;
}
.ignore-styles > button.btn-default {
	border-radius: 0px;
	height: 45px;
	margin-top: 1px;
	width: 50px;
}
.ignore-styles > button.btn-success {
	border-radius: 0px;
	height: 32px;
	margin-top: 5px;
	width: 235px;
	margin-left: -22px;
}
.webbuilder-side.dmb-side .ignore-styles .timepicker-new input {
	height: 34px;
	padding: 0px;
	width: 100%;
}
.webbuilder-side.dmb-side .ignore-styles .btn-group {
	float: left;
	margin-left: 9px;
	width: 235px;
	margin-bottom: 0px;
}
.webbuilder-side.dmb-side .ignore-styles .btn-group button {
	border-radius: 0px;
}
.webbuilder-side.dmb-side .ignore-styles .box-selection .btn-group {
	width: 370px;
}
.box-selection {
	height: 54px;
	background-color: #666;
	margin-top: -7px;
	padding: 5px 0px;
	margin-bottom: 5px;
}
.box-selection span {
	text-transform: uppercase;
	margin-left: 15px;
	margin-top: 10px;
}
.playlist-list {
	width: 100%;
	margin-top: 5px;
}
.playlist-head {
	height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ddd;
}
.playlist-head > div {
	color: #666;
	display: inline-block;
	float: left;
	vertical-align: top;
	border-right: 1px solid #ddd;
	padding: 1px;
	text-transform: uppercase;
	font-size: 80%;
	text-align: center;
}
.play-bg:last-child .playlist-body > div {
	margin-bottom: 55px;
}
.playlist-info-head {
	text-align: left;
	font-size: 110%;
	padding: 5px 10px;
	background-color: #d2d2d2;
	text-transform: uppercase;
	height: 30px;
	border-bottom: 1px solid #ccc;
	color: #333;
	margin-bottom: 44px;
}
.playlist-info-head > div > div {
	background-color: #eee;
	color: #999;
	border: 1px solid #d2d2d2;
	border-radius: 11px;
	padding: 2px 8px 1px;
	font-size: 77%;
	width: 70px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-top: -1px;
}
.playlist-info-head > div > div > div {
	width: 29px;
	height: 16px;
	background-color: #fff;
	position: absolute;
	border-radius: 10px;
	top: 2px;
	left: 3px;
	border: 1px solid #bbb;
}
.playlist-info-head > div > div.noti-on {
	background-color: rgba(92, 184, 92, 0.8);
	color: #fff;
}
.playlist-info-head > div > div > div.noti-on {
	left: 36px;
}
.play-bg {
	background-color: #888;
	max-height: none;
	overflow: hidden;
	margin-top: 10px;
	position: relative;
}
.play-bg.collapser {
	max-height: 30px;
}

.play-bg .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.8);
	z-index: 98;
	min-height: 184px;
	
}
.play-bg .playlist-info-head .playlist-name {
	z-index: 99;
	position: relative;
}

.play-bg.collapser .overlay button, .play-bg.collapser .overlay h4 , .play-bg.collapser .overlay .delete{
	display: none;
}

.play-bg .overlay button, .play-bg .overlay h4 {
	text-transform: uppercase;
	font-size: 16px;
}
.play-bg .overlay > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.play-bg .overlay h4 {
	color: #555454;
}
.play-bg .overlay button {
	background-color: #5b9bd1;
	color: #fff;
	border-radius: 30px;
	border: none;
}
.play-bg .overlay button:hover {
	background-color: #5ba5d1;
}
.play-bg .overlay .delete {
	color: #555454;
	display: block;
	text-transform: uppercase;
	width: 100%;
	margin-top: 10px;
}
.playlist-info-head > div:last-child {
	text-align: center;
	padding: 4px;
	position: relative;
}
.playlist-body > div > div > div {
	border-bottom: 1px solid #ccc;
	background-color: #e2e2e2;
	color: #666;
	height: 25px;
	cursor: pointer;
}
.playlist-body > div > div > div:hover {
	background-color: #e7e7e7;
}
.playlist-body > div > div > div > div {
	display: inline-block;
	vertical-align: top;
	float: left;
	height: 25px;
	padding: 1px 5px;
	border-right: 1px solid #ccc;
}
.playlist-body .ui-sortable {
	width: 100%;
}
.content-width {
	width: 160px;
	padding-left: 15px !important;
	position: relative;
}
.content-width div {
	position: absolute;
	left: 4px;
	top: 4px;
}
.content-width span {
	width: 3px;
	height: 3px;
	display: block;
	background-color: #aaa;
	border-radius: 9px;
	margin: 2px 0px;
}
.uno-dot {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin: 6px auto;
}
.area-width {
	width: 80px;
}
.pause-width {
	width: 75px;
}
.type-width {
	width: 35px;
}
.ignore-styles > .dmb-title {
	margin-left: -4px;
	margin-top: -47px;
}
.image-preview > iframe {
	width: 475px;
	margin-left: -7px;
}
.image-preview video {
	max-width: 450px;
    max-height: 225px;
}
.image-preview > img {
	max-width: 400px;
	margin-left: -7px;
	max-height: 175px;
}
.ignore-styles .change-layout {
	background-color: transparent;
}
.playlist-info-section {
	text-align: left;
	border-top: 5px solid #4d4d4d;
	margin-left: -4px;
}
.playlist-info-section > div:not(.change-layout) {
	display: inline-block;
	vertical-align: top;
	width: 235px;
	margin-left: 10px;
}
.multibox-list {
	max-height: 310px;
	overflow: auto;
}
.multibox-list > div {
	cursor: pointer;
	border-top: 1px solid #999;
	padding: 5px 10px;
}
.multibox-list > div:hover {
	background-color: #999;
}
.webbuilder-side.dmb-side .ignore-styles .playlist-info-section .btn-group {
	margin-bottom: 10px;
	width: 100%;
	margin-left: 0px;
	float: none;
}
.webbuilder-side.dmb-side .ignore-styles .playlist-info-section .btn-group ul {
	border-radius: 0px;
}
.webbuilder-side.dmb-side .ignore-styles .playlist-info-section input {
	width: 100%;
	height: 32px;
	margin-bottom: 10px;
	padding-left: 10px;
}
/* start of curtis */
.webbuilder-side.dmb-side .fallbacks {
	padding-top: 10px;
}
.webbuilder-side.dmb-side .fallbacks div {
	display: block;
}
.webbuilder-side.dmb-side .fallbacks .slider {
	background-color: #eee;
	color: #999;
	border: 1px solid #d2d2d2;
	padding: 2px 8px 1px;
	font-size: 77%;
	width: 70px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-top: -1px;
	left: auto;
	right: 3px;
}
.webbuilder-side.dmb-side .fallbacks .slider .noti-off {
	width: 29px;
	height: 16px;
	background-color: #fff;
	position: absolute;
	top: 1px;
	left: 3px;
	border: 1px solid #bbb;
}
.webbuilder-side.dmb-side .fallbacks .slider.noti-on {
	background-color: rgba(92, 184, 92, 0.8);
	color: #fff;
}
.webbuilder-side.dmb-side .fallbacks .animated.noti-on {
	left: auto;
	right: 3px;
}
.webbuilder-side.dmb-side .fallbacks .image-select .image-placeholder {
    display: inline-block;
    margin: 10px 10px 5px 0px;
}
.webbuilder-side.dmb-side .fallbacks .image-select .image-placeholder > img {
    width: 100px;
    height: 80px;
}
.webbuilder-side.dmb-side .fallbacks .image-select .image-placeholder-text {
    float: right;
}
/* end of curtis */

.time-holder {
	position: relative;
}
.webbuilder-side.dmb-side .ignore-styles .playlist-info-section .time-holder div input {
	padding-left: 0px;
}
.location-signage-search {
	position: relative;
}
.webbuilder-side.dmb-side .ignore-styles .playlist-info-section .location-signage-search input {
	padding-left: 25px;
}
.location-signage-search > span.glyphicon {
	position: absolute;
	color: #999;
	top: 8px;
	left: 6px;
}
.show-selected-days {
	display: inline !important;
	width: 100% !important;
	font-size: 11px;
	text-transform: uppercase;
}
.show-selected-days div {
	display: inline;
	color: #666;
}
.btn-group.daysofweek {
	margin-left: 10px;
}
.daysofweek > button {
	width: 65.9px;
	margin: 4px;
}
.daysofweek .active {
	color: #FFF;
	background-color: #666;
}

.daysofweek button:focus, .daysofweek button:hover {
	color: #FFF;
	background-color: #666;
}
#expired-content .daysofweek {
	min-width: 484px;
}
.ignore-styles .btn-group > .btn.active {
	z-index:0;
}
.playlist-info-head .total-records {
	position: absolute;
	top: 26px;
	right: -6px;
	font-size: 80%;
}
.playlist-info-head > div:first-child button {
	border: none;
	border-left: 1px solid #ddd;
	border-radius: 0px;
	margin-top: -5px;
	height: 30px;
}
.playlist-info-head > div:first-child button:first-of-type {
	margin-right: -10px;
}
.detailed-play-table {
	width: 98%;
}
.detailed-play-table > .play-head {
	border: 1px solid #ddd;
	background-color: #f2f2f2;
	text-transform: uppercase;
	font-size: 85%;
	color: #666;
	height: 21px;
}
.detailed-play-table > .play-head > div {
	display: inline-block;
	vertical-align: top;
	padding: 1px 4px;
	border-right: 1px solid #ddd;
	float: left;
}
.detailed-play-table > .play-head > div:last-child {
	border-right: none;
}
.new-dmb-widget > div {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-right: 10px;
}
.new-dmb-widget > div > span {
	position: absolute;
	right: 7px;
	bottom: 7px;
	color: #999;
}
.new-dmb-widget > button.btn {
	width: 200px;
}
.play-name {
	width: 37%;
}
.play-by {
	width: 10%;
}
.play-every {
	width: 10%;
}
.play-date {
	width: 17%;
}
.play-live {
	width: 4%;
}
.play-time-short {
	width: 6%;
}
.play-del {
	width: 5%;
}
.play-info {
	border-bottom: 1px solid #ddd;
	height: 45px;
}
.play-info > div {
	display: inline-block;
	vertical-align: top;
	float: left;
	border-right: 1px solid #ddd;
	padding: 12px 5px;
	height: 45px;
}
.play-info > div.pad-left-28 {
	padding-left: 28px;
}
.play-info > div:last-child {
	border-right: none;
}
.play-body {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	overflow: overlay;
	border-bottom: 1px solid #ddd;
}
.play-live > span {
	width: 12px;
	height: 12px;
	display: block;
	border-radius: 12px;
	margin-top: 2px;
}
.play-sub-body .playlist-node.expired-record {
	background-color: rgba(255,0,0,.2);
}
.play-name > div {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	margin-top: -2px;
}
.play-name > div span {
	display: block;
	width: 6px;
	background-color: #ccc;
	height: 6px;
	border-radius: 12px;
	margin-bottom: 3px;
}
.play-name > span {
	cursor: pointer;
}
.play-sub-head {
	text-transform: uppercase;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ddd;
	height: 18px;
}
.play-sub-head > div {
	display: inline-block;
	vertical-align: top;
	font-size: 80%;
	float: left;
	border-right: 1px solid #ddd;
	padding: 1px 4px;
}
.play-sub-head > div:last-child {
	border-right: 0px;
}
.play-sub-body .playlist-node {
	border-bottom: 1px solid #ddd;
	height: 23px;
	background-color: #fff;
	cursor: pointer;
}
.play-sub-body .playlist-node:hover {
	background-color: #eee;
}
.play-sub-body .playlist-node.expired-record:hover {
	background-color: rgba(255,0,0,.4);
}

.play-sub-body .playlist-node > div {
	display: inline-block;
	vertical-align: top;
	float: left;
	border-right: 1px solid #ddd;
	padding: 1px 4px;
	height: 23px;
}
.play-sub-body .playlist-node > div:last-child {
	border-right: none;
}
.dmb-widget-body {
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
.play-info .inline-table-btn {
	padding: 0px;
}
.inline-table-btn > button.btn {
	border-radius: 0px;
	width: 100%;
	height: 44px;
	border: none;
}
.dmb-widget-body > div {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
	position: relative;
}
.web-setting-body .dmb-widget-body > div input {
	width: 100%;
}
.edit-delete-dmb {
	text-align: right;
    font-size: 84%;
    padding: 5px 0px;
    color: #ddd;
}
.edit-delete-dmb > span {
	padding: 0px 5px;
}
.edit-delete-dmb > span:hover {
	cursor: pointer;
	color: #fff;
}
.edit-delete-dmb > span:first-child {
	border-right: 1px solid #ddd;
}
.webbuilder-side.dmb-side .input-editor-dmb > input {
	margin: 0px;
    width: 175px;
    display: inline-block;
    vertical-align: top;
}
.generic-dropdown .input-editor-dmb button {
	width: 55px;
	border-left: none;
}
.play-cont {
	width: 21%;
}
.play-body > div > .playlist-node {
	max-height: 1500px;
	overflow: hidden;
}
.play-body > div > .playlist-node.collapser {
	max-height: 45px;
}
.play-cont > div {
	display: inline-block;
	vertical-align: top;
	width: 10px;
	margin-top: 2px;
}
.play-cont > div  > span {
	width: 4px;
	height: 4px;
	border-radius: 10px;
	margin-bottom: 2px;
	display: block;
	background-color: #aaa;
}
.play-date-short {
	width: 15%;
}
.play-by-title {
	position: absolute;
	bottom: 9px;
	left: -5px;
	font-size: 80%;
}
.web-setting-nav .image-preview {
	margin: 10px auto;
	max-width: 95%;
}
.web-setting-nav .image-preview > iframe {
	width: 272px;
	margin-left: 0px;
}
.web-setting-nav .image-preview > img {
	max-width: 100%;
	max-height: initial;
	margin-left: 0px;
}
.modal-body .image-preview iframe {
	width: 100%;
	margin-left: 0px;
	height: 500px;
}
.modal-body .image-preview img {
	max-width: 100%;
	max-height: 100%;
}
.modal-body .image-preview {
	text-align: center;
}
.new-playlist:first-child {
	padding-top: 0px;
}
.new-playlist {
	border-bottom: 1px solid #ddd;
	padding: 15px;
	margin: 0px -19px;
}
.new-playlist:last-child {
	border-bottom: 0px;
	padding-bottom: 0px;
}
.new-playlist > div {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}
.new-playlist > div:first-child {
	margin-right: 1%;
}
.no-record-text {
	font-style: italic;
	padding: 6px 5px;
	color: #666;
	border-bottom: 1px solid #ddd;
}
.new-playlist input.form-control {
	border-radius: 0px;
}
.new-playlist button.btn.btn-default {
	border-radius: 0px;
}
.new-playlist .generic-dropdown ul {
	border-radius: 0px;
}
.new-playlist.area-playlist-section {
	padding: 0;
	margin: 15px;
}
.new-playlist.area-playlist-section .area-playlist-header {
	width: 98.5%;
	display: block;
	background-color: #f7f7f7;
	border: 1px solid #ccc;
}
.new-playlist.area-playlist-section .area-playlist-header > div {
	display: inline-block;
	width: 32%;
	text-align: center;
	text-transform: uppercase;
	border-right: 1px solid #ccc;
	font-size: 12px;
}
.new-playlist.area-playlist-section .area-playlist-header div:last-child {
	border-right: none;
}
.new-playlist.area-playlist-section ul.area-playlist-body {
	width: 100%;
	padding-left: 0;
	margin-bottom: 0;
	max-height: 200px;
	overflow-y: scroll;
	border-left: 1px solid #ccc;
}
.new-playlist.area-playlist-section ul.area-playlist-body > li {
	display: block;
	text-decoration: none;
	width: 100%;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 6px 0;
}
.new-playlist.area-playlist-section ul.area-playlist-body > li:nth-child(even) {
	background-color: #f1f1f1;
}
.new-playlist.area-playlist-section ul.area-playlist-body > li div {
	display: inline-block;
	width: 32%;
	text-align: center;
}
.new-playlist.area-playlist-section ul.area-playlist-body .dropdown-menu {
	position: fixed;
	left: auto;
	top: auto;
	width: 167px;
	margin-top: 31px;
}
.new-playlist.area-playlist-section ul.area-playlist-body input {
	width: 64px;
	height: 32px;
	position: relative;
	vertical-align: middle;
}
.new-playlist.area-playlist-section ul.area-playlist-body > li .pause-time-list {
	width: 70px;
}
.new-playlist.area-playlist-section ul.area-playlist-body > li .pause-time-list .dropdown-menu {
	min-width: 70px;
	width: 70px;
}
.new-playlist.area-playlist-section span.pull-right label {
	margin-right: 36px;
}
.new-playlist.area-playlist-section span.pull-right label:last-child{
	margin-right: 25px;
}
.publish-warning {
	border: 1px solid #ddd;
	padding: 5px 10px;
	margin: 10px;
}
.publish-warning > span {
	background-color: #dd584c;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	display: inline-block;
	margin-right: 10px;
}
#content-selector .modal-body {
	background-color: #eee;
	border-radius: 0px 0px 4px 4px;
}
#content-selector .content-box {
	display: inline-block;
	vertical-align: top;
	width: 269px;
	cursor: pointer;
	float: left;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}
#content-selector .content-box > div {
	border-bottom: 1px solid #ddd;
	text-align: center;
	color: #666;
	padding: 5px;
}
#content-selector .content-box img {
	width: 100%;
}
#content-selector .content-box img:first-of-type {
	display: block;
}
#content-selector .content-box img:last-child {
	display: none;
}
#content-selector .content-box:hover img:first-of-type {
	display: none;
}
#content-selector .content-box:hover img:last-child {
	display: block;
}
#expired-content .playlist-info-section {
	border-top: none;
}
.web-setting-body .time-holder {
	display: inline-block;
	width: 200px;
}
.web-setting-body .time-holder input.form-control {
	border-radius: 0px;
	width: 100%;
}
.web-setting-body .time-holder button {
	width: 100%;
}
.playlist-body > div > div.alert-info {
	margin: 10px;
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #31708f;
	height: auto;
	cursor: auto;
}
.play-bg:last-child .playlist-body > div > div.alert-info {
	margin-bottom: -44px;
}
.web-settings-left.dmb-settings-left {
	background-color: #e2e2e2;
}
.web-settings-left.dmb-settings-left .web-setting-nav {
	text-align: center;
}
.web-settings-left.dmb-settings-left .web-setting-nav div {
	border: 1px solid #ddd;
	height: auto;
	background-color: #fff;
	margin: 10px;
	padding: 5px;
	min-height: 164px;
}
.new-playlist button.btn-default:focus, .playlist-info-section button.btn-default:focus {
	background-color: #fff;
	color: #000;
}
.new-playlist button.btn-default:focus.active, .playlist-info-section button.btn-default:focus.active {
	background-color: #666;
	color: #fff;
}
.playlist-body > div > div > div.playing-item {
	background-color:#CEE5FE;
}
.player-preview .box-layout > div  {
	border: none;
	cursor: auto;
	background-size: 100% 100%;
}
.player-preview .box-layout > div.playing {
	background-color: transparent;
}
.player-preview .box-layout p {
	cursor: pointer;
	position: absolute;
	z-index: 100;
}
.fullscreenOverlay {
	position: absolute;
	top: 0px;
	z-index: 101;
	background-size: cover;
}
.player-preview .box-layout p em {
	font-style: normal;
	display: block;
	background-color: #fff;
	border: 1px solid #ddd;
	margin: -1px -11px;
	border-radius: 6px;
	padding: 0px 10px;
	position: relative;
	z-index: 1;
}
.player-preview .box-layout p span {
	position: absolute;
	right: -22px;
	top: 3px;
}
.player-preview .box-layout p .tooltip {
	width: 100px;
}
.player-preview .box-layout p span:hover {
	color: #4d4d4d;
}
.player-preview .box-layout p span:last-of-type {
	right: -43px;
}
.player-preview .box-layout p span.area-highlight {
	display: none;
	background-color: rgba(255, 0, 0, 0.2);
	right: initial;
	top: -5px;
	left: -4px;
}
.player-preview .box-layout p:hover {
	z-index: 101;
}
.player-preview .box-layout p em:hover {
	z-index: 2;
}
.player-preview .box-layout em:hover + span.area-highlight {
	display: block;
}
.web-head > div.now-playing {
	float: none;
	display: inline-block;
  	vertical-align: top;
	width: 350px;
	border-right: 1px solid #ddd;
	height: 55px;
	padding-left: 15px;
	padding-top: 17px;
}
#mega-view {
	padding: 50px;
	background-image: url('../images/textures/cardboard_flat.png');
	overflow: scroll;
}
#mega-view > div {
	position: relative;
}
#mega-view > .zoom-controls {
	position: fixed;
	top: 68px;
	right: 52px;
	z-index: 100;
}
.zoom-controls > div:not(.tooltip) {
	width: 120px;
	display: inline-block;
	vertical-align: middle;
}
.zoom-controls > div.tooltip {
	width: 120px;
}
.zoom-controls button {
	height: 22px;
	padding: 0px 10px;
	border-radius: 7px;
	border-color: #aaa;
}
.zoom-controls button .glyphicon {
	font-size: 80%;
}

.player-table {
	border: 1px solid #ddd;
  	border-radius: 2px;
  	background-color: #fff;
  	margin: 0px 15px;
}
.player-head {
	border-bottom: 1px solid #ddd;
  	background-color: #f7f7f7;
  	text-transform: uppercase;
  	font-size: 85%;
  	color: #666;
  	height: 20px;
}
.player-head > div {
	float: left;
	border-right: 1px solid #ddd;
	display: inline-block;
	vertical-align: top;
	padding: 1px 5px;
	height: 20px;
}
.player-head > div:last-child {
	border-right: none;
}
.layout-selected{
	position: relative;
	border: none !important;
}
.layout-selected > .layout-overlay > .glyphicon.glyphicon-ok{
	color: #fff !important;
    background-color: #5cb85c !important;
    border-radius: 29px !important;
    font-size: 34px !important;
    padding: 11px !important;
    position: absolute;
    top: 33%;
    left: 38%;
}
.layout-overlay{
	display: inline-block;
    width: 277px;
    height: 146px;
    top: 0;
    position: absolute;
    left: 0;
    border: 4px solid #5cb85c;
    padding: 4px;
    margin-bottom: 4px;
    background-color: rgba(221, 221, 221, 0.7);
}
.layout-image{
	height: 102px;
}
.layout-name{
	width: 132px !important;
    position: absolute !important;
    top: 123px !important;
    left: 21px !important;
    background-color: transparent !important;
}
.layout-name > b{
	font-size: 16px;
}
.area-name{
	width: 196px;
    margin-left: 10px;
}
.font-selected{
	background-color: #a6a6a6;
	color: #fff;
}
.player-table.small-table .player-body > div {
	overflow: visible;
	max-height: none;
}
.player-table.small-table .player-body > div label > i {
    text-transform: none;
    opacity: 0.7;
}
.player-table.small-table .player-body .player-top .btn-group {
	margin-top: -10px;
    margin-left: -5px;
    width: 133px;
    height: 39px;
}
.player-table.small-table .player-body .player-top .btn-group button {
    height: 39px;
    padding: 0px 4px;
    border: none;
}
.player-body > div {
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	max-height: 40px;
}
.player-body > div.signage-notification {
	text-align: center;
    font-style: italic;
    padding: 15px;
    max-height: none;
}
.player-body > div.expand {
	max-height: 1000px;
}
.player-body .player-top {
	border-bottom: 1px solid #ddd;
	height: 40px;
	background-color: #fff;
}
.player-body .player-top:hover {
	cursor: pointer;
	background-color: #eee;
}
.player-body .player-top > div {
	border-right: 1px solid #ddd;
	height: 39px;
	float: left;
	display: inline-block;
	vertical-align: top;
	padding: 10px 5px;
}
.player-body .player-top > div.no-pad {
	padding: 0px;
}
.player-body .player-top > div:last-child {
	border-right: none;
}
.player-body .player-top.grey-bg {
	background-color: #eee;
}
.player-body .player-bottom .player-sub-head {
	border-bottom: 1px solid #ddd;
	background-color: #f7f7f7;
  	text-transform: uppercase;
  	font-size: 85%;
  	color: #666;
  	height: 20px;
}
.player-body .player-bottom .player-sub-head > div {
	float: left;
	border-right: 1px solid #ddd;
	display: inline-block;
	vertical-align: top;
	padding: 1px 5px;
	height: 19px;
}
.player-body .player-bottom .player-sub-head > div:last-child {
	border-right: none;
}
.player-body .player-sub-body > div {
	border-bottom: 1px solid #ddd;
	height: 39px;
}
.player-body .player-sub-body > div:last-child {
	border-bottom: none;
}
.player-body .player-sub-body > div > div {
	border-right: 1px solid #ddd;
	height: 39px;
	float: left;
	display: inline-block;
	vertical-align: top;
	padding: 10px 5px;
}
.player-body .player-sub-body > div > div.no-pad {
	padding: 0px;
}
.player-body .player-sub-body > div > div > button.btn {
	width: 100%;
	border: none;
	border-radius: 0px;
	height: 38px;
}
.player-body .player-sub-body > div > div:last-child {
	border-right: none;
}
.player-top > div > span.status {
	width: 10px;
	height: 10px;
	display: block;
	border-radius: 5px;
}
.player-top > div > span {
	font-size: 150%;
}
.player-body .player-top > div > button.btn {
	width: 100%;
	border: none;
	border-radius: 0px;
	height: 39px;
}
.col-100 {width: 100%;}
.col-75 {width: 75%;}
.col-70 {width: 70%;}
.col-64 {width: 64%;}
.col-57 {width: 57%;}
.col-54 {width: 54%;}
.col-53 {width: 53%;}
.col-52 {width: 52%;}
.col-50 {width: 50%;}
.col-49 {width: 49%;}
.col-48 {width: 48%;}
.col-47 {width: 47%;}
.col-46 {width: 46%;}
.col-44 {width: 44%;}
.col-43 {width: 43%;}
.col-42 {width: 42%;}
.col-40 {width: 40%;}
.col-39 {width: 39%;}
.col-38 {width: 38%;}
.col-37 {width: 37%;}
.col-33 {width: 33%;}
.col-32 {width: 32%;}
.col-31 {width: 31%;}
.col-30 {width: 30%;}
.col-29 {width: 29%;}
.col-28 {width: 28%;}
.col-27 {width: 27%;}
.col-26 {width: 26%;}
.col-25 {width: 25%;}
.col-24 {width: 24%;}
.col-23 {width: 23%;}
.col-22 {width: 22%;}
.col-21 {width: 21%;}
.col-20 {width: 20%;}
.col-19 {width: 19%;}
.col-18 {width: 18%;}
.col-17 {width: 17%;}
.col-16 {width: 16%;}
.col-15 {width: 15%;}
.col-14 {width: 14%;}
.col-12 {width: 12%;}
.col-11 {width: 11%;}
.col-10 {width: 10%;}
.col-9 {width: 9%;}
.col-8 {width: 8%;}
.col-7 {width: 7%;}
.col-6 {width: 6%;}
.col-5 {width: 5%;}
.col-4 {width: 4%;}
.col-3 {width: 3%;}

.player-filters {
	margin: 0px 15px 15px;
}
.player-filters > div {
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	width: 270px;
}
.player-filters > div:last-child {
	margin-right: 0px;
}
.box-row > button.btn {
	border-radius: 0px;
	font-size: 81%;
	text-transform: uppercase;
	padding: 15px 20px;
	float: left;
	border-right: 0px;
	width: 99.5px;
	white-space: pre-line;
}
.client.box-row > button.btn {
	width: 50%;
}
.admin.box-row > button.btn {
	width: 119.6px;
}
.staff.box-row > button.btn {
	width: 99.5px;
}
.box-row {
	margin: -21px -20px 61px;
}
.action-section {
	border-top: 1px solid #ddd;
	margin: 25px -20px 0px;
	padding: 20px 20px 0px;
}

.action-section.client {
	border-top: none;
}
.action-section > div {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 1%;
	position: relative;
}
#action-popup .delete-box {
	margin-left: 9px !important;
}

.right-floater {
	position: absolute;
	right: 7px;
	top: 27px;
	color: #666;
}
.action-section .dropdown-menu input {
	margin: 3%;
	width: 94%;
}
.player-table.small-table {
	width: 100%;
	margin: 0px;
}
.player-top > div > span.glyphicon {
  font-size: 100%;
}
.add-notify-btn {
	height: 40px;
	padding: 6px 25px;
}
.add-notify-btn.taller {
	height: 70px;
	overflow: visible;
}
.add-notify-btn > div:first-child {
	cursor: pointer;
	border: 2px dashed #ddd;
  	padding: 2px;
  	text-align: center;
}
.add-notify-btn > div:first-child:hover {
	background-color: #eee;
}
.player-table.general-players .player-body {
	background-color: #eee;
	overflow: overlay;
	max-height: 500px;
}
.player-table.general-players .player-bottom {
	margin: 10px 25px;
	background-color: #fff;
	border: 1px solid #ddd;
}
.action-section.request-message {
	padding: 0px;
	margin-bottom: -25px;
}
.action-section.request-message p {
	text-transform: uppercase;
	text-align: center;
	background-color: #eee;
	margin: 0px;
	padding: 10px;
	font-style: italic;
}
.action-section.request-message div {
	width: 100%;
}
.action-section.request-message button.btn {
	border-bottom: none;
	border-right: none;
	border-left: none;
	border-radius: 0px;
	width: 299px;
}
.action-section.request-message button.btn:last-child {
	float: left;
	border-right: 1px solid #ddd;
}
.users-table-body .status {
	width: 10px;
	height: 10px;
	display: block;
	border-radius: 5px;
}

.switch-class {
	border: 1px solid #ddd;
	border-radius: 9px;
	font-size: 9pt;
	width: 65px;
	padding: 1px 6px;
	background-color: #eee;
	color: #666;
	position: relative;
	cursor: pointer;
	height: 21px;
}
.switch-class.noti-on {
	background-color: #5cb85c;
	color: #fff;
}
.switch-class > div {
	background-color: #fff;
	height: 17px;
	width: 29px;
	position: absolute;
	border: 1px solid #ddd;
	border-radius: 7px;
	left: 2px;
}
.switch-class > div.noti-on {
	left: 33px;
}
.grey-out-cover {
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 2000px;
	position: absolute;
	top: 135px;
	left: 0px;
	border-radius: 0px 0px 5px 5px;
	z-index: 1;
}

#action-popup .dropdown-menu .btn {
	width: 60%;
}
#action-popup .dropdown-menu .generic-dropdown {
	max-height: 217px;
}
#action-popup .dropdown-menu .btn .loading-elem {
	border: 1.1em solid rgba(255,255,255,.2)!important;
	border-top: 1.1em solid rgba(255,255,255,.8)!important;
	height: 20px;
	width: 20px;
}
#action-popup .modal-footer .btn {
	border: 1px solid #666;
	border-radius: 0px;
	margin-right: 0px;
	margin-top: 6px;
	height: 34px;
	margin-bottom: 13px;
}

#action-popup .modal-footer .btn:nth-child(2) {
	margin-right: 10px !important;
}

.size-and-layouts > div {
	width: 150px;
}

.image-and-name {
	text-align: center;
}
.image-and-name input {
	border-radius: 0px;
	width: 80%;
	margin: 0 auto;
}
.image-and-name > div {
	cursor: pointer;
	background-color: #fff;
	margin-bottom: 10px;
	color: #999;
	text-transform: uppercase;
	height: 200px;
	font-size: 150%;
}
.image-and-name > div img {
	max-width: 100%;
	max-height: 100%;
}
.image-and-name > div span {
	padding-top: 80px;
	display: block;
}

.big-slide {
	display: block;
	position: fixed;
	top: -1400px;
	left: 0px;
	background-color: #4d4d4d;
}
.big-slide.in-view {
	top: 0px;
}
.image-editor .close-editor {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 30px;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 17px;
	padding: 1px 5px;
	line-height: 24px;
	cursor: pointer;
}
.image-editor .close-editor:hover {
	background-color: #fff;
	color: #4d4d4d;
}
.image-editor .image-space {
	background-color: #fff;
	position: relative;
	left: 50%;
	margin: 44px 0px 44px -20%;
}
.image-space .element-options {
	position: absolute;
	top: 20px;
	left: -55px;
}
.image-space .element-options div > span {
	font-size: 25px;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 26px;
	padding: 6px 11px 5px;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 10px;
}
.image-space .element-options div > .add-tip {
	color: #4d4d4d;
	background-color: #fff;
	border: 2px solid #fff;
	text-transform: uppercase;
	padding: 5px;
	text-align: center;
	width: 120px;
	margin-left: 5px;
	vertical-align: super;
	display: none;
}
.image-space .element-options div:hover > .add-tip {
	display: inline-block;
}
.image-space .element-options div.floating-start-tip {
	position: absolute;
	color: #31708f;
	background-color: #d9edf7;
	border: 2px solid #31708f;
	top: 0px;
	width: 152px;
	text-align: center;
	padding: 3px 0px;
	left: 75px;
	z-index: 10;
}
.image-space .element-options div.floating-start-tip:before, .image-space .element-options div.floating-start-tip:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.image-space .element-options div.floating-start-tip:before {
	border-color: rgba(49, 112, 143, 0);
	border-right-color: #31708f;
	border-width: 14px;
	margin-top: -14px;
}
.image-space .element-options div.floating-start-tip:after {
	border-color: rgba(217, 237, 247, 0);
	border-right-color: #d9edf7;
	border-width: 11px;
	margin-top: -11px;
}
.image-space .element-options > div:not(.floating-start-tip):hover {
	cursor: pointer;
	margin-left: -130px;
}
.image-space .element-options div:last-child > span {
	font-size: 20px;
	padding: 5px 12px 11px 12px;
}
.image-space .element-options div:last-child > .add-tip {
	vertical-align: middle;
}
.image-space .element-options div:hover > span {
	background-color: #fff;
	color: #4d4d4d;
}
.image-space .editor-content {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}
.image-space .editor-content > div {
	position: absolute;
}
.image-space .editor-content > div.hovering {
	opacity: 0.7;
}
.image-space .editor-content > div:hover {
	cursor: move;
	opacity: 0.7;
}
.image-space .editor-content img {
	width: 100%;
}
.image-space .editor-content sup {
	font-size: 60%;
	top: -0.6em;
}
.image-editor .left-panel {
	background-color: #666;
	width: 250px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.image-editor .left-panel div.sort-blocks {
	position: absolute;
	left: 0px;
	width: 30px;
}
.image-editor .left-panel div.sort-blocks > div {
	background-color: transparent;
	width: 4px;
	height: 4px;
	margin-bottom: 4px;
	margin-left: 10px;
}
.image-editor .left-panel div.web-edit-title:hover div.sort-blocks > div {
	background-color: #ddd;
}
.image-editor .left-panel > h4 {
	text-align: center;
	color: #fff;
	padding: 20px 0px;
	border-bottom: 10px solid #555;
	margin-bottom: 0px;
}
.image-editor .left-panel .web-info-section .web-edit-title {
	color: #fff;
}
.image-editor .left-panel .web-info-section .web-edit-title.locked-text {
	color: #aaa;
}
.image-editor .left-panel .web-info-section .web-edit-title:hover {
	background-color: #888;
}
.image-editor .left-panel .web-info-section label.control-label {
	color: #fff;
}
.image-editor .left-panel a {
	display: block;
	text-align: center;
	color: #ccc;
	font-size: 85%;
	padding: 5px;
	text-decoration: underline;
	cursor: pointer;
}
.image-editor .left-panel input {
	margin: 0px 10px;
	width: 230px;
}
.image-editor .left-panel > div::-webkit-scrollbar { 
    display: none; 
}
.image-editor .left-panel > div {
	overflow: auto;
	padding-bottom: 50px;
	height: 94%;
}
.image-editor .left-panel .ui-widget input {
	border-radius: 0px;
	margin-left: -12px;
}
.image-editor .left-panel .generic-dropdown a {
	text-decoration: none;
}
.image-editor .left-panel > div.alert {
	height: auto;
	padding: 10px;
	margin: 10px;
	text-align: center;
}
.image-editor .left-panel .switch-class {
	display: inline-block;
	vertical-align: bottom;
	float: right;
	margin-right: 10px;
}
.image-editor .close-editor:first-child {
	font-size: 100%;
	right: 55px;
}
.image-editor .left-panel .web-info-section .divbutton {
	color: #fff;
}
.web-edit-title span.element-name {
	font-size: 100%;
	margin-right: 2px;
	max-width: 160px;
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.web-edit-title span.glyphicon {
	font-size: 100%;
}
#generate-layout .trigger-locations {
	margin: 0px -20px -36px;
}
#generate-layout .map-canvas-large {
	border-radius: 0px;
	margin: -20px -20px 0px;
}
.dmb-campaigns button.btn.square-lg {
	margin-top: 1px;
	height: 34px;
}
.dmb-campaigns .generic-dropdown {
	width: 77%;
}
.campaign-overflow-box {
	overflow: auto;
	max-height: 350px;
	margin-top: 15px;
}
.campaign-block {
	display: inline-block;
	width: 245px;
	margin: 15px;
	position: relative;
}
.campaign-block > div:first-of-type {
	background-size: cover;
	background-position: 50%;
	height: 185px;
	border: 1px solid #aaa;
}
.campaign-block > div:first-of-type:hover .choose-btn {
	display: block;
}
.campaign-block > div:first-of-type:hover .view-larger-btn {
	display: block;
}
.campaign-block .view-larger-btn {
	background-color: #fff;
	text-transform: uppercase;
	font-size: 80%;
	text-align: center;
	width: 100px;
	margin: -30px auto 0;
	padding: 4px 0px;
	display: none;
	cursor: pointer;
}
.campaign-block .view-larger-btn:hover {
	background-color: rgba(255, 255, 255, 0.9);
}
.modal-dialog.half-fade {
	opacity: 0.5;
}
.campaign-block .choose-btn {
	background-color: #fff;
	border: 4px solid #fff;
	cursor: pointer;
	font-size: 115%;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	width: 146px;
	margin: 56px auto;
	padding: 6px 0px;
	display: none;
}
.campaign-block .choose-btn:hover {
	background-color: rgba(255, 255, 255, 0.6);
}
.campaign-block > div:last-child {
	border: 1px solid #aaa;
	border-top: none;
	padding: 2px 6px;
	background-color: #fff;
	color: #666;
}
.campaign-block > div:last-child > span {
	font-size: 80%;
	padding: 0px 5px;
	margin-top: 2px;
}
.campaign-block > div:last-child > span:last-child {
	border-right: 1px solid #aaa;
}
.campaign-block > div:last-child > span:hover {
	color: #999;
}
.recommend-float {
	position: absolute;
	text-transform: uppercase;
	font-size: 85%;
	top: -15px;
	color: #666;
	left: 75px;
}
.floating-check {
	position: absolute;
	top: -10px;
	right: -10px;
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 15px;
	padding: 2px 5px;
}
/* Styles for Campaign integration with Signage app */
.playlist-info-head > div > div.signage-campaign-tagline {
	padding: 8px 0px;
    border: none;
    width: 100%;
    margin-left: 0px;
    border-radius: 0px;
    height: 45px;
    font-size: 14px;
    color: #697882;
    background-color: transparent;
    text-transform: none;
    cursor: auto;
}
.playlist-info-head > div > div.signage-campaign-tagline > div {
	background-color: #f5f8fd;
    border: none;
    border-left: 4px solid #5b9bd1;
    border-radius: 0px;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 30px;
    text-align: left;
    padding: 5px 10px;
}
.signage-campaign-tagline > div > div {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.signage-campaign-tagline > div > div span {
    color: #5b9bd1;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}

/*
	Location Players
*/

.location-player-controls {
	width: 97%;
	margin: 0 auto;
}

.location-player-controls button {
	vertical-align: bottom;
}

.location-player-controls button .caret{
	position: absolute;
	right: 5px;
}
.location-player-controls .new-project {
	color: #fff;
    text-transform: uppercase;
    background-color: #59CB59;
    font-weight: bold;
    text-align: center;
    padding: 8px;
    font-size: 14px;
    cursor: pointer;
    width: 169px;
    height: 40px;
}

.link-dropdowns {
	display: inline;
	margin-left: 10px;
}

.link-dropdowns .generic-dropdown {
	position: relative;
}

.link-dropdowns .generic-dropdown p {
	position: absolute;
	top: -13px;
	left: 0px;
	text-transform: uppercase;
	font-size: 10px;
}

.link-dropdowns .to {
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.link-dropdowns .dropdown-toggle {
	width: 275px;
	height: 40px;
}

.link-dropdowns .dropdown-menu {
	border-radius: 0;
}

.link-dropdowns .dropdown-menu a {
	position: relative;
}

.link-dropdowns button:last-child {
	width: 88px;
	height: 40px;
	margin-top: 8px;
}

.link-dropdowns .generic-dropdown ul li span a {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.link-dropdowns .dropdown-menu > li > span > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.428571429;
	color: #333;
	white-space: nowrap;
}

.player-search {
	position: relative;
	border: 1px solid #ccc;
	height: 40px;
	overflow: hidden;
	margin-top: 8px;
}

.player-search ::-webkit-input-placeholder { font-style: italic; }
.player-search ::-moz-placeholder { font-style: italic; } /* firefox 19+ */
.player-search :-ms-input-placeholder { font-style: italic; } /* ie */
.player-search input:-moz-placeholder { font-style: italic; }

.player-search .glyphicon-search {
	position: absolute;
	top: 11px;
	left: 3px;
	color: #697882;
}

.player-search .remove {
	position: absolute;
	top: 9px;
	right: 6px;
	color: #697882;
}

.player-search input {
	display: inline;
	border: none;
	padding-left: 27px;
	width: 92%;
	margin-top: 1px;
}

.player-search input:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.location-player .location-table {
	width: 1115px;
	height: auto;
	margin: 0 auto;
}

.location-player .location-head {
	width: 100%;
	background-color: #f7f7f7;
	border:1px solid #ccc;
	padding: 0 30px;
}

.location-player .location-head > div {
	text-transform: uppercase;
	display: inline-block;
	border-right: 1px solid #ccc;
	font-size: 12px;
}

.location-player .location-head > div:last-child {
	border-right: none;
}

.location-player .location-body {
	background-color: #ddd;
	padding: 15px;
}

.location-player .player-node {
	background-color: #fff;
	margin: 10px 0;
	padding: 5px;
	border: 1px solid #ccc;
	border-left: 3px solid #4e5a65;
	z-index: 1;
	position: relative;
}

.location-player .player-node:hover {
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,.2);
}

.location-player .box-node {
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 10px 7px;
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,.08);
	position: relative;
	z-index: 2;
}

.location-player .box-node > div {
	display: inline-block;
	vertical-align: middle;
	height: 52px;
	border-right: 1px solid #ccc;
	padding: 17px 7px;
	position: relative;
}

.location-player .box-node .no-pad {
	padding: 0 !important;
}

.location-player .box-node .last-check {
	text-align: center;
	font-size: 11px;
	white-space: nowrap;
}

.location-player .box-node > div:last-child {
	border-right: none;
}
.location-player .status-icon {
	display: block !important;
}

.location-player .box-button {
	padding: 9px 0 !important;
	margin-left: auto;
	margin-right: auto;
}

.location-player .box-button > button {
	margin-left: 2px;
}

.location-player .box-button.preview > button {
	margin: 0 auto;
	width: 50px;
}

.location-player .box-button.options > button {
	width: 84px;
}

.location-player .box-button.manage > button {
	width: 132px;
	padding: 6px;
}


.location-player .box-button.manage > button .fa {
	margin-left: 5px;
}

.location-player .child-node {
	position: relative;
}

.repeat-container {
	position: relative;
}

.location-player .link-arrow {
	border-left: 3px solid #4e5a65;
	border-bottom: 3px solid #4e5a65;
	height: 60px;
	width: 40px;
	position: absolute;
	left: 12px;
	top: -28px;
	z-index: 1;
}

.location-player .link-icon {
	background-color: #4e5a65;
	border-radius: 50%;
	position: absolute;
	left: 2px;
	top: 15px;
	height: 26px;
	width: 26px;
	z-index: 2;
}
.location-player .link-icon.future-link {
	background-color: #5b9bd1;
}

.location-player .link-icon i.fa-link {
	font-size: 15px;
	color: #fff;
	margin-top: 6px;
	margin-left: 5.5px;
}

.location-player .single-node .box-node.linked {
	width: calc(100% - 45px);
	-ms-transform: translateX(33px);
	-webkit-transform: translateX(33px);
	transform: translateX(33px);
	margin-left: 0 !important;
}

.location-player .box-node.linked {
	width: calc(100% - 40px);
	-ms-transform: translateX(33px);
	-webkit-transform: translateX(33px);
	transform: translateX(33px);
	margin-left: 0 !important;
}

.location-player .single-node .box-node.linked .id {
	width: 64px;
}

.location-player .box-node.linked .id {
	width: 60px;
}

.location-player .box-node.linked .online-offline{
	width: 53px;
}

.location-player .box-node.linked .player-name {
	width: 295px;
}

.location-player .box-node.linked .status {
	width: 53px;
}

.location-player .box-node.linked .resolution {
	width: 85px;
}

.location-player .box-node.linked .last-check {
	width: 148px;
}

.location-player .box-node.linked .preview {
	width: 73px;
}

.location-player .single-node {
	background-color: rgba(0,0,0,0);
	padding: 0;
	border: none;
}

.location-player .single-node:hover {
	box-shadow: none;
}

.location-player .single-node .box-node {
	margin: 10px 12px;
	border-left: 3px solid #4e5a65;
	border-bottom: 1px;
	width: calc(100% - 24px);
}

.location-player .single-node .box-node:hover {
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,.2);
}

.location-player .tooltip, .link-dropdowns .dropdown-menu .tooltip, #primary-box .tooltip, #secondary-box .tooltip {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	width: 100%;
}

.location-player .player-name, .location-player .resolution, .location-player .last-check {
	font-size: 12px;
	padding: 19px 7px;
}
.no-border {
	border: none !important;
}

.location-player .ellipsis {
	text-overflow: ellipsis;
}

#box-preview .fallback {
	height: 157px;
	width: 353px;
	margin: 0 auto;
	border: 1px solid #ddd;
	position: relative;
}

#box-preview .fallback .loading-elem {
	position: absolute;
	top: 62px;
	left: 161px;
}

#box-preview .content {
	width: 353px;
	margin: 0 auto;
}

#box-preview .content iframe {
	border: 1px solid #ddd;
}
.record-description {
	margin: 10px;
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
    height: auto;
    cursor: auto;
    padding: 15px;
    width: 466px !important;
    margin-left: 15px !important;
}
.link-dropdowns.left-26 {
	margin-left: 26px;
}
.location-player .box-node.linked .brand-player-name {
	width: 242px;
}
.location-player .box-node.linked .brand-company-name {
	width: 222px;
}
#link-schedule .modal-content .modal-footer, #link-location-schedule .modal-content .modal-footer, #link-location-details .modal-content .modal-footer, #link-details .modal-content .modal-footer {
    padding: 8px 20px 8px;
}
#link-schedule, #link-location-schedule, #link-location-details, #link-details {
	color: #697882;
}
.modal-body-title {
	font-weight: bold;
	margin-bottom: 6px;
}
.box-linking-list.disabled {
	opacity: 0.6;
}
.box-linking-list.disabled a:hover {
	text-decoration: none;
	cursor: default;
}
.box-linked-to-brand {
	font-style: italic;
    max-width: 138px;
    display: block;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
.location-player .link-arrow.future-link {
    border-left: 3px solid #5b9bd1;
    border-bottom: 3px solid #5b9bd1;
}
.location-player .single-node .box-node.future-link {
	border-left-color: #5b9bd1;
}
.basic-link.red-link {
	color: rgba(221, 88, 76, 0.6);
}
.basic-link.red-link:hover {
	color: rgba(221, 88, 76, 1);
}
.brand-tag-brand-player {
	color: #fff;
    background-color: #ef3c0c;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px;
    border-radius: 4px;
    padding: 1px 2px;
    margin-right: 2px;
    vertical-align: middle;
}
.box-link-search-bar input.form-control {
	border: none;
    margin-top: -5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #697882;
}
.boxes-no-search-match {
    font-style: italic;
    padding: 5px 10px;
    text-align: center;
    font-size: 13px;
}

.dmb-title.fixed-style {
	position: fixed;
	width: 500px;
	z-index: 1;
}

.webbuilder-side {
    position: fixed;
}
#webwidg-editor {
    clear: both;
}
/*############-- App Styles - Labatt --############*/

#unoapp_labatt {
	
}

/* Labatt Stuff */
.labatt-box {
	border: 1px solid #ddd;
	padding: 10px;
	height: 200px;
}
.sync-box {
	height: 95px;
}
.sync-box > button {
	border-radius: 0px;
	width: 100%;
	height: 68px;
	font-size: 150%;
}
.sync-box > span {
	display: block;
	border: 1px solid #ddd;
	padding: 3px;
	text-align: center;
}
.sync-stat {
	width: 48%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-top: 10px;
	height: 95px;
}
.sync-stat > div {
	border: 1px solid #ddd;
	margin-bottom: 2px;
	height: 70px;
	font-size: 250%;
	padding-top: 8px;
}
.sync-stat:last-child {
	margin-left: 2%;
}
.labatt-box .progress {
	border-radius: 0px;
	height: 50px;
	position: relative;
}
.labatt-box .progress .progress-bar {
	overflow: hidden;
	position: relative;

}
.labatt-box .progress > span {
	position: absolute;
	color: #4d4d4d;
	left: 7px;
	font-size: 18pt;
	top: 7px;
	z-index: 0;
}
.labatt-box .progress-bar > span {
	position: absolute;
	color: #fff;
	left: 6px;
	font-size: 18pt;
	top: 14px;
	z-index: 1;
}
.table-sync {
	width: 30%;
}
.table-sync-loc {
	width: 31%;
}
.table-rep {
	width: 18%;
}
.users-table-body .table-online > span {
	width: 10px;
	height: 10px;
	margin: 0 auto;
	border-radius: 10px;
	display: block;
}
.lab-rep-dash > div {
	width: 23.95%;
	margin-left: 1%;
	display: inline-block;
	vertical-align: top;
	height: 114px;
}
.lab-rep-dash .users-top {
	margin: 0px;
}
.lab-rep-dash .users-top p {
	text-transform: uppercase;
	font-size: 115%;
	margin-top: 12px;
	margin-right: 10px;
}
.lab-rep-dash > div:first-child {
	margin-left: 0px;
}
.lab-rep-dash > div:last-child {
	width: 100%;
	margin-left: 0px;
	height: auto;
}
.lab-rep-dash .users-table {
	margin: 0px;
}
.labatt-rep-box {
	color: #fff;
	text-align: center;
	height: 114px;
}
.labatt-rep-box > h4 {
	margin-top: 0px;
	padding-top: 5px;
	font-size: 100%;
	margin-bottom: -5px;
	position: relative;
}
.labatt-rep-box > h4 > span {
	position: absolute;
	top: 5px;
	right: 3px;
	cursor: pointer;
	opacity: 0.5;
}
.labatt-rep-box > p {
	text-align: right;
	margin-bottom: 0px;
	cursor: pointer;
	padding-right: 5px;
}
.labatt-rep-box > span {
	font-size: 450%;
	line-height: 1.2;
	height: 75px;
	display: block;
}
.labatt-rep-box > span.lab-rep-detes {
	font-size: 100%;
	padding: 14px 1px 0px;
}
.lab-rep-dash .sort-boxes {
	background-color: rgba(255, 255, 255, 0.2);
	cursor: pointer;
	padding: 2px 6px;
	text-align: left;
}
.lab-rep-dash .sort-boxes > span {
	opacity: 0.8;
}
.labatt-nav .category-nav ul li.active {
	background-color: #fff;
}
.labatt-nav .category-nav ul li {
	padding: 15px 0px;
	cursor: pointer;
	width: 33%;
}
.labatt-nav > .users-table {
	border: 1px solid #ddd;
	margin: 0px;
}
.users-table-body > div.rep-sub-holder {
	overflow: hidden;
	height: 50px;
}
.users-table-body > div.rep-sub-holder.expanded {
	height: auto;
}
.users-table-body > div > div.rep-bottom {
	padding: 15px;
	display: block;
	float: none;
	background-color: #e2e2e2;
	height: auto;
}
.users-table-body > div > div.rep-bottom .sub-rep-top {
	border: 1px solid #ddd;
	height: 25px;
	background-color: #fff;
}
.users-table-body > div > div.rep-bottom .sub-rep-top > div {
	display: inline-block;
	vertical-align: top;
	height: 23px;
	border-right: 1px solid #ddd;
	font-size: 8pt;
	padding: 4px 5px;
	color: #999;
	text-transform: uppercase;
	float: left;
}
.users-table-body > div > div.rep-bottom .sub-rep-top > div:last-child {
	border-right: none;
}
.users-table-body > div > div.rep-bottom .sub-rep-bottom {
	border: 1px solid #ddd;
	height: auto;
	background-color: #fff;
	border-top: none;
}
.users-table-body > div > div.rep-bottom .sub-rep-bottom > div {
	height: 50px;
	border-bottom: 1px solid #ddd;
}
.users-table-body > div > div.rep-bottom .sub-rep-bottom > div > div {
	display: inline-block;
	vertical-align: top;
	height: 50px;
	border-right: 1px solid #ddd;
	font-size: 11pt;
	padding: 15px 5px;
	float: left;
}
.users-table-body > div > div.rep-bottom .sub-rep-bottom > div > div:last-child {
	border-right: none;
}
.users-table-body > div > div.rep-top {
	display: block;
	float: none;
	padding: 0px;
	border: none;
	border-bottom: 1px solid #ddd;
}
.users-table-body > div > div.rep-top > div {
	display: inline-block;
	vertical-align: top;
	height: 50px;
	border-right: 1px solid #ddd;
	font-size: 11pt;
	padding: 15px 5px;
	float: left;
}
.users-table-body > div > div > div.table-sync-btn {
	width: 10%;
	padding: 0px;
}
.table-sync-btn button {
	width: 100%;
	border: none;
	border-radius: 0px;
	height: 100%;
}
.search-panel {
	position: relative;
	border: 1px solid #ddd;
	border-bottom: 0px;
	margin-top: -1px;
}
.search-panel > input {
	border: none;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-radius: 0px;
	width: 250px;
	padding: 25px;
	padding-left: 40px;
}
.search-panel > span {
	position: absolute;
	color: #999;
	top: 18px;
	left: 11px;
}
.search-panel > button.btn {
	margin-top: -42px;
}
.users-table-body > div.unfinished {
	background-color: #BFD2E2;
}
.sync-one {
	text-transform: uppercase;
	text-align: center;
	font-size: 260%;
}
.sync-two {
	text-align: center;
}
.sync-two p {
	text-transform: uppercase;
	font-size: 250%;
	line-height: 1;
}
.sync-two em {
	text-transform: lowercase;
	font-size: 66%;
}
.sync-two .fileinput-button {
	border-radius: 0px;
	font-size: 125%;
	padding: 6px 25px;
	margin-top: 25px;
	margin-bottom: 25px;
}
.sync-two ul {
	list-style-type: none;
	padding-left: 0px;
	text-align: left;
	font-size:110%;
}
.sync-two ul span {
	margin-right: 10px;
}
.sync-three p {
	text-align: center;
	font-size: 200%;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.sync-three ul {
	list-style-type: none;
	padding-left: none;
}
.sync-three li {
	height: 50px;
	font-size: 125%;
}
.sync-three li span:first-child {
	border: 1px solid #ddd;
	background-color: #eee;
	border-radius: 14px;
	padding: 1px 8px 1px 9px;
	margin-right: 10px;
}
.sync-three li button.btn {
	border-radius: 0px;
	margin-left: 10px;
}
.sync-pagination {
	margin-bottom: 25px;
}
.sync-pagination > div {
	border: 1px solid #ddd;
	display: inline-block;
	vertical-align: top;
	position: relative;
	border-radius: 23px;
	background-color: #eee;
	font-size: 200%;
	padding: 0px 12px;
	margin-right: 212px;
	color: #666;
	height: 42px;
}
.sync-pagination > div:last-child {
	margin-right: 0px;
}
.sync-pagination > div.current {
	color: #fff;
	background-color: #4d4d4d;
}
.sync-pagination > div.finished {
	color: #ccc;
	font-size: 150%;
	padding: 6px 10px 6px 9px;
}
.livetv-top-panel {
	background-color: #eee;
    margin: 0px -10px;
    border-top: 1px solid #ddd;
    padding: 15px 0px;
    border-bottom: 1px solid #ddd;
}
.livetv-top-panel > div:first-child {
    margin-bottom: 15px;
    padding-left: 15px;
}
.livetv-top-panel .btn-group.generic-dropdown {
	width: 300px;
}
.livetv-top-panel .generic-dropdown ul {
	border-radius: 0px;
}
.livetv-bottom-panel {
	border-bottom:1px solid #ddd;
}
.livetv-bottom-panel h4 {
	display: inline-block;
    padding: 10px 15px;
}
.no-data-alert {
	background-color: #F5F8FD;
    border: solid 1px #5b9bd1;
    color: #697882;
    padding: 15px;
    text-align: center;
    margin-top: 15px;
}
.livetv-bottom-panel .spinit {
	height: 300px;
}
.labatt-nav .location-table {
	height: 541px;
    border: 1px solid #ddd;
}
.labatt-nav .player-top > div > span {
	font-size: 13px;
}
.labatt-nav .player-top > div > span.table-arrow {
	font-size: 20px;
}
.player-body .online-dot {
	width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 5px;
    margin-left: 10px;
}
.labatt-nav .player-bottom {
	background-color: #eee;
    padding: 10px 20px;
}
.labatt-nav .player-sub-head {
	border: 1px solid #ddd;
}
.labatt-nav .player-sub-body {
	background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0px;
}
.labatt-nav .player-body .player-sub-body > div:last-child {
	height: 38px;
}/*############-- App Styles - Messages --############*/

#unoapp_messages {
	
}

/*<><><>- Messages -<><><>*/

.top-head-messages {
	background-color: #eee;
	margin-top: -15px;
	margin-right: -10px;
	margin-left: -10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom: 1px solid #ddd;
}
.top-head-messages > div:first-child {
	border-right: 1px solid #ddd;
	padding-right: 15px;
	margin-left: 4px;
	padding-left: 10px;
}
.message-left-panel {
	padding-left: 0px;
	border-right: 1px solid #ddd;
	padding-top: 10px;
}
.msg-nav {
	text-align: center;
	background: #fff;
	position: relative;
	height: 40px;
	width: 391px;
	margin-bottom: 10px;
	margin-left: -13px;
}
.msg-nav ul {
	width: 391px;
	height: 40px;
	padding-left: 0px;
	list-style-type: none;
	border-bottom: 1px solid #ddd;
}
.msg-nav li {
	display: inline-block;
	width: 25.3%;
	height: 40px;
	font-size: 10pt;
	padding-top: 10px;
	margin: 0 -2px;
	border-right: 1px solid #ddd;
}
.msg-nav li:first-child {
	border-left:1px solid #ddd;
	border-top-left-radius: 4px;
}
.msg-nav li:last-child {
	border-right: none;
}
.msg-nav li:hover {
	cursor: pointer;
	background-color: #ddd;
}
.msg-nav li.selected {
	background-color: #4d4d4d;
	color: #fff;
}
.messages-search {
	width: 100%;
}
#user-table-btn{
	margin-bottom: 12px;
	border-bottom: none !important;
}
#user-table-btn > div{
	    border: 4px solid #999;
    color: #fff;
    font-weight: bold;
    background-color: #999;
    padding: 10px 25px;
    margin: 11px auto 0px;
    display: block;
    float: none;
    width: 180px;
    text-align: center;
    position: relative;
    margin-left: 15px;
}
#user-table-btn > button{
	margin: 15px 0;
}
.message-create {
	margin-right: 8px;
	border: 1px solid #ddd;
	text-align: center;
	padding: 15px 0;
	width: 375px;
	display: block;
	color: #fff;
	background-color: #5cb85c;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13pt;
}
.message-create:hover {
	background-color: #47a447;
	cursor: pointer;
}
.filters {
	width: 375px;
	margin-left: -5px;
}
.filters .input-group-btn ul {
	width: 375px;
}
.filters .input-group-btn ul li:first-child {
	padding: 5px 10px 0px;
}
.filters .input-group-btn ul .filter-selection {
	display: inline-block;
	border-right: none;
	margin-left: -4px;
	width: 17%;
	text-align: center;
	padding: 7px 0px;
	font-size: 9pt;
}
.filters .input-group-btn ul .filter-selection .glyphicon {
	font-size: 14pt;
}
.filters .input-group-btn ul .filter-selection:hover {
	cursor: pointer;
	background-color: #eee;
}
.filters .input-group-btn ul li + li + li {
	padding: 5px 10px;
}
#mdl-lbl-popovr{
	text-overflow: ellipsis;
    overflow: hidden;
}
.filter-selection.current-filt {
	background-color:#4d4d4d;
	color: #fff;
}
.filter-selection.current-filt:hover{
	background-color: #fff;
	color: #4d4d4d;
}
.filter-selection .uno-icon-thin {
	font-size: 329%;
	line-height: 0.3;
}
.message-search-icon {
	position: absolute;
	left: 7px;
	margin-top: 8px;
	color: #aaa;
	z-index: 1;
}
.messages-search input {
	padding-left: 27px;
}
.inbox-list {
	height: 590px;
	overflow-y: scroll;
	margin-right: -15px;
	border-right: none;
	border-radius: 0px;
}
.messages-simple {
	position: relative;
	height: 70px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 5px 10px;
}
.messages-simple:last-child {
	border-bottom: none;
}
.messages-simple:hover {
	background-color: #eee;
}
.messages-simple .read{
	position: absolute;
	padding-left: 10px;
	line-height: 5px;
	height: 10px;
	top: 19px;
	left: 10px;
}
.messages-simple .read.unread {
	color: #999;
	cursor: pointer;
}
.messages-simple.active{
	background-color: #ddd;
}
.messages-simple.active .user-count.badge {
	background-color: #4d4d4d;
	border-color: #4d4d4d;
}
.messages-simple.active .reply-count {
	background-color: #4d4d4d;
}
.messages-simple.active .messages-list-img {
	border: 2px solid #fff;
	width: 47px;
	height: 47px;
}
.messages-list-img {
	width: 45px;
	height: 45px;
	margin-left: 10px;
	border: 1px solid #bbb;
	margin-top: 6px;
	background-color: #fff;
}
.messages-list-img img {
	width: 43px;
	height: 43px;
}
.cell.ellipsis.messages-list-text{
	display: inline-block;
	width: 160px;
	padding-top: 5px;
	padding-left: 10px;
}
.messages-list-text .message-head {
	max-width: 150px;
	font-size: 11pt;
}
.messages-list-text .message-head.unread-title {
	font-weight: 700;
}
.comment .content {
	word-break: break-word;
}
.message-content {
	margin-left: 65px;
	font-size: 10pt;
	width: 250px;
	margin-top: -5px;
	color: #888;
	display: -webkit-box;
	max-width: 250px;
	height: 35px;
	line-height: 1.4em;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.message-content em {
	font-style: normal;
	color: #333;
}
.messages-simple.active .message-content {
	margin-left: 67px;
}
.messages-list-text .user-count.badge {
	position:absolute;
	top: 5px;
	left: 14px;
	background-color: #aaa;
	color: #fff;
	font-size: 8pt;
	padding: 2px 4px;
	font-weight: normal;
	border: 1px solid #999;
}
.new-message-typeahead .tags-field .tag-input input:focus {
	margin: 0px;
	padding: 0px;
	height: 21px;
}
.new-message-typeahead .tags-field ul.typeahead-template-styles {
	width: 200px;
	height: 200px;
	top: 12% !important;
	left: 0 !important;
}
.new-message-typeahead .tags-field ul.typeahead-template-styles li a {
	border: none;
	height: 45px;
	overflow: hidden;
	margin: -5px 0px;
	text-align: center;
	padding-top: 11px;
}
.reply-count {
	position: absolute;
	bottom: 15px;
	right: 10px;
	font-size: 10pt;
	padding: 1px 6px;
	background-color: #aaa;
	border-radius: 5px;
	color: #fff;
}
.message-side {
	margin-left: -4px;
}
.message-side > div {
	background-color: #fff;
	padding: 8px 10px;
	margin: 39px -15px 0px -11px;
	border-top: 1px solid #ddd;
	height: 55px;
}
#msg-prvw-title{
	overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
    float: left;
    padding: 6px 5px;
}
.message-side .btn-group {
	position: absolute;
	top: 45px;
	right: 5px;
	width: 200px;
}
.message-side .btn-group > button {
	width: 200px;
}
.message-side .btn-group > button img {
	max-height: 31px;
}
.message-side .user-count.badge {
	position:absolute;
	top: 3px;
	left: 5px;
	background-color: #4d4d4d;
	color: #fff;
	font-size: 7pt;
	padding: 2px 4px;
	font-weight: normal;
}
.message-side .back-btn {
	position:absolute;
	top:-45px;
}
.message-side .side-author {
	display: inline-block;
	margin-top: 5px;
}
.message-side .caret {
	margin-top: 12px;
}
.message-side .dropdown-menu {
	width: 100%;
}
.message-side .dropdown-menu > li {
	height: 41px;
	padding: 5px;
}
.subject-width{
	max-width: 530px;
}
.message-side .dropdown-menu.main-drop {
	height: auto;
	padding-bottom: 35px;
}
.message-side .dropdown-menu > li:hover {
	background-color: #eee;
}
.message-side .dropdown-menu > li img {
	max-height: 31px;
	margin-right: 10px;
}
.message-side .dropdown-menu.main-drop > li:last-child {
	border-top: 1px solid #ddd;
	text-align: center;
}
.message-side .dropdown-menu.main-drop > li:last-child:hover {
	background-color: #fff;
}
.message-side .dropdown-menu > li:last-child button {
	padding: 2px 13px;
	margin-top: -2px;
}
.message-side .remove-user {
	color: #333;
	margin-top: 5px;
	margin-right: 5px
}
.message-side .remove-user:hover {
	color: #999;
	cursor: pointer;
}
.message-side .dropdown-menu ul {
	display: inline-block;
	width: 189px;
	text-align: left;
	border: 1px solid #ccc;
	height: 38px;
	overflow: hidden;
}
.message-side .dropdown-menu ul ul {
	height: 200px;
	overflow: auto;
}
.new-task-footer{
	margin-top: 0 !important;	
	border-top: none !important;
}
.message-side .dropdown-menu ul ul.typeahead-template-styles  li a {
	border: none;
	height: 45px;
	overflow: hidden;
	margin: -5px;
	text-align: center;
	padding-top: 11px;
}
.message-side .dropdown-menu > li:last-child {
	border-top: none;
}
.notifications-content .top-options {
	border-bottom: 1px dotted #ddd;
	height: 45px;
	margin: 0 -25px 10px -15px;
}
.notifications-content .top-options > div {
	margin-top: 0px;
}
.notifications-content .top-options > div button{
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
.notifications-content .top-options > div button .caret {
	margin: 7px -5px 0 5px;
}
.comment-actions {
	width: 765px;
}
.form-control.send-comment{
	width: 100%;
	margin-bottom: 10px;
}
.comment-actions img {
	width: 100%;
}
.comment-actions .img-holder {
	padding-left: 0px;
	padding-right: 0px;
}
.task-comment-section .notifications-content-body {
	width: 678px;
}
.notifications-content-body {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-left: -15px;
	margin-right: -25px;
	padding: 10px 6px 10px 10px;
	height: 483px;
	overflow: auto;
	background-color: #eee;
	width: 776px;
}
.comment {
	border: 1px solid #ddd;
	margin: 5px 0px;
	padding: 10px;
	background-color: #fff;
}
.comment button {
	margin-left: 10px;
}
.recipient-name span:first-child {
	font-weight: 700;
}
.recipient-portrait {
	float: left;
}
.recipient-portrait img {
	width: 40px;
}
.recipient-name {
	float: left;
	margin-left: 10px;
}
.comment-head {
	border-bottom: 1px solid #ddd;
	height: 50px;
}
.attach-drop button.btn.btn-default {
	width: 160px;
	margin-left: 5px;
}
.attach-drop button .caret {
	margin-top: 9px;
}
.attach-drop li {
	border-bottom: 1px solid #ddd;
	padding: 10px;
}
.comment-attachments {
	border-top: 1px solid #ddd;
	margin: 10px -10px 0px;
}
.comment-attachments ul li {
	border-bottom: 1px solid #ddd;
}
.comment-attachments .attach-drop button.btn.btn-default{
	width: 290px;
	border: none;
	border-radius: 0px;
	border-right: 1px solid #ddd;
	margin-bottom: -10px;
	margin-left: 0px;
}
.comment-attachments .attach-drop ul.dropdown-menu > li > a {
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
}
.date-status {
	position: absolute;
	top: -9px;
	left: 39%;
	font-size: 9pt;
	display: block;
	background-color: #eee;
	padding: 0px 5px;
	font-weight: bold;
}
.status-content {
	font-style: italic;
	text-align: center;
	font-size: 9pt;
}
.dark {
	color: #333;
}
.top-options h3.popover-title {
	text-align: center;
	font-weight: 700;
	font-size: 12pt;
}
.top-options .popover {
	width: 227px;
}
.status-comment {
	border-top: 1px solid #ddd;
	border-bottom: none;
	border-right: none;
	border-left: none;
	background-color: #eee;
	position: relative;
	margin-top: 15px;
}
.new-message {
	margin-bottom: -20px;
}
.new-message .message-teams {
	padding-left: 0px;
}
.new-message .send-bar > div:first-of-type {
	width: 535px;
	margin-left: 15px;
	display: inline-block;
	vertical-align: top;
	min-height: 52px;
	max-height: 104px;
	overflow: auto;
	border: #ccc 1px solid;
}
.new-message .send-bar .message-teams button.btn.btn-default {
	width: 164px;
	border-radius: 0px;
	margin-left: -5px;
	padding: 15px;
	margin-right: -10px;
	height: 52px;
}
.new-message .send-bar .message-teams button.btn.btn-default span.uno-icon-thin {
	font-size: 350%;
	vertical-align: middle;
	line-height: 0.3;
}
.new-message .message-teams li {
	padding: 5px 0 5px 10px;
}
.new-message .message-teams li:hover {
	background-color: #eee;
	cursor: pointer;
}
.new-message .caret {
	margin: 7px 0px 7px 7px;
}
.new-message .form-group.send-bar {
	margin: -21px -10px 0px -35px;
}
.new-message .form-group.send-bar label {
	position: absolute;
	z-index: 2;
	margin-top: 16px;
	margin-left: 35px;
	color: #999;
	font-weight: normal;
}
.new-message .form-group.send-bar ul.tags-field {
	border-radius: 0px;
	padding: 15px 20px 0px 55px;
	box-shadow: none;
	min-height: 50px;
}
.new-message .form-group.send-bar ul.tags-field.focus {
	border-color: #ddd;
}
.new-message .form-group.subject-bar {
	margin-left: -35px;
	margin-right: -35px;
	position: relative;
}
.new-message .form-group.subject-bar label {
	position: absolute;
	z-index: 2;
	top: 16px;
	left: 35px;
	color: #999;
	font-weight: normal;
}
.new-message .form-group.subject-bar input {
	border-radius: 0px;
	padding: 0px 20px 0px 85px;
	box-shadow: none;
	border-top: none;
	height: 52px;
}
.new-message .form-group.subject-bar input:focus {
	border-color: #ddd;
}
.new-message .content-box {
	margin: 0px -20px;
	width: 728px;
}
.new-message .content-box .mce-container.mce-panel {
	border-left: none;
	border-right: none;
	border-color: #ddd;
}
.new-message .button-bar {
	display: inline-block;
	margin-bottom: -5px;
}
span.close.pull-right.attach-list {
	margin-top: -25px;
}
.user-tag {
	color: #fff;
	background-color: #4d4d4d;
	border-radius: 3px;
	display: inline-block;
	font-size: 9pt;
	padding: 3px 5px;
	margin-right: 2px;
	margin-bottom: 2px;
}
.user-tag span {
	margin-left: 5px;
}
.user-tag span:hover {
	color: #ddd;
	cursor: pointer;
}
.popover-icon-tiny{
	line-height: 25px;
	vertical-align: middle;
	font-size: 22px;
	margin: 0;
	color: #666666;
}
.short-form {
	width: 50%;
}
/*############-- App Styles - Settings --############*/

#unoapp_settings {
	
}

/*<><><>- Settings pages -<><><>*/

/*--- (Settings) Groups ---*/

.table-location-name > span {
	vertical-align: top;
	overflow: hidden;
    text-overflow: ellipsis;
}
.teams-body .table-location-name > span {
	display: inline-block;
	width: 93%;
}

.group-image .img-wrap {
	width: 150px;
	height: 150px;
}

/*--- (Settings) Users ---*/

.loc-body .users-table {
	border-bottom: none;
}
.users-top {
	border-bottom: 1px solid #ddd;
	height: 55px;
	position: relative;
	margin: 0px -15px;
	background-color: #fff;
}
.users-top button.btn.btn-success {
	height: 49px;
	border-radius: 0px;
	border-top-left-radius: 2px;
	width: 200px;
	font-size: 13pt;
	vertical-align: top;
}
.users-top input {
	display: inline-block;
	width: 240px;
	border: 0px;
	border-right: 1px solid #ddd;
	border-radius: 0px;
	height: 54px;
	padding-left: 35px;
	vertical-align: top;
	margin-left: 0px;
}
.users-top input.admin-style {
	margin-left: -4px;
}
.users-top > span.glyphicon.not-admin-style {
	left: 13px;
}
.teams {
	padding:0px;
}
.users-top.teams-top input {
	border-left: 1px solid #ddd;
	border-right: 0px;
}
.users-top input:focus {
	border-color: #ddd;
	box-shadow: none;
}
.users-top > span.glyphicon {
    position: absolute;
    top: 21px;
    left: 214px;
    color: #999;
}
.users-top.teams-top > span.glyphicon {
	left: 600px;
}
.users-top.teams-top h4 {
	display: inline-block;
	margin-left: 10px;
	margin-top: 15px;
}
.users-top.teams-top .clear-field-text {
	top: 13px;
	font-size: 13pt;
	color: #999;
	right: 5px;
}
.user-teams .new-input button {
	margin-top: 0px;
}
.user-teams .new-input > div > .input-group {
	margin-top: 0px;
	margin-bottom: 0px;
}
.media-gallery-folders.user-teams .large-nav .new-input {
	top: 12px;
}
.add-to-team {
	border-bottom: 1px solid #ddd;
	height: 50px;
}
.users-top .clear-field-text {
	top: 13px;
	font-size: 13pt;
	color: #999;
	right: 700px;
}
.users-top .clear-field-text:hover {
	cursor:pointer;
}
.location-filter {
	min-width: 275px;
	height: 49px;
}
.location-filter ul {
	overflow: auto;
	max-height: 250px;
}
.location-filter a {
	text-overflow: ellipsis;
	width: 265px;
	overflow: hidden;
}
.location-input-box {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.basic-link {
	font-size: 11px;
    color: #9eacb4;
}
.basic-link:hover {
	color: #697882;
}
.location-input-box .basic-link {
    position: absolute;
    right: 11px;
    top: -8px;
}

.location-input-box input::-webkit-input-placeholder { font-style: italic; }
.location-input-box input::-moz-placeholder { font-style: italic; } /* firefox 19+ */
.location-input-box input:-ms-input-placeholder { font-style: italic; } /* ie */
.location-input-box input:-moz-placeholder { font-style: italic; }

.location-select-box > div:not(.clear-both) {
    width: 50%;
    display: inline-block;
    float: left;
    height: 250px;
    padding: 10px;
}
.location-select-box i {
	font-size: 12px;
	font-weight: 300;
}
.location-select-box > div > div {
	height: 230px;
    overflow: auto;
    border: 1px solid #ddd;
    padding: 5px;
}
.location-select-box > div > div > div {
	border: 1px solid #ccc;
    margin-bottom: 3px;
    padding: 4px 5px;
    font-size: 13px;
    background-color: #f7f7f7;
    color: #666;
    cursor: pointer;
    height: 28px;
}
.location-select-box > div > div > div:hover {
	color: #333;
	background-color: #eee;
}
.location-select-box .location-span > span:first-child {
	width: 230px;
    display: inline-block;
    float: left;
}
.location-select-box .location-span > span:last-child {
	display: none;
	top: 3px;
}
.location-select-box > div > div > div.location-span:hover > span:last-child {
	display: inline-block;
}
#addUser-info input, #addUser-info button{
	border-radius: 0px !important;
}
.comma:not(:first-child):before{
	content: ", ";
}
.comma:empty,.comma:last-child:after,.comma2:empty,.comma2:last-child:after{
	display: none;
}
.comma,.comma2{
	display: inline-block;
	float: left;
}
.comma2:not(:first-child):before{
	content: " , ";
}
.location-filter button {
	width: 100%;
	border: none;
	border-left: 1px solid #ddd;
	border-radius: 0px;
	padding: 15px 10px 14px;
}
.location-filter.open button.btn.btn-default {
	border-left: 1px solid #ddd;
}
.location-filter button:hover, .location-filter button:active, .location-filter button:focus{
	border-left: 1px solid #ddd;
}
.location-filter ul {
	width: 100%;
}
.myBox {
	height: 220px;
	background-color: #fff;
}
.myBox > div {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: zoom-in;
}
.users-table {
	height: 1050px;
	border-bottom:1px solid #ddd;
	margin: 0px -15px;
	background-color: #fff;
}
.location-table{
	height: 1050px;
	margin: 0px -15px;
	background-color: #fff;
}
.accountholder > div > span:first-child {
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
    font-size: 11px;
}
.accountholder > div {
	margin: 5px 0;
}
.accountholder > div:first-child {
	font-size: 20px;
    font-weight: bold;
    color: #4d4d4d;
}
.users-table-head {
	height: 24px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}
.users-table-head > div {
	display: inline-block;
    vertical-align: top;
    height: 23px;
    border-right: 1px solid #ddd;
    font-size: 8.5pt;
    font-weight: bold;
    padding: 4px 5px;
    color: #333;
    text-transform: uppercase;
    float: left;
}
.consumer-table .users-table-head > div {
	height: 55px;
}
.users-table-head > div:last-child {
	border-right: none;
}
.teams-table .users-table-head .table-pic {
	padding-left: 30px;
}
.users-table-head .table-pic {
	padding-left: 43px;
}
.users-table-head .table-name:hover, .users-table-head .table-title:hover{
	cursor:pointer;
}
.users-table-head .table-name:hover .glyphicon, .users-table-head .table-title:hover .glyphicon{
	color: #333;
}
.users-table.consumer-table {
	overflow-x: auto;
    min-height: 200px;
    max-height: 550px;
    height: auto;
}
.users-table.consumer-table .users-table-head {
	height: 55px;
	background-color: #cccccc;
}
.users-table.consumer-table .users-table-body {
	min-height: 200px;
    max-height: 500px;
    height: auto;
}
.users-table.consumer-table .users-table-head, .users-table.consumer-table .users-table-body {
	/*width: 2870px;*/
	width: auto;
    min-width: 2850px;
}
.users-top.consumers-top input {
	border-left: 1px solid #ddd;
	border-right: none;
	float: right;
}
.users-top.consumers-top > span.glyphicon {
	left: initial;
	right: 212px;
}
.consumer-group > div {
	width: 200px;
}
.consumer-group-list > div {
	border: 1px solid #ddd;
	text-transform: uppercase;
	border-bottom: none;
        clear:right;
}
.consumer-group-list > div:last-child {
	border-bottom:1px solid #ddd;
}
.consumer-group-list > div > div {
	display: inline-block;
	padding: 10px;
	word-wrap: break-word;
    vertical-align: middle;
}
.consumer-group-list > div > div:nth-child(2n) {
    width: 68%;
}
.consumer-group-list > div > div:first-child {
	border-right: 1px solid #ddd;
	width: 200px;
}
.consumer-group-list > div > div:last-child {
	border-left: 1px solid #ddd;
}
.small-bll-image {
	overflow: hidden;
	width: 100px;
	height: 100px;
	padding: 4px;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin: 5px;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
}
.small-bll-image img {
	max-width: 100%;
	max-height: 100%;
	position: relative;
	top: 50%;
}
.small-bll-image.selected {
	border-color: #666;
	background-color: #ddd;
}
.table-number img {
	max-height: 39px;
	margin-top: -10px;
	max-width: 95px;
}
.table-number.app-settings {
	display: inline-block;
	vertical-align: top;
}
.table-pic {
	width: 9%;
}
.table-online {
	width: 6%;
}
.table-number {
	width: 105px;
}
.table-text {
	width: 175px;
}
.table-name {
	width: 15%;
}
.table-phone {
	width: 15%;
}
.table-email {
	width: 18%;
}
.table-title {
	width: 15%;
}
.table-privilege {
	width: 13%;
}
.table-actions {
	width: 14%;
}
.table-locs-name {
	width: 15%;
}
.table-locs-phone {
	width: 15%;
}
.table-locs-email {
	width: 18%;
	overflow: hidden;
}
.table-locs-title {
	width: 15%;
}
.table-locs-privilege {
	width: 12%;
}
.table-location-name {
	width: 30%;
}
.table-location-address {
	width: 60%;
}
.users-table-body > div > div.table-locs-privilege {
	padding: 15px 0px;
}
.table-locs-actions {
	width: 13%;
}
.users-table-body > div > div:not(.tooltip) {
	display: inline-block;
	vertical-align: top;
	height: 50px;
	border-right: 1px solid #ddd;
	font-size: 11pt;
	padding: 15px 5px;
	float: left;
}
.users-top.teams-top {
	margin: 0px;
}
.users-table.teams-table {
	margin: 0px;
}
.teams-table .table-pic {
	width: 9%;
}
.teams-table .table-name {
	width: 17%;
}
.teams-table .table-email {
	width: 30%;
	overflow: hidden;
}
.teams-table .table-phone {
	width: 16%;
}
.teams-table .table-title {
	width: 16%;
}
.teams-table .table-actions {
	width: 10%;
}
.gallery-table .table-image {
	width: 100px;
}
.gallery-table .table-link {
	width: 33%;
}
.gallery-table .table-target {
	width: 20%;
}
.gallery-table .table-actions {
	width: 20%;
}
.orders-table {
	max-width: none;
}
.orders-table td {
	font-size: 8pt;
	padding: 5px;
	border: 1px solid #ccc;
}
.orders-table .users-table-head td {
	font-size: 7pt;
	color: #999;
}
.orders-top.users-top .clear-field-text {
	right: 920px;
}
.gallery-imagelist-thumbnail {
	background-size: cover;
	background-position: center center;
	height: 51px;
	width: 75px;
	margin-top: -14px;
	margin-right: -5px;
	display: inline-block;
	float: right;
}
.users-table-body {
	/*overflow: overlay;*/
	height: auto;
	max-height: 515px;
	min-height: 100px;
	font-size: 12pt;
}
.users-table-body > div {
	border-bottom: 1px solid #ddd;
	width: 100%;
	background-color: #fff;
	height: 51px;
}
.users-table-body > div:hover {
	cursor:pointer;
	background-color:#eee;
}
.users-table-body.teams-body > div:hover {
	cursor:pointer;
	background-color:#fff;
}
.users-table-body > div:nth-child(2n + 2) {
	background-color: #f4f4f4;
}
.users-table-body > div:nth-child(2n + 2):hover {
	background-color: #eee;
}
.users-table-body.teams-body > div:nth-child(2n + 2):hover {
	background-color: #f4f4f4;
}
.lbt-dash-nav li{
	width: 50% !important;
}
.users-table-body > div > div {
	display: inline-block;
	vertical-align: top;
	height: 50px;
	border-right: 1px solid #ddd;
	font-size: 11pt;
	padding: 15px 5px;
	float: left;
}
.trigger-loading-paragraph{
	min-height: 680px;
}
.trigger-loading-paragraph > h3#loading-text {
    top: 51%;
    position: absolute;
    left: 47%;
}
.dash-blk{
	color: #333;
}
.dash-blk:hover{
	color: #333;
	text-decoration: none;
}
.users-table-body > div > div:last-child {
	border-right: none;
}
.users-table-body > .load-more > div.load-more-button {
	height: 40px;
    width: 120px;
    padding: 5px;
    background-color: #999;
    color: #fff;
}
/*.users-table-body > div > div {
    border-right: none !important;
}*/
.teams-body .table-pic img {
	margin-top: -25px;
	margin-left: 5px;
}
.table-pic img {
	width: 40px;
	height: 40px;
	border-radius: 24px;
	margin-top: -10px;
	margin-left: 23px;
}
.users-table-body > div > div > div.dragger_two {
	display: inline-block;
	width: 5px;
	height: 30px;
	margin-top: -4px;
	margin-left: -3px;
}
.users-table-body > div > div > div.dragger_one {
	margin-left: 0px;
	display: inline-block;
	width: 5px;
	height: 30px;
	margin-top: -4px;
}
.users-table-body > div > div .dot {
	background-color: #bbb;
	width: 3px;
	height: 3px;
	border-radius: 5px;
	margin-bottom: 5px;
}
.user-teams.media-gallery-folders .add-element{
	height: 48px;
	margin-top: 1px;
	border-radius: 0px;
	margin-right: 10px;
}
.user-teams .add-element + .row > div {
	margin-top: -2px;
	padding-bottom: 8px;
}
.users-table-body .table-actions span:hover {
	color:#999;
	cursor: pointer;
}
.users-table-body .table-locs-actions span:hover {
	color:#999;
	cursor: pointer;
}
.table-number > div {
	background-color: #eee;
	color: #999;
	border: 1px solid #ddd;
	border-radius: 11px;
	padding: 2px 8px 1px;
	font-size: 88%;
	width: 70px;
	position: relative;
	cursor: pointer;
	height: 22px;
	margin-left: 10px;
}
.table-number > div >div {
	width: 29px;
	height: 16px;
	background-color: #fff;
	position: absolute;
	border-radius: 10px;
	top: 2px;
	left: 3px;
	border: 1px solid #bbb;
}
.table-number > div.noti-on {
	background-color: rgba(92, 184, 92, 0.8);
	color: #fff;
}
.table-number > div > div.noti-on {
	left: 36px;
}
.table-number button.btn {
	width: 104px;
	border: 0px;
	border-radius: 0px;
	margin-top: -15px;
	margin-left: -5px;
	height: 50px;
}

.user-teams span.instruct {
	margin-top: 7px;
	display: block;
	font-size: 10pt;
	text-align: center;
}
.user-teams .all-users {
	margin-top: 6px;
}
.user-teams .edit-folder {
	position: absolute;
	top: -6px;
	left: 0;
	width: 100%;
}
.user-teams .edit-folder .input-group {
	width: 99.7%;
}
.user-teams .edit-folder span.pull-right{
	color: #fff;
	position: absolute;
	top: 2px;
	right: 2px;
}
.user-teams .edit-folder span.pull-right:hover{
	cursor: pointer;
}
.user-teams .add-folder {
	position: absolute;
	top: 3px;
	left: 0;
	width: 277px;
	border: #44A729 2px dashed;
	height: 48px;
	padding-top: 6px;
}
.user-teams .add-folder span.pull-right{
	color: #999;
	position: absolute;
	top: 2px;
	right: 3px;
}
.user-teams .add-folder span.pull-right:hover{
	cursor: pointer;
}
.user-teams .add-spacing {
	height: 49px;
}
.teams.gallery-side-nav ul.team-list{
	height: 491px;
	overflow:auto;
	border-bottom: 1px solid #ddd;
}
.check-user {
	width: 498px;
	margin-top: -20px;
	margin-left: -20px;
	margin-bottom: 0px;
	height: 50px;
}
.check-user label {
	position: absolute;
	z-index: 1;
	color: #999;
	font-weight: normal;
	top: 25px;
	left: 15px;
}
.check-user input.form-control {
	border: 0px;
	height: 70px;
	padding-left: 65px;
}
.check-user button.btn.btn-default {
	height: 70px;
	border-top-right-radius: 0px;
	width: 100px;
	border:none;
	border-left: 1px solid #ddd;
}
.check-user input.form-control:focus {
	box-shadow: none;
}
.existing-user img {
	width: 100%;
	border-radius: 67px;
}
.existing-user > div > div {
	font-size: 13pt;
	height: 30px;
}
.existing-user > div + div{
	padding-top: 32px;
}
.user-portrait-popup{
	height: 135px;
}
.user-portrait-popup .add-element {
	margin: 0px 13px;
	border-radius: 67px;
}
.user-portrait-popup img{
	height: 135px;
	width: 135px;
	border-radius: 67px;
	margin-left: 22px;
}
#addUser-info .border-bot .btn-group {
	display: block;
}
#addUser-info .border-bot .btn-group .btn {
	padding-bottom: 0px;
}
.btn-group > .btn.no-rad:last-of-type {
	border-radius: 0px;
}
.brand-button {
	border: 1px solid #ccc;
	padding: 10px;
	text-align: center;
	cursor: pointer;
	margin: 10px 0px;
}
.brand-button:hover {
	border-color: #ccc;
	background-color: #eee;
}
.brand-box {
	border: 1px solid #ccc;
	background-color: #f7f7f7;
	max-height: 250px;
	overflow: overlay;
}
.brand-box > div {
	border: 1px solid #ddd;
	background-color: #fff;
	margin: 10px;
	height: 45px;
	padding-top: 7px;
	padding-left: 10px;
	cursor: pointer;
}
.brand-box > div:hover {
	background-color: #eee;
}
.brand-box > div > img {
	max-width: 40px;
	max-height: 30px;
	margin-right: 10px;
}
.select-user-invite em {
	font-weight: 700;
	font-style: normal;
}
.select-user-invite button.btn.btn-default {
	width: 100%;
	margin-bottom: 10px;
	padding: 15px 10px;
	font-size: 11pt;
}
.setup-user-invite {
	text-align: center;
}
.setup-user-invite div {
	width: 90%;
	margin: 10px 5%;
}
.setup-user-invite > span {
	font-size: 12pt;
}
.setup-user-invite em {
	font-weight: 700;
	font-style: normal;
}
.list-group-mod {
	border: 1px solid #ddd;
}
.list-group-mod-item {
	border-bottom: 1px solid #ddd;
	color: #4d4d4d;
	display: block;
	padding: 10px;
}
.list-group-mod-item:last-child {
	border-bottom: none;
}
.list-group-mod-item:hover {
	color: #fff;
	text-decoration: none;
	background-color: #5cb85c;
}
.list-group-mod-item-success {
	color: #fff;
	background-color: #5cb85c;
}
.user-perm {
	overflow: hidden;
	height: 41px;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}
.user-perm.expand {
	height: auto;
}
.user-perm-top {
	border-bottom: 1px solid #ddd;
	padding: 10px 15px;
	cursor: pointer;
}
.user-perm-top:hover {
	background-color: #f7f7f7;
}
.user-perm-bottom > div {
	overflow: hidden;
	height: 41px;
	border-bottom: 1px solid #ddd;
	background-color: #eee;
}
.user-perm-bottom > div.expand {
	height: auto;
}
.user-perm-app-top {
	border-bottom: 1px solid #ddd;
	padding: 10px 15px;
	cursor: pointer;
	text-transform: capitalize;
}
.user-perm-app-top  > div {
	font-size: 11px;
}
.user-perm-app-top:hover {
	background-color: #e2e2e2;
}
.user-perm-app-bottom > div {
	overflow: hidden;
	height: 41px;
	border-bottom: 1px solid #ccc;
	background-color: #ddd;
}
.user-perm-app-bottom > div.expand {
	height: auto;
}
.user-perm-deep-top {
	border-bottom: 1px solid #ccc;
	padding: 10px 15px;
	cursor: pointer;
	text-transform: capitalize;
}
.user-perm-deep-top  > div {
	font-size: 11px;
}
.user-perm-deep-bottom > div {
	border-bottom: 1px solid #bbb;
	background-color: #ccc;
	padding: 10px 15px;
}
.user-perm-deep-bottom > div > div {
	font-size: 11px;
}
#user-app-settings label.control-label {
	border-bottom: 1px solid #ddd;
    width: 100%;
    padding: 10px 15px 2px;
}
#user-app-settings label.control-label i {
    text-transform: none;
    color: #999;
}

/*--- (Settings) User Profile ---*/

.user-info {
	height: 295px;
	background-color: #fff;
}
.user-info > button {
	left: 50%;
	position: absolute;
	margin-left: -14%;
}
.user-info img.prof-pic {
	border-radius: 108px;
	margin: 15px 0px;
	width: 214px;
	height: 214px;
}
.user-info .user-details div span.glyphicon.right-10 {
	color: #666;
	position: absolute;
	top: 14px;
	margin-left: 0px;
} 
.user-info .user-details div span {
	margin-left: 100px;
} 
.user-info .user-details div span.glyphicon-pencil {
	margin-left: 5px;
} 
.user-info .user-details div:first-of-type span {
	margin-left: 0px;
} 
.user-info .user-details label{
	position: absolute;
	top: 13px;
	left: 35px;
} 
.user-info .user-details div {
	padding: 10px;
	position: relative;
	height: 42px;
}
.user-info .user-details div:first-of-type {
	padding-top: 20px;
	font-size: 19pt;
	height: 61px;
}
.user-info .user-details div:first-of-type span.glyphicon.right-10 {
	font-size: 11pt;
	margin-top: 20px;
}
.user-info .user-details div:first-of-type label {
	margin-top: 20px;
}
.user-details button.btn.btn-default {
	z-index: 2;
	margin-top: 25px;
	width: 100%;
	text-align: center;
}
.user-info .user-details div input.form-control {
	margin-left: 100px;
	width: 325px;
	margin-top: -4px;
	height: 28px;
}
.user-info .user-details div:first-of-type input.form-control:first-of-type {
	margin-left: 100px;
	width: 173px;
	margin-top: 7px;
}
.user-info .user-details div:first-of-type input.form-control:last-of-type {
	margin-left: 277px;
	width: 173px;
	margin-top: -28px;
}
.user-info .user-details label.btn.btn-default{
	position: relative;
	padding: 5px 15px 0px;
} 
.user-info .user-details div.btn-group {
	margin-left:65px;
	padding: 0px;
	margin-top: 0px;
	height: auto;
}
.user-info .user-details div.btn-group > label {
	margin-top: -26px;
}
.user-info .user-details div.btn-group .uno-icon.gender {
	font-size: 16px;
}
.user-details span.edit-btn {
	font-size: 10pt;
	color:#fff;
}
.user-details > div:hover span.edit-btn {
	color:#aaa;
}
.top-info {
	border-bottom: 1px solid #ddd;
	margin: -5px -10px 10px;
	padding: 0px 10px;
}
.user-info .modal-btn {
	margin-right: 0px;
	height: 35px;
	margin-top: 4px;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 2px;
}
.consumer-page .user-info .user-details label {
	left:5px;
}
.consumer-page .user-info .user-details div span {
	margin-left:165px;
}
.consumer-page .user-info {
	height: 335px;
}
.consumer-page .user-info .user-details div:first-of-type span {
	margin-left: 0px;
}
.consumer-page .user-info .table-number {
	display:inline-block;
	vertical-align: middle;
}
.consumer-page .user-info > div:first-child label.control-label {
	width: 60px;
}
.prize-section .user-info {
	height: 335px;
	overflow: hidden;
}
.prize-section .user-info.short-panel {
	height: 211px;
}
.prize-section .user-info h3 {
	font-size: 400%;
	color: #4d4d4d;
	text-align: center;
	position: relative;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 0px;
}
.prize-section .user-info h3 span {
	position: absolute;
	font-size: 20%;
	bottom: 23px;
	margin-left: 5px;
}
.prize-section .user-info h4 {
	margin: 0px;
	font-size: 90%;
	background-color: #f2f2f2;
	color: #666;
	border-bottom: 1px solid #ddd;
	border-radius: 2px 2px 0px 0px;
	padding: 4px 5px 2px;
}
.prize-section .border-bot {
	padding: 5px 5px;
}
.prize-section .user-info > div button {
	width: 100%;
	margin: 3px 0px;
}
.prize-section .user-info > div button.half-con {
	width: 49.3%;
}
.no-prize-style {
	padding: 0px 3px;
}
.prize-images > div {
	background-color: #f2f2f2;
	border: 1px solid #ddd;
	padding: 5px;
	text-align: center;
	margin-top: 20px;
	height: 220px;
}
.prize-images > div > img {
	max-width: 100%;
    max-height: 100%;
}
.prize-images span {
	position: absolute;
	top: -2px;
	right: -2px;
	font-size: 250%;
}
.consumer-event-list > div {
	overflow: auto;
	height: 189px;
}
.consumer-event-list > div > div {
	font-size: 125%;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
.consumer-event-list > div > div.won {
	background-color: #eee;
}
.consumer-event-list > div.consumer-noti-style > div {
	font-size: 100%;
}
.users-nav.cloud-nav {
	margin: 10px 0px 0px;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 0px;
}
.users-nav.cloud-nav ul {
	width: 1119px;
	margin:0px -1px;
}
.users-nav.cloud-nav li {
	width: 49.9%;
} 
.users-nav.cloud-nav li.selected {
	color: #fff;
	background-color: #4d4d4d;
}
.users-nav {
	padding: 0px 15px !important;
}
.users-nav > ul > li {
	padding: 15px 0px;
}
.users-nav > ul > li.active  {
	background-color: #FFFFFF; 
}
.users-table.loc-table {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin: 0px;
	height: 432px;
}
.users-table.loc-table .users-table-body {
	height: 408px;
}
.table-loc-name {
	width: 25%;
}
.table-address {
	width: 64%;
}
.table-priv {
	width: 10%;
}
.table-location {
	width: 22%;
}
.table-act-date {
	width: 14%;
}
.table-act-time {
	width: 14%;
}
.table-action {
	width: 48%;
}
.table-header {
	height: 50px;
	border: 1px solid #ddd;
	border-top: 1px solid #ddd !important;
	border-top: none;
	font-size: 14pt;
	margin-top: -1px; 
	padding: 12px 10px;
	background-color: #fff;
}
.table-header span.badge {
	vertical-align: middle;
}
.table-header .input-daterange {
	display: inline-flex;
	vertical-align: middle;
	margin-top: -5px;
	margin-bottom: 0px;
}
.table-header .input-daterange  .input-group-addon {
	z-index: 2;
	border: 1px solid #ccc;
}
.table-priv button.btn.btn-default {
	text-transform: capitalize;
	width: 119px;
	border: none;
	margin-left: -9px;
	height: 50px;
	margin-top: -15px;
	border-radius: 0px;
}
.table-priv ul.dropdown-menu {
	width: 120px;
	margin-left: -5px;
	min-width: 120px;
	text-transform:capitalize;
}
.stats-box {
	height:295px;
	background-color: #fff;
}
.stats-box > div:first-child {
	border-bottom: 1px solid #ddd;
	height: 125px;
	text-align: center;
	font-size: 16pt;
	line-height: 32pt;
	padding-top: 20px;
}
.stats-box > div:first-child span.glyphicon {
	font-size: 20pt;
}
.stats-section .left-arrow {
	background-color: #fff;
	border: none;
	top: 30px;
	left: 25px;
}
.stats-section .left-arrow:focus {
	outline: 0;
}
.stats-section .right-arrow {
	background-color: #fff;
	border: none;
	top: 30px;
	right: 25px;
}
.stats-section .right-arrow:focus {
	outline: 0;
}
.stats-section .right-arrow:before{
	top: 8px;
	right: 16px;
	border-width: 16px 0 16px 20px;
}
.stats-section .right-arrow:after {
	border-color: transparent transparent transparent #fff;
	top: 8px;
	right: 17px;
	border-width: 16px 0 16px 20px;
}
.stats-section .left-arrow:before {
	top: 8px;
	left: 16px;
	border-width: 16px 20px 16px 0;
}
.stats-section .left-arrow:after {
	border-color: transparent #fff transparent transparent;
	top: 8px;
	left: 17px;
	border-width: 16px 20px 16px 0;
}
.users-table-head > div:hover .glyphicon {
	color: #333;
}
.stats-pagination {
	position: absolute;
	top: 100px;
	left: 46%;
}
.stats-pagination > div {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	border: 1px solid #4d4d4d;
	display: inline-block;
}
.stats-pagination > div.selected-page {
	background-color: #4d4d4d;
}

/*--- (Settings) Locations ---*/

.unocloud-body.profile-body.loc-body {
	padding: 25px 10px;
}
.loc-top button.modal-btn {
	margin-right: 0px;
	margin-top: 0px;
	height: 49px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 2px
}
.locations-list {
	overflow-y: auto;
	overflow-x: hidden;
	height: 500px;
	margin: 0px -15px;
	background-color: #fff;
}
.locations-list > div {
	margin: 10px 5px 5px 10px;
	border: 1px solid #ddd;
	height: 92px;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}
.locations-list > div > div:first-child {
	border-right: 1px solid #ddd;
	width: 125px;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 5px;
	height: 91px;
}
.locations-list img {
	max-width: 100px;
	max-height: 80px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	display: block;	
}
.locations-list > div .text-section {
	display: inline-block;
	width: 100%;
	margin-left: -4px;
}
.locations-list > div .text-section > span:first-child {
	height: 45px;
	border-bottom: 1px solid #ddd;
	background-color: #eee;
	width: 100%;
	display: block;
	font-size: 14pt;
	padding: 8px 15px;
}
.locations-list > div .text-section > span:last-child {
	height: 45px;
	width: 100%;
	display: inline-block;
	font-size: 12pt;
	padding: 11px 15px;
	white-space: normal;
}
.locations-list > div:hover > div:first-child {
	background-color: #eee;
}
.locations-list > div:hover > div.text-section {
	background-color: #eee;
}
.locations-list > div:hover > div.text-section >span:first-child {
	background-color: #ddd;
}
.location-nav {
	padding: 0px 15px !important;
}
.location-nav > ul > li {
	padding: 15px 0px;
}
.location-nav > ul > li.active  {
	background-color: #FFFFFF; 
}
.search-error {
	margin: 10px 20px;
	display: block;
	font-size: 12pt;
}
.link-to-prof {
	padding: 10px 3px;
	width: 99px;
	margin-left: -3px;
	text-align: center;
	font-size: 11pt;
	background-color: #fff;
	height: 90px;
	display: inline-block;
	vertical-align: top;
	border-radius: 0px;
	border: none;
	border-left: 1px solid #ddd;
	position: absolute;
	top: 0px;
	right: 0px;
}
.squared-off {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.squared-off .users-top.loc-top button.btn {
	border-radius: 0px;
}
.users-top.loc-top > span > span.glyphicon {
	color: #999;
	position: absolute;
	top: 18px;
	left: 214px;
}
.slide-up {
    height: 0px;
}
.slide-down {
    height: 250px;
}
.details-one.form-group > div {
	position: relative;
}
.details-one label.control-label {
	position: absolute;
	top: 26px;
	left: -5px;
	font-size: 10pt;
	color: #999;
}
.details-one input{
	border: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #ddd;
	margin: -15px 0px 0px -20px;
	width: 598px;
	height: 70px;
	padding-left: 135px;
}
.details-one input.form-control:focus {
	box-shadow: none;
	border-color: #ddd;
}
.details-one div.btn-group {
	margin-left: 95px;
}
.details-one div.btn-group button.btn.btn-default{
	border: 0px;
	border-radius: 0px;
	margin: 0px;
	width: 503px;
	height: 70px;
	text-align: left;
}
.details-one div.btn-group ul {
	width: 100%;
	height: 300px;
	overflow: auto;
}
.details-one > div:last-child input {
	margin-bottom: -50px;
	border-bottom: none;
	margin-top: 0px;
}
.details-one > div:first-child input {
	margin-top: -20px;
}
.re-adjust-length {
	margin: 0px -20px;
}
.re-adjust-length label.control-label {
	left: 15px;
}
.remove-bot-space {
	margin-bottom: -51px;
}
.locations-list.location-popup > div .text-section {
	width: 449px;
	display: inline-block;
	margin-left: -3px;
}
.locations-list.location-popup > div .text-section > span:first-child {
	height: 45px;
	border-bottom: 1px solid #ddd;
	background-color: #eee;
	width: 100%;
	display: block;
	font-size: 14pt;
	padding: 8px 15px;
}
.locations-list.location-popup > div .text-section > span:last-child {
	height: 46px;
	width: 100%;
	display: block;
	font-size: 11pt;
	padding: 2px 15px;
}
.details-two h4 {
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	margin-top: 0px;
}
.details-two h4 + div {
	text-align:center;
}
.details-two .locations-list.location-popup {
	margin-bottom: -35px;
	border-top: 1px solid #ddd;
	margin-top: 10px;
}
.locations-list.location-popup > div:hover {
	background-color: #eee;
	cursor: pointer;
}
.locations-list.location-popup > div:hover .text-section > span:first-child {
	background-color: #ddd;
}
.locations-list.location-popup .hug-bot {
	width: 573px;
	margin-left: -1px;
	border: 1px solid #ddd;
	margin-top: 0px;
	height: 52px;
}
.locations-list.location-popup .hug-bot > button.modal-btn.pull-left {
	margin-left: 0px !important;
	margin-top: 0px;
	width: 281px;
}
.locations-list.location-popup .hug-bot > button.modal-btn.pull-right{
	margin-right: 0px !important;
	margin-top: 0px;
	width: 290px;
	border: none;
}
.locations-list.location-popup .hug-bot > button.modal-btn.pull-right.secondary {
	width: 53px;
	border-left: 1px solid #ddd;
}
.pull-center{
	margin-left: 44%;
    margin-right: auto;
}
.locations-list.location-popup .hug-bot > span {
	padding: 7px 20px;
	display: inline-block;
	text-align: center;
	font-style: italic;
	font-size: 10pt;
	width: 518px;
	height: 49px;
	white-space: normal;
}
.locations-list.location-popup > div.expand {
	height: 143px;
}
.locations-list.location-popup > div.expand:hover {
	background-color: #fff;
	cursor: pointer;
}
.locations-list.location-popup > div.expand:hover .text-section > span:first-child {
	background-color: #eee;
}
.social-settings.new-loc-social div.social-btn div.social-name {
	width: 380px;
}
.social-settings.new-loc-social div.social-btn {
	margin: 25px auto 0px;
}
.details-four {
	text-transform:uppercase;
	text-align: center;
}
.details-four h4 + h4{
	font-weight: 700;
}
.user-info.loc-info {
	height: 430px;
}
.user-info.loc-info .user-details label {
	left: 10px;
}
.user-info.loc-info .user-details div span {
	margin-left: 110px;
}
.user-info.loc-info .user-details div:first-of-type span {
	margin-left: 0px;
}
.user-info.loc-info .user-details div span.glyphicon {
	margin-left: 5px;
}
.user-info.loc-info .user-details div:first-of-type input.form-control:last-of-type {
	margin-left: 100px;
	width: 325px;
	margin-top: 7px;
}
.user-info.loc-info .user-details div.btn-group {
	width: 325px;
	margin-left: 85px;
	margin-top: -33px;
}
.user-details span.timezone-block {
	display: block;
	margin-top: -6px;
	line-height: 1.2;
}
.user-info.loc-info .user-details.second-side button.btn.btn-default span.location-timezone-name {
	margin-left: 0px;
	display: inline-block;
	width: 150px;
}
.user-info.loc-info .user-details.second-side .location-timezone ul {
	min-width: 325px;
}
.users-table.loc-table span.glyphicon-remove {
	border-left: 1px solid #ddd;
	padding-left: 16px;
	margin-left: 15px;
	padding-top: 18px;
	margin-top: -20px;
	padding-bottom: 17px;
}
.user-info.loc-info .user-details.second-side div span {
	margin-left: 140px;
}
.user-info.loc-info .user-details.second-side div span.glyphicon {
	margin-left: 0px;
}
.user-info.loc-info .user-details.second-side div span.caret {
	margin-left: 0px;
}
.user-info .user-details.second-side div.btn-group {
	margin-left: 125px;
	width: 200px;
	margin-top: -38px;
}
.user-details.second-side div.social-btn {
	width: 100%;
	height: 45px;
	margin-top: 30px;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	font-size: 250%;
	position: relative;
	vertical-align: top;
	padding-top: 3px;
	background-color: #fff;
	border-radius: 4px;
	padding-right: 0px;
}
.user-details.second-side div.social-btn:hover span.remove-social {
	display: block;
}
.user-details.second-side div.social-btn span.remove-social {
	position: absolute;
	background-color: #e2e2e2;
	top: -11px;
	right: -10px;
	border-radius: 13px;
	padding: 0px 7px;
	font-size: 50%;
	display: none;
}
.user-details.second-side div.social-btn > div.social-icon {
	width: 45px;
	margin-left: -11px;
	margin-top: -4px;
	height: 45px;
	display: inline-block;
	vertical-align: top;
	border-radius: 4px 0 0 4px;
	padding-top: 7px;
	float: left;
}
.user-details.second-side div.social-btn > div.social-icon img {
	max-width: 40px;
	max-height: 40px;
	margin-top: -9px;
	margin-left: -4px;
}
.user-details.second-side div.social-btn.active-social > div.social-name {
	color: #4d4d4d;
	opacity: 1;
}
.user-info .user-details div.social-accounts {
	height: auto;
	padding: 0px;
}
.user-details.second-side div.social-btn div.social-name {
	display: inline-block;
	vertical-align: top;
	height: 45px;
	color: #fff;
	opacity: 0.65;
	border-radius: 0 4px 4px 0;
	width: 296px;
	float: left;
	font-size: 45%;
	padding-top: 10px;
}
.user-info.loc-info .user-details.second-side div.social-btn span {
	margin-left: 0px;
}
div.social-btn {
	border: 1px solid #ddd;
	margin-left: 5px;
}
div.social-btn div.social-name {
	font-size: 30%;
	padding-top: 0px;
	margin-top: -4px;
}
.user-info.loc-info .modal-btn {
	margin-top: 14px;
}
.table-locs-privilege.btn-group button.btn.btn-default {
	border: none;
	margin-left: 0px;
	width: 100%;
	margin-top: -15px;
	height: 50px;
	border-radius: 0px;
}
.table-privilege.btn-group button.btn.btn-default {
	border: none;
	margin-left: -9px;
	width: 159px;
	margin-top: -15px;
	height: 50px;
}
.top-cornered {
	height: 49px;
	border-radius: 0px;
	width: 230px;
	font-size: 13pt;
	margin-top: -12px;
	margin-left: -10px;
}

/* Navigation Animations */
.slider-left {
	position: absolute;
	color: #fff;
	width: 558px;
	height: 54px;
	font-size: 14pt;
	padding-top: 15px;
	left: 559px;
	background-color: #4d4d4d;
	z-index: -1;
}
.slider-right {
	position: absolute;
	color: #fff;
	width: 558px;
	height: 54px;
	font-size: 14pt;
	padding-top: 15px;
	right: 559px;
	background-color: #4d4d4d;
	z-index: -1;
}
.selected-ani-left {
	z-index:2;
    left: 0px;
    -webkit-transition: left 0.3s linear;
    -moz-transition: left 0.3s linear;
    -o-transition: left 0.3s linear;
    transition: left 0.3s linear;
}
.selected-ani-right {
	z-index: 2;
    right:0px;
    -webkit-transition: right 0.3s linear;
    -moz-transition: right 0.3s linear;
    -o-transition: right 0.3s linear;
    transition: right 0.3s linear;
}
.search-user-list {
	width: auto;
	height: auto;
	display: block;
	border: 1px solid #ddd;
	margin: 0px 32px 20px;
	overflow: auto; 
	position: relative;
}
.search-user-list .glyphicon {
	display: inline-block;
	color: #999;
	position: absolute;
	top: 18px;
	left: 12px;
}
.search-user-list input {
	height: 49px;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding-left: 35px;
	vertical-align: top;
	margin-left: 0px;
}
.add-user-list {
	height: 300px;
	border: 1px solid #ddd;
	overflow: auto;
	margin: 0px 32px -10px;
}
.add-user-list > div {
	padding: 7px 5px;
	border-bottom: 1px solid #ddd;
	height: 35px;
}
.add-user-list > div:hover {
	background-color: #eee;
}
.add-user-list > div .user-wrap {
	max-width: 335px;
	display: inline-block !important;
	float; left;
}
.add-user-list button {
	border-radius: 0px;
	margin-top: -7px;
	margin-right: -5px;
	border:none;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	height: 34px;
}
.add-user-list-modal h5{
	text-transform: uppercase;
	text-align: center;
}
.add-user-email {
	color: #999999;
}
.typeahead-template-styles {
	width: 500px;
	height: 450px;
	overflow: auto;
}
.typeahead-template-styles li a {
	border: 1px solid #ddd;
	height: 80px;
	overflow: hidden;
	margin: 10px;
	text-align: center;
	font-size: 120%;
}
.typeahead-template-styles.dropdown-menu>.active>a, .typeahead-template-styles.dropdown-menu>.active>a:hover, .typeahead-template-styles.dropdown-menu>.active>a:focus {
	background-color: #eee;
	color: #4d4d4d;
	cursor: pointer;
}
.typeahead-template-styles li a img {
	max-height: 72px;
	max-width: 72px;
	margin-left: -16px;
	display: inline-block;
	vertical-align: top;
}
.typeahead-template-styles li a > div {
	display: inline-block;
	margin-left: 5px;
	max-width: 100%;
	overflow: hidden;
}
.typeahead-template-styles li a > div span {
	font-size: 75%;
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
	top: -2px;
	position: relative;
	left: 1px;
	width: 98%;
}

/*--- (Settings) My Settings ---*/

.phone-fields > input {
	display: inline-block;
	width: 60px;
	color: #4d4d4d;
	font-weight: normal;
}
.phone-fields > input:first-child, .phone-fields > input:first-child + input {
	width: 50px;
}
.phone-fields > span {
	font-size: 69%;
	vertical-align: sub;
}
.phone-fields {
	font-size: 150%;
	line-height: 1;
	color: #999;
	font-weight: 300;
}
.half-field {
	display: inline-block;
	vertical-align: top;
	width: 49.5%;
}
.profile .birthday-div {
	display: inline-block;
	vertical-align: top;
	width: 32.6%;
}
.profile .birthday-div ul {
	text-align: center;
	max-height: 325px;
	overflow: auto;
}
.gender-div input[type=radio].css-radio + label.css-label{
	text-transform: uppercase;
	font-weight: normal;
	font-size: 85%;
	margin-right: 35px;
	line-height: 1.3;
}
.user-profile-settings {
	position: relative;
}
.user-profile-settings > div:first-child {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 5px;
	background-color: #fff;
	width: 102px;
	height: 102px;
	display: inline-block;
	position: relative;
	z-index: 2;
	margin-left: 10px;
}
.user-profile-settings > div:first-child span {
	display: none;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 90px;
	height: 90px;
	font-size: 700%;
	text-align: center;
	padding-top: 12px;
	background-color: rgba(0, 0, 0, 0.1);
	color: #999;
	z-index: 10;
}
.user-profile-settings > div:first-child:hover span {
	display: block;
}
.user-profile-settings > div:first-child img {
	max-width: 90px;
	max-height: 90px;
}
.user-profile-settings > div:last-child {
	font-size:150%;
	padding: 7px 5px;
	position: absolute;
	z-index: 0;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	top: 68px;
	width: 100%;
	left: 0;
	padding-left: 115px;
	text-align: center;
	height: 47px;
}
.user-profile-settings > div:last-child.staff-search-space {
	top: 80px;
}
.user-profile-settings > div:last-child span {
	font-size: 65%;
}
.user-profile-settings > div:last-child span:last-child {
	position: absolute;
	top: 11px;
	right: -9px;
	background-color: #fff;
	padding: 0px 6px;
	border-radius: 10px;
	border: 1px solid #ddd;
}
.light-bottom {
	border-bottom: 1px solid #eee;
}
.notification-div {
	height: auto;
	overflow: hidden;
	max-height: 23px;
}
.notification-div.auto-height {
	height: auto;
	max-height: 100px;
}
.notification-div.auto-height-tall {
	height: auto;
	max-height: 185px;
}
.notification-div.auto-height-extra-tall {
	height: auto;
	max-height: 235px;
}
.notification-div > div:first-of-type {
	background-color: #eee;
	color: #999;
	border: 1px solid #ddd;
	border-radius: 11px;
	padding: 2px 8px 1px;
	font-size: 88%;
	width: 70px;
	position: relative;
	cursor: pointer;
}
.notification-div > div.noti-on {
	background-color: rgba(92, 184, 92, 0.8);
	color: #fff;
}
.notification-div > div > div {
	width: 29px;
	height: 16px;
	background-color: #fff;
	position: absolute;
	border-radius: 10px;
	top: 2px;
	left: 3px;
	border: 1px solid #bbb;
}
.notification-div div.tooltip {
	text-transform: initial;
}
.notification-div > div > div.noti-on {
	left: 36px;
}
.notification-div ul li {
	font-weight: 300;
	font-size: 85%;
}
.notification-div > div:last-child input{
	height: 30px;
	width: 50%;
}
.general-table.users-table {
	margin: 15px 0px;
	border: 1px solid #ddd;
	height: auto;
}
.table-general-name {
	width: 28%;
}
.table-general-address {
	width: 57%;
}
.table-general-privilege {
	width: 15%;
}
.general-table.users-table > .users-table-body {
	height: auto;
	min-height: 100px;
}
.staff-search > .users-list:first-child input {
	width: 100%;
}
.staff-search > .users-list:first-child > span {
	top: 10px;
	left: 7px;
}
.staff-search > .users-list label {
	position: absolute;
	top: -15px;
}
.users-list {
	position: absolute;
	top: 4px;
	left: 120px;
	width: 239px;
}
.users-list input {
	display: inline-block;
	width: 177px;
	height: 35px;
	vertical-align: top;
	padding-left: 24px;
}
.users-list > span {
	position: absolute;
	top: 30px;
	left: 67px;
	color: #999;
}
.users-list + .users-list > span {
	top: 10px;
}
.users-list.owner-drop .typeahead-template-styles {
	width: 215px;
	height: auto;
	max-height: 250px;
}
.users-list.owner-drop .typeahead-template-styles a {
	border: none;
	height: auto;
	margin: 0px 0px;
	padding: 5px 5px;
}
.users-list + .users-list {
	top: 42px;
}
.support-top {
	text-align: center;
}
.support-top h3 {
	margin-top: 0px;
}
.support-top span {
	color: #999;
}
.support-top span span {
	font-size: 250%;
	vertical-align: middle;
}
.support-top span.glyphicon, .support-top span.uno-icon {
	font-size: 150%;
	vertical-align: middle;
}
.support-top a {
	text-decoration: none;
	color: #666;
}
.support-top a:hover {
	color: #aaa;
}
.faq > div:first-child, .handy-guides > div:first-child {
	padding: 0px 15px;
	font-weight: 600;
}
.handy-guides > div:first-child em {
	font-weight: normal;
	color: #666;
	font-size: 90%;
}
.profile > div > div.support-iframe:last-child {
	padding: 0px;
}
.support-iframe > iframe {
	border: none;
    width: 100%;
    height: 800px;
}
.faq ul {
	padding: 10px;
	list-style-type: none;
	padding-bottom: none;
}
.faq li {
	border-top: 1px solid #eaeaea;
	padding: 10px;
	height: auto;
	overflow: hidden;
	max-height: 40px;
}
.faq li.expanded-faq {
	max-height: 275px;
}
.faq li:hover {
	background-color: #f2f2f2;
}
.faq li:last-child {
	border-bottom: 1px solid #eaeaea;
}
.faq li:hover > div {
	background-color: #fff;
}
.faq li > div {
	padding: 10px 25px;
	margin: 10px -10px -20px;
}
.faq li > div:last-child {
	color: #999;
	padding-bottom: 15px;
}
.faq li > div > div {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	background-color: #aaa;
	padding: 1px 10px;
	border-radius: 13px;
	margin-right: 10px;
	margin-top: 5px;
}
.faq li > div > span {
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
}
.handy-guide-tabs {
	margin: 15px 0px 0px 15px;
	overflow: hidden;
}
.handy-guide-tabs > div {
	float: left;
	display: inline-block;
	vertical-align: top;
	width: 86.1px;
	padding: 4px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 89%;
	border: 1px solid #ddd;
	background-color: #eee;
	margin-left: 4px;
}
.handy-guide-tabs > div:first-child {
	margin-left: 0px;
}
.handy-guide-tabs > div.active-handy {
	background-color: #fff;
	border-bottom: none;
	padding: 4px 0px 5px;
}
.handy-holder {
	border: 1px solid #ddd;
	margin: -1px 15px 15px;
	height: auto;
	min-height: 50px;
}
.handy-holder div {
	margin: 10px;
	border: 1px solid #ddd;
	display: inline-block;
	margin-right: 0px;
	float: left;
	width: 225px;
	height: 130px;
	text-align: center;
	padding-top: 18px;
	font-size: 200%;
	position: relative;
	box-shadow: 2px 2px 8px -2px rgba(50, 50, 50, 0.5);
	border-radius: 4px;
}
.handy-holder div span {
	font-size: 300%;
}
.handy-holder div span.glyphicon {
	display: none;
	position: absolute;
	top: 95px;
	font-size: 100%;
	left: 5px;
	color: #999;
}
.handy-holder div:hover {
	background-color: #eee;
}
.handy-holder div:hover span.glyphicon {
	display: block;
}
.handy-holder div:last-child {
	float: none;
	height: auto;
	width: auto;
	padding: 0px;
	display: block;
	border: none;
}
.general-activity > div.table-header {
	border-top: 1px solid #ddd;
	margin: 0px 10px;
}
.general-activity .users-table.loc-table .users-table-body {
	height: 407px;
}
.general-activity .users-table.loc-table {
	margin: 0px 10px;
}
.gallery-image-grid .media-label {
	color: #697882;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    text-align: center;
    padding: 15px;
    font-size: 18px;
}

/* Yogenfruz users, gallery specific styles */
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
    height: 8px;
}
.uno-heading-controls.margin-top {
	margin-top: 15px;
}
.margin-5 {
	margin: 5px;
}
.user-info .user-details div.custom-row {
	display: inline-table;
	width: 100%;
}/*############-- App Styles - Tasks --############*/

#unoapp_tasks {
	
}

/*<><><>- Tasks -<><><>*/

.tasks-inline-loading-screen {
	width: 100%;
	height: 500px;
	position: relative;
}

.task-border {
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd; 
}
.task-page {
	overflow: hidden;
}
.task-page .users-top {
	width: 103%;
}
.task-page .users-top > ul {
	display: inline-block;
	vertical-align: top;
}
.task-page .users-table {
	border-bottom: none;
}
.width-100 {
	width: 100% !important;
}
.task-asset-btn {
	height: 373px; 
	overflow: auto; 
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.task-tab {
	color: #333;
}
.task-tab:hover {
	color:#333;
}
.task-check {
	padding: 5px; 
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px;
	margin-top: 2px;
}
.task-subtext {
	color:#666;
}
.task-attachments {
	overflow: auto; 
	height: 35px; 
	border-bottom: 1px solid #ccc;
}
.task-page .users-top ul li {
	border-left: 1px solid #ddd;
	margin-left: 0px;
}
.task-page .users-top ul li a {
	padding: 15px 26px 14px;
	border-radius: 0px;
}
.users-table-body > div > div.task-status {
	padding: 0px;
}
.users-table-body > div > div.task-status > span {
	padding: 15px 5px 0px;
	display: block;
}
.users-table-body > div > div.task-status > div {
	margin-top: 0px;
	height: 50px;
}
.users-table-body > div > div.task-status > div > button.btn {
	border: 0px;
	border-radius: 0px;
	height: 50px;
}
.table-hover-tasks:hover {
	cursor: pointer;
}
.task-table .hover-head:hover {
	cursor: pointer;
	background-color: #ddd;
}
.small-notifier {
	font-size: 75%;
	margin-top: -5px;
}
.report-task-button {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 18px 24px;
	height: 100px;
	text-align: center;
}
.report-task-button .badge {
	background-color: transparent;
	font-size: 300%;
	font-weight: normal;
	color: #4d4d4d;
}
.task-stats > div:first-child > .report-task-button {
	text-align: left;
}
.task-stats > div:first-child > .report-task-button > span:first-child{
	font-size: 650%;
	vertical-align: top;
}
.task-stats > div:first-child > .report-task-button div{
	display: inline-block;
	margin-left: 19px;
}
.task-stats > div:first-child > .report-task-button span{
	font-size: 160%;
	text-transform: uppercase;}
.task-stats > div > .report-task-button > div:first-child {
	border-bottom: 1px solid #ddd;
	background-color: #f2f2f2;
	margin: -18px -24px 9px;
	border-radius: 4px 4px 0 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 115%;
	padding: 2px;
}
.task-stats > div > .report-task-button > span.uno-icon-thin {
	font-size: 500%;
	vertical-align: sub;
}
.nav-default > li > a {
	color: #333;
}
.nav-default > li.active > a,
.nav-default > li.active > a:hover,
.nav-default > li.active > a:focus {
  color: #333;
  background-color: #ddd;
}
.task-info {
	border-right: 1px solid #ddd; 
	height: auto;
}
.task-col-right div.task-group {
	height: 235px;
	margin-top: 10px;
	border-bottom: 1px solid #ddd;
}
.task-col-right p {
	padding-left: 37px;
}
.task-col-right ul {
	list-style-type: none;
	text-align:left;
	padding-left: 0px;
	height: 140px;
	overflow: auto;
}
.task-col-right li {
	padding: 5px;
	padding-left: 15px;
	border-bottom: 1px solid #ddd;
}
.task-col-right li:last-child {
	border-bottom: none;
}
.task-col-right button {
	width: 70%;
}
#main-info {
    min-height: 550px;
}
div.select-count {
	height: 20px;
	display: inline-block;
	border-bottom: none;
	font-weight: 600;
	font-size: 12pt;
	margin-top: 7px;
}
div.placeholder-tasks {
	height: 200px;
	background-color: #ddd;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 36pt;
	padding: 30px 20px 20px 20px;
	text-align: center;
}
div.placeholder-tasks:hover {
	cursor: pointer;
}
.task-xs {width: 2.5%; float: left;}
.task-xxsm {width: 10%; float: left;}
.task-xsm {width: 12%; float: left;}
.task-sm {width: 13%; float: left;}
.task-md {width: 15%; float: left;}
.task-mdlg {width: 17%; float: left;}
.task-lg {width: 25%; float: left;}
.top-head-tasks {
	background-color: #eee;
	margin: -25px -10px 0px;
	border-bottom: 1px solid #ddd;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.top-head-tasks > div:first-child {
	border-right: 1px solid #ddd;
	padding-right: 15px;
	padding-left: 10px;
	margin-left: 4px;
}
.top-head-tasks > div:first-child > div:first-child {
	background-color: #fff;
	height: 45px;
	border-top-left-radius: 4px;
	border-bottom: 1px solid #ddd;
}
.top-head-tasks > div:first-child > div > div {
	margin-top: 0px;
	display: inline-block;
	vertical-align: top;
}
.top-head-tasks > div:first-child > div > div > button {
	margin: 5px;
}
.top-head-tasks > div:first-child > div:first-child > button {
	border: none;
	border-right: 1px solid #ddd;
	height: 44px;
	border-radius: 0px;
	border-top-left-radius: 4px;
}
.top-head-tasks > div:first-child div.campaign-btn {
	margin-top: 5px;
}
.top-head-tasks > div:first-child > div {
	margin: 0px -15px 0px -14px;
	background-color: #fff;
	padding-bottom: 5px;
}
.top-head-tasks > div:first-child > div div.btn-group {
	margin-left: 5px;
	margin-top: 5px;
}
.top-head-tasks .comment-side {
	margin-left: -4px;
}
.location-filter-drop {
	margin-left: -3px;
	margin-top: 0px;
	height: 50px;
	width: 250px;
}
.location-filter-drop button.btn.btn-default {
	width: 100%;
	border: 0px;
	border-radius:0px;
	height: 49px;
	border-right: 1px solid #ddd;
}
.location-filter-drop ul {
	width: 100%;
	max-height: 250px;
	overflow: auto;
}
.location-filter-drop ul li {
	padding: 5px 10px;
	cursor: pointer;
}
.location-filter-drop ul li:hover {
	background-color: #eee;
}
.tasks-staff-search {
	display: inline-block;
	vertical-align: top;
	width: 224px;
	margin-left: -3px;
	position: relative;
}
.cancel-top > span{
	top:0 !important;
}
.tasks-staff-search span {
	position: absolute;
	color: #999;
	top: 16px;
	left: 11px;
}
.tasks-staff-search input {
	width: 226px;
}
.comment-side > div {
	background-color: #fff;
	padding: 8px 10px;
	margin: 44px -15px 0px -11px;
	border-top: 1px solid #ddd;
	height: 55px;
}
.comment-side .btn-group {
	position: absolute;
	top: 50px;
	right: 5px;
	width: 200px;
}
.comment-side .btn-group > button {
	width: 200px;
}
.comment-side .user-count.badge {
	position: absolute;
	top: 3px;
	left: 5px;
	background-color: #4d4d4d;
	color: #fff;
	font-size: 7pt;
	padding: 2px 4px;
	font-weight: normal;
}
.comment-side .caret {
	margin-top: 12px;
}
.comment-side .side-author {
	display: inline-block;
	margin-top: 5px;
}
.comment-side .btn-group > button img {
	max-height: 31px;
}
.comment-side .dropdown-menu.main-drop {
	width: 100%;
	height: auto;
	padding-bottom: 35px;
}
.comment-side .dropdown-menu > li {
	padding: 5px;
	height: 41px;
}
.comment-side .dropdown-menu > li img {
	max-height: 31px;
	margin-right: 10px;
}
.comment-side .remove-user {
	color: #333;
	margin-top: 5px;
	margin-right: 5px;
}
.comment-side .dropdown-menu.main-drop > li:last-child {
	border-top: 1px solid #ddd;
	text-align: center;
}
.comment-side .dropdown-menu ul {
	display: inline-block;
	width: 189px;
	text-align: left;
	border: 1px solid #ccc;
}
.comment-side .dropdown-menu.main-drop > li:last-child button {
	padding: 2px 13px;
	margin-top: 5px;
}
.task-left-panel {
	padding-top: 10px;
	padding-left: 0px;
	border-right: 1px solid #ddd;
	margin-left: 2px;
	height: 621px;
}
.task-left-panel div {
	border-bottom: 1px solid #ddd;
	padding: 7px 5px 2px;
}
.task-comment-section {
	margin-left: -3px;
	padding-top: 10px;
}
.task-comment-section div.comment-actions {
	width: 675px;
}
.task-comment-section div.notifications-content-body {
	margin-left: -12px;
}
/*############-- App Styles - Triggers --############*/

#unoapp_triggers {
	
}

/*<><><>- Triggers -<><><>*/

.trig-topic-panel {
	border: 1px solid #ddd;
	height: 175px;
	border-radius: 4px;
	padding: 10px;
	text-align: center;
	color: #fff;
	background-size: cover;
	cursor: pointer;
}
.trig-topic-panel > div {
	margin: -10px;
	height: 173px;
	background-color: rgba(0, 0, 0, 0.3);
}
.trig-topic-panel span {
	font-size: 1400%;
	display: block;
	height: 130px;
	line-height: 0.73;
}
.trig-topic-panel p {
	font-size: 175%;
	font-weight: 300;
}
.trig-topic-panel:hover span {
	font-size: 1600%;
	line-height: 0.65;
}
.trig-topic-panel:hover div {
	background-color: rgba(0,0,0,0.4);
}
.trigger-select-panel {
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 170px;
	cursor: pointer;
	background-color: #f2f2f2;
}
.trigger-select-panel:hover {
	background-color: #eee;
}
.trigger-select-panel:hover h4 {
	background-color: #f2f2f2;
}
.trigger-select-panel h4 {
	text-align: center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
	font-size: 150%;
	text-transform: uppercase;
	background-color: #fff;
	padding-top: 7px;
	margin-top: 0px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.trigger-select-panel span {
	color: #5cb85c;
	text-align: center;
	width: 100%;
	display: block;
	font-size: 1000%;
	margin-top: -31px;
}
.trigger-select-panel p {
	padding: 15px;
	font-size: 115%;
}
.trigger-select-panel.selected {
	background-color: #ddd;
}
.trigger-select-panel.selected h4 {
	background-color: #eee;
}
.trigger-select-panel.selected span {
	color: #47a447;
}
#new-task-module .trigger-locations{
	border:none;
	margin:0px;
}
#new-task-body{
	padding: 0px 15px 15px 15px;
}
#footer-mrg{
	margin-top: 0;
}
.trigger-locations {
	border: 1px solid #ddd;
	border-top: none;
}
.trig-loc-head {
	border-bottom: 1px solid #ddd;
}
.trig-loc-head > div {
	display: inline-block;
	width: 50%;
	padding: 10px;
	font-size: 150%;
	text-align: center;
}
.trig-loc-head > div:first-child {
	border-right: 1px solid #ddd;
}
.trig-loc-head > div:last-child {
	margin-left: -4px;
}
.trig-loc-body > div {
	width: 50%;
	display: inline-block;
	height: 275px;
	vertical-align: top;
	overflow: auto;
}
.trig-loc-body > div li {
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
.trig-loc-body > div li:hover  {
	cursor: pointer;
	background-color: #f2f2f2;
}
.trig-loc-body > div:first-child {
	border-right: 1px solid #ddd;
}
.trig-loc-foot {
	border-top: 1px solid #ddd;
	height: 45px;
}
.trig-loc-foot div {
	display: inline-block;
    height: 44px;
    vertical-align: top;
    width: 50%;
}
.trig-loc-foot div:first-child {
	border-right: 1px solid #ddd;
}
.trig-loc-foot div:last-child {
	margin-left: -4px;
}
.trig-loc-foot button {
	border-radius: 0px;
	height: 44px;
	width: 100px;
}
.trig-loc-foot button.next-btn {
	width: 75px;
}
.trig-loc-body > div:last-child {
	margin-left: -4px;
}
.trig-quick-btn {
	margin-top: -17px;
}
.trig-quick-btn button:first-child {
	border-right: none;
}
.trig-quick-btn button.modal-btn {
	height: 105px;
	width: 299px;
	font-size: 150%;
}
.activate-social h4 {
	text-transform: uppercase;
	text-align: center;
}
.activate-social > div {
	overflow: auto;
	height: 255px;
	border: 1px solid #ddd;
	padding: 10px;
	padding-top: 0px;
}
.activate-social > div > div {
	border: 1px solid #ddd;
	padding: 17px 15px;
	font-size: 150%;
}
.activate-social > div > div:hover {
	background-color: #f2f2f2;
}
.activate-social > div > div > div {
	display: inline-block;
	width: 52px;
	height: 47px;
	margin-left: 10px;
	margin-top: -9px;
	text-align: center;
	font-size: 150%;
	cursor: pointer;
	padding-top: 5px;
}
.activate-social > div > div > div.uno-disabled {
	opacity: 0.3;
}
.turn-red {
	color: #FE0000;
}
.merge-fields-drop {
	text-align: center;
	border-bottom: 1px solid #ddd;
	position: absolute;
	top: 0px;
	width: 100%;
	margin: 0px -20px;
	height: 40px;
	background-color: #fff;
	overflow: hidden;
}
.merge-fields-drop.open-merge {
	height: 191px;
}
.merge-fields-drop h4 {
	padding: 10px;
	margin: 0px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	border-top: 1px solid #ddd;
	background-color: #f2f2f2;
	z-index: 10;
}
.merge-fields-drop h4:hover {
	cursor: pointer;
	background-color: #eee;
}
.merge-fields-drop button {
	margin-top: 10px;
	margin-right: 5px;
}
.tweet-message-content {
	margin-top: -20px;
}
.tweet-message-content.top-20 {
	margin-top: 20px;
}
.tweet-message-content textarea {
	height: 190px;
	resize: none;
	border: none;
	margin: 0px -20px;
	width: 598px;
	padding: 15px 25px;
}
.tweet-message-content.top-20 textarea {
	height: 150px;
}
.tweet-message-content textarea:focus {
	outline:none;
	border:none;
	box-shadow: none;
}
.char-count {
	border-top: 1px solid #ddd;
	margin: -5px -20px 0px;
	height: 55px;
	border-bottom: 1px solid #ddd;
}
.char-count > span {
	margin-top: 17px;
	text-transform: uppercase;
}
.tweet-additions {
	border-bottom: 1px solid #ddd;
	margin: 0px -20px 25px;
	height: 50px;
}
.tweet-additions input {
	border: none;
	width: 325px;
	height: 49px;
	display: inline-block;
}
.tweet-additions button {
	height: 49px;
	border:none;
	border-left: 1px solid #ddd;
	vertical-align: top;
	border-radius: 0px;
	margin-right: -4px;
}
.tweet-additions button:first-of-type {
	width: 65px;
}
.tweet-additions button:last-child {
	width: 204px;
}
.trig-save-btn {
	text-align: center;
}
.trig-save-btn button {
	width: 150px;
	font-size: 125%;
	margin-top: 7px;
}
.twitter-photo {
	display: inline-block;
	height: 44px;
	width: 50px;
	position: relative;
	margin: 5px;
}
.twitter-photo span {
	position: absolute;
	top: -3px;
	right: 0;
	color: #fff;
	background-color: #4d4d4d;
	padding: 0px 4px;
	border-radius: 14px;
	font-size: 75%;
	cursor: pointer;
}
.twitter-photo img {
	max-width: 100%;
	max-height: 100%;
}
.merge-fields-drop.open-merge.subject-merge {
	height: 94px;
}
.merge-fields-drop div {
	overflow: auto;
	padding-bottom: 10px;
}
.merge-fields-drop.subject-merge div {
	height: 53px;
}
.merge-fields {
	padding: 0px 10px;
}

.link-holder {
	margin: -20px -20px 0px;
}
.links-app {
	text-align: center;
}
.links-app div.new-link {
	position: relative;
}
.links-app input {
	border: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0px;
	height: 50px;
	padding-left: 100px;
}
.links-app label {
	position: absolute;
	top: 16px;
	left: 25px;
	text-transform: uppercase;
	font-size: 90%;
	font-weight: normal;
	color: #999;
}
.links-app button {
	width: 150px;
	height: 45px;
	border-radius: 0px;
}
.users-table.link-table {
	border-top: 1px solid #ddd;
	margin: 0px;
	height: 271px;
        overflow-y:scroll;
}
.table-link-title {
	width: 16%;
	float: left;
}
.table-link {
	width: 47%;
	float: left;
}
.table-link-short {
	width: 25%;
	float: left;
}
.table-link-view {
	width:6%;
	float: left;
}
.table-link-view a {
	color: #4d4d4d;
	text-decoration: none;
}
.table-checked {
	width: 4%;
	float: left;
	color: #fff;
}
.users-table.link-table .users-table-body {
	height: 245px;
}
.users-table-body .table-link {
	font-size: 80%;
}
.link-table .users-table-body div.selected {
	background-color: #ccc;
}
.trigger-widget label {
	font-size: 90%;
}
.trigger-widget div.btn-group {
	width: 250px;
}
.inactive-socials h4 {
	background-color: #ddd;
	margin: -17px -15px 14px;
	padding: 5px;
}
.inactive-socials div.social-btn {
	width: 47%;
	height: 45px;
	margin-top: 1px;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	font-size: 150%;
	position: relative;
	vertical-align: top;
	padding-top: 3px;
	background-color: transparent;
	border-radius: 4px;
	padding-right: 0px;
	border: transparent;
}
.inactive-socials div.social-btn > div.social-icon {
	width: 45px;
	margin-left: -11px;
	margin-top: -4px;
	height: 45px;
	display: inline-block;
	vertical-align: top;
	border-radius: 4px 0 0 4px;
	padding-top: 2px;
	float: left;
}
.inactive-socials div.social-btn.active-social > div.social-name {
	opacity: 0.7;
}
.inactive-socials div.social-btn div.social-name {
	display: inline-block;
	vertical-align: top;
	height: 45px;
	color: #fff;
	opacity: 0.45;
	border-radius: 0 4px 4px 0;
	width: 197px;
	float: left;
	font-size: 45%;
	padding-top: 12px;
}
.inactive-socials div.social-btn span {
	margin-left: 0px;
}
.sub-nav {
	margin: -21px -10px -25px;
}
.sub-nav > div {
	display: inline-block;
	vertical-align: top;
	padding: 15px 0px;
	margin-bottom: -3px;
}
.sub-nav a {
	cursor: pointer;
	color: #999;
	text-decoration: none;
	border-right: 1px solid #999;
	font-size: 115%;
	padding: 0px 35px;
}
.sub-nav > div:last-child a {
	border-right: none;
}
.sub-nav > div.selected {
	border-bottom: 3px solid #666;
}
.sub-nav > div.selected a {
	color: #666;
	border-color: #666;
}
.modal-body .sub-nav {
	margin: -21px -20px 10px;
	border-bottom: 1px solid #ddd;
}
.sub-nav > div > button.btn {
	margin-top: -7px;
}
.quick-post-body h3 {
	margin-top: 0px;
	padding-left: 15px;
	margin-bottom: 20px;
}
.quick-poster {
	border: 1px solid #ddd;
}
.quick-poster .tweet-message-content {
	margin-top: 0px;
}
.quick-poster .tweet-message-content textarea {
	height: 190px;
	resize: none;
	border: none;
	width: 100%;
	padding: 15px 25px;
	margin: 0px;
}
.quick-poster .char-count {
	margin: -5px 0px 0px;
	background-color: #fff;
}
.quick-poster .tweet-additions {
	margin: 0px;
	border-bottom: 0px;
	background-color: #fff;
	height: 49px;
}
.quick-poster .tweet-additions button:last-child {
	float: right;
	margin-right: 0px;
}
.quick-poster .tweet-additions button:first-of-type {
	border-right: 1px solid #ddd;
}
.post-btns > button {
	border-radius: 0px;
	height: 50px;
}
#links-modal .modal-body > div {
	margin: -20px -20px 0px;
}
.quick-sched {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 10px 15px 0px;
}
.recent-posts {
	max-height: 400px;
	overflow: auto;
}
.recent-posts > div {
	padding-top: 25px;
	margin-bottom: 5px;
}
.recent-posts .social-icon {
	display: inline-block;
	vertical-align: top;
	width: 50px;
	position: relative;
}
.recent-posts .social-icon img {
	max-width: 100%;
}
.recent-posts .social-message {
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	width: 750px;
	min-height: 48px;
	margin-left: 5px;
	position: relative;
	border-radius: 4px;
}
.recent-posts .social-message .post-content {
	width: 100%;
}
.recent-posts .shorter .social-message .post-content {
	width: 75%;
	display: inline-block;
}
.recent-posts .shorter .social-message > div:first-of-type {
	display: inline-block;
	vertical-align: top;
	margin-left: 1%;
	width: 23%;
	height: 25px;
	background-repeat: no-repeat;
	background-size: cover;
	height: 150px;
	background-position: 50%;
	cursor: pointer;
}
.recent-posts .float-status {
	text-transform: uppercase;
	position: absolute;
	top: -17px;
	left: 0px;
	color: #666;
	font-size: 85%;
}
.recent-posts .social-remove {
	display: inline-block;
	vertical-align: top;
	width: 20px;
}
.recent-posts .social-remove span {
	color: #fff;
	border: 2px solid #fff !important;
	float: right;
	padding: 2px;
	line-height: 1.2;
	cursor: pointer;
	font-size: 85%;
}
.recent-posts .social-remove span.glyphicon-remove {
	background-color: rgb(201, 45, 45);
}
.recent-posts .social-message span.glyphicon-pencil {
	background-color: rgb(100, 100,100);
	color: #fff;
	border: 2px solid #fff !important;
	padding: 2px;
	line-height: 1.2;
	cursor: pointer;
	font-size: 85%;
}
.recent-posts .social-remove span.glyphicon-pencil {
	background-color: rgb(100, 100,100);
}
.recent-posts .date-strip {
	display: block;
	background-color: #f7f7f7;
	border-top: 1px solid #ddd;
	margin: 10px -10px -10px;
	border-radius: 0px 0px 4px 4px;
	padding: 5px 10px;
}
.social-remove > div {
	text-align: center;
	width: 100px;
	margin-top: 25px;
}
.social-remove > div img {
	max-height: 145px;
	max-width: 100px;
}

/*--- (Triggers) Campaign Marketplace ---*/

.trigger-marketplace > div:first-child {
	height: auto;
	min-height: 390px;
}
.trigger-marketplace div.marketplace-btn {
	min-height: 0px;
    border: 1px solid #697882;
    width: 300px;
    margin: 0 auto;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #697882;
    font-size: 16px;
    padding: 15px;
    background-color: #e9ecf3;
    cursor: pointer;
    -webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.trigger-marketplace div.marketplace-btn:hover {
	background-color: #fff;
}
.trigger-marketplace > div:last-child {
	padding: 0px 13px;
}
.poster-upload-modal > .location-search {
	position: relative;
}
.poster-upload-modal > .location-search span.glyphicon{
	position: absolute;
	color: #999;
	top: 9px;
	left: 6px;
}
.poster-upload-modal > .location-search input {
	padding-left: 25px;
}/*############-- App Styles - UNOcloud --############*/

#unoapp_unocloud {
	
}

/*<><><>-- UNOcloud pages --<><><>*/

/*<><><>-- UNOcloud --<><><>*/

.cloud-nav {
	text-align: center;
	background: #fff;
	position: relative;
	height: 55px;
	width: 1168px;
	margin: -15px -10px 20px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	overflow: hidden;
}
.cloud-nav .uno-icon-new {
	font-size: 225%;
}
.cloud-nav .uno-icon {
	font-size: 135%;
	line-height: 1.1;
}
.cloud-nav ul {
	width: 1237px;
	height: 54px;
	padding-left: 0px;
	list-style-type: none;
	margin: 0px -34px;
	position: relative;
	border-bottom: none;
}
.cloud-nav li {
	display: inline-block;
	height: 54px;
	font-size: 14pt;
	padding-top: 13px;
	margin: 0 -2px;
	border-right: 1px solid #ddd;
	background-color: #eee;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
}
.cloud-nav li:hover {
	cursor: pointer;
	background-color: #e2e2e2;
}
.cloud-nav li.selected {
	background-color: #fff;
	border-bottom: none;
}
.cloud-nav li span.uno-icon-thin {
	font-size: 300%;
	vertical-align: middle;
	line-height: 0.01;
}
.cloud-nav.cloud-five li {
	width: 18.9%;
}
.cloud-nav.cloud-six li {
	width: 15.75%;
}
.cloud-nav.cloud-seven li {
	width: 13.6%;
}
.cloud-nav.cloud-four li {
	width: 23.6%;
}
.cloud-nav.cloud-three li {
	width: 31.5%;
}
.cloud-nav.cloud-two li {
	width: 47.2%;
}
.cloud-nav.cloud-one li {
	border-right: none;
	background-color: transparent;
	width: 100%;
}
.unocloud-heading {
	padding-top: 1px;
	width: 1145px;
	border: 1px solid #ddd;
	padding: 7px 15px;
	border-radius: 4px;
}
.unocloud-heading .subtitle {
	padding-left: 0px;
	margin-bottom: 0px;
}
.unocloud-body {
	margin-left: 0px;
	margin-right: 0px;
}

/*--- (UNOcloud) DNA ---*/

.dna-carousel {
	height: 230px;
	margin-left: 0px;
	margin-right: 0px;
	overflow:hidden;
	position: relative;
}
.dna-viewport {
	margin-left: 100px;
	width: 930px;
	height: 230px;
	overflow: hidden;
	position: relative;
}
.dna-viewport .carousel-container-parent, .dna-viewport .carousel-container, .dna-viewport .carousel-container-clone {
	width: 90000px;
}
.dna-viewport .carousel-container:before, .dna-viewport .carousel-container:after, .dna-viewport .carousel-container-clone:before, .dna-viewport .carousel-container-clone:after {
	content: '';
	display: table;
	clear: both;
	zoom: 1;
}
.dna-viewport .carousel-item {
	float: left;
	display: inline-block;
	text-align: center;
	margin-right: 50px;
}
.dna-viewport .carousel-item:hover {
	cursor: pointer;
}
.dna-viewport img {
	max-width: 100%;
	border-radius: 77px;
	height: 145px;
	width: 145px;
	opacity: 0.5;
}
.dna-viewport .carousel-selected img {
	opacity: 1;
}
.dna-controls {
	position: absolute;
	top: 50px;
	width: 100%;
}
.dna-controls .right-arrow {
	right: 0;
}
.dna-viewport div.carousel-selected {
	opacity: 1;
	font-size: 120%;
}
.click-create.new-topic-btn {
	width: 20%;
}
.new-topic-node div.btn-group {
	margin-top: 5px;
	width: 100%;
}
.new-topic-node div.btn-group button {
	width: 100%;
}
.new-topic-node div.btn-group .caret{
	margin-top: 8px;
}
.tag-list {
	border: 1px solid #ddd;
	padding: 10px 0px;
	background-color: #f6f6f6;
	height: auto;
	margin-top: -1px;
}
.tag-list > div > div  > div {
	border: 1px solid #ddd;
	border-radius: 15px;
	padding: 5px 10px;
	margin: 10px 0px;
	background-color: #fff;
}
.tag-list > div > div > div span.glyphicon {
	color:#fff;
}
.tag-list > div > div > div:hover span.glyphicon {
	color:#eee;
}
.tag-list > div > div > div:hover {
	cursor: pointer;
	background-color:#eee;
}
.tag-list > div > div > div.selected-tag {
	background-color: #5cb85c;
	color:#fff;
}
.tag-list div.selected-tag > span.glyphicon {
	color:#fff;
}
.tag-list > div > div > div.selected-tag:hover span.glyphicon {
	color:#fff;
}
.tag-list > div > div > div.selected-tag:hover {
	cursor: pointer;
	background-color: #5cb85c;
	color:#fff;
}
.tag-list .new-tag > div {
	color: #999;
	border: 1px dashed #ddd;
}
.tag-list .new-tag > div.input-group {
	border: none;
	padding: 0px;
}
.tag-list .new-tag > div.input-group > input {
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border: 1px dashed #ddd;
	border-right: 1px solid #ddd;
	padding: 5px 15px;
	height: 32px;
}
.tag-list .new-tag > div.input-group > span {
	border: 1px dashed #ddd;
	border-left: none;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
.dna-controls .left-arrow {
	border-right: none;
	background-color: #fff;
}
.dna-controls .right-arrow {
	border-left: none;
	background-color: #fff;
}
.dna-controls .left-arrow:before {
	border-width: 18px 20px 18px 0;
	border-color: transparent #4d4d4d transparent transparent;
}
.dna-controls .left-arrow:after {
	border-color: transparent #fff transparent transparent;
	border-width: 18px 20px 18px 0;
	left: 20px;
}
.dna-controls .right-arrow:before {
	border-width: 18px 0 18px 20px;
	border-color: transparent transparent transparent #4d4d4d;
}
.dna-controls .right-arrow:after {
	border-color: transparent transparent transparent #fff;
	border-width: 18px 0 18px 20px;
	right: 20px;
}
.dna-controls > button:focus {
	outline: none;
}
.click-create {
	margin-right: 8px;
	border: 1px solid #ddd;
	text-align: center;
        cursor: pointer;
}
.click-create a {
	padding: 20px 0;
	width: 100%;
	display: block;
	color: #fff;
	background-color: #5cb85c;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14pt;
}
.click-create a:hover {
	background-color: #47a447;
}
.category-nav ul li span.glyphicon {
	/*margin-top: -30px;*/
	/*display: none;*/
	/*color: #4d4d4d;*/
}
.category-nav ul li:hover span.glyphicon {
	/*display: block;*/
}
.category-nav {
	padding: 0px !important;
}
.category-nav ul {
	width: 100%;
	border:none;
	z-index: 2;
	position: relative;
}
.category-nav ul li {
	border: 1px solid #ddd;
	border-bottom: none;
	text-align: center;
	background-color: #e2e2e2;
	margin-right: 0.5%;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.category-nav ul li.one-cat {
	width: 49.7%;
}
.category-nav ul li.two-cat {
	width: 33%;
}
.category-nav ul li.three-cat {
	width: 24.625%;
}
.category-nav ul li.four-cat {
	width: 19.6%;
}
.category-nav ul li.five-cat {
	width: 16.25%;
}
.category-nav ul li.six-cat {
	width: 13.85%;
}
.category-nav ul li:last-child {
	margin-right: 0px;
}
.category-nav .nav-pills>li+li {
	margin-left: 0px;
}
.category-nav ul li a {
	color: #666;
	border-radius: 0px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.category-nav ul li a:hover {
	background-color: #ccc;
}
.category-nav ul li.active {
	background-color: #f6f6f6;
}
.category-nav ul li.active a {
	background-color: #f6f6f6;
	color: #4d4d4d;
}
.category-nav ul li.active:hover a {
	background-color: #f6f6f6;
	color: #4d4d4d;
}
.category-nav ul li.new-cat {
	background-color: #fff;
	border: 1px dashed #ddd;
	height: 40px;
	border-bottom: none;
}
.category-nav ul li.new-cat:hover a {
	background-color: #eee;
}
.new-cat div.input-group {
	width: 80%;
	margin: 2px auto;
}
.tag-list h4 {
	margin-left: 10px;
	text-transform: uppercase;
	font-size: 100%;
}
.tag-list > div > div > div > span.glyphicon {
	color: #fff;
}
.tag-list > div > div > div:hover > span.glyphicon {
	color: #4d4d4d;
}
.tag-details > h4 {
	text-transform: uppercase;
	text-align: center;
}
.tag-details h4 {
	font-size: 100%;
}
.tag-details > div > div > div {
	border-bottom: 1px solid #ddd;
	padding: 10px;
	border-top: 0px;
}
.tag-details > div > div > div:last-child {
	border-bottom: none;
}
.tag-details > div > div {
	border: 1px solid #ddd;
	/*border-top: 0px;*/
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	height: auto;
	overflow: auto;
	max-height: 121px;
	min-height: 41px;
}
.tag-details div.other-list > div {
	height: auto;
}
.tag-details div.other-list > div.full-length {
	max-height: 240px;
}
.tag-details div.other-list > div.med-length {
	max-height: 279px;
}
.tag-details div.other-list > div.short-length {
	max-height: 320px;
}
.tag-details div.other-list > div.admin-length {
	max-height: 490px;
}
.tag-details div.other-list > div > div .input-group.edit-input {
	width: 90%;
}
.tag-details div.other-list > div > div span.raise-the-x {
	margin-top: -25px;
}
.tag-details div.other-list > div.admin-length > div:hover {
	cursor: text;
}
.tag-details div.other-list > div.admin-length > div:hover span.glyphicon {
	cursor: pointer;
}
.tag-details div.other-list > div.admin-length > div:hover span.input-group-addon {
	cursor: pointer;
}
.tag-details > div h4 {
	background-color: #eee;
	padding: 10px;
	border: 1px solid #ddd;
	margin-left: 10px;
}
.tag-details > div > div > div:hover {
	background-color: #f3f3f3;
	cursor: pointer;
}
.selected-sub-tag {
	color: #fff;
	background-color: #5cb85c;
}
.tag-details > div > div > div span.glyphicon-ok {
	color: #fff;
}
.tag-details > div > div > div:hover span.glyphicon-ok {
	color: #f3f3f3;
}
.tag-details .selected-sub-tag span.glyphicon-ok {
	color: #fff;
}
.tag-details > div > div > div.selected-sub-tag:hover span.glyphicon-ok {
	color: #fff;
}
.tag-details > div > div > div.selected-sub-tag:hover {
	color: #fff;
	background-color: #5cb85c;
}
.tag-details > div > div > div.subtag-input {
	border-top: 1px solid #ddd;
}

/*--- (UNOcloud) Profile ---*/

.unocloud-body.profile-body {
	border-top: 1px solid #ddd;
	padding-top: 25px;
	background-color: #f2f2f2;
	margin: 25px -10px -25px;
	padding-bottom: 25px;
	border-radius: 0 0 4px 4px;
}
.profile-nav {
	list-style-type: none;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 4px;
	padding: 5px 0px;
}
.profile-nav-menu {
	max-height: 530px;
	overflow: overlay;
}
.profile-nav li {
	padding: 7px 10px;
	font-size: 105%;
	opacity: 0.8;
}
.profile-nav.large-nav li > span:first-child {
	max-width: 230px;
	display: inline-block;
}
.profile-nav.large-nav li {
	padding: 15px 10px;
}
.profile-nav.large-nav li span.uno-icon-thin {
	font-size: 150%;
	line-height: 0.85;
}
.profile-nav.nested-profile {
	border: none;
	margin: 6px -10px -6px;
	padding: 0px;
	border-radius: 0px;
	overflow: auto;
}
.profile-nav.nested-profile li {
	padding-left: 25px;
	position: relative;
}
.profile-nav.nested-profile li.selected {
	background-color: #eee;
}
.profile-nav li:hover {
	cursor: pointer;
	opacity: 1;
}
.profile-nav li.selected {
	opacity: 1;
	font-weight: 600;
	background-color: #f6f6f6;
	position: relative;
}
.profile-nav li.selected > .profile-nav.nested-profile {
	background-color: #f6f6f6;
}
.profile-nav .manage-btns {
	display:none;
}
.profile-nav li:hover .manage-btns {
	display:block;
}
.profile-nav .manage-btns > div:hover {
	color: #999;
}
.profile-nav span.uno-icon-thin {
	font-size: 225%;
	vertical-align: middle;
}
.user-teams .profile-nav.large-nav {
	max-height: 505px;
    overflow: overlay;
}
.profile-cover {
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 20px;
	height: 200px;
	background-color: #fff;
}
.map-canvas-short {
	height: 150px;
	border-radius: 4px 4px 0 0;
}
.profile-cover > div:last-child {
	position: relative;
	margin-top: -25px;
	padding-top: 1px;
	background-color: #fff;
	border-top: 1px solid #ddd;
	height: 73px;
	border-radius: 0 0 4px 4px;
}
.profile-cover > div:last-child > div {
	width: 75px;
	height: 75px;
	position: absolute;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	top: -22px;
	left: 7px;
	padding: 5px;
}
.profile-cover > div:last-child > div > span {
	width: 100%;
	height: 72px;
	text-align: center;
	display: block;
	font-size: 125%;
	padding-top: 9px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: rgba(256, 256, 256, 0.8);
}
.profile-cover > div:last-child > div > span.no-display {
	display: none;
}
.profile-cover > div:last-child > div:hover > span.no-display {
	display: block;
}
.profile-cover > div:last-child > div > span > span {
	font-size: 250%;
}
.profile-cover > div:last-child > h4 {
	margin-left: 95px;
	line-height: 1.3;
}
.profile-cover > div:last-child > div > div {
	width: 63px;
	height: 63px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}
.profile-cover > div:last-child > span {
	position: absolute;
	right: 5px;
	top: 4px;
	display: none;
	font-size: 80%;
}
.profile-cover:hover > div:last-child > span {
	display: block;
}
.profile-cover > div:last-child > span:hover {
	cursor: pointer;
	color: #999;
}
.profile > div > div.rerender {
	height: 93px;
}
.profile > div > div.rerender.largerender {
	height: 165px;
}
.profile > div > div.rerender.additional-render {
	height: 154px;
}
.profile > div > div.rerender.additional-render.large-addition-render {
	height: 222px;
}
.textWriter {
	outline: none;
	border: 1px solid #ccc;
	background-color: #f2f2f2;
	height: 100px;
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}
.textWriter:focus {
	outline: none;
	background-color: #fff;
}
.one-third {
	width: 28%;
	display: inline-block;
	vertical-align: top;
}
.two-third {
	width: 70%;
	display: inline-block;
	vertical-align: top;
}
.new-image-upload {
	border: 1px solid #ddd;
	height: 200px;
	padding: 2px;
}
.new-image-upload.new-image-small {
	height: 96px;
}
.new-image-upload.new-image-med {
	height: 119px;
}
.new-image-upload > div {
	border: 1px dashed #999;
	height: 194px;
	text-align: center;
	font-size: 60px;
	color: #ccc;
	line-height: 2.55em;
	cursor: pointer;
}
.new-image-upload.new-image-small > div {
	height: 90px;
	font-size: 38px;
	line-height: 1.9em;
}
.new-image-upload.new-image-med > div {
	height: 113px;
	font-size: 38px;
	line-height: 2.3em;
}
.new-image-upload.active > div {
	border-color: transparent;
}
.new-image-upload > div:hover {
	opacity: 0.5;
	background-color: #eee;
}
.new-image-upload img {
	max-height: 192px;
	max-width: 193px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	vertical-align: top;
}
.new-image-upload.new-image-small img {
	max-height: 88px;
	max-width: 92px;
}

/*--- (UNOcloud) Profile: Menkes ---*/
/*--- Menkes UI Styles: Alerts && CTAs ---*/
.menkes-msg {
	width: 100%;
	height: auto;
	display: block;
	color: #666;
	background-color: #F1F2F3;
	border: 1px solid #bbb;
	margin: 0;
	padding: 10px;
	text-align: center;
}

.menkes-msg p {
	margin: 0;
	font-size: 14px;
	line-height: 18px;
}

/*--- Menkes UI Styles: Alerts && CTAs > Modifiers ---*/
.menkes-msg.menkes-msg-alert {
	color: rgba(255,0,0,0.9);
	background-color: rgba(255,0,0,0.05);
	border-color: rgba(255,0,0,0.5);
}

.menkes-ui-profile {}
.menkes-ui-loading-show {
	opacity: 1;
}
.menkes-ui-loading-show.loaded-remove {
	opacity: 0;
	height: 0px !important;
	min-height: 0px !important;
	-webkit-transition: opacity 0.3s, height 0.3s linear 0.3s;
	transition: opacity 0.3s, height 0.3s linear 0.3s;
}
.menkes-ui-loading-hide {
	opacity: 0;
}
.menkes-ui-loading-hide.loaded {
	opacity: 1;
	-webkit-transition: opacity 0.3s linear 0.6s;
	transition: opacity 0.3s linear 0.6s;
}
.menkes-ui-profile .menkes-ui-page { 
	background-color: transparent; 
	border: none; 
}
.menkes-ui-page .profile-save { 
	background-color: transparent !important; 
	border-bottom: none; 
}
.menkes-ui-page .clear-both { 
	background-color: transparent !important; 
	border-bottom: none; 
}
.menkes-ui-section { 
	border-bottom: solid 1px #DDDDDD; 
	overflow: auto; 
}
.menkes-ui-section.loading { 
	background-color: none;
	overflow: auto; 
	text-align: center;
	border: 1px solid #BBBBBB !important;
	border-radius: 0px !important;
	padding: 25px 15px !important;
}
.menkes-ui-section.loading .title { 
	margin-top: 0px;
}
.menkes-ui-section.loading .loading-bar-outer {	
	width: 100%;
	height: 22px;
	display: block;
	background-color: #FFFFFF;
	border: solid 1px #DDDDDD;
	margin-top: 15px;
	padding: 4px;
	margin: 0px;
}
.menkes-ui-section.loading .loading-bar-outer .loading-bar {
	width: 0%;
	height: 100%;
	display: block;
	background-color: #4cae4c;
	margin: 0;
	padding: 0;
}
.menkes-ui-section.header {
	min-height: 60px;
	border: 1px solid #BBBBBB;
	padding: 20px 15px 10px;
}
.menkes-ui-section.header .title {
	width: auto;
	max-width: 40%;
	height: auto;
	display: block;
	margin: 0 !important;
	text-transform: uppercase;
	float: left;
}
.menkes-ui-page .header .controls {
	width: auto;
	max-width: 60%;
	height: auto;
	min-height: 22px;
	background-color: transparent;
	display: block;
	float: right;
}
.menkes-ui-page .header .controls * {
	float: left;
}
.menkes-ui-section label.menkes-label-inline {
	line-height: 22px;
	border-right: solid 1px #BBBBBB;
	margin-right: 10px; 
	padding-right: 10px;
}
.menkes-ui-section.body {
	background-color: transparent;
	border: none !important;
	position: relative; 
}
.menkes-ui-section.body .menkes-ui-obstruct {
	width: 100%;
	height: 100%;
	display: block;
	background-color: #DDDDDD;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 0.25s;
	transition: opacity 0.25s;
	pointer-events: none;
}
.menkes-ui-section.body .menkes-ui-obstruct.is-active {
	opacity: 0.8;
	pointer-events: initial;
}
.menkes-ui-subsection { 
	border: 1px solid #BBBBBB;
	overflow: auto;
	margin-bottom: 20px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	overflow: visible;
}
.menkes-ui-subsection > .header { 
	background-color: #EEEEEE; 
	border-bottom: solid 1px #BBBBBB; 
	padding: 10px 15px; 
}
.menkes-ui-subsection > .header .title { 
	font-size: 12px !important; 
	font-weight: 600; 
	margin: 0; 
}
.menkes-ui-subsection > .header .control-label { 
	color: #666666 !important;
 }
.menkes-ui-subsection > .content { 
	background-color: #FFFFFF; 
	padding: 15px 15px 30px; 
	overflow: visible; 
}
.menkes-ui-subsection.menkes-instruct { 
	border-color: #4cae4c; 
	text-transform: uppercase; 
	font-size: 77%; 
}
.menkes-ui-subsection.menkes-instruct > .header { 
	background-color: #dff0d8; 
	border-color: #4cae4c; 
}
/* MENKES INPUT STYLES */
.menkes-field-wrap {
	display: block;
	padding: 0px 5px;
	float: left;
}
.menkes-field-wrap .menkes-field-header {
	width: 100%;
	height: auto;
	display: block;
	overflow: auto;
}
.menkes-field-wrap .menkes-field-content {
	width: 100%;
	height: auto;
	display: block;
}
.menkes-field-wrap .menkes-field-content .froala-element {
	height: 100px;
}
.menkes-field-wrap .menkes-field-content.froala-large .froala-element {
	height: 150px;
}
.menkes-radio-wrap {
	width: auto;
	height: auto;
	display: block;
	border-right: solid 1px #CCCCCC;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
}
.menkes-radio-wrap:last-child {
	border: none !important;
	margin-right: 0px !important;
	padding-right: 0px !important;
}

/*--- MENKES UNITS STYLES ---*/
/* MENKES UNIT SINGLE */
.menkes-ui-unit-single {
	width: 100%;
	height: auto;
	display: block;
	border: solid 1px #BBBBBB;
	margin: 10px 0px;
	padding: 0px;
	overflow: auto;
}
.menkes-ui-unit-single .unit-single-section {
	width: 100%;
	height: auto;
	display: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.menkes-ui-unit-single .unit-single-section.unit-single-header {
	display: block;
	border-bottom: none;
}

.unit-single-section.delete-section .header {
	background-color: #f2dede !important;
	border-bottom: none !important;
	padding: 5px;
}

.unit-single-section.delete-section .delete-section-cta {
	display: block;
	border: 2px solid #d9534f;
	padding: 10px;
	float: right;
	overflow: auto;
	cursor: pointer;
	-webkit-transition: background-color 0.25s, border-color 0.25s;
	transition: background-color 0.25s, border-color 0.25s;
}

.unit-single-section.delete-section .delete-section-cta span {	
	display: block;
	color: #d9534f;
	float: left;
	line-height: 16px;
}

.unit-single-section.delete-section .delete-section-cta:hover {
	background-color: #d9534f;
	border-color: #d9534f;
}

.unit-single-section.delete-section .delete-section-cta:hover span {
	color: #fff;
}

.delete-section-cta .delete-section-cta-elem-text {
	padding-right: 5px; 
}

.delete-section-cta .delete-section-cta-elem-icon {
	padding-left: 5px;
	top: 0px; /* Override default `.glyphicon` property */
}

.menkes-ui-unit-single .unit-single-section .header {
	background-color: rgba(0,0,0,0.1);
	margin: 0;
	padding: 10px;
	overflow: auto;
	position: relative;
}
.menkes-ui-unit-single .unit-single-section .new-contact-header {
	height: 48px;
}
.menkes-ui-unit-single .unit-single-section .content {
	margin: 0;
	padding: 10px;
	overflow: visible;
}  
.menkes-ui-section .toggle {
	height: 100%;
	width: 54px;
	display: block;
	background-color: rgba(0,0,0,0.05);
	border-left: solid 1px #CCCCCC;
	position: absolute;	
	top: 0;
	right: 0;
	overflow: hidden;
	cursor: pointer;
}
.menkes-ui-section .toggle span {
	width: 50%;
	height: 3px;
	display: block;
	background-color: #999999;
	position: absolute;
	top: 50%;
	left: 50%;
} 
.menkes-ui-section .toggle span:first-child {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.menkes-ui-section .toggle span:last-child {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}
.menkes-ui-section .toggle.open span:last-child {
	display: none;
}
/* EXPANDED */
.menkes-ui-unit-single.expanded {
	box-shadow: 0px 0px 5px #CCCCCC;
}
.menkes-ui-unit-single.expanded .unit-single-section .header {
	border-top: solid 1px #BBBBBB;
	border-bottom: solid 1px #BBBBBB;
}
.menkes-ui-unit-single.expanded .unit-single-section.unit-single-header .header {
	border-top: none;
	border-bottom: none;
}
.menkes-ui-unit-single.expanded .unit-single-section {
	display: block !important;
}

.menkes-ui-unit-single.gallery-init .unit-single-section.gallery-header:hover {
	background-color: #DDDDDD
}
/*--- MENKES TABLE STYLES: ADDER ---*/
table.menkes-table-adder {
	width: 100%;
	height: auto;
	margin: 5px 0px 0px;
	padding: 0px;
}
table.menkes-table-adder tr {
	width: 100%;
	padding: 0;
	margin: 0;
}
table.menkes-table-adder tr > td {
	padding: 0px 5px;
}
table.menkes-table-adder tr > td:first-child {
	padding-left: 0px;
}
table.menkes-table-adder tr > td:last-child {
	padding-right: 0px;
}
table.menkes-table-adder div.form-control {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
table.menkes-table-adder input.form-control {
	display: inline-block;
}
table.menkes-table-adder textarea.form-control {
	display: inline-block;
	vertical-align: top;
}
table.menkes-table-adder .form-control .form-control-inner {
	width: 90%;
	background-color: transparent;
	border: none !important;
	float: left;
}
table.menkes-table-adder .form-control-button {
	width: 10%;
	display: inline-block;
	float: left;
	text-align: right;
}
table.menkes-table-adder .btn {
	vertical-align: top;
	-webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s; 
	transition: color 0.2s, background-color 0.2s, border-color 0.2s; 
}
table.menkes-table-adder .add-file {
	cursor: pointer !important; 
}
table.menkes-table-adder .add-file.file-added {
	color: #4cae4c;
	background-color: #dff0d8;
	border-color: #4cae4c;
}
table.menkes-table-adder .add-file.file-added .glyphicon {
	color: #4cae4c;
}
/*--- MENKES TABLE STYLES: CONTROLS ---*/
.menkes-table-controls {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 15px;
	padding: 10px 0px 10px;
	overflow: auto;
}
.menkes-table-controls .btn {
	vertical-align: top;
	-webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s; 
	transition: color 0.2s, background-color 0.2s, border-color 0.2s; 
}
.menkes-table-controls .btn.submit-ready {
	color: #4cae4c;
	background-color: #dff0d8;
	border-color: #4cae4c;;
}
/*--- MENKES TABLE STYLES: RESULTS ---*/
table.menkes-table-results {
	width: 100%;
	height: auto;
	border: solid 1px #CCCCCC;
	margin: 5px 0px 15px;
	padding: 0px;
}
table.menkes-table-results tr.no-results {
	color: #999999;
}
table.menkes-table-results tr {
	width: 100%;
	border-bottom: solid 1px #CCCCCC;
}
table.menkes-table-results tr:last-child {
	border-bottom: none!important;
}
table.menkes-table-results tr > th {
	background-color: #DDDDDD;
	border-right: solid 1px #CCCCCC;
	padding: 5px 10px;
}
table.menkes-table-results tr > th:last-child {
	border-right: none !important;
}
table.menkes-table-results tr > td {
	background-color: #F1F2F3;
	border-right: solid 1px #CCCCCC;
	padding: 5px 10px;
	vertical-align: center;
}
table.menkes-table-results tr > td textarea {
	width: 100%;
	height: 100%;
	resize: none;
}
table.menkes-table-results tr > td:last-child {
	border-right: none !important;
}
table.menkes-table-results tr input { 
	background-color: transparent; 
	border-color: transparent;
	box-shadow: none; 
	text-overflow: ellipsis; 
}
table.menkes-table-results tr input:hover { 
	border-color: #BBBBBB; 
}
table.menkes-table-results tr input:focus { 
	background-color: #FFFFFF; 
	border-color: #BBBBBB;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
}
/*--- MENKES TABLE STYLES: GENERAL ---*/
/* LAYOUT */
.menkes-table .full {
	width: 100%;
	margin-bottom: 10px; 
}
.menkes-table .half {
	width: 50%;
	float: left;
	padding: 0px 5px;
}
.menkes-table .half:nth-child(2n-1) {
	padding-left: 0 !important;
}
.menkes-table .half:nth-child(2n) {
	padding-right: 0 !important;
}
.menkes-table .quarter {
	width: 25%;
}
/* ALIGNMENT */
.menkes-table td.valign-top {
	vertical-align: top;
}
.menkes-table td.valign-center {
	vertical-align: center;
}
.align-right {
	float: right; 
}
.align-left {
	float: left; 
}
/* ELEMENTS */
.menkes-table {
	width: 100%;
}
.menkes-table .menkes-title {}
.menkes-table .menkes-desc {
	min-height: 100px; 
	height: 100%;
}
/* TABLE CELL ADD */
.menkes-table td.table-cell-add {
	width: 15%;
}
.menkes-table td.table-cell-add > button {
	width: 100%;
}
/* TABLE CELL REMOVE */
.menkes-table td.table-cell-remove {
	width: 10%;
	color: #b94a48;
	background-color: #f2dede;
	text-align: center;
	vertical-align: middle;
}
.menkes-table td.table-cell-remove span {
	padding: 5px;
	cursor: pointer; 
}
/* TABLE CELL CHECKBOX */
.menkes-table td.table-cell-checkbox {
	width: 10%;
	text-align: center;
	vertical-align: middle;
}
.menkes-table td.table-cell-checkbox .css-label {
	padding-left: 15px; /* OVERRIDE FOR .css-label DEFAULT STYLE */
}
.menkes-table td.table-cell-desc {
	vertical-align: top;
}
/* TABLE CELL TOGGLE */
.menkes-table td.table-cell-toggle {
	width: 10%;
}
/* TABLE CELL THUMB */
.menkes-table td.table-cell-thumb {
	width: 100px;
	height: 100px;
	border: solid 1px #CCCCCC;
	padding: 5px !important; 
}
.menkes-table td.table-cell-thumb.adder {
	cursor: pointer;
}
.menkes-table td.table-cell-thumb.thumb-sm {
	width: 75px;
	height: 75px;
}
.menkes-table td.table-cell-thumb .thumb-placeholder {
	height: 100%;
	width: 100%;
	display: block;
	background-color: #F2F2F2;
	text-align: center;
	position: relative;
}
.menkes-table td.table-cell-thumb .thumb-placeholder span {
	color: #CCCCCC;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.menkes-table td.table-cell-thumb .thumb-preview {
	height: 100%;
	width: 100%;
	display: block;
	position: relative; 
}
.menkes-table td.table-cell-thumb .thumb-preview img {
	height: auto;
	max-height: 100%;
	width: auto;
	max-width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.menkes-table td.table-cell-thumb img {
	max-width: 100%;
}
/* TABLE CELL IMG */
.menkes-table-adder td.table-cell-img {
	width: 96px;
}
.menkes-table-results td.table-cell-img {
	width: 20%;
	text-align: center;
}
.menkes-table-results td.table-cell-img img {
	height: 50px;
	width: auto;
	display: inline-block;
}
.fake-table > div:first-child {
	font-size: 80%;
	color: #666;
}
.fake-table > div:first-child > div {
	padding: 1px 5px;
}
.fake-table > div > div:not(.clear-both) {
	display: inline-block;
	float: left;
	vertical-align: top;
}
.fake-table .fake-third {
	width: 33%;
}
.fake-table .fake-third > input {
	border-right: none;
}
.fake-table .fake-tooth {
	width: 66%;
}
.fake-table-content {
	margin-bottom: 3px;
	position: relative;
}
.fake-table-content > span {
	display: none;
}
.fake-table-content:hover > span {
	display: inline-block;
	position: absolute;
	top: 0px;
	right: -15px;
	cursor: pointer;
	color: #999;
	font-size: 120%;
	width: 20px;
	padding-left: 3px;
	height: 33px;
	padding-top: 4px;
}
.unit-div {
	border: 1px solid #ddd;
	padding: 5px 10px;
	background-color: #f7f7f7;
	position: relative;
}
.unit-plan-div {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	margin-right: 10px;
}
.unit-other-div {
	display: inline-block;
	vertical-align: top;
	width: 581px;
}
.unit-other-div input[type=radio].css-radio + label.css-label {
	margin: 0px;
	margin-top: -7px;
}
.unit-other-div > div > div {
	display: inline-block;
	vertical-align: top;
}
.new-unit-div {
	background-color: rgba(0,0,0,0.05);
	border: solid 1px #999999;
}
.new-unit-div .unit-div-section {
	width: 100%;
	height: auto;
	display: block;
	overflow: visible;
}
.new-unit-div .unit-div-section .header {
	background-color: rgba(0,0,0,0.1);
	border-bottom: solid 1px #999999;
	padding: 5px 15px; 
}
.new-unit-div .unit-div-section .content {
	padding: 15px;
}
ul.menkes-field-list {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
	overflow: visible; 
	list-style: none;
}
ul.menkes-field-list > li {
	width: 100%;
	height: auto;
	min-height: 85px;
	display: block;
	border-bottom: solid 1px #999999;
	margin: 0; 
	padding: 10px 0px 15px;
}
ul.menkes-field-list > li:last-child {
	border: none !important;
}
.new-unit-div > .btn, .new-contact-div > .btn {
	margin: 10px auto;
	display: block;
}
.menkes-unit-edit {
	position: absolute;
	right: 4px;
	bottom: 12px;
	color: #888;
	font-size: 10px;
	cursor: pointer;
	display: none;
}
.unit-div:hover .menkes-unit-edit {
	display: block;	
}
.unit-div:hover .menkes-unit-delete {
 	display: block;
}
.menkes-unit-delete {
	position: absolute;
	right: 4px;
	bottom: 1px;
	color: #888;
	font-size: 10px;
	cursor: pointer;
	display: none;
}
.menkes-unit-delete:hover {
	color: #4d4d4d;
}
.menkes-unit-edit:hover {
	color: #4d4d4d;
}
.menkes-gallery-wrap {
	width: 100%;
	height: auto;
	display: block;
	border: solid 1px #BBBBBB;
	margin: 10px 0px;
	padding: 0px;
	overflow: auto;
}
.menkes-gallery-wrap.gallery-init .menkes-gallery-section {
	display: none;
}
.menkes-gallery-wrap.gallery-init .menkes-gallery-section.gallery-header {
	display: block;
	cursor: pointer;
}
.menkes-gallery-wrap.gallery-expanded .menkes-gallery-section {
	display: block !important;
}
.menkes-gallery-wrap .menkes-gallery-section {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
} 
.menkes-gallery-wrap .menkes-gallery-section .header {
	background-color: rgba(0,0,0,0.1);
	border-bottom: solid 1px #BBBBBB;
	margin: 0;
	padding: 10px;
	position: relative;
	overflow: auto;
} 
.menkes-gallery-wrap .menkes-gallery-section .content {
	margin: 0;
	padding: 10px;
	overflow: auto;
} 
.menkes-gallery-section.gallery-delete .header {
	background-color: #d9534f;
}
.menkes-gallery-section.gallery-delete .header label {
	color: #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	padding-top: 1px;
	float: right;
	cursor: pointer;
}
.menkes-gallery-title {
	float: left;
}
.menkes-gallery-list > div {
	width: 100px;
	margin: 9px;
	display: inline-block;
	position: relative;
}
.menkes-gallery-list .gallery-remove {
	position: absolute;
	display: none;
}
.menkes-gallery-list > div:hover .gallery-remove {
	display: block;
	top: 12px;
	left: 33px;
	z-index: 1;
	font-size: 45px;
	color: #666;
	cursor: pointer;
}
.menkes-gallery-list > div .gallery-remove:hover + div {
	opacity: 0.5;
	background-color: #eee;
}
.menkes-inline-gallery {
	width: 583px;
	display: inline-block;
	vertical-align: top;
}
.menkes-gallery-holder {
	max-height: 300px;
	overflow: overlay;
}
.menkes-gallery-holder > div {
}
.general-settings > h4 {
	text-transform: uppercase;
}
.profile > div > div.clearrender {
	-webkit-transform: translate3d(0, 0, 0);
}
.profile > div {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.profile > div > h4 {
	border-bottom: 1px solid #ddd;
	padding: 5px 10px 12px 15px;
	font-weight: 600;
	margin-bottom: 0px;
}
.profile > div > div {
	border-bottom: 1px solid #ddd;
	padding: 20px 0px;
	background-color: #fff;
}
.general-settings > div:first-of-type + div + div + div {
	border: none;
}
.location-settings > div:first-of-type + div {
	border: none;
}
.profile > div > div:last-child {
	border: none;
	padding: 5px;
	border-radius: 4px;
}

.profile .no-border {
	border:none;
}
.general-settings div.short-form {
	width: 90.5%;
	display: inline-block;
	vertical-align: top;
}
.multi-select li.selected {
	background-color: #ddd;
}
.multi-select li.selected a:hover {
	background-color: #ccc;
}
.short-form span {
	background-color: #e2e2e2;
	margin-left: 10px;
	padding: 0px 6px;
	border-radius: 12px;
	display: inline-block;
	margin-top: 1px;
}
.profile-save {
	background-color: #fff;
	position: fixed;
	height: 50px;
	width: 747px;
	bottom: 0px;
	left: calc(50% - 179px);
	z-index: 10;
	border-top: 1px solid #ddd;
}
.profile-save span {
	font-size: 85%;
	margin-left: 10px;
	margin-top: -5px;
	color: #999;
}
.profile-save button.btn {
	border-radius: 0px;
	height: 50px;
	margin-top: -21px;
	width: 150px;
}

.social-settings div.social-btn {
	width: 94%;
	height: 45px;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	font-size: 250%;
	position: relative;
	vertical-align: top;
	padding-top: 3px;
	background-color: #fff;
	border-radius: 4px;
	padding-right: 0px;
	border:transparent;
}
.social-settings div.social-btn:hover span.remove-social {
	display: block;
}
.social-settings div.social-btn span.remove-social {
	position: absolute;
	background-color: #e2e2e2;
	top: -11px;
	right: -10px;
	border-radius: 13px;
	padding: 0px 7px;
	font-size: 50%;
	display: none;
}
.social-settings div.social-btn > div.social-icon {
	width: 45px;
	margin-left: 0px;
	margin-top: -4px;
	height: 45px;
	display: inline-block;
	vertical-align: top;
	border-radius: 4px 0 0 4px;
	padding-top: 1px;
	float: left;
}
.social-settings div.social-btn > div.social-icon.uno-instagram-bg {
	padding-top: 2px;
}
.social-settings div.social-btn > div.social-icon img {
	max-width: 40px;
	max-height: 40px;
	margin-top: -9px;
	margin-left: -4px;
}
.social-settings div.social-btn > div.social-icon .webbuilder-font.white.instagram {
	font-size: 150%;
}
.social-settings div.social-btn.active-social {
	border: 1px solid #ddd;
}
.social-settings div.social-btn.active-social > div.social-name {
	color: #4d4d4d;
	opacity: 1;
}
.social-settings div.social-btn div.social-name {
	display: inline-block;
	vertical-align: top;
	height: 45px;
	color: #fff;
	opacity: 0.65;
	border-radius: 0 4px 4px 0;
	width: 390px;
	float: left;
	font-size: 45%;
	padding-top: 10px;
}
.profile .btn-group ul {
	text-transform: capitalize;
}
.profile .payment {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px;
}
.profile .colors {
	padding-bottom: 30px;
}
.profile .colors input {
	margin: 0px;
	margin-bottom: 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 6px;
	background-color: #f2f2f2;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.profile .colors input:focus {
	box-shadow: none;
	background-color: #fff;
	outline:none;
	border-color: #ccc;
}
.profile .colors ul {
	list-style-type: none;
	padding-left: 0px;
	height: 45px;
	margin-top: -20px;
}
.profile .colors li {
	position: relative;
	height: 35px;
	width: 35px;
	margin: 5px;
	display: inline-block;
	border-radius: 5px;
	vertical-align: top;
	float: left;
}
.profile .colors li.empty-color {
	border: 1px solid #ddd;
	text-align: center;
	padding-top: 3px;
}
.profile .colors li.empty-color > span {
	font-size: 300%;
	color: #aaa;
}
.profile .colors > div {
	width: 267px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 50px;
	overflow: hidden;
}
.profile .colors div.evo-colorind {
	top: -44px;
}
.profile .colors div.evo-pop {
	width: 212px;
	position: relative;
	bottom: 87px;
	margin-left: 5px;
}
.profile span.sub {
	color: #666;
}
.overflow-list {
	height: 245px;
	overflow: auto;
}
.profile .colors li:hover span.color-remove {
	display: block;
}
.profile .colors span.color-remove {
	color: #fff;
	background-color: #4d4d4d;
	padding: 0px 4px;
	border-radius: 10px;
	cursor: pointer;
	position: absolute;
	top: -5px;
	right: -6px;
	display: none;
	line-height: 1.2;
}
.profile > div.hours > div {
	padding: 15px 0px 5px;
}
.profile > div.hours > div.profile-save {
	padding: 20px 0px;
}
.new-input > button {
	margin: 10px 0px 0px;
	border-radius: 0px;
	padding: 15px 0px;
	width: 100%;
}
.hours > .new-input > button {
	margin: 10px 10px 0px;
	width: 265px;
}
.profile > div.hours > div.new-input {
	padding: 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
}
.new-input > div {
	position: relative;
}
.profile div.hours > .new-input > div.new-hours {
	padding: 0px;
	width: 265px;
	margin-left: 10px;
	border-bottom: 0px;
}
.new-input > div > .input-group {
	width: 100%;
	margin: 10px;
	margin-left: 0px;
}
.hours > div.new-hours > .new-input > .input-group {
	width: 265px;
	padding: 0px;
	border-bottom: none;
	margin-bottom: 0px;
}
.new-input > div > .input-group input {
	border-radius: 0px;
	height: 52px;
}
.new-input > div .input-group span.remove-btn {
	float: left;
}
.new-input > div .input-group span.remove-btn button {
	border-radius: 0px;
	height: 52px;
	padding: 0px 6px !important;
	font-size: 21px;
	font-weight: 700;
	line-height: 52px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: background-color 0.15s border-color 0.15s;
	transition: background-color 0.15s border-color 0.15s;
	color: #4d4d4d;
	background-color: #fff;
	border-color: #ccc;
	border-left: 0px;
}
.new-input > div .input-group span.remove-btn button:hover {
	background-color: #ebebeb;
	border-color: #adadad;
}
.new-input > div > textarea {
	border-radius: 0px;
}
.new-input > div > .input-group span.input-group-btn button {
	border-radius: 0px;
	height: 52px;
	border-left: 1px solid #ccc;
}
.new-input > div {
	position: relative;
}
.new-input > div > span:last-child {
	position: absolute;
	top: 0px;
	right: 0px;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	color: #fff;
	background-color: #4d4d4d;
	border-radius: 10px;
	padding: 0px 6px;
	cursor: pointer;
	z-index: 10;
}
.profile .hours div.hours-spacing {
	padding: 0px;
	margin-top: 27px;
}
.hours div.form-group {
	margin-bottom: 0px;
}
.hours button.apply-to-all {
	border: none;
	border-left: 1px solid #ddd;
	border-radius: 0px;
	height: 60px;
	margin-top: -15px;
	margin-bottom: -15px;
	margin-right: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.hours .time-slider {
	margin-top: 9px;
}
.time-ul {
	display: none;
	position: absolute;
	z-index: 10;
	background-color: #fff;
	border: 1px solid #ddd;
	width: 74px;
	max-height: 90px;
	overflow: hidden;
	padding-left: 0px;
	list-style-type: none;
	margin-top: -1px;
	box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.1);
}
.time-ul li {
	cursor: pointer;
	padding: 2px 5px;
	font-size: 90%;
}
.time-ul li:hover {
	background-color: #eee;
}
.profile > div.hours .hour-categories {
	padding-top: 5px;
	padding-left: 5px;
}
.hours .hour-categories .btn.btn-default {
	margin: 5px;
	float: left;
	padding: 4px 10px;
	background-color: #f2f2f2;
	min-width: 50px;
	position: relative;
	margin-top: 10px;
}
.hours .hour-categories .btn.btn-default.active {
	background-color: #4d4d4d;
	color: #fff;
	margin-top: 10px;
}
.hours .hour-categories .btn.btn-default:hover .remove-hours {
	display: block;
}
.remove-hours {
	color: #fff;
	background-color: #4d4d4d;
	padding: 0px 4px;
	cursor: pointer;
	border-radius: 10px;
	line-height: 1.2;
	position: absolute;
	top: -8px;
	right: -9px;
	display: none;
}
.sortable-hours-cat {
	overflow: auto;
}
.hours .hour-categories .sortable-hours-cat .btn.btn-default {
	cursor: pointer;
}

/*--- (UNOcloud) Menus ---*/
.filter-bar {
    list-style: none;
    padding-left: 0px;
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    margin-bottom: 25px;
}
.clearfix {
    display: block;
}
.filter-bar > li.active {
    border-bottom: 3px solid #666;
}
.filter-bar > li.hover {
    border-bottom: 3px solid #999;
}
.filter-bar > li {
    display: inline-block;
    cursor: pointer;
    padding: 8px 10px;
    border-bottom: 3px solid transparent;
    float: left;
}
.sync-type-tabs {
	margin-left: 20px;
    margin-right: 30px;
    color: #666;
}
.menu-left {
	margin-top: -10px;
}
.menu-left .new-input > button {
	margin-bottom: 10px;
}
.menu-left .profile-nav > li > span:not(.cat-cutoff) {
	display: none;
	font-size: 90%;
	margin-top: 1px;
}
.menu-left .profile-nav > li > em {
	font-style: normal;
	display: inline-block;
	max-width: 170px;
}
.menu-left .profile-nav > li:hover > span:not(.cat-cutoff) {
	display: block;
}
.menu-left .profile-nav > li > span:hover {
	color: #999;
}
.menu-left .profile-nav.nested-profile li.selected {
	background-color: #eee;
}
.menu-left .profile-nav > li > span.ngc-sortable-handle {
	position: absolute;
	color: #999;
	left: 6px;
	top: 8px;
}
.menu-left .profile-nav > li > span.ngc-sortable-handle:hover {
	position: absolute;
	color: #ccc;
}
.menu-left .daily-left >label.control-label {
	width: 100%;
}
.menu-left .daily-left >label.control-label span {
	color: #aaa;
	cursor: pointer;
}
.menu-left .daily-left >label.control-label span:hover {
	color: #666;
}
.menu-right.daily-right > div.menu-search-row > button:first-child + button {
	border-right: 1px solid #ddd;
}
#add-modifier-module .new-link label {
	top: 17px;
}
#add-modifier-module .new-link:first-child input {
	padding-left: 130px;
}
#add-modifier-module .new-link input {
	padding-left: 175px;
}
#add-modifier-module .links-app button {
	width: 175px;
}
#add-modifier-module .links-app .move-btn {
	width: 125px;
}
#add-modifier-module .link-holder > button {
	margin: 10px;
	height: 45px;
	border-radius: 0px;
}
#add-label .new-link:first-child input {
    padding-left: 110px;
}
#add-label .link-holder .table-mod-name > img {
	max-height: 25px;
    max-width: 100px;
}
.links-app .modifier-items-list {
	border-top: 1px solid #ddd;
}
.links-app .modifier-items-list div {
	margin: 10px;
	border: 1px solid #ddd;
}
.links-app .modifier-items-list div input {
	display: inline-block;
	margin: 5px;
	border: 1px solid #ddd;
	width: 47%;
	padding-left: 15px;
}
.links-app .modifier-items-list div div input {
	display: inline-block;
	margin: 0px;
	border: none;
	width: auto;
	padding-left: 15px;
	height: 48px;
}
.links-app .modifier-items-list div div {
	display: inline-table;
	vertical-align: top;
	width: 47%;
	margin: 5px;
}
.links-app .modifier-items-list div div span {
	border: none;
	border-radius: 0px;
	border-right: 1px solid #ddd;
}
.links-app .modifier-items-list .modifier-item-customs {
	width: 90%;
	border: none;
}
#add-modifier-module .links-app .modifier-items-list .modifier-item-customs .new-close {
	width: auto;
	height: auto;
	border-radius: 12px;
}
#add-custom-field .links-app button {
	width: 175px;
}
#add-custom-field .new-link:first-child input {
	padding-left: 170px;
}
#add-custom-field .new-link:first-child + .new-link input {
	padding-left: 215px;
}
#add-custom-field .new-link input {
	padding-left: 145px;
}
#add-custom-field .table-mod-desc {
	width: 39%;
}

#add-custom-field .table-mod-val {
	width: 8%;
}
.table-mod-checked {
	width: 8%;
}
.table-mod-name {
	width: 32%;
}
.table-mod-desc {
	width: 47%;
}
.table-mod-act {
	width: 13%;
}
#add-modifier-module .users-table.link-table {
	overflow-y: auto;
	margin-bottom: -36px;
}
.menu-right {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	position: relative;
}
.menu-right > h4 {
	border-bottom: 1px solid #ddd;
	padding: 5px 10px 12px;
	font-weight: 600;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.menu-right > div.menu-search-row {
	height: 50px;
	border-bottom: 1px solid #ddd;
	position: relative;
	margin-bottom: 10px;
}
.menu-right > div.menu-search-row > button {
	height: 49px;
	border-radius: 0px;
	width: 150px;
	border:none;
	border-left: 1px solid #ddd;
}
.menu-right > div.menu-search-row > input {
	border:none;
	border-right: 1px solid #ddd;
	border-radius: 0px;
	height: 49px;
	width: 200px;
	display: inline-block;
	padding-left: 25px;
}
.menu-right > div.menu-search-row > span {
	color: #999;
	position: absolute;
	top: 16px;
	left: 155px;
}
.menu-item-body {
	min-height: 100px;
}
.menu-right .profile-save button.btn {
	margin-top: 0px;
}
.menu-right .profile-save {
	bottom: 1px;
	width: 844px;
}
.freshii-menu-content {
	border-bottom: 1px solid #ddd;
	padding: 10px;
}
.bob-menu-content {
	border-bottom: 1px solid #ddd;
	padding: 10px;
}
.bob-menu-content > div {
	margin: 0px 10px;
	width: 186px;
	position: relative;
	height: 210px;
}
.bob-menu-content > div > .img-wrap {
	position: relative; 
}
.bob-menu-content > div > .img-wrap > .add-element {
	width: 100%;
	height: 150px;
	border-radius: 0px;
	border-color: #888;
}
.bob-menu-content > div > .img-wrap > .remove-element {
	width: 25px;
	height: 25px;
	display: block;
	background-color: #4D4D4D;
	color: #FFFFFF;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	-webkit-transition: background-color 0.15s;
	transition: background-color 0.15s;
	font-size: 21px;
	font-weight: 700;
	line-height: 25px;
	text-align: center;
	cursor: pointer;
}
.bob-menu-content > div > .img-wrap > .remove-element:hover { 
	background-color: #444444;
}
.bob-menu-content > div > .img-wrap img.img-responsive {
	max-width: 100%;
	max-height: 150px;
}
.bob-menu-content > div .btn {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.bob-menu-content > div > .img-wrap > .add-element > span.add-text {
	color: #888;
}
.bob-menu-content > div > div:hover > span {
	color: #4d4d4d;
}
.menu-item-body > div {
	padding:0px;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}
.menu-item-body > div:last-child {
	border: none;
	margin-bottom: -1px;
}
.menu-item-body > div:first-child {
	border-bottom: 1px solid #ddd;
	margin-bottom: 0px;
	border-top: 1px solid #ddd;
}
.menu-item-body > div > div.clearfix > span {
	vertical-align: top;
	color: #999;
}
.menu-item-body > div > div.clearfix > span:hover {
	color: #ccc;
}
.menu-item-body > div > div.clearfix > input {
	border-radius: 0px;
	height: 48px;
	width: 150px;
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
}
.menu-item-body.tier-body > div > div.clearfix > input:first-of-type {
	width: 250px;
}
.tier-body .glyphicon-map-marker {
	font-size: 25px;
}
.menu-item-body > div > div.clearfix > input:first-of-type {
	width: 300px;
}
.menu-item-body > div > div.clearfix > div:not(.tooltip) {
	display: inline-table;
	width: 175px;
	margin-top: 5px;
	height: 48px;
}
.menu-item-body > div > div.clearfix > div > span {
	border-radius: 0px;
}
.menu-item-body > div > div.clearfix > div > input {
	border-radius: 0px;
	height: 48px;
}
.menu-item-body > div > div.clearfix > button {
	border: none;
	border-left: 1px solid #ddd;
	border-radius: 0px;
	height: 59px;
	width: 56px;
	margin-right: 0px;
	vertical-align: top;
}
.menu-item-body > div > div.clearfix > button.remove-margin-btn {
	margin-right: 0px;
}
.menu-item-body .item-expand {
	border-top: 1px solid #ddd;
	padding-top: 10px;
}
.menu-item-body .item-expand textarea {
	border-radius: 0px;
	width: 485px;
	height: 130px;
	display: inline-block;
}
.menu-item-body .item-expand div.menu-labels {
	border: 1px solid #ddd;
	display: inline-block;
	vertical-align: top;
	width: 47.3%;
	margin: 10px 10px 20px;
	height: 145px;
	position: relative;
}
.menu-labels img {
	max-height: 23px;
	max-width: 50px;
}
.menu-item-body .item-expand div.menu-labels > div {
	height: 77px;
	overflow: auto;
	position: relative;
}
.menu-item-body .item-expand div.menu-labels > div.label-blocker {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.menu-item-body .item-expand div.menu-labels > div > div {
	padding: 3px 5px;
}
.menu-item-body .item-expand div.menu-labels > div > div:hover {
	cursor: pointer;
	background-color: #eee;
}
.menu-item-body .item-expand div.menu-labels > div > div.selected{
	background-color: #ddd;
}
.menu-item-body .item-expand div.menu-labels > div > div.selected:hover {
	cursor: pointer;
	background-color: #d6d6d6;
}
.menu-item-body .item-expand .calorie-field {
	display: inline-block;
	vertical-align: top;
}
.menu-item-body .item-expand .calorie-field input {
	border-radius: 0px;
	height: 48px;
	width: 160px;
}
.menu-item-body > div > div.clearfix > div.sold-out-controller {
	width: 110px;
	vertical-align: top;
	margin-left: 25px;
	margin-top: 0px;
}
.menu-item-body .sold-out-controller > div {
	border: 1px solid #ddd;
	height: 25px;
	background-color: #eee;
	padding: 3px 9px;
	position: relative;
	width: 72px;
	border-radius: 17px;
	margin-left: 5px;
}
.menu-item-body .sold-out-controller > div.sold-out-switch {
	background-color: #dd584c;
	color: #fff;
}
.menu-item-body .sold-out-controller > div > div {
	position: absolute;
	height: 19px;
	width: 35px;
	background-color: #fff;
	border: 1px solid #ddd;
	top: 2px;
	left: 4px;
	border-radius: 17px;
}
.menu-item-body .sold-out-controller > div > div.sold-out-switch {
	left: 34px;
}
.menu-item-body .sold-out-controller > div > span {
	font-size: 85%;
}
.freshii-menu-content div.sold-out-controller {
	width: 115px;
	vertical-align: top;
	margin-left: 25px;
	margin-top: 0px;
}
.freshii-menu-content .sold-out-controller > div {
	border: 1px solid #ddd;
	height: 25px;
	background-color: #eee;
	padding: 3px 9px;
	position: relative;
	width: 72px;
	border-radius: 17px;
	margin-left: 20px;
}
.freshii-menu-content .sold-out-controller > div.sold-out-switch {
	background-color: #dd584c;
	color: #fff;
}
.freshii-menu-content .sold-out-controller > div > div {
	position: absolute;
	height: 19px;
	width: 35px;
	background-color: #fff;
	border: 1px solid #ddd;
	top: 2px;
	left: 4px;
	border-radius: 17px;
}
.freshii-menu-content .sold-out-controller > div > div.sold-out-switch {
	left: 34px;
}
.freshii-menu-content .sold-out-controller > div > span {
	font-size: 85%;
}
.menu-item-body .item-expand > div:first-child > div:first-child {
	width: 180px;
	display: inline-block;
	padding-left: 10px;
	position: relative;
}
.menu-item-body .item-expand .image-blocker {
	width: 100%;
    height: 130px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.menu-labels > button {
	border-radius: 0px;
	width: 100%;
	font-size: 100%;
}
.modifier-section {
	border: 1px solid #ddd;
	margin: 5px 10px;
}
.modifier-section > div {
	float: left;
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.modifier-section > div:first-child {
	border-right: 1px solid #ddd;
}
.modifier-section > div:last-child {
	float: none;
	display: block;
}
.modifier-section > div > button {
	width: 100%;
	height: 35px;
	border-radius: 0px;
	font-size: 100%;
}
.menu-id-placement {
	position: absolute;
    top: 0px;
    right: 16px;
    padding: 2px 8px;
}
.new-close {
	background-color: #e2e2e2;
	margin-left: 10px;
	padding: 0px 6px;
	border-radius: 12px;
	display: inline-block;
	margin-top: 16px;
	border: none;
}
.item-mod {
	border-top: 1px solid #ddd;
	width: 100% !important;
	height: auto;
	padding: 0px 5px;
}
.item-mod:first-child {
	border: none;
}
.item-mod h5 {
	display: inline-block;
	width: 114px;
	margin-top: 18px;
}
.item-mod > div {
	display: inline-table;
	width: 124px;
	margin-top: 11px;
	vertical-align: top;
}
.cat-cutoff {
	max-width: 185px;
	display: inline-block;
}
.language-selector a {
	text-transform: capitalize;
}
.language-selector span {
	font-size: 90%;
	text-transform: lowercase;
}
.player-filters.localize-filters > div {
	width: 357px;
}
.profile > div > div.local-head {
	background-color: #f7f7f7;
	border-radius: 4px 4px 0px 0px;
	padding: 0px;
	height: 32px;
}
.profile > div > div.local-head > div {
	border-right: 1px solid #ddd;
	float: left;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
	padding: 5px 10px;
	font-size: 115%;
}
.profile > div > div.local-head > div:last-child {
	border-right: none;
}
.profile > div > div.local-body {
	max-height: 503px;
	overflow: overlay;
	padding: 0px;
}
.profile > div > div.local-body > div {
	border-bottom: 1px solid #ddd;
	position: relative;
}
.profile > div > div.local-body > div:last-child {
	border-bottom: none;
}
.profile > div > div.local-body > div > div:not(.clear-both) {
	border-right: 1px solid #ddd;
	float: left;
	display: inline-block;
	vertical-align: top;
	padding: 5px 10px;
	min-height: 32px;
}
.profile > div > div.local-body > div > div + div:not(.clear-both) {
	border-right: none;
	height: 100%;
	position: absolute;
}
.profile > div > div.local-body > div > div.no-pad {
	padding: 0px;
}
.profile > div > div.local-body > div > div textarea {
	border: none;
	border-radius: 0px;
	height: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.profile > div > div.local-body > div > div textarea::-webkit-input-placeholder { font-style: italic; }
.profile > div > div.local-body > div > div textarea::-moz-placeholder { font-style: italic; } /* firefox 19+ */
.profile > div > div.local-body > div > div textarea:-ms-input-placeholder { font-style: italic; } /* ie */
.profile > div > div.local-body > div > div textarea:-moz-placeholder { font-style: italic; }

.local-save-bar {
	background-color: #fff;
	height: 50px;
	border-top: 1px solid #ddd;
	border-radius: 0px 0px 4px 4px;
	margin-bottom: -25px;
	padding: 5px 15px;
}
.local-save-bar button.btn {
	border-radius: 0px;
	width: 90px;
	height: 39px;
}

/*--- (UNOcloud) Reviews ---*/

.review-header {
	border: 1px solid #ddd;
	height: auto;
	text-align: center;
	padding: 17px 90px 17px;
	margin: 0px 15px 25px;
	position: relative;
	background-color: #fff;
	border-radius: 4px;
}
.review-header div.col-sm-2 {
	padding-right: 0px;
	padding-left: 0px;
	margin: 15px 0px;
	float: none;
	display: inline-block;
	vertical-align: top;
}
.review-header img.logo {
	width: 57%;
	border-radius: 45px;
}
.modal-body .unocloud-heading {
	width: 92%;
	margin: 0px 0px 10px 15px;
	padding: 5px 15px;
}
.modal-body .unocloud-heading .subtitle{
	font-size: 11pt;
}
.review-link {
	margin-left: -5px;
	margin-bottom: 15px;
}
.review-link:last-child {
	margin-bottom: 0px;
}
.review-link img.logo {
	width: 68%;
	border-radius: 45px;
}
.review-link div.col-sm-10 {
	margin-top: 11px;
	margin-left: -39px;
}
.review-link .form-control {
	width: 72%;
	display: inline-block;
	font-size: 10pt;
}
.review-link .glyphicon-ok {
	color: #47a447;
}
.review-link .glyphicon-remove {
	color: #bb0000;
}
.review-header .activate {
	position: absolute;
	z-index: 2;
	color: #fff;
	opacity: 0;
	background-color: #000;
	width: 58%;
	border-radius: 50px;
	padding: 25px 10px;
	font-size: 14pt;
	line-height: 1.2em;
}
.review-header div.col-sm-2:hover .activate {
	opacity: 1;
}
.review-header img.logo + div > span + span {
	color: #666;
	font-size: 10pt;
}
.review-header .faded {
	opacity: 0.5;
}
.review-header .faded img {
	opacity: 0.5;
}
.review-header div.col-sm-2:hover {
	cursor: pointer;
}
.review-header .percent {
	font-weight: bold;
}
.review-main .main-tab-content >div > div {
	padding: 0px 1px 0px 0px;
}
.review-main .main-tab-content .category-nav li {
	padding: 15px 0px;
}
.review-main .main-tab-content .category-nav ul li.active {
	background-color: #fff;
}
.review-manage {
	border: 1px solid #ddd;
	width: 100%;
	margin-left: 0px;
	padding-bottom: 10px;
	font-size: 13pt;
	height: 61px;
	padding-top: 10px;
	margin-top: -1px;
	background-color: #fff;
}
.review-manage.competition {
	border-top: 1px solid #ddd;
	margin-top: 0px;
	height: 51px;
}
.review-manage .badge {
	vertical-align: top;
	margin: 3px 5px 0px;
}
.review-manage .btn-group .btn.btn-default {
	width: 175px;
	border: none;
	border-right: 1px solid #ddd;
	border-radius: 0px;
	margin-top: 0px;
	margin-left: -4px;
	height: 49px;
	border-top: 1px solid #ddd;
}
.review-manage .btn-group .dropdown-menu img {
	width: 33px;
	border-radius: 18px;
	margin-left: 5px;
}
.review-manage .btn-group .btn img {
	width: 24px;
	border-radius: 12px;
	margin-right: 5px;
	margin-left: -10px;
}
.review-manage .btn-group .dropdown-menu {
	width: 100%;
}
.review-manage .btn-group .dropdown-menu span {
	margin-left: 10px;
}
.review-manage .btn-group .dropdown-menu li {
	padding: 5px 0px;
}
.review-manage .btn-group .dropdown-menu li:first-child {
	padding: 10px 0px;
}
.review-manage .btn-group .dropdown-menu li:first-child + li img {
	width: 37px;
	border-radius: 20px;
	margin: -3px 0px -3px 2px;
}
.review-manage .btn-group .dropdown-menu li:hover {
	cursor: pointer;
	background-color: #ddd;
}
.review-container {
	border:1px solid #ddd;
	border-top: 0px;
	width: 100%;
	margin-left: 0px;
	overflow: auto;
	height: 500px;
	background-color: #fff;
	border-radius: 0 0 4px 4px;
}
.review-node {
	border: 1px solid #ddd;
	padding: 0px 10px;
	margin:10px 5px 5px 10px;
	height: 70px;
	position: relative;
}
.review-node div {
	display: inline-block;
	padding: 3px 25px;
	vertical-align: top;
	margin:0px 5px;
}
.review-node .review-image {
	padding: 13px 0px;
	height: 68px;
}
.review-node .review-info {
	height:68px;
	border-left: 1px solid #ddd;
	width: 692px;
	overflow: hidden;
	padding-top: 0px;
	z-index:2;
}
.review-node .review-info > div {
	width: 100%;
}
.review-node .review-info > div:first-child {
	width: 108%;
	margin-left: -25px;
	border-bottom: 1px solid #ddd;
}
.review-node .review-info > div:first-child > div {
	padding: 3px 0px;
}
.review-node .review-info > div:first-child > input {
	display: inline-block;
	width: 125px;
	vertical-align: top;
}
.review-node .review-info > div:first-child > span {
	display: inline-block;
}
.review-node .publish {
	padding: 10px 3px;
	width: 64px;
	text-align: center;
	font-size: 9pt;
	background-color: #fff;
	height: 68px;
	position: absolute;
	right: 0;
	margin: 0px;
	border-left: 1px solid #ddd;
}
.review-info .input-group {
	width: 200px;
	display: inline-table;
	float: right;
}
.review-info .input-group  .input-group-addon {
	width: 40px;
}
.review-info div.star-rating img {
	vertical-align: top;
}
.review-node .publish > span {
	display: block;
	height: 70px;
	margin-top: -10px;
	padding-top: 10px;
}
.published-contain .review-node .publish span.glyphicon {
	color: #d9534f;
}
.review-node .publish span.glyphicon {
	font-size: 14pt;
	margin-top: 5px;
	color: #5cb85c;
}
.review-node .review-image img {
	border-radius: 40px;
	width: 40px;
}
.review-node.new-review {
	background-color: #eee;
}
.review-node.new-review:hover {
	background-color:#ddd;
}
.review-node.new-review:hover .review-info {
	border-color: #ccc;
}
.review-node.new-review:hover .review-info > div:first-child{
	border-color: #ccc;
}
.review-node:hover {
	background-color: #eee;
	cursor: pointer;
}
.review-node.view {
	height: auto;
}
.review-node.view .review-info {
	height: auto;
}
.review-node.view .review-info .ellipsis {
	overflow: auto;
	white-space: normal;
}
.review-node.view .publish {
	height: 100%;
	/*padding: 40px 3px;*/
}
.review-node.published .publish{
	background-color: rgba(71, 164, 71, 0.3);
}
.my-review .review-info {
	padding: 0px 5px;
}
.my-review div.review-image img{
	width: 47px;
	margin-left: -3px;
	margin-right: -4px;
}
.my-review textarea {
	width: 696px;
	height: 92px;
	border: 0px;
	box-shadow: none;
	margin-top: -3px;
	margin-left: -35px;
}
.my-review textarea.form-control:focus {
	box-shadow: none;
}
.review-node.my-review:hover {
	background-color: #fff;
	cursor: auto;
}
.my-review .radio.stars {
	margin-left: 30px;
	margin-top: 5px;
}
.my-review .radio.stars div {
	margin-top: -5px;
	padding-left: 0px;
}
.my-review .radio.thumbs {
	margin-top: 5px;
}
.my-review .radio.thumbs div {
	margin-top: -8px;
	margin-bottom: -3px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 8px;
}
.disabled-stars {
	margin-top: -3px;
	margin-right: 17px;
	margin-left: -4px;
}
.review-node .publish span.remove-node {
	height: auto;
	padding: 5px 5px 19px 49px;
	width: 65px;
	float: right;
	margin-top: -45px;
	font-size: 14pt;
	color: #ccc;
	margin-right: -3px;
	border-bottom: 1px solid #ddd;
}
.review-node .publish span.save-node {
	height: 77px;
	margin-top: 6px;
	padding: 18px 9px 3px;
}
.review-node .publish span.save-node:hover {
	cursor: pointer;
}
.review-node .publish span.save-node span.glyphicon{
	color:#333;
}
.publish .remove-node:hover {
	cursor: pointer;
}
.competitors {
	overflow: auto;
	width: 100%;
	height: 405px;
	padding: 0px 10px 10px;
	margin-top: 15px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.competitors > div {
	border: 1px solid #ddd;
	height: 100px;
	font-size: 14pt;
	margin-top: 10px;
}
.competition-node .review-info {
	width: 93.6%;
	border-right: 0px;
	margin-right: -10px;
}
.competition-node .review-info > div > div.pull-left.comp-company {
	border-right: 1px solid #ddd;
	font-weight: 600;
	padding: 5px 14px 5px 0px;
	height: 32px;
	margin-top: -3px;
	margin-bottom: -13px;
	font-size: 13pt;
}
.comp-images {
	display: inline-block;
	margin-top: 8px;
	margin-left: 50px;
}
.comp-images .logo {
	border-radius: 25px;
	width: 50px;
	margin-right: 10px;
}
.competitor-links .form-control {
	width: 80%;
	display: inline-block;
	font-size: 14pt;
	vertical-align: bottom;
}
.comp-title {
	border-bottom: 1px solid #ddd;
	padding: 2px 10px;
}
.comp-images img.faded {
	opacity: 0.5;
}
.comp-header {
	text-align: center;
	padding: 0px 25px;
}
.add-comp-btn {
	text-align: center;
}
.add-comp-btn .btn.btn-success {
	width: 80%;
	padding: 15px 0px;
	font-size: 14pt;
}
.inline-list-content .add-element{
	height: 35px;
	width: 100%;
}
.success-publish > p {
	font-size: 125%;
}
.success-publish > button {
	width: 100%;
	font-size: 125%;
	text-transform: uppercase;
	white-space: normal;
	height: 98px;
}
#published-review .trig-quick-btn button.modal-btn {
	margin-bottom: -20px;
}

/*--- (UNOcloud) Events ---*/

.events-calendar-container {
	position: relative;
}
.calendar {
	width: 100%;
	display: inline-block;
	z-index: 0;
	background-color: #fff;
}
.users-table-body .publish {
	text-align: center;
}
.event-calendar-top {
	width: 100%;
	height: 50px;
	border:1px solid #ddd;
	border-bottom: none;
}
.event-calendar-top button:first-child {
	width: 100%;
	height: 50px;
	border-radius: 0px;
	font-size: 14pt;
	font-weight: normal;
}
.event-calendar-top .popover {
	max-width: 400px;
	width: 100%;
}
.event-popover h4 {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-weight: 600;
}
.event-popover .date-label {
	font-weight: 600;
	margin-bottom: 0px;
	font-size: 12pt;
}
.event-popover .radio {
	display: inline-block;
	padding: 0px 25px;
	margin-bottom: 0px;
}
.event-popover .input-group-addon {
	top: 0;
}
.event-popover .btn-div{
	width: 100%;
	text-align: center;
}
.event-popover .btn-div button{
	border: 1px solid #ddd;
	border-radius: 4px;
}
.event-popover button {
	width: 25%;
	height: 40px;
	font-size: 12pt;
	border-radius: 4px;
	margin-top: 10px;
	padding: 0px;
}
.events div.datepicker-inline {
	width: 100%;
	height: 407px;
	border: 1px solid #ddd;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	position: relative;
	z-index: 0 !important;
	padding: 0px;
}
.events div.datepicker-inline div.datepicker-days table,  .events div.datepicker-inline div.datepicker-months table, .events div.datepicker-inline div.datepicker-years table{
	width: 100%;
	height: 410px;
}
.events div.datepicker-inline th.datepicker-switch {
	font-size: 18pt;
	font-weight: 500;
	width: 70%;
}
.events div.datepicker-inline th.dow {
	font-size: 14pt;
	font-weight: 500;
	border-bottom: 1px solid #ddd;
}
.events div.datepicker-inline td.day {
	font-size: 13pt;
	font-weight: normal;
	width: 14.27%;
	position: relative;
	border: 1px solid #ddd;
	border-right: none;
	border-bottom: none;
}
.events div.datepicker-inline td.day.special_event {
	box-shadow: inset 0px -6px 0px 0px #ef3c0c;
	border-radius: 0px;
}
.events div.datepicker-inline th.prev, .events div.datepicker-inline th.next {
	color: #fff;
}
.events div.datepicker-inline th.prev:hover, .events div.datepicker-inline th.next:hover {
	color: #eee;
}
.events div.datepicker-inline th.prev:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 12px 10px 0;
	border-color: transparent #333 transparent transparent;
	top: 12px;
	left: 24px;
}
.events div.datepicker-inline th.prev:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 12px 10px 0;
	border-color: transparent #fff transparent transparent;
	top: 12px;
	left: 25px;
}
.events div.datepicker-inline th.prev:hover:after {
	border-color: transparent #eee transparent transparent;
}
.events div.datepicker-inline th.next:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 12px;
	border-color: transparent transparent transparent #fff;
	top: 12px;
	right: 26px;
}
.events div.datepicker-inline th.next:hover:after {
	border-color: transparent transparent transparent #eee;
}
.events div.datepicker-inline th.next:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 12px;
	border-color: transparent transparent transparent #333;
	top: 12px;
	right: 25px;
}
.events div.datepicker-inline td.day:hover {
	border-radius: 0px;
}
.events div.datepicker-inline td.day.active {
	border-radius: 0px;
}
.events div.datepicker-inline td.day:first-child {
	border-left: none;
}
.events div.datepicker-inline td.today {
	background-color: #eee;
	border-radius: 0px;
}
.events div.datepicker-inline td.day.today:hover {
	background-color: #ddd;
	border-color:#ddd;
}
.events div.datepicker-inline td.day.today.active:hover {
	background-color: #3276b1;
	border-color:#ddd;
}
.events div.datepicker-inline td.day.active:hover, .events div.datepicker-inline td.day.active {
	border-color:#ddd;
}
.triangle-event {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 13px 15px 0;
	border-color: transparent #ddd transparent transparent;
	position: absolute;
	top: 200px;
	right: 666px;
}
.triangle-event-2 {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 13px 15px 0;
	border-color: transparent #fff transparent transparent;
	position: absolute;
	top: 200px;
	right: 665px;
}
.event-col-right {
	display: inline-block;
	margin-top: 52px;
}
.events-head {
	height:50px;
	border-bottom: 1px solid #ddd;
	background-color: #e6e6e6;
}
.events-head button:focus{
	outline: none;
}
.events-container .publish {
	padding: 10px 3px;
	width: 70px;
	text-align: center;
	font-size: 9pt;
	background-color: #fff;
	height: 90px;
	position: absolute;
	right: 0;
	margin: 0px;
	border-left: 1px solid #ddd;
	top: 0px;
}
.events-container .publish > span {
	display: block;
	height: 70px;
	margin-top: -10px;
	padding-top: 10px;
}
.events-container .publish span.glyphicon {
	color: #d9534f;
}
.events-container .publish span.glyphicon {
	font-size: 14pt;
	margin-top: 5px;
	color: #5cb85c;
}
.left-arrow:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 12px 10px 0;
	border-color: transparent #333 transparent transparent;
	top: 15px;
	left: 18px;
}
.left-arrow:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 12px 10px 0;
	border-color: transparent #e6e6e6 transparent transparent;
	top: 15px;
	left: 19px;
}
.left-arrow:hover {
	cursor: pointer;
}
.left-arrow {
	width: 50px;
	height: 49px;
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
	border: none;
	border-right: 1px solid #bbb;
	background-color: #e6e6e6;
	padding-right: 53px;
}
.right-arrow:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 12px;
	border-color: transparent transparent transparent #333;
	top: 15px;
	right: 18px;
}
.right-arrow:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 12px;
	border-color: transparent transparent transparent #e6e6e6;
	top: 15px;
	right: 19px;
}
.right-arrow:hover {
	cursor: pointer;
}
.right-arrow {
	width: 50px;
	height: 49px;
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	border: none;
	border-left: 1px solid #bbb;
	background-color: #e6e6e6;
	padding-left: 53px;
}
.events-list {
	border-radius: 0;
	height: 457px;
	width: 100%;
	margin-top: -52px;
	background-color: #fff;
}
.extra-info {
	border-bottom: 1px solid #ddd;
	height: 50px;
}
.extra-info div {
	font-size: 12pt;
}
.extra-info .badge {
	border-radius: 50%;
	height: 25px;
	width: 25px;
	line-height: 25px;
	font-size: 11.5pt;
	padding: 0;
}
.events-list .events-container{
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 355px;
}
.events-list .events-container .row {
	margin: 10px 5px 5px 10px;
	border: 1px solid #ddd;
	height: 92px;
	position: relative;
}
.events-list .events-container .event-image-holder {
	padding-right: 0px;
	width: 19%;
	display: inline-block;
	text-align: center;
}
.events-list .events-container img{
	max-height: 76px;
	margin-top: -82px;
	max-width: 99px;
}
.events-list .events-container img.image-fix {
	padding-top: 1px;
}
.events-list h4{
	text-align: center;
	padding-top: 14px;
	font-size: 16pt;
	margin-top: 0px;
	position: relative;
}
.events-list .event{
	height: 90px;
	overflow: hidden;
	display: inline-block;
	padding: 0px;
	width: 70.3%;
	border-left: 1px solid #ddd;
}
.events-list .event p {
	display: block; /* Fallback for non-webkit */
  	display: -webkit-box;
 	max-width: 500px;
  	height: 43px; /* Fallback for non-webkit */
  	margin: 0 auto;
  	font-size: 11pt;
  	line-height: 1.4em;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	padding: 0px 7px;
}
.events-list .events-container .row:hover{
	background-color: #eee;
	cursor: pointer;
}
.events-list .events-container .row:hover h5 {
	background-color: #ddd;
}
.events-list .event h5 {
	margin-top: 0px;
	padding: 10px;
	background-color: #eee;
	font-weight: 600;
}
.event-add-new {
	padding: 10px 9px 10px 10px;
	margin-top: 5px;
	border-radius: 0;
}
.events-list .event .event-time{
	text-align: center;
	margin-top: 7px;
}
.events-list .events-container .event.promoted h5{
	color: #fff;
	background-color:#ef3c0c;
}
.events-list .events-container .event.promoted .event-time {
	color: #fff;
}
.events-list .events-container .event.promoted:hover h5{
	background-color:#DD1A37;
}
#event-module .event-title {
	width: 100%;
}
#event-module .modal-body.modal-body-fixed-auto {
	overflow: scroll;
	height: 600px;
}
#event-module .row {
	margin-left: 0;
	margin-right: 0;
}
#event-module .form-control {
	border-radius: 0;
}
#event-module input[type=radio].css-radio-new {
	display: none;
}
#event-module input[type=radio].css-radio-new + label.css-label {
	width: 25px;
    height: 25px;
    display: block;
    border: solid 2px #697882;
    position: absolute;
    top: 25px;
    left: 25px;
    cursor: pointer;
    border-radius: 50%;
    white-space: nowrap;
}
#event-module input[type=radio].css-radio-new:checked + label.css-label:after {
    width: 17px;
    height: 17px;
    background-color: #697882;
    display: block;
    left: 2px;
    top: 2px;
    position: absolute;
    content: " ";
    border-radius: 50%;
}
#event-module input[type=radio].css-radio-new + label.css-label > span {
	margin-left: 50px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: normal;
    line-height: 21px;
    display: block;
}
.event-radio-container {
	min-height: 40px;
    position: relative;
    height: auto;
}
#event-module .event-border {
	border-right: 1px solid #ddd;
}
#event-module .event-section-time {
	padding: 15px;
}
#event-module .input-group-addon {
	position: initial;
	line-height: initial;
}

#event-module .event-section img {
	max-height: 148px;
	max-width: 100%;
}
#event-module .event-section img:hover {
	cursor: pointer;
}
#event-module .event-section-time .tab-content {
	height: 125px;
}
#event-module .event-section-time .tab-content .tab-pane {
	border-top: none;
	padding: 0 10px;
	height: 125px;
}
#event-module .event-section {
	border-bottom: 1px solid #ddd;
}
#event-module .event-description {
	resize: none;
}
#event-module .event-attachments {
    height: 29px;
    border-bottom: 1px solid #ddd;
    overflow:  auto;
}

#event-module .modal-content{
	border-radius: 0px !important;
}
#event-module .event-location .glyphicon {
	position: absolute;
	top: 35px;
	font-size: 18px;
}
#event-module .location-input {
	border: none;
	cursor: text;
	border-bottom: 1px dotted #99a8bb;
	font-size: 19px;
    color: #697882;
    padding: 4px;
    text-align: center;
    box-shadow: none;
    display: inline-block;
    width: 270px;
    text-overflow: ellipsis;
    padding-left: 20px;
}
#event-module .countdown-location .province-dropdown {
	border: none;
	cursor: pointer;
	border-bottom: 1px dotted #99a8bb;
	font-size: 19px;
	color: #697882;
	padding: 4px;
	text-align: center;
	box-shadow: none;
	display: inline-block;
	width: 270px;
	text-overflow: ellipsis;
	background-color: rgba(0,0,0,0);
}
#event-module .countdown-location .province-dropdown:hover {
	background-color: rgba(0,0,0,0);
}
#event-module .countdown-location .glyphicon-globe {
	position: absolute;
	top: 8px;
	font-size: 18px;
}
#event-module .countdown-location .glyphicon-map-marker {
	position: absolute;
	top: 70px;
	font-size: 18px;
}
#event-module .radius {
	margin-left: -15px;
}
#event-module .radius input {
	width: 71px;
}
#event-module .lat-long {
	font-size: 13px;
	padding-top: 8px;
}
#event-module .date-time-label {
	padding: 20px;
}
#event-module .end-date-time {
	margin-top: 40px;
}
#event-module .new-age-modern-fancy-datepicker > .form-control {
	padding: 4px 12px 4px 0px;
	width: 425px
}
#event-module .new-age-modern-fancy-datepicker > div > .form-control {
	padding-left: 20px;
	width: 443px;
}
#event-module .new-age-modern-fancy-datepicker .all-day {
	opacity: .38;
	pointer-events: none;
}
#event-module .at {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
#event-module .day-range {
	margin-left: -5px;
}
#event-module .selected-days {
	height: 17px;
	color: #666;
	font-size: 13px;
}
#event-module .selected-days div {
	display: inline;
}
#event-module .select-days .btn {
	width: 64px;
	margin: 0;
}
#event-module .select-days .btn.active {
	color: #fff;
	background-color: #666;
}
#event-module .select-days .btn {
	border-radius: 0;
}
#event-module input[type=checkbox].css-checkbox + label.css-label {
	margin-top: -3px;
	font-size: 15px;
	color: #5a5a5a;
	height: 24px;
	line-height: 24px;
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 37px;
}
#event-module .day-range .day-range-label {
	margin-left: -11px;
}
#event-module .all-day-button {
	float: right;
	margin-right: 29px;
	margin-top: 45px;
}
#event-module .countdown-fields {
	border-top: 1px solid #ddd;
}
#event-module .modal-content .modal-footer {
	padding: 8px 20px 0px;
	margin-top: 0;
}

#event-module .modal-content .modal-footer .btn {
	border-radius:  0px !important;
	height: 34px;
	margin-top: 6px;
	margin-bottom: 13px;
}

#event-module .modal-content .modal-footer .delete {
	float: left;
	margin-left: 0 !important;
}

.event-image-add {
	width: 100%;
	height: 148px;
	background-color: #f2f2f2;
	color: #aaa;
	font-size: 14pt;
	padding-top: 20px;
	text-align: center;
	border: 1px solid #ccc;
	cursor: pointer;
}
.event-image-add .uno-icon-new {
	font-size: 400%;
}
.nav-tabs>li>a {
	color: #4d4d4d;
}
.specific {
	display: inline;
	margin-right: 10px;
	margin-left: 10px;
}
.input-daterange span.input-group-addon {
	min-width: 35px;
}
.input-daterange .input-group-addon:first-child {
	border-left-width: 1px;
}
.input-timerange input {
  text-align: center;
}
.input-timerange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-timerange input.fix{
  border-radius: 0 0 0 0;
}
.input-timerange .input-group-addon {
  width: auto;
  min-width: 35px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: solid #cccccc;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
.input-timerange .input-group-addon:first-child {
	border-left-width: 1px;
}

.rss-body input.form-control {
	display: inline-block;
	width: 84%;
}
.event-detailed-list .users-table {
	border-top: 1px solid #ddd;
	margin: 0px;
	border-bottom: 0px;
}
.event-detailed-list {
	border: 1px solid #ddd;
	margin: 20px 15px 0px;
	background-color: #fff;
}
.event-detailed-list h3 {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 128%;margin: 0px;
	padding: 15px 10px 12px;
}
.event-detailed-list ul {
	list-style-type: none;
}
.event-detailed-list li {
	display: inline-block;
	border-left: 1px solid #ddd;
	height: 46px;
	padding-top: 13px;
	width: 110px;
	text-align: center;
	margin-bottom: -9px;
	margin-right: -4px;
}
.event-detailed-list li.selected {
	background-color: #ccc;
}
.event-detailed-list li:hover {
	cursor: pointer;
	background-color: #eee;
}
.event-detailed-list li:last-child {
	border-top-right-radius: 4px;
	margin-right: 0px;
}
.detailed-top {
	height: 210px;
}
.detailed-top .create-image{
	width: 100%;
	height: 185px;
	background-color: #ddd;
	border: 1px solid #bbb;
	color: #fff;
	font-size: 20pt;
	text-align: center;
	padding-top: 25px;
}
.detailed-top h4 {
	margin-top: 0px;
	font-weight: 600;
	margin-bottom: 5px;
}
.detailed-top .event-description-det {
	overflow: auto;
	height: 170px;
	padding: 5px 5px 0;
	border-top: 1px solid #ddd;
	word-wrap: break-word;
}
.detailed-top .image-side {
	text-align: center;
}
.detailed-bottom div {
	margin-bottom: 25px;
	padding-top: 10px;
	border-top: 1px solid #ddd;
}
.port-list {
	list-style-type: none;
	padding-left: 35px;
	width: 42%;
}
.port-list li {
	display: inline-block;
	width: 31%;
}
.port-list button {
	width:90%;
}
.import-style {
	text-align: center;
}
.import-style .btn {
	width: 200px;
	height: 100px;
	font-size: 12pt;
	margin: 0 10px;
}
.import-spread .table-head {
	margin-top: 20px;
	padding: 0px 15px;
}
.import-spread .table-head  div{
	border: 1px solid #ddd;
	border-bottom-width: 2px;
	height: 50px;
	background-color: #eee;
	padding-top: 15px;
	font-weight: 800;
}
.import-spread .table-body {
	margin: 0;
}
.import-spread .table-body:last-child {
	margin-bottom: 50px;
}
.import-spread .table-body > div {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.import-spread .table-body > div:first-child {
	border-left: 1px solid #ddd;
}
.import-spread .table-head > div, .import-spread .table-body > div {
	display: inline-block;
}
.import-spread .table-body > div > input {
	width: 100%;
	height: 50px;
}
.import-spread-title {
	width: 16%;
}
.import-spread-from {
	width: 14%;
}
.import-spread-to {
	width: 14%;
}
.import-spread-time {
	width: 14%;
}
.import-spread-details {
	width: 14%;
}
.import-spread-location {
	width: 14%;
}
.import-spread-link {
	width: 14%;
}
.inline-list-content .event-time{
	padding: 5px;
	text-align: center;
}

.inline-list-content .event-time-divider{
	background: #eee;
}

.inline-list-content .event-description{
	width: 52%;
	font-size: 12px;
	line-height: 14px;
}
.events-container .publish .hide-pub, .events-container .show-unpub:hover .show-pub  {
	display: none;
}
.events-container .show-unpub:hover .hide-pub {
	display: block;
}
.event-detailed-list .users-table-body {
	overflow: visible;
}
.users-table-body .publish .hide-pub, .users-table-body .show-unpub:hover .show-pub  {
	display: none;
}
.users-table-body .show-unpub:hover .hide-pub {
	display: block;
}
.floating-char-count {
	position: absolute;
	top: 6px;
	right: 25px;
}
.hanging-char-count {
	border: 1px solid #ccc;
	height: 25px;
	margin-top: 0px;
	border-top: none;
	padding: 2px 5px;
}
.form-control.flat-bottom {
	border-radius: 4px 4px 0px 0px;
}

.localization-app.localization-menu .local-save-bar {
	margin: 0px;
	margin-bottom: -25px;
}
/*############-- App Styles - Webbuilder --############*/

#unoapp_webbuilder {
	
}

/*<><><>- Web Builder -<><><>*/
.copy-website-section {
    overflow: auto;
    max-height: calc(100vh - 270px);
    margin-bottom: -35px;
    padding-bottom: 25px;
}
.copy-website-section > div > div {
	border: 1px solid #ccc;
    padding-left: 10px;
    margin-top: 4px;
}
.loading-cover.webbuilder-cover {
	left: 0;
	background-image: none;
	background-color: rgba(255, 255, 255, 0.8);
}
.loading-cover.webbuilder-cover.solid {
	background-color: rgba(255, 255, 255, 1);
}
#save-alert, #save-module-alert {
	display: none;
	position: absolute;
	top: 60px;
	z-index: 500;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 5px 25px;
	font-size: 100%;
	border-radius: 0px;
	right: -300px;
	border-top: 5px solid #5cb85c;
	font-style: italic;
}
.mobile-disabled {
	position: fixed;
	top:55px;
	left:0;
	text-align: center;
	width: 100%;
	height: 100%;
	text-transform: uppercase;
	display: none;
	background-image: url('../images/textures/dust.png');
	z-index: 1;
}
.mobile-disabled h4 {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.fill-the-expanse > .theme-selector.site-name-page {
	z-index: 199;
	padding: 100px 30% 0px;
}
.fill-the-expanse {
	width: 100%;
	position: fixed;
	background-color: #fff;
	height: 100%;
	left: 0px;
}
.web-head {
	background-color: #fff;
	height: 55px;
	border-bottom: 1px solid #ddd;
}
.web-head > .logo-wrap {
	width: 250px;
	height: 100%;
	display: block;
	padding: 0px 15px;
	float: left;
	overflow: hidden;
}

.web-head.dmb-head > div:last-child {
	width: auto;
}
.web-head ul {
	list-style-type: none;
	display: inline-block;
	padding-left: 0px;
}
.web-head ul li {
	width: 100px;
	border-right: 1px solid #ddd;
	display: inline-block;
	float: left;
	height: 55px;
	text-transform: uppercase;
	padding-top: 17px;
	text-align: center;
}
.web-head ul li:first-child {
	border-left: 1px solid #ddd;
}
.web-head ul li:hover {
	background-color: #eee;
}
.web-head ul li.active, .web-head ul li.active:hover {
	background-color: #ccc;
}
.web-head button {
	height: 55px;
	border-radius: 0px;
	float: left;
}
.webbuilder-side {
	width: 512px;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	float: left;
	color: #fff;
	text-align: center;
	background-color: #4d4d4d;
	overflow: auto;
}
.webbuilder-side.webbuilder-new {
	background-color: #777;
}
.webbuilder-side.webbuilder-new .add-new-section > div:hover {
	background-color: #aaa;
}
.webbuilder-viewport .toggle-arrow {
	z-index: 101;
	position: fixed;
	left: 0px;
	padding: 5px;
	background-color: #666;
	color: #fff;
	font-size: 180%;
}
.webbuilder-side > div {
	width: 250px;
	display: inline-block;
	vertical-align: top;
	float: left;
	font-weight: 300;
}
.webbuilder-side > div:last-child {
	margin-left: 4px;
}
.web-section.special-section {
	background-color: #666;
}
.webbuilder-side input {
	margin: 0px 10px;
	width: 230px;
}
.webbuilder-floating-top {
	height: 100px;
	background-color: #777;
	position: fixed;
	left: 2905px;
	top: 55px;
	z-index: 101;
	box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.3);
}
.webbuilder-floating-top > div {
	background-color: #4d4d4d;
	margin: 7px 0px 7px 7px;
	color: #ddd;
	height: 86px;
	display: inline-block;
	float: left;
	vertical-align: top;
	padding: 5px;
	width: 85px;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #999;
	cursor: pointer;
}
.webbuilder-floating-top > div:hover {
	background-color: #666;
}
.webbuilder-floating-top img {
	width: 55px;
}
.margin-controls .control-label.mini-label {
	width: 80px;
}
.margin-controls .form-control {
	width: 130px;
	display: inline-block;
}
.web-section-sort {
	text-align: left;
	height: 35px;
	overflow: hidden;
	padding-bottom: 10px;
	background-color: #555;
}
.web-section-sort.expand {
	height: auto;
	overflow: visible;
}
.web-section-sort .web-edit-title {
	text-transform: uppercase;
}
.web-section-sort .web-edit-title:hover div.sort-blocks > div {
	background-color: #ddd;
}
.web-section-sort a {
	display: block;
	text-align: center;
	color: #ccc;
	font-size: 85%;
	padding: 5px;
	text-decoration: underline;
	cursor: pointer;
}
.web-info-section {
	text-align:left;
	height: 35px;
	overflow: hidden;
	padding-bottom: 10px;
	background-color: #555;
}
.web-info-section.expand {
	height: auto;
	overflow: visible;
}
.web-info-section i {
	padding: 0px 10px 10px;
    display: block;
    font-size: 12px;
    text-align: center;
    color: #ccc;
    border-bottom: 1px solid #999;
    margin-bottom: 10px;
}
.web-info-section .web-edit-title {
	background-color: #777;
	text-align: center;
	padding: 7px 0px;
	margin: 0px 0px 10px;
	border-bottom: 1px solid #4d4d4d;
	border-top: 1px solid #4d4d4d;
	cursor: pointer;
	position: relative;
}
.web-info-section .web-edit-title:hover {
	background-color: #666;
}
.web-info-section .web-edit-title.no-highlight {
	font-style: italic;
	background-color: transparent;
	border-color: transparent;
}
.web-info-section .web-edit-title.no-highlight:hover {
	background-color: #777;
	cursor: auto;
}
.web-info-section .divbutton {
	background-color: #777;
	border: 2px solid #999;
	text-align: center;
	padding: 5px;
	width: 200px;
	margin: 15px auto 10px;
	cursor: pointer;
}
.web-info-section .generic-dropdown {
	margin: 0px 10px;
	width: 230px;
	color: #4d4d4d;
}
.web-info-section button.btn {
	border-radius: 0px;
	width: 230px;
	margin: 0 auto;
	display: block;
}
.web-info-section > a, .web-info-section .edit-options > a {
	display: block;
	text-align: center;
	color: #ccc;
	font-size: 85%;
	padding: 5px;
	text-decoration: underline;
	cursor: pointer;
}
.web-page-title {
	text-align:center;
	height: 62px;
	font-size: 150%;
	text-transform: uppercase;
	background-color: #555;
	padding-top: 15px;
	margin-top: -16px;
}
.web-edit-title span {
	margin-right: 10px;
	font-size: 150%;
	margin-top: 3px;
}
.webbuilder-new .web-info-section label.control-label {
	color: #fff;
}
.web-info-section label.control-label {
	color: #333;
	margin-left: 10px;
}
.webbuilder-new input[type=checkbox].css-checkbox + label.css-label {
	background-image: url(../images/unchecked_white.png);
}
.webbuilder-new input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image: url(../images/checked_white.png);
}
.web-info-section .ui-widget-content {
	border: none;
	background-color: transparent;
	background-image: none;
	margin-left: 20px;
	color: #fff;
}
.web-info-section .ui-widget-content a {
	color: #fff;
}
.web-info-section .evo-palette > tbody > tr:first-child {
	display: none;
}
.web-info-section textarea {
	margin: 0px 10px;
	width: 230px;
}
.web-info-section .tags-field {
	border-radius: 0px;
	width: 230px;
	margin: 0px 10px;
	color: #4d4d4d;
}
.web-info-section .btn-group.font-styles {
	margin: 0px 10px;
}
.web-info-section .btn-group.font-styles button.btn {
	width: 77px;
	border-radius: 0px;
}
.plusminus-btn {
	height: 35px;
}
.plusminus-btn button.btn {
	width: 117px;
	display: inline-block;
	float: left;
}
.plusminus-btn button.btn:first-child {
	margin-left: 10px;
}
.webbuilder-side .evo-input-new input {
	margin-left: 0px;
	border-radius: 0px;
	width: 200px;
}
.webbuilder-side .evo-input-new input:focus {
	outline: none;
	border-color: #666;
	box-shadow: none;
}
.webbuilder-side .evo-custom-input input {
	margin-left: 0px;
	margin-right: 10px;
	border-radius: 0px;
	width: auto;
	max-width: 140px;
	float: left;
}
.webbuilder-side .evo-custom-button button {
	margin-left: 0px;
	margin-right: 0px;
	width: 45px;
	display: inline-block;
	line-height: 1.3;
}
span.toggle-drop {
	text-transform: lowercase;
	padding: 10px;
	margin-top: -10px;
	margin-right: -10px;
}
.webbuilder-viewport {
	display: inline-block;
	vertical-align: top;
	float: left;
	height: calc(100% - 55px);
	position: absolute;
	background-color: #fff;
	left: 250px;
	overflow: auto;
}
.webbuilder-viewport.toggled {
	width: 100% !important;
	left: 0px;
}
.web-section {
	height: auto;
	background-color: #888;
	border-bottom: 1px solid #555;
	max-height: 40px;
	position: relative;
	overflow: hidden;
}
.web-section > div:first-child {
	border-bottom: 1px solid #666;
	height: 40px;
	text-transform: uppercase;
	padding: 10px 10px 0px;
}
.web-section.expanded {
	max-height: 224px;
}
.dmb-side .web-section.static {
	background-color: #777;
}
.webbuilder-side .add-new-section {
	padding: 10px;
}
.webbuilder-side > div > div.web-section {
	background-color: #666;
}
.webbuilder-side .add-new-section > div {
	text-align: center;
	border: 2px dashed #666;
	padding: 10px 0px;
}
.webbuilder-side .add-new-section > div:hover {
	background-color: #555;
}
.webbuilder-side div.sort-blocks {
	position: absolute;
	left: 0px;
	width: 30px;
}
.webbuilder-side div.sort-blocks > div {
	background-color: transparent;
	width: 4px;
	height: 4px;
	margin-bottom: 4px;
	margin-left: 10px;
}
.web-section > div:hover div.sort-blocks > div {
	background-color: #ddd;
}
.webbuilder-side .webbuilder-editing > div:not(.popover) {
	background-color: #666;
	padding: 8px 10px;
	border-bottom: 1px solid #555;
	font-size: 90%;
}
.webbuilder-side .webbuilder-editing > div:not(.popover):hover {
	background-color: #6d6d6d;
}
.webbuilder-side .popover {
	min-width: 215px;
}
.webbuilder-side .seo-popover {
	width: 250px;
}
.widget-panels.short-panels {
	height: 200px;
	margin: 15px 0px;
	font-size: 150%;
	font-weight: 300;
	padding-top: 10px;
}
.widget-panels.short-panels > span {
	font-size: 650%;
}
.widget-panels.short-panels > span.raw-tag {
	line-height: 1.2;
	font-size: 400%;
}
.widget-panels.short-panels > div {
	position: absolute;
	bottom: 16px;
	height: 50px;
	background-color: rgba(0, 0, 0, 0.2);
	width: 86%;
	left: 0;
	margin: 0px 15px;
}
.widget-panels.short-panels > div button {
	color: #fff;
	background-color: transparent;
	border: none;
	width: 100%;
	height: 51px;
	border-radius: 0px;
}
.widget-panels.short-panels .btn-default:hover, .widget-panels.short-panels .btn-default:focus, .widget-panels.short-panels .btn-default:active, .widget-panels.short-panels .btn-default.active, .widget-panels.short-panels .open .dropdown-toggle.btn-default {
	color: #fff;
	background-color: transparent;
	border: none;
}
.widget-panels.short-panels ul {
	color: #4d4d4d;
	width: 100%;
}
.widget-panels.short-panels li:hover {
	background-color: #e2e2e2;
}
.texture-guide {
	margin: 0px 10px;
}
.texture-guide > div {
	display: inline-block;
	vertical-align: top;
	float: left;
	height: 25px;
	width: 25px;
	cursor: pointer;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #4d4d4d;
	background-size: cover;
}
button.thin-square-button {
	width: 100%;
	border-radius: 0px;
	text-transform: uppercase;
	height: 26px;
	padding-top: 3px;
}
.delete-popover {
	color: #4d4d4d;
	text-align: center;
}
.delete-popover button.btn {
	width: 100px;
}
.change-widget-popover {
	color: #4d4d4d;
	text-align: center;
	text-transform: uppercase;
}
.change-widget-popover ul {
	list-style-type: none;
	padding-left: 0px;
	border: 1px solid #ddd;
	max-height: 200px;
	overflow: auto;
}
.change-widget-popover ul li:hover {
	background-color: #f2f2f2;
	cursor: pointer;
}
.change-widget-popover ul li.active, .change-widget-popover ul li.active:hover {
	background-color: #ddd;
}
.webbuilder-settings {
	background-color: #fff;
	width: 98%;
	height: 100%;
	right: -100%;
	position: absolute;
	z-index: 101;
}
.webbuilder-settings.widget-editor-page {
	width: 100%;
	margin-top: -90px;
}
.webbuilder-settings.in-view {
	right: 0%;
}
.web-settings-left {
	height: 100%;
	border-right: 1px solid #ddd;
	width: 16%;
	display: inline-block;
	vertical-align: top;
	float: left;
}
.web-settings-left > button.return-webbuilder {
	border-radius: 0px;
	position: absolute;
	bottom: 48px;
	width: 16%;
	font-size: 18px;
	padding: 17px;
	text-transform: uppercase;
	font-weight: 300;
}
.web-settings-right {
	height: 100%;
	width: 84%;
	display: inline-block;
	vertical-align: top;
	float: left;
	position: relative;
}
.settings-saver {
	position: absolute;
	bottom: 55px;
	height: 54px;
	left: 0px;
	width: 100%;
	border-top: 1px solid #ddd;
	background-color: #fff;
}
.web-setting-body .settings-saver > button {
	border-radius: 0px;
	padding: 10px 25px;
	width: 80px;
	margin-top: 6px;
}
.web-setting-body .validbtn {
	position: absolute;
	margin-top: -59px;
	margin-left: 30%;
	width: 115px;
}
.directory-list {
	overflow: hidden;
	height: 0px;
}
.directory-list.expanded {
	height: auto;
}
.directory-section {
	border: 1px solid #ddd;
	width: 30%;
	border-radius: 4px;
	margin-bottom: 25px;
	padding: 10px;
	height: 200px;
	overflow: auto;
	position: relative;
}
.directory-section li {
	list-style-type: none;
}
.directory-section li a {
	color: #4d4d4d;
	text-decoration: none;
}
.directory-section li a span {
	font-size: 150%;
	margin-right: 10px;
}
.directory-section li a span.wiki-folder-name {
	font-size: 100%;
}
.bottom-corner {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.bottom-corner > label {
	text-decoration: underline;
}
.bottom-corner > label:hover {
	cursor: pointer;
	color: #999;
}
.web-setting-head {
	border-bottom: 1px solid #ddd;
	height: 60px;
	width: 100%;
	background-color: #f2f2f2;
}
.web-setting-head h5 {
	text-transform: uppercase;
	font-size: 150%;
	padding-top: 18px;
	margin: 0px;
}
.web-settings-left .web-setting-head h5 {
	text-align: center;
}
.web-settings-left .web-setting-head span {
	position: absolute;
	font-size: 125%;
	left: 5px;
	color: #999;
}
.web-setting-head > button.btn {
	margin-top: 12px;
	margin-left: 10px;
}
.web-setting-head.tier-head {
	border:none;
	background-color: transparent;
	height: 35px;
}
.web-setting-head.tier-head > button.btn {
	margin: 0px;
}
.web-setting-head.tier-head .webwidg-top {
	margin-top: 0px;
	width: 485px;
}
.tier-head .webwidg-top .webwidg-actions > span:first-child + span {
	border-right: 1px solid #999;
}
.webwidg-top {
	display: inline-block;
	vertical-align: top;
	margin-top: 12px;
	width: 350px;
	margin-left: 6px;
}
.webwidg-top .generic-dropdown {
	width: 250px;
	height: 37px;
}
.webwidg-top .generic-dropdown.no-rad > button.btn {
	height: 37px;
}
.webwidg-top .webwidg-actions > span {
	cursor: pointer;
	font-size: 85%;
	color: #999;
	padding: 0px 6px;
}
.webwidg-top .webwidg-actions > span:first-child {
	border-right: 1px solid #999;	
}
.webwidg-top .webwidg-actions > span:hover {
	text-decoration: underline;
	color: #666;
}
.webwidg-edit div.input-group {
	margin-top: -37px;
	width: 251px;
}
.webwidg-edit input {
	border-radius: 0px;
	width: 195px;
	height: 37px;
}
.webwidg-edit button.btn {
	border-radius: 0px;
	height: 37px;
}
.webwidg-steps {
	border-bottom: 1px solid #eee;
	height: 69px;
	margin-left: -25px;
	position: relative;
	margin-top: -25px;
	margin-right: -25px;
	box-shadow: 2px 3px 6px -3px rgba(50, 50, 50, 0.2);
}
.webwidg-steps > div > span {
	color: #fff;
	position: relative;
	background-color: #00aeef;
	display: inline-block;
	font-size: 110%;
    padding: 24px 50px 24px 75px;
    float: left;
    text-transform: uppercase;
}
.webwidg-steps > div > span:first-child {
	padding-left: 50px;
}
.webwidg-steps > div > span.disabled {
	background-color: #fff;
    color: #666;
    border-right: 1px solid #ddd;
}
.webwidg-steps > div > span:before, .webwidg-steps > div > span:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 34px solid transparent;
}
.webwidg-steps > div > span:before {
    border-left-color: #00aeef;
    position: absolute;
    top: 0px;
    right: -68px;
    z-index: 2;
}
.webwidg-steps > div > span.disabled:before {
	border-left-color: #fff;
}
.webwidg-steps > div > span.disabled:after {
	border-left-color: #ddd;
}
.webwidg-steps > div > span:after {
    border: 36px solid transparent;
    position: absolute;
    top: -2px;
    right: -72px;
    z-index: 1;
    border-left-color: #fff;
}
.webwidg-steps > div > span:last-child:before, .webwidg-steps > div > span:last-child:after {
	border: 0px solid transparent;
}
.web-setting-body .webwidg-steps > button {
    width: 190px;
    float: right;
    border-radius: 0px;
    height: 69px;
}
#webwidg-editor {
	overflow: auto;
	margin-left: -25px;
	margin-right: -25px;
}
#webwidg-editor .review-theme-panel {
	border: none;
	width: 1120px;
	margin: 0 auto;
}
#webwidg-editor .right-arrow {
	width: auto;
}
#webwidg-editor .left-arrow {
	width: auto;
}
#webwidg-editor .layout-selector > .control-label {
	font-size: 13pt;
}
#webwidg-editor #preview-panel {
	margin: 0px 25px 15px;
}
.panel-body {
    max-width: 1250px;
    margin: 0 auto;
}
#webwidg-editor .review-theme-panel.profile-widget-panel > div:first-of-type {
	border-right: 1px solid #ddd;
}
.webwidgfont-panel {
	border-bottom: 1px solid #eee;
	text-align: center;
	padding: 25px 0px;
	max-height: 200px;
	background-color: #ddd;
	position: relative;
}
.webwidgfont-panel.collapsed {
	max-height: 0px;
	padding: 0px;
	overflow: hidden;
}
.webwidgfont-panel > div {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}
.web-setting-body .webwidgfont-panel input.form-control {
	width: auto;
}
.webwidgfont-panel .btn-group.font-styles > button.btn {
	border-radius: 0px;
	width: 40px;
}
.webwidgfont-panel .generic-dropdown {
	width: 200px;
}
.webwidgfont-panel .generic-dropdown button.btn {
	width: 100%;
}
.webwidgfont-panel .font-list {
	margin-left: 0px;
	margin-top: 1px;
}
.webwidgfont-panel .font-list a {
	text-align: center;
	color: #666;
	cursor: pointer;
	font-size: 90%;
	display: block;
	margin: 5px 0px;
}
.webwidgfont-panel .color-drop {
	width: 220px;
	max-height: 282px;
}
.webwidgfont-panel .color-drop .ui-widget-content {
	border: none;
}
.web-setting-body .webwidgfont-panel .new-input input.form-control {
	width: 203px;
}
.webwidgfont-panel .images-list > li {
	text-align: center;
	margin: 5px 0px;
}
.webwidgfont-panel > div > button.btn {
	border-radius: 0px;
}
#webwidg-reviewpanel > div {
	width: 1000px;
	margin: 30px auto 0px;
}
.webreview-panel .channel-message {
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	width: 750px;
	min-height: 48px;
	margin-left: 5px;
	position: relative;
}
.webreview-panel .channel-message .post-content {
	word-break: break-word;
}
.webreview-panel .float-status {
	text-transform: uppercase;
	position: absolute;
	top: -21px;
	left: 0px;
	color: #666;
	font-size: 85%;
}
.webreview-panel .date-strip {
	display: block;
	background-color: #f7f7f7;
	border-top: 1px solid #ddd;
	margin: 10px -10px -10px;
	border-radius: 0px 0px 4px 4px;
	padding: 5px 10px;
}
.webreview-panel .channel-icon {
	display: inline-block;
	vertical-align: top;
	width: 45px;
	position: relative;
  	text-align: center;
}
.webreview-panel .channel-icon > span:first-child {
	font-size: 40px;
	color: #999;
	line-height: 43px;
	font-weight: 600;
}
.webreview-panel .channel-icon > span:last-child {
	text-transform: uppercase;
	font-size: 15px;
	color: #666;
}
.webreview-panel .channel-icon img {
	width: 100%;
}
.webreview-panel .star-rating > img {
	margin-top: -5px;
}
.webreview-panel .channel-publish {
	display: inline-block;
	width: 119px;
	margin-left: 10px;
}
.webreview-panel .channel-publish > div {
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: bold;
}
.webreview-panel .channel-publish > div.publish-state {
	background-color: #fff;
	color: #5cb85c;
	border: 3px solid #5cb85c;
	padding: 2px 5px;
	height: 30px;
}
.webreview-panel .channel-publish > div.publish-state:hover {
	background-color: #5cb85c;
	color: #fff;
}
.webreview-panel .channel-publish > div.published-state {
	background-color: #5cb85c;
	color: #fff;
	border: 3px solid #5cb85c;
	padding: 2px 5px;
	height: 30px;
}
.webreview-panel .channel-publish > div.published-state .onnormal {
	display: inline-block;
}
.webreview-panel .channel-publish > div.published-state .onhover {
	display: none;
}
.webreview-panel .channel-publish > div.published-state:hover .onnormal {
	display: none;
}
.webreview-panel .channel-publish > div.published-state:hover .onhover {
	display: inline-block;
}
.webreview-panel .channel-publish > div.published-state:hover {
	background-color: #dd584c;
	border-color: #dd584c;
}
.webreview-filter-panel {
	height: 71px;
	background-color: #eee;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.webreview-filter-panel > div {
	width: 1000px;
	margin: 0 auto;
	height: 71px;
	position: relative;
}
.webreview-filter-panel > div > div:last-child {
	position: absolute;
	bottom: 10px;
	right: 60px;
	text-transform: uppercase;
	color: #666;
	font-size: 80%;
}
.webreview-filter-panel > div > div:last-child .badge {
	display: block;
	font-size: 17px;
	font-weight: normal;
	border-radius: 0px;
	padding: 11px 0px;
}
.webreview-filter-panel .btn-group {
	margin-top: 10px;
	width: 175px;
}
.webreview-filter-panel .btn-group button.btn {
	width: 100%;
	border-radius: 0px;
	height: 50px;
	text-transform: capitalize;
}
.webreview-filter-panel .btn-group button.btn img {
	width: 37px;
	border-radius: 24px;
	margin: 0px 8px 0px 0px;
}
.webreview-filter-panel .btn-group ul {
	border-radius: 0px;
	width: 175px;
}
.webreview-filter-panel .btn-group li:not(:first-child) img {
	width: 45px;
	border-radius: 29px;
	margin: 5px;
}
.webreview-filter-panel .btn-group li:first-child img {
  	margin: 5px 10px;
  	width: 35px;
}
.webreview-filter-panel .btn-group li:hover {
	cursor: pointer;
	background-color: #eee;
}
#webwidg-reviewpanel {
	height: 656px;
	overflow: auto;
	padding-bottom: 10px;
}
.gallery-table-section {
	margin: 15px 25px;
	border: 1px solid #ddd;
}
.gallery-table-section > div:first-child {
	border-bottom: 1px solid #ddd;
	padding: 5px;
}
.gallery-table-section > div:first-child button.btn {
	width: 250px;
	border-radius: 0px;
}
.gallery-table-section > div:last-child {
	height: 350px;
	overflow: overlay;
}
.gallery-table-section > div:last-child > div {
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}
.gallery-table-section > div:last-child > div > div {
	display: inline-block;
	margin-right:1%;
	vertical-align: top;
}
.gallery-table-section > div:last-child > div > div > input {
	border-radius: 0px;
	width: 100%;
}
.gallery-table-section .gallery-imagelist-thumbnail {
	margin-top: 0px;
	margin-right: 0px;
}
.gallery-table-section .btn-group {
	width: 100%;
	margin-top: 7px;
}
.gallery-table-section .btn-group button.btn {
	width: 100%;
	border-radius: 0px;
}
.gallery-table-section .btn-group ul {
	width: 100%;
	border-radius: 0px;
}
ul.texture-guide {
	padding-left: 5px;
}
.web-setting-nav > div {
	border-bottom: 1px solid #ddd;
	padding: 15px;
	font-size: 110%;
	background-color: #fff;
	min-height: 52px;
	width: 100%;
}
.web-setting-nav > div:hover {
	background-color: #f2f2f2;
}
.web-setting-nav > div.active, .web-setting-nav > div.active:hover {
	width: 100.1%;
}
.web-setting-nav > div.active:hover {
	background-color: #fff;
}
.web-settings-right .web-setting-head h5 {
	padding-left: 25px;
}
.web-setting-body {
	padding: 25px;
}
.web-setting-body input.form-control, .web-setting-body textarea.form-control, .web-setting-body button {
	width: 30%;
}
.pages-tab .web-setting-body .btn-group button {
	width: 100%;
}
.pages-tab .web-setting-body .btn-group{
	width: 30%;
}
.add-page-dotted {
	padding: 10px;
}
.add-page-dotted > div {
	border: 1px dashed #ccc;
    text-align: center;
    padding: 12px;
    cursor: pointer;
}
.add-page-dotted > div:hover {
	border-color: #aaa;
	background-color: #eee;
}
.favicon-show {
	width: 40px;
	height: 40px;
	border: 1px solid #4d4d4d;
	background-size: cover;
	background-position: 50%;
	position: relative;
	margin-top: 25px;
}
.favicon-show span {
	position: absolute;
	top: -9px;
	right: -9px;
	background-color: #4d4d4d;
	border-radius: 11px;
	color: #fff;
	padding: 0px 5px 0px 6px;
}
.web-setting-body span.split {
	display: block;
	border-top:1px solid #ddd;
	margin: 0px -25px 25px;
}
.web-setting-body .tags-field {
	width: 30%;
	border: 1px solid #ccc;
	margin-bottom: 25px;
	height: 114px;
	overflow: auto;
}
.web-setting-body .tags-field .tag-input input:focus {
	margin: -2px 0px;
	padding-left: 0px;
	width: 100%;
}
.webbuilder-editing .tags-field { 
	width: 100%;
	border: 1px solid #ccc;
	height: 114px;
	overflow: auto;
	color: #4d4d4d;
}
.webbuilder-editing .tags-field .tag-input input:focus {
	margin: -2px 0px;
	padding-left: 0px;
	width: 100%;
}
.webside-holder {
	height: 100%;
	padding-bottom: 150px;
}
.responsive-icons {
	display: inline-block;
	vertical-align: top;
	float: left;
	margin-top: 8px;
	margin-right: 20px;
}
.responsive-icons img {
	max-width: 40px;
	max-height: 40px;
}
.responsive-icons.faded {
	opacity: 0.4;
}

.webbuilder-editing .ui-widget-content {
	border: none;
}
.font-list {
	max-height: 250px;
	overflow: auto;
	color: #4d4d4d;
	list-style-type: none;
	padding-left: 0px;
	margin: 0px 10px;
	background-color: #fff;
}
.font-list li {
	padding: 2px 8px;
}
.font-list li:hover {
	cursor: pointer;
	background-color: #eee;
}
.font-list li.font-title {
	background-color: #ddd;
	font-size: 120%;
	padding: 4px 8px;
	text-align: center;
	cursor: auto;
}
.mobile-cover {
	width: 250px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 55px;
	color: #fff;
	padding-top: 23%;
	text-align: center;
	padding: 23% 35px 0px;
	font-size: 115%;
}
.phone-box {
	text-align: center;
	padding-top: 48px;
	background: url('../images/textures/dust.png') repeat;
}
.phone-box > img {
	width: 420px;
	margin-bottom: 75px;
}
.phone-box iframe {
	position: absolute;
	top: 185px;
	border: none;
	left: 50%;
	margin-left: -163px;
	width: 322px;
	height: 573px;
}
.phone-switch {
	background-color: #eee;
	color: #999;
	border: 1px solid #ddd;
	border-radius: 11px;
	padding: 2px 8px 1px;
	font-size: 88%;
	width: 105px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
}
.phone-switch > div {
	width: 47px;
	height: 16px;
	background-color: #fff;
	position: absolute;
	border-radius: 10px;
	top: 2px;
	left: 3px;
	border: 1px solid #bbb;
}
.phone-switch > div.noti-on {
	left: 53px;
}
.image-resize {
	display: none;
	background-color: rgba(0, 0, 0, 0.8);
	width: 109px;
	padding: 1px 0px 5px;
	border-radius: 28px;
	top: 0px;
	position: absolute;
	margin-top: 50px;
	left: 50%;
	margin-left: -54px;
}
.image-resize label.control-label {
	color: #fff;
}
.image-resize button {
	padding: 0px 12px;
}
.logo-section .image-resize:hover {
	display:block;
}
.logo-section > img:hover + .image-resize {
	display:block;
}
.fill-the-expanse > .theme-selector {
	width: 100%;
	background-color: #fff;
	height: 100%;
	position: absolute;
	z-index: 200;
	margin-top: 55px;
	text-align: center;
	padding-top: 100px;
}
.fill-the-expanse > .theme-selector h4 {
	margin-bottom: 50px;
}
.webbuilder-theme {
	width: 475px;
	margin: 25px 10px;
	display: inline-block;
	vertical-align: top;
	height: 298px;
	position: relative;
}
.webbuilder-theme > div {
	border: 1px solid #ddd;
	height: 258px;
	padding-top: 120px;
	background-position: 0% 0%;
	background-size: cover;
	overflow: hidden;
}
.webbuilder-theme > span {
	position: absolute;
	top: -6px;
	right: -7px;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 12px;
	padding: 1px 4px;
}
.webbuilder-theme > div.preview-theme {
	border-top: none;
	height: 40px;
	overflow: initial;
	background-color: #fff;
	margin: 0px 1px;
	text-align: left;
	padding: 8px 10px;
	font-size: 110%;
}
.webbuilder-theme > div span {
	display: none;
	border: 1px solid #ddd;
	padding: 5px 10px;
	background-color: #fff;
	cursor: pointer;
}
.webbuilder-theme > div:hover span {
	display: inline-block;
}
.webbuilder-theme > div.preview-theme span {
	display: block;
	margin-top: -2px;
	font-size: 90%;
	margin-right: -10px;
	color: #4d4d4d;
}
.page-switcher label.control-label {
	color: #fff;
    float: left;
    margin-left: 5px;
}
.page-switcher .generic-dropdown {
	width: 230px;
    margin-bottom: 18px;
    text-transform: capitalize;
}
.page-switcher .generic-dropdown button.btn {
	text-transform: capitalize;
}

@-webkit-keyframes bounce-in {
	0% { -webkit-transform: translate(0px, 1000px)}
	60% { -webkit-transform: translate(0px, -40px)}
	80% { -webkit-transform: translate(0px, 20px)}
	100% { -webkit-transform: translate(0px, 0px)}
}
@-moz-keyframes bounce-in {
	0% { -moz-transform: translate(0px, 1000px)}
	60% { -moz-transform: translate(0px, -40px)}
	80% { -moz-transform: translate(0px, 20px)}
	100% { -moz-transform: translate(0px, 0px)}
}
.bounce-in {
	-webkit-animation-name: bounce-in;
	-webkit-animation-duration: 0.6s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: bounce-in;
	-moz-animation-duration: 2s;
	-moz-transform-origin:50% 50%;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
}
.get-started {
	width: 100%;
	background-image: url('../images/textures/dust.png');
	background-color: #fff;
	height: 100%;
	position: absolute;
	z-index: 200;
	margin-top: 55px;
	text-align: center;
}
.get-started .startbanner {
	background-image: url('../images/webbuilder_start.jpeg');
	height: 175px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}
.startbanner h4 {
	color: #fff;
	font-size: 250%;
	padding-top: 70px;
	margin: 0px;
}
.startnav > div {
	border-right: 1px solid #999;
	display: inline-block;
	vertical-align: top;
	margin: 10px 0px;
	padding: 5px 25px;
	font-size: 125%;
	color: #999;
}
.startnav > div.past:hover {
	color: #666;
	cursor: pointer;
}
.startnav > div:last-child {
	border-right: none;
}
.startnav > div.selected {
	color: #4d4d4d;
	font-weight: bold;
}
.startnav > div > span {
	margin-left: 5px;
	border: 1px solid #ddd;
	border-radius: 17px;
	background-color: #fff;
	font-size: 85%;
	padding: 2px 5px;
	display: inline-block;
}
.startnav > div > span.startstep {
	padding: 2px 8px;
	margin-right: 5px;
	margin-left: 0px;
	width: 29px;
	height: 28px;
}
.startstep span.green {
	margin-left: -3px;
}
.get-started .progress {
	border-bottom: 1px solid #aaa;
	border-radius: 0px;
	height: 15px;
}
.get-started .progress > span {
	position: absolute;
	margin-left: 3px;
	font-size: 80%;
	color: #666;
	margin-top: -1px;
}
.get-started .progress-bar {
	box-shadow: none;
}
.onboard-holder {
	overflow: scroll;
}
.onboard-holder h4 {
	font-size: 125%;
	margin-top: 50px;
}
.onboard-holder input {
	width: 600px;
	margin: 0 auto;
	font-size: 125%;
	height: 50px;
}
.onboarding-columns {
	width: 1160px;
	margin: 0 auto;
}
.onboarding-columns > div {
	float: left;
	display: inline-block;
	margin: 1%;
	vertical-align: top;
	padding: 15px;
	text-align: left;
}
.onboarding-columns > div.onboard-skinny {
	width: 28%;
}
.onboarding-columns > div.onboard-wide {
	width: 68%;
}
.onboarding-columns .temp-box {
	height: 200px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
}
#onboarding .modal-dialog {
	width: 800px;
	margin-top: 100px;
}
#onboarding .modal-content {
	border-radius: 0px;
}
#onboarding .modal-header {
	height: 195px;
	/*background-color: #dd584c;*/
	background-image: url('../images/webbuilder-onboarding.jpg');
	background-size: cover;
}
#onboarding .modal-body {
	background-color: #f2f2f2;
	max-height: 500px;
	overflow: overlay;
}
#onboarding .modal-header .modal-title {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 150%;
	margin-top: 20px;
	font-weight: 300;
}
#onboarding .progress {
	border-radius: 0px;
	margin: -21px -20px 0px;
	border-bottom: 1px solid #ddd;
	position: fixed;
	width: 798px;
	z-index: 100;
	overflow: initial;
}
#onboarding .progress:hover .floating-onboard-side {
	display: block;
}
#onboarding .progress > span {
	color: #666;
	margin: 0px 5px;
}
#onboarding .web-social-list {
	text-align: center;
	margin-top: 15px;
}
#onboarding .web-social-links {
	width: 560px;
	margin: 0 auto;
}
.onboard-event {
	border: 1px solid #ddd;
	border-left: 7px solid #bbb;
	height: 70px;
	margin-top: 15px;
	background-color: #fff;
	position: relative;
}
.onboard-event > h5 {
	padding-left: 75px;
	text-transform: uppercase;
	font-size: 18pt;
	margin-bottom: 0px;
	margin-top: 10px;
	font-weight: 500;
	line-height: 1.1;
	display: inline-block;
}
.onboard-event > span {
	position: absolute;
	font-size: 28pt;
	color: #999;
	line-height: 0.4;
	margin-top: 16px;
	text-align: center;
	left: 8px;
}
.onboard-event-page > input {
	display: inline-block;
	width: 225px;
	height: 35px;
}
.onboard-event-page > input.onboard-datepicker {
	width: 130px;
}
.onboard-event > span > span {
	text-transform: uppercase;
	font-size: 10pt;
	line-height: 2.7;
	display: block;
}
.onboard-review > div {
	display: inline-block;
	vertical-align: middle;
}
.onboard-review > div img {
	width: 100%;
	border-radius: 80px;
}
.onboard-review > div:first-child {
	width: 80px;
	margin-right: 15px;
	margin-left: 100px;
}
.onboard-review > div:first-child + div + div {
	width: 350px;
}
.onboard-review > div:last-child {
	border: 1px solid #ccc;
	background-color: #fff;
	height: 34px;
	text-align: center;
	width: 34px;
	padding-top: 6px;
}
.onboarding-gallery {
	position: relative;
}
.onboarding-gallery input {
	width:400px;
	padding-left: 32px;
}
.onboarding-gallery > span {
	color: #999;
	position: absolute;
	top: 38px;
	left: 10px;
}
.onboard-photo-holder {
	height: 250px;
	overflow: auto;
	margin-top: 10px;
	margin-bottom: -20px;
}
.onboard-photo-holder > div {
	width: 177px;
	display: inline-block;
	margin: 5px;
	height: 177px;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 3px;
	cursor: pointer;
	position: relative;
}
.onboard-photo-holder img {
	max-width: 167px;
	max-height: 167px;
	display: block;
	margin: -1px auto 0;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.onboard-photo-holder > div > span {
	position: absolute;
	top: -5px;
	right: -5px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px;
	padding: 2px 5px;
}
.tip-box {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.tip-box > .footer-tip {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	width: 90%;
	margin: 0 auto;
}
.tip-box img {
	width: 40px;
}
.tip-box span {
	font-style: italic;
	color: #666;
}
.onboard-menu-first {
	width: 250px;
	display: inline-block;
	vertical-align: top;
}
.onboard-menu-first .new-input {
	position: relative;
}
.onboard-menu-second {
	width: 494px;
	display: inline-block;
	margin-left: 10px;
}
.onboard-menu-second .menu-item-body > div > div.clearfix > div {
	width: 125px;
}
.onboard-menu-second .menu-item-body > div > div.clearfix > input:first-of-type {
	width: 266px;
}
.onboard-menu-second .menu-item-body > div:last-child {
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
}
.onboarding-design > div {
	display: inline-block;
	vertical-align: top;
	width: 372px;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	height: 400px;
	border-radius: 2px;
	margin-top: 40px;
}
.onboarding-design > div > h4 {
	margin-top: -28px;
	color: #666;
	font-size: 100%;
	margin-bottom: 15px;
	text-align: left;
}
.onboarding-colors {
	width: 350px;
}
.onboarding-colors .colors {
	display: inline-block;
	width: 100px;
	padding: 0px 10px;
}
.onboarding-colors .colors:last-child {
	width: 201px;
	border-left: 1px solid #aaa;
}
.onboarding-colors .colors ul {
	list-style-type: none;
	padding-left: 0px;
	height: 45px;
}
.onboarding-colors .colors ul li {
	position: relative;
	width: 40px;
	height: 40px;
	font-size: 115%;
	margin: 5px;
	display: inline-block;
	border-radius: 23px;
	vertical-align: top;
	float: left;
}
.onboarding-colors .colors span.hover-show {
	display: none;
}
.onboarding-colors .colors li:hover span.hover-show {
	display: block;
	color: #fff;
	cursor: pointer;
	padding-left: 14px;
	font-size: 130%;
	padding-top: 4px;
}
.onboarding-colors .colors ul li.empty-color {
	border: 1px solid #aaa;
	text-align: center;
	padding-top: 7px;
	color: #999;
	padding-left: 1px;
}
.onboarding-colors .evo-pop {
	width: 210px;
	padding-bottom: 5px;
	margin-top: 50px;
}
.onboarding-colors .evo-pointer {
	visibility: hidden;
}
.onboarding-design .floating-circle {
	border: 1px solid #ddd;
	position: absolute;
	bottom: 62px;
	left: 90px;
	height: 231px;
	width: 231px;
	border-radius: 116px;
}
#company-colours {
	width: 350px;
	margin-top: 15px;
}
.onboard-column {
	width: 500px;
	display: inline-block;
	vertical-align: top;
}
.onboard-column.onboard-skinny {
	width: 244px;
	padding-top: 15px;
}
.map-canvas-onboard {
	height: 254px;
}
.daypart-question {
	background-color: #fff;
	border: 1px solid #ddd;
	text-align: center;
	margin: 25px 15px 15px;
	padding: 10px;
	font-size: 110%;
}
.daypart-question button.btn {
	border-radius: 0px;
	margin-left: 10px;
}
.onboard-column .hour-categories button.btn {
	border-radius: 0px;
	width: 100%;
}
.onboard-column .new-input > button {
	margin-bottom: 10px;
}
.onboard-column .hour-categories a.btn {
	border-radius: 0px;
	width: 100%;
	border-top: 0px;
}
.onboard-column .new-hours {
	position: relative;
}
.onboarding-hours {
	border: 1px solid #ddd;
	border-radius: 2px;
	background-color: #fff;
	padding: 7px 10px;
}
.onboarding-hours label.control-label {
	width: 75px;
	display: block;
}
.onboarding-hours > div {
	display: inline-block;
	vertical-align: top;
}
.onboarding-hours > div.day-name {
	width: 100px;
	text-transform: uppercase;
	color: #666;
}
.onboarding-hours > div > div {
	width:374px;
}
.onboarding-hours .hours-cat-name {
	width: 100px;
	display: inline-block;
}
.onboarding-hours .hours-input {
	display: inline-block;
	width: 115px;
	margin-right: 7px;
}
.modal-footer.onboarding-footer .modal-btn.pull-right {
	border-radius: 0px;
	height: 33px;
	width: 90px;
}
.onboarding-footer > span {
	cursor: pointer;
	font-size: 85%;
	color: #666;
	margin-right: 10px;
	text-decoration: underline;
}
.onboarding-footer > p.footer-tip {
	display: inline-block;
	float: left;
	margin-top: -11px;
	font-style: italic;
	margin-left: -15px;
}
.onboarding-footer > p.onboard-skip-all {
	margin-top: 19px;
	text-align: center;
}
.onboarding-footer > p.onboard-skip-all a {
	text-decoration: none;
	color: #666;
}
.onboarding-footer > p.onboard-skip-all a:hover {
	color: #fff;
}
.onboarding-footer > p img {
	width: 40px;
}
.onboarding-footer {
	background-color: #fff;
	height: 34px;
	margin-top: 0px;
}
.onboard-bubbles {
	margin-top: 34px;
	text-align: center;
}
.onboard-bubbles > div {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 52px;
	text-align: center;
	padding: 7px;
	height: 60px;
	margin-right: 5px;
	position: relative;
	cursor: pointer;
}
.onboard-bubbles > div img {
	width: 100%;
}
.onboard-bubbles > div > span {
	background-color: #5cb85c;
	position: absolute;
	color: #fff;
	border-radius: 10px;
	border: 1px solid #4cae4c;
	bottom: 0px;
	right: -2px;
	font-size: 95%;
	padding: 1px 2px 0px;
}
.floating-onboard-side {
	padding: 10px;
	width: 225px;
	background-color: #666;
	position: absolute;
	right: -240px;
	top: -43px;
	color: #fff;
	display: none;
}
.floating-onboard-side > div {
	background-color: #4d4d4d;
	padding: 5px 10px;
	margin-bottom: 5px;
}
.floating-onboard-side .tri-node {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 12px 12px 0;
	border-color: transparent #666 transparent transparent;
	display: block;
	position: absolute;
	left: -12px;
	top: 40px;
}
.onboard-holder .onboard-box input {
	height: 40px;
	margin: 0px;
	font-size: 100%;
}
.onboard-holder .onboard-box .on-third input, .onboard-holder .onboard-box .on-half input {
	width: 100%;
}
.on-third {
	display: inline-block;
	width: 164px;
	vertical-align: top;
}
.onboard-column .on-half {
	width: 243px;
}
.on-half {
	display: inline-block;
	width: 372px;
	vertical-align: top;
}
.generic-dropdown.sexy-box {
	width: 500px;
	height: 40px;
}
.generic-dropdown.sexy-box button.btn.btn-default {
	height: 40px;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0px)
  position: relative;	}
	40% {
    	-webkit-transform: translateY(-30px)
  	}
	60% {
    	-webkit-transform: translateY(-15px)
  	}
}
.arrow {
	position: fixed;
	bottom: 55px;
	width: 70px;
	height: 70px;
	background-image: url('../images/webbuilder-arrow.png');
	background-size: contain;
	right: 50px;
}
.bounce {
	-webkit-animation-name: bounce;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes side-bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateX(0px)
  	}
	40% {
    	-webkit-transform: translateX(-30px)
  	}
	60% {
    	-webkit-transform: translateX(-15px)
  	}
}
.arrow.side-arrow {
	background-image: url('../images/webbuilder-sidearrow.png');
	right: -82px;
	bottom: -7px;
	width: 50px;
	height: 50px;
}
.side-bounce {
	-webkit-animation-name: side-bounce;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
.web-logo-page {
	text-align: center;
}
.web-logo-page form {
	display: inline-block;
	width: 350px;
}
.logo-hotspot {
	display: inline-block;
	width: 300px;
	border: 2px solid #999;
	height: 280px;
	padding: 2px;
	position: relative;
	text-align: center;
	margin: 0px 25px 10px;
}
.logo-hotspot > img {
	max-width: 292px;
	max-height: 272px;
}
.logo-hotspot.dropzone {
	display: inline-block;
	width: 300px;
	border: 2px solid #999;
	height: 280px;
	padding: 2px;
	position: relative;
	outline:none;
}
.logo-hotspot.dropzone.highlight {
	background-color: rgba(0, 0, 0, 0.2);
}
.logo-hotspot.dropzone > span {
	border: 1px dashed #999;
	display: block;
	height: 271px;
	font-size: 750%;
	color: #999;
	padding-top: 83px;
}
.sticky-bottom {
	position: fixed;
	bottom: 0px;
	background-color: #fff;
	width: 100%;
	border-top: 1px solid #ddd;
	height: 50px;
	padding: 7px;
}
.sticky-bottom p {
	display: inline-block;
	margin: 7px;
	font-size: 110%;
}
.sticky-bottom > span {
	color: #666;
	text-decoration: underline;
	cursor: pointer;
	font-size: 90%;
	margin-top: 8px;
	margin-right: 15px;
}
.sticky-bottom > .btn {
	font-size: 110%;
	width: 160px;
}
.sticky-bottom > span:hover {
	color: #4d4d4d;
}
.next-skip {
	width: 700px;
	margin: 20px auto;
}
.next-skip button {
	margin-right: 10px;
}
.next-skip span {
	margin-top: 8px;
	color: #666;
}
.next-skip span span {
	text-decoration: underline;
	margin-left: 4px;
	cursor: pointer;
}
.next-skip span span:hover {
	color: #4d4d4d;
}
.web-logo-page p {
	font-size: 125%;
	position: absolute;
	bottom: 81px;
	width: 300px;
	text-align: center;
	color: #666;
}
.web-social-list > div {
	display: inline-block;
	vertical-align: top;
	border-radius: 36px;
	font-size: 250%;
	height: 65px;
	width: 65px;
	margin: 10px;
	color: #999;
	cursor: pointer;
	margin-top: 11px;
	padding-top: 4px;
	text-align: center;
}
.web-social-list > div.selected {
	border: 1px solid #999;
	margin-top: 10px;
	background-color: #fff;
}
.modal-body .web-social-list > div {
	width: 56px;
	height: 56px;
	font-size: 225%;
	text-align: center;
	padding-top: 1px;
}
.modal-body .web-social-links > div {
	width: 499px;
	display: inline-block;
}
.webwidgfont-panel .web-social-links {
	position: relative;
}
.webwidgfont-panel .web-social-links .website-name-btn {
	height: 35px;
	position: absolute;
    margin-top: 0px;
    bottom: -1px;
    right: -59px;
    margin-left: 0px;
	width: auto;
}
.webwidgfont-panel .web-social-links .website-update-btn {
	height: 35px;
	position: absolute;
    margin-top: 0px;
    bottom: -1px;
    right: -83px;
    margin-left: 0px;
	width: auto;
	border-radius: 0px;
}
.webwidgfont-panel .web-social-links .website-remove-btn {
	height: 35px;
	position: absolute;
    margin-top: 0px;
    bottom: -1px;
    right: -168px;
    margin-left: 0px;
	width: auto;
	border-radius: 0px;
}
.web-setting-body .webwidgfont-panel .web-social-links input.form-control {
	width: 100%;
}
.modal-body .website-name-btn.btn {
	margin-left: 0px;
	height: 34px;
	vertical-align: top;
	margin-top: 0px;
}
.website-name-btn.btn {
	margin-left: 675px;
	border-radius: 0px;
	height: 50px;
	margin-top: -72px;
}
.modal-953 .web-widget-page {
	width:100%;
}
.web-widget-page {
	width: 700px;
	margin: 0 auto;
}
.web-widget-page > div.widget-new-box {
	width: 225px;
	display: inline-block;
	position: relative;
	padding: 0px 15px;
	vertical-align: top;
}
.widget-new-box .widget-panels.short-panels ul {
	border-radius: 0px;
	width: 197px;
	margin-left: -1px;
	padding: 0px;
}
.widget-new-box .widget-panels.short-panels ul li {
	text-align: left;
	padding: 5px;
	border-bottom: 1px solid #ddd;
}
.widget-new-box .widget-panels.short-panels ul li:last-child {
	border-bottom: none;
}
.widget-new-box .widget-panels.short-panels ul li > span {
	border-left: 1px solid #ddd;
	display: inline-block;
	width: 24px;
	height: 30px;
	margin-top: -5px;
	padding-top: 6px;
	color: #999;
	padding-left: 7px;
}
.widget-new-box .widget-panels.short-panels ul li:hover > span {
	color: #4d4d4d;
}
.widget-panels.short-panels > span.floating-num {
	font-size: 55%;
	display: block;
	background-color: rgba(0, 0, 0, 0.1);
	margin-top: -10px;
	padding: 4px 0px;
}
.widget-panels.short-panels > span.floating-num > span:first-child {
	background-color: #fff;
	border-radius: 10px;
	color: #4d4d4d;
	padding: 0px 4px;
	margin-right: 5px;
}
.widget-new-box .widget-panels.short-panels > div {
	bottom: 15px;
	width: 195px;
}
.widget-new-box .widget-panels.short-panels > img {
	width: 115px;
	margin-top: -15px;
}



.webbuilder-dash .website-list {
	margin-top: 25px;
}
.webbuilder-dash .website-list > div {
	border: 1px solid #ddd;
	height: 133px;
	overflow: hidden;
	margin-top: 10px;
	box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.1);
	position: relative;
}
.webbuilder-dash .website-list > div:hover {
	cursor: pointer;
	background-color: #eee;
}
.webbuilder-dash .website-list > div:hover .floating-delete {
	display: block;
}
.website-list .floating-delete {
	position: absolute;
	top: 8px;
	right: 8px;
	color: #666;
	display: none;
}
.website-list .floating-delete:hover {
	color: #999;
}
.webbuilder-dash .website-list h5 {
	margin: 0px;
	padding: 10px;
	text-transform: uppercase;
	font-size: 125%;
	padding-bottom: 7px;
	display: inline-block;
}
.webbuilder-dash .website-list p {
	margin: 0px;
	padding: 10px;
	padding-top: 0px;
	color: #666;
	font-size: 90%;
	display: inline-block;
	margin-bottom: -6px;
}
.webbuilder-dash .website-list button.btn-success {
	padding: 1px 8px;
	margin-top: -3px;
	font-size: 95%;
}
.webbuilder-dash .website-list button.btn-default {
	margin-top: 7px;
	border: none;
	border-radius: 0px;
	height: 40px;
	width: 100%;
	display: block;
	border-top: 1px solid #ddd;
	text-align: left;
	background-color: #f5f5f5;
	color: #666;
}
.webbuilder-dash .website-list button.btn-default.copy-btn {
	position: absolute;
	top: -4px;
	right: 28px;
	width: 110px;
	text-align: center;
	border: 1px solid #ddd;
	height: 25px;
	padding: 0px;
	border-radius: 6px;
	display: none;
}
.webbuilder-dash .website-list div:hover button.btn-default.copy-btn {
	display: block;
}
.webbuilder-dash .website-list button.btn-default.copy-btn:hover {
	background-color: #fff;
}
.webbuilder-dash .website-list div:hover button.btn-default {
	background-color: #e7e7e7;
}
.webbuilder-dash .create-website {
	border-radius: 0px;
	height: 60px;
	width: 200px;
	font-size: 125%;;
}
.webbuilder-dash .create-website.pull-right {
    top: 15px;
    position: absolute;
    right: 15px;
}
.btn-group.image-editor-background-options.webbuilder-version {
	padding-left: 10px;
	margin-bottom: 15px;
}
.btn-group.image-editor-background-options.webbuilder-version > button.btn.btn-default {
	width: 116px;
	font-size: 12px;
}
.btn-group.image-editor-background-options.webbuilder-version.webbuilder-options-short > button.btn.btn-default {
	padding: 6px;
}
.webbuilder-carousel-list {
	padding: 10px;
}
.webbuilder-carousel-list > div {
	border: 1px solid #fff;
    background-color: #8899A6;
    color: #fff;
    margin-bottom: 4px;
    font-weight: bold;
    font-size: 12px;
    padding: 3px 20px 3px 15px;
    cursor: pointer;
    position: relative;
}
.webbuilder-carousel-list > div > div {
    position: absolute;
    top: 5px;
    left: 5px;
}
.webbuilder-carousel-list > div > div.carousel-image-remove {
    left: initial;
    right: 5px;
    font-size: 18px;
    top: 0px;
    display: none;
}
.webbuilder-carousel-list > div:hover > div.carousel-image-remove {
	display: block;
}
.webbuilder-carousel-list > div > div > div {
	background-color: #fff;
    width: 3px;
    height: 3px;
    margin-bottom: 2px;
    border-radius: 50%;
}
.webbuilder-carousel-list > div span {
	display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.colorpicker-button {
	border: none; 
	color: #000; 
	background-color: #fff; 
	border-radius: 0px; 
	padding: 5px 5px; 
	margin: 0 0 0 10px; 
	width:230px;
	text-align: center;
}
.colorpicker-selection {
	width: 20px; 
	height: 20px; 
	display: inline-block; 
	border: solid 1px #000;
	vertical-align: middle;
	float: left;
}

.age-gate-image-logo-cover > div:last-child {
        position: relative;
        margin-top: -25px;
        padding-top: 1px;
        background-color: #fff;
        border-top: 1px solid #ddd;
        height: 73px;
        width: 73px;
        border-radius: 0 0 4px 4px;
    }
    .age-gate-image-logo {
        width: 75px;
        height: 75px;
        position: absolute;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        top: -22px;
        left: 7px;
        padding: 5px;
    }
    .age-gate-image-logo > span {
        width: 100%;
        height: 72px;
        text-align: center;
        display: block;
        font-size: 125%;
        padding-top: 9px;
        cursor: pointer;
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: rgba(256, 256, 256, 0.8);
    }
    .age-gate-image-logo > span.no-display {
        display: none;
    }
    .age-gate-image-logo:hover > span.no-display {
        display: block;
    }
    .age-gate-image-logo > span > span {
        font-size: 250%;
    }

    .age-gate-image-logo > div {
        width: 63px;
        height: 63px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;
    }
    .age-gate-image-logo > span {
        position: absolute;
        right: 5px;
        top: 4px;
        display: none;
        font-size: 80%;
    }
    .age-gate-image-logo > span {
        display: block;
    }
    .age-gate-image-logo > span:hover {
        cursor: pointer;
        color: #999;
    }/*############-- App Styles - Wiki --############*/

#unoapp_wiki {
	
}

/*<><><>- Wiki -<><><>*/
.thumbnail .wiki-thumb{
	height: 140px;
}
.click-social-image{
	max-height: 90px;
}
.wiki-thumb .add-element{
	height: 180px;
}
.wiki-thumb-placeholder {
	width: 100%;
}
.wiki-right-title{
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin: -15px -10px 15px;
	height: 50px;
}
.wiki-right-title h4 {
	margin-left: 15px;
	margin-top: 13px;
}
.wiki-right-title button {
	border-radius: 0px;
	border: none;
	border-left: 1px solid #DDD;
	width: 100px;
	height: 49px;
}
.wiki-right-title a {
	border-radius: 0px;
	border: none;
	border-left: 1px solid #DDD;
	width: 190px;
	height: 49px;
	border-top-right-radius: 4px;
	padding-top: 15px;
}
a.ui-draggable-dragging {
	width: 190.88px;
}
a.thumbnail:hover, a.thumbnail:hover .wiki-edit-folder, a.thumbnail:hover .wiki-drag-item{
	visibility: visible;
	text-decoration: none;
}
.wiki-drag-item {
	position: absolute;
	visibility: hidden;
}
.wiki-edit-folder{
	position: absolute;
	right: 20px;
	visibility: hidden;
}
.wiki-left-nav-large {
	border-right: 1px solid #ddd;
	margin-top: -15px;
	padding-top: 15px;
	min-height: 235px;
}
.wiki-left-nav-large .message-create {
	width: 270px;
}
.wiki-left-nav-large > ul {
	overflow: auto;
}
.wiki-left-nav>ul>li>a>span.glyphicon-chevron-down{
	display: none;
}
.wiki-left-nav .add-element{
	height: 30px;
	margin-bottom: 4px;
}
.wiki-left-nav-large a > span.glyphicon-sort, .wiki-left-nav a > span.glyphicon-sort {
	display: none;
}
.wiki-left-nav-large a:hover > span.glyphicon-sort, .wiki-left-nav a:hover > span.glyphicon-sort {
	display: block;
}
.wiki-filt-panel {
	height: 35px;
	border-bottom: 1px solid #ddd;
	margin: -15px -10px 15px -15px;
	position: relative;
	background-color: #eee;
}
.wiki-filt-panel input {
	width: 200px;
	border: none;
	border-right: 1px solid #ddd;
	border-radius: 0px;
	padding-left: 25px;
	display: inline-block;
}
.wiki-filt-panel input:focus {
	outline: none;
	box-shadow: none;
	border-color: #ddd;
}
.wiki-filt-panel span {
	color: #aaa;
	position: absolute;
	top: 9px;
	left: 5px;
}
.wiki-filt-panel button {
	border: none;
	border-radius: 0px;
	border-left: 1px solid #ddd;
	height: 34px;
	width: 190px;
}
.wiki-brief-description{
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	max-height: 95px;
	overflow: auto;
}
.add-folder-ui {
	height: 56px;
	position: relative;
}
.add-folder-ui > span {
	position: absolute;
	top: -7px;
	right: 5px;
	color: #fff;
	background-color: #4d4d4d;
	border-radius: 10px;
	padding: 0px 6px;
	z-index: 10;
	cursor: pointer;
}
.add-folder-ui input, .add-folder-ui button {
	border-radius: 0;
	height: 56px;
}
.wiki-folder-name{
	color: #333;
}
.nav-pills>li.active>a>.wiki-folder-name, .nav-pills>li.active>a:hover>.wiki-folder-name, .nav-pills>li.active>a:focus>.wiki-folder-name{
	color: #fff;
}
#wiki-add-stuff-module .mce-tinymce.mce-container.mce-panel{
	resize: vertical;
}
.wiki-reveal {
	display: none;
	padding: 10px 9px;
	margin-top: 20px;
	margin-right: 10px;
}
.wiki-reveal span {
	font-size: 24px; 
	font-weight: normal;
}
.icon-bar-wiki {
	background-color: #333;
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}
.icon-bar-wiki + .icon-bar-wiki {
	margin-top: 4px;
}
.wiki-left-nav-large {
	display:block;
}
.wiki-left-nav-large .add-element {
	height: 30px;
}
.glyphicon.empty-padding { padding: 0 7px }
.title-bar input {
	border: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0px;
	height: 54px;
	margin-top: -21px;
	padding-left: 60px;
}
.desc-bar textarea {
	border: none;
	height: 85px;
	margin-top: 0px;
	padding-left: 141px;
	padding-top: 15px;
}
.cont-bar {
	border-bottom: 1px solid #ddd;
	height: 50px;
}
.cont-bar button {
	border:none;
	border-radius: 0px;
	border-left: 1px solid #ddd;
	width: 158px;
	height: 49px;
}
.cont-bar button:first-of-type {
	margin-left: 125px;
}
.attach-bar > div {
	height:63px;
	overflow: auto;
	margin-top: 35px;
	padding-left: 20px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding-top: 5px;
}
.attach-bar.form-group label {
	top: -25px;
}
.wiki-add-modal div.form-group {
	margin: 0px -21px;
	position: relative;
}
.wiki-add-modal input:focus {
	border-color: #ddd;
	outline:none;
	box-shadow: none;
}
.wiki-add-modal textarea:focus {
	border-color: #ddd;
	outline:none;
	box-shadow: none;
}
.wiki-add-modal label {
	color: #aaa;
	margin-left: 20px;
	font-weight: 300;
	font-size: 88%;
	position: absolute;
	top: 17px;
}
.link-embed {
	position: absolute;
	left: 175px;
}
.link-embed input, .link-embed textarea {
	width: 335px;
	border: none;
	border-left: 1px solid #ddd;
	border-radius: 0px;
	height: 35px;
	display: inline-block;
	resize: none;
}
.link-embed button {
	width: 84px;
	border: none;
	border-left: 1px solid #ddd;
	border-radius: 0px;
	height: 35px;
	vertical-align: top;
}
.wiki-add-module-image {
	position: absolute;
	top: 0px;
	right: 10px;
	z-index: 10;
	border-left: 1px solid #ddd;
	padding: 3px 10px 0px 20px;
	height: 52px;
}
.wiki-add-module-image img {
	max-height: 45px;
}
.wiki-foot div {
	margin-right: 10px;
	margin-top: 7px;
}
#wiki-add-stuff-module .mce-tinymce.mce-container.mce-panel {
	resize: none;
}
.wiki-read-top {
	border-bottom: 1px solid #ddd;
	height: 40px;
	position: relative;
}
.wiki-read-top div {
	display: inline-block;
	height: 39px;
	padding-top: 10px;
	padding-left: 10px;
	width: 200px;
}
.wiki-read-top div:first-child {
	border-right: 1px solid #ddd;
}
.wiki-read-top input {
	width: 230px;
	border: none;
	border-left: 1px solid #ddd;
	border-radius: 0px;
	height: 39px;
	padding-left: 27px;
}
.wiki-read-top input:focus {
	border-color: #ddd;
	outline:none;
	box-shadow: none;
}
.wiki-read-top span {
	position: absolute;
	top: 12px;
	right: 207px;
	color: #999;
}
.wiki-read-body > div {
	border-bottom: 1px solid #ddd;
	height:auto;
}
.wiki-read-body > div:last-child {
	border-bottom: none;
}
.wiki-read-body > div > div {
	display: inline-block;
	vertical-align: top;
	height: 50px;
}
.wiki-read-body .wiki-user {
	width: 200px;
	border-right: 1px solid #DDD;
	padding-left: 10px;
	padding-top: 15px;
}
.wiki-read-body .wiki-progress {
	width: 713px;
	border-right: 1px solid #DDD;
	padding-left: 10px;
	padding-top: 15px;
	padding-right: 10px;
}
.progress .progress-bar-new {
	color: #4d4d4d;
	background-color: #999;
}
.wiki-read-body .wiki-read-btns {
	width: 225px;
}
.wiki-read-body .wiki-read-btns button {
	width: 114.5px;
	border: none;
	border-radius: 0px;
	height: 50px;
	margin-left: -4px;
}
.wiki-read-body .wiki-read-btns button:first-child {
	border-right: 1px solid #ddd;
}
.wiki-read-body .wiki-read-detes {
	display: block;
	height: auto;
}
.wiki-sub-head {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	text-transform: uppercase;
}
.wiki-sub-head > div, .wiki-sub-bod > div {
	border-right: 1px solid #ddd;
	display: inline-block;
	height: 25px;
	padding: 5px;
	vertical-align: top;
}
.wiki-sub-head > div:last-child, .wiki-sub-bod > div:last-child {
	border-right: none;
}
.wiki-main .text-list-table td > img.small-thumb {
	max-width: 150px;
}
/*############-- App Styles - Widgets --############*/

#unoapp_widgets {
	
}

/*<><><>- Widgets -<><><>*/

/*--- (Widgets) Manager ---*/

.widget-manage .category-nav ul li.active a {
	background-color: #fff;
}
.widget-manage .category-nav {
	margin-top: 20px;
}
.widget-main {
	margin-top: 40px;
}
.review-language-override {
	margin-top: 25px;
	margin-left: 25px;
}
.review-language-override > div.btn-group.generic-dropdown {
	width: 160px;
}
.review-language-override > div.btn-group.generic-dropdown > button {
	width: 100%;
}
.review-preview-panel {
	border: 1px solid #ddd;
	margin-top: 10px;
	padding: 5px;
	border-radius: 4px;
	height: auto;
	margin-bottom: 10px;
	background-image: url('../images/textures/diagonal-noise.png');
	border-top: none;
	min-height: 450px;
}
.review-theme-panel {
	border: 1px solid #ddd;
	margin-top: -1px;
	padding: 25px 10px 10px;
	border-radius: 4px;
	height: 335px;
	margin-bottom: 10px;
	position: relative;
	border-top: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.review-theme-panel.short {
	height: auto;
}
.review-theme-panel.profile-widget-panel {
	height: auto;
}
.review-theme-panel .color-list {
	display: inline-block;
	vertical-align: middle;
	float: right;
}
.review-theme-panel .color-list > div {
	border: 1px solid #ddd;
	width: 25px;
	height: 25px;
	display: inline-block;
	border-radius: 4px;
	margin: 0px 5px;
}
.form-group.form-titles input {
	display: inline-block;
	width: 75%;
	float: right;
}
.widget-btn {
	position: absolute;
	bottom: -11px;
	right:10px;
}
.review-code-panel {
	border: 1px solid #ddd;
	margin-top: -11px;
	padding: 35px 5px 5px;
	border-radius: 4px;
	height: 175px;
	margin-bottom: 10px;
	position: relative;
	border-top: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.review-theme-panel > div:first-of-type {
	border-right: 1px solid #ddd;
}
.review-theme-panel.profile-widget-panel > div:first-of-type {
	border-right: none;
}
.review-theme-panel > div.layout-selector:first-of-type {
	border-right: none;
}
.review-theme-panel > div:last-child {
	height: 100%;
}
.review-theme-panel .form-group:first-of-type {
	margin-top: 10px;
}
.review-theme-panel .control-label.category-label {
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
	width: 100%;
}
.review-theme-panel .size-inputs {
	text-align: center;
	padding: 2px 0px;
}
.review-theme-panel .size-inputs > label {
	text-align: left;
	display: block;
}
.size-input-field {
	display: inline-block;
	width: 39%;
}
.review-theme-panel .size-inputs > div:last-child {
	text-align: left;
	margin-top: 10px;
}
.color-list > div.selected {
	border: 2px solid #333;
}
.color-list > div.tooltip {
	border: none;
	width: auto;
	height: auto;
	display: block;
	border-radius: 4px;
	margin: 0px;
}
.review-theme-panel .form-group.list-dropdown .btn-group {
	width: 150px;
	display: inline-block;
}
.review-theme-panel .form-group.list-dropdown .btn-group button {
	width: 100%;
}
.review-theme-panel .form-group.list-dropdown .btn-group button .caret {
	margin-top: 9px;
}
.review-theme-panel .form-group.list-dropdown ul {
	width: 150px;
	min-width: 150px;
	text-align: center;
}
.review-theme-panel .form-group.list-dropdown ul li {
	padding: 10px 0px;
}
.review-theme-panel .form-group.list-dropdown ul li:hover {
	cursor:pointer;
	background-color: #eee;
}
.review-theme-panel.events-theme {
	height: 360px
}
.review-theme-panel.events-theme .size-inputs > div:last-child {
	width: 50%;
	margin: 10px auto;
}
.review-theme-panel.events-theme .size-input-field {
	width: 75%;
}
.widget-top-bar-contain button.btn-success {
	height: 50px;
	font-size: 13pt;
	padding: 0px 20px;
}
.widget-top-bar {
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 50px;
	padding:0px;
	display: inline-block;
	vertical-align: top;
	width: 65%;
}
.widget-top-bar div.edit-widget-title {
	position: absolute;
	top: 0px;
	left: 412px;
	height: 49px;
	width: 303px;
}
.widget-top-bar div.edit-widget-title input {
	border-radius: 0px;
	height: 50px;
}
.widget-top-bar div.edit-widget-title button {
	height: 50px;
}
.widget-top-bar > span {
	text-align: center;
	font-weight: bold;
	display: inline-block;
	width: 62%;
}
.widget-top-bar > span > span {
	position: absolute;
	right: 7.5%;
	top: 7px;
}
.widget-top-bar > span > span:hover {
	cursor: pointer;
	color: #999;
}
.widget-top-bar > span > span:last-child {
	top: 29px;
}
.widget-top-bar div {
	margin-left: 0px;
	margin-right: -2px;
}
.widget-top-bar div.btn-group button.btn {
	border: none;
	border-right: 1px solid #ddd;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	height: 48px;
	width: 175px;
}
.review-widget-controls {
	margin-top: 25px;
}
.review-widget-controls span.badge {
	position: absolute;
	top: 20px;
	left: 37px;
	color: #999;
	background-color: #eee;
	border: 1px solid #999;
	font-size: 250%;
	padding: 8px 15px;
	border-radius: 28px;
}
.review-widget-controls li:hover span.badge {
	background-color: #ddd;
}
.review-widget-controls li.selected span.badge {
	color: #333;
	background-color: #fff;
	border: 1px solid #333;
	top: 31px;
}
.review-widget-controls li.selected:hover span.badge {
	background-color: #fff;
}
.review-widget-controls ul {
	list-style-type: none;
	width: 100%;
	padding-left: 0px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.review-widget-controls ul li.selected {
	margin-top: 0px;
}
.review-widget-controls ul li {
	width: 50%;
	display: inline-block;
	padding: 15px 100px;
	border-bottom: 1px solid #ddd;
	background-color: #eee;
	position: relative;
	vertical-align: bottom;
	float: left;
	margin-top: 20px;
}
.review-widget-controls ul li:first-child {
	border-top-left-radius: 4px;
}
.review-widget-controls ul li:last-child {
	border-top-right-radius: 4px;
}
.review-widget-controls ul li span {
	color: #999;
}
.review-widget-controls.four-items ul li span:last-child {
	font-size: 95%;
}
.review-widget-controls.five-items ul li span:last-child {
	font-size: 95%;
}
.review-widget-controls ul li span.review-title {
	color: #999;
	font-size: 200%;
}
.review-widget-controls.four-items ul li span.review-title {
	font-size: 159%;
}
.review-widget-controls.five-items ul li span.review-title {
	font-size: 159%;
}
.review-widget-controls ul li.selected span.review-title {
	color: #333;
}
.review-widget-controls ul li.selected {
	border: 1px solid #ddd;
	border-bottom: none;
	background-color: #fff;
	padding: 25px 100px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.review-widget-controls ul li:hover {
	background-color: #ddd;
	cursor: pointer;
}
.review-widget-controls ul li.selected:hover {
	background-color: #fff;
	cursor: normal;
}
.review-preview-panel > ul {
	list-style-type: none;
	padding-left: 0px;
	width: 1146px;
	margin-left: -2px;
}
.review-preview-panel > ul li:first-child {
	margin-left: -4px;
}
.review-preview-panel > ul li {
	display: inline-block;
	width: 33.4%;
	text-align: center;
	height: 40px;
	margin-top: -5px;
	padding-top: 10px;
	vertical-align: top;
	float: left;
}
.review-preview-panel > ul li.live-preview {
	border: 1px solid #ddd;
	border-bottom: none;
}
.review-preview-panel > ul li.white-back {
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}
.review-theme-panel .color-list > div.colorpicker-display {
	position: relative;
	margin: 0px 5px 0px 0px;
	vertical-align: top;
}
.colorpicker-display div.evo-pointer.evo-colorind {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 21px;
	height: 21px;
	border: none;
	border-radius: 2px;
}
.colorpicker-display div.evo-pointer.evo-colorind-ff {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 21px;
	height: 21px;
	border: none;
	border-radius: 2px;
}
.colorpicker-display div.evo-pop {
	width: 212px;
}
.colorpicker-display input {
	display: none;
}
.colorpicker-display span.glyphicon {
	margin-top: 4px;
	margin-left: 5px;
}
.colorpicker-hide-color .evo-colorind {
	background-color: inherit !important;
}
.review-theme-panel > p {
	position: absolute;
	font-size: 300%;
	color: #ccc;
	margin: 100px auto;
	width: 100%;
	text-align: center;	
}
.floating-preview {
	position: fixed;
	bottom: 0;
	width: 1148px;
	margin-left: -15px;
	z-index: 10;
}
.floating-preview > div {
	width: 33.333%;
	margin: 0 auto;
	background-image: url('../images/textures/diagonal-noise.png');
	text-align: center;
	padding: 9px 0px;
}
.floating-preview > div:hover {
	opacity: 0.8;
	cursor: pointer;
}
.header-cover {
	position: fixed;
	top: 55px;
	text-align: center;
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #ddd;
	left: 0;
	height: 90px;
	border-bottom: 1px solid #ddd;
	font-size: 200%;
	text-transform: uppercase;
	padding-top: 20px;
	z-index: 1031;
}
.review-theme-panel.menu-design-panel .form-group.list-dropdown ul {
	width: 100%;
	max-height: 300px;
	overflow: auto;
}
.review-widget-controls.menu-controls ul li {
	width: 33.33%;
	padding: 15px 25px 15px 75px;
	border-left: 1px solid #ddd;
	float: left;
	margin-top: 20px;
}
.review-widget-controls.menu-controls.four-items ul li {
	width: 25%;
}
.review-widget-controls.menu-controls.five-items ul li {
	width: 20%;
}
.review-widget-controls.menu-controls ul li.selected {
	padding: 25px 25px 25px 70px;
	margin-top: 0px;
}
.review-widget-controls.menu-controls ul li.selected:first-child {
	border-left: 1px solid #ddd;
}
.review-widget-controls.menu-controls ul li:first-child {
	margin-left:0px;
	border-left: none;
}
.review-widget-controls.menu-controls span.badge {
	left: 10px;
	padding: 5px 12px;
}
.selected-menu-list > div {
	height: 238px;
	overflow: auto;
	border-bottom: 1px solid #ddd;
}
.selected-menu-list > div > div {
	padding: 5px 10px;
	border: 1px solid #ccc;
	margin: 5px 0px;
	background-color: #fff;
}
.selected-menu-list > div > div:hover {
	background-color: #eee;
}
.selected-menu-list > div > div span {
	display: none;
	color: #5cb85c;
	border-left: 1px solid #ddd;
	padding-left: 10px;
	height: 30px;
	margin-top: -6px;
	padding-top: 8px;
	padding-right: 10px;
	margin-right: -10px;
}
.selected-menu-list > div > div.selected span {
	display: inline-block;
}
.review-theme-panel.menu-theme-panel .form-group.list-dropdown .btn-group {
	width: 94%;
}
.review-theme-panel.menu-theme-panel .form-group.list-dropdown .btn-group ul {
	width: 100%;
}
.review-theme-panel.menu-theme-panel .list-dropdown li.selected {
	color: #fff;
	background-color: #5cb85c;
}
.review-theme-panel.menu-theme-panel .list-dropdown li.selected:hover {
	color: #fff;
	background-color: #5cb85c;
}
.review-theme-panel.menu-theme-panel .list-dropdown li:hover span {
	color: #eee;
}
.review-theme-panel.menu-theme-panel .list-dropdown li.selected:hover span {
	color: #fff;
}
.review-theme-panel.menu-theme-panel .list-dropdown li span {
	color: #fff;
}
.category-selection {
	width: 50%;
}
.category-selection button {
	width: 100%;
}
.category-selection ul {
	width: 100%;
}
.category-selection ul li {
	text-align: center;
	padding: 5px 0px;
}
.category-selection ul li:hover {
	cursor: pointer;
	background-color: #eee;
}
.category-select > p {
	position: absolute;
	font-size: 300%;
	color: #ccc;
	margin: 100px auto;
	width: 100%;
	text-align: center;	
}
.menu-selector {
	height: 275px;
}
.category-select h3 {
	border-bottom: 1px solid #ddd;
	width: 75%;
	padding-bottom: 5px;
}
.category-select > div > div {
	width: 45%;
}
.category-select > div > div > div {
	border: 1px solid #ddd;
	border-radius: 15px;
	padding: 5px 10px;
	margin: 5px 0px;
}
.category-select > div > div > div.selected {
	color: #fff;
	background-color: #5cb85c;
}
.category-select > div > div > div.selected span {
	color: #fff;
}
.category-select > div > div > div span {
	color: #fff;
}
.category-select > div > div > div.selected:hover {
	color: #fff;
	background-color: #5cb85c;
}
.category-select > div > div > div.selected:hover span {
	color: #fff;
}
.category-select > div > div > div:hover {
	background-color: #eee;
}
.category-select > div > div > div:hover span {
	color: #eee;
}
.review-theme-panel > div.menu-selector.theme-selector {
	height: 320px;
}
.theme-builder > span > span:after {
	content:", ";
}
.theme-builder > span > span:last-child:after {
	content:"";
}
.theme-builder > p {
	position: absolute;
	font-size: 300%;
	color: #ccc;
	margin: 100px auto;
	width: 100%;
	text-align: center;	
}
.review-theme-panel .theme-builder .form-group.list-dropdown .btn-group {
	width: 225px;
}
.review-theme-panel .theme-builder .form-group.list-dropdown.half-wit .btn-group {
	width: 190px;
}
.half-wit {
	display: inline-block;
	width: 32.9%;
	vertical-align: middle;
	margin-bottom: 0px;
}
.text-nav {
	list-style-type: none;
	padding-left: 0px;
}
.text-nav li {
	display: inline-block;
	border: 1px solid #ddd;
	text-transform: uppercase;
	padding: 2px 0px;
	font-size: 82%;
	text-align: center;
	width: 112px;
}
.text-nav li.selected {
	background-color: #4d4d4d;
	color:#fff;
}
.text-nav li:hover {
	background-color: #eee;
}
.text-nav li.selected:hover {
	background-color: #4d4d4d;
}
.review-theme-panel.menu-design-panel {
	height: 385px;
}
.form-group.text-group {
	width: 17%;
	display: inline-block;
	margin-right:10px;
}
.form-group.text-group-family {
	width: 39%;
	display: inline-block;
	margin-right:10px;
}
.form-group.text-group-emp {
	width: 13%;
	display: inline-block;
}
.form-group.text-group-emp > div > label:first-child {
	font-weight: bold;
}
.form-group.text-group-emp > div > label:first-child + label {
	font-style: italic;
}
.form-group.text-group-emp > div > label:last-child {
	text-decoration: underline;
}
.font-adjust {
	margin-top: -10px;
}
.form-group.color-group {
	width: 5%;
	display: inline-block;
	vertical-align: bottom;
}
.menu-nav .form-group.color-group {
	width: 15%;
}
.form-group.color-group  > div {
	border: 1px solid #ddd;
	border-radius: 4px;
	position: relative;
	width: 35px;
	height: 35px;
}
.form-group.color-group  > div span.glyphicon {
	margin-top: 8px;
	margin-left: 9px;
}
.form-group.color-group  > div > div > div.evo-pointer {
	width: 33px;
	height: 33px;
}
.review-theme-panel .modal-btn.pull-right {
	position: absolute;
	border-top: 1px solid #ddd;
	bottom: 0;
	right: 0;
	margin-right: 0px;
}
label.control-label.category-label {
	width: 100%;
}
.web-setting-body .category-label > button {
	padding: 0px 9px;
	font-size: 100%;
	text-transform: uppercase;
	margin-top: -2px;
	width: auto;
	border-radius: 0px;
}
.review-theme-panel .form-group.check-user {
	margin-top: -20px;
}
.save-design-modal h4 {
	text-transform: uppercase;
	font-size: 100%;
}
.save-design-modal div {
	border: 1px solid #ddd;
	width: 75%;
	margin: 5px auto;
	padding: 5px 10px;
}
.save-design-modal div.selected {
	color: #fff;
	background-color:#5cb85c;
}
.save-design-modal div.selected:hover {
	color: #fff;
	background-color:#5cb85c;
}
.save-design-modal div:hover {
	background-color:#eee;
}
.save-design-modal div span {
	color: #fff;
}
.save-design-modal div.selected:hover span {
	color: #fff;
}
.save-design-modal div:hover span {
	color: #eee;
}
.check-user.widget-form input.form-control {
	padding-left: 133px;
}
.profile_widget_body div.no-content {
	text-align: center;
}
.profile_widget_body div.no-content.pw-240 {
	padding-top: 10%;
}
.profile_widget_body div.no-content.pw-500 {
	padding-top: 16%;
}
.profile_widget_body div.no-content:hover {
	background-color: #f2f2f2;
}
.profile_widget_body div.no-content span {
	font-size: 1200%;
	color: #aaa;
}
.widget-insert > button {
	width: 173px;
	border-radius: 0px;
	margin: 5px;
	height: 75px;
	padding: 0px 20px;
	white-space: normal;
}
.widget-insert > div {
	border: 1px solid#ccc;
	margin: 15px 5px;
	padding: 10px;
	text-align: center;
	position: relative;
}
.widget-insert .triangle-first {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 13px 15px;
	border-color: transparent transparent #ccc transparent;
	position: absolute;
	top: -14px;
}
.widget-insert .triangle-second {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 13px 15px;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	top: -13px;
	z-index: 5;
}
.business-block .triangle-first, .business-block .triangle-second {
	left: 65px;
}
.about-block .triangle-first, .about-block .triangle-second {
	left: 255px;
}
.detail-block .triangle-first, .detail-block .triangle-second {
	left: 440px;
}
.no-img-warning {
	font-size: 200%;
	text-transform: uppercase;
	text-align: center;
	margin-top: 175px;
	color: #999;
}
.dna-viewport.widget-viewport img {
	width: auto;
	border-radius: 0px;
	margin-top: 25px;
	opacity: 1;
}
.dna-viewport.widget-viewport .carousel-item img.highlighted {
	display: none;
}
.dna-viewport.widget-viewport .carousel-item img.normal {
	display: inline;
}
.dna-viewport.widget-viewport .carousel-item.carousel-selected img.highlighted {
	display: inline;
}
.dna-viewport.widget-viewport .carousel-item.carousel-selected img.normal {
	display: none;
}
.review-preview-panel.preview-light {
	background-image: url('../images/textures/white_wall_hash.png');
}
.review-preview-panel.preview-dark {
	background-image: url('../images/textures/debut_dark.png');
}
.review-preview-panel.preview-dark .live-preview {
	color: #fff;
}
div.white-back {
	background-color: #fff;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	margin: -5px -6px 0px -6px;
	min-height: 43px;
}
.profile-widget-panel.review-theme-panel > div:last-child {
	border-top: 1px solid #ddd;
}
.profile-widget-panel div.white-back {
	border-right: none;
}
.white-back button {
	margin-top: -10px;
}
.white-back > div {
	background-color: #eee;
	color: #999;
	border: 1px solid #ddd;
	border-radius: 11px;
	padding: 2px 8px 1px;
	font-size: 88%;
	width: 105px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
}
.white-back > div.noti-on {
	background-color: #4d4d4d;
	color: #fff;
}
.white-back > div > div {
	width: 47px;
	height: 16px;
	background-color: #fff;
	position: absolute;
	border-radius: 10px;
	top: 2px;
	left: 3px;
	border: 1px solid #bbb;
}
.white-back > div > div.noti-on {
	left: 53px;
}
.profile_widget_body .edittable {
	border: 1px solid transparent;
}
.profile_widget_body .edittable:hover {
	border: 1px dashed #4d4d4d;
}
.profile_widget_body div.reset-edit {
	display: none;
	position: absolute;
	width: 360px;
	left: 50%;
	margin-left: -180px;
}
.profile_widget_body div.reset-edit.two-reset {
	margin-left: -120px;
}
.profile_widget_body div.reset-edit.one-reset {
	margin-left: -60px;
}
.profile_widget_body div.reset-edit > div {
	cursor: pointer;
	background-color: #4d4d4d;
	color: #fff;
	text-align: center;
	height: 40px;
	padding-top: 10px;
	display: inline-block;
	width: 120px;
	float: left;
	border-left: 1px solid #666;
}
.profile_widget_body div.reset-edit > div:first-child {
	border-left: none;
}
.profile_widget_body div.edittable:hover > .reset-edit {
	display: block;
}
.contact_widget_body .edittable {
	border: 1px solid transparent;
}
.contact_widget_body .edittable:hover {
	border: 1px dashed #4d4d4d;
	position: relative;
}
.contact_widget_body div.reset-edit {
	display: none;
	position: absolute;
	width: 360px;
	left: 50%;
	margin-left: -180px;
}
.contact_widget_body div.reset-edit.two-reset {
	margin-left: -120px;
}
.contact_widget_body div.reset-edit.one-reset {
	margin-left: -60px;
}
.contact_widget_body div.reset-edit > div {
	cursor: pointer;
	background-color: #4d4d4d;
	color: #fff;
	text-align: center;
	height: 40px;
	padding-top: 10px;
	display: inline-block;
	width: 120px;
	float: left;
	border-left: 1px solid #666;
	letter-spacing: normal;
	font-size: 14px;
}
.contact_widget_body div.reset-edit > div:first-child {
	border-left: none;
}
.contact_widget_body div.edittable:hover > .reset-edit {
	display: block;
	z-index: 1;
	font-family: 'Open Sans';
}
.communicator {
	position: absolute;
	margin-left: -15px;
	background-color: #f2f2f2;
	width: 100%;
	border: 1px solid #ddd;
	padding: 15px;
	z-index: 1;
	width: 605px;
	box-shadow: 3px 3px 7px 1px rgba(0, 0, 0, 0.2);
}
.communicator .comm-header {
	border-bottom: 1px solid #ddd;
	margin: 0px -16px;
	padding: 0px 15px 35px;
}
.communicator .comm-header h4 {
	font-size: 100%;
}
.communicator .comm-header a {
	color: #999;
	cursor: pointer;
}
.contact_widget_body .communicator .comm-header span {
	font-size: 24px;
    line-height: 0.3;
    color: #aaa;
    font-weight: 300;
    cursor: pointer;
}
.contact_widget_body .communicator .comm-header span:hover {
    color: #666;
}
.communicator .comm-header a.selected {
	color: #4d4d4d;
	cursor: auto;
	text-decoration: none;
}
.communicator .insert-box > div {
	text-align: center;
	border: 1px solid #ddd;
	background-color: #fff;
	margin: 10px;
	padding: 15px;
	cursor: pointer;
	font-family: 'Open Sans';
	font-size: 14px;
    letter-spacing: normal;
    text-transform: none;
}
.communicator .insert-box > div:hover {
	background-color: #f2f2f2;
}
.communicator.contact-communicate {
	margin-left: 0px;
	position: relative;
	height: 147px;
}
.communicator.extra-shorter.contact-communicate {
	height: 97px;
}
.communicator textarea.form-control {
	resize: none;
	height: 190px;
	border-radius: 0px;
	border: none;
	border-bottom: 1px solid #ddd;
}
.web-setting-body .communicator textarea.form-control {
	resize: none;
	height: 190px;
	border-radius: 0px;
	margin: 25px 0px;
	border: 1px solid #ddd;
	display: block;
	width: 100%;
}
.communicator.shorter textarea.form-control {
	height: 100px;
}
.communicator.extra-shorter textarea.form-control {
	height: 50px;
}
.communicator button.btn {
	height: 45px;
	border-radius: 0px;
	width: 303px;
	margin-bottom: -16px;
}
.dna-viewport.widget-viewport .carousel-item {
	width: 270px;
	opacity: 1;
	color: #999;
}
.dna-viewport.widget-viewport .carousel-item:hover {
	opacity: 0.7;
}
.dna-controls.widget-controls {
	top: 80px;
}
.webwidgfont-panel > div.menu-widget-one-left {
	width: 300px;
}
.webwidgfont-panel > div.menu-widget-fat-right {
	width: 600px;
}
.menu-widget-div-float {
	display: inline-block;
    vertical-align: top;
}
.menu-widget-div-float input[type=checkbox].css-checkbox + label.css-label {
	margin: 0px;
}

.menu-widget-div-float.margin input, .menu-widget-div-float.padding input {
	width: 44px;
}
.menu-widget-div-float.margin .generic-dropdown, .menu-widget-div-float.padding .generic-dropdown {
	width: 44px;
}
.menu-widget-div-float.margin .generic-dropdown button, .menu-widget-div-float.padding .generic-dropdown button {
	height: 26px;
	padding: 0px 12px;
	line-height: 26px;
}

.menu-widget-div-float.margin .generic-dropdown .dropdown-menu, .menu-widget-div-float.padding .generic-dropdown .dropdown-menu {
	border-radius: 0;
	top: 49px;
	min-width: 45px;
	width: 45px;	
}
.menu-widget-div-float.margin .generic-dropdown .dropdown-menu li, .menu-widget-div-float.padding .generic-dropdown .dropdown-menu li  {
	margin-left: -4px;
}
.webwidgfont-panel > div.menu-widget-one-right {
	width: 300px;
    border: 1px solid #ddd;
    background-color: #fff;
    min-height: 95px;
}
.webwidgfont-panel > div.do-you-want-online-order {
	width: 60%;
    text-align: center;
}
.webwidgfont-panel .generic-switch {
    padding: 2px 8px 1px;
}
.do-you-want-online-order p {
	text-transform: uppercase;
    font-size: 14px;
}
.do-you-want-online-order button.btn {
	width: 85px;
    height: 30px;
    padding: 0px;
}
.menu-widget-one-left .menu-selector {
	height: auto;
    max-height: 291px;
    overflow: auto;
    width: 315px;
}
.menu-widget-one-left .menu-selector > div {
	border: 1px solid #ddd;
    margin-bottom: 5px;
    background-color: #fff;
    padding: 5px 10px 0px;
    color: #666;
    position: relative;
    width: 300px;
}
.menu-widget-one-left .menu-selector > div > span:last-child {
	display: none;
	position: absolute;
	top: 9px;
    right: 5px;
    font-size: 12px;
}
.menu-widget-one-left .menu-selector > div > i {
	display: inline-block;
	overflow: hidden;
}
.menu-widget-one-left .menu-selector > div > span:first-child {
	width: 270px;
	display: inline-block;
}
.menu-widget-one-left .menu-selector > div:hover > span:last-child {
	display: inline-block;
}
.menu-widget-one-left .menu-selector > div:not(.no-hover):hover {
	background-color: #f7f7f7;
	color: #4d4d4d;
}
.menu-widget-one-left .menu-selector > div.selected {
	background-color: #f2f2f2;
	color: #333;
}
.menu-widget-one-left .menu-selector > div.selected:hover {
	background-color: #f2f2f2;
	color: #333;
}
.webwidgfont-panel.expand-height {
	max-height: 600px;
}
.webwidgfont-panel.no-max {
	max-height: none;
}
.menu-widget-one-right .menu-noti-center {
	text-align: center;
    font-style: italic;
    color: #999;
    margin-top: 35px;
}
.menu-widget-one-right .menu-selecting-title {
    border-bottom: 1px solid #ddd;
    padding: 7px 7px 6px;
}
.menu-widget-one-right .menu-selecting-title i {
	font-size: 8pt;
}
.menu-widget-one-right .menu-cat-listing > div {
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    margin: 5px;
    font-size: 13px;
    padding: 2px 5px;
    position: relative;
}
.menu-cat-listing > div > span.glyphicon {
	display: none;
	font-size: 15px;
    position: absolute;
    top: 1px;
    right: 2px;
}
.menu-cat-listing > div > span.empty-box {
	width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    background-color: #fff;
    top: 3px;
    right: 3px;
    border: 1px solid #ddd;
}
.menu-cat-listing > div.selected > span.glyphicon {
	display: inline-block;
}
.menu-cat-listing > div:hover {
	background-color: #eee;
	color: #333;
}
#new-design-modal .input-group .form-control:first-child {
	width: 100%;
}
#new-design-modal button {
	width: auto;
}
#new-design-modal .modal-dialog {
	margin-top: 60px;
}

/*--- (Widgets) Dashboard ---*/

.widget-panels {
	height: 261px;
	box-shadow: 2px 2px 8px -2px rgba(50, 50, 50, 0.5);
	margin: 25px 0px;
	color: #fff;
	text-align: center;
}
.widget-panels:hover .widget-stats {
	background-color: rgba(0, 0, 0, 0.2);
}
.widget-panels:hover > .widget-panel-body {
	background-color: rgba(0, 0, 0, 0.1);
}
.widget-panels > .widget-panel-body {
	height: 160px;
	font-size: 150%;
	font-weight: 300;
	padding-top: 10px;
}
.widget-panels > .widget-panel-body > span {
	font-size: 750%;
}
.widget-panels > .widget-stats {
	height: 100px;
	background-color: rgba(0, 0, 0, 0.1);
}
.widget-panels > .widget-stats > div {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin-top: 10px;
	font-size: 115%;
	font-weight: 300;
	text-transform: uppercase;
	padding-top: 5px;
}
.widget-panels > .widget-stats > div:first-child {
	border-right: 2px solid rgba(256, 256, 256, 0.1);
}
.widget-panels > .widget-stats > div > span {
	font-size: 225%;
}
.widget-panels > .widget-stats > div > div {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #5cb85c;
	border-radius: 8px;
	position: absolute;
	margin-left: 7px;
	margin-top: 5px;
}

.location-widget-bar {
	border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-bottom: -15px;
}
.location-widget-advanced-options {
	border-top: 1px solid #ddd;
	padding-top: 10px;
}
.location-widget-advanced-options input[type=radio].css-radio-new + label.css-label > span {
	font-size: 15px;
}
.new-button-standard {
	border-color: #9eacb4;
    color: #697882;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 20px;
}
.new-button-standard:hover {
	border-color: #697882;
	background-color: #e9ecf3;
	color: #505F69;
}
.location-widget-map-marker {
	display: inline-block;
    margin-left: 10px;
    height: 42px;
    vertical-align: top;
    border: 1px solid #9eacb4;
    padding: 2px;
    width: 42px;
}
.location-widget-map-marker img {
	max-height: 100%;
    max-width: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.review-theme-panel .location-widget-bar {
	margin-bottom: 25px;
	border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.review-theme-panel.profile-widget-panel .location-widget-advanced-options {
    display: inline-block;
    width: 49.5%;
    vertical-align: top;
    padding: 0px 5px;
    margin-bottom: 10px;
    border-top: none;
}
.review-theme-panel.profile-widget-panel > div.location-widget-advanced-options:first-of-type {
	border-right: 1px solid #ddd;
}
.review-theme-panel .control-label i {
	text-transform: none;
}
input[type=checkbox].css-checkbox.checkbox-new + label.css-label {
    margin-top: -3px;
    font-size: 15px;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
    text-transform: uppercase;
    padding-left: 37px;
}
/*############-- App Styles - Campaign --############*/
.page-toolbar .toolbar-button > span {
    background-color: #697882;
    display: inline-block;
    width: 22px;
    height: 22px;
    cursor: pointer;
    margin-right: 10px;
    vertical-align: bottom;
}
.campaign-spacer {
	display: inline-block;
	float: left;
	width: 16.66%;
}
.campaign-node-outer {
    background-color: #fff;
    margin: 10px 5px;
    cursor: zoom-in;
    padding: 5px;    
    width: auto;
	position: relative;
}
.blank-campaign .campaign-node-outer {
    height: calc(208px + (((100vw - 305px) / 6) - 20px) * 0.7);
    cursor: pointer;
}
.blank-campaign .campaign-node-outer > div {
    border: 1px dashed #697882;
    height: calc(198px + (((100vw - 305px) / 6) - 20px) * 0.7);
}
.blank-campaign .campaign-node-outer > div span {
	text-align: center;
    display: block;
    top: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    left: 50%;
    font-size: 26px;
    font-weight: 300;
}
.campaign-node-outer .campaign-node-top {
    text-transform: uppercase;
    padding: 5px 8px 7px;
    position: relative;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    font-size: 14px;
    height: 33px;
}
.campaign-node-outer .campaign-node-image {
    padding-top: 70%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    margin: 5px 0px;
    border-radius: 3px;
}
.campaign-node-tagline {
    padding: 3px;
    border-top: 1px solid #ddd;
    position: relative;
}
.campaign-node-tagline span {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    color: #5b9bd1;
}
.campaign-node-tagline span.green {
	color: #59CB59;
}
.campaign-node-tagline > div {
    background-color: #F5F8FD;
    padding: 5px 10px;
    border-left: 4px solid #5b9bd1;
    height: 115px;
}
.campaign-node-outer .campaign-node-tagline > div {
    height: 30px;
    margin-top: 5px;
}
.campaign-node-outer .campaign-node-tagline:not(.full-description) > div > div {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
	padding-left: 16px;
}
.campaign-node-outer .campaign-node-tagline.full-description > div {
	border-left: none;
	background-color: #fff;
	padding: 0px;
    height: 72px;
	margin-top: 0px;
}
.campaign-node-outer .campaign-node-tagline.full-description > div > div {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
    height: 60px;
    display: -webkit-box;
    word-break: break-word;
}
.campaign-node-tagline.tagline-style-override > div > div:first-child > div {
    word-break: break-word;
}
.campaign-node-tagline > div > div {
   	position: relative;
   	top: 50%;
   	transform: translateY(-50%);
}
.campaign-node-outer:hover {
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
}
.campaign-node-tagline div span {
	font-size: 13px;
    margin: 0px 2px;
}
.campaign-node-tagline .personalize-btn div span {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}
.campaign-node-tagline div span.bolt-icon {
    position: absolute;
    left: 9px;
    top: 12px;
}
.campaign-node-outer .campaign-overlay {
	display: block;
	opacity: 0;
	position: absolute;
    width: calc(100% - 10px);
    left: 5px;
    top: 43px;
    padding-top: 70%;
    border-radius: 3px;
    -webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.campaign-node-outer .campaign-overlay.campaign-overlay-status-top {
    top: 78px;
}
.campaign-node-outer:hover .campaign-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    /*background: linear-gradient(rgba(0,0,0, 0.1) 0%, rgba(0, 0, 0, 0.85) 65%, rgba(0,0,0,0.85) 100%);*/
}
.campaign-node-outer .campaign-overlay span {
	position: absolute;
    top: -4px;
    right: 7px;
    cursor: pointer;
	font-size: 60px;
}
.campaign-node-outer .campaign-overlay p {
	position: absolute;
    color: #fff;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    border: 2px solid #fff;
    padding: 10px 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -25%);
    width: 240px;
    cursor: pointer;
    background-color: transparent;
    -webkit-transition: all 0.45s ease;
	-moz-transition: all 0.45s ease;
	-o-transition: all 0.45s ease;
	transition: all 0.45s ease;
}
.campaign-node-outer:hover .campaign-overlay p {
	transform: translate(-50%, -50%);
}
.campaign-node-outer .campaign-overlay p:hover {
	background-color: #fff;
	color: #333;
}
.campaign-node-outer .spinholder {
	position: absolute;
    top: 22px;
    right: 22px;
}
.modal-backdrop.fade.in {
	background-color: rgba(227,224,226,0.95);
    opacity: 1;
}
.modal-backdrop.fade {
	background-color: rgba(227,224,226,0.95);
}
#campaign_overview .modal-header {
	padding: 10px 15px;
}
.modal-btn img {
    width: 30px;
}
button.close.new-close-btn {
	opacity: 1;
    text-shadow: none;
    font-weight: 300;
    font-size: 30px;
    color: #666;
    background-color: #fff;
    border-radius: 18px;
    padding: 2px 9px;
    position: fixed;
    top: 10px;
    right: 20px;
}
button.close.new-close-btn:hover {
	color: #333;
}
.modal-header .modal-title.new-modal-title {
	text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}
.modal-header .modal-title.new-modal-title img {
	width: 45px;
	margin-right: 10px;
}
#campaign_overview .modal-title span {
    position: absolute;
    font-size: 60px;
    top: 2px;
    left: 18px;
}
.modal-body.new-modal-body {
	padding: 0px;
}
#campaign_overview .modal-content {
	border: none;
}
#campaign_overview .modal-header {
    background-color: #fff;
    width: 100%;
    z-index: 10;
    box-shadow: rgba(0, 0, 0, 0.2) 0px -2px 8px 0px;
}
.campaign-modal-image {
	height: 210px;
    background-position: 50%;
    background-size: cover;
}
.modal-body .campaign-node-tagline {
	padding: 10px;
	border-top: none;
    text-align: left;
}
.modal-body .campaign-node-tagline.tagline-style-override {
	padding: 10px;
}
.modal-body .campaign-node-tagline > div {
	height: auto;
	background-color: #fff;
}
.modal-body .campaign-node-tagline.tagline-style-override > div {
    border: none;
    padding: 10px 10px 0px;
    /*background-color: #f2f6f9;*/
}
.modal-body .campaign-node-tagline.tagline-style-override div.separator {
	padding: 0px;
    border-bottom: 1px solid #ddd;
    border-left: none;
    width: 80%;
    margin: 10px auto 0px;
}
.modal-body .campaign-node-tagline > div > div {
	transform: none;
}
.campaign-modal-bottom {
	border-top: 1px solid #ddd;
	background-color: #f2f6f9;
}
.campaign-modal-tabs {
	width: 153px;
	margin: 0 auto;
    z-index: 2;
    position: relative;
}
.campaign-modal-list {
	position: relative;
    cursor: default;
	padding-bottom: 5px;
    text-align: center;
}
.campaign-modal-list .timeline-pipe {
	position: absolute;
    width: 4px;
    height: calc(100% - 85px);
    background-color: #fff;
    top: 85px;
    left: 56px;
    z-index: 0;
}
.campaign-modal-timeline-node {
	position: relative;
    padding: 15px;
    z-index: 1;
}
.campaign-modal-timeline-node .channel-image {
	display: inline-block;
	width: 85px;
    border: 4px solid #fff;
    border-radius: 50px;
    float: left;
}
.campaign-modal-timeline-node .channel-image.wider {
    background-color: #fff;
    padding: 0px 1px 1px 0px;
    border: none;
}
.campaign-modal-timeline-node .channel-image img {
	width: 100%
}
.campaign-modal-channel-display {
    display: inline-block;
    padding: 5px 5px;
}
.campaign-modal-channel-display .channel-image {
    display: inline-block;
    width: 85px;
    border: 4px solid #fff;
    border-radius: 50px;
    float: left;
}
.campaign-modal-channel-display .channel-image.wider {
    background-color: #fff;
    padding: 0px 1px 1px 0px;
    border: none;
}
.campaign-modal-channel-display .channel-image img {
    width: 100%
}
.channel-content-holder {
	display: inline-block;
    float: left;
    width: 483px;
    padding-left: 25px;
    position: relative;
}
.channel-content-holder > p {
	text-transform: uppercase;
    font-weight: bold;
    color: #5b9bd1;
    font-size: 11px;
    margin-bottom: 6px;
}
.channel-content-holder .channel-content-box {
	background-color: #fff;
    padding: 10px 15px;
    position: relative;
}
.channel-content-box:after {
	right: 100%;
	top: 22px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 14px;
	margin-top: -14px;
}
.channel-option-count {
	text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    margin-top: 4px;
    margin-left: 8px;
    float: right;
}
.campaign-timeline .channel-option-count.success > div:first-child {
    background-color: #5cb85c;
}
.campaign-timeline .channel-option-count.success:after {
    border-right-color: #5cb85c;
}
.campaign-timeline .channel-option-count.error > div:first-child {
    background-color: #dd584c;
}
.campaign-timeline .channel-option-count.error:after {
    border-right-color: #dd584c;
}
.campaign-carousel-arrows {
	position: absolute;
    top: 293px;
    margin-left: -80px;
    width: 760px;
    z-index: 0;
}
.campaign-carousel-arrows > span {
	cursor: pointer;
	background-color: #fff;
    padding: 10px 14px 12px;
    border-radius: 31px;
    font-size: 33px;
}
.campaign-carousel-arrows > span:hover {
	background-color: #f2f6f9;
}
.campaign-creator-box {
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
    background-color: #f2f6f9;
    background-clip: padding-box;
    outline: 0;
    margin-top: 12px;
    padding: 15px;
}
.timeline-campaign-creator {
	background-color: #fff;
    margin-top: 30px;
    padding: 7px;
    position: relative;
    opacity: 1;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.campaign-creator-image {
	display: inline-block;
    float: left;
    width: 85px;
    border: 4px solid #fff;
    border-radius: 50px;
    background-size: cover;
    background-position: 50% 50%;
    height: 85px;
}
.campaign-creator-info {
	display: inline-block;
    float: left;
    padding: 18px 15px;
}
.campaign-creator-info > span {
	text-transform: uppercase;
    font-weight: bold;
    color: #5b9bd1;
    font-size: 11px;
}
.campaign-creator-info > div {
	margin-top: -6px;
    font-style: italic;
    font-size: 13px;
}
.campaign-creator-info > div span {
	text-transform: uppercase;
    font-size: 21px;
    font-style: normal;
}
.channel-action-div {
	background-color: #f7f7f7;
    padding: 11px 10px;
    border-left: 4px solid #5b9bd1;
    position: relative;
    padding-left: 24px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    width: 50%;
    margin-right: 1%;
    display: inline-block;
    float: left;
}
.channel-action-div img {
	width: 22px;
    position: absolute;
    top: 8px;
    left: 3px;
}
.channel-time-div {
	background-color: #f7f7f7;
    padding: 11px 10px;
    position: relative;
    padding-left: 31px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    border-left: 4px solid #5b9bd1;
}
.channel-time-div span.glyphicon {
	width: 22px;
    position: absolute;
    top: 12px;
    left: 10px;
    font-size: 15px;
}
.channel-content-div {
	background-color: #f7f7f7;
    padding: 5px 10px;
    border-left: 4px solid #59CB59;
    position: relative;
    margin-top: 5px;
}
.channel-content-div .topper-image-wrap {
    background-color: #e9ecf3;
}
.channel-content-div .merge-tag {
	text-transform: uppercase;
    font-weight: bold;
    color: #5b9bd1;
    font-size: 13px;
}
.channel-content-div .merge-tag.field-title {
	color: #697882;
}
.channel-content-div .merge-line-break {
	background-color: #ddd;
    height: 1px;
    margin: 15px auto;
    width: 300px;
}
.campaign-modal-timeline {
	text-align: center;
    padding: 20px 15px 75px;
}
.campaign-modal-timeline > div {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}
.personalize-btn {
	padding: 10px;
}
.personalize-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none !important;
}
.campaign-node-tagline .personalize-btn {
	padding: 0px;
}
.personalize-btn > div {
    color: #fff;
    text-transform: uppercase;
    background-color: #59CB59;
    font-weight: bold;
    text-align: center;
    padding: 16px;
    font-size: 16px;
    cursor: pointer;
}
.personalize-btn > div:hover {
	background-color: #3BA93B;
}

/*--- .personalize-btn: Danger ---*/
.personalize-btn.personalize-btn-danger > div {
    background-color: #b22222;
}
.personalize-btn.personalize-btn-danger > div:hover {
    background-color: #D23232;
}

.campaign-benefits-list {
	list-style-type: none;
    padding-left: 0px;
    margin-top: 10px;
    padding-top: 10px;
}
.campaign-benefits-list li {
	display: inline-block;
    float: left;
    width: 50%;
    margin-bottom: 10px;
}
.campaign-benefits-list li span {
	margin: 0px 10px;
}
.related-campaigns {
	width: 1160px;
	margin: 0 auto;
}
.related-campaigns .related-campaign-title {
	color: #697882;
    font-size: 22px;
    margin: 0px;
}
.related-campaigns .campaign-spacer {
	width: 33.33%;
}
.related-campaigns .campaign-node-outer {
	margin: 15px;
}
#modal-replicate-loader {
	background-color: rgba(227,224,226,0.95);;
	width: 100%;
	height: 100vh;
	position:fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	opacity: 0;
}
#modal-replicate-loader > div {
  	top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}
#modal-replicate-loader .rect-spinner {
  	width: 50px;
  	height: 40px;
  	text-align: center;
  	font-size: 10px;
	margin: 0px auto 15px;
}
#modal-replicate-loader > div > p {
    color: #697882;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}
#modal-replicate-loader .rect-spinner > div {
  	background-color: #697882;
  	height: 100%;
  	width: 6px;
  	display: inline-block;
    margin-right: 1px;
  	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
#modal-replicate-loader .rect-spinner .rect2 {
  	-webkit-animation-delay: -1.1s;
  	animation-delay: -1.1s;
}
#modal-replicate-loader .rect-spinner .rect3 {
  	-webkit-animation-delay: -1.0s;
  	animation-delay: -1.0s;
}
#modal-replicate-loader .rect-spinner .rect4 {
  	-webkit-animation-delay: -0.9s;
  	animation-delay: -0.9s;
}
#modal-replicate-loader .rect-spinner .rect5 {
  	-webkit-animation-delay: -0.8s;
  	animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
  	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  	20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
  	0%, 40%, 100% { 
    	transform: scaleY(0.4);
    	-webkit-transform: scaleY(0.4);
  	} 20% { 
    	transform: scaleY(1.0);
    	-webkit-transform: scaleY(1.0);
  	}
}
.page-breadcrumbs ul {
	padding-left: 0px;
	list-style-type: none;
	margin-bottom: 0px;
}
.page-breadcrumbs li {
	display: inline-block;
	font-size: 13px;
    padding: 0px 3px;
}
.page-breadcrumbs li:after {
    content: '\2022';
    opacity: 0.7;
    margin-left: 10px;
    font-size: 25px;
    line-height: 14px;
    vertical-align: sub;
}
.page-breadcrumbs li:last-child:after {
	content: '';
}
.page-breadcrumbs li.active {
	opacity: 0.7;
}
.campaign-timeline-holder {
	background-color: #fff;
    margin-bottom: 15px;
}
.campaign-timeline-header {
	border-bottom: 1px solid #ddd;
	height: 73px;
}
.campaign-timeline-header h2 {
	text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    margin: 27px 15px;
    display: inline-block;
}
.campaign-timeline-header > div {
    background-color: #F5F8FD;
    margin: 5px;
    text-align: center;
    padding: 5px 10px;
    width: 100px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}
.campaign-timeline-header > div.view-campaign-details {
    display: inline-block;
    width: 175px;
    padding: 10px 10px;
}
.campaign-timeline-header > div.view-campaign-creator-details {
    display: inline-block;
    height: 62px;
    width: auto;
    background-color: transparent;
    padding: 7px 0px 0px;
    vertical-align: bottom;
    font-weight: normal;
}
.campaign-timeline-header > div.view-campaign-creator-details > div {
    height: 39px;
    background-color: #F5F8FD;
    position: relative;
    padding: 13px 0px;
    width: 150px;
    padding-left: 43px;
    text-align: left;
    display: inline-block;
}
.campaign-timeline-header > div.view-campaign-creator-details > div:hover {
    background-color: rgba(167, 189, 205, 0.3);
}
.campaign-timeline-header > div.view-campaign-creator-details:hover {
    background-color: transparent;
}
.campaign-timeline-header > div.view-campaign-creator-details span {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 39px;
    margin-bottom: 0px;
    width: 33px;
    background-color: rgba(167, 189, 205, 0.3);
    text-align: center;
}
.campaign-timeline-header > div.view-campaign-creator-details .view-campaign-details:first-child span img {
    width: 25px;
    margin-top: 6px;
}
.campaign-timeline-header > div.view-campaign-creator-details .view-campaign-details:last-child span img {
    width: 18px;
    margin-top: 10px;
}
.campaign-timeline-header > div.disabled {
    opacity: 0.5;
}
.campaign-timeline-header > div.disabled:hover {
    background-color: #fff;
    cursor: auto;
}
.campaign-timeline-header > div:hover {
	background-color: #e9ecf3;
}
.campaign-timeline-header > div span {
    font-size: 17px;
    margin-bottom: 5px;
}
.campaign-timeline {
    padding: 10px;
}
.campaign-timeline > div {
	position:relative;
}
.campaign-timeline-trigger {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    position: relative;
}
.campaign-timeline-trigger .campaign-node-tagline {
	padding: 8px;
    border-bottom: 1px solid #ddd;
    border-top: none;
}
.campaign-timeline-trigger .campaign-node-tagline > div {
	height: 36px;
}
.campaign-timeline-add > div {
	display: inline-block;
    cursor: pointer;
}
.campaign-timeline-add > div > div:first-child {
	display: inline-block;
    padding: 5px 15px;
    text-transform: uppercase;
    float: left;
    background-color: rgba(91, 155, 209, 0.7);
    color: #fff;
    font-weight: bold;
}
.campaign-timeline-add > div:hover > div:first-child {
	background-color: rgba(91, 155, 209, 0.8);
}
.campaign-timeline-add > div > div:last-child {
    display: inline-block;
    padding: 3px 8px 0px 6px;
    float: left;
    height: 30px;
    background-color: #5b9bd1;
    color: #fff;
}
.campaign-timeline .channel-content-holder .channel-content-box {
	background-color: #e9ecf3;
}
.campaign-timeline .channel-action-div {
	background-color: #fff;
}
.campaign-timeline .channel-content-div {
	background-color: #fff;
	cursor: pointer;
}
.campaign-timeline .channel-time-div {
    min-height: 35px;
	background-color: #fff;
	cursor: pointer;
}
.campaign-timeline .channel-content-box:after {
	border-right-color: #e9ecf3;
}
.campaign-timeline .campaign-modal-timeline-node .channel-image {
	border-color: #e9ecf3;
}
.campaign-timeline .campaign-modal-timeline-node .channel-image.wider {
	background-color: #e9ecf3;
	border: none;
}
.campaign-timeline .timeline-pipe {
	position: absolute;
    width: 4px;
    height: calc(100% - 85px);
    background-color: #e9ecf3;
    top: 95px;
    left: 56px;
    z-index: 0;
}
.campaign-timeline .channel-option-count {
	float: none;
    width: 106%;
    margin-left: -6%;
    overflow: hidden;
    max-height: 47px;
    position: relative;
    padding-left: 6%;
    -webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.campaign-timeline .channel-option-count .channel-content-div > span {
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(89, 203, 89, 0.5);
}
.campaign-timeline .channel-option-count .channel-content-div > span > span {
	background-color: rgba(89, 203, 89, 1);
    color: #fff;
    border-radius: 22px;
    padding: 10px;
    font-size: 14px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.channel-content-div .facebook-topper {
	display: none;
	margin-bottom: 5px;
}
.channel-content-div.style-facebook {
	font-family: Helvetica, Arial, sans-serif;
}
.channel-content-div.style-facebook .channel-content {
    color: #141823;
    word-break: break-word;
}
.channel-content-div.style-facebook .facebook-topper {
	display: block;
}
.channel-content-div .facebook-bottom {
	display: none;
	border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 2px;
}
.channel-content-div.style-facebook .facebook-bottom {
	display: block;
}
.channel-content-div .twitter-bottom {
	display: none;
    margin-top: 10px;
	margin-left: 54px;
}
.channel-content-div.style-twitter {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.channel-content-div.style-twitter .twitter-bottom {
	display: block;
}
.channel-content-div.style-twitter .twitter-bottom > img {
	max-width: 100%;
}
.channel-content-div .twitter-topper {
	display: none;
}
.channel-content-div.style-twitter .twitter-topper {
	display: block;
}
.facebook-topper > div {
	display: inline-block;
	float: left;
}
.facebook-topper > div:first-child {
	width: 40px;
	margin-right:8px;
	border: 1px solid #ccc;
}
.facebook-topper > div:first-child img {
    width: 40px;
    height: 40px;
}
.facebook-topper > div:last-child > div:first-child {
	color: #3b5998;
	font-size: 14px;
	font-weight: bold;
}
.facebook-topper > div:last-child > div:last-child {
	color: #9197a3;
	font-size: 12px;
}
.facebook-topper > div:last-child > div:last-child span:first-child:after {
	content: '\2022';
    opacity: 0.7;
    margin-left: 7px;
    font-size: 11px;
}
.facebook-topper > div:last-child > div:last-child span:first-child {
	margin-right: 3px;
}
.twitter-topper > div:first-child {
	width: 48px;
	display: inline-block;
	float: left;
    margin-right: 11px;
    margin-top: 3px;
}
.twitter-topper > div:first-child img {
	width: 48px;
	height: 48px;
	border-radius: 5px;
}
.twitter-topper > div:last-child > div > span:first-child {
	font-weight: bold;
	color: #292f33;
	font-size: 14px;
}
.twitter-topper > div:last-child > div > span {
	margin-right: 5px;
	font-size: 13px;
    color: #8899a6;
}
.twitter-topper > div:last-child > div > span:first-child + span:after {
	content: '\2022';
    opacity: 0.7;
    margin-left: 5px;
    font-size: 11px;
}
.style-twitter .channel-content {
	margin-left: 60px;
    margin-top: -31px;
    font-size: 16px;
    color: rgb(41, 47, 51);
    word-break: break-word;
}
.channel-content-div .channel-content .merge-tag {
	background-color: #5b9bd1;
    color: #fff;
    padding: 2px 5px;
    border-radius: 4px;
    white-space: nowrap;
}
.channel-content .mention-tag {
	color: #3B94D9;
	white-space: nowrap;
}
.campaign-timeline .channel-option-count.mobile-validation-override {
    z-index: 23;
    position: relative;
}
.campaign-timeline .disabled-channel .channel-option-count.mobile-validation-override > div:first-child {
    cursor: pointer;
}
.campaign-timeline .disabled-channel .channel-option-count.mobile-validation-override > div:first-child:hover .bubble-white {
    display: none;
}
.campaign-timeline .channel-option-count.expanded {
	max-height: 2000px;
}
.campaign-timeline span.uno-icon-thin {
	text-transform: lowercase;
    float: right;
}
.campaign-timeline .channel-content-holder {
	width: 650px;
}
.campaign-timeline .channel-option-count > div:first-child {
    padding: 15px;
    background-color: #5b9bd1;
    color: #fff;
    cursor: pointer;
    z-index: 1;
    position: relative;
}
.campaign-timeline .channel-option-count:after {
    left: calc(6% - 30px);
    top: 23px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #5b9bd1;
    border-width: 14px;
    margin-top: -14px;
}
.campaign-timeline .channel-option-count > div.channel-options-show {
	padding: 1px 15px 10px;
	font-weight: normal;
    text-transform: none;
    font-size: 14px;
    background-color: #e9ecf3;
    position: relative;
}
.campaign-timeline .channel-option-count > div.channel-options-show.disabled {
    opacity: 0.5;
}
.channel-options-show .channel-content-div {
	margin-top: 10px;
}
.channel-options-show .channel-content-div:first-child {
	margin-top: 0px;
}
.campaign-modal-list .style-facebook > div, .campaign-modal-list .style-twitter > div {
	background-color: #fff;
    padding: 10px;
}
.channel-editor-facebook-logo,
.channel-editor-twitter-logo {
    background-color: #e9ecf3;
}

.channel-editor-facebook-logo img,
.channel-editor-twitter-logo img {
    width: 100%;
    height: 100%;
    display: block;
}
.channel-editor-facebook-logo {
	width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.channel-editor-twitter-logo {
	width: 48px;
    height: 48px;
    position: absolute;
    top: 10px;
    left: 10px;
}
textarea.form-control.channel-editor-facebook-textarea, textarea.form-control.channel-editor-twitter-textarea {
	border: none;
    padding: 20px 15px 0px 60px;
    min-height: 190px;
    margin-bottom: 35px;
}
textarea.form-control.channel-editor-twitter-textarea {
	padding-left: 68px;
}
textarea.form-control.channel-editor-facebook-textarea.no-margin, textarea.form-control.channel-editor-twitter-textarea.no-margin {
	margin-bottom: 0px;
}
.channel-editor-character-count {
	position: absolute;
    bottom: -28px;
    margin: 0px;
    right: 15px;
}
.channel-editor-bottom-panel {
	border-top: 1px solid #ddd;
    padding: 15px;
    height: 60px;
}
.channel-editor-bottom-panel .btn.btn-success {
    padding: 6px 18px;
    margin-top: -2px;
}
.channel-editor-bottom-panel .btn.btn-default {
	border-color: #666;
    padding: 6px 18px;
    margin-top: -2px;
}
.channel-editor-bottom-panel > span {
	font-size: 16px;
    margin-top: 6px;
    cursor: pointer;
}
.channel-editor-bottom-panel > span:not(.glyphicon) {
	vertical-align: text-bottom;
}
.channel-editor-bottom-panel > span > span {
    font-size: 10px;
    vertical-align: middle;
    line-height: 11px;
}
.channel-editor-bottom-panel > span:hover {
	color: #505F69;
}
.new-modal-body .merge-overlay {
	position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: calc(100% + 35px);
    text-align: center;
    background-color: #e9ecf3;
    padding: 0px 15px;
    z-index: 10;
}
.new-modal-body .merge-overlay.no-margin {
	height: 100%;
}
.merge-overlay > div {
    width: 100%;
    height: 100%;
}
.merge-overlay > div:first-child > div {
	transform: translateY(-50%);
    top: 50%;
    position: relative;
}
.merge-overlay > div:first-child > div > div {
	font-size: 12px;
    padding: 7px 20px;
    margin: 5px 10px;
    border: none;
    color: #fff;
    background-color: #5b9bd1;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
}
.merge-overlay > div:first-child > div > div:hover {
	background-color: #3B72A0;
}
.merge-overlay h4 {
	position: absolute;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}
.merge-overlay > div:first-child > span {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
    font-weight: bold;
}
.merge-overlay > div:first-child > span:hover {
	color: #505F69;
}
.channel-editor-photo-list {
    display: inline-block;
    width: 480px;
}
.channel-editor-photo-list > div {
	width: 100px;
    height: 100px;
    padding: 5px;
    background-color: #e9ecf3;
    display: inline-block;
    margin: 10px;
    vertical-align: top;
    position:relative;
}
.channel-editor-photo-list > div img {
	max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: relative;
}
.channel-editor-character-count.no-margin {
	bottom: 6px;
}
.timeline-facebook-images img {
	max-width: 100%;
    max-height: 360px;
}
.timeline-twitter-images img {
	max-height: 360px;
    max-width: calc(100% - 58px);
    margin-left: 58px;
    border-radius: 5px;
}
.channel-image-div {
	display: inline-block;
    float: left;
    width: 141px;
    height: 141px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 5px;
    margin: 3px;
    cursor: pointer;
    position: relative;
}
.channel-image-div > img {
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	position: relative;
}
.channel-image-div:hover {
	border-color: #aaa;
}
.channel-image-div > span {
	display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 139px;
    height: 139px;
    z-index: 10;
    background-color: rgba(89, 203, 89, 0.5);
}
.channel-image-div.channel-creator-view:hover > span {
    display: block;
    background-color: rgba(250, 250, 250, 0.5);
}
.channel-image-div > span > span {
    background-color: rgba(89, 203, 89, 1);
    color: #fff;
    border-radius: 22px;
    padding: 10px;
    font-size: 14px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} 
.channel-image-div > span.edit-template > span:first-child {
    transform: translate(-110%, -50%);
}
.channel-image-div > span.edit-template > span:last-child {
    transform: translate(-90%, -50%);
}
.channel-image-div.channel-creator-view:hover > span.edit-template > span:last-child {
    color: #697882;
}
.channel-image-div.channel-creator-view:hover > span > span {
    background-color: rgba(250, 250, 250, 1);
    color: #d9534f;
}
.channel-image-div.selected > span {
	display: block;
}
.channel-editor-photo-list span {
	display: none;
	position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1;
    background-color: #e9ecf3;
    border-radius: 16px;
    font-size: 18px;
    padding: 0px 7px;
    cursor: pointer;
}
.channel-editor-photo-list div:hover span {
	display: block;
}
.paint-brush-floater {
	position: absolute;
    bottom: -42px;
    left: -76px;
    z-index: 100;
    color: #5b9bd1;
    font-size: 17px;
    background-color: #fff;
    padding: 5px 0px;
}
.inline-title {
	text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 12px;
    margin-top: 20px;
}
.bubble-white {
	position: absolute;
    top: 13px;
    right: 13px;
    color: #5b9bd1;
    background-color: #fff;
    padding: 1px;
    border-radius: 9px;
    height: 19px;
    width: 19px;
    text-align:center;
}
.campaign-timeline .channel-option-count > div:first-child:hover .bubble-white {
	display: none;
}
input[type=radio].css-radio-new {
	display: none;
}
input[type=radio].css-radio-new + label.css-label {
	width: 25px;
    height: 25px;
    display: block;
    border: solid 2px #697882;
    position: absolute;
    top: 25px;
    left: 25px;
    cursor: pointer;
    border-radius: 50%;
    white-space: nowrap;
}
input[type=radio].css-radio-new:checked + label.css-label:after {
    width: 17px;
    height: 17px;
    background-color: #697882;
    display: block;
    left: 2px;
    top: 2px;
    position: absolute;
    content: " ";
    border-radius: 50%;
}
input[type=radio].css-radio-new + label.css-label > span {
	margin-left: 50px;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: normal;
    line-height: 21px;
    display: block;
}
input[type=radio].css-radio-new + label.css-label > span.margin-modification {
	margin-top: -9px;
}

.timeline-channel-time-div {
	min-height: 55px;
    position: relative;
    padding: 25px 25px 0px;
    height: auto;
}
.timeline-channel-time-div:last-child {
	padding-bottom: 25px;
	min-height: 80px;
}
input.natural-input {
	border: none;
    width: 40px;
    padding: 4px 5px 5px;
    border-bottom: 1px dotted #99a8bb;
    text-align: center;
    line-height: 27px;
}
input.natural-input.natural-input-med {
	width: 100px;
}
input.natural-input.invalid {
	color: #f86b4f;
    border-color: #f86b4f;
}
input.natural-input:focus {
	outline: none;
    border-bottom: 1px solid #333;
}
.natural-dropdown.btn-group button.dropdown-toggle {
	border: none;
    border-bottom: 1px dotted #99a8bb;
    border-radius: 0px;
    width: 135px;
    font-size: 19px;
    color: #697882;
    text-transform: uppercase;
    padding: 4px 12px;
}
.natural-dropdown button.dropdown-toggle span.fake-placeholder {
    color: #aaa;
}
.natural-dropdown button.dropdown-toggle:hover {
	background-color: #fff;
}
.natural-dropdown button.dropdown-toggle:active, .natural-dropdown button.dropdown-toggle:focus {
    background-color: #fff;
    box-shadow: none;
}
.natural-dropdown.open button.dropdown-toggle {
	box-shadow: none;
	background-color: #fff;
	border-bottom: 1px solid #333;
}
.natural-dropdown .dropdown-menu > li > a {
	position: relative;
	padding: 7px 20px;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.natural-dropdown .dropdown-menu > li.selected > a {
	color: rgb(89, 203, 89);
}
.natural-dropdown .dropdown-menu > li > a > span {
	display: none;
	position: absolute;
    top: 11px;
    left: 5px;
    font-size: 10px;
}
.natural-dropdown .dropdown-menu > li.selected > a > span {
	display: block;
}
.natural-dropdown .dropdown-menu {
    width: 200px;
}
.natural-dropdown .dropdown-menu > li > a:hover, .natural-dropdown .dropdown-menu > li > a:focus {
	background-color: #f2f6f9;
}
.natural-dropdown .dropdown-toggle > span.glyphicon {
	font-size: 10px;
    margin-left: 5px;
    color: #aaa;
}
.natural-dropdown .dropdown-toggle:hover > span.glyphicon {
    color: #697882;
}
.channel-time-error-message {
	margin-top: 40px;
    padding: 5px;
    margin-left: 57px;
    font-size: 13px;
    position: relative;
}
.channel-time-error-message:before {
	content: '\002A';
	color: #f86b4f;
	position: absolute;
    left: -4px;
    top: 2px;
}
.channel-time-div:hover .channel-time-edit {
	display: block;
}
.channel-time-edit {
	display: none;
    border-radius: 14px;
    margin-top: 1px;
    font-weight: normal;
}
.channel-time-edit > img {
	width: 14px;
    margin-right: 5px;
    vertical-align: sub;
}
.channel-time-edit:hover {
	color: #374046;
}
.channel-content-div:hover .channel-content-edit {
	display: block;
}
.channel-content-edit {
	display: none;
    border-radius: 14px;
    position: absolute;
    top: 7px;
    right: 10px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Open Sans';
}
.channel-content-edit > img {
	width: 14px;
    margin-right: 5px;
    vertical-align: sub;
}
.channel-content-edit:hover {
	color: #374046;
}
.timepicker-holder .timepicker-new {
	text-transform: lowercase;
	left: 50%;
    transform: translateX(-50%);
    box-shadow: none;
    border-radius: 0px;
    width: 178px;
    border: 1px solid #aaa;
}
.timepicker-holder {
	display: inline-block;
	position: relative;
}
.timepicker-holder .timepicker-new > div:first-child div {
	margin: 7px 10px 3px 0px;
}
.timepicker-holder .timepicker-new:before {
	border-color: transparent transparent #aaa transparent;
}
.timepicker-holder .timepicker-new > div:last-child div {
	margin: -12px 10px 0px 0px;
}
.timeline-campaign-creator:before {
	content: " ";
	position:absolute;
    width: 80%;
    height: 1px;
    background-color: #9eacb4;
    top: -14px;
    left: 10%;
}
.campaign-builder-overlay {
    height: 100%;
    width: 100%;
    background-color: #e9ecf3;
    position: fixed;
    top: 0px; 
    left: 0px;
    z-index: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 50px;
    padding-bottom: 25px;
}
.campaign-builder-container {
	margin: 0 auto;
    width: 970px;
    margin-top: 60px;
}
.campaign-builder-container > h2 {
	text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 60px;
}
.campaign-builder-box {
	width: 767px;
    margin: 0 auto;
}
.campaign-builder-steps {
    border-bottom: 5px solid #e9ecf3;
    overflow: hidden;
    background-color: #fff;
}
.campaign-builder-steps > div {
    display: inline-block;
    float: left;
    text-align: center;
    width: 255.5px;
    padding-top: 14px;
    text-transform: uppercase;
    font-size: 16px;
    height: 50px;
    position: relative;
    padding-left: 10px;
    -webkit-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    transition: background 0.4s ease;
}
.campaign-builder-steps > div:first-child + div {
	padding-left: 25px;	
}
.campaign-builder-steps > div.past {
    background-color: #9CC3E3;
    color: #fff;
    z-index: 1;
}
.campaign-builder-steps > div.active {
	color: #fff;
    background-color: #5b9bd1;
    font-weight: bold;
}
.campaign-builder-steps > div:before {
    right: -54px;
    top: -2px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #e9ecf3;
    border-width: 27px;
    -webkit-transition: border 0.4s ease;
    -moz-transition: border 0.4s ease;
    -o-transition: border 0.4s ease;
    transition: border 0.4s ease;
}
.campaign-builder-steps > div:after {
    right: -52px;
    top: -2px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 27px;
    -webkit-transition: border 0.4s ease;
    -moz-transition: border 0.4s ease;
    -o-transition: border 0.4s ease;
    transition: border 0.4s ease;
}
.campaign-builder-steps > div.past:before {
	border-left-color: #fff;
}
.campaign-builder-steps > div.past:after {
	border-left-color: #9CC3E3;
}
.campaign-builder-steps > div.active:before {
	border-left-color: #fff;
}
.campaign-builder-steps > div.active:after {
	border-left-color: #5b9bd1;
}
.campaign-builder-trigger-holder {
	padding: 8px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}
.campaign-builder-trigger-holder > div {
    height: 36px;
    background-color: #F5F8FD;
    padding: 8px 10px;
    border-left: 4px solid #5b9bd1;
}
.campaign-builder-content-box {
    background-color: #fff;
    max-height: 800px;
    position: relative;
    -webkit-transition: max-height 0.4s;
    -o-transition: max-height 0.4s;
    transition: max-height 0.4s;
}
.campaign-builder-content-box.in-transition {
    overflow: hidden;
}
.campaign-builder-content-box > .campaign-builder-slider {
    width: auto;
    min-width: 2305px;
    height: auto;
    display: block;
    position: relative;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
}
.campaign-builder-content-box > .campaign-builder-slider > div {
    width: 100%;
    max-width: 767px;
    height: auto;
    min-height: 1px;
    max-height: 1px;
    display: block;
    float: left;
    opacity: 0;
    -webkit-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
}
.campaign-builder-content-box > .campaign-builder-slider > div.active {
    max-height: 800px;
    opacity: 1;
    -webkit-transition: max-height 0.5s;
    -o-transition: max-height 0.5s;
    transition: max-height 0.5s;
}
.trigger-topic-holder {
	width: 253px;
    display: inline-block;
    float: left;
    padding: 5px;
    position: relative;
    overflow: hidden;
}
.trigger-topic-holder .trig-topic-panel {
	border-radius: 0px;
}
.trigger-topic-holder .trig-topic-panel span {
	font-size: 1200%;
}

.campaign-builder-trigger-holder span > span {
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    color: #5b9bd1;
    font-size: 13px;
    padding: 0px 3px;
}
.trigger-topic-holder .trigger-select-panel {
	border-radius: 0px;
	height: 132px;
	background-color: #F5F8FD;
}
.trigger-topic-holder .trigger-select-panel:hover {
    background-color: #E9ECF3;
}
.trigger-topic-holder .trigger-select-panel h4 {
	height: 30px;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    padding: 6px 6px;
    margin-bottom: 0px;
}
.trigger-select-panel.selected h4 {
    background-color: #E9ECF3;
}
.trigger-topic-holder .trigger-select-panel:hover h4 {
	background-color: #F5F8FD;
}
.trigger-topic-holder .trigger-select-panel p {
	height: 100px;
    margin-bottom: 0px;
    padding: 0px 10px;
    font-size: 14px;
}
.trigger-topic-holder .trigger-select-panel p span {
	top: 50%;
    position: relative;
    display: block;
    transform: translateY(-50%);
    text-align:left;
    font-size: 14px;
    margin-top: 0px;
    color: inherit;
}
.campaign-builder-content-box .btn-group {
	width: 250px;
}
.campaign-builder-content-box .dropdown-menu {
	width: 100%;
    border-radius: 0px;
    overflow: auto;
    max-height: 300px;
    text-align: left;
}
.campaign-builder-content-box .dropdown-menu li {
    padding: 7px 20px;
    cursor: pointer;
    position: relative;
}
.campaign-builder-content-box .dropdown-menu li:hover {
    background-color: #f2f6f9;
}
.campaign-builder-content-box .dropdown-menu li.selected {
	color: rgb(89, 203, 89);
}
.campaign-builder-content-box .dropdown-menu li span {
	display: none;
	position: absolute;
    top: 11px;
    left: 5px;
    font-size: 10px;
}
.campaign-builder-content-box .dropdown-menu li.selected span {
    display: block;
}
.trigger-details-holder {
	padding: 10px;
}
.campaign-builder-footer {
	background-color: #fff;
    margin-top: 5px;
    padding: 10px;
    height: 58px;
}
.campaign-builder-footer .btn {
	padding: 8px 20px;
}
.campaign-builder-footer .btn.btn-default {
    border-color: #aaa;
    color: #697882;
}
.campaign-builder-footer .btn.btn-default:hover {
    background-color: #F5F8FD;
}
.campaign-creator-form input.form-control {
	height: 50px;
}
.campaign-creator-form .campaign-creator-form-top > div {
	display: inline-block;
	float:left;
	vertical-align: top;
}
.campaign-creator-form .campaign-creator-form-top > div:first-child {
	width: 552px;
}
.campaign-creator-form .campaign-creator-form-top > div:last-child {
	width: 185px;
    margin-left: 10px;
}
.campaign-builder-image {
    border: 1px solid #aaa;;
    border-radius: 0px;
    height: 174px;
    padding: 3px;
    cursor: pointer;
    background-color: #F5F8FD;
}
.campaign-builder-image > div:first-child {
    border: 1px dashed #aaa;
    height: 165px;
}
.campaign-builder-image > div:first-child span {
    position: relative;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    padding: 40px;
    text-transform: uppercase;
    font-weight: bold;
}
.campaign-builder-image:hover {
	background-color: #fff;
}
.campaign-builder-image img {
	border-radius: 0px;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: relative;
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.campaign-creator-benefits {
	display: inline-block;
    float: left;
    width: 480px;
    margin-right: 10px;
}
.campaign-creator-benefits-builder input.form-control {
    width: 358px;
	display: inline-block;
}
.campaign-creator-benefits-builder .btn.btn-default {
	padding: 14px 20px;
    vertical-align: top;
    height: 50px;
    color: #697882;
    border-color: #aaa;
}
.campaign-creator-benefits-builder .btn.btn-default:hover, .campaign-creator-benefits-builder .btn.btn-default:focus, .campaign-creator-benefits-builder .btn.btn-default:active {
	background-color: #F5F8FD;
}
.campaign-creator-no-benefits {
	text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0px;
}
.campaign-creator-benefit-list {
	cursor: pointer;
	padding: 3px;
}
.campaign-creator-benefit-list:hover {
	background-color: #F5F8FD;
}
.campaign-creator-benefit-list span.glyphicon-ok {
	display: inline-block;
	margin-right: 15px;
}
.campaign-creator-benefit-list span.glyphicon-remove {
	display: none;
	margin-right: 15px;
}
.campaign-creator-benefit-list:hover span.glyphicon-ok {
	display: none;
}
.campaign-creator-benefit-list:hover span.glyphicon-remove {
	display: inline-block;
}
.campaign-creator-form .form-control.new-focus {
	background-color: #F5F8FD;
	border-color: #aaa;
	color: #697882;
}
.campaign-creator-form .form-control.new-focus:focus {
	background-color: #fff;
}
.campaign-creator-benefits-message {
    margin-top: -6px;
    padding: 5px;
    margin-left: 8px;
    font-size: 13px;
    position: relative;
    margin-bottom: 10px;
}
.campaign-creator-benefits-message:before {
    content: '\002A';
    color: #f86b4f;
    position: absolute;
    left: -4px;
    top: 2px;
}

.campaign-creator-form .form-control.new-focus::-webkit-input-placeholder { color: rgba(105, 120, 130, 0.5); }
.campaign-creator-form .form-control.new-focus::-moz-placeholder { color: rgba(105, 120, 130, 0.5); } /* firefox 19+ */
.campaign-creator-form .form-control.new-focus:-ms-input-placeholder { color: rgba(105, 120, 130, 0.5); } /* ie */
.campaign-creator-form .form-control.new-focus:-moz-placeholder { color: rgba(105, 120, 130, 0.5); }

label.control-label.new-label {
	color: #697882;
	font-weight: bold;
}
.campaign-creator-tag {
	display: inline-block;
    float: left;
    width: 257px;
}
.campaign-creator-tag .generic-dropdown li.selected {
	background-color: #fff;
}
.campaign-creator-tag .generic-dropdown li.selected:hover {
	background-color: #f2f6f9;
}
.campaign-creator-tag button.btn.btn-default {
    height: 50px;
    border-color: #aaa;
    color: #697882;
}
.campaign-creator-tag button.btn.btn-default:hover {
	background-color: #F5F8FD;
}
.campaign-creator-tag .generic-dropdown {
    height: 50px;
    width: 100%;
}
.campaign-creator-tag .btn-default:active, .campaign-creator-tag .btn-default.active, .campaign-creator-tag .open .dropdown-toggle.btn-default {
	background-color: #fff;
}
.campaign-creator-tag .channel-node-row-text {
    font-size: 12px;
    overflow: visible;
}
.campaign-creator-tag .channel-node-row-text > span {
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    display: inline-block;
}
.campaign-creator-tag .channel-node-row-text > span span {
    opacity: 0.6;
}
.campaign-creator-tag .channel-node-row-text > span:hover span {
    opacity: 0.7;
}
.campaign-creator-tag .channel-node-row-text > span:hover .tooltip-image {
    display: block;
}
.campaign-creator-tag .channel-node-row-text > span .tooltip-image {
    display: none;
    position: absolute;
    top: -105px;
    left: 50%;
    z-index: 100;
    transform: translate(-50%);
    width: 400px;
    border: 1px solid #9eacb4;
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
}
.campaign-creator-tag .channel-node-row-text > span .tooltip-image img {
    width: 100%;
}
.campaign-creator-tag .channel-node-row-text > span .tooltip-image:after, .campaign-creator-tag .channel-node-row-text > span .tooltip-image:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.campaign-creator-tag .channel-node-row-text > span .tooltip-image:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #E3E0E2;
    border-width: 8px;
    margin-left: -8px;
}
.campaign-creator-tag .channel-node-row-text > span .tooltip-image:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #9eacb4;
    border-width: 10px;
    margin-left: -10px;
}
.campaign-builder-content-box .dropdown-menu li.custom-tag-field {
	background-color: #f2f6f9;
    padding: 10px 7px;
    margin-bottom: -4px;
}
.campaign-creator-form .custom-tag-field input.form-control {
	height: 38px;
    margin-bottom: 7px;
}
.custom-tag-field .btn.no-rad {
	width: 80%;
    margin: 0px auto;
    display: block;
}
.campaign-creator-form {
    padding: 10px;
}
.campaign-creator-audience-selector {
	text-align: center;
}
/*.campaign-creator-audience-selector > div {
	display: inline-block;
    width: 260px;
    background-color: #F5F8FD;
    padding: 102px 30px 30px;
    margin: 50px 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    border: 3px solid transparent;
}*/
/*.campaign-creator-audience-selector > div.selected {
	border: 3px solid #5b9bd1;
}
.campaign-creator-audience-selector > div:hover {
	background-color: #E9ECF3;
}*/
.campaign-creator-audience-selector button.btn.btn-default {
    text-transform: uppercase;
    color: #697882;
    padding: 10px 15px;
    font-size: 16px;
    margin-top: -12px;
    border-color: #9eacb4;
    font-weight: bold;
    background-color: #e9ecf3;
}
.campaign-creator-audience-selector span i {
    text-transform: initial;
    font-size: 13px;
    vertical-align: text-top;
}
.brand-location-item {
    background-color: #e9ecf3;
    font-weight: bold;
    font-size: 15px;
    padding: 5px 15px;
}
.campaign-creator-audience-selector button.btn.btn-default:active, .campaign-creator-audience-selector button.btn.btn-default:focus {
    box-shadow: inset 0 1px 1px #e9ecf3;
    background-color: #fff;
}
.campaign-creator-audience-selector button.btn.btn-default span {
    text-transform: initial;
    vertical-align: sub;
}
.campaign-creator-audience-selector button.btn.btn-default:hover {
    background-color: #fff;
}
.campaign-creator-audience-loc > div {
	text-transform: lowercase;
    font-weight: normal;
    font-size: 60px;
}
.campaign-creator-audience-loc > div > span {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
}
.campaign-creator-audience-all > div {
	text-transform: lowercase;
    font-weight: normal;
    font-size: 60px;
}
.campaign-creator-audience-all > div > span {
	position: absolute;
	transform: translateX(-50%);
	top: 11px;
	left: 50%;
}
.campaign-creator-audience-all > div > span:first-child {
	top: 1px;
    left: 32%;
}
.campaign-creator-audience-all > div > span:last-child {
    top: 1px;
    left: 68%;
}
.location-select-box > div > div > div {
    background-color: #F5F8FD;
}
.location-select-box > div > div > div:hover {
    background-color: #E9ECF3;
}
.timeline-facebook-images {
    position: relative;
}
.timeline-twitter-images {
    position: relative;
}
.timeline-facebook-images:hover .customize-image-overlay, .timeline-twitter-images:hover .customize-image-overlay {
    opacity: 1;
}
.customize-image-overlay {
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    opacity: 0;
    z-index: 20;
}
.customize-image-overlay p {
    position: absolute;
    color: #fff;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    border: 2px solid #fff;
    padding: 10px 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -25%);
    width: 240px;
    cursor: pointer;
    background-color: transparent;
    -webkit-transition: all 0.45s ease;
    -moz-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    transition: all 0.45s ease;
}
.timeline-facebook-images:hover .customize-image-overlay p, .timeline-twitter-images:hover .customize-image-overlay p {
    transform: translate(-50%, -50%);
}
.customize-image-overlay p:hover {
    background-color: #fff;
    color: #333;
}
.screen-view:hover .customize-image-overlay {
    opacity: 1;
}
.screen-view:hover .customize-image-overlay p {
    transform: translate(-50%, -50%);
}
.channel-action-adder {
    background-color: #f2f6f9;
}
.channel-action-adder-channel {
    display: inline-block;
    float: left;
    margin: 10px;
    width: 179px;
    cursor: pointer;
    position: relative;
}
.channel-action-adder-channel.disabled {
    cursor: auto;
    opacity: 0.5;
}
.channel-action-adder-channel span {
    position: absolute;
    font-weight: bold;
    text-transform: uppercase;
    color: #5b9bd1;
    display: block;
    top: 80px;
    left: 50%;
    background-color: #fff;
    padding: 5px 10px;
    transform: translateX(-50%);
    width: 127px;
    font-size: 12px;
}
.channel-action-adder-channel > div {
    border: 1px solid #ddd;
    background-color: #fff;
    text-align: center;
}
.channel-action-adder-channel:not(.disabled) > div:hover {
    background-color: #e9ecf3;
    border-color: #aaa;
}
.channel-action-adder-channel > div > div {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    margin: 11px 0px 0px;
}
.channel-action-adder-channel > div > img {
    width: 107px;
    margin-bottom: 11px;
    margin-top: 8px;
}
.channel-action-adder-channel > div > img.smaller-logo {
    margin-top: 0px;
    margin-bottom: 8px;
    width: 115px;
}
.channel-action-adder-actions {
    background-color: #f2f6f9;
}
.channel-action-adder-actions > div.channel-action-adder-actions-inner {
    margin: 10px 2%;
    cursor: pointer;
    display: inline-block;
    width: 46%;
    float: left;
    background-color: #fff;
    transition: all 0.25s ease;
    border: 1px solid transparent;
    position: relative;
}
.channel-action-adder-actions > div.channel-action-adder-actions-inner.disabled {
    opacity: 0.5;
    cursor: default;
}
.channel-action-adder-actions > div.channel-action-adder-actions-inner:not(.disabled):hover {
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #9CC3E3;
}
.channel-action-adder-actions-inner .coming-soon {
    display: none;
    position: absolute;
    text-transform: uppercase;
    font-weight: bold;
    color: #5b9bd1;
    font-size: 15px;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 0px;
    background-color: #fff;
    padding: 10px;
}
.channel-action-adder-actions-inner.disabled .coming-soon {
    display: block;
}
.channel-action-adder-actions-inner.disabled .channel-action-text > div {
    display: none;
}
.channel-action-image {
    padding: 5px;
}
.channel-action-image > div {
    background-color: #F5F8FD;
    border-left: 4px solid #5b9bd1;
    height: 40px;
    position: relative;
    padding-left: 39px;
    padding-top: 9px;
}
.channel-action-image img {
    width: 30px;
    top: 5px;
    left: 4px;
    position: absolute;
    background-color: #5b9bd1;
    height: 30px;
}
.channel-action-image span {
    text-transform: uppercase;
    font-weight: bold;
    color: #5b9bd1;
    font-size: 13px;
}
.channel-action-text {
    padding: 10px 15px;
    height: 150px;
    border-top: 1px solid #ddd;
}
.channel-action-text > div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.channel-action-adder-actions > div:hover .channel-action-text {
    border-top: 1px solid #9CC3E3;
}
.channel-time-div .placeholder-time {
    font-weight: normal;
    font-style: italic;
    text-transform: initial;
}
.channel-content.placeholder-text > div {
    font-style: italic;
    color: #697882;
    font-size: 13px;
    font-weight: 300;
}
.channel-action-adder-actions-back {
    padding: 10px 10px 0px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    transition: all 0.25s ease;
}
.channel-action-adder-actions-back > div {
    display: inline-block;
    cursor: pointer;
    padding: 0px 21px;
}
.channel-action-adder-actions-back:hover {
    color: #4d4d4d;
}
.channel-action-adder-actions-back > div:after {
    left: 13px;
    top: 13px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #f2f6f9;
    border-width: 6px;
    z-index: 1;
}
.channel-action-adder-actions-back > div:before {
    left: 10px;
    top: 13px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #697882;
    border-width: 6px;
    transition: all 0.25s ease;
}
.timeline-campaign-creator.creator-off {
    opacity: 0.5;
}
.channel-action-adder-actions-back:hover > div:before {
    border-right-color: #4d4d4d;
}
.campaign-creator-switch {
    position: absolute;
    right: 20px;
    bottom: 82px;
}
.switch-class.wide-switch {
    font-size: 8pt;
    padding: 3px 6px;
    width: 105px;
    background-color: #e9ecf3;
    border: none;
}
.switch-class.wide-switch.noti-on {
    background-color: #5cb85c;
}
.switch-class.wide-switch > div {
    width: 49px;
    top: 2px;
}
.switch-class.wide-switch > div.noti-on {
    left: 52px;
}
.switch-class.wide-switch > span:last-child {
    margin-right: 8px;
}
.channel-options-text-placeholder {
    text-align: center;
    border: 1px dashed #9eacb4;
    height: 115px;
    cursor: pointer;
    margin-bottom: 10px;
}
.channel-options-text-placeholder:hover {
    border-color: #505F69;
    color: #505F69;
}
.channel-options-text-placeholder > span {
    font-size: 60px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}
.channel-content-div .channel-content-delete {
    display: none;
    position: absolute;
    top: 7px;
    right: 10px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Open Sans';
}
.channel-content-div:hover .channel-content-delete {
    display: block;
}
.channel-content-div:hover .channel-content-delete:hover {
    color: #374046;
}
.channel-content-delete > span {
    margin-right: 4px;
}
.channel-content-holder > p > .channel-content-delete {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 11px;
    font-family: 'Open Sans';
    color: #697882;
    margin-top: 3px;
    margin-right: 2px;
    cursor: pointer;
}
.channel-content-holder:hover > p > .channel-content-delete:hover {
    color: #374046;
}
.channel-content-delete > span {
    margin-right: 4px;
}
.channel-content-div.creator-view .channel-content-edit {
    right: 77px;
    border-right: 1px solid #697882;
    border-radius: 0px;
    padding-right: 11px;
}

.modal-content.delete, .modal-content.error {
    border-radius: 0px;
    border-top: 4px solid #d9534f;
}
.modal-content.delete .modal-header, .modal-content.error .modal-header, .modal-content.message .modal-header, .modal-content.choice .modal-header, .modal-content.confirm_advanced .modal-header, .modal-content.success_advanced .modal-header {
    display: none;
}
.modal-content.delete .modal-body, .modal-content.message .modal-body, .modal-content.choice .modal-body, .modal-content.confirm_advanced .modal-body, .modal-content.success_advanced .modal-body {
    padding: 25px 25px 1px;
    font-size: 16px;
    text-align: center;
}
.modal-content.error .modal-body {
    padding: 25px;
    font-size: 16px;
    text-align: center;
}
.modal-content.delete .modal-footer button.btn.modal-btn, .modal-content.message .modal-footer button.btn.modal-btn, .modal-content.choice .modal-footer button.btn.modal-btn {
    border: 1px solid #666;
    border-radius: 0px;
    margin-right: 0px;
    margin-top: 6px;
    height: 34px;
    margin-bottom: 13px;
}
.modal-content.confirm_advanced .modal-footer, .modal-content.success_advanced .modal-footer {
    text-align: center;
}
.modal-content.error .modal-footer {
    display: none;
}
.modal-content.confirm_advanced .modal-footer button.btn.modal-btn,.modal-content.success_advanced .modal-footer button.btn.modal-btn {
    border-radius: 0px;
    margin-top: 6px;
    height: 45px;
    margin-bottom: 13px;
    font-size: 18px;
    padding: 0px 25px;
}
.modal-content.confirm_advanced h4, .modal-content.success_advanced h4 {
    font-size: 35px;
    color: #697882;
    margin-bottom: 25px;
}
.modal-content.delete .modal-footer button.btn.modal-btn.btn-danger {
    border: none;
}
.modal-content.delete .modal-footer button.btn.modal-btn.right-10 {
    margin-right: 10px;
}
.modal-content.message, .modal-content.choice, .modal-content.confirm_advanced {
    border-radius: 0px;
    border-top: 4px solid #5b9bd1;
}
.modal-content.success_advanced {
    border-radius: 0px;
    border-top: 4px solid #59CB59;
    margin-top: 85px;
}
.modal-content.success_advanced .modal-body {
    padding-top: 85px;
}
.modal-content.success_advanced .glyphicon {
    color: #fff;
    font-size: 100px;
    background-color: #59CB59;
    border-radius: 50%;
    padding: 30px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.channel-options-image-placeholder {
    display: inline-block;
    float: left;
    width: 141px;
    height: 141px;
    border: 1px dashed #9eacb4;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}
.channel-options-image-placeholder span {
    font-size: 60px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}
.channel-options-image-placeholder:hover {
    border-color: #505F69;
    color: #505F69;
}
.campaign-image-button {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    border: 4px solid #697882;
    padding: 20px;
    margin: 0px auto 25px;
    width: 290px;
    cursor: pointer;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.campaign-image-button:first-child {
    margin: 25px auto 10px;
}
.campaign-image-button.top-25 {
    margin: 25px auto;
}
.campaign-image-button:hover {
    border-color: #5b9bd1;
    color: #5b9bd1;
}

.image-editor-head-bar {
    height: 55px;
    background-color: #fff;
    border-bottom: 1px solid #9eacb4;
    z-index: 9;
    position: relative;
}
.image-editor .image-editor-head-bar .close-editor {
    color: #697882;
    border-color: #697882;
    font-size: 29px;
    padding: 3px 7px;
    right: 20px;
}
.image-editor .image-editor-head-bar .close-editor:hover {
    color: #fff;
    background-color: #697882;
}
.image-editor-body {
    position: relative;
    height: calc(100vh - 55px);
/*    background-color: #a7bdcd;*/
    background-image: url('../images/textures/graphy.png');
    background-repeat: repeat;
}
.big-slide {
    z-index: 1050;
    height: 100vh;
    color: #697882;
}
.image-editor {
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}
.image-editor .image-space {
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0px;
}
.image-space .editor-content {
    border: 1px solid #ccc;
    background-color: transparent;
    background-image: url('../images/textures/checkered.png');
}
.image-editor .available-image-space {
    height: calc(100vh - 55px);
    width: calc(100vw - 250px);
    position: absolute;
    top: 0px;
    left: 250px;
    overflow: auto;
}
.image-editor .available-image-padding {
    position: relative;
    min-width: 100%;
    min-height: 100%;
}
.image-editor .left-panel {
    background-color: #fff;
    height: calc(100vh - 55px);
    z-index: 10;
    border-right: 1px solid #9eacb4;
}
.image-editor .left-panel > h4 {
    border-bottom: none;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0px;
    font-size: 16px;
    background-color: #8899a6;
    color: white;
}
.form-control.control-upgrade {
    border: 1px solid #9eacb4;
    box-shadow: inset 0 1px 1px #e9ecf3;
}
.image-editor .left-panel input.top-10 {
    margin-top: 10px;
}
.form-control.control-upgrade:focus {
    border-color: #e9ecf3;
    box-shadow: none;
}
.image-editor .left-panel span.glyphicon-resize-vertical {
    position: absolute;
    top: 35px;
    left: 20px;
}
.image-editor .left-panel span.glyphicon-resize-horizontal {
    position: absolute;
    top: 80px;
    left: 20px;
}
.image-editor .web-info-section > div {
    position: relative;
}
input.form-control.indent {
    padding-left: 30px;
}
.generate-btn {
    position: absolute;
    top: 15px;
    right: 35px;
    border-color: #9eacb4;
    color: #697882;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 20px;
    z-index: 10;
}
.create-new-btn {
    position: absolute;
    top: 15px;
    right: 205px;
    border-color: #9eacb4;
    color: #697882;
    padding: 3px 15px 7px;
    font-size: 14px;
    z-index: 10;
    text-transform: uppercase;
    font-weight: bold;
}
.create-new-btn span {
    opacity: 0.6;
    font-size: 21px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.create-new-btn:hover span {
    opacity: 1;
}
.image-editor-element-options {
    position: absolute;
    top: 10px;
    left: 260px;
    width: 60px;
    height: calc(100vh - 75px);
    background-color: #fff;
    z-index: 11;
    border: 1px solid #9eacb4;
}
.layout-selector-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    width: 100vw;
    height: calc(100vh - 55px);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 12;
}
.layout-selector-overlay > div {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 992px;
}
.layout-selector-overlay h4 {
    text-transform: uppercase;
    font-weight: bold;
    color: #f2f6f9;
}
.layout-selector-options > div:first-child {
    margin-left: 0px;
}
.layout-selector-options > div:nth-child(4n) {
    margin-right: 0px;
}
.layout-selector-options > div:nth-child(5n) {
    margin-left: 0px;
}
.layout-selector-options > div {
    display: inline-block;
    border: 3px solid #f2f6f9;
    float: left;
    margin: 0px 10px;
    width: calc(25% - 15px);
    height: 233px;
    cursor: pointer;
    background-color: #a7bdcd;
}
.layout-selector-options > div > div {
    background-color: rgba(233, 236, 243, 0.7);
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.layout-selector-options > div:hover > div {
    background-color: rgba(233, 236, 243, 1);
}
.layout-selector-options-details {
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.layout-selector-options-details > span:first-child {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}
.layout-selector-options-details > span:last-child {
    font-style: italic;
    font-size: 12px;
}
.layout-selector-options > div.custom {
    border-style: dashed;
    background-color: transparent;
}
.layout-selector-options > div.custom > div {
    background-color: transparent;
}
.custom .layout-selector-options-details > span:last-child {
    display: none;
}
.custom .layout-selector-options-details > span:first-child {
    color: #f2f6f9;
    font-size: 20px;
}
.image-editor-element-options > div:not(.tooltip) {
    height: 60px;
    text-align: center;
    padding: 5px 6px;
    border-bottom: 1px solid #9eacb4;
    cursor: pointer;
}
.image-editor-element-options > div:not(.tooltip) > span {
    font-size: 29px;
    width: 46px;
    height: 46px;
    background-color: #fff;
    padding: 8px;
    display: block;
}
.image-editor-element-options > div:not(.tooltip) > span:hover {
    background-color: #F5F8FD;
}
.image-editor-element-options > div.disabled > span:hover {
    background-color: #fff;
    cursor: auto;
}
.image-editor-element-options > div.disabled > span {
    opacity: 0.8;
}
.image-editor-tool-details {
    background-color: #fff;
    position: absolute;
    bottom: 12px;
    left: calc(50% + 171px);
    transform: translateX(-50%);
    height: 50px;
    border: 1px solid #9eacb4;
}
.image-editor-tool-details > div {
    display: inline-block;
    padding: 8px 7px;
    font-weight: bold;
}
.image-editor-tool-details .image-one-to-one {
    padding-left: 15px;
    cursor: pointer;
}
.image-editor-tool-details .image-one-to-one:hover {
    color: #4d4d4d;
}
.image-editor-tool-details .image-fit-to-screen {
    cursor: pointer;
    margin-right: 15px;
    vertical-align: middle;
}
.image-editor-tool-details .image-fit-to-screen:hover {
    color: #4d4d4d;
}
.image-editor-tool-details .image-one-to-one > span {
    background-color: #fff;
    font-weight: bold;
    padding: 7px;
    display: block;
}
.image-editor-tool-details .image-size-slider {
    padding-right: 15px;
}
.image-editor-tool-details .image-zoom-value {
    width: 50px;
    text-align: center;
    font-weight: normal;
}
.zoom-controls button {
    border: none;
    background-color: transparent;
    padding: 0px;
    margin-left: 10px;
    margin-right: 10px;
    color: #697882;
    font-weight: bold;
    font-size: 19px;
    vertical-align: text-bottom;
}
.zoom-controls button.btn-default:hover {
    background-color: transparent;
}
.zoom-controls button.btn-default:active, .zoom-controls button.btn-default:focus {
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.zoom-controls > div:not(.tooltip) {
    width: 150px;
    height: 0px;
    border-color: #697882;
}
.image-editor-tool-details .ui-state-default, .image-editor-tool-details .ui-widget-content .ui-state-default, .image-editor-tool-details .ui-widget-header .ui-state-default {
    border-color: rgb(105, 120, 130);
    border-radius: 13px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    background: #fff;
}
.image-editor-tool-details .ui-state-default:focus {
    outline: none;
}
.image-editor-tool-details .ui-state-default:hover {
    background-color: #fff;
}
.image-editor-tool-details .ui-state-active {
    border: 1px solid rgb(105, 120, 130) !important;
}
.image-editor-custom-placeholder {
    top: 50%;
    transform: translate(-50%, -50%);
    position: relative;
    left: 50%;
    width: 600px;
}
.image-editor-custom-placeholder > span {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    margin: 25px 0px;
}
.image-editor-custom-placeholder-image {
    border: 3px dashed #697882;
    height: 300px;
    cursor: pointer;
}
.image-editor-custom-placeholder-image > div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
.image-editor-custom-placeholder-image > div > p {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px;
}
.image-editor-custom-placeholder-image > div > span {
    font-size: 75px;
    margin-bottom: 20px;
    display: block;
}
.image-editor-custom-placeholder-dimensions {
    text-align: center;
}
.image-editor-custom-placeholder-dimensions button.btn.btn-default {
    border-color: #9eacb4;
    color: #697882;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 25px;
    font-size: 15px;
}
.image-editor-custom-dimension-fields {
    text-align: center;
    margin: 25px 0px;
    position: relative;
}
.image-editor-custom-dimension-fields > input.form-control {
    display: inline-block;
    width: 75px;
    font-size: 16px;
    padding: 20px 0px;
    text-align: center;
}
.image-editor-custom-dimension-fields > span {
    font-weight: bold;
}
.image-editor-custom-dimension-fields .channel-time-error-message {
    text-align: left;
    width: auto;
    position: absolute;
    bottom: -26px;
    right: 5px;
}
.image-editor .left-panel > div {
    height: calc(100vh - 113px);
}
.image-editor .web-info-section {
    background-color: #fff;
}
.image-editor .web-info-section .web-edit-title {
    border-bottom: 1px solid #9eacb4;
    border-top: 1px solid #9eacb4;
    background-color: #e9ecf3;
}
.image-editor .left-panel .web-info-section .web-edit-title {
    color: #697882;
}
.image-editor .left-panel .web-info-section .web-edit-title:hover {
    background-color: #F5F8FD;
}
.image-editor .left-panel > div > div:last-child > div.web-info-section {
    height: 37px;
}
.image-editor .left-panel > div > div:last-child > div.web-info-section.expand {
    border-bottom: 1px solid #697882;
    height: auto;
}
.web-edit-title span.pull-left {
    margin-top: 2px;
}
.web-edit-title span.pull-right {
    margin-top: 3px;
}
.web-edit-title span.element-name {
    vertical-align: middle;
}
.web-edit-title span {
    margin-top: 0px;
}
.image-editor .left-panel .web-info-section label.control-label.control-upgrade {
    color: #697882;
    font-weight: bold;
}
label.control-label.control-upgrade {
    color: #697882;
    font-weight: bold;
}
.image-editor .web-info-section textarea {
    border-color: #aaa;
    color: #697882;
}
.image-editor .web-info-section textarea:focus {
    border-color: #9CC3E3;
}
.new-alert {
    background-color: #fff;
    padding: 15px;
    margin: 10px;
    text-align: center;
    font-style: italic;
}
.image-editor .left-panel > div.new-alert {
    height: auto;
    padding-bottom: 15px;
}
.new-alert.calm-alert {
    border: 1px solid #5b9bd1;
    border-top-width: 4px;
    box-shadow: 1px 1px 1px rgba(91, 155, 209, 0.3);
}
.image-editor-body .vis-cue-wrap {
    position: absolute; 
    top: 25px;
    left: 325px;
    z-index: 10;
}
.image-editor-body .vis-cue-elem {
    background-color: #5b9bd1;
}
.image-editor .left-panel div.web-edit-title:hover div.sort-blocks > div {
    background-color: #697882;
}

.image-space .editor-content > div {
    border: 1px solid transparent;
}
.image-space .editor-content > div:hover, .image-space .editor-content > div.hovering {
    border: 1px solid #5b9bd1;
    opacity: 1;
    cursor: move;
}
.image-space .editor-content > div.locked:hover, .image-space .editor-content > div.locked.hovering {
    cursor: auto;
}
.image-preview-left-side .image-space .editor-content > div:hover {
    border: 1px solid transparent;
    cursor: auto;
}
.channel-content .image-space .editor-content > div {
    /* Hack for demo */
    min-width: 83px;
    border: none;
}
.channel-image-div .image-space .editor-content > div {
    /* Hack for demo */
    min-width: 38px;
    border: none;
}
.ui-resizable-handle {
    border: 1px solid #5b9bd1;
    background-color: #fff;
    border-radius: 11px;
}
.ui-resizable-handle.ui-resizable-nw, .ui-resizable-handle.ui-resizable-sw, .ui-resizable-handle.ui-resizable-ne  {
    width: 12px;
    height: 12px;
}
.ui-resizable-handle.ui-resizable-se.ui-icon {
    width: 12px;
    height: 12px;
    background-image: none;
    background-color: #fff;
    right: -5px;
    bottom: -5px
}
.editor-content > div .ui-resizable-handle {
    display: none !important;
}
.image-space .editor-content > div.active {
    border: 1px solid #5b9bd1;
}
.editor-content > div.active .ui-resizable-handle {
    display: block !important;
}
.editor-content > div.active.locked .ui-resizable-handle {
    display: none !important;
}
.editor-content > div > .editor-active-element {
    display: none;
}
.editor-content > div.active > .editor-active-element {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(91, 155, 209, 0.2);
}
.editor-content > div.image-background {
    width: 100%;
    height: 100%;
}
.image-editor .web-info-section .divbutton {
    background-color: #8899A6;
    border: 1px solid #697882;
}
.btn-group.image-editor-background-options {
    padding-left: 25px;
}
.btn-group.image-editor-background-options > button.btn.btn-default {
    width: 100px;
    padding: 11px;
    background-color: #e9ecf3;
    border-color: #697882;
    color: #697882;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.btn-group.image-editor-background-options > button.btn.btn-default.active {
    background-color: #8899A6;
    color: #fff;
}



.image-editor .tooltip {
    margin-top: 0px;
    padding: 0px 0px 7px !important;
    width: 130px;
    margin-left: 15px;
}

.image-editor .tooltip > .tooltip-inner {
    max-width: 600px;
    color: #697882;
    background-color: #FFFFFF;
    border: solid 1px #697882;
    border-radius: 0px !important;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    padding: 6px 15px;
    margin-top: 3px;
}

.image-editor .tooltip.right > .tooltip-arrow {
    width: 10px;
    height: 10px;
    display: block;
    background-color: #FFFFFF;
    border-left: solid 1px #666666 !important;
    border-bottom: solid 1px #666666 !important;
    border-right: none !important;
    border-top: none !important;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 0%;
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-top: -2px;
}

.image-editor .tooltip * {
    font-size: 14px;
}
.image-space .editor-content > div .image-editor-text-div {
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
    padding: 15px;
    overflow: hidden;
}
.image-space .editor-content > div .image-editor-text-div.empty-text {
    min-width: 300px;
    min-height: 42px;
}
.font-styles .btn.btn-default {
    border-color: #9eacb4;
}
.font-styles .btn.btn-default:hover, .font-styles .btn.btn-default.active {
    background-color: #e9ecf3;
    border-color: #9eacb4;
}
.font-styles .btn.btn-default.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(158, 172, 180, 0.5);
    box-shadow: inset 0 3px 5px rgba(158, 172, 180, 0.5);
}

.content-validation-box {
    display: inline-block;
    width: 310px;
    padding: 21px 15px;
}
.content-validation-box-inner {
    padding: 15px;
    background-color: #e9ecf3;
    position: relative;
}

.content-validation-box-inner > div {
    margin-bottom: 10px;
    padding: 10px;
    font-weight: bold;
    border: 1px solid transparent;
    cursor: pointer;
}
.content-validation-box-inner > div:last-child {
    margin-bottom: 0px;
}
.content-validation-box-inner > div.complete:hover {
    background-color: rgba(89, 203, 89, 0.3);
}
.content-validation-box-inner > div:not(.complete):hover {
    background-color: rgba(153, 168, 187, 0.3);
}
.content-validation-box-inner > div .glyphicon {
    margin-right: 10px;
    background-color: #fff;
    width: 20px;
    height: 20px;
    padding: 2px;
    font-size: 14px;
}
.content-validation-box-inner > div .glyphicon-ok {
    color: rgba(89, 203, 89, 1);
    border: 1px solid rgba(89, 203, 89, 1) !important;
}
.content-validation-box-inner > div .glyphicon-remove {
    color: #d9534f;
    border: 1px solid rgba(153, 168, 187, 1) !important;
}
.content-validation-box-disable {
    margin-top: 4px;
    padding: 10px 15px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
}
.content-validation-box-disable span.glyphicon {
    top: 2px;
}
.content-validation-box-disable.make-it-green {
    border: 1px solid rgba(89, 203, 89, 1);
    background-color: rgba(89, 203, 89, 0.8);
}
.content-validation-box-disable.make-it-red {
    border: 1px solid rgba(217, 83, 79, 1);
    background-color: rgba(217, 83, 79, 0.8);
}

/*--- .content-validation-item-text ---*/
.content-validation-item-text.complete .remove {
    display: none;
    border-bottom: 1px solid;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 600;
}

.content-validation-item.complete:hover .content-validation-item-text .remove {
    display: inline-block;
}

.content-validation-item.complete .content-validation-item-text .remove:hover {
    color: #333;
}

.campaign-timeline .campaign-modal-timeline-node.disabled-channel .channel-image {
    opacity: 0.5;
}
.campaign-timeline .disabled-channel .channel-content-holder > div:not(.mobile-validation-override) {
    opacity: 0.5;
}
.disabled-channel .content-validation-box-inner {
    opacity: 0.5;
}
.disabled-channel .content-validation-box-inner > div {
    cursor: auto;
}
.disabled-channel .content-validation-box-inner > div:not(.complete):hover {
    border: 1px solid transparent;
    background-color: transparent;
}
.campaign-timeline .disabled-channel .channel-option-count > div:first-child {
    cursor: auto;
}
.campaign-timeline .disabled-channel .channel-option-count > div:first-child:hover .bubble-white {
    display: block;
}
.campaign-timeline .disabled-channel .channel-time-div {
    cursor: auto;
}
.disabled-channel .channel-time-div:hover .channel-time-edit {
    display: none;
}
.campaign-timeline .disabled-channel .channel-content-div {
    cursor: auto;
}
.disabled-channel .channel-content-div:hover .channel-content-edit {
    display: none;
}


.content-validation-box-inner .disabled-overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.disabled-channel .content-validation-box-inner .disabled-overlay {
    display: block;
    z-index: 1;
}
.channel-content-holder .disabled-overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 11;
}
.channel-content-holder div:not(.mobile-validation-override) .channel-options-show .disabled-overlay, .channel-content-holder .channel-content-box .disabled-overlay {
    display: block;
}
.disabled-channel .channel-content-holder .disabled-overlay {
    display: block;
}


#blue_bullet {
    display: inline-block;
    position: absolute;
}
#blue_bullet.one {
    top: 58px;
}
#blue_bullet.two {
    top: 111px;
}
#blue_bullet.three {
    top: 166px;
}
#blue_bullet .vis-cue-elem {
    background-color: #5b9bd1;
}






.campaign-node-outer .campaign-overlay-active-camps {
    display: block;
    opacity: 0;
    position: absolute;
    width: calc(100% - 10px);
    left: 5px;
    top: 78px;
    padding-top: 70%;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    border-radius: 3px;
}
.campaign-node-outer:hover .campaign-overlay-active-camps {
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 1;
}
.campaign-node-outer .campaign-overlay-active-camps > div {
    position: absolute;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -25%);
    cursor: pointer;
    -webkit-transition: all 0.45s ease;
    -moz-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    transition: all 0.45s ease;
    text-align: center;
}
.campaign-node-outer .campaign-overlay-active-camps > div p {
    padding: 10px 15px;
    color: #fff;
    border: 2px solid #fff;
    width: 240px;
    background-color: transparent;
    -webkit-transition: all 0.45s ease;
    -moz-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    transition: all 0.45s ease;
}
.campaign-node-outer:hover .campaign-overlay-active-camps > div {
    transform: translate(-50%, -50%);
}
.campaign-node-outer .campaign-overlay-active-camps > div > div {
    display: inline-block;
    width: auto;
}
.campaign-node-outer .campaign-overlay-active-camps > div p:hover {
    background-color: #fff;
    color: #333;
}
.campaign-node-outer .campaign-overlay-active-camps .campaign-overlay-button {
    position: relative;
    display: inline-block;
    padding: 10px 0px;
    color: #fff;
    border: 2px solid #fff;
    float: left;
    width: 76.6px;
    height: 64px;
    background-color: transparent;
    -webkit-transition: all 0.45s ease;
    -moz-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    transition: all 0.45s ease;
}
.campaign-node-outer .campaign-overlay-active-camps .campaign-overlay-button:hover {
    background-color: #fff;
    color: #333;
}
.campaign-node-outer .campaign-overlay-active-camps .campaign-overlay-button > span:first-child {
    display: block;
}

.campaign-node-outer .campaign-overlay-button .spinholder {
    top: 50%;
    right: 50%;
}
.campaign-timeline-trigger .campaign-node-active-status {
    position: absolute;
    top: 8px;
    right: 0px;
    padding: 0px 5px 0px 10px;
    background-color: #fff;
    z-index: 30;
}
.campaign-node-active-status > div {
    padding: 9px 10px;
    height: 36px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;
    position: relative;
    padding-left: 30px;
    background-color: #F5F8FD;
}
.campaign-node-outer .campaign-node-active-status > div {
    height: 30px;
    padding: 6px 10px;
    margin-top: 5px;
    padding-left: 30px;
}
.campaign-node-active-status > div > span > span:first-child {
    color: #fff;
    position: absolute;
    top: 3px;
    left: 0px;
    padding: 8px 0px;
    height: 30px;
    width: 30px;
    text-align: center;
}
.campaign-node-outer .campaign-node-active-status > div > span > span:first-child {
    top: 0px;
}
.campaign-node-active-status > div.running > span > span:first-child {
    color: rgba(59, 169, 59, 1);
}
.campaign-node-active-status > div.paused > span > span:first-child {
    color: #d9534f;
}
.campaign-node-active-status > div.drafts > span > span:first-child {
    color: #697882;
}
.campaign-node-active-status > div > span > span:first-child img {
    width: 18px;
    margin-top: -6px;
}
.campaign-timeline-header > div.pull-right img {
    width: 22px;
    margin-top: -8px;
}
.campaign-overlay-button img {
    width: 22px;
    position: absolute;
    top: 29px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transition: opacity 0.45s ease;
    -moz-transition: opacity 0.45s ease;
    -o-transition: opacity 0.45s ease;
    transition: opacity 0.45s ease;
}
.campaign-node-outer .campaign-overlay-button .hover-show {
    opacity: 0;
}
.campaign-node-outer .campaign-overlay-button:hover .hover-show {
    opacity: 1;
}
.campaign-node-outer .campaign-overlay-button:hover .no-hover-show {
    opacity: 0;
}
.campaign-node-outer .campaign-overlay-button .no-hover-show {
    opacity: 1;
}

#error-module .error-tip {
    background-color: #e9ecf3;
    padding: 10px 15px 10px 40px;
    margin-top: 30px;
    position: relative;
}
#error-module .error-tip > div {
    color: #697882;
    font-size: 13px;
    font-style: italic;
    text-align: left;
}
#error-module .error-tip span {
    position: absolute;
    display: block;
    width: 26px;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
}

.campaign-inline-loading-screen {
    width: 100%;
    height: calc(100vh - 202px);
    position: relative;
}
.channel-record.channel-record-empty.one-line > *:first-child, .channel-record.channel-record-empty.one-line > *:first-child:not(:last-child) {
    margin-bottom: 0px;
}
.campaign-modal-edit-button {
    text-transform: none;
    position: absolute;
    background-color: #F5F8FD;
    font-size: 12px;
    padding: 10px;
    top: 7px;
    right: 10px;
    cursor: pointer;
}
.campaign-modal-edit-button:hover {
    background-color: #e9ecf3;
}
.modal-header .modal-title.new-modal-title .campaign-modal-edit-button img {
    width: 18px;
}


.modal-dialog.modal-769 {
    width: 769px;
}

.screen-view {
    width: 570px;
    height: 341px;
    background: -webkit-linear-gradient(#444, #555);
    background: -moz-linear-gradient(#444, #555);
    background: linear-gradient(#444, #555);
    display: block;
    padding: 23px;
    margin: 25px auto 5px;
    position: relative;
    border-radius: 0px;
    transition: all 0.2s;
}
.screen-view.small-screen {
    display: inline-block;
    width: 310px;
    height: 174.375px;    
    padding: 15px;
    margin: 0px 10px 15px;
    vertical-align: top;
}
.screen-view.small-screen.smaller-horizontal {
    margin: 70px 10px 71px;
    width: 253px;
    height: 142.3px;
    padding: 10px;
}
.screen-view.small-screen.smaller-vertical {
    margin: 15px 10px;
    width: 142.3px;
    height: 253px;
    padding: 10px;
}
.screen-view.small-screen.small-vertical {
    height: 310px;
    width: 174.375px;
}
.screen-view.larger-vertical {
    height: 570px;
    width: 341px;
}
.screen-view.larger-vertical .screen-view-highlight {
    transform: translate(-41%, -12%) rotate(123deg);
}
.screen-view-inner {
    width: 100%;
    height: 100%;
    display: block;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.3));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.3));
    background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.3));
    border-bottom: solid 1px #BBBBBB;
    position: relative;
    overflow: hidden;
    z-index: 2;
}
.screen-view-highlight {
    width: 713px;
    height: 455px;
    display: block;
    background: -webkit-linear-gradient(#efefef, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #efefef);
    background: -moz-linear-gradient(#efefef, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #efefef);
    background: linear-gradient(#efefef, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #efefef);
    position: absolute;
    top: 0px;
    left: 0%;
    -ms-transform: translate(-21%, -44%) rotate(123deg);
    transform: translate(-21%, -44%) rotate(123deg);
    opacity: 0.1;
    transition: all 0.2s;
}
.screen-view.small-screen .screen-view-highlight {
    width: 325px;
    height: 273px;
}
.screen-view.small-screen.smaller-horizontal .screen-view-highlight {
    width: 276px;
    height: 233px;
}
.screen-view.small-screen.smaller-vertical .screen-view-highlight {
    width: 465px;
    height: 170px;
    transform: translate(-34%, -43%) rotate(123deg);
}
.screen-view.small-screen.small-vertical .screen-view-highlight {
    transform: translate(-47%, -14%) rotate(123deg);
}
.screen-view-shadow {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: inset 0px 0px 5px #000;
}
.screen-view.small-screen .screen-view-content {
    width: 280px;
    height: 144.375px;
    top: 15px;
    left: 15px;
}
.screen-view.small-screen.small-vertical .screen-view-content {
    height: 280px;
    width: 144.375px;
}
.screen-view.small-screen.smaller-horizontal .screen-view-content {
    width: 233px;
    height: 122.3px;
    top: 10px;
    left: 10px;
}
.screen-view.small-screen.smaller-vertical .screen-view-content {
    width: 122.3px;
    height: 233px;
    top: 10px;
    left: 10px;
}
.screen-view-content {
    width: 524px;
    height: 294.75px;
    position: absolute;
    top: 23px;
    left: 23px;
    z-index: 1;
    transition: width 0.2s, height 0.2s, top 0.2s, left 0.2s;
    overflow: hidden;
}
.screen-view.larger-vertical .screen-view-content {
    height: 524px;
    width: 294.75px;
}
.screen-view-content > div.screen-description-block {
    color: #fff;
    padding: 5px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.8;
}
.screen-view-content > div h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.screen-view-content > div p {
    font-size: 13px;
}
.screen-view-content .screen-placeholder {
    top: 50%;
    text-align: center;
    position: relative;
    transform: translateY(-50%);
    font-style: italic;
    color: #fff;
    font-size: 13px;
}

/*--- .channel-paired-account-div ---*/
.channel-paired-account-div {
    width: 100%;
    height: auto;
    display: block;
    background-color: #FFF;
    border-left: 4px solid #BBB;
    margin-top: 5px;
    padding: 10px;
}

.channel-paired-account-div p {
    width: auto;
    color: #697882;
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 20px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.channel-paired-account-div-text span {
    color: #5b9bd1;
}

.channel-paired-account-div .status-icon {    
    color: rgba(217, 83, 79, 0.8);
    border-right: 1px solid #BBB !important;
    padding: 0px;
    margin-right: 4px;
    padding-right: 8px;
    font-size: 12px;
    line-height: 18px;
    vertical-align: top;
}

.channel-paired-account-div-text.inactive {
    display: inline-block;
}

.channel-paired-account-div-text.active {
    display: none;
}

/* .channel-paired-account-div.active */
.channel-paired-account-div.active .status-icon {
    color: rgba(89, 203, 89, 1);
}

.channel-paired-account-div.active .inactive {
    display: none;
}

.channel-paired-account-div.active .active {
    display: inline-block;
}

.screen-layout-ghost {
    background-color: rgba(233, 236, 243, 0.7);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.screen-view:hover .screen-layout-ghost {
    background-color: rgba(233, 236, 243, 1);
}
.screen-layout-ghost > div {
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.screen-layout-ghost > div > span:first-child {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}
.image-editor-body .font-list {
    border: 1px solid #e9ecf3;
}
.image-editor-body .font-list li.font-title {
    color: #697882;
    background-color: #e9ecf3;
}
.image-editor-body .font-list li:hover {
    background-color: #e9ecf3;
}
.image-editor .image-editor-body .left-panel a {
    color: #9eacb4;
}
.image-editor .left-panel .web-info-section .web-edit-title.locked-text {
    color: #9eacb4;
}



.screen-view-content .image-space .editor-content {
    border: none;
    background-color: transparent;
    background-image: none;
}

.channel-image-div .image-space .editor-content > div:hover, .channel-image-div .image-space .editor-content > div.hovering {
    border: none;
}

.audience-overview-panel > div:first-child {
    text-align: left;
    margin: 10px;
    font-size: 14px;
    background-color: #F5F8FD;
    padding: 10px;
    border-left: 4px solid #5b9bd1;
}
.audience-overview-panel > div:first-child > span {
    text-transform: uppercase;
}
.audience-overview-locations {
    margin: 0px 10px 10px;
    border-top: 1px solid #697882;
    padding-top: 5px;
    overflow: auto;
    max-height: 500px;
}
.audience-overview-locations .uno-admin-panel-location-node {
    margin-bottom: 1%;
}
.campaign-creator-tag .ui-toggle-wrap {
    width: 65px;
}
.campaign-creator-tag .ui-toggle-switch {
    width: 26px;
}
.image-editor .web-info-section .ui-toggle-wrap {
    margin-right: 10px;
}
.image-preview-left-side {
    height: 350px;
    width: 450px;
    display: inline-block;
    float: left;
    background-color: #e9ecf3;
}
.image-preview-right-side {
    display: inline-block;
    float: left;
    width: 248px;
    height: 350px;
    border-left: 1px solid #aaa;
    box-shadow: -1px 0px 2px 0px rgba(0, 0, 0, 0.1);
    position: relative;
}
.image-preview-button-div {
    position:absolute;
    bottom: 0px;
    right: 0px;
    padding: 7px;
}
.image-preview-form-div {
    padding: 7px;
}
.generic-dropdown.control-upgrade button.btn.btn-default {
    color: #697882;
    border: 1px solid #9eacb4;
}
.generic-dropdown.control-upgrade button.btn.btn-default:hover {
    background-color: rgba(233, 236, 243, 0.5);
}
.generic-dropdown.control-upgrade button.btn.btn-default:active {
    box-shadow: inset 0 3px 6px rgba(158, 172, 180, 0.4);
}
.generic-dropdown.control-upgrade button.btn.btn-default:active, .generic-dropdown.control-upgrade.open .dropdown-toggle.btn-default {
    background-color: rgba(233, 236, 243, 0.5);
}
.generic-dropdown.control-upgrade ul li a {
    color: #697882;
}
.generic-dropdown.control-upgrade li.selected {
    background-color: #e9ecf3;
}
.generic-dropdown.control-upgrade .dropdown-menu > li > a:hover, .generic-dropdown.control-upgrade .dropdown-menu > li > a:focus {
    background-color: rgba(233, 236, 243, 0.5);
}

.image-editor .modal {
    background-color: rgba(0, 0, 0, 0.8);
}
.image-editor-text-div > div {
    cursor: text;
}
#generate-image-preview, #duplicate-image-preview {
    height: 100vh;
}
#generate-image-preview > .modal-dialog, #duplicate-image-preview > .modal-dialog {
    top: calc(50% - 35px);
    position: relative;
    transform: translateY(-50%);
}
#duplicate-image-preview {
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
}
#duplicate-image-preview img {
    max-height: 310px;
    max-width: 410px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.signage-time-options > label.control-label.control-upgrade {
    margin-top: 25px;
    margin-left: 15px;
    font-size: 14px;
    color: #5b9bd1;
}
.signage-time-options > label.control-label.control-upgrade small {
    text-transform: initial;
    font-weight: normal;
    font-style: italic;
    color: #697882;
}
.timeline-channel-time-div > span {
    text-transform: uppercase;
    font-size: 19px;
}
.signage-time-options .timeline-channel-time-div input.natural-input {
    font-size: 19px;
}
.signage-time-options .channel-time-error-message {
    margin-top: 10px;
    margin-left: 5px;
}
.signage-time-options .natural-dropdown .dropdown-menu li {
    text-transform: uppercase;
}
.campaign-blue {
    color: #5b9bd1 !important;
}
.topic-disabler {
    background-color: rgba(255, 255, 255, 0.8);
    height: 175px;
    width: 243px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
}


/* Gallery Updates */
.gallery-popup > .gallery-side-nav {
    border-right: 1px solid #9eacb4;
    background-color: #e9ecf3;
    z-index: 1;
}
.gallery-side-popup {
    z-index: 1;
}
.gallery-info-panel {
    border-left: 1px solid #9eacb4;
    border-right: none;
    background-color: #e9ecf3;
    z-index: 1;
}
#image-select-module .profile-nav .manage-btns > div:hover {
    color: #697882;
    opacity: 0.6;
}
#image-select-module div.modal-footer {
    border-top: 1px solid #9eacb4;
}
#image-select-module div.modal-header {
    border-bottom: 1px solid #9eacb4;
}
#image-select-module .modal-btn.pull-left {
    border-right: 1px solid #9eacb4;
    color: #697882;
}
#image-select-module .modal-btn.pull-left.secondary {
    border-right: 1px solid #9eacb4;
    color: #697882;
}
#image-select-module .modal-btn.pull-right {
    border-left: 1px solid #9eacb4;
    color: #697882;
}
#image-select-module .btn-default:hover {
    background-color: #F5F8FD;
}
.gallery-media-tabs > div.active, .gallery-media-tabs > div.active:hover {
    background-color: #e9ecf3;
    border-color: #9eacb4;
    color: #697882;
}
.gallery-media-tabs > div {
    color: #697882;
}
.gallery-media-tabs > div:hover {
    color: #9eacb4;
}
#image-select-module div.modal-body {
    background-color: #e9ecf3;
}
.upload-section {
    color: #697882;
}
.upload-section button {
    color: #697882;
    border-color: #9eacb4;
}
#image-select-module .modal-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}
#image-select-module .btn-group .btn-default {
    color: #697882;
    border-color: #9eacb4;
}
#image-select-module .btn-group .btn-default:hover {
    border-color: #9eacb4;
}
#image-select-module .btn-group .btn-default:hover, #image-select-module .btn-group .btn-default:focus, #image-select-module .open.btn-group .btn-default {
    background-color: #F5F8FD;
}
.gen-weather .btn-default.control-upgrade {
    font-weight: bold;
}
.btn-default.control-upgrade {
    color: #697882;
    border-color: #9eacb4;
}
.btn-default.control-upgrade:hover, .btn-default.control-upgrade:focus, .btn-default.control-upgrade:active {
    background-color: #F5F8FD;
    border-color: #9eacb4;
}
#image-select-module .dropdown-menu > li > a {
    color: #697882;
    padding: 7px 20px;
    position: relative;
}
#image-select-module .dropdown-menu > li > a:hover, #image-select-module .dropdown-menu > li > a:focus {
    background-color: #f2f6f9;
}
#image-select-module .dropdown-menu li span.glyphicon {
    display: none;
    position: absolute;
    top: 11px;
    left: 5px;
    font-size: 10px;
}
#image-select-module .dropdown-menu li.selected span.glyphicon {
    display: block;
}
#image-select-module .dropdown-menu li.selected > a {
    color: rgb(89, 203, 89);
}
#image-select-module .dropdown-menu li.selected {
    background-color: transparent;
}
#image-select-module .generic-dropdown ul {
    border-radius: 0px;
    border-color: #9eacb4;
}
#image-select-module .gallery-side-nav .media-gallery-folders.popup ul {
    border: 1px solid #9eacb4;
}
#image-select-module .profile-nav.large-nav li {
    color: #697882;
    position: relative;
}
#image-select-module .profile-nav li.selected {
    background-color: #F5F8FD;
}
#image-select-module .gallery-search-panel {
    border-bottom: 1px solid #9eacb4;
    background-color: #e9ecf3;
    margin-left: 0px;
    margin-bottom: 0px;
}
#image-select-module .gallery-search-panel button.btn-default {
    color: #697882;
    border-color: #9eacb4;
}
#image-select-module .gallery-search-panel button.btn-default.active {
    background-color: #F5F8FD;
    border-color: #9eacb4;
}
#image-select-module .gallery-search-panel .btn-group button.btn-default.btn-sm.active {
    border-color: rgb(91, 155, 209);
    background-color: rgba(158, 172, 180, 0.3);
}
#image-select-module .gallery-search-panel button.btn-default.hover {
    border-color: #9eacb4;
}
#image-select-module .gallery-search-panel button.btn-default.btn-sm {
    margin-right: 1px;
}
#image-select-module .gallery-search-panel button.btn-default.btn-sm:last-child {
    margin-right: 0px;
}
#image-select-module .gallery-search-panel > input {
    color: #697882;
    border-color: #9eacb4;
    border-right: none;
    padding-left: 35px;
}
#image-select-module .gallery-search-panel > span {
    color: #697882;
    left: initial;
    right: 223px;
}
#image-select-module .gallery-side-popup {
    padding-left: 0px;
}
#image-select-module .gallery-side-popup > div {
    padding-left: 15px;
    border-left: 1px solid #9eacb4;
}
#image-select-module .gallery-side-popup > div.gallery-modal-main-block {
    height: calc(100vh - 252px);
}
#image-select-module .gallery-side-popup > div.gallery-search-panel {
    border-left: none;
}
#image-select-module .gallery-popup > .gallery-side-nav {
    border-right: none;
}
#image-select-module .gallery-section {
    padding-top: 15px;
    margin-top: 0px;
}
#image-select-module .filter-title {
    float: left;
    color: #697882;
    margin: 15px 5px 15px 0px;
    font-weight: bold;
}
#image-select-module .gallery-search-panel .btn-group button.btn-default.btn-sm {
    border-radius: 35px;
    margin: 5px;
    height: 39px;
    width: 40px;
    border: 1px solid #9eacb4;
}

#image-select-module .gallery-search-panel input::-webkit-input-placeholder { /* WebKit browsers */
    color: rgba(105, 120, 130, 0.5);
}
#image-select-module .gallery-search-panel input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(105, 120, 130, 0.5);
    opacity: 1;
}
#image-select-module .gallery-search-panel input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(105, 120, 130, 0.5);
    opacity: 1;
}
#image-select-module .gallery-search-panel input:-xms-input-placeholder { /* Internet Explorer 10+ */
    color: rgba(105, 120, 130, 0.5);
}
#image-select-module .inline-list-content {
    border-color: #e9ecf3;
}
#image-select-module .inline-list-content .cell {
    color: #697882;
    width: 3%;
    text-align: center;
    float: left;
}
#image-select-module .gallery-image-list .cell.image-name.popup {
    width: 97%;
    text-align: left;
    max-width: none;
    float: left;
}
#image-select-module .gallery-image-list .cell img {
    max-width: 30px;
    max-height: 18px;
    width: auto;
}
#image-select-module #gallery-list-view > div > div + div:hover {
    background-color: transparent;
}
#image-select-module .inline-list-content:hover {
    background-color: #f5f8fd;
}
#image-select-module .gallery-image-grid.popup {
    background-color: #f5f8fd;
    border-color: rgba(158,172,180,0.3);
}
#image-select-module .gallery-image-grid.popup.selected {
    border-color: #4d4d4d;
}
#image-select-module .gallery-image-grid.popup:hover {
    border-color: #4d4d4d;
}
#image-select-module .gallery-info-panel > h5 {
    color: #697882;
    font-weight: bold;
}
#image-select-module .selected-info-main img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
}
#image-select-module .selected-info-main div:first-child {
    float: left;
    margin-right: 15px;
    width: 115px;
    height: 120px;
    text-align: center;
}
#image-select-module .selected-info-main div:last-child {
    width: calc(100% - 130px);
    float: left;
    color: #697882;
}
#image-select-module .modal-header .close {
    font-size: 30px;
    color: #697882;
    opacity: 1;
    font-weight: 300;
    margin-top: -10px;
    margin-right: -5px;
}
.app-preloader .title, .app-preloader .subtitle {
    color: #697882;
}
.app-preloader .preloader-wrap .elem {
    background-color: #f5f8fd;
}
#image-select-module .gallery-limit {
    padding: 2px 0px;
    color: #697882;
    border: 3px solid #697882;
}
#save-alert, #save-module-alert {
    top: 85px;
}
.dropzone {
    min-height: 100%;
}
#image-select-module .media-gallery-folders .large-nav .new-input {
    background-color: #f5f8fd;
    top: -7px;
}
#image-select-module .new-input > div > .input-group input {
    border-color: #9eacb4;
    color: #697882;
    height: 46px;
}
#image-select-module .new-input > div > .input-group span.input-group-btn button {
    border-color: #9eacb4;
    color: #697882;
    height: 46px;
}
#image-select-module .media-gallery-folders .large-nav .new-input > div {
    width: 96%;
    margin-left: 2%;
}

.trigger-setup-block {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
}
.campaign-builder-content-box .btn-group.width-385 {
    min-width: 250px;
    width: auto;
}
.campaign-builder-content-box .btn-group.width-215 {
    width: 215px;
}
.campaign-builder-content-box .btn-group.width-160 {
    width: 160px;
}
.campaign-builder-content-box .btn-group.width-140 {
    width: 140px;
}
.campaign-builder-content-box .btn-group.width-90 {
    width: 90px;
}
.new-dropdown-chevron img {
    width: 12px;
}
.natural-dropdown.btn-group button.dropdown-toggle:hover .new-dropdown-chevron img {
    opacity: 0.7;
}

.new-age-modern-fancy-datepicker {
    display: inline-block;
}
.new-age-modern-fancy-datepicker > div > .form-control,  .new-age-modern-fancy-datepicker > .form-control {
    display: inline-block;
    width: auto;
    border: none;
    border-bottom: 1px dotted #99a8bb;
    border-radius: 0px;
    width: 235px;
    font-size: 19px;
    color: #697882;
    text-transform: uppercase;
    padding: 4px 12px 4px 35px;
    text-align: center;
    box-shadow: none;
    cursor: pointer;
}
.new-age-modern-fancy-datepicker.new-timepicker > div > .form-control {
    width: 135px;
}
.new-age-modern-fancy-datepicker span.glyphicon {
    font-size: 14px;
    margin-right: -30px;
    z-index: 1;
}
.new-age-modern-fancy-datepicker > div.clearfix {
    display: inline-block;
    position: relative;
}
.datepicker.datepicker-dropdown.dropdown-menu {
    border-radius: 0px;
    border-color: #697882;
    color: #697882;
}
.datepicker.datepicker-dropdown:before {
    border-bottom-color: #697882;
}
.datepicker.datepicker-dropdown table tr td, .datepicker.datepicker-dropdown table tr th {
    border-radius: 0px;
}
.new-age-modern-fancy-datepicker .timepicker-new {
    text-transform: none;
    width: 179px;
    border-radius: 0px;
    border: 1px solid #697882;
}
.new-age-modern-fancy-datepicker .timepicker-new:before {
    border-color: transparent transparent #697882 transparent;
}
.new-age-modern-fancy-datepicker .timepicker-new > div:first-child, .new-age-modern-fancy-datepicker .timepicker-new > div:last-child {
    width: 100%;
    height: 43px;
}
.new-age-modern-fancy-datepicker .timepicker-new > div:first-child div {
    margin: 7px 14px 3px 0px;
    float: left;
    border: none;
}
.new-age-modern-fancy-datepicker .timepicker-new > div:last-child div {
    margin: 4px 14px 0px 0px;
    float: left;
    border: none;
}
.new-age-modern-fancy-datepicker .timepicker-new a {
    color: #697882;
}
.new-age-modern-fancy-datepicker .timepicker-new > div:first-child div:hover, .new-age-modern-fancy-datepicker .timepicker-new > div:last-child div:hover {
    background-color: #F5F8FD;
}
.new-age-modern-fancy-datepicker .timepicker-new > div > div.form-group {
    margin-bottom: 0px;
}
.new-age-modern-fancy-datepicker .timepicker-new input.form-control {
    border-color: #697882;
    color: #697882;
    font-weight: bold;
}
.new-age-modern-fancy-datepicker .timepicker-new button.btn {
    border-color: #697882;
    color: #697882;
    font-weight: bold;
}
.new-age-modern-fancy-datepicker .timepicker-new button.btn:hover {
    border-color: #697882;
    background-color: #F5F8FD;
}

.datepicker-dropdown.dropdown-menu.datepicker table tr td.disabled, .datepicker-dropdown.dropdown-menu.datepicker table tr td.day.disabled:hover, .datepicker-dropdown.dropdown-menu.datepicker table tr td.old, .datepicker-dropdown.dropdown-menu.datepicker table tr td.new {
    color: #9eacb4;
    background-color: transparent;
}
.datepicker-dropdown.dropdown-menu.datepicker table tr td.day:hover, .datepicker-dropdown.dropdown-menu.datepicker table tr td.day.focused, .datepicker-dropdown.dropdown-menu.datepicker thead tr:first-child th:hover, .datepicker-dropdown.dropdown-menu.datepicker tfoot tr th:hover {
    background-color: #F5F8FD;
}
.datepicker-dropdown.dropdown-menu.datepicker table tr td.active:hover, .datepicker-dropdown.dropdown-menu.datepicker table tr td.active:hover:hover, .datepicker-dropdown.dropdown-menu.datepicker table tr td.active.disabled:hover, .datepicker-dropdown.dropdown-menu.datepicker table tr td.active.disabled:hover:hover, .datepicker-dropdown.dropdown-menu.datepicker table tr td.active:focus, .datepicker-dropdown.dropdown-menu.datepicker table tr td.active:hover:focus, .datepicker-dropdown.dropdown-menu.datepicker table tr td.active.disabled:focus, .datepicker-dropdown.dropdown-menu.datepicker table tr td.active.disabled:hover:focus, .datepicker-dropdown.dropdown-menu.datepicker table tr td.active:active, .datepicker-dropdown.dropdown-menu.datepicker table tr td.active:hover:active, .datepicker-dropdown.dropdown-menu.datepicker table tr td.active.disabled:active, .datepicker-dropdown.dropdown-menu.datepicker table tr td.active.disabled:hover:active, .datepicker-dropdown.dropdown-menu.datepicker table tr td.active.active, .datepicker-dropdown.dropdown-menu.datepicker table tr td.active:hover.active, .datepicker-dropdown.dropdown-menu.datepicker table tr td.active.disabled.active, .datepicker-dropdown.dropdown-menu.datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker-dropdown.dropdown-menu.datepicker table tr td.active, .open .dropdown-toggle.datepicker-dropdown.dropdown-menu.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker-dropdown.dropdown-menu.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker-dropdown.dropdown-menu.datepicker table tr td.active.disabled:hover {
    background-color: #5b9bd1;
}




/* Merge Field Styling */
.merge-details {
    text-align: initial;
}
.merge-details-top {
    padding: 5px;
}
.merge-details-top > span:not(.merge-back-options) {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
    font-weight: bold;
}
.merge-details-top > .merge-back-options {
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}
.merge-details-center {
    padding-bottom: 10px;
    border-bottom: 1px solid #9eacb4;
    height: 147px;
}
.merge-details-center .merge-center-left {
    float: left;
    display: inline-block;
    width: 49%;
    margin-right: 2%;
}
.merge-details-center .merge-center-left .merge-tag {
    font-size: 12px;
    padding: 8px 20px;
    margin-bottom: 5px;
    border: none;
    color: #fff;
    background-color: #5b9bd1;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.merge-details-center .merge-center-left .merge-example {
    font-size: 13px;
    font-weight: bold;
}
.merge-details-center .merge-center-left .merge-example span {
    font-weight: normal;
    font-style: italic;
}
.merge-details-center .merge-center-right {
    float: left;
    display: inline-block;
    width: 49%;
}
.merge-details-bottom {
    padding: 7px 5px;
    height: 48px;
    overflow: hidden;
    font-size: 13px;
    text-align: left;
    font-style: italic;
}
.generic-dropdown.control-upgrade.dropdown-checked li {
    padding: 7px 20px;
    position: relative;
}
.generic-dropdown.control-upgrade.dropdown-checked li.selected {
    color: rgb(89, 203, 89);
    background-color: transparent;
}
.generic-dropdown.control-upgrade.dropdown-checked li.selected span {
    display: block;
}
.generic-dropdown.control-upgrade.dropdown-checked li span {
    position: absolute;
    top: 11px;
    left: 5px;
    font-size: 10px;
    display: none;
}


.btn.btn-success[disabled] {
    /* override for weird opacity issue with disabled bootstrap buttons */
    opacity: 1;
    background-color: rgba(92, 184, 92, 0.65);
    border-color: rgba(76, 174, 76, 0.65);
}
.timeline-loader-holder {
    height: 0px;
    position: relative;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.50s ease;
    -moz-transition: all 0.50s ease;
    -o-transition: all 0.50s ease;
    transition: all 0.50s ease;
}
.timeline-loader-holder.active {
    height: 200px;
    opacity: 1;
}

.channel-paired-account-div .channel-node-row-text {
    font-size: 13px;
    overflow: visible;
}
.channel-paired-account-div .channel-node-row-text > span {
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    display: inline-block;
}
.channel-paired-account-div .channel-node-row-text > span span {
    opacity: 0.6;
}
.channel-paired-account-div .channel-node-row-text > span:hover span {
    opacity: 0.7;
}
.channel-paired-account-div .channel-node-row-text > span .tooltip-image {
    display: none;
    position: absolute;
    top: -105px;
    left: 50%;
    z-index: 100;
    transform: translate(-50%);
    border: 1px solid #9eacb4;
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    font-size: 12px;
    padding: 10px;
    width: 250px;
    white-space: initial;
    text-align: center;
}
.channel-paired-account-div .channel-node-row-text > span:hover .tooltip-image {
    display: block;
}
.channel-paired-account-div .channel-node-row-text > span .tooltip-image:after, .channel-paired-account-div .channel-node-row-text > span .tooltip-image:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.channel-paired-account-div .channel-node-row-text > span .tooltip-image:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
.channel-paired-account-div .channel-node-row-text > span .tooltip-image:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #9eacb4;
    border-width: 10px;
    margin-left: -10px;
}
.image-editor-faux-signage {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 0px;
}
.image-editor-faux-signage.signage {
    background: -webkit-linear-gradient(#444, #555);
    background: -moz-linear-gradient(#444, #555);
    background: linear-gradient(#444, #555);
}
.image-editor-faux-signage.signage .editor-content {
    border: none;
}
.image-editor-faux-signage > .screen-view-inner {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    pointer-events: none;
    background: transparent;
}
.image-editor-faux-signage > .screen-view-inner .screen-view-highlight {
    width: 150%;
    height: 150%;
    background: -webkit-linear-gradient(#eee, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #eee);
    background: -moz-linear-gradient(#eee, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #eee);
    background: linear-gradient(#eee, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #eee);
}
.image-editor-faux-signage.signage > .screen-view-inner {
    display: block;
}
.channel-content .screen-view-inner .screen-view-highlight {
    background: -webkit-linear-gradient(#eee, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #eee);
    background: -moz-linear-gradient(#eee, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #eee);
    background: linear-gradient(#eee, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #eee);
}
.channel-content .screen-view-inner {
    background: transparent;
}
















/*############-- App Styles - Channels --############*/

/* NOTE */
/* 'Modal Styles' below to be moved into 'unoapp_marketplace_base' CSS partial when finalized */
/*<><><>- Modal Styles -<><><>*/
.modal-content-slider { }

.modal-content-slider .modal-body {
	max-height: 800px;
	position: relative;
	overflow: hidden;
	-webkit-transition: max-height 0.4s;
	-o-transition: max-height 0.4s;
	transition: max-height 0.4s;
}

.modal-content-slider .modal-body.in-transition {
	max-height: 200px;
	-webkit-transition: max-height 0.4s;
	-o-transition: max-height 0.4s;
	transition: max-height 0.4s;
}

.modal-body.new-modal-body {
	padding: 0px;
}

.modal-node {
	background-color: #FFF;
	padding: 20px;
}

.modal-node ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}
.modal-node ::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: #5b9bd1;
    box-shadow: none;
}
/*--- Modal Styles: Type ---*/
.modal-hypertext {
	display: inline-block;
	color: #697882;
	border-bottom: 1px solid #697882;
	cursor: pointer;
	font-weight: 600;
}

/*--- .modal-node.modal-node-header ---*/
.modal-node.modal-node-header .modal-node-header-title {
	margin: 0px;
	margin-bottom: 10px;
}

.modal-node.modal-node-header .modal-node-header-text {
	margin: 0px;
	margin-bottom: 10px;
}

.modal-node.modal-node-header .modal-node-header-title:last-child,
.modal-node.modal-node-header .modal-node-header-text:last-child {
	margin-bottom: 0px;
}

/*--- .modal-node.modal-node-alt ---*/
.modal-node.modal-node-alt {
	background-color: #f2f6f9;
	border-top: solid 1px #ddd;
}

/*--- .modal-node.modal-node-loading ---*/
.modal-node.modal-node-loading {
	background-color: transparent;
	padding: 0;
}

.modal-node.modal-node-loading .loading-elem-wrap {
	width: auto;
	height: auto;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	overflow: visible;
}

.modal-body .personalize-btn {
	padding: 0px;
}

.modal-body .personalize-btn div {
	max-width: 300px;
	margin: 0 auto;
}

.modal-body .personalize-btn.personalize-btn-full div {
	max-width: 100%;
}

.loading-elem {
  font-size: 4px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 0, 0, 0.2);
  border-right: 1.1em solid rgba(0, 0, 0, 0.2);
  border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
  border-left: 1.1em solid rgba(0, 0, 0, 0.6);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: anim-modal-loading-loop 1.1s infinite linear;
  animation: anim-modal-loading-loop 1.1s infinite linear;
}

.loading-elem,
.loading-elem:after {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

@-webkit-keyframes anim-modal-loading-loop {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes anim-modal-loading-loop {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.modal-grid {
	width: 20%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 0;
}

.modal-grid.modal-grid-center-children .modal-grid-unit {
	margin: 1% auto 1%;
	margin-right: auto !important;
	float: initial !important;
}

.modal-grid-unit {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
	padding-bottom: 100%;
	float: left;
	position: relative;
}

.modal-channel-title {
	color: #5b9bd1;
}

/*--- .modal-grid-1 ---*/
.modal-grid.modal-grid-1 {
	width: 20%;
}

.modal-grid.modal-grid-1 .modal-grid-unit {

}

/*--- .modal-grid-2 ---*/
.modal-grid.modal-grid-2 {
	width: 40%;
}

.modal-grid.modal-grid-2 .modal-grid-unit {
	width: 48%;
	margin: 0 1%;
	padding-bottom: 48%;
}

/*--- .modal-grid-3 ---*/
.modal-grid.modal-grid-3 {
	width: 60%;
}

.modal-grid.modal-grid-3 .modal-grid-unit {
	width: 32%;
	padding-bottom: 32%;
}

.modal-grid.modal-grid-3 .modal-grid-unit:nth-child(3n-1) {
	margin-right: 2%;
	margin-left: 2%;
}

/*--- .modal-grid-4 ---*/
.modal-grid.modal-grid-4 {
	width: 80%;
}

.modal-grid.modal-grid-4 .modal-grid-unit {
	width: 24%;
	margin: 0 0.5%;
	padding-bottom: 24%;
}

/*--- .modal-grid-5 ---*/
.modal-grid.modal-grid-5 {
	width: 100%;
}

.modal-grid.modal-grid-5 .modal-grid-unit {
	width: 19%;
	margin: 0 0.5%;
	padding-bottom: 19%;
}

/*--- .modal-body-slide-wrap ---*/
.modal-body-slide-wrap {
	width: auto;
	min-width: 1800px; /* VALUE IS TEMPORARY - REQUIRED UNTIL ELEM. WIDTH CAN BY DYNAMICALLY CALCULATED IN THE VIEW */
	height: auto;
	display: block;
	background-color: #f2f6f9;
	position: relative;
	overflow: auto;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: transform 0.4s;
	-o-transition: transform 0.4s;
	transition: transform 0.4s;
}

.modal-body-slide {
	width: 100%;
	max-width: 600px;
	height: auto;
	min-height: 1px;
	max-height: 1px;
	display: block;
	float: left;
	overflow: hidden;
	-webkit-transition: max-height 1s;
	-o-transition: max-height 1s;
	transition: max-height 1s;
}

.modal-body-slide.active {
	max-height: 800px;
	-webkit-transition: max-height 0.5s;
	-o-transition: max-height 0.5s;
	transition: max-height 0.5s;
}

.modal-loading-wrap {
	width: 100%;
	height: 200px;
	max-height: 0px;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: max-height 0.5s, opacity 0.5s;
	-o-transition: max-height 0.5s, opacity 0.5s;
	transition: max-height 0.5s, opacity 0.5s;
}

.modal-loading-wrap.active {
	max-height: 200px;
	opacity: 1;
	-webkit-transition: max-height 0.5s, opacity 0.5s;
	-o-transition: max-height 0.5s, opacity 0.5s;
	transition: max-height 0.5s, opacity 0.5s;
}

.modal-loading-wrap.inactive {
	max-height: 0px;
	opacity: 1;
}

.modal-loaded-wrap {
	height: auto;
	max-height: 0px;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: max-height 0.5s 0.5s, opacity 0.5s 0.5s;
	-o-transition: max-height 0.5s 0.5s, opacity 0.5s 0.5s;
	transition: max-height 0.5s 0.5s, opacity 0.5s 0.5s;
}

.modal-loaded-wrap.active {
	max-height: 1000px;
	opacity: 1;
	-webkit-transition: max-height 0.5s 0.5s, opacity 0.5s 0.5s;
	-o-transition: max-height 0.5s 0.5s, opacity 0.5s 0.5s;
	transition: max-height 0.5s 0.5s, opacity 0.5s 0.5s;
}

.modal-loaded-wrap.inactive {
	max-height: 0px;
	opacity: 0;
}

.modal-players-wrap {
	width: 100%;
	height: auto;
	max-height: 400px;
	display: none;
	border-top: solid 1px #C2D0E2;
	border-bottom: solid 1px #C2D0E2;
	margin: 0;
	margin-bottom: 20px;
	padding: 10px 0px;
	overflow: auto;
}

.active .modal-players-wrap {
	display: block;
}

/*<><><>- .activation-node -<><><>*/
.activation-node {
	width: 100%;
	max-width: 200px;
	display: block;
	margin: 0 auto;
	padding: 0;
}

.activation-node-body {
	width: 100%;
	height: auto;
	display: block;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin: 0;
	padding: 20px;
}

.activation-status-wrap {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding-top: 100%;
	position: relative;
	overflow: hidden;
}

.activation-status-wrap img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 150%;
	left: 0;
	opacity: 0;
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.activation-node.active .activation-status-wrap img {
	-webkit-animation: anim_activation-status_in 0.375s ease-in-out 0.75s forwards;
    -moz-animation: anim_activation-status_in 0.375s ease-in-out 0.75s forwards;
    animation: anim_activation-status_in 0.375s ease-in-out 0.75s forwards;
}

@-webkit-keyframes anim_activation-status_in {
    0% { top: 150%; opacity: 0; }
    100% { top: 50%; opacity: 1; }
}

@-moz-keyframes anim_activation-status_in {
    0% { top: 150%; opacity: 0; }
    100% { top: 50%; opacity: 1; }
}

@-o-keyframes anim_activation-status_in {
    0% { top: 150%; opacity: 0; }
    100% { top: 50%; opacity: 1; }
}

@keyframes anim_activation-status_in {
    0% { top: 150%; opacity: 0; }
    100% { top: 50%; opacity: 1; }
}

/*<><><>- .channel-stage -<><><>*/
.channel-stage {
	width: 100%;
	max-width: 992px;
	height: auto;
	display: block;
	padding: 10px 0px;
}

/*<><><>- .channel-node -<><><>*/
.channel-node {
	width: 100%;
	height: auto;
	display: block;
	/*border-bottom: solid 1px rgba(0,0,0,0.1);*/
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.channel-node:last-child {
	border-bottom: none;
	margin-bottom: 0px;
	/*padding-bottom: 0px;*/
}

.channel-node-header {
	padding: 10px 0px;
}

.channel-node-title {
	display: inline;
	margin: 0;
	padding: 0;
}

.channel-node-subtitle {
	display: block;
	margin: 0;
	margin-top: 5px;
	padding: 0;
}

.channel-node-body {
	background-color: #fff;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
	padding: 15px;
}

.channel-node-body .personalize-btn {
	max-width: 250px;
	display: block;
	margin: 0 auto;
	padding: 0px;
}

.channel-node-body .personalize-btn div {
    color: #fff;
    text-transform: uppercase;
    background-color: #59CB59;
    font-weight: bold;
    text-align: center;
    padding: 16px;
    font-size: 16px;
    cursor: pointer;
}

.channel-node-body .personalize-btn div:hover {
	background-color: #3BA93B;
}

.channel-node-body.channel-node-body-blank {
	background-color: transparent;
	box-shadow: none;
	padding: 0px;
}

.channel-node-row {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 15px;
	overflow: auto;
}

.channel-node-row:last-child {
	margin-bottom: 0px;
}

.channel-node-row-label {
	width: 75%;
	height: auto;
	display: block;
	float: left;
}

.channel-node-row-text {
	width: 100%;
	margin: 0;
	font-weight: 600;
	line-height: 25px;
	white-space: nowrap;
	overflow: hidden;
}

.channel-node-row-text .highlight {
	color: #4585BB;
	background-color: #DCEFFF;
	padding: 0px 4px 2px;
}

.channel-node-row-input {
	width: 25%;
	height: auto;
	display: block;
	overflow: auto;
	float: left;
}

/*<><><>- .channel-elem -<><><>*/
.channel-elem {
	width: 50px;
	height: 50px;
	display: block;
	/*background-color: rgba(0,0,0,0.2);*/
	margin-right: 15px;
	float: left;
	transition: opacity 0.25s, background-color 0.5s;
	position: relative;
	opacity: 0.6;
}

.channel-elem:hover {
	opacity: 0.8;	
}

.channel-elem:last-child {
	margin-right: 0px;
}

/* Modifiers */
.channel-elem-facebook::after,
.channel-elem-twitter::after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background-size: contain;
	background-position: 50% 50%;
}

.channel-elem.channel-elem-facebook::after {
	background: url('../images/icons/social/icon_social_facebook_square-60x60-white_positive.svg');
}

.channel-elem.channel-elem-facebook {
	background-color: #3b5998;
}


.channel-elem.channel-elem-facebook.is-active {
	opacity: 1;
}

.channel-elem.channel-elem-twitter::after {
	background: url('../images/icons/social/icon_social_twitter_square-60x60-white_positive.svg');
}

.channel-elem.channel-elem-twitter {
	background-color: #3B94D9;
}

.channel-elem.channel-elem-twitter.is-active {
	opacity: 1;
}

/* Child Elements */
.channel-elem-overlay {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.is-active .channel-elem-overlay {
	display: block;
}

.channel-elem-overlay > span {
	background-color: rgba(89, 203, 89, 1);
    color: #fff;
    border-radius: 22px;
    padding: 6px;
    font-size: 12px;
    position: relative;
    top: 0%;
    left: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*<><><>- .channel-record: Base -<><><>*/
.channel-record {
	width: 100%;
	height: auto;
	display: block;
	background-color: #fff;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
	margin: 0px 0px 15px 0px;
	padding: 0px;
	position: relative;
}

.channel-record:last-child {
	margin-bottom: 0px;
}

/*--- .channel-record-header ---*/
.channel-record-header {
	border-bottom: 1px solid #DDDDDD;
	overflow: auto;
} 

.channel-record-header-content,
.channel-record-header-controls {
	width: 50%;
	height: auto;
	display: block;
	margin: 0;
	float: left;
}

.channel-record-header-content {
	padding: 8px 10px;
}

.channel-record-header-controls {
	height: auto;
	padding: 0px;
}

.channel-record-header-cta {
	border-left: 1px solid #DDDDDD;
	padding: 0px 10px;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 40px;
	letter-spacing: 0.5px;
	float: right;
	-webkit-transition: background-color 0.25s;
	-o-transition: background-color 0.25s;
	transition: background-color 0.25s;
}

.channel-record-header-cta:hover {
	background-color: #f2f6f9;
}

.channel-record-title {
	display: block;
	margin: 0;
	padding: 0;
	font-weight: 700;
	line-height: 24px;
}	

/*--- .channel-record-body ---*/
.channel-record-body {
	width: 100%;
	display: block;
	position: relative;
} 

/*--- .channel-record-body > .channel-record-media ---*/
.channel-record-media {
	width: 100px;
	height: auto;
	display: block;
	padding: 10px;
	position: absolute;
	top: 0;
	left: 0;
}

.channel-record-icon {
	width: 100%;
	height: auto;
	display: block;
	background-color: rgba(0,0,0,0.1);
	padding-bottom: 100%;
	position: relative;
}

/* Modifiers */
.channel-record-icon.facebook::after,
.channel-record-icon.twitter::after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;	
}

.channel-record-icon.facebook {
	background-color: #3b5998;
}

.channel-record-icon.facebook::after {
	background: url('../images/icons/social/icon_social_facebook_square-60x60-white_positive.svg');
}

.channel-record-icon.twitter {
	background-color: #3B94D9;
}

.channel-record-icon.twitter::after {
	background: url('../images/icons/social/icon_social_twitter_square-60x60-white_positive.svg');
}

/*--- .channel-record-body > .channel-record-info ---*/
.channel-record-info {
	width: 100%;
	height: auto;
	min-height: 100px;
	display: block;
	margin: 0;
	padding: 0px 10px;
	padding-left: 100px;
}

.channel-record-info-header	{
	width: 100%;
	display: block;
	margin-bottom: 0px;
	padding: 10px 0px 6px;
	font-weight: 6px;
}

.channel-record-info-title {
	width: auto;
	max-width: 50%;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 14px;
}	

.channel-record-info-body {
	height: 60px;
	background-color: #F5F8FD;
	padding: 12px;
	overflow: auto;
}

.channel-record-info-thumb {
	width: 36px;
	height: 36px;
	display: block;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #DDDDDD;
	border-radius: 3px;
	margin-right: 10px;
	float: left;
}

.channel-record-info-text {
	margin: 0px;
	padding: 0px;
	line-height: 36px;
	font-weight: 600;
}

.channel-record-info-opts {
	width: auto;
	max-width: 50%;
	display: block;
	float: right;
	text-align: right;
}

.channel-record-info-cta {
	display: inline-block;
	background-color: rgba(0,0,0,0.1);
	border: solid 1px #DDD;
	margin-right: 5px;
	padding: 0px 10px;
	text-align: center;
	line-height: 28px;
	transition: background-color 0.25s;
}

.channel-record-info-cta:hover {
	background-color: rgba(0,0,0,0.15);
}

.channel-record-info-cta:last-child {
	margin-right: 0px;
}

.channel-record-info-cta.cta-danger {
	color: #FFFFFF;
	background-color: rgba(217, 83, 79, 0.8); 
	border-color: rgba(217, 83, 79, 1); 
	font-weight: 700;
	text-transform: uppercase;
}

.channel-record-info-cta.cta-danger:hover {
	background-color: rgba(217, 83, 79, 1); 
}

.channel-record-info-row {
	background-color: #F5F8FD;
	border-left: 4px solid #5b9bd1;
	margin: 0px 0px 5px 0px;
	padding: 5px;
}

.channel-record-info-row span {
	color: #5b9bd1;
	font-weight: 700;
}

/*--- .channel-record-additional ---*/
.channel-record-additional {
	width: 100%;
	height: auto;
	min-height: 100px;
	display: none;
	border-top: 1px solid #DDD;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.channel-record-additional .channel-record-additional-inner {

}

/*--- .is-expanded .channel-record-additional ---*/
.is-expanded .channel-record-additional {
	display: block;
}

/*--- .channel-record.channel-record-empty ---*/
.channel-record.channel-record-empty {
	background-color: #F5F8FD;
	border: solid 1px #5b9bd1;
	margin-bottom: 0px;
	padding: 15px;
	text-align: center;
	box-shadow: none;
}

.channel-record.channel-record-empty > * {
	margin: 0;
	padding: 0;
	line-height: 1.4;
}

.channel-record.channel-record-empty > *:first-child:not(:last-child) {
	margin-bottom: 8px;
}

/*<><><>- .channel-record: 'Signage' -<><><>*/
/*--- channel-record-signage ---*/
.channel-record-signage {

}

.channel-record-signage .channel-record-media {
	padding: 20px;
}

.channel-record-signage .channel-record-icon {
	background-color: transparent;
	background: url('../images/triggers/icons/signage.png');
	background-size: contain;
}

.channel-record-signage .channel-record-info {
	padding: 10px;
	padding-left: 100px;
	padding-right: 120px;
}

.channel-record-signage .channel-record-info-header	{
	display: none;
}

.channel-record-signage .channel-record-info-body {
	height: 80px;
	padding: 22px 0px;
}

.channel-record-signage .channel-record-info-text {
	width: 100%;
	max-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.channel-record-signage .channel-record-info-text span {
	width: auto;
	display: block;
	border-right: 1px solid #BBB;
	padding: 0px 10px;
	font-weight: 400;
	line-height: 36px;
	float: left;
}

.channel-record-signage .channel-record-info-text span:last-child {
	border-right: none;
}

.channel-record-signage .channel-record-info-text span.info-status.online strong:before {
	content: 'Online';
	color: green;
}

.channel-record-signage .channel-record-info-text span.info-status.offline strong:before {
	content: 'Offline';
	color: firebrick;
}

.channel-record-signage .channel-record-controls {
	height: 100px;
	width: 120px;
	display: block;
	padding: 30px 10px;
	position: absolute;
	top: 0;
	right: 0;
}

.channel-record-signage .channel-record-controls-cta {
    width: auto;
    min-width: 100px;
    height: auto;
    display: block;
    border: 1px solid #DDD;
    margin: 0;
    padding: 9px 40px 9px 10px;
    position: relative;
}

.channel-record-signage .channel-record-controls-cta .channel-record-controls-text {
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 20px;
}

.channel-record-signage .channel-record-controls-cta .channel-record-toggle-expand {
    width: 10px;
    height: 10px;
    display: block;
    background-color: transparent;
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    position: absolute;
    top: 50%;
    right: 14px;
    -webkit-transform: translate(0, -60%) rotate(135deg);
    -ms-transform: translate(0, -60%) rotate(135deg);
    transform: translate(0, -60%) rotate(135deg);
    -webkit-transition: border-color 0.25s, transform 0.25s;
    -o-transition: border-color 0.25s, transform 0.25s;
    transition: border-color 0.25s, transform 0.25s;
} 

.channel-record-signage .channel-record-controls:hover .channel-record-toggle-expand {
	border-color: #666;
}

.channel-record-signage.is-expanded .channel-record-controls .channel-record-toggle-expand {
    -webkit-transform: translate(0, -40%) rotate(-45deg);
    -ms-transform: translate(0, -40%) rotate(-45deg);
    transform: translate(0, -40%) rotate(-45deg);
}

/*--- channel-record-box-preview ---*/
.channel-record-box-preview {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 10px 40px;
}

.channel-record-widget-wrap {
	width: 353px;
	height: 200px;
	display: block;
	background-color: #F5F8FD;
	border: 1px solid #5b9bd1;
	margin: 0 auto;
	padding: 0px;
	position: relative;
}

.channel-record-widget-wrap .loading {
	width: auto; 
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.channel-record-widget-wrap .loading .loading-fallback {
	display: none;
	margin: 0;
}

.channel-record-widget-wrap.display-fallback .loading .loading-fallback {
	display: block;
}

.channel-record-widget-wrap.display-fallback .loading .loading-elem-wrap {
	display: none;
}

.channel-record-widget-wrap .content {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.channel-record-widget-wrap.inactive {
	height: auto;
	background-color: #F5F8FD;
	border: 1px solid #5b9bd1;
	padding: 15px;
	text-align: center;
}

.channel-record-widget-wrap.inactive * {
	display: none !important;
}

.channel-record-widget-wrap.inactive::before {
	content: 'Box previews are not available at this time.';
	color: rgb(105, 120, 130);
}

/*--- channel-record-signage-modal ---*/
.channel-record-signage-modal {
	background-color: transparent;
	box-shadow: none;
}

.channel-record-signage-modal .channel-record-media {
	width: 60px;
}

.channel-record-signage-modal .channel-record-media .channel-record-icon {
	background: transparent;
}

.channel-record-signage-modal .channel-record-media .channel-record-icon::after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background: url('../images/triggers/icons/signage.png');
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;	
}
.channel-record-signage-modal .channel-record-info {
	min-height: 60px;
	padding-right: 40px;
	padding-left: 0px;
}

.channel-record-signage-modal .channel-record-info-body {
	height: 60px;
	background-color: #FFF;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
	padding-right: 40px;
	padding-left: 60px;
}

.channel-record-signage-modal .channel-record-status,
.channel-record-signage-modal .channel-record-controls {
	width: 40px;
	height: 60px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.channel-record-signage-modal .channel-record-controls {
	right: 40px;
	pointer-events: none;
}

.channel-record-signage-modal .channel-record-status .channel-record-status-elem {
	width: 16px;
	height: 16px;
	display: block;
	border: 2px solid #999;
	border-radius: 50%;
	margin-top: 22px;
	margin-left: 12px;
	position: relative;
	-webkit-transition: border-color 0.25s;
	-o-transition: border-color 0.25s;
	transition: border-color 0.25s;
}

.channel-record-signage-modal .channel-record-status:hover .channel-record-status-elem {
	border-color: #666;
}

.channel-record-signage-modal .channel-record-status .channel-record-status-elem::after {
	content: '';
	width: 8px;
	height: 8px;
	display: block;
	background-color: #59CB59;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
}

.channel-record-signage-modal.is-selected .channel-record-status .channel-record-status-elem {
	border-color: #59CB59 !important;
}

.channel-record-signage-modal.is-selected .channel-record-status .channel-record-status-elem::after {
	opacity: 1;
}

.channel-record-signage-modal .channel-record-controls .channel-record-toggle-expand {
    width: 12px;
    height: 12px;
    display: block;
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -60%) rotate(135deg);
    -ms-transform: translate(-50%, -60%) rotate(135deg);
    transform: translate(-50%, -60%) rotate(135deg);
    -webkit-transition: border-color 0.25s, transform 0.25s;
    -o-transition: border-color 0.25s, transform 0.25s;
    transition: border-color 0.25s, transform 0.25s;
}

.channel-record-signage-modal .channel-record-controls:hover .channel-record-toggle-expand {
	border-color: #666;
}

.channel-record-signage-modal.is-expanded .channel-record-controls .channel-record-toggle-expand {
    -webkit-transform: translate(-50%, -40%) rotate(-45deg);
    -ms-transform: translate(-50%, -40%) rotate(-45deg);
    transform: translate(-50%, -40%) rotate(-45deg);
}

.channel-record-signage-modal .channel-record-additional {
	border-top: none;
	padding-right: 40px;
}

.channel-record-signage-modal.is-expanded .channel-record-additional {
	display: block;
}

.channel-record-signage-modal .channel-record-additional-inner {
	width: 100%;
	height: auto;
	background-color: #FFF;
	border: 1px solid #DDDDDD;
	margin: 0px;
	padding: 0px;
}

.channel-record-signage-modal .channel-record-box-details {
	width: 100%;
	height: auto;
	display: block;
	border-bottom: 1px solid #DDDDDD;
	padding: 0px;
	overflow: auto;
}

.channel-record-signage-modal .channel-record-box-details-row {
	width: 100%;
	height: auto;
	display: block;
	padding: 0px;
	overflow: auto;
}

.channel-record-signage-modal .channel-record-box-details-cell {
	padding: 5px 10px;
	border-right: 1px solid #DDD;
	float: left;
}

.channel-record-signage-modal .channel-record-box-details-cell.cell-type-status {
	max-width: 25%;
}

.channel-record-signage-modal .channel-record-box-details-cell.cell-type-status.online span:before {
	content: 'Online';
	color: green;
}

.channel-record-signage-modal .channel-record-box-details-cell.cell-type-status.offline span:before {
	content: 'Offline';
	color: firebrick;
}

.channel-record-signage-modal .channel-record-box-details-cell.cell-type-id {
	max-width: 15%;
}

.channel-record-signage-modal .channel-record-box-details-cell.cell-type-resolution {
	max-width: 35%;
}

.channel-record-signage-modal .channel-record-box-details-cell:last-child {
	border-right: none;
}

.channel-record-signage-modal .channel-record-box-details-cell p {
	max-width: 100%;
	font-size: 12px;
	color: #697882;
	margin: 0;
	padding: 0;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.channel-record-signage-modal .channel-record-box-details-cell p span {
	font-weight: 600;
}

/*--- .channel-icon ---*/
.channel-icon {
	width: 100%;
	height: 100%;
	display: block;
	background-color: #99a8bb;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.8;
	transition: background-color 0.25s, opacity 0.25s;	
}

.channel-icon-elem {
	width: 100%;
	height: 100%;
	display: block;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.channel-icon-status {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
}

.channel-icon-status > span {
	width: 30px;
	height: 30px;
	display: block;
	color: #FFFFFF;
	background-color: #59CB59;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	position: absolute;
	top: 5px;
	right: 5px;
}

.channel-icon:hover {
	opacity: 1;
}

.channel-icon.is-staged {
	opacity: 1;
}

.channel-icon.is-active {
	opacity: 1 !important;
	cursor: initial !important;
	pointer-events: none;
}

.channel-icon.is-active .channel-icon-status {
	display: block;
}

.channel-icon.facebook {
	background-color: #3b5998;
}

.channel-icon.twitter {
	background-color: #3B94D9;
}

.channel-icon.linkedin {
	background-color: #007bb5;
}

.channel-icon.digital-signage {
	background-color: transparent;
}

.channel-icon.digital-signage .channel-icon-elem {
	background-image: url('../images/triggers/icons/signage.png');
}
@media (max-width: 1251px) and (min-width: 1199px) {
	.web-head.dmb-head ul li {
		width: 100px;
		font-size: 12px;
	}
	.web-head.dmb-head ul li:first-child, .web-head.dmb-head ul li:nth-child(3) {
		padding-top: 10px;
	}
}/*############-- Responsive Styles - Max-Width: 1199px - Min-Width: 992px --############*/

/*<><><>- Responsive Medium -<><><>*/
@media (max-width: 1199px) and (min-width: 992px) {

	/*--- Home (Nav, Index, General Classes) ---*/
	#main-nav ul{
		width: 970px;
	}
	#main-nav ul li{
		width: 8.7%;
	}
	#main-nav-condensed ul {
		width: 970px;
	}
	#main-nav-condensed li {
		width: 10.7%;
	}
	.uno-heading {
		width: 970px;
	}
	.unocloud-heading {
		width: 950px;
	}
	.uno-heading button.uno-head-btn {
		width: 51.6%;
	}
	.cloud-nav {
		width: 968px;
	}
	.cloud-nav ul {
		width: 1025px;
		margin: 0px -28px;
	}

	/*--- (Dashboard) Overview Page ---*/
	.panel-node div.info-div {
		width: 155px;
	}

	/*--- (Dashboard) Social Page ---*/
	.reach h4 {
		margin-right: 0px;
	}
	.reach h4 {
		margin-right: 0px;
	}
	.social-bar > div {
		width: 125px;
	}
	.follower-panel > div h6 {
		width: 100%;
	}
	.follower-panel div > span {
		top: 90px;
	}
	.gender-stats h6 {
		margin-top: -35px;
		width: 90px;
		font-size: 225%;
	}
	.gender-stats .uno-icon {
		font-size: 400%;
	}
	.notifications-content-body {
		width:642px;
	}

	/*--- (Dashboard) Queue Page ---*/
	.queue-table .table-sched-date {
		width: 20%;
	}
	.queue-table .table-sched-by {
		width: 16%;
	}
	.queue-table .table-cont {
		width: 31%;
	}
	.queue-table .table-cont.declined-cont {
		width: 37%;
	}

	/*--- (UNOcloud) DNA ---*/
	.dna-viewport {
		width: 752px;
	}

	/*--- (UNOcloud) Profile ---*/
	.profile-save {
		width: 614px;
	}

	/*--- (UNOcloud) Gallery ---*/
	.gallery-image-grid{
		height: 120px;
		width: 120px;
	}
	.gallery-image-list .cell.image-name{
		width: 52%;
	}
	.hidden-folders { 
		width: 21.9008264%;
	}
	/*--- (UNOcloud) Menus ---*/
	.menu-left .profile-nav > li > em {
		max-width: 120px;
	}
	.menu-item-body > div > div.clearfix > input {
		width: 125px;
	}
	.menu-item-body > div > div.clearfix > div {
		width: 150px;
	}
	.menu-item-body > div > div.clearfix > input:first-of-type {
		width: 200px;
	}
	.menu-right .profile-save {
		width: 695px;
	}
	.menu-item-body .item-expand textarea {
		width: 348px;
	}
	.menu-item-body .item-expand > div:first-child > div:last-child {
		width: 150px;
	}
	.item-mod {
		width: 68%;
	}

	/*--- (UNOcloud) Reviews ---*/
	.review-header {
		padding: 17px 0px 0px;
	}
	.review-manage {
		width: 681px;
	}
	.review-container {
		/*width: 681px;*/
		width: 100%;
	}
	.review-node .review-info {
		width:521px;
	}
	.competition-node .review-info {
		width: 592px;
	}

	/*--- (UNOcloud) Events ---*/
	.triangle-event {
		right: 550px;
	}
	.triangle-event-2 {
		right: 549px;
	}
	.events div.datepicker-inline th.prev:before {
		left: 18px;
	}
	.events div.datepicker-inline th.prev:after {
		left: 19px;
	}
	.events div.datepicker-inline th.next:after {
		right: 21px;
	}
	.events div.datepicker-inline th.next:before {
		right: 20px;
	}
	.events-list .event {
		width: 80.1%;
	}
	.events-list .events-container img.image-fix {
		max-width: 81px;
	}
	.event-detailed-list .table-body div.edit div:first-child {
		margin-right: -12px;
		margin-left: -5px;
	}
	.event-detailed-list .table-body div.edit div:last-child {
		margin-right: -5px;
		padding-left: 21px;
	}

	/*--- (Triggers) Trigger Timeline ---*/
	.trig-topic-panel p {
		font-size: 165%;
	}
	.trigger-select-panel {
		height: 200px;
	}

	/*--- Messages ---*/
	.messages-list-text{
		width:170px;
	}
	.send-comment.focus{
		width:615px;
	}
	.filters .filter {
		margin-right: 5px;
	}
	.comment-actions {
		width: 637px;
	}
	.message-create {
		width: 308px;
	}
	.top-head-messages > div:first-child {
		margin-left: 3px;
	}
	.msg-nav {
		width: 325px;
	}
	.msg-nav ul {
		width: 325px;
	}
	.filters {
		width: 310px;
	}
	.date-status {
		left: 235px;
	}
	.cell.ellipsis.messages-list-text {
		width: 150px;
	}
	.message-content {
		width: 193px;
	}
	.filters .input-group-btn ul {
		right: -64px;
	}

	/*--- Wiki ---*/
	.wiki-edit-folder span.glyphicon{
		padding: 2px 3px 2px 0px;
	}
	.wiki-left-nav-large .message-create {
		width: 220px;
	}
	.wiki-read-body .wiki-progress {
		width: 513px;
	}

	/*--- DMB ---*/
	.web-head.dmb-head ul li {
		width: 100px;
		font-size: 12px;
	}
	.web-head.dmb-head ul li:first-child, .web-head.dmb-head ul li:nth-child(3) {
		padding-top: 10px;
	}

	/*--- DMB Location Players ---*/
	.location-player-controls {
		margin-bottom: 15px;
	}
	.location-player-controls .new-project {
		display: block;
		margin-left: 10px;
		margin-bottom: 10px;
	}

	.player-search {
		float: none !important;
		margin-left: 10px;
	}
	.location-player .location-table {
		width: 1024px;
		margin: 0;
	}
	.location-player .location-head {
		padding: 0;
	}
	.location-player .location-body {
		padding: 0;
	}
	.location-player .player-node {
		padding: 0;
		background-color: rgba(0,0,0,0);
    	border: none;
	}
	.location-player .box-node {
		margin: 10px 12px;
		border-left: 3px solid #71a3d5;
	}
	.location-player .player-node.linked .box-node .id {
		width: 52px;
	}
	.location-player .player-node.linked .box-node .player-name {
		width: 234px;
	}
	.location-player .player-node.linked .box-node .last-check {
		width: 160px;
	}
	.location-player .player-node.linked .box-node {
		padding: 0;
	}
	/*--- (Widgets) Reviews Widget ---*/
	.review-preview-panel ul {
		width: 947px;
	}
	.review-widget-controls.menu-controls ul li {
		padding: 15px 10px 15px 71px;
	}
	.review-widget-controls.menu-controls ul li.selected {
		padding: 25px 10px 25px 69px;
	}

	/*--- (Widgets) Menus Widget ---*/
	.form-group.text-group {
		width: 16%;
	}
	.form-group.text-group-emp {
		width: auto;
		margin-right: 10px;
	}
	
	/*--- (Settings) Locations ---*/
	.locations-list > div .text-section {
		width: 697px;
	}

	/*--- (Settings) Location Details ---*/
	.user-info.loc-info {
		height:720px;
	}
	.table-locs-privilege {
		width: 16%;
	}
	.table-locs-name {
		width:19%;
	}
	.table-locs-actions {
		width: 17%;
	}
	.table-locs-email {
		width: 20%;
		text-overflow: ellipsis;
	}
	.user-info.loc-info .modal-btn {
		margin-top: 10px;
	}
	.user-info .user-details.second-side > div:first-of-type {
		display: none;
	}
	.user-info .user-details.second-side div.btn-group {
		width: 284px;
	}
	.user-info .user-details div input.form-control {
		width: 265px;
	}
	.user-info .user-details div:first-of-type input.form-control:first-of-type {
		width: 130px;
	}
	.user-info .user-details div:first-of-type input.form-control:last-of-type {
		width: 130px;
		margin-left: 235px;
	}
	.social-settings div.social-btn div.social-name {
		width: 310px;
	}
	.user-details.second-side div.social-btn div.social-name {
		width: 458px;
	}

	/*--- (Settings) Users ---*/
	.table-actions {
		width: 16%;
	}

	/*--- (Settings) User Profile ---*/
	.cloud-nav.users-nav ul {
		width: 918px;
		margin: 0px -1px;
	}
	.user-info img.prof-pic {
		width: 184px;
		height: 184px;
	}
	.table-priv button.btn.btn-default {
		margin-left: -5px;
		width: 100%;
	}
	.table-priv {
		width: 14%;
	}
	.table-address {
		width: 61%;
	}
	
	/*--- (Settings) Teams ---*/
	.teams-table .table-pic {
		width:11%;
	}
	.teams-table .table-name {
		width: 21%;
	}
	.teams-table .table-title {
		width: 21%;
	}
	.user-teams .add-folder {
		width: 227px;
	}
	.users-top.teams-top > span.glyphicon {
		left: inherit;
		right: 225px;
	}
	.teams-table .table-actions {
		width: 17%;
	}

	/*--- (Settings) Notifications ---*/
	.noti-nav ul {
		width: 948px;
	}
	.noti-nav li {
		width: 313.5px;
	}
	.permission-request a {
		width: 90px;
	}
	.table-noti-act {
		width: 11%;
	}
	.table-noti-date {
		width: 12%;
	}
	.admin-request a {
		padding: 1px 9px;
		font-size: 150%;
		margin-top: -8px;
		margin-left: 3px;
	}
	
	/*--- (Settings) My Settings ---*/
	.general-settings div.short-form {
		width: 87.5%;
	}

	/*--- Signup ---*/
	.signup-cont {
		width:650px;
	}
	.signup-block {
		width: 100%;
	}
	.signup-nav {
		width: 100%;
	}
	
	/* media1199 - Leave for simpler search */
}
/*############-- Responsive Styles - Max-Width: 991px --############*/

@media (max-width: 991px) {
	.mobile-disabled {
		display: block;
	}
	.fill-the-expanse {
		top: 0px;
	}
}/*############-- Responsive Styles - Max-Width: 991px - Min-Width: 768px --############*/

/*<><><>- Responsive Small -<><><>*/
@media (max-width: 991px) and (min-width: 768px) {

	/*--- Home (Nav, Index, General Classes) ---*/
	.modal-large {
		width: 95%
	}
	.modal-body.modal-body-fixed-auto {
		height: auto;
	}
	#main-nav ul {
		width: 100%;
	}
	#main-nav ul li {
		padding-top: 1.5%;
	}

	#main-nav ul li a {
		font-size: 12px;
	}
	#main-nav-condensed ul {
		width: 750px;
	}
	.uno-heading {
		width: 750px;
	}
	
	.cloud-nav {
		width: 748px;
	}
	.cloud-nav ul {
		width: 792px;
		margin: 0px -22px;
	}
	.cloud-nav ul li {
		font-size: 13pt;
	}
	.unocloud-heading {
		width: 730px;
	}
	.uno-heading button.uno-head-btn {
		width: 52.1%;
	}
	#main-nav-condensed li {
		width: 10.6%;
	}

	/*--- (Dashboard) Overview Page ---*/
	.panel-node div.info-div {
		width: 190px;
	}
	.panel-node .triangle-dash-2 {
		right: 192px;
	}
	.panel-node .triangle-dash {
		right: 193px;
	}
	.dash-panel {
		margin-top: 25px;
	}
	.subpanel div {
		width: 324px;
	}

	/*--- (Dashboard) Social Page ---*/
	.follower-panel > div h6 {
		width: 100%;
	}
	.follower-panel div > span {
		top: 90px;
	}
	.gender-stats h6 {
		margin-top: -35px;
		width: 90px;
		font-size: 225%;
	}
	.gender-stats .uno-icon {
		font-size: 400%;
	}

	/*--- (Dashboard) Queue Page ---*/
	.queue-table .table-sched-date {
		width: 25%;
	}
	.queue-table .table-sched-by {
		width: 15%;
	}
	.queue-table .table-cont.declined-cont {
		width: 32%;
	}

	/*--- (UNOcloud) DNA ---*/
	.click-create a {
		font-size: 11pt;
	}
	.dna-viewport {
		width: 546px;
	}

	/*--- (UNOcloud) Profile ---*/
	.profile-save {
		width: 468px;
	}

	/*--- (UNOcloud) Gallery ---*/
	 .gallery-image-grid{
		height: 90px;
		width: 90px;
	}
	.gallery-image-list .cell.image-name{
		width: 46%;
	}
	.gallery-image-list .cell.left-20{
		margin-left: 0;
	}
	div.gallery-head > input {
		width: 170px;
	}
	div.gallery-head > span {
		right: 367px;
	}
	.hidden-folders { 
		width: 20.9893048%;
	}

	/*--- (UNOcloud) Menus ---*/
	.menu-left .profile-nav > li > em {
		width: 68px;
	}
	.menu-item-body > div > div.clearfix > div {
		width: 100px;
	}
	.menu-item-body > div > div.clearfix > input {
		width: 60px;
	}
	.menu-item-body > div > div.clearfix > input:first-of-type {
		width: 153px;
	}
	.menu-item-body .item-expand > div:first-child > div:last-child {
		width: 125px;
	}
	.menu-item-body .item-expand > div:first-child > div:first-child {
		width: 125px;
	}
	.menu-item-body .item-expand textarea {
		width: 263px;
	}
	.modifier-section > button {
		margin-left: 0px;
	}
	.item-mod {
		width: 100%;
	}
	.menu-right .profile-save {
		width: 530px;
	}

	/*--- (UNOcloud) Reviews ---*/
	.review-star-rating.small img{
		width: 10px;
		margin: 0 0 0 -5px;
	}
	.review-header {
		padding: 17px 0px 0px;
	}
	.review-main .main-tab-content .cloud-nav {
		width:540px;
	}
	.review-main .main-tab-content .cloud-nav ul {
		width: 538px;
	}
	.review-manage {
		width: 516px;
	}
	.review-container {
		/*width: 516px;*/
		width: 100%;
	}
	.review-node .review-info {
		width:353px;
	}
	.review-node .review-info > div:first-child {
		width: 115%;
	}
	.review-manage .btn-group .btn.btn-default {
		width: 170px;
	}
	.review-manage .header-btn-squared {
		width:175px;
	}
	.review-manage.competition .header-btn-squared {
		font-size: 11pt;
	}
	.review-container {
		height:325px;
	}
	.review-info .input-group {
		float: left;
	}
	.my-review textarea {
		width:378px;
	}
	.competition-node .review-node .review-info {
		width: 419px;
		padding-right: 8px;
	}

	/*--- (UNOcloud) Events ---*/
	.events div.datepicker-inline th.prev:before {
		left: 45px;
	}
	.events div.datepicker-inline th.prev:after {
		left: 46px;
	}
	.events div.datepicker-inline th.next:after {
		right: 47px;
	}
	.events div.datepicker-inline th.next:before {
		right: 46px;
	}
	.port-list {
		width:100%;
	}
	.port-list li {
		width: 32.9%;
	}
	.events-list .events-container img.image-fix {
		max-width: 96%;
	}
	.event-detailed-list .table-body div.edit div:first-child {
		margin-right: -16px;
		margin-left: -14px;
	}
	.event-detailed-list .table-body div.edit div:last-child {
		margin-right: -7px;
		padding-left: 22px;
	}
	.event-detailed-list .table-body div.event-time {
		padding-top: 5px;
	}
	#event-module .event-section-time .tab-content .tab-pane {
		height: 145px;
	}
	#event-module .event-section-time .tab-content {
		height: 145px;
	}
	#event-module .event-image-add {
		font-size: 16pt;
		padding-top: 35px;
	}
	.triangle-event, .triangle-event-2 {
		display: none;
	}
	.event-detailed-list .table-body div.edit div:first-child {
		margin-right: -16px;
		margin-left: -15px;
	}
	.event-detailed-list .table-body div.edit div:last-child {
		margin-right: -7px;
		padding-left: 19px;
	}

	/*--- (Triggers) Campaign Marketplace ---*/
	.trigger-marketplace > div:last-child {
		margin-top: 75px;
	}

	/*--- Messages ---*/
	.messages-list-text{
		width:120px;
	}
	.send-comment.focus{
		width:460px;
	}
	.comment-actions {
		width: 490px;
	}
	.message-create {
		width: 236px;
	}
	.top-head-messages > div:first-child {
		margin-left: 3px;
	}
	.msg-nav {
		width: 251px;
	}
	.msg-nav ul {
		width: 251px;
	}
	.filters {
		width: 238px;
	}
	.date-status {
		left: 165px;
	}
	.cell.ellipsis.messages-list-text {
		width: 80px;
	}
	.message-content {
		width: 125px;
	}
	.filters .input-group-btn ul {
		right: -136px;
	}
	.notifications-content-body {
		width:495px;
	}

	/*--- Tasks ---*/
	.task-depart {
		margin-left: 0px;
		margin-right: 0px;
	}
	.task-info {
		border: none;
	}
	.task-page .users-top {
		width: 105%;
	}
	.task-xs {
		width: 3.5%;
	}
	.task-sm {
		width: 17.5%
	}

	/*--- Wiki ---*/
	.wiki-edit-folder span.glyphicon{
		padding:2px 5px 2px 0px;
	}
	.wiki-left-nav-large .message-create {
		width: 165px;
	}
	.wiki-read-body .wiki-progress {
		width: 318px;
	}
	.wiki-read-body .wiki-user {
		width: 175px;
	}
	.wiki-read-top div {
		width: 175px;
	}
	/*---- DMB ----*/
	.web-head.dmb-head ul li {
		width: 80px;
		font-size: 12px;
	}
	.web-head.dmb-head ul li:first-child, .web-head.dmb-head ul li:nth-child(2), .web-head.dmb-head ul li:nth-child(3) {
		padding-top: 10px;
	}
	.web-head.dmb-head .responsive-icons img {
		max-width: 30px;
		max-height: 30px;
		margin-top: 7px;
	}

	/*--- (Widgets) Reviews Widget ---*/
	.review-widget-controls ul li.selected {
		padding: 25px 50px 25px 100px;
	}
	.review-widget-controls ul li {
		padding: 15px 50px 15px 100px;
	}
	.review-theme-panel {
		height: 525px;
	}
	.review-theme-panel > div:first-of-type {
		border: none;
	}
	.review-theme-panel > div:last-child {
		height: 207px;
	}
	.review-preview-panel ul {
		width: 727px;
	}

	/*--- (Widgets) Events Widget ---*/
	.review-theme-panel.events-theme {
		height: 675px;
	}

	/*--- (Widgets) Menus Widget ---*/
	.review-theme-panel.menu-theme-panel {
		height: 625px;
	}
	.review-widget-controls.menu-controls ul li span.review-title {
		font-size: 189%;
	}
	.review-widget-controls.menu-controls ul li {
		padding: 15px 5px 15px 10px;
	}
	.review-widget-controls.menu-controls ul li.selected {
		padding: 25px 5px 25px 10px;
	}
	.review-theme-panel.menu-design-panel {
		height: 715px;
	}
	.form-group.text-group {
		width: 16%;
	}
	.form-group.text-group-emp {
		width: auto;
		margin-right: 10px;
	}

	/*--- (Settings) Locations ---*/
	.locations-list > div .text-section {
		width: 477px;
	}
	.locations-list > div .text-section > span:last-child{
		font-size: 11pt;
		padding-top: 3px;
	}

	/*--- (Settings) Location Details ---*/
	.user-info.loc-info {
		height:720px;
	}
	.user-info .user-details.second-side > div:first-of-type {
		display: none;
	}
	.table-locs-name {
		width: 21%;
	}
	.table-locs-privilege {
		width: 23%;
	}
	.table-locs-actions {
		width: 18%;
	}
	.table-locs-actions >span.glyphicon:first-child {
		margin-left: 0px;
	}
	.user-info.loc-info .modal-btn {
		margin-top: 10px;
	}
	.user-info.loc-info .user-details div:first-of-type input.form-control:last-of-type {
		width: 250px;
	}
	.user-info.loc-info .user-details div input.form-control {
		width: 250px;
	}
	.user-info.loc-info .user-details div.btn-group {
		width: 250px;
	}
	.user-info .user-details.second-side div.btn-group {
		width: 209px;
	}
	.user-info .user-details div input.form-control {
		width: 325px;
	}
	.user-info .user-details div:first-of-type input.form-control:first-of-type {
		width: 160px;
	}
	.user-info .user-details div:first-of-type input.form-control:last-of-type {
		width: 160px;
		margin-left: 265px;
	}
	.adjust-for-length {
		display: block;
		margin-top: -8px;
	}
	.social-settings div.social-btn div.social-name {
		width: 219px;
	}
	.user-details.second-side div.social-btn div.social-name {
		width: 330px;
	}

	/*--- (Settings) Users ---*/
	.table-actions span.glyphicon {
		margin-left: 10px;
	}
	.table-pic {
		width: 13%;
	}
	.table-name {
		width: 18%;
	}
	.table-title {
		width: 16%;
	}
	.table-privilege {
		width: 10%;
	}
	.table-actions {
		width: 22%;
	}
	.stats-pagination {
		left: 48%;
	}
	.table-address {
		width: 56%;
	}
	.table-priv {
		width: 19%;
	}
	.table-email {
		width: 19%;
	}
	.table-priv button.btn.btn-default {
		margin-left: -5px;
		width: 100%;
	}

	/*--- (Settings) User Profile ---*/
	.cloud-nav.users-nav ul {
		width: 698px;
		margin: 0px -1px;
	}

	/*--- (Settings) Teams ---*/
	.teams-table .table-pic {
		width: 13%;
	}
	.teams-body .table-pic img {
		margin-top: -10px;
		margin-left: 10px;
	}
	.teams-table .table-name {
		width: 19%;
	}
	.teams-table .table-privilege {
		width: 17%;
	}
	.teams-table .table-actions {
		width: 15%;
	}
	.users-top.teams-top > span.glyphicon {
		left: inherit;
		right:225px;
	}
	.user-teams .add-folder {
		width: 177px;
	}
	.profile-nav.large-nav li > span:first-child  {
		max-width: 121px;
	}
	.teams-table .table-email {
		width: 34%;
	}

	/*--- (Settings) Notifications ---*/
	.noti-nav ul {
		width: 728px;
	}
	.noti-nav li {
		width: 240px;
	}

	/*--- (Settings) My Settings ---*/
	.general-settings div.short-form {
		width: 83.5%;
	}

	/*--- Signup ---*/
	.signup-cont {
		width:650px;
	}
	.signup-nav {
		width: 100%;
	}
	.signup-block {
		width: 100%;
	}
	.signup-cont.skinny-signup {
		width:650px;
	}
	#location-search-group.compress > div {
		width: 214px;
	}
	/* media991 - Leave for simpler search  */
}

@media (max-width: 838px) and (min-width: 768px) {
	.web-head.dmb-head .responsive-icons {
		display: none;
	}
}
/*############-- Responsive Styles - Min-Width: 768px --############*/

@media (min-width: 768px) {
	/*--- .unoapp-navbar ---*/
	.unoapp-navbar-controls-main {
		width: auto;
		max-width: 35%;
		padding-right: 0px;
	}

	.unoapp-navbar-controls-supporting {
		width: auto;
		max-width: 65%;
		display: block;
		padding-right: 15px;
		float: right;
	}

	.unoapp-nav-item:hover .unoapp-nav-item-inner-content {
		border-color: #869CAB;
		background-color: #F5FBFF;
	}

	.unoapp-nav-item.no-hover:hover .unoapp-nav-item-inner-content {
		border-color: #AABECC;
		background-color: transparent;
		cursor: default;
	}

	.unoapp-nav-item-inner-content {
		border: 1px solid #AABECC;
		padding: 0px 6px;
	}

	.unoapp-nav-item-inner-content .text-wrap,
	.unoapp-nav-item-inner-content .img-wrap {
		margin-left: 5px;
		margin-right: 5px;
	}

	.unoapp-nav-item-inner-content .text-wrap.has-icon {
		margin-left: 0px;
	}

	/*--- Some kind of other stuff... probably ---*/
	.message-left-panel {
		display: block !important;
	}
	.filters {
		display: block !important;
	}
	.msg-nav {
		display: block !important;
	}
	.gallery-side-popup {
		display: block !important;
		background-color: #fff;
	}
	.gallery-side-nav {
		display: block !important;
	}
	.gallery-main {
		display: block !important;
		float: right;
	}
	.teams {
		display: block !important;
	}
	.teams_view {
		display: block !important;
	}
}
/*############-- Responsive Styles - Max-Width: 767px --############*/

/*<><><>- Responsive Extra Small -<><><>*/
@media (max-width: 767px){

	/*--- Home (Nav, Index, General Classes) ---*/
	#main-nav-condensed {
		display: block;
		position: relative;
		top: 0;
	}
	#main-nav {
		display: none;
	}
	#view {
		margin-top: 51px;
	}
	.modal-large {
		width: 95%
	}
	.modal-body.modal-body-fixed-auto {
		height: auto;
	}
	#main-nav-condensed ul {
		width: 100%;
	}
	#main-nav-condensed ul li {
		width: 100%;
		text-align: left;
		text-transform: uppercase;
		padding: 10px 0px;
		border-top: 1px solid #555;
	}
	#main-nav-condensed > ul > li {
		padding: 0px 0px;
		float: left;
	}
	#main-nav-condensed ul li > span {
		background-color: #ef3c0c;
		width: 7px;
		height: 50px;
		display: inline-block;
		vertical-align: top;
		margin-top: 0px;
	}
	#main-nav-condensed > ul > li > a {
		width: 98%;
		display: inline-block;
		height: 50px;
		padding-top: 15px;
	}
	#main-nav-condensed > ul > li:first-child {
		height: 71px;
	}
	#main-nav-condensed > ul > li.active ul li a {
		text-decoration: none;
		color: #ddd;
		font-size: 90%;
	}
	#main-nav-condensed > ul > li ul {
		max-height: 0px;
		height: auto;
		overflow: hidden;
		padding-left: 0px;
	}
	#main-nav-condensed > ul > li ul.open {
		max-height: 287px;
	}
	#main-nav-condensed > ul > li ul li a {
		text-decoration: none;
		color: #ddd;
		font-size: 90%;
	}
	#main-nav-condensed > ul > li ul li {
		border: none;
		padding-left: 30px;
		border-top: 1px solid #555;
	}
	#main-nav-condensed > ul > li ul li a:hover {
		color: #fff;
	}
	#main-nav-condensed ul li:first-child div {
		display: inline-block;
		width: 32.7%;
		border-right: 1px solid #555;
		text-align: center;
		height: 75px;
		vertical-align: top;
		margin-top: -5px;
		padding-top: 13px;
		float: left;
	}
	#main-nav-condensed ul li:first-child div a {
		text-decoration: none;
	}
	#main-nav-condensed ul li:first-child div:last-child {
		border-right: none;
	}
	#main-nav-condensed ul li:first-child div a span.uno-icon-thin {
		font-size: 500%;
		position: relative;
	}
	#main-nav-condensed ul li:first-child div a span.star {
		font-size: 25%;
		color: #ef3c0c;
		position: absolute;
		top: -5px;
		right: -26%;
	}
	.uno-heading {
		width: auto;
		margin: -1px -15px 0;
		padding:0 25px;
		text-align: center;
		text-transform: uppercase;
		border-radius: 0px;
	}
	.uno-title {
		margin-left: 0px;
		font-size: 150%;
	}
	#nav-options {
		display: block;
		width: 100%;
		position: fixed;
		left: 0;
		top: 334px;
		background-color: #4d4d4d;
		color: #ddd;
		margin: 0px;
		text-align: center;
		border-top: 1px solid #ddd;
	}
	#nav-options .user-name {
		border: none;
		padding-left: 0px;
	}
	#nav-options li:hover {
		color: #fff;
	} 
	#nav-options li:hover .glyphicon {
		color: #fff;
	}	
	#nav-options li:hover .glyphicon-asterisk {
		color: #ef3c0c;
	}
	.location-header {
		margin-top: -1px;
		margin-right: 0px;
		width: 100%;
		border-radius: 0px;
	}
	.uno-body {
		border-radius: 0px;
		border: none;
	}
	.location-header > button {
		height: 50px;
	}
	.cloud-nav ul li span.glyphicon, .cloud-nav ul li span.uno-icon-new, .cloud-nav ul li span.uno-icon {
		margin-right: 0px;
	}
	.unocloud-heading {
		width: 100%;
	}
	.modal-dialog {
		overflow-x: hidden;
	}
	.map-canvas-tall {
		height: 150px;
	}
	.modal-wide {
		width: 97%;
	}
	.cloud-nav.cloud-five li {
		width: 20.1%;
	}
	.cloud-nav.cloud-six li {
		width: 16.7%;
	}
	.cloud-nav.cloud-four li {
		width: 25.1%;
	}
	.cloud-nav.cloud-two li {
		width: 50.2%;
	}
	.uno-heading button.uno-head-btn {
		width: 54%;
	}
	.uno-heading button.uno-head-btn:last-child {
		margin-right: -30px;
	}
	.uno-heading button.uno-head-btn:first-child {
		margin-left: -30px;
	}
	.cloud-nav {
		width: 102.9%;
	}
	.uno-heading .subtitle {
		display: none;
	}
	.location-holder-resp {
		height: 40px;
		width: auto;
		margin-right: -15px;
		margin-left: -15px;
	}

	.navbar-collapse.bs-navbar-collapse {
		padding: 0px;
		max-height: none;
		margin-top: 49px;
		margin-bottom: -54px;
	}
	.uno-heading-contain {
		padding-top: 8px;
		height: 56px;
		margin-top: -41px;
	}

	/*--- (Dashboard) Overview Page ---*/
	.panel-node div.info-div {
		width: 60%;
	}
	.panel-node .triangle-dash-2 {
		right: 60%;
	}
	.panel-node .triangle-dash {
		right: 60.3%;
	}
	.dash-panel {
		margin-top: 25px;
	}
	.panel-node.multi-field .triangle-dash {
		right: 100.4%;
	}
	.panel-node.multi-field .triangle-dash-2 {
		right: 100%;
	}

	/*--- (Dashboard) Overview Page ---*/
	.reach h4 {
		margin-right: 0px;
		font-size: 135%;
	}
	.gender-stats h6 {
		margin-top: -35px;
		width: 90px;
		font-size: 225%;
	}
	.gender-stats .uno-icon {
		font-size: 400%;
	}

	/*--- (Dashboard) Queue Page ---*/
	.queue-table .table-channel {
		width: 21%;
	}
	.queue-table .table-sched-date {
		width: 33%;
	}
	.queue-table .table-cont {
		width: 28%;
	}
	.queue-table .table-cont.declined-cont {
		width: 43%;
	}

	/*--- (UNOcloud) DNA ---*/
	.dna-viewport {
		width: 73%;
	}
	.dna-viewport > div:first-child {
		left: 0px;
	}
	.click-create.new-topic-btn {
		width: 55%;
	}

	/*--- (UNOcloud) Profile ---*/
	.profile-save {
		width: 94.8%;
	}
	.profile > div > div.rerender {
		height: 111px;
	}
	.profile > div > div.rerender.largerender {
		height: 185px;
	}

	/*--- (UNOcloud) Gallery ---*/
	.gallery-side-popup > div.row + div {
		height: 399px;
	}
	.gallery-image-grid {
		width: 43%;
	}
	.gallery-content-section {
		height: 532px;
	}
	.gallery-head > div:first-child {
		display: inline-block;
		vertical-align: top;
		margin: 10px;
		font-size: 125%;
		width: 134px;
	}
	.gallery-head input {
		display: inline-block;
		border-right: 0px;
	}
	div.gallery-head > span {
		right: initial;
		left: 167px;
	}

	/*--- (UNOcloud) Menus ---*/
	.menu-left .profile-nav > li > em {
		width: 80%;
	}
	.menu-right > div:first-of-type > button {
		width: 120px;
	}
	.menu-right > div:first-of-type > input {
		width: 118px;
	}
	.menu-right > div:first-of-type > span {
		left: 127px;
	}
	.item-mod > div {
		width: 100px;
	}
	.item-mod h5 {
		width: 100px;
	}
	.menu-item-body > div > div.clearfix > input:first-of-type {
		width: 26%;
	}
	.menu-item-body > div > div.clearfix > div {
		width: 100px;
	}
	.menu-item-body > div > div.clearfix > input {
		width: 60px
	}
	.item-mod {
		width: 100%;
	}
	.menu-item-body .item-expand > div:first-child > div:first-child {
		width: 100%;
		padding: 0px 2.5%;
	}
	.menu-item-body .item-expand > div:first-child > div:last-child {
		width: 33%;
	}
	.menu-item-body .item-expand textarea {
		width: 61%;
		margin-left: 10px;
	}

	/*--- (UNOcloud) Reviews ---*/
	.review-header {
		padding: 0px 0px 0px;
	}
	.review-main .main-tab-content .cloud-nav {
		width:100%;
		margin-top: 10px;
	}
	.review-main .main-tab-content .cloud-nav ul {
		width: 100%;
	}
	.review-manage {
		width: 100%;
	}
	.review-container {
		width: 100%;
	}
	.review-header >div {
		margin-bottom: 15px;
	}
	.competition-node .review-info {
		width: 83%;
	}
	.review-node div {
		padding: 3px 0px 3px 15px;
	}
	.review-node .review-info > div {
		padding-right: 0px;
	}
	.review-node {
		height: 90px;
		padding: 0px;
	}
	.review-node .review-info {
		height: 88px;
		width: 60.7%;
	}
	.main-tab-content {
		margin-top: 25px;
	}

	/*--- (UNOcloud) Events ---*/
	.events-list .events-container img.image-fix {
		max-width: 96%;
	}
	#event-module .event-section-time .tab-content .tab-pane {
		height: 225px;
	}
	#event-module .event-section-time .tab-content {
		height: 225px;
	}
	#event-module .event-border {
		border-right: none;
	}
	.triangle-event, .triangle-event-2 {
		display: none;
	}

	/*--- (Triggers) My Triggers ---*/
	.tweet-message-content textarea {
		width: 105%;
	}
	.tweet-additions input {
		width: 48%;
	}
	.tweet-additions button:last-child {
		width: 33%;
	}
	.trig-quick-btn button.modal-btn {
		width: 53.1%;
	}
	.trig-quick-btn button.modal-btn:last-child {
		margin-left: -3px;
	}
	.trig-quick-btn button.modal-btn {
		margin-bottom: -20px;
	}
	.remove-padding {
		padding-top: 0px !important;
	}

	/*--- (Triggers) Campaign Marketplace ---*/
	.trigger-marketplace > div:last-child {
		margin-top: 75px;
	}

	/*--- Messages ---*/
	.comment-actions {
		width: 100%;
	}
	.message-create {
		width: 100%;
	}
	.top-head-messages > div:first-child {
		margin: 0px;
		border:none;
		padding: 0px;
	}
	.msg-nav {
		margin-left: -13px;
		width: 102.5%;
	}
	.msg-nav ul {
		width: 100%;
	}
	.msg-nav ul li {
		width: 25%;
	}
	.filters {
		width: 100%;
		padding: 0px 10px;
	}
	.message-side .btn-group {
		top:-50px;
	}
	.message-side > div {
		border-top: 35px solid #eee;
		margin: 55px -26px 3px -22px;
		border-bottom: 1px solid #ddd;
		height: 90px;
	}
	.comment-box-section {
		padding: 0px
	}
	.new-message .content-box {
		width: 105.5%;
	}
	.new-message .send-bar .message-teams button.btn.btn-default {
		width: 100%;
	}
	.new-message .message-teams {
		width: 28%;
		margin-right: -27px;
	}
	.new-message .send-bar > div:first-of-type {
		width: 71.5%;
	}
	.notifications-content-body {
		width: auto;
		margin-left: -15px;
		margin-right: -15px;
	}

	/*--- Tasks ---*/
	.task-info {
		border: none;
	}
	.port-list {
		width:100%;
	}
	.task-page .users-top {
		width: 109%;
	}
	.task-xs {
		width: 6.5%;
	}
	.task-sm {
		width: 29%;
	}
	.task-xxsm {
		width: 29%;
	}
	.task-xsm {
		width: 29%;
	}
	.task-stats > div > .report-task-button > div:first-child {
		font-size: 90%;
	}
	.task-stats > div > .report-task-button > span.uno-icon-thin {
		font-size: 300%;
		margin-left: -15px;
		margin-right: 0px;
	}
	.report-task-button .badge {
		margin-right: -15px;
		font-size: 200%;
	}

	/*--- Wiki ---*/
	.wiki-bread {
		margin-top: 0px;
		width: 100%;
	}
	.wiki-reveal {
		display: block;
	}
	.wiki-left-nav {
		display: block;
		padding-bottom: 5px;
		border-bottom: 1px solid #ddd;
		margin-bottom: 15px;
	}
	.wiki-left-nav-large {
		display:none;
	}
	.wiki-right-title h4 {
		margin-top: 9px;
	}
	.wiki-right-title {
		height: auto;
		margin-top: 0px;
	}
	.wiki-right-title a, .wiki-right-title button {
		border-top: 1px solid #ddd;
		margin-bottom: -10px;
	}
	.wiki-filt-panel span {
		left: 12px;
	}
	.wiki-filt-panel input {
		padding-left: 35px;
		border-right: none;
	}
	.wiki-right-title button.wiki-reveal {
		width: 45px;
		margin: 0px;
		border: none;
		margin-bottom: -10px;
	}
	.cont-bar button {
		width: 90px;
	}
	.cont-bar button:last-child {
		border-right: 1px solid #ddd;
	}
	.link-embed input, .link-embed textarea {
		width: 247px;
	}
	.link-embed {
		left: 150px;
	}
	.wiki-read-body .wiki-progress {
		width: 42.8%;
	}
	.wiki-read-body .wiki-user {
		width: 35%;
	}
	.wiki-read-top div {
		width: 175px;
	}
	.wiki-right-title.wiki-stats {
		height: 35px;
	}
	.wiki-right-title.wiki-stats a {
		width: 128px;
		border-top: none;
		margin-top: -15px;
	}
	.wiki-read-top input {
		width: 185px;
	}
	.wiki-read-top span {
		right: 163px;
	}
	.wiki-read-body .wiki-read-btns {
		width: 20%;
	}
	.wiki-read-body .wiki-read-btns button {
		width: 50%;
	}
	.wiki-right-title.wiki-stats h4 {
		margin-top: 0px;
	}

	/*--- (Widgets) Reviews Widget ---*/
	.review-widget-controls ul li.selected {
		padding: 25px 0px 25px 50px;
	}
	.review-widget-controls ul li {
		padding: 15px 0px 15px 50px;
	}
	.review-widget-controls li.selected span.badge {
		top: 28px;
	}
	.review-widget-controls span.badge {
		left: 8px;
		font-size: 200%;
		padding: 3px 9px;
		top: 17px;
	}
	.review-widget-controls ul li span.review-title {
		font-size: 124%;
	}
	.review-widget-controls ul li span {
		font-size: 74%;
	}
	.review-theme-panel > p {
		font-size: 266%;
	}
	.review-theme-panel {
		height: 525px;
	}
	.review-theme-panel > div {
		padding: 0px;
	}
	.review-theme-panel > div:first-of-type {
		border: none;
	}
	.review-theme-panel > div:last-child {
		height: 207px;
	}
	.review-preview-panel ul {
		width: 100%;
	}
	.review-preview-panel ul li.live-preview {
		width: 100%;
		border: none;
	}
	.widget-top-bar button.btn-success {
		width: 192px;
		padding: 0px 10px;
	}
	.preview-body {
		margin-top: 100px;
	}
	div.white-back > span {
		display: block;
		height: 10px;
	}
	div.white-back > label {
		margin-left: 25px;
	}
	div.white-back button {
		float: none!important;
		margin-top: 10px;
		margin-left: 25px;
	}

	/*--- (Widgets) Events Widget ---*/
	.review-theme-panel.events-theme {
		height: 675px;
	}

	/*--- (Widgets) Menus Widget ---*/
	.review-widget-controls.menu-controls ul li.selected {
		padding: 25px 5px 25px 5px;
	}
	.review-widget-controls.menu-controls ul li {
		padding: 15px 5px 15px 5px;
	}
	.review-widget-controls.menu-controls ul li span.review-title {
		font-size: 96%;
	}
	.review-widget-controls.menu-controls ul li span {
		font-size: 60%;
	}
	.review-theme-panel.menu-theme-panel {
		height: 700px;
	}
	.review-theme-panel.menu-design-panel {
		height: 840px;
	}
	.half-wit {
		width: 100%;
		margin-bottom: 10px;
	}
	.form-group.text-group {
		width: 26%;
	}
	.form-group.text-group-family {
		width: 67%;
	}
	.form-group.text-group-emp {
		width: auto;
		margin-right: 10px;
	}

	/*--- (Settings) Locations ---*/
	.locations-list > div .text-section {
		width: 80%;
		margin-left: 0px;
	}
	.locations-list > div .text-section > span:last-child{
		font-size: 11pt;
		padding-top: 3px;
	}
	.link-to-prof {
		width: 20%;
	}
	.location-filter {
		width: 65px;
	}
	.location-filter button {
		height: 49px;
	}
	.locations-list.location-popup > div .text-section {
		width: 80%;
	}
	.table-loc-name {
		width:65%;
	}
	.table-locs-name {
		width: 49%;
	}

	/*--- (Settings) Location Details ---*/
	.user-info.loc-info {
		height:895px;
	}
	.user-info .user-details.second-side > div:first-of-type {
		display: none;
	}
	.user-info .user-details div:first-of-type {
		margin-top: 20px;
	}
	.user-info.loc-info .modal-btn {
		margin-top: 4px;
	}
	.user-info.loc-info .user-details div:first-of-type input.form-control:last-of-type {
		width: 71%;
		margin-top: 0px;
	}
	.user-info.loc-info .user-details div.btn-group {
		width: 71%;
		margin-top: -7px;
	}
	.user-info .user-details div input.form-control {
		width: 71%;
	}
	.user-info .user-details.second-side div.btn-group {
		width: 57%;
		margin-top: -7px;
	}
	.user-info .user-details div.fix-spacing-company {
		padding: 10px;
		position: relative;
		height: 42px;
	}
	.user-info .user-details div:first-of-type span.glyphicon-user.right-10 {
		margin-top:2px;
	}
	.user-info .user-details div:first-of-type input.form-control:first-of-type {
		margin-top: 0px;
		width: 35%;
	}
	.user-info .user-details div:first-of-type input.form-control:last-of-type {
		margin-left: 56%;
		width: 35%;
	}
	.table-act-date {
		width: 23%;
	}
	.user-info .user-details.second-side div.social-btn {
		padding-top: 3px;
		height: 45px;
		margin-top: 30px;
	}
	div.social-btn {
		border: none;
	}
	.user-details.second-side div.social-btn div.social-name {
		width: 93%;
	}
	
	/*--- (Settings) Users ---*/
	.table-actions span.glyphicon {
		margin-left: 18px;
	}
	.table-pic {
		width: 12%;
	}
	.table-name {
		width: 20%;
	}
	.table-title {
		width: 20%;
	}
	.table-actions {
		width: 20%;
	}
	.users-table-head .table-pic {
		padding-left: 30px;
	}
	.table-pic img {
		margin-left: 9px;
	}
	.modal-new-user {
		overflow: auto;
	}
	.user-portrait-popup .add-element {
		width: 140px;
		margin: 0 auto;
	}
	.table-priv {
		width: 33%;
	}

	/*--- (Settings) User Profile ---*/
	.user-info img.prof-pic {
		width: 140px;
		height: 140px;
	}
	.user-info > div.col-sm-4:first-child {
		margin: 0 auto;
		width: 140px;
	}
	.user-info .user-details div:first-of-type {
		padding-top: 0px;
		height: 48px;
	}
	.user-info {
		height: 441px;
	}
	.stats-pagination {
		left: 48%;
	}
	.cloud-nav.users-nav {
		overflow: hidden;
	}
	.cloud-nav.users-nav ul {
		width: 100%;
		margin: 0px -1px;
	}
	.user-info .user-details div:first-of-type label {
		margin-top: 2px;
	}
	.user-info .user-details div.btn-group {
		margin-top: -18px;
	}
	.user-info > div.col-sm-4:first-child + div {
		width: 140px;
		margin: 0 auto;
	}
	.table-action {
		width: 75%;
	}

	/*--- (Settings) Teams ---*/
	.teams-table .table-pic {
		width:17%;
	}
	.teams-body .table-pic img {
		margin-top: -10px;
	}
	.teams-table .table-name {
		width: 40%;
	}
	.users-top.teams-top > span.glyphicon {
		left: inherit;
		right:225px;
	}
	.user-teams .add-folder {
		width: 100%;
	}

	/*--- (Settings) Notifications ---*/
	.noti-nav ul {
		width: 100%;
	}
	.noti-nav li {
		width: 32.92%;
	}

	/*--- (Settings) My Settings ---*/
	.general-settings div.short-form {
		width: 86.5%;
	}
	
	/*--- Signup ---*/
	.signup-cont {
		width: 100%;
	}
	.signup-nav {
		width: 100%;
	}
	.signup-nav div {
		width: 30%;
	}
	.signup-block {
		width: 100%;
		margin-right: 0px;
	}
	.signup-block .half-width {
		width: 48.7%;
	}
	.signup-cont.skinny-signup {
		width: 100%;
	}
	#location-search-group {
		padding: 0px 10px;
	}
	#message-box {
		margin: 50px 10px 0px;
	}
	#new-location-form .half-width {
		width: 48%;
	}
	#location-search-group.compress > div {
		width: 100%;
	}
	/* media767 - Leave for simpler search  */
}
/*############-- Responsive Styles - Max-Width: 767px - Min-Width: 530px --############*/

@media (max-width: 767px) and (min-width: 530px) {

	/*--- Home (Nav, Index, General Classes) ---*/
	#main-nav ul li{
		margin: 0px 2.5%;
	}
	.cloud-nav ul {
		width: 100%;
		margin: 0px;
	}
	.cloud-nav ul li {
		width: 16.4%;
	}

	/*--- (UNOcloud) Reviews ---*/
	.review-header {
		height: 370px;
	}
	.review-header img.logo {
		width: 50%;
		border-radius: 63px;
	}
	.review-header .activate {
		width: 50%;
		border-radius: 71px;
		padding: 15% 10px;
	}

	/*--- (UNOcloud) Events ---*/
	#event-module .event-image-add {
		padding: 20px 54px 0;
	}
	.events-list .event {
		width: 80.1%;
	}
	.events-list .events-container img.image-fix {
		max-width: 94%;
	}

	/*--- Messages ---*/
	.date-status {
		left:40%;
	}

	/*--- Wiki ---*/
	.wiki-main {
		padding: 0px 10px;
	}

	/*--- (Settings) Locations ---*/
	.details-one input {
		width: 108%;
	}
	.details-one div.btn-group {
		width: 84%;
	}
	.user-info .user-details div:first-of-type input.form-control:last-of-type {
		margin-left: 59%;
	}	
}
/*############-- Responsive Styles - Max-Width: 615px --############*/

@media (max-width: 615px) {

	/*--- Home (Nav, Index, General Classes) ---*/
	.hidden-xxs {
		display: none !important;
	}
	.uno-heading button.uno-head-btn {
		width: 55%;
	}
	.cloud-nav {
		width: 103.6%;
	}

	/*--- (UNOcloud) DNA ---*/
	.dna-viewport {
		width: 67%;
	}

	/*--- (UNOcloud) Profile ---*/
	.profile-save {
		width: 94.2%;
	}

	/*--- (UNOcloud) Events ---*/
	.events-list .event {
		width: 80.1%;
	}
	.events-list .events-container img.image-fix {
		max-width: 95%;
	}
	#event-module .event-section-time .tab-content .tab-pane {
		height: 245px;
	}
	#event-module .event-section-time .tab-content {
		height: 245px;
	}
	.event-detailed-list ul {
		padding-left: 0px;
	}

	/*--- Messages ---*/
	.new-message .content-box {
		width: 107%;
	}
	.new-message .message-teams {
		width: 31%;
	}
	.new-message .send-bar > div:first-of-type {
		width: 68,4%;
	}

	/*--- (Settings) Locations ---*/
	.locations-list.location-popup > div .text-section {
		width: 101%;
	}
	.select-user-invite button.btn.btn-default {
		padding: 8px 10px;
		height: 56px;
		white-space: normal;
	}

	/*--- (Settings) Location Details ---*/
	.social-settings div.social-btn div.social-name {
		width: 60%;
	}
	.user-details.second-side div.social-btn div.social-name {
		width: 92%;
	}
	
	/*--- (Settings) Users ---*/
	.table-name {
		width: 49%;
	}

	/*--- (Settings) Notifications ---*/
	.noti-nav li {
		width: 32.87%;
	}
	.noti-body .users-top input {
		width: 221px;
	}
	/* media615 - Leave for simpler search */
}
/*############-- Responsive Styles - Max-Width: 555px --############*/

@media (max-width: 555px) {

	/*--- Home (Nav, Index, General Classes) ---*/
	.uno-heading button.uno-head-btn {
		width: 55.7%;
		font-size: 125%;
	}
	.cloud-nav {
		width: 104%;
	}

	/*--- (UNOcloud) Profile ---*/
	.profile-save {
		width: 93.2%;
	}

	/*--- (UNOcloud) Menus ---*/
	.menu-item-body > div > div.clearfix > input:first-of-type {
		width: 41%;
	}

	/*--- (UNOcloud) Events ---*/
	.events-list .event {
		width: 80%;
	}
	.events-list .events-container img.image-fix {
		max-width: 94%;
	}
	.modal-event {
		width: 370px;
	}
	.detailed-top .create-image {
		font-size: 13pt;
		padding-top: 50px;
	}
	.events-list h4 {
		padding-top: 17px;
		font-size: 11pt;
	}
	.event-detailed-list li {
		width: 95px;
	}

	/*--- Messages ---*/
	.new-message .content-box {
		width: 107.8%;
	}
	.new-message .message-teams {
		width: 35%;
	}
	.new-message .send-bar > div:first-of-type {
		width: 64.4%;
	}

	/*--- Wiki ---*/
	.wiki-foot div {
		margin-right: -2px;
		margin-top: -7px;
		height: 39px;
		width: 87px;
		padding-left: 23px;
		font-size: 75%;
	}

	/*--- (Settings) Locations ---*/
	.users-top.loc-top input {
		width:174px;
	}
	.add-user-list > div .user-wrap {
		max-width: 200px;
	}

	/*--- (Settings) Location Details ---*/
	.social-settings div.social-btn div.social-name {
		width: 85%;
	}
	.user-details.second-side div.social-btn div.social-name {
		width: 90%;
	}

	/*--- (Settings) Users ---*/
	.users-top input {
		width:154px;
	}
	.check-user {
		width:368px;
	}
	.existing-user > div + div {
		padding-top: 16px;
	}
	.existing-user > div > div {
		font-size: 11pt;
	}

	/*--- (Settings) Teams ---*/
	.users-top.teams-top > span.glyphicon {
		left: inherit;
		right:125px;
	}

	/*--- (Settings) Notifications ---*/
	.noti-nav li {
		width: 32.79%;
	}
	.noti-body .users-top .location-filter {
		min-width: 200px;
	}
	.noti-body .users-top > span.glyphicon {
		left: 210px;
	}
	/* media555 - Leave for simpler search  */
}
/*############-- Responsive Styles - Max-Width: 530px - Min-Width: 480px --############*/

@media (max-width: 530px) and (min-width: 480px) {
	/*--- Home (Nav, Index, General Classes) ---*/
	#main-nav ul li{
		margin: 0px 1%;
	}
	.modal-dialog.modal-error {
		width: 390px;
	}
	.cloud-nav ul {
		width: 100%;
		margin: 0px;
	}
	.cloud-nav ul li {
		width: 16.7%;
	}

	/*--- (UNOcloud) DNA ---*/
	.dna-viewport {
		width: 61%;
	}

	/*--- (UNOcloud) Reviews ---*/
	.review-header {
		height: 285px;
	}

	/*--- Messages ---*/
	.date-status {
		left:34%;
	}

	/*--- Wiki --- */
	.wiki-main {
		padding: 0px 10px;
	}
	.link-embed input, .link-embed textarea {
		width: 158px;
	}

	/*--- (Settings) Locations ---*/
	.details-one input {
		width: 110%;
	}
	.details-one div.btn-group {
		width: 81%;
	}
	.user-info .user-details div:first-of-type input.form-control:first-of-type {
		margin-top: 0px;
		width: 35%;
	}
	.user-info .user-details div:first-of-type input.form-control:last-of-type {
		margin-left: 63%;
	}
}
/*############-- Responsive Styles - Max-Width: 513px --############*/

@media (max-width: 513px) {

	/*--- (Settings) Location Details ---*/
	.adjust-for-length {
		display: block;
		margin-top: -8px;
	}

	/*--- Login ---*/
	#login-page > div {
		width: 100%;
		margin: 20px 0px;
		padding: 0px 10px;
	}
}
/*############-- Responsive Styles - Max-Width: 500px --############*/

@media (max-width: 500px) {
	/*--- (UNOcloud) Events ---*/
	.events-list .event {
		width: 79.6%;
	}
	.events-list .events-container img.image-fix {
		max-width: 93%;
	}
}
/*############-- Responsive Styles - Max-Width: 480px --############*/

/*<><><>- Responsive Tiny -<><><>*/
@media (max-width: 480px) {

	/*--- Home (Nav, Index, General Classes) ---*/
	#main-nav ul li{
		margin: 0;
	}
	.modal-dialog.modal-error {
		width: 365px;
	}
	.cloud-nav {
		width: 106%;
	}
	.cloud-nav ul {
		width: 100%;
		margin: 0px;
	}
	.cloud-nav ul li {
		width: 16.7%;
	}
	.uno-heading button.uno-head-btn {
		width: 56.7%;
		white-space: normal;
	}
	.cloud-nav {
		width: 104.7%;
	}

	/*--- (UNOcloud) DNA ---*/
	.dna-viewport {
		width: 50%;
	}
	.tag-list {
		padding: 10px 0px;
	}
	.left-arrow {
		padding-right: 46px;
	}
	.right-arrow {
		padding-left: 46px;
	}

	/*--- (UNOcloud) Profile ---*/
	.profile-save {
		width: 91.3%;
	}

	/*--- (UNOcloud) Reviews ---*/
	.review-header {
		height: 250px;
	}
	.review-header .activate {
		font-size: 11pt;
	}
	.review-main .main-tab-content .cloud-nav li {
		font-size: 12pt;
	}
	.header-btn-squared {
		width: 163px;
	}
	.review-manage .btn-group .btn.btn-default {
		width: 174px;
	}

	/*--- (UNOcloud) Events ---*/
	.event-detailed-list li {
		width: 68px;
		font-size: 84%;
	}

	/*--- (Triggers) My Triggers ---*/
	.tweet-message-content textarea {
		width: 109%;
	}
	.trig-quick-btn button.modal-btn {
		width: 55.3%;
	}

	/*--- Messages ---*/
	.date-status {
		left:29%;
	}
	.new-message .content-box {
		width: 109.1%;
	}
	.new-message .message-teams {
		width: 42%;
	}
	.new-message .send-bar > div:first-of-type {
		width: 57.3%;
	}

	/*--- Wiki ---*/
	.wiki-main {
		padding: 0px 10px;
	}
	.cont-bar button {
		width: 79px;
		margin-left: -4px;
		padding-left: 7px;
	}
	.attach-bar > div {
		height: 79px;
	}
	.link-embed input, .link-embed textarea {
		width: 142px;
	}
	.link-embed button {
		width: 66px;
	}
	
	/*--- (Settings) Locations ---*/
	.locations-list > div .text-section > span:last-child{
		font-size: 10pt;
	}
	.link-to-prof {
		font-size: 10pt;
	}
	.details-one input {
		width: 112%;
	}
	.details-one div.btn-group {
		width: 78.9%;
	}
	.locations-list > div .text-section > span:first-child {
		font-size: 12pt;
		padding: 10px 15px;
	}

	/*--- (Settings) Location Details ---*/
	.user-info .user-details div:first-of-type input.form-control:last-of-type {
		margin-left: 71%;
	}
	.top-cornered {
		width: 175px;
		font-size: 10pt;
	}
	.users-top.loc-top > span > span.glyphicon {
		left: 157px;
	}
	.user-details.second-side div.social-btn div.social-name {
		width: 88%;
	}

	/*--- (Settings) Users ---*/
	.users-top button.btn.btn-success {
		width: 145px;
		font-size: 9pt;
	}
	.users-top > span.glyphicon {
		left: 159px;
	}

	/*--- (Settings) User Profile ---*/
	.table-header {
		font-size: 12pt;
	}

	/*--- (Settings) Teams ---*/
	.add-to-team .header-btn-squared {
		width: 200px;
	}
	
	/*--- (Settings) Notifications ---*/
	.noti-nav li {
		width: 32.68%;
		font-size: 100%;
		padding-top: 15px;
	}
	.noti-body .users-top .location-filter {
		min-width: 150px;
	}
	.noti-body .users-top > span.glyphicon {
		left: 161px;
	}
	.noti-body .users-top input {
		width: 190px;
	}
	/* media480 - Leave for simpler search */
}
/*############-- Responsive Styles - Max-Width: 399px --############*/

/* For smaller mobile phones ie. iPhone 4 and smaller */
@media (max-width: 399px) {

	/*--- Home (Nav, Index, General Classes) ---*/
	.hidden-lg-mobile {
		display: none !important;
	}

	/*--- (UNOcloud) Events ---*/
	.modal-event {
		width: 100%;
		margin: 0px;
		margin-top: 10px;
	}
	.event-detailed-list h3 {
		border-bottom: 1px solid #ddd;
		width: 100%;
	}
	.event-detailed-list .users-table {
		margin-top: 45px;
	}

	/*--- (UNOcloud) Reviews ---*/
	.review-manage .btn-group .btn.btn-default {
		width: 168px;
	}
	.review-node .review-info > div {
		margin-left: -5px;
	}
	.review-node.view .review-info > div:first-child > div {
		margin-left: -15px;
	}

	/*--- Messages ---*/
	.cell.ellipsis.messages-list-text {
		width: 130px;
	}
	.message-content {
		width: 200px;
	}
	.msg-nav {
		margin-left: -13px;
		width: 104.5%;
	}
	.msg-nav ul {
		width: 100%;
	}
	.msg-nav ul li {
		width: 25%;
	}
	.filters .input-group-btn ul {
		right: -15px;
		width: 318px;
	}
	.inbox-list {
		height:300px;
	}
	.date-status {
		left:29%;
	}
	.comment-attachments .attach-drop button.btn.btn-default {
		width: 250px;
	}
	.attach-drop .dropdown-menu {
		width: 250px;
	}
	.recipient-name {
		max-width: 125px;
	}

	/*--- (Widgets) Reviews Widget ---*/
	.widget-top-bar div.btn-group button.btn {
		width: 154px;
	}

	/*--- (Settings) Locations ---*/
	.users-table-head > div.table-locs-name + div {
		border-right: none;
	}
	.users-table-body > div > div.table-locs-name + div {
		border-right: none;
	}
	.location-filter {
		min-width: 218px;
	}
	.review-theme-panel .color-list > div {
		margin: 0 4px;
	}
	.review-theme-panel {
		height: 575px;
	}

	/*--- (Settings) Location Details ---*/
	.user-details.second-side div.social-btn div.social-name {
		width: 85%;
		font-size: 70%;
	}
	.user-info.loc-info .user-details div span {
		margin-right: -15px;
	}
	.user-info.loc-info .user-details.second-side div span.caret {
		margin-right: -5px;
	}
	.user-details.second-side div.social-btn > div.social-icon {
		font-size: 125%;
	}
	.user-info.loc-info .user-details.second-side div.social-btn span {
		margin-left: -11px;
	}
	.social-settings div.social-btn div.social-name {
		width: 84%;
	}

	/*--- (Settings) Users ---*/
	.table-header {
		padding-right: 5px;
	}
	.table-header > span > span.badge {
		margin-left: 0px;
	}
	.users-top button.btn.btn-success {
		width: 125px;
	}
	.check-user .input-group-btn {
		width: 20%;
	}
	.check-user button.btn.btn-default {
		width: 70px;
	}

	/*--- (Settings) User Profile ---*/
	.user-details span.timezone-block {
		margin-left: 140px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		margin-top: 2px;
	}
	.user-info .user-details div:first-of-type {
		font-size: 15pt;
	}
	.user-details button.btn.btn-default {
		right: -5px;
	}
}
/*############-- Responsive Styles - Min-Width: 351px --############*/

/* For very small phones */
@media (min-width: 351px) {
	.show-mobile {display: none !important;}
}
/*############-- Responsive Styles - Max-Width: 350px --############*/

@media (max-width: 350px) {
	/*--- Home (Nav, Index, General Classes) ---*/
	.hidden-mobile {
		display: none !important;
	}
	.modal-dialog.modal-error {
		width: auto;
	}

	/*--- (UNOcloud) Reviews ---*/
	.review-manage .btn-group .btn.btn-default {
		width: 135px;
	}
	.header-btn-squared {
		width: 141px;
	}

	/*--- Messages ---*/
	.recipient-name {
		max-width: 70px;
	}
	.message-side .typeahead.dropdown-menu {
		margin-left: -130px;
	}

	/*--- (Widgets) Reviews Widget ---*/
	.widget-top-bar button.btn-success {
		width: 137px;
		font-size: 85%;
	}
	.review-theme-panel .color-list > div.colorpicker-display {
		margin: 0px;
		margin-right: -5px;
	}
	.review-theme-panel .color-list > div {
		margin: 0px;
		margin-right: 1px;
		float: left;
	}

	/*--- (Settings) Locations ---*/
	.users-top.loc-top > span > span.glyphicon {
		left: 131px;
	}
	.users-top.loc-top input {
		width: 169px;
	}
	.locations-list > div {
		height: 108px;
		position: relative;
	}
	.locations-list > div .text-section {
		width: 100%;
	}
	.locations-list > div .text-section > span:last-child {
		height: 62px;
	}

	/*--- (Settings) Location Details ---*/
	.user-details.second-side div.social-btn div.social-name {
		width: 82%;
	}
	.user-details.second-side div.social-btn div.social-name {
		font-size: 61%;
		padding-top: 14px;
	}
	.user-info.loc-info .user-details.second-side div span {
		margin-left: 130px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
	}
	.user-info.loc-info .user-details div span {
		margin-right: -17px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: block;
	}
	.social-settings div.social-btn div.social-name {
		width: 80%;
		font-size: 37%;
		padding-top: 14px;
	}

	/*--- (Settings) Users ---*/
	.users-top button.btn.btn-success {
		width: 119px;
	}
	.link-to-prof {
		height: 106px;
		width: 91%;
		position: absolute;
		left: 15px;
		background-color: transparent;
	}
	.check-user .input-group-btn {
		width: 35%;
	}
	.check-user button.btn.btn-default {
		width: 70px;
	}

	/*--- (Settings) Teams ---*/
	.teams-body .table-pic img {
		margin-top: -4px;
		width: 25px;
		height: 25px;
	}

	/*--- Login ---*/
	#login-modal .modal-dialog {
		width: auto;
	}
}
/*############-- Responsive Styles - UNOapp Marketplace --############*/

@media (max-width: 2155px) {
	.campaign-spacer {
		width: 20%;
	}
	.blank-campaign .campaign-node-outer {
	    height: calc(208px + (((100vw - 305px) / 5) - 20px) * 0.7);
	}
	.blank-campaign .campaign-node-outer > div {
	    height: calc(198px + (((100vw - 305px) / 5) - 20px) * 0.7);
	}
}

@media (max-width: 1840px) {
	.campaign-spacer {
		width: 25%;
	}
	.blank-campaign .campaign-node-outer {
	    height: calc(208px + (((100vw - 305px) / 4) - 20px) * 0.7);
	}
	.blank-campaign .campaign-node-outer > div {
	    height: calc(198px + (((100vw - 305px) / 4) - 20px) * 0.7);
	}
}

@media (max-width: 1560px) {
	.campaign-spacer {
		width: 33.33%;
	}
	.blank-campaign .campaign-node-outer {
	    height: calc(208px + (((100vw - 305px) / 3) - 20px) * 0.7);
	}
	.blank-campaign .campaign-node-outer > div {
	    height: calc(198px + (((100vw - 305px) / 3) - 20px) * 0.7);
	}
}
@media (min-width: 1399px) {
	.channel-option-count.success, .channel-option-count.error {
		display: none;
	}
}
@media (max-width: 1400px) {
	.content-validation-box {
		display: none;
	}
}

@media (max-width: 1200px) {
	.campaign-spacer {
		width: 50%;
	}
	.related-campaigns .related-campaign-title {
		margin-left: 15px;
	}
	.campaign-timeline .channel-content-holder {
		width: 553px;
	}
	.blank-campaign .campaign-node-outer {
	    height: calc(208px + (((100vw - 305px) / 2) - 20px) * 0.7);
	}
	.blank-campaign .campaign-node-outer > div {
	    height: calc(198px + (((100vw - 305px) / 2) - 20px) * 0.7);
	}
	.screen-view {
		width: 475px;
    	height: 284px;
	}
	.screen-view-content {
		width: 429px;
		height: 235.88px;
	}
}

@media (max-width: 992px) {
	.side-navigation-wrapper {
		display: none;
	}
	.page-content-wrapper {
		width: 100%;
		margin-left: 0px;    
		left: 0px;
    	padding: 0px 10px;
	}
	.campaign-builder-container {
		width: 100%;
	}
	.campaign-builder-box {
		width: 725px;
	}
	.trigger-topic-holder {
		width: 241px;
	}
	.campaign-creator-form .campaign-creator-form-top > div:first-child {
		width: 510px;
	}
	.campaign-creator-benefits {
		width: 438px;
	}
	.campaign-creator-benefits-builder input.form-control {
		width: 316px;
	}
	.campaign-builder-steps > div {
		width: 241.5px;
	}
	/*.marketplace-toggle.navbar-toggle {
		display: block;
	}
	.mobile-marketplace-nav.navbar-collapse.bs-navbar-collapse {
		margin-top: 74px;
	}
	.mobile-marketplace-nav #main-nav-condensed > ul > li ul li {
		padding: 0px;
	}
	.mobile-marketplace-nav #main-nav-condensed > ul > li ul li a {
		padding: 10px 0px 10px 30px;
    	display: block;
	}
	.mobile-marketplace-nav #main-nav-condensed li a, .mobile-marketplace-nav #main-nav-condensed li.active a {
		background-color: #536470;
		width: calc(100% - 7px);
	}
	.mobile-marketplace-nav #main-nav-condensed li, .mobile-marketplace-nav #main-nav-condensed li.active {
		border-color: #607482;
	}
	.mobile-marketplace-nav #main-nav-condensed li:hover > a {
		background-color: #5b6f7c;
	}
	.mobile-marketplace-nav #main-nav-condensed li a {
		color: #fff;
	}
	.mobile-marketplace-nav #main-nav-condensed, .mobile-marketplace-nav #main-nav-condensed li.active {
		background-color: #536470;
	}
	.mobile-marketplace-nav #main-nav-condensed ul li > span {
		background-color: #5b9bd1;
	}
	.mobile-marketplace-nav #main-nav-condensed > ul > li.active ul li a {
		color: #fff;
	}
	.mobile-marketplace-nav #main-nav-condensed {
    	display: block;
    	position: relative;
    	top: 0;
	}*/

	.page-sub-head .campaign-node-active-status {
		top: 65px;
    	background-color: transparent;
    	padding: 0px 10px;
	}
}

@media (max-width: 767px) {
	.campaign-spacer {
		width: 100%;
	}
	.page-head .page-title > h1 > small {
		display: none;
	}
	.campaign-benefits-list li {
		width: 100%;
	}
	.campaign-creator-image {
		width: 60px;
		height: 60px;
    	margin-top: 10px;
	}
	.campaign-modal-list .timeline-pipe {
		display: none;
	}
	.channel-content-holder {
		padding-left: 0px;
		width: 100%;
	}
	.channel-content-box:after {
		border-right-color: transparent;
	}
	.campaign-modal-timeline-node .channel-image {
		display: none;
	}
	.twitter-topper > div:last-child > div > span:first-child {
		display: block;
	}
	.style-twitter .channel-content {
		margin-top: -10px;
	}
	.campaign-timeline .channel-content-holder {
		width: 100%;
	}
	.campaign-timeline .channel-content-box:after, .campaign-timeline .channel-option-count:after, .campaign-timeline .channel-option-count.success:after, .campaign-timeline .channel-option-count.error:after {
		border-right-color: transparent;
	}
	.campaign-timeline .timeline-pipe {
		display: none;
	}
	.blank-campaign .campaign-node-outer {
	    height: calc(208px + (100vw - 410px) * 0.7);
	}
	.blank-campaign .campaign-node-outer > div {
	    height: calc(198px + (100vw - 410px) * 0.7);
	}
	.filter-bar > li.filter-bar-button {
		padding-right: 0px;
	}
	.filter-bar-button .generic-dropdown.no-rad button.btn.btn-default {
		width: 165px;
	}

	#campaign_overview .modal-dialog {
		margin-top: 55px;
	}
	.campaign-carousel-arrows {
		display: none;
	}
	.marketplace-toggle.navbar-toggle {
		display: block;
	}

	.mobile-marketplace-nav.navbar-collapse.bs-navbar-collapse {
		margin-top: 74px;
	}
	.mobile-marketplace-nav #main-nav-condensed > ul > li ul li {
		padding: 0px;
	}
	.mobile-marketplace-nav #main-nav-condensed > ul > li ul li a {
		padding: 10px 0px 10px 30px;
    	display: block;
	}
	.mobile-marketplace-nav #main-nav-condensed li a, .mobile-marketplace-nav #main-nav-condensed li.active a {
		background-color: #536470;
		width: calc(100% - 7px);
	}
	.mobile-marketplace-nav #main-nav-condensed li, .mobile-marketplace-nav #main-nav-condensed li.active {
		border-color: #607482;
	}
	.mobile-marketplace-nav #main-nav-condensed li:hover > a {
		background-color: #5b6f7c;
	}
	.mobile-marketplace-nav #main-nav-condensed li a {
		color: #fff;
	}
	.mobile-marketplace-nav #main-nav-condensed, .mobile-marketplace-nav #main-nav-condensed li.active {
		background-color: #536470;
	}
	.mobile-marketplace-nav #main-nav-condensed ul li > span {
		background-color: #5b9bd1;
	}
	.mobile-marketplace-nav #main-nav-condensed > ul > li.active ul li a {
		color: #fff;
	}


	.content-validation-box {
		display: none;
	}
	.campaign-timeline-header > div.view-campaign-creator-details {
		display: none;
	}
	.campaign-timeline-trigger .campaign-node-tagline > div {
		min-height: 36px;
    	height: auto;
	}
	.campaign-timeline-trigger .campaign-node-tagline > div > div {
		top: auto;
		transform: none;
	}
	.screen-view {
		width: 100%;
    	height: calc((100vw - 132px) * 0.598);
	}
	.screen-view-content {
		width: calc(100% - 46px);
    	height: calc((100vw - 209px) * 0.598);
	}
	.customize-image-overlay p {
		width: 190px;
	}
}