@font-face {
	font-family: 'bodonixtregular';
	src: url('../fonts/bodonixt-webfont.eot');
	src: url('../fonts/bodonixt-webfont.eot?#iefix')
		format('embedded-opentype'), url('../fonts/bodonixt-webfont.woff')
		format('woff'), url('../fonts/bodonixt-webfont.ttf')
		format('truetype'),
		url('../fonts/bodonixt-webfont.svg#bodonixtregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: local('Montserrat-Bold'),
		url('../fonts/montserrat-bold-webfont.woff') format('woff');
}

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

.nav-sidebar a:hover,.nav-sidebar a:focus,#userLogin a:hover,#userLogin a:focus
	{
	color: white;
	text-decoration: none;
}

.navbar-fixed-top {
	z-index: 99999 !important;
}

.loginfailed {
	background-color: red;
	color: white;
	padding: 10px;
	border-radius: 10px;
}

body {
	color: #333;
	font-family: 'Montserrat';
	background-color: #f7f7f7;
	padding-top: 39px;
	font-size: 12px;
}

table {
	background-color: #e7e7e7;
}

table i.fa {
	color: #f7f7f7;
}

.table th, .table th a{
	background-color : #333333 !important;
	color:white;
}

table .fa-sort {
	color: white;
}

/* table thead a { */
/* 	color: #333 !important; */
/* } */

i.fa-disabled {
	color: #8f8f8f !important;
}

.errorMsg {
	
}

.add-record i.fa {
	color: #333333;
}

.add-record a:hover {
	color: #333333;
	text-decoration: none;
}

.form-control {
	padding: 0px 12px;
	height: 30px;
	font-size: 12px;
}

.btn-custom i.fa {
	color: white;
}

.btn-default,.btn-default:active {
	background-color: black !important;
	background-image: none !important;
	color: white !important;
	text-transform: uppercase;
	font-size: 10px !important;
	border-radius: 0px !important;
	height: 27px;
	line-height: 10px;
	/*margin-top: 20px;*/
	outline: none;
}

.btn-default:hover {
	background-color: #444 !important;
	border-color: #777;
	background-image: none !important;
	color: white !important;
	text-transform: uppercase;
	font-size: 10px !important;
	border-radius: 0px !important;
	height: 27px;
	line-height: 10px;
	/*margin-top: 20px;*/
	outline: none;
}

.btn:focus {
	outline: none !important;
}

.arealink {
	border-radius: 1000px;
	width: 180px;
	height: 180px;
	vertical-align: middle;
	position: relative;
	margin: 0 auto;
	overflow: auto;
	border: 2px solid #f7f7f7;
}

.arealink .area-link-subtitle a,#link-block a {
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;
	font-size: 14px;
}

.arealink .area-link-subtitle a span {
	font-family: bodonixtregular;
}

.area-link-subtitle {
	width: 100%;
	text-align: center;
	position: absolute;
	background-color: rgba(247, 247, 247, 0.85);
	padding-top: 10px;
	padding-bottom: 20px;
	bottom: 0;
}

#link-block {
	margin-top: 130px;
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}

#link-block li {
	margin: 0 60px;
	display: inline-block;
	text-align: center;
}

.image-carousel {
	display: block;
	width: auto;
	height: 500px;
	max-height: 500px;
	margin-left: auto;
	margin-right: auto;
}

#owl-example {
	margin-bottom: 20px;
	background-color: #333333;
	height: 500px;
	width: inherit;
}

.carousel-container {
	width: inherit;
	height: inherit;
	overflow: hidden;
}

.navbar {
	min-height: 39px;
	height: 39px;
	margin-bottom: 0px;
	border: 1px solid black;
}

.navbar-brand img {
	height: 18px;
}

.navbar .container-fluid {
	background-color: black;
	height: 39px;
}

.navbar-brand {
	padding: 10px 15px;
	height: 39px;
}

.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
	height: 39px;
}

.nav-sidebar>.active>a {
	background-color: rgba(255, 255, 255, 0.24);
}

.nav>li>a:hover,.nav>li>a:focus {
	background-color: transparent;
}

.nav>li.active>a:hover,.nav>li.active>a:focus {
	background-color: rgba(255, 255, 255, 0.24);
}

.nav>li.level3>a,.nav>li.level3>a:hover,.nav>li.level3>a:focus {
	background-color: transparent !important;
}

.nav>li.level3.active>a {
	color: white !important;
}

.navbar-nav>li>a:hover {
	background-image: none;
	border-left-color: rgba(255, 255, 255, 0.0980392);
	border-left-style: solid;
	border-left-width: 1px
}

.nav .open>a,.nav .open>a:hover,.nav .open>a:focus {
	background-color: transparent;
}

.caret {
	color: white;
}

/*LOGIN */
.loginsubtitle {
	text-align: center;
	margin-bottom: 0px;
	margin-top: 140px;
}

.loginsubtitle img {
	width: auto;
	height: 100px;
}

#title_be {
	color: #f7f7f7;
	font-size: 50px;
	font-family: HelveticaNeue-UltraLight;
}

/* SIDE MENU */
#brandtitle {
	font-family: bodonixtregular;
}

#headtitle {
	font-family: HelveticaNeue-UltraLight;
}

#storeSubmenu li.active {
	
}

#storeSubmenu,#rdaSubmenu {
	background-color: #242424 !important;
}

#storeSubmenu .level3 a {
	color: #8a8a8a;
}

#storeSubmenu .sidebarFloor a {
	color: #8a8a8a;
	text-transform: none;
}

#storeSubmenu  a:hover {
	color: white;
}

#storeSubmenu  level3 active {
	color: white;
}

#storeSubmenu {
	display: none;
}

#storeSubmenu ul,#rdaSubmenu ul,#menuAdvSubmenu ul {
	margin-left: 0px;
	margin-bottom: 0px;
}

#storeSubmenu ul li:first-child a,#rdaSubmenu ul li:first-child a,#menuAdvSubmenu ul li:first-child a
	{
	padding-left: 30px;
}

#storeSubmenu ul li:not (:first-child ) a,#rdaSubmenu ul li:not (:first-child
	) a {
	padding-left: 40px;
}

ul.nav-sidebar li.level3 {
	padding-left: 20px;
}

.sidebar {
	background-color: #333333;
	top: 39px;
	-webkit-transition: all 0.5s;
}

.sidebar a {
	font-size: 9pt;
}

.panel-default {
	background-color: #f7f7f7;
	border: 0;
	border-radius: 0 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.panel-heading {
	background-color: #333333 !important;
	border-radius: 0;
	cursor: pointer;
}

.panel-heading h3 {
	text-transform: uppercase;
}

.panel-title {
	letter-spacing: 0px;
	color: white !important;
	font-weight: bold;
}

.panel-title i {
	color: white;
}

.well {
	background: #fff;
	color: #000;
	border: 0px;
}

.well a {
	color: #000;
	text-decoration: none;
}

.well table {
	background-color: #e7e7e7;
}

.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th	{
	background-color: #d7d7d7;
}
.table-striped>tbody>tr:nth-child(even)>td,.table-striped tr th {
	background-color: #e7e7e7;
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td
	{
	vertical-align: middle;
}

.table-stylish {
	border-spacing: 5px;
	border-collapse: collapse;
}

.table-stylish tr a {
/* 	color: #333; */
	text-decoration: none;
	text-shadow: none;
}

.table-stylish th a {
/* 	color: #000; */
	text-decoration: none;
}

.table-stylish thead {
	
}


.table-stylish td,.table-stylish th {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	padding-right: 7px;
	text-align: center;
}


.table-stylish tr.odd td {
  background-color: #e7e7e7;
}

.table-stylish tr.even td {
  background-color: #d7d7d7;
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td
	{
	border-top: 0px;
}

.table>thead>tr>th {
	border-bottom: 2px solid white;
	font-weight: lighter;
}

.table>thead>tr>th span {
	text-transform: capitalize;
}

.btn-custom {
	background-color: #9c9c9c;
	border-color: #9c9c9c;
	color: #fff;
	cursor: pointer;
	min-width: 40px;
}

.btn-custom-unread {
	background-color: #d37c00;
	border-color: #d37c00;
	color: #fff;
	cursor: auto;
}

.thumbnail .btn-custom,.thumbnail .btn-custom:hover {
	border-color: #636363;
}

.btn-custom-unread:hover {
	border-color: #d37c00;
}

.btn-custom:hover,.btn-custom:focus,.btn-custom:active,.btn-custom.active
	{
	background-color: #8f8f8f;
	border-color: #838383;
}

.btn-custom.disabled:hover,.btn-custom.disabled:focus,.btn-custom.disabled:active,.btn-custom.disabled.active,.btn-custom[disabled]:hover,.btn-custom[disabled]:focus,.btn-custom[disabled]:active,.btn-custom[disabled].active,fieldset[disabled] .btn-custom:hover,fieldset[disabled] .btn-custom:focus,fieldset[disabled] .btn-custom:active,fieldset[disabled] .btn-custom.active
	{
	background-color: #9c9c9c;
	border-color: #9c9c9c;
}

#addButton {
	color: #fff;
	border: 0px;
}

.bread-cust {
	color: #fff;
	font-weight: bold;
}

.bread-cust a {
	color: #fff;
}

.breadcrumb>li+li:before {
	content: "/\00a0";
	padding: 0 5px;
	color: #fff;
}

#filter .control-label {
	text-align: left;
}

#filterButton {
	margin-left: auto !important;
	margin-right: auto;
	display: block;
}

.control-label {
	z-index: 1;
}

#dialog {
	
}

.ui-widget-content {
	border: 2px solid #f0f0f0;
}

/* POS/SHOW */
#mapContainer {
	height: 300px;
}

#map-canvas,#map-edit-marker-canvas {
	height: 100%;
}

.labelPos {
	color: #000;
	font-weight: bold;
}

.dataPos {
	color: #949494;
}

.dataPos ul {
	color: inherit;
}

.anpos {
	border-bottom: 0px solid black;
}

.longtext {
	white-space: pre-wrap;
	/*
	border: none;
	padding: 0;
	margin:0;
	color: inherit;
	font-family: inherit;
	*/
}

#posDesc,#posDescEdit {
	margin-top: 10px;
}

#posDesc .row,#posDescEdit .row {
	margin-top: 5px;
}

table.pos span.label {
	font-size: 14px;
}

ul {
	list-style-type: none;
	padding-left: 0px;
}

.thumbnail {
	position: relative;
	padding: 6px;
	text-decoration: none !important;
	background-color: #636363 !important;
	line-height: 100px;
	cursor: pointer;
}

.thumbnail-showcase {
	position: relative;
	padding: 0px;
	text-decoration: none !important;
	background-color: #636363 !important;
	line-height: 130px;
	cursor: pointer;
}

.thumbnail img {
	height: 100px;
}

.thumbnail-showcase img {
	height: 130px;
}

.manange-tools-thumbnail{
	padding: 2px;
	background-color: black !important;
	margin:15px 0 15px 0
}

.floor {
	text-align: center;
	font-size: 15px;
	padding-top: 10px;
	line-height: 10px;
}

.floor span {
	color: white;
	line-height: 12px;
}

div.showMap {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	padding: 5px 4px;
	z-index: 999;
}

div.setAs {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	padding: 5px 4px;
	z-index: 999;
}

div.editFol {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	padding: 5px 4px;
	z-index: 999;
}

div.delete {
	display: none;
	position: absolute;
	top: 35px;
	right: 0;
	width: 30px;
	height: 30px;
	padding: 5px 4px;
	z-index: 999;
}

div.edit {
	display: none;
	position: absolute;
	top: 70px;
	right: 0;
	width: 30px;
	height: 30px;
	padding: 5px 4px;
	z-index: 999;
}

div.unreadBadge {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	padding: 5px 4px;
	z-index: 999;
}

.shcasedrop-tile:hover div.delete,.shcasedrop-tile:hover div.editFol,.tile:hover div.delete,.tile:hover div.edit,.tile:hover div.showMap, .tile:hover div.setAs
	{
	display: block;
}

div.delete i,div.edit i {
	font-size: 18px;
	width: 20px;
	height: 20px;
	padding: 5px, 5px;
}

#addFloor {
	text-align: center;
	cursor: pointer;
}

#addFloor .fa-plus-square {
	font-size: 50px;
}

.shcsbtn {
	text-align: center;
	cursor: pointer;
	border-radius: 0px;
	background-color: black;
	border: 1px solid black;
	color: #f7f7f7;
}

.shcsbtn:hover {
	background-color: #626262;
	border: 1px solid #626262;
}

#posTitle {
	cursor: pointer;
}

.carousel-inner {
	height: 300px;
	background: #333333;
}

.carousel-control.left {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0) 0,
		rgba(0, 0, 0, 0.0) 100%);
}

.carousel-control.right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0) 0,
		rgba(0, 0, 0, 0.0) 100%);
}

.carousel-control .fa {
	top: 50%;
	position: absolute;
}

.carousel-control .fa-arrow-left {
	left: 25%;
	color: #fff;
}

.carousel-control .fa-arrow-right {
	right: 25%;
	color: #fff;
}

.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img
	{
	display: block;
	max-height: 100%;
/* 	width: auto; */
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.todolistItems {
	margin-top: 15px;
}

.todolistItems i.fa {
	color: #333;
}

#todoListTableContainer {
	margin-top: 20px;
}

/*modal window*/
div.dialog-form {
	font-size: 82.5%;
}
div.modal {
	z-index: 99999;
}
div.dialog-form label,div.dialog-form input {
	display: block;
	margin-bottom: 5px;
}

div.dialog-form input.text {
	margin-bottom: 12px;
	width: 95%;
	padding: .4em;
}

.ui-dialog,.ui-widget-overlay {
	z-index: 99999 !important;
}

/* END POS/SHOW */

/* POS/FLOOR */

/* DETAILS PANEL */
.hidden {
	display: none !important;
}

.displayBlock {
	display: block !important;
}

.imgToBe,.imgAsIs,.imgApproved {
	width: auto;
	height: 100%;
	margin: 0 auto;
	display: block;
	cursor: pointer;
}

#details,#thread,#history {
	padding: 10px;
}

#subjectHistorySelectContainer {
	margin-top: 10px;
}

#palette {
	position: absolute;
	width: 280px;
}

#zoomPalette {
	position: absolute;
	right: 16px;
	width: 100px;
}

#zoomPalette .col-md-12 {
	padding: 0px;
}

#zoomPalette i {
	color: white;
	font-weight: 100;
	font-size: 10px;
}

#palette .btn-default,#zoomPalette .btn-default {
	margin-top: 0px;
	color: #8a8a8a !important;
	/*
	color: #8a8a8a!important;
	background-color: white!important;
	text-shadow: none!important;*/
}

/*
#palette button, #zoomPalette button {
	border-color: #B5B9BE;
	box-shadow: none!important;
	border-right: none;
}

#palette  .btn-group .btn-group:last-child button, #zoomPalette  .btn-group .btn-group:last-child button {
	border-right-style: solid;
	border-right-width: 1px;
} */
#palette .btn-default:hover,#zoomPalette .btn-default:hover {
	color: white !important;
}

#palette .btn-default.active,#zoomPalette .btn-default.active {
	color: white !important;
}

#palette .btn-group,#zoomPalette .btn-group {
	margin-bottom: 20px;
	z-index: 9999;	
}
.modal-header .btn {
	float: right;
}

.tab-content input[type="file"] {
	color: white;
}

.tab-content {
	background-color: #333333;
	color: white;
}

#details label,#thread label,#history label {
	color: white;
}

#thread label {
	display: block;
}

#myTab li.active a {
	background-color: #333333;
	text-transform: uppercase;
	font-size: 10px;
}

#myTab li.active {
	background-color: #333333;
}

#myTab>li>a {
	border: 0;
	background-color: #636363;
	color: white;
	text-transform: uppercase;
	font-size: 10px;
}

#myTab>li {
	border: 0;
	background-color: #636363;
	color: white;
}

.formDetails button {
	margin-left: auto !important;
	margin-right: auto;
	display: block;
}

.map-container {
	height: 800px;
	overflow: scroll;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 15px;
	margin-right: -15px;
}

.hot-spot {
	width: 48px; 
	height: 48px; 
	cursor: crosshair; 
	opacity: 1;
}

.hot-spot-browse {
	width: 24px;
	height: 24px;
}

.hot-spot-browse.selected {
	width: 24px!important;
	height: 24px!important;
	z-index: 99999;
}

.layer-element {
	width: 48px; 
	height: 48px; 
	cursor: crosshair; 
	opacity: 0.56;
}


.layer-element-browse {
	width: 48px;
	height: 48px;
}

.layer-element-browse.selected {
	width: 36px;
	height: 36px;
	z-index: 99999;
}

.layer-element,.layer-element-like {
	position: absolute;
	background: #4F55FF;
	border-radius: 1000px;
	-moz-border-radius: 1000px;
	-webkit-border-radius: 1000px;
	z-index: 999;
	border: 2px solid rgb(0, 0, 0);
}

.layer-element-like {
	width: 30px;
	height: 30px;
}

.layer-element.selected {
	background: rgb(220, 65, 65);
}

.layer-element-selected {
	position: absolute;
	background: #46B8DA !important;
	z-index: 999;
	border: 2px solid rgb(21, 59, 209) !important;
}

.layer-element-approved {
	position: absolute;
	background: #2DCF5A;
	z-index: 999;
	border: 2px solid rgb(11, 143, 58);
}

.layer-element-unread {
	position: absolute;
	background: #D37C00;
	z-index: 999;
	border: 2px solid rgb(228, 45, 67);
}





.bhs-nothreadmsg {
	color: white;
	text-align: center;
}

#plant-img {
	max-width: 1024px;
}

a#close-plant {
  position: fixed;
  top: 10px;
  right: 15px;
  z-index: 999999999;
  color: white;
  opacity: 0.9;
  font-size: 21px;
  line-height: 1;
}

#modal-plant-v2 {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100000;
	background-color: black;
}

#modal-plant-layer {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100000;
	background-color: black;
	overflow: hidden;
}

#layer-map {
	position: absolute;
  	top: 50%;
  	left: 50%;
	background-color: white;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

#bhs-map {
	position: absolute;
  	top: 50%;
  	left: 50%;
	background-color: white;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.hot-spot,.hot-spot-like {
	position: absolute;
	background: #aaaaaa;
	border-radius: 1000px;
	-moz-border-radius: 1000px;
	-webkit-border-radius: 1000px;
	z-index: 999;
	border: 2px solid rgb(209, 141, 21);
}

.hot-spot-like {
	width: 30px;
	height: 30px;
}

.hot-spot.selected {
	background: rgb(209, 141, 21);
	width: 32px; 
	height: 32px; 
}

.hot-spot-selected {
	position: absolute;
	background: #46B8DA !important;
	z-index: 999;
	border: 2px solid rgb(21, 59, 209) !important;
}

.hot-spot-approved {
	position: absolute;
	background: #2DCF5A;
	z-index: 999;
	border: 2px solid rgb(11, 143, 58);
}

.hot-spot-unread {
	position: absolute;
	background: #D37C00;
	z-index: 999;
	border: 2px solid rgb(228, 45, 67);
}

.detPanel {
	display: none;
}

form#todolist .field {
	margin-bottom: 10px;
}

form#todolist input.item {
	width: 50%
}

form#todolist a.remove-item i.fa {
	color: #ee5f5b;
	margin-left: 10px;
}

form#todolist textarea.form-control {
	height: 100px;
}

td.action {
	width: 80px;
}

ul.todolist-items {
	padding: 0;
	margin: 0
}

ul.todolist-items li {
	padding: 0;
	margin: 0 0 8px 0;
}

div.add-tasks {
	width: 50%;
	text-align: right;
	margin-bottom: 30px;
}

div.add-tasks i.fa {
	color: #000
}

div.items-has-error {
	color: #ee5f5b;
}

div.add-record {
	text-align: right;
}

.main address strong {
	font-size: 14px;
}

.main a {
	color: #333;
	text-decoration: underline;
}

.main a:hover {
	text-decoration: none;
}

.hasDatepicker {
	background-color: #ffffff !important;
	cursor: auto !important;
}

table.rda-pos tr td,table.rda-pos tr th {
	text-align: left;
}

#posCombo {
	display: none;
}

div.update-wrap-button {
	text-align: right;
}

div.update-wrap-button button {
	margin: 0;
}

div.update-wrap-button {
	text-align: right;
}

div.update-wrap-button button {
	margin: 0;
}

/* BALOONS*/
.triangle-border {
	position: relative;
	padding: 15px;
	margin: 1em 0 3em;
	border: 5px solid #5a8f00;
	color: #333;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.triangle-border:before {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 40px;
	border-width: 20px 20px 0;
	border-style: solid;
	border-color: #5a8f00 transparent;
	display: block;
	width: 0;
}

.triangle-border:after {
	content: "";
	position: absolute;
	bottom: -13px;
	left: 47px;
	border-width: 13px 13px 0;
	border-style: solid;
	border-color: #fff transparent;
	display: block;
	width: 0;
}

.triangle-border.right {
	margin-right: 25px !important;
	border: 5px solid #f7f7f7;
}

.triangle-border.left {
	margin-left: 25px !important;
	border: 5px solid #7ab02c;
}

.triangle-border {
	position: relative;
	padding: 15px;
	margin: 1em 0 3em;
	color: #333;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.triangle-border.right:before {
	top: 10px;
	bottom: auto;
	left: auto;
	right: -30px;
	border-width: 15px 0 15px 30px;
	border-color: transparent #f7f7f7;
}

.triangle-border.right:after {
	top: 16px;
	bottom: auto;
	left: auto;
	right: -21px;
	border-width: 9px 0 9px 21px;
	border-color: transparent #f7f7f7;
}

.triangle-border.left:after {
	top: 16px;
	bottom: auto;
	left: -21px;
	border-width: 9px 21px 9px 0;
	border-color: transparent #7ab02c;
}

.triangle-border.left:before {
	top: 10px;
	bottom: auto;
	left: -30px;
	border-width: 15px 30px 15px 0;
	border-color: transparent #7ab02c;
}

.popup-thumb {
	background-color: #636363;
	height: 160px;
	width: 200px;
	border: 2px solid #ACACAC;
	padding: 5px;
	position: relative;
}

.popup-thumb img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 5px;
}

.popup-holder {
	position: absolute;
	z-index: 1000;
	top: 0;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	width: 200px;
	height: 200px;
}

/* END BALOONS*/
#message-wrapper {
	height: 404px;
}

#hmessage-wrapper {
	height: 574px;
}

#message-wrapper,#hmessage-wrapper {
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 10px;
	/*border: 1px solid #ccc;*/
}

#message-wrapper ul,#hmessage-wrapper ul {
	padding: 0;
	margin: 0;
}

#message-wrapper li,#hmessage-wrapper li {
	min-width: 160px;
	width: 60%;
	padding: 10px;
	margin: 0 0 10px 0;
	list-style-type: none;
	background-color: #F7F7F7;
	color: #333;
	float: left;
}

#message-wrapper li.you,#hmessage-wrapper li.you {
	/*margin-left: 100px;*/
	float: right;
	margin-right: 10px;
	background-color: #f7f7f7;
}

#message-wrapper li.me,#hmessage-wrapper li.me {
	/*margin-left: 100px;*/
	float: left;
	margin-right: 10px;
	background-color: #7AB02C;
}

#message-input textarea {
	width: 100%;
	height: 100px;
}

#box-messages #refresh {
	margin-top: 7px;
	margin-bottom: 10px;
	float: right;
}

#message-input #send-message,#message-input #set-as-read {
	margin-top: 7px;
}

.msg-date {
	font-size: 8px !important;
}

.msg-body {
	margin-top: 5px;
	font-size: 12px !important;
}

.msg-user {
	font-size: 10px !important;
	font-style: italic;
}

.msg-photo {
	margin-top: 5px;
	font-size: 10px;
	margin-right: 5px;
	color: #333333;
}

.msg-photo a {
	color: #333333;
	text-decoration: none;
}

.msg-photo i.fa {
	color: #333333;
}

.msg-photo a.approved, .msg-photo a.approved i {
	color: #28A828;
	font-size: 1.1em;
}

.msg-photo a.pre-approved, .msg-photo a.pre-approved i {
	color: #FFCD28;
	font-size: 1.1em;
}

.msg-photo a:hover {
	color: #636363;
}

h1, h2, h3, h4, h5, h6 {
	text-shadow: none;
}

.main h1 {
	font-size: 24px;
}

.main h1 {
	text-shadow: none;
	font-weight: lighter;
}

div.main a  {
	color: #428bca;
}

div.topRight i {
	color: white;
}

#box-imageToBe:hover div.topRight {
	display: block;
}

#box-imageAsIs:hover div.topRight {
	display: block;
}

.topRight {
	display: none;
	position: absolute;
	top: 22px;
	right: 15px;
	width: 30px;
	height: 30px;
	padding: 5px 4px;
	background-color: #9c9c9c;
	border-color: #9c9c9c;
	color: #fff;
}

#chosenSeason {
	font-family: montserratregular, Helvetica, Arial, sans-serif;
	color: white;
	margin-top: 0;
}

#seasonSelect {
	
}

#rowImages, #hrowImages {
	margin-top: 10px;
}

.approvedIcon {
	background-color: green !important;
	border-color: green !important;
	display: block !important;
}

.imageHolder {
	height: 100px;
	overflow: hidden;
}

#lblImgNotFound {
	width: 200px;
	text-align: center;
}

#happroveIcon {
	cursor: auto;
}

.table-adv i.fa,.legend i.fa {
	color: #565656;
	font-size: 16px;
}

.table-adv a i.fa:hover {
	color: #428bca;
}

.legend i.fa {
	margin-right: 10px;
}

div.close-subjects i.fa-times-circle {
	font-size: 20px;
	color: #F7f7f7;
}

div.close-subjects i.fa-times-circle:hover {
	color: red;
}

.table-adv i.fa-ban,#advCampaign i.fa-ban,.legend i.fa-ban {
	color: #e9322d;
}

.legend i.fa {
	margin-right: 10px;
	margin-bottom: 6px;
}

.table-adv i.fa-check-circle,.table-adv i.fa-circle,.legend i.fa-check-circle,.legend i.fa-circle
	{
	color: #62c462;
}

.table-adv i.fa-cogs,.legend i.fa-cogs {
	color: #f89406;
}

table.table-adv tbody tr td {
	vertical-align: top;
}

table.table-adv tbody tr td {
	text-align: center;
}

table.table-adv tbody tr {
	border-bottom: 1px solid #CCCCCC;
}

table.table-adv tbody tr td div span.alert-info {
	text-align: left;
	padding: 5px;
}

form#advCampaignSubject .control-label {
	text-align: left
}

form#advCampaignSubject .alert {
	padding: 4px;
}

a.text-info:hover {
	color: #5bc0de;
	text-decoration: none;
}

.text {
	border-radius: .25em;
	padding: 4px;
	font-size: 11px;
	color: #fff;
}

.text-working {
	background-color: #f89406;
}

.text-finished {
	background-color: #62c462;
}

table.subject-for-brand thead th {
	background-color: #ccc;
	border-bottom: 1px solid #fff;
	text-align: center;
}

table.subject-for-brand td {
	background-color: #d7d7d7;
	text-align: left;
}

table.subject-for-brand th.brand-name {
	width: 130px;
}

table.subject-for-brand tbody tr {
	border-bottom: 0px;
	border-top: 1px solid #fff;
}

table.subject-for-brand tr.deleted td {
	text-decoration: line-through;
}

table.subject-for-brand a i.add-subject-ROLE_PURCHASE_MANAGER,table.subject-for-brand a i.add-subject-ROLE_TECH_OFFICE,table.subject-for-brand a i.add-subject-ROLE_VISUAL_MANAGER,table.subject-for-brand a i.pos-locked-true,.table-adv a i.pos-locked-true
	{
	display: none;
}

table.table-adv-subjects {
	background-color: #ffffff;
}

table.table-adv-subjects tbody tr {
	border-top: 1px solid #dedede;
	border-bottom: none;
}

table.table-adv-subjects thead tr {
	font-size: 11px;
	border-bottom: 1px solid #dadada;
	background-color: #f7f7f7;
	color: #565656;
}

div.subject-image:hover div.topRight {
	display: block;
}

div.adv-campaign-detail .row {
	padding-top: 3px;
	padding-bottom: 3px;
}

div#support-shape {
	position: absolute;
	border: 1px dashed #333;
	background-color: #e7e7e7;
	width: 0px;
	padding: 4px;
	height: 0px;
}

form#advFilter label {
	font-weight: normal;
}

.pagelinks,.pagebanner {
	text-align: center;
	margin-bottom: 10px;
	color: #636363;
}

.pagelinks a {
	color: black;
}

.adv_emphasys_style {
	background: #7f7f7f;
	color: #f7f7f7;
	border-bottom: 0px;
}

.adv_emphasys_style tbody tr td {
	color: #3f3f3f;
}

.adv_emphasys_style_tr {
	-webkit-box-shadow: 0px 8px 10px 1px rgba(50, 50, 50, 0.45);
	-moz-box-shadow: 0px 8px 10px 1px rgba(50, 50, 50, 0.45);
	box-shadow: 0px 8px 10px 1px rgba(50, 50, 50, 0.45);
}

/* SPINNER */
#spinner {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999999;
	background: #aaa url("images/ui-bg_diagonals-thick_10_aaaaaa_40x40.png")
		50% 50% repeat;
	opacity: 0.9;
	bottom: 0;
}

#spinner i {
	font-size: 70px;
	position: absolute;
	display: block;
	margin-left: -35px;
	margin-top: -35px;
	top: 50%;
	left: 50%;
}

#dialog-form-info .row {
	min-height: 50px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;
}

#dialog-form-info .row  .fixLineHeight {
	line-height: 30px;
}

#cover {
	width: 100%;
	height: 100%;
	z-index: 10000;
	background-color: #aaa;
	position: absolute;
	left: 0;
	top: 0;
}

#floorsThumb {
	padding-top: 20px;
}

#tlTable thead th:first-child {
	width: 10%;
}

.unchecked {
	color: #c5c5c5 !important;
}

.checked {
	color: #4e4e50 !important;
}

body.dragging,body.dragging * {
	cursor: move !important;
}

.dragged {
	position: absolute;
	opacity: 0.5;
	z-index: 2000;
}

ul.shcasedrop li.placeholder {
	position: relative;
	/** More li styles **/
}

ul.shcasedrop li.placeholder:before {
	position: absolute;
	/** Define arrowhead **/
}

#sortable-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#sortable-list li {
	margin: 5px 20px 10px 0;
	padding: 1px;
	float: left;
	width: 180px;
	height: 180px;
	font-size: 4em;
	text-align: center;
}

.shcasedrop-tile {
	position: relative;
}

table#tool tr td:first-child {
	width: 175px;
}

/*KPI*/
#year_row h1 i {
	font-size: 24px;
	color: #333333;
}

#month_row {
	margin-bottom: 20px;
	margin-top: 20px;
}

.month-span {
	margin-top: 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	border-top: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
	border-bottom: 1px solid #BCBCBC;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 10px;
}

.month-span.first {
	border-top: 1px solid #BCBCBC;
	border-left: 1px solid #BCBCBC;
	border-bottom: 1px solid #BCBCBC;
}

.month-span:hover {
	background: #636363;
	color: #f7f7f7;
}

.month-span.selected {
	background: #636363;
	color: #f7f7f7;
}

.tr_data {
	border-bottom: 1px solid #f7f7f7;
}

.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th {
	background-color: #636363;
	color: #f7f7f7;
}

.export-kpi {
	letter-spacing: 1px;
	font-size: 12px;
	border-radius: 0px;
}

.export-kpi i {
	font-size: 18px;
}

.tab-kpi li {
	min-width: 120px;
	text-align: center;
}

.tab-kpi li a {
	background: #E7E7E7;
	border: 1px solid #E7E7E7;
	color: #333333;
	border-radius: 0px;
	text-shadow: none;
}

.tab-kpi li a:hover {
	background: #616161;
	border: 1px solid #616161;
	color: #f7f7f7;
}

.year_element_tab {
	margin-top: 74px;
}

.kpi-filter {
	margin-top: 20px;
}

#export {
	text-align: right;
}

.submenu-deselected {
	background-color: #242424;
	padding-left: 10px;
}

.submenu-deselected-first a {
	background-color: #242424;
	color: #838383;
}

.submenu-deselected-first a:hover {
	color: white;
}

.submenu-deselected a {
	color: #838383;
}

.submenu-deselected a:hover {
	color: white;
	background: #333333;
}

.tr_total {
	background: #929292;
}

.tr_total td {
	color: #f7f7f7;
}

.form-errors-style {
	background: red;
	color: white;
}

/*UNPUBLISHED*/
#brandList-unpublished {
	height: 100px;
}

/*EDIT POS*/
.pos-textarea {
	min-height: 100px;
}

a.btn-pos-edit {
	margin-left: 5px;
	color: white;
	text-decoration: none;
}

a.btn-pos-edit i {
	padding-right: 3px;
}

iframe.wysihtml5-sandbox {
	padding: 0 !important;
}

#add-subject {
	margin-top: 10px;
}

/*ADV supplier and extra*/
#menuAdvSubmenu,#menuAdvSubmenu:hover {
	background-color: #242424;
}

#supplier-edit-printing {
	padding-top: 30px;
}

div#printing-price span {
	display: none;
}

div#printing-price .showAnyway {
	display: block;
}

div.content-showup {
	border: 1px dashed #bbb;
	border-radius: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.1em;
}

.hx-underline {
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}

.icon-button {
	cursor: pointer;
}

.nav-sidebar>.submenu-active>a {
	padding-left: 30px;
}

.table>thead:first-child>tr:first-child>th:first-letter {
	text-transform: uppercase;
}

div .content-dialog-form {
	padding: 20px 10px;
}

input#pac-input {
	z-index: 0;
	position: absolute;
    left: 78px !important;
    top: 3px!important;
	background-color: #fff;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 300;
	margin-left: 12px;
	padding: 0 11px 0 13px;
	text-overflow: ellipsis;
	width: 426px;
	margin-top: 7px;
	margin-left: 45px;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 32px;
	outline: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

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

.btn-marker-edit {
	/* 	position: absolute; */
	/* 	left: 537px; */
	/* 	top: -65px; */
	/* 	z-index: 4; */
	
}

div.scrollable {
	max-height: 540px;
	overflow-y: auto;
	padding-right: 0px;
	margin-top: 25px;
}

.table-check a {
	display: block;
	text-decoration: underline;
}

.table-check .fa {
	color: #000;
}

.content-tab .form-group {
	margin: 0 0 15px 0;
}

table tr.row-spinner td {
	height: 465px;
}

table tr.row-spinner i {
	color: #000;
	font-size: 42px;
}

.al-right {
	text-align: right;
}

.ui-dialog-content div.alert-warning {
	padding: 10px;
	width: 98%;
	margin: 5px 5px 30px 5px;
}

.upload-file-drag-zone.dialog {
	height: 40px;
	line-height: 40px;
}

.upload-file-drag-zone {
	height: 70px;
	line-height: 70px;
	width: 80%;
	border: 1px dashed #333;
	background-color: #e7e7e7;
	border-radius: 5px;
	text-align: center;
	position: relative;
}

.upload-file-drag-zone input {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
}

.multi-list {
	margin-bottom: 10px;
}

.multi-list>thead>tr>th {
	padding: 10px;
	font-weight: bold;
	font-size: 1.05em;
}

.multi-list>thead>tr>td.no-background,.multi-list>tbody>tr>td.no-background
	{
	background-color: #f7f7f7;
	text-align: left;
}

.multi-list i.fa {
	color: #000;
	font-size: 2.4em;
}

.table-selectable>tbody>tr:hover,.table-selectable>tbody>tr.row-select {
	background-color: #fff;
	outline: 2px solid #b7b7b7;
	cursor: pointer;
}

.table-selectable>tbody>tr:nth-child(odd):hover td,.table-selectable>tbody>tr.row-select:nth-child(odd) td
	{
	background-color: #fff;
}

div.ui-dialog-content>div.row {
	padding: 0 20px;
}

ul.brand-list {
	margin-left: 15px;
}

ul.brand-list li {
	position: relative;
	margin-bottom: 5px;
}

ul.brand-list li i {
	position: absolute;
	left: -16px;
	top: 3px;
}

ul.brand-list li i#new-brand:hover {
	color: #5F5353;
}

ul.brand-list li span.new-brand-label {
	font-family: 'Montserrat';
	font-size: 12px;
	margin-left: 7px;
}

ul.brand-list li i.add-brand {
	position: relative;
	left: auto;
	top: auto;
	margin-left: 6px;
}

ul.brand-list li i {
	cursor: pointer;
}

span.new-sectorCategory-label{
	font-family: 'Montserrat';
	font-size: 12px;
	margin-left: 7px;
}
i.new-sectorCategory:hover {
	color: #5F5353;
}

.table .fa-angle-right, .table .fa-angle-down {
	color: #9c9c9c;
	font-size: 38px;
	font-weight: bold;
	padding: 0 10px 0 15px;
	cursor: pointer;
}

.table .col-check {
	min-width: 100px;
}

.table th.col-check i.fa {
	color: #333;
}

.table tr td.no-padding {
	padding: 0;
}

.table-clean {
	background-color: #fff;
	width: 100%;
}

.table-clean tr {min-hei
	
}

.table-clean i.fa-picture-o {
	color: #333;
	font-size: 22px;
	vertical-align: middle;
	padding-right: 5px;
}

.main a.button-col-large, .main input.button-col-large, .main button.button-col-large
	{
	width: 100%;
	background-color: #d7d7d7;
	border: none;
	border-radius: 0;
	text-decoration: none;
	text-transform: uppercase;
	padding: 14px;
	text-shadow: none;
	margin: 10px 1%;
	white-space: pre-line;
	font-size: 12px;
}

.hs-nopadding {
	padding: 0;
}

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

@media ( min-width : 1152px) {
	.modal-plant {
		min-width: 1100px
	}
}

.modal-plant div#content-plant {
	overflow: auto;
	text-align: center;
}

.modal-plant .modal-header {
	border-bottom: 0px solid transparent;
}

button.toggle-filter, button.toggle-menu {
	display: none;
}

div.table-wrap {
	min-height: .01%;
	overflow-x: auto;
}

div.modal .modal-dialog.modal-plant #map {
	position: relative;
}

#edit-thread {
	float: right;
}
/*.modal-dialog {
  width: 88%;
  height: 100%;
  padding: 0;
}

.modal-content {
  height: 100%;
}*/
div.modal {
	z-index: 99999;
}

#supplier-add-printing {
	margin-bottom: 50px;
}

@media ( min-width : 768px) and (max-width: 1199px) {
	.hs-nopadding {
		padding: 10px;
	}
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable
		{
		position: fixed !important;
	}
	div.table-wrap {
		/* 		overflow-x: scroll; */
		
	}
	button.toggle-filter {
		-webkit-transition: all 0.5s;
		display: block;
		position: fixed;
		top: 70px;
		right: 0px;
		padding: 8px;
		background-color: black;
		color: white;
		margin: 0;
		border: 0;
		border-top-left-radius: 9px;
		border-bottom-left-radius: 0;
		z-index: 1;
		-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.75);
	}
	button.toggle-filter:focus {
		outline: none;
	}
	button.toggle-filter i.fa {
		margin-right: 5px;
	}
	button.toggle-menu {
		display: block;
		position: absolute;
		top: 4px;
		left: 5px;
		padding: 8px;
		background-color: transparent;
		background-image: none;
		border: 0;
		border-radius: 2px;
		margin: 0;
	}
	button.toggle-menu .icon-bar+.icon-bar {
		margin-top: 4px;
	}
	button.toggle-menu .icon-bar {
		background-color: #fff;
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
	}
	div.filters {
		-webkit-transition: all 0.5s;
		z-index: 1;
		top: 70px;
		position: fixed;
		right: -250px;
		width: 250px;
		min-height: 100px;
		max-height: 520px;
		overflow-y: scroll;
		background-color: #fff;
		padding: 9px 15px 15px;
		-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.75);
	}
	button.toggle-filter.show {
		right: 250px;
	}
	div.filters.show {
		right: 0;
		/* 		display: block; */
	}
	div.sidebar {
		width: 170px;
		left: -173px;
		-webkit-box-shadow: 2px 0px 3px 0px rgba(50, 50, 50, 0.75);
	}
	div.sidebar.show {
		left: 0;
	}
	.navbar>.container-fluid a.navbar-brand {
		margin-left: 30px;
	}
	div.scrollable {
		padding-right: 15px;
	}
	div.modal .modal-dialog.modal-plant {
		margin-top: 0;
		width: 100%;
	}
	div.modal .modal-dialog.modal-plant #map {
		position: relative;
	}
	div.hotspot-action {
		text-align: right;
	}
	div.hotspot-action form, div.hotspot-action button.button-col-large {
		width: 100%;
	}
	div.hotspot-action a, div.hotspot-action input[type="submit"] {
		font-size: 12px;
		display: inline;
		width: 100%;
	}
	div.scrollable {
		max-height: 420px;
	}
	#message-wrapper {
		height: 220px;
	}
}

/* @media (min-width: 768px) { */
#togglefilterbutton {
	-webkit-transition: all 0.5s;
	display: block;
	position: fixed;
	top: 70px;
	right: 0px;
	padding: 8px;
	background-color: black;
	color: white;
	margin: 0;
	border: 0;
/* 	border-top-left-radius: 9px; */
	border-bottom-left-radius: 0;
	z-index: 1;
	-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.75);
}

#togglefilterbutton:focus {
	outline: none;
}

#togglefilterbutton i.fa {
	margin-right: 7px;
}
#togglefilterbutton span{
	padding:13px;
}
#divfilters {
	-webkit-transition: all 0.5s;
	z-index: 1;
	top: 70px;
	position: fixed;
	right: -250px;
	width: 250px;
	min-height: 100px;
	max-height: 520px;
	overflow-y: scroll;
	background-color: #fff;
	padding: 9px 15px 15px;
	-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.75);
}

#togglefilterbutton.show {
	right: 250px;
}

#divfilters.show {
	right: 0;
}

/* } */
.wizard-content {
	background-color: #fff;
	padding-bottom: 1em;
}

.wizard-content h1 {
	display: inline-block;
	padding-right: .5em;
}

.wizard-content .photo-content {
	background-color: #333;
	border: 1px solid #fff;
}

.wizard-content .photo-content-grid{
	border: 1px solid #fff;
}

.wizard-content .thread-content {
	border: 1px solid #fff;
	background-color: #f7f7f7;
	height: 720px;
}

.wizard-content .thread-conten i.fa-picture-o {
	color: #6f6f6f;
	font-size: 2em;
}

.wizard-content i.fa-chevron-left {
	float: left;
	color: #CFCFCF;
	margin: 300px 0 0 3px;
}

.wizard-content i.fa-chevron-right {
	float: right;
	color: #e2e2e2;
	margin: 300px 3px 0 0;
}

.wizard-content div.show-plant {
	background-color: #e2e2e2;
	font-size: 1.3em;
	text-align: center;
	padding: .5em 0;
	cursor: pointer;
}

.wizard-content div.show-plant .fa-picture-o {
	vertical-align: middle;
}

.wizard-content div.hotspot-content {
	font-size: 1.15em;
	padding: 1em 0 .5em 0;
}

.wizard-content div.hotspot-det-content {
	padding: 1em 0 .5em 0;
	margin-bottom: .5em;
}

.wizard-content div.hotspot-det-content label {
	width: 100%;
	text-align: center;
}

.wizard-content .approve, .wizard-content .preapprove, .wizard-content .deapprove,
	.wizard-content .depreapprove, .depreapprove-grid, .approve-grid,.deapprove-grid,.preapprove {
	position: absolute;
	padding: 0;
	bottom: 0;
}

.wizard-content .approve button, .wizard-content .preapprove button,
	.wizard-content .deapprove button, .wizard-content .depreapprove button,.depreapprove-grid button, .approve-grid button,.deapprove-grid button,.preapprove button
	{
	background-color: #000;
	color: #f7f7f7;
	text-transform: uppercase;
	font-size: 1.3em;
	text-align: center;
	cursor: pointer;
	width: 100%;
	height: 45px;
	margin: 0;
	border: none;
}

.message-content {
	background-color: #e2e2e2;
	margin-top: .5em;
	margin-bottom: .5em;
	padding-top: .5em;
	color: #6f6f6f;
}

.message-content .message-header {
	color: #000;
	font-size: 1.04em;
}

.message-content.message-unread {
	font-weight: bold;
	background-color: #fff;
	border: 1px solid #e2e2e2;
}

.message-content .show-attach-photo i.fa-picture-o {
	font-size: 2em;
	color: #6f6f6f;
}

.message-content .show-attach-photo.approved i.fa-picture-o {
	color: #28A828;
}

.message-content .show-attach-photo.pre-approved i.fa-picture-o {
	color: #FFCD28;
}

.wizard-content i.fa-file-image-o {
	font-size: 7em;
	color: #fff;
}

.wizard-content div.imageHolder {
	text-align: center;
}

.border-b {
	border-bottom: 1px solid #333;
}

.folder-title {
	margin-bottom: 20px;
	font-style: normal;
	line-height: 1.42857143;
	font-size: 11px;
	text-transform: uppercase;
	padding: 10px 5px;
	color: #242424;
	background-color: #E1E1E1;
}

.showcase-folder {
	margin-bottom: 5px;
	margin-bottom: 5px;
	border-radius: 0px;
	background-color: #242424 !important;
}

.showcase-folder i {
	font-size: 38px;
	color: #E1E1E1;
}

.photo-content {
	height: 720px;
}

.imgAsIs {
	max-height: 710px;
	max-width: 670px;
	vertical-align: middle;
}

.messagelist-content {
	height: 270px;
	overflow: auto;
}

.wizard-content .imgToBe, .wizard-content .imgAsIs, .wizard-content .imgApproved
	{
	border: 2px solid #333;
}

.wizard-content .content-new-msg {
	margin-top: 0.8em;
}

.wizard-content .content-new-msg div {
	padding: 0;
	height: 67px;
}
.wizard-content .content-new-msg-grid div {
	padding: 0;
}

.content-new-msg-grid{
	padding: 0;
	height: 30px !important;
}
.wizard-content .content-new-msg textarea {
	background-color: #e2e2e2;
	border: none;
	padding: .5em;
	width: 100%;
	height: 100%;
}
.wizard-content .content-new-msg-grid textarea {
	background-color: #e2e2e2;
	border: none;
	padding: .5em;
	width: 100%;
	height: 100%;
}

.wizard-content .content-new-msg input[type='file'] {
	height: 100%;
	width: 100%;
	opacity: 0;
}

/* da cancellare */
.wizard-content .content-new-msg .content-new-msg-attach {
	background: #BABABA url('../img/add-image.png') no-repeat center;
	height: 67px;
	color: #6f6f6f;
	text-align: center;
}

.wizard-content .submit-new-msg {
	padding: 0;
}

.wizard-content .submit-new-msg input[type='submit'] {
	background-color: #333333;
	border: none;
	border-radius: 0;
	color: #fff;
	width: 100%;
	text-shadow: none;
	text-transform: uppercase;
	height:45px;
}

/* hostpost: da cancellare */
.imgAsIs-content {
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
	height: 645px;
	margin-top: 15px;
}

/* hostpost: da cancellare */
.imgAsIs-content-grid {
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
	height: 150px;
/* 	margin-top: 15px; */
/* 	margin-bottom: 15px; */
}

.wizard-content a.close {
	padding: .5em 1em;
	float: right;
}

#form-group-notificationrate, #form-group-email {
	display: none;
}

.breadcrumb-showcase {
	border: 0px;
	text-shadow: none;
	background-image: none;
	text-transform: uppercase;
	padding-left: 0;
	margin-bottom: 0px;
}
/* hotspot:da cancellare */
.cell-photo-content{
	margin:15px 15px 35px 15px;
	border: 1px solid black;
	height: 235px;
}
.breadcrumb-showcase>li+li:before {
	color: #333333;
}

.special-folder {
	color: white;
	background-color: #FF8000;
}

#dialog-form-setas .btn.btn-default {
	width: 100%;
	margin: 10px 0px;
}

.show-in-home-folder {
	margin: 5px 20px 5px 0;
	padding: 1px;
	float: left;
	width: 180px;
	height: 180px;
	font-size: 4em;
	text-align: center;
}

.star-icon {
	width: 18px;
	height: 18px;
	position: absolute;
	left: 5px;
	top: 5px;
}

.star-icon img {
	height: 36px;
	width: 36px;
}

.star-icon i {
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 0;
	color: #FEFF6A;
}

.row-showinhome {
	margin-bottom: 23px;
}

#exp-subj, #exp-season {
	margin-bottom: 10px;
}

#exp-hs-onlylastapproved {
	line-height: 20px;
}

#exp-hs-onlylastapproved input {
	float: left;
}

.h4showcase {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}

.highlightMsg {
	border: 1px solid black;
}

.empty {
	font-size: 7pt;
	font-weight: lighter;
	font-style: italic;
	text-decoration: underline;
}

.cursor-pointer {
	cursor: pointer
}

#adv-nav-pos {
	color: white
}

#advZoomPalette {
	position: fixed;
	z-index: 1000;
	right: 15px;
	width: 100px;
	top: 60px;
}

#paletteDelete {
	position: fixed;
	z-index: 1000;
	right: 15px;
	width: 100px;
	top: 90px;
}

#adv-pos-name {
	height: 50px;
	background: black;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border: 0;
	border-radius: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: none;
	z-index: 10;
}

.adv-map-container-fixed {
	position: fixed;
	top: 40px;
	bottom: 0px;
	left: 16.66666667%;
	right: 0;
	height: auto;
	margin: 0;
}

@media ( min-width : 768px) and (max-width: 1199px) {
	.adv-map-container-fixed {
		position: fixed;
		top: 40px;
		bottom: 0px;
		left: 0;
		right: 0;
		height: auto;
		margin: 0;
	}
}

#adv-map-c1 {
	display: none;
}

#adv-floors-thumb {
	display: block;
	white-space: nowrap;
}

#adv-plans-slider {
	-webkit-transition: all 0.5s;
	overflow: scroll;
	position: fixed;
	bottom: -150px;
	height: 150px;
	left: 16.66666667%;
	padding: 5px;
	right: 0;
	background-color: #353535;
	padding-top: 8px;
	-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.75);
}

@media ( min-width : 768px) and (max-width: 1199px) {
	#adv-plans-slider {
		left: 0px;
	}
}

.adv-tile {
	width: 200px;
	display: inline-block;
	margin-left: 1px;
	margin-right: 1px;
}

#btn-show-pans-slider-adv {
	-webkit-transition: all 0.5s;
	display: block;
	position: fixed;
	bottom: 0px;
	left: 20%;
	padding: 8px 12px;
	background-color: #353535;
	color: white;
	margin: 0;
	border: 0;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	border-bottom-left-radius: 0;
	z-index: 5;
	-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.75);
}

@media ( min-width : 768px) and (max-width: 1199px) {
	#btn-show-pans-slider-adv {
		left: 30px;
	}
}

#btn-show-pans-slider-adv:focus {
	outline: none;
}

#btn-show-pans-slider-adv.show {
	bottom: 150px;
}

#adv-plans-slider.show {
	bottom: 0;
}

.adv-tile .thumbnail {
	border: 0;
}

.disabled {
	color: #E4E3E3 !important
}

.form-group-adv {
	margin-bottom: 9px;
}

.adv-filter-label {
	font-weight: bold !important;
}

#paletteBack {
	position: fixed;
	z-index: 1000;
	right: 15px;
	width: 100px;
	top: 120px;
}

#adv-table {
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.subject-for-brand th, .subject-for-brand th a{
	background-color : #CCCCCC !important;
	color:black !important;
}

#pencil-edit-brand {
	margin-left: 3px;
}

td#container-images {
	height: 200px;
	width: 200px;
}

table#container-images-table {
	width: 100% !important;
	background-color: #FFFFFF;
}

.up-pdf-adv-iframe {
	height: 200px;
	width: 240px;
}

td.color-column {
	background-color: #E6E6E6;
}

.upload-file-drag-zone-pdf.dialog {
/* 	height: 40px; */
/* 	line-height: 40px; */
}

.upload-file-drag-zone-pdf {
/* 	height: 70px; */
/* 	line-height: 70px; */
/* 	width: 80%; */
/* 	border: 1px dashed #333; */
	background-color: #e7e7e7;
	border-radius: 5px;
	text-align: center;
	position: relative;
}

.upload-file-drag-zone-pdf input {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
}
div.textleft{
	text-align:left;
	padding-top: 5px;
}

div.textpaddingdiv{
	padding:20px 2px 20px 2px;
}

i.print-pdf{
	font-size: 20px !important;
    padding-right: 5px;
    color:white !important;
    display: none;
}

tr.tr-table-image{
	border-bottom: 0 white !important;
}

.adv-pdf-img-container {
	float: left;
    margin-right: 50px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.adv-pdf-img-container:last-child {
	margin-right: 0;
}

span.span_processed{
/* 	font-style: italic;  */
	font-size:15px;
}

span.error{
	color:red;
}

.advFilterAppliedContainer {
	padding-left: 1px;
    padding-right: 2px;
}
.advFilterApplied {
	background-color: #62c462;
    padding: 15px 10px 15px 10px;
}

span#curTypeName{
	font-size: 20px;
	font-weight: bold;
	padding-right:4px;
	
}

div.hotspotTable{
	max-height:1480px;
}

.carouselPos{
	height:550px;
	background-color:transparent;
}

.responsive-container {
    position: relative;
    width: 100%;
}

.dummy {
	padding-top: 550px;
}

/* @media ( min-width : 768px) and (max-width: 1199px) { */
/* 	.dummy { */
/* 		padding-top: 100px; */
/* 	} */
/* } */




.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}

.img-container:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.img-container img {
    vertical-align: middle;
    display: inline-block;
    max-height: 550px;
}

.mapPos{
	height: 625px !important;
}

.folder-title-pos{
	margin-bottom:0;
	background-color: trasparent;
}



.img-container-popup {
    position: absolute;
    top: 0;
/*     bottom: 50%; */
    left: 0;
    right: 0;
    text-align:center; /* Align center inline elements */
    font: 0/0 a;
    height:100%;
}

.img-container-popup:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.image-popup{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: initial;
    height: initial;
}
.responsive-container-popup{
	height:100%;
}

.item-carousel-dialog {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}
.ui-dialog .img-container-popup {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: initial;
    height: initial;
    max-height: 100%;
    max-width: 100%;
}
#carousel-pos-popup {
	height: 100%;
	width: 100%;
}

#deletebuttoneaimage{
	background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}

.black{
    color: #333333 !important;
}
.divbuttonhotspot{
   	padding-right: 11px;
    padding-left:8px;
}

.buttonhotspot{
/* 	    width: 150px; */
	    white-space: normal !important;

}

#choose_pos{
	max-height: 800px;
}

button.buttonpadding{
	margin:8px;
	margin-bottom:20px;
}

button#exportButton{
	background-color: transparent; 
	border: 0px;"
}

div.exportpdf {
	margin-bottom: 5px;
	margin-top: 10px
}

a.disabled{
	color: #E4E3E3 !important;
	pointer-events: none;	
}
.inputShowCase{
	padding:10px;
}
p.attentionMessage{
	font-style: italic;
    font-weight: bold;
    color:red;
	
}

hr.hr_hotspot{
	margin-top:0px !important;
}

div.title_filter_managed_div{
	margin-top: 35px
}

span.titlefilter{
	font-size: 13px;
    font-weight: bold;
}

#gridToLine i, #lineToGrid i{
	width:10px;
	height:10px;
}

.filter-grid{
    float: left;
    padding: 8px 0 8px 60px;
}
div.hotspot-grid{
	position: relative !important;
}
div.grid-photo-pos{
    margin: 40px 0 0px 0;
}

.row-grid-photo{
	
}
.row-grid-photo-border{
	margin: 60px;
/*  	padding: 50px 0 50px 0; */
	border-bottom: 1px black solid;
}

.button-approve-grid{
/* 	padding: 0 15px !important; */
}
.title-pos-grid{
	height:40px;
}

/* hotspot quindi da cancellare */
#showSingleThread{ 
	margin-left: 87%;
	background-color:black;
	cursor:pointer;
    color: white !important;
 	padding:4px;
    font-size: 13px;
}

.sendButton-grid{
	background-color: #333333;
    border: none;
    border-radius: 0;
    color: #fff;
    width: 100%;
    text-shadow: none;
    text-transform: uppercase;
     text-align: center;
  	-webkit-appearance: button;
    cursor: pointer;
}

.ui-dialog .ui-dialog-content.imgdisplater-grid{
    background-position: inherit;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.wizard-content .grid .container-fluid{
	padding: 5px 50px 4px 50px;
}
.height-msg-grid{
	height:35px !important;
}
.content-new-msg-box{
	margin-top: 0 !important;
}
.button-hotspot-box{
	height: 35px !important;
	font-size: 1em !important;	
}
/* da cancellare */
.text-area-hotspot-box{
	height:100% !important;
    font-size: 90%;
     resize: none;
}

.macrobannerlist-changeseason {
	margin-top: 20px;
	overflow-y: auto;
	max-height: 100px;
}

#macrobanner-season{
	height:150px;
}

span.current-season{
	font-style: italic;
    font-size: 10px;
}

a.action-all-grid{
    background-color: #000;
    color: #f7f7f7;
    text-transform: uppercase;
    font-size: 0.83em;
    padding: 12px 22px 12px 22px;
    text-decoration: none;
}

div.background-grid-photo{
/* 	background-color: #333333; */
}

div.img-in-grid{
	background-position-x: center;
    background-position-y: center;
   	padding-top:0px;
}

div.approvealldiv{
	position: relative;
    top: 9px;
}
i.fa-size-grid{
	font-size: 2.1em;
}
textarea .white-background{
	background-color: white;	
}
div .white-background{
	background-color: white;	
}
.row-botton-head{
	padding-bottom:15px;
}
input:active{
	outline-color:black;
}

.btn-padding{
	padding:11px 12px;
}

/* .btn-filter-legend{ */
/* 	padding-right : 0; */
/* } */

i.btn-filter-legend{
	padding-top: 17px;
}

#table_data{
	font-size : 10px;
}

#table_data span {
	padding: 5px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background-color: rgb(178, 178, 178) !important;
}
.select2-search__field:focus{
	outline-color: rgb(178, 178, 178)!important;
}
a.toggle-button-grid {

    color: #f7f7f7;

}

a.toggle-button-grid-common {
	cursor: pointer;
    padding: 10px 12px 0px 0px;
    float: right;
  	text-transform: uppercase;
}

a.toggle-button-grid.down {
	background: #989898;
	border-top: solid 2px #777;
	border-left: solid 2px #777;
	border-bottom: solid 2px #eaeaea;
	border-right: solid 2px #eaeaea;
	text-decoration: none;
	box-shadow: inset 0 0 0 1px #444444, 0 5px 15px #193047;
}

i.toggle-up{
	color:#c7c7ce;
}

i.toggle-down{
	color:black;
}

span.inf-msg{
	color: black;
    font-size: 0.8em;
    font-style: italic;
}

span.inf-hotspot{
	color: white;
    font-size: 0.8em;
    font-style: italic;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.rectangle-selected {
	position: absolute;
	background: rgb(255, 162, 0) !important;
	z-index: 999;
	border: 2px solid rgb(255, 162, 0) !important;
}


.idisapprove{
	 margin-right: -4px;

}
.ionphotoarea{
	
	opacity: 0.8;
	background-color:gray;
	cursor:pointer;
    color: white;
 	padding:4px;
/*     font-size: 30px; */
    font-size: 25px
}


.imgAsIs-content-photoArea {
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
	height: auto;
	margin-top: 15px;
}

.imgAsIs-content-grid-photoArea {
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
	height: 195px;
/* 	margin-top: 15px; */
/* 	margin-bottom: 15px; */
}

.cell-photo-content-photoArea{
/* 	margin:15px 0px 60px 68px; */
	margin:15px 0px 10px 19px;
/* 	margin:15px 50px 60px 15px; */
/* 	background-color: #e3e3e4; */
/* 	background-color: #d1d1d4; */
/* 	border: 1px solid black; */
    height: auto;
/*    height: 434px; */

}

.div_comment{
	overflow-y: scroll;
	overflow-x: hidden;
	border-color: black;
	height: 78px;
/* 	width: auto; */
	width: 104%;
}
.div-message-comment{
/* 	background-color: #cacbce; */
    border-bottom: #EAEAEA 1px ridge;
    margin-bottom:4px;
}

.div-message-comment-username{
	 margin-bottom:1px;
}


.div_comment-popup{
	overflow-y: auto;
	overflow-x: hidden;
	height: 300px; 
	margin-bottom: 17px;
/* 	width: 95%; */
/* 	width: 104%; */
}

.text-area-photoarea-box{
	height:100% !important;
    font-size: 90%;
     resize: none;
     width : 109%;
     margin-top:10px;
     border:none;
}

.content-new-comment-attach 
{
	background: url('../img/attach.png') no-repeat center;
	height: 44px;
	color: #6f6f6f;
	text-align: center;
	cursor: pointer;
    background-color: transparent !important;
}

 .content-new-comment-attach input[type='file']{
	line-height: 38px;
	cursor: pointer;
	opacity: 0;
	margin-left: -10px;
    width: 250%
 }
.canvas_photo_area{
     background-position-x: center;
    background-position-y: center;
    padding-top: 0px !important;
    background-size: contain !important;
    background-position: top !important;
    background-repeat: no-repeat !important;
    }
    
    


.refused-info-content div.show-refused-info {
	background-color: #e2e2e2;
	font-size: 1.3em;
	text-align: center;
	padding: .5em 0;
	cursor: pointer;
}

.refused-info-content div.show-refused-info .fa-picture-o {
	vertical-align: middle;
}

#color-pen { margin: 10px; } 
#color-pen a { 
        border-radius: 100%; border: 1px solid black; height: 30px; line-height: 30px; padding: 0 15px; vertical-align: middle; text-align: center; text-decoration: none; display: inline-block; color: black; font-weight: bold; 
  }

.color-pen-selected {
	opacity: 1 !important;
	border:none !important;
}

.height-comment-grid{
	height:35px !important;
	padding-left: 10px;
    padding-right: 15px;
}

.sendbutton-comment{
	background-color:white;
	border:none;
}
.showAllComments-button{
 position: absolute;
   margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.showAllComments-button:hover{
	color:rgb(206, 134, 3);

}
.showPhotoDraw-button{
 position: absolute;

   margin-top: 10px;
   margin-bottom: 10px;
    cursor: pointer;
    color: rgb(206, 134, 3);

}

.h4packet {
	text-transform: uppercase;
	font-size: 19px;
	font-weight: bold;

}
div.div_table_packet{
	margin-top:30px;
}

.background-color-modify{
	background-color : #ff8100 !important;
}
.disabled-button-photoarea{
	background-color: #636161 !important;
	color: #E4E3E3 !important;
    pointer-events: none;
    
}
a.selected-button{
	background-color: #D47C00;
}
a.selected-button:focus{
	outline-color: #D47C00;
}
.background-popup-grey{
	 background-color:#e0e0e0 !important;
	 height:auto !important;
}
.background-popup-white{
	 background-color:white !important;
	 height:auto !important;
}
.row-grid-photo-border-photoarea{
/* 	margin: 60px 40px 0px 48px; */
/*  	padding: 50px 0 50px 0; */
margin-top: 50px;
margin-bottom: 30px;
/*     margin-left: 2px; */
/* 	border-bottom: 1px black solid; */
}
.button-actionmap-width{
	width:130px;
	margin-left:5px;
}

.dialogWithDropShadow {
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	    overflow-x: hidden;
}

.aclose:hover {
	color: #636161;
}

.fix_season{
	opacity:0.52;
	cursor:default !Important;
}
a.anchor_macrobanner_show_hide{
	cursor: pointer !important; 
}

a.anchor_macrobanner_show_hide:hover{
	opacity:0.52;
}

.trash_button {
	     background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden