::-ms-clear { display: none; }

a, button {
	-webkit-tap-highlight-color: transparent!important;	
}

* {
	overscroll-behavior: none;
}

body {
	background: #fff;
}

#main {
	min-height: 550px;
}

.min-height-auto {
	min-height: auto!important;
}

#logo {
	margin-top: 6px;
}

#logo img {
	width: 128px;
	height: 37.75px;
}
/* ====================================================================================================== */
.layer-axis {
	transition: all .2s!important;
	color: white!important;
	background-color: transparent;
}
.layer-axis.disabled {
	cursor:not-allowed;
	pointer-events:none;
	opacity:.65;
	filter:alpha(opacity=65);
	-webkit-box-shadow:none;
	box-shadow:none
}
 
.textreader {
	overflow: auto;
    width: 100%;
    height: 100%;
    font-family: "Lucida Console", Monaco, monospace;
    font-size: 12px;
    white-space: pre;
}
/* ====================================================================================================== */
/*
 * bootstrap form validation classes
 */
.boot-form .state-error input,
.boot-form .state-error select,
.boot-form .state-error textarea,
.boot-form .radio.state-error i,
.boot-form .checkbox.state-error i,
.boot-form .toggle.state-error i {
  background: #fff0f0;
  border-color: #A90329;
}
.boot-form .form-group.state-error {
	margin-bottom: 6px;
}
.boot-form .toggle.state-error input:checked + i {
  background: #fff0f0;
}
.boot-form .state-error + em, .boot-form .state-error > em.invalid {
  display: block;
  margin-top: 6px;
  padding: 0 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #D56161;
}
.boot-form .rating.state-error + em  {
  margin-top: -4px;
  margin-bottom: 4px;
}
.boot-form .state-error select + i {
  background: #FFF0F0;
  box-shadow: 0 0 0 9px #FFF0F0;
}
.boot-error .icon-append,
.boot-error .icon-prepend {
  color: #ed1c24;
}
/*
 * success state
 */
.boot-form .state-success input,
.boot-form .state-success select,
.boot-form .state-success textarea,
.boot-form .radio.state-success i,
.boot-form .checkbox.state-success i,
.boot-form .toggle.state-success i {
  background: #f0fff0;
  border-color: #7DC27D;
}
.boot-form .toggle.state-success input:checked + i {
  background: #f0fff0;
}
.boot-form .note-success {
  color: #6fb679;
}
.boot-form .state-success select + i {
  background: honeyDew;
  box-shadow: 0 0 0 9px honeyDew;
}

.boot-form .form-control[disabled], .boot-form .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;
    cursor: not-allowed;
    opacity: 1;
}

em.invalid {
	color: #D56161;
	font-style: normal;
	word-break: break-all;
}
/* ====================================================================================================== */
/*
 * custom checkbox
 */
 /* To wrap in a bootstrap form */
.tiny-check-control {
	display: block;
	width: 100%;
	/* height: 32px; */
	padding: 6px 0px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
}
 
 /* The container */
.tiny-check {
  display: block;
  position: relative;
  padding-left: 23px;
  /*margin-bottom: 12px;*/
  cursor: pointer;
  /*font-size: 22px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.tiny-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.tiny-checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border: 1px solid #ddd;
}

/* On mouse-over, add a grey background color */
.tiny-check:hover input ~ .tiny-checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.tiny-check input:checked ~ .tiny-checkmark {
  background-color: #2196F3;
  border-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.tiny-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.tiny-check input:checked ~ .tiny-checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.tiny-check .tiny-checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.form-inline .tiny-check-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
/* ====================================================================================================== */
/*
 * custom radio button
 */
 /* To wrap in a bootstrap form */
.tiny-radio-control {
	display: block;
	width: 100%;
	height: 32px;
	padding: 6px 0px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
}

 /* The container */
.tiny-radio {
  display: block;
  position: relative;
  padding-left: 23px;
  /*margin-bottom: 12px;*/
  cursor: pointer;
  /*font-size: 22px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.tiny-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.tiny-radiomark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.tiny-radio:hover input ~ .tiny-radiomark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.tiny-radio input:checked ~ .tiny-radiomark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.tiny-radiomark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.tiny-radio input:checked ~ .tiny-radiomark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.tiny-radio .tiny-radiomark:after {
 	top: 4px;
	left: 4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
/* ====================================================================================================== */
.font-2lg {
    font-size: 300% !important;
}

.font-110 {
    font-size: 110% !important;
}

.font-size-15 {
    font-size: 15px !important;
}

.clear-none {clear: none !important;}
 
.cursor-none {cursor: none!important;}
.cursor-auto {cursor: auto!important;}
.cursor-pointer {cursor: pointer!important;}
.cursor-default {cursor: default!important;}
.cursor-crosshair {cursor: crosshair!important;}
.cursor-help {cursor: help!important;}
 
.no-border-radius {-webkit-border-radius: none!important; -moz-border-radius: none!important; -ms-border-radius: none!important; border-radius: none!important;}
 
.no-border {border: none!important;} 
.no-border-top, .no-border-horizontal {border-top: none!important;}
.no-border-bottom, .no-border-horizontal {border-bottom: none!important;}
.no-border-right, .no-border-vertical, .no-border-right header, .no-border-right div[role=content] {border-right: none!important;}
.no-border-left, .no-border-vertical, .no-border-left header, .no-border-left div[role=content] {border-left: none!important;}

.bordered {border: 1px solid #ddd !important;}
.border-top, .border-horizontal {border-top: 1px solid #ddd !important;}
.border-right, .border-vertical  {border-right: 1px solid #ddd !important;}
.border-bottom, .border-horizontal  {border-bottom: 1px solid #ddd !important;}
.border-left, .border-vertical {border-left: 1px solid #ddd !important;}

.border-top-color-cyan-500 {border-top-color: #00bcd4 !important;}
.border-bottom-color-cyan-500 {border-bottom-color: #00bcd4 !important;}
.border-top-color-cyan-100 {border-top-color: #b2ebf2 !important;}
.border-bottom-color-cyan-100 {border-bottom-color: #b2ebf2 !important;}
.border-top-color-grey-50 {border-top-color: #fafafa !important;}
.border-bottom-color-grey-50 {border-bottom-color: #fafafa !important;}

.no-padding-left, .no-padding-vertical {padding-left: 0!important;}
.no-padding-right, .no-padding-vertical {padding-right: 0!important;}
.no-padding-bottom, .no-padding-horizontal {padding-bottom: 0!important;}
.no-padding-top, .no-padding-horizontal {padding-top: 0!important;}


.padding-left-5, .padding-vertical-5 {padding-left: 5px!important;}
.padding-right-5, .padding-vertical-5 {padding-right: 5px!important;}
.padding-bottom-5, .padding-horizontal-5 {padding-bottom: 5px!important;}
.padding-top-5, .padding-horizontal-5 {padding-top: 5px!important;}
.padding-left-10, .padding-vertical-10 {padding-left: 10px!important;}
.padding-right-10, .padding-vertical-10 {padding-right: 10px!important;}
.padding-bottom-10, .padding-horizontal-10 {padding-bottom: 10px!important;}
.padding-top-10, .padding-horizontal-10 {padding-top: 10px!important;}
.padding-left-15, .padding-15, .padding-vertical-15 {padding-left: 15px!important;}
.padding-right-15, .padding-15,  .padding-vertical-15 {padding-right: 15px!important;}
.padding-bottom-15, .padding-horizontal-15, .padding-15 {padding-bottom: 15px!important;}
.padding-top-15, .padding-horizontal-15, .padding-15 {padding-top: 15px!important;}

.padding-col {
	padding-left: 13px;
	padding-right: 13px;
}

.no-margin-bottom, .no-margin-horizontal {margin-bottom: 0px !important;}
.no-margin-top, .no-margin-horizontal {margin-top: 0px !important;}
.no-margin-right, .no-margin-vertical {margin-right: 0px !important;}
.no-margin-left, .no-margin-vertical {margin-left: 0px !important;}

.margin-bottom-5, .margin-horizontal-5, .margin-5 {margin-bottom: 5px !important;}
.margin-top-5, .margin-horizontal-5, .margin-5 {margin-top: 5px !important;}
.margin-right-5, .margin-vertical-5, .margin-5 {margin-right: 5px !important;}
.margin-left-5, .margin-vertical-5, .margin-5 {margin-left: 5px !important;} 

.margin-bottom-10, .margin-horizontal-10, .margin-10 {margin-bottom: 10px !important;}
.margin-top-10, .margin-horizontal-10, .margin-10 {margin-top: 10px !important;}
.margin-right-10, .margin-vertical-10, .margin-10 {margin-right: 10px !important;}
.margin-left-10, .margin-vertical-10, .margin-10 {margin-left: 10px !important;} 

.margin-bottom-15, .margin-horizontal-15, .margin-15 {margin-bottom: 15px !important;}
.margin-top-15, .margin-horizontal-15, .margin-15 {margin-top: 15px !important;}
.margin-right-15, .margin-vertical-15, .margin-15 {margin-right: 15px !important;}
.margin-left-15, .margin-vertical-15, .margin-15 {margin-left: 15px !important;} 

.margin-bottom-20, .margin-horizontal-20, .margin-20 {margin-bottom: 20px !important;}
.margin-top-20, .margin-horizontal-20, .margin-20 {margin-top: 20px !important;}
.margin-right-20, .margin-vertical-20, .margin-20 {margin-right: 20px !important;}
.margin-left-20, .margin-vertical-20, .margin-20 {margin-left: 20px !important;} 

.margin-row {
	margin-left: -13px;
	margin-right: -13px;
}

.height-25 {height: 25px!important;}

.input-xs-2-5 {
	padding: 2px 5px!important;
}

.bg-color-white {
	background-color: #fff!important;
}

.hidden-menu i {
	color: inherit;
}
/* ====================================================================================================== */
/*
 * Title Seperator
 */
.title-seperator {
  display: block;
  text-align: center;
  color: #999999;
  margin: 10px 0 0;
}
.title-seperator > :first-child {
  padding: 4px 5px;
  border: 1px dashed #00bcd4 /*rgba(0, 0, 0, 0.1)*/;
  background: #ffffff;
  font-size: 11px;
  border-radius: 4px;
}
.title-seperator .btn,
.title-seperator .btn + .dropdown-menu {
  margin-right: 15px;
}
.title-seperator:after {
  display: block;
  content: " ";
  /* margin: 0 20px; */
  border-bottom: 1px dashed #00bcd4 /*rgba(0, 0, 0, 0.1)*/;
  margin-top: -8px;
}

/* ====================================================================================================== */
/* border for table without bordered container*/
 .table-boxed {
	border: 1px solid #ddd !important;
}

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

.table.table-sticky-head > thead {
  position: sticky;
  top: 0;
}

.table-no-bordered > tbody > tr > td, 
.table-no-bordered > tbody > tr > th, 
.table-no-bordered > tfoot > tr > td, 
.table-no-bordered > tfoot > tr > th, 
.table-no-bordered > thead > tr > td, 
.table-no-bordered > thead > tr > th {
    border: none;
}

.table-body-no-border-top > tbody > tr:first-child > td, 
.table-body-no-border-top > tbody > tr:first-child > th {
    border-top: none;
}
.table-foot-no-border-top > tfoot > tr:first-child > td, 
.table-foot-no-border-top > tfoot > tr:first-child > th {
    border-top: none;
} 
.table-head-no-border-top > thead > tr:first-child > td, 
.table-head-no-border-top > thead > tr:first-child > th {
    border-top: none;
}

.table-condensed-md.table > tbody > tr > td, 
.table-condensed-md.table > tbody > tr > th, 
.table-condensed-md.table > tfoot > tr > td, 
.table-condensed-md.table > tfoot > tr > th, 
.table-condensed-md.table > thead > tr > td, 
.table-condensed-md.table > thead > tr > th {
    padding: 3px 5px !important;
}

.table-condensed-sm.table > tbody > tr > td, 
.table-condensed-sm.table > tbody > tr > th, 
.table-condensed-sm.table > tfoot > tr > td, 
.table-condensed-sm.table > tfoot > tr > th, 
.table-condensed-sm.table > thead > tr > td, 
.table-condensed-sm.table > thead > tr > th {
    padding: 2px 5px !important;
}

.table-condensed-xs.table > tbody > tr > td, 
.table-condensed-xs.table > tbody > tr > th, 
.table-condensed-xs.table > tfoot > tr > td, 
.table-condensed-xs.table > tfoot > tr > th, 
.table-condensed-xs.table > thead > tr > td, 
.table-condensed-xs.table > thead > tr > th {
    padding: 2px 0px !important;
}

.table-condensed-xs-header.table > tbody > tr > td, 
.table-condensed-xs-header.table > tbody > tr > th, 
.table-condensed-xs-header.table > tfoot > tr > td, 
.table-condensed-xs-header.table > tfoot > tr > th, 
.table-condensed-xs-header.table > thead > tr > td, 
.table-condensed-xs-header.table > thead > tr > th {
    padding: 0px 0px !important;
}

.table-condensed-sm-checkbox.table > tbody > tr > td, 
.table-condensed-sm-checkbox.table > tbody > tr > th, 
.table-condensed-sm-checkbox.table > tfoot > tr > td, 
.table-condensed-sm-checkbox.table > tfoot > tr > th, 
.table-condensed-sm-checkbox.table > thead > tr > td, 
.table-condensed-sm-checkbox.table > thead > tr > th {
    padding: 0px 4px !important;
}

.table thead tr,
.fc-border-separate thead tr {
  background-color: white; /* viin */
  background-image: none;
  /* viin
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
  background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -ms-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  */
  font-size: 12px;
}

.table-div-word-break {
	display: table-cell!important; 
	word-break: break-all;
}

li.list-group-item > table > tbody > tr > td, 
li.list-group-item > table > tbody > tr > th, 
li.list-group-item > table > tfoot > tr > td, 
li.list-group-item > table > tfoot > tr > th, 
li.list-group-item > table > thead > tr > td, 
li.list-group-item > table > thead > tr > th {
    padding: 2px 5px !important;
}

.dt-toolbar {
  display: block;
  position: relative;
  padding: 6px 7px 1px;
  width: 100%;
  float: left;
  border-bottom: 1px solid #ccc;
  background: white; /* viin */
}
.dt-toolbar-footer {
  background: white; /* viin */
  font-size: 11px;
  overflow: hidden;
  padding: 5px 10px;
  border-top: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px #fff;
  -moz-box-shadow: inset 0 1px #fff;
  -ms-box-shadow: inset 0 1px #fff;
  box-shadow: inset 0 1px #fff;
}

td button.btn-link.btn-xs {
	padding-top: 2px;
}

.btn-link-danger {
	color: #b94a48 !important;	
}
.btn-link-danger:hover {
	color: #77021d !important;	
}

/* Project owned list */
table#projects_table td:nth-child(1) div.pull-right {
	padding-top: 5px;
}

a.action-publish {
	color: #00BCD4 !important;
}

a.action-synchronize {
	color: #8BC34A !important;
}

a.action-undo,
a.action-delete-locally,
a.action-delete-project,
a.action-delete {
	color: #f44336 !important;
}

a.action-publish:hover, 
a.action-undo:hover, 
a.action-synchronize:hover,
a.action-delete-locally:hover,
a.action-delete:hover {
	color: #fff !important;
}

/* Project header info */
.head-project-info {
	color: #fff;
	display: inline-block;
	font-size: 10px;
	font-weight: lighter;
	height: 49px;
	padding: 7px 13px 0;
	margin-left: 25px;
}

.head-project-info > .menu {
	text-shadow: 0 0 1px #111318;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.head-project-info > .name {
	max-width: 205px;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	font-size: 14px;
  	border: none;
  	cursor: pointer;
  	user-select: text;
}

/* ====================================================================================================== */
.task-monitor > span.text {
	text-transform: capitalize;
}

.task-monitor .progress-bar {
	background-color: #40c4ff;
	background-image: none;
}

/* ====================================================================================================== */
.project-node-rename-wrapper,
.project-hotspot-rename-wrapper {
  z-index: 1000 !important;
	
  border: 1px solid #ccc;
  border-radius: 3px;
  
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);

  padding: 8px 4px;
  
  position:absolute;
  
  width: 275px;
  
  font-size: 90%;
}

.project-node-rename-wrapper .input-group-btn > .btn-xs,
.project-hotspot-rename-wrapper .input-group-btn > .btn-xs {
	padding: 2px 5px;
}

.project-node-rename-wrapper .input-xs,
.project-hotspot-rename-wrapper .input-xs {
	padding: 2px 5px;
}

.project-node-rename-wrapper em.invalid,
.project-hotspot-rename-wrapper em.invalid {
	display: block;
	margin-top: 4px;
	margin-bottom: 4px;
}

.project-node-rename-wrapper-overlay,
.project-hotspot-rename-wrapper-overlay {
	background: rgba(255,255,255,.8);
	opacity: 0;
	height: 100%;
	width: 100%;
	z-index: 949 !important;
	position: fixed;
	top: 0px;
	left: 0px;
}

.project-node-rename-dialog em.invalid,
.project-hotspot-rename-dialog em.invalid {
	display: block;
	margin-top: 6px;
}
/* ====================================================================================================== */
.mouse-follower-wrapper {
  border-radius: 3px;
  color: #fff;
  text-align: center;
  cursor: default;
  
  background-color: rgba(0,0,0,0.7);
  box-shadow: none;

  line-height: 1.2;
  padding: 8px 10px;
  
  position:absolute;
  
  margin-left: 10px;
  margin-top: 5px;
}

.mouse-follower-wrapper.right {
  margin-right: 10px;
  margin-left: 0px;
}
/* ====================================================================================================== */
.context-menu {
	position: absolute;
	/*display: none;*/
}

.context-menu > ul {
	display: block;
}

/* ====================================================================================================== */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
     background-color: #888;
 }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #888;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu:not(:hover)>.dropdown-menu {
    display: none;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-menu .disabled {
  color: #999!important;
}
/* ====================================================================================================== */
 /* ====================================================================================================== */
 /* ====================================================================================================== */
.linked {
	color: #00BCD4;
}

.clickable {
	cursor: pointer;
	color: #0078A8;
}
.clickable:hover {
	text-decoration: underline;
}
.clickable .disabled {
	cursor: not-allowed;
	pointer-events: none;
 	opacity: .65;
 	filter: alpha(opacity=65);
}

span.highlight {
	background-color: yellow;
}

a.project-link.disabled {
	color: inherit;
	opacity: .65;
}

.create-new-hotspot a.creating {
	color: #fb3c4a;
}

/* ====================================================================================================== */
.smart-form footer {
  display: block;
  padding: 7px 14px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: white; /* viin*/ 
}

.smart-form .input input, .smart-form .select select, .smart-form .textarea textarea {
    -moz-appearance: none;
    background: none repeat scroll 0 0 #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: #404040;
    display: block;
    font: 13px/16px Helvetica,Arial,sans-serif;
    height: 34px;
    outline: medium none;
    padding: 8px 10px;
    width: 100%;
}

.smart-form .textarea textarea {
    height: auto;
    resize: none;
}

.smart-form .select select {
    padding: 5px;
}

.smart-form input.input-sm {
    font-size: 12px;
    height: 30px;
    line-height: 1.5;
    padding: 5px 10px;
}

.smart-form .input-file .button {
	top: 6px;
}

.smart-form .input-file > input[type=text] {
	padding-right: 80px;
	text-overflow: ellipsis;
}

.smart-form fieldset {
	padding: 25px 15px 5px;
}

.smart-form .col-7 {
  width: 58.34%;
}

.form-actions {
	background-color: #fff;
}
.form-actions.in-dialog {
	padding-bottom: 4px;
	margin-bottom: 0px;
}

.form-actions.in-dialog.top {
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 0px;
	border-top: none;
}

.form-actions.in-dialog.top em.invalid {
	margin-top: 5px;
}

li.list-group-item.clickable:hover {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5;
}

.vakata-context.jstree-contextmenu.jstree-default-contextmenu {
	z-index: 2001;
}

.vakata-context li > a:not(:has(i)) {
	padding: 0 20px;
}

/*
.vakata-context, .vakata-context ul {
	background: #fff!important;
	border: 1px solid rgba(0,0,0,.15)!important;
	box-shadow: 0 6px 12px rgba(0,0,0,.175)!important;
}

.vakata-context li > a {
	line-height: 1.42857143!important;
}

.vakata-context li.vakata-context-separator {
	margin-top: 8px;
	margin-bottom: 8px;
}

.vakata-context li > a:hover {
	background-color: #888!important;
}
*/

/* ====================================================================================================== */
.smart-style-1 .project-context>:first-child{
	color: white; /* viin */
	text-shadow:0 0 1px #111318;
}
.smart-style-1 .project-selector{
	color: white; /* viin */
}
 
.widget-body-toolbar, .smart-form.widget-body-toolbar {
	display: block;
	padding: 8px 10px;
	margin: -13px -13px 13px;
	min-height: 42px;
	border-bottom: 1px solid #ccc;
	background: #F9FBE7;
	color: gray;
} 

.widget-body-toolbar.black-and-white {
	background: #FFFFFF;
	color: #000000;
}

.tooltip {
	z-index: 99999;
}

#extr-page-header-space > :first-child {
	padding-top: 5px;
}

#extr-page-header-space .btn {
    font-weight: normal;
    text-transform: none;
}

#extr-page-header-space > a {
    margin-left: 15px;
}

#wid-id-player-map .widget-toolbar > a, #wid-id-composer-map .widget-toolbar > a {
	color: #3276b1!important;	
}

#wid-id-player-map .widget-toolbar > a.disabled, #wid-id-composer-map .widget-toolbar > a.disabled {
	color: #999!important;
	cursor: not-allowed;
	pointer-events: none;	
}

#wid-id-player-map .widget-toolbar > a.disabled-ghost, #wid-id-composer-map .widget-toolbar > a.disabled-ghost {
	color: #999!important;
	cursor: not-allowed;
	pointer-events: none;
}

#wid-id-player-map .widget-toolbar > a:hover, #wid-id-composer-map .widget-toolbar > a:hover {
	color: #214e75!important;	
}
#wid-id-category-manager .categories-form {
	padding-left: 13px;
	padding-right: 13px;
}

#wid-id-category-manager hr {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

#wid-id-category-manager div.tag-list {
	padding-left: 15px !important;
  	padding-right: 8px !important;
}

#wid-id-category-manager div.tag-list > table {
	margin-top: 0px !important;
}

#wid-id-analyzer-queue .table > tbody > tr > td, 
#wid-id-analyzer-success .table > tbody > tr > td, 
#wid-id-analyzer-failed .table > tbody > tr > td,
#wid-id-storage-queue .table > tbody > tr > td, 
#wid-id-storage-success .table > tbody > tr > td, 
#wid-id-storage-failed .table > tbody > tr > td {
    padding: 5px 5px !important;
}

#wid-id-hotspot-data header > h2 {
	width: 100px;
}
/* ====================================================================================================== */
label input.radiobox[type="radio"] + span::before, label input.checkbox[type="checkbox"] + span::before {
	background-color: #ffffff;
	margin-top: -4px;
}

.edit-tags .checkbox input + i::after,
.edit-tags label input[type="checkbox"].checkbox:checked + span::before,
.edit-exclusions .checkbox input + i::after,
.edit-exclusions label input[type="checkbox"].checkbox:checked + span::before {
    color: #b94a48;
}

.edit-tags .checkbox input:checked + i,
.edit-tags label input[type="checkbox"].checkbox:checked + span:before,
.edit-exclusions .checkbox input:checked + i,
.edit-exclusions label input[type="checkbox"].checkbox:checked + span:before {
    border-color: #b94a48;
}

.edit-tags .checkbox input:checked ~ span,
.edit-exclusions .checkbox input:checked ~ span {
    color: #b94a48;
}


.edit-tags .checkbox:hover i,
.edit-tags label:hover input[type="checkbox"].checkbox + span:before,
.edit-exclusions .checkbox:hover i,
.edit-exclusions label:hover input[type="checkbox"].checkbox + span:before {
  border-color: #b94a48;
}

.edit-tags .checkbox input:focus + i,
.edit-exclusions .checkbox input:focus + i {
  border-color: #b94a48;
}

.edit-tags .checkbox input + i::after,
.edit-tags .checkbox input:checked + i::after,
.edit-tags label input[type="checkbox"].checkbox:checked + span::before,
.edit-exclusions .checkbox input + i::after,
.edit-exclusions .checkbox input:checked + i::after,
.edit-exclusions label input[type="checkbox"].checkbox:checked + span::before {
  content: '\f00d';
}

.edit-custom .form-control[readonly] {
    cursor: text;
    background-color: #fff;
    opacity: 1;
}

.edit-custom .form-control-feedback.clearer {
	line-height: 32px !important;
	display: block !important;
	cursor: pointer;
	opacity: .3;
}

.edit-custom .form-control-feedback.clearer:hover {
	opacity: .6;
}

.edit-custom .input-group.has-suggestion {
	width: 100%;
}

.edit-custom .input-group.has-suggestion input {
	width: 60%;
}

.edit-custom .input-group.has-suggestion .bootstrap-select {
	width: 40%;
}

.edit-custom .input-group.has-suggestion ~ .form-control-feedback.clearer {
	left: 303px;
}

.edit-custom .input-group:not(.has-suggestion) {
	width: 100%;
}

.edit-custom .input-group:not(.has-suggestion) .bootstrap-select {
	display: none;
}

.edit-custom .input-group button {
	height: 32px;
}

.edit-custom .form-group.state-error + div.text-muted { /* inline form in hotspot edit */
	margin-top: -5px;
}


.edit-hotspot-links .available-header,
.edit-hotspot-links .current-header {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	line-height: 32px;
}

.edit-hotspot-links .available-header button,
.edit-hotspot-links .current-header button {
	margin-left: 5px;
}

.edit-hotspot-links .available-header span.counter,
.edit-hotspot-links .available-header span.filter-container,
.edit-hotspot-links .current-header span.counter {
	padding: 0px 10px;
	border-left: 1px solid #ddd;
}

.edit-hotspot-links .available-header span.counter,
.edit-hotspot-links .current-header span.counter {
	font-weight: bold;
}

.edit-hotspot-links .available-body,
.edit-hotspot-links .current-body {
	border: 1px solid #ddd;
}

.edit-hotspot-links .available-body th,
.edit-hotspot-links .current-body th {
	font-size: 15px;
}

.edit-hotspot-links .superbox-list {
	width: 32%;
}

.edit-hotspot-links .superbox-overlay {
	font-size: 10px;
}

.edit-hotspot-notes .modal-title {
	line-height: 1.8em;
}

.edit-hotspot-notes .modal-title button.save {
	margin-right: 25px;
}

.edit-hotspot-notes em.invalid {
	position: absolute;
  	top: -25px;
}

.node-factory-modal .repository-header {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	line-height: 32px;
}

.node-factory-modal .repository-header button.action {
	margin-left: 5px;
}

.node-factory-modal .repository-header .toolbar {
	display: inline-block;
	position: absolute;
	left: calc(50% - 72px); /* 72 px sono il filtro e il totale */
}

.node-factory-modal .repository-header .toolbar button {
	margin-left: 10px;
}

.node-factory-modal .repository-header .toolbar button:first-of-type {
	margin-left: 0px;
}

.node-factory-modal .repository-header span.counter,
.node-factory-modal .repository-header span.filter-container {
	padding: 0px 10px;
	border-left: 1px solid #ddd;
}

.node-factory-modal .repository-header span.counter,
.node-factory-modal .repository-body .folder-header span.counter {
	font-weight: bold;
}

.node-factory-modal .repository-body {
	border: 1px solid #ddd;
	padding: 5px 10px;
}

.node-factory-modal .repository-body .folder-container {
	padding-bottom: 10px;
}

.node-factory-modal .repository-body .folder-container:last-child {
	padding-bottom: 0px;
}

.node-factory-modal .repository-body .folder-header {
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
}

.node-factory-modal .repository-body .folder-header span {
	font-weight: bolder;
}

.node-factory-modal .repository-body .folder-header .toolbar {
	float: right;
}

.node-factory-modal .repository-body .folder-header .toolbar .counter {
	padding: 0px 5px;
  	font-weight: bold;
  	color: #333;
}

.node-factory-modal .repository-body .folder-header .toolbar button {
	margin-right: 10px;
}

.node-factory-modal .repository-body .folder-header .toolbar button:last-of-type {
	margin-right: 2px;
}

.node-factory-modal .superbox-list {
	width: 24%;
}

.node-factory-modal .superbox-overlay {
	font-size: 10px;
}

.project-edit-delete-dialog label input[type="checkbox"].checkbox:checked + span {
  font-weight: normal;
}

.modal.edit-tags.in,
.modal.edit-exclusions.in,
.modal.edit-custom.in,
.modal.edit-remove-hotspots.in,
.modal.edit-remove-elements.in,
.modal.edit-hotspot-links.in,
.modal.edit-hotspot-notes.in,
.modal.node-factory-modal.in,
.modal.node-rename-factory-modal.in,
.modal.scan-swapper-modal.in,
.modal.pending-changes.in,
.modal.shown-off-layer-neighbors.in,
.modal.project-vt-settings.in,
.modal.cross-server-connector.in,
.modal.project-publish-dialog.in,
.modal.project-synchronize-dialog.in,
.modal.project-online-edit.in,
.modal.categories-dialog.in
{
	z-index: 2010;
}

.modal-header .close {
	opacity: 1;
	color: rgb(140, 138, 140);
}

.modal-header .close:hover {
	color: #333;
}

.modal-body.has-overlay {
	position: relative;
}

.modal-body .overlay {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba( 254, 254, 254, 1 );
	overflow: auto;
}

.modal-body .overlay .centered {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 10px;
	position: absolute;
	width: 100%;
	text-align: center;
	word-break: break-all;
}

@media (min-width: 768px) {
	.modal-400 {
		width: 400px;
	}

	.modal-500 {
		width: 500px;
	}
}

@media (min-width: 992px) {
  .modal-xl {
    width:900px;
  }
}

@media (min-width: 1392px) {
  .modal-xl {
    width:1300px;
  }
}

@media (min-width: 1792px) {
  .modal-xl {
    width:1700px;
  }
}

@media (min-width: 2192px) {
  .modal-xl {
    width:2100px;
  }
}

.node-factory-modal .repository-body,
.hotspot-link-body-height,
.hotspot-notes-body-height {
	height: 400px;
}

@media (min-height: 652px) {
	.node-factory-modal .repository-body,
 	.hotspot-link-body-height,
	.hotspot-notes-body-height {
 		height: 500px;
 	}
}

@media (min-height: 752px) {
	.node-factory-modal .repository-body,
 	.hotspot-link-body-height,
	.hotspot-notes-body-height {
 		height: 600px;
 	}
}

@media (min-height: 852px) {
	.node-factory-modal .repository-body,
 	.hotspot-link-body-height,
	.hotspot-notes-body-height {
 		height: 700px;
 	}
}

@media (min-height: 952px) {
	.node-factory-modal .repository-body,
 	.hotspot-link-body-height,
	.hotspot-notes-body-height {
 		height: 800px;
 	}
}

@media (min-height: 1152px) {
	.node-factory-modal .repository-body,
 	.hotspot-link-body-height,
	.hotspot-notes-body-height {
 		height: 1000px;
 	}
}

@media (min-height: 1352px) {
	.node-factory-modal .repository-body,
 	.hotspot-link-body-height,
	.hotspot-notes-body-height {
 		height: 1200px;
 	}
}

@media (min-height: 1552px) {
	.node-factory-modal .repository-body,
 	.hotspot-link-body-height,
	.hotspot-notes-body-height {
 		height: 1400px;
 	}
}

@media (min-height: 1752px) {
	.node-factory-modal .repository-body,
 	.hotspot-link-body-height,
	.hotspot-notes-body-height {
 		height: 1600px;
 	}
}
/* ====================================================================================================== */
.without-tags,
.without-exclusions {
	color: #F44336 !important;
}

label input[type="checkbox"]:disabled ~ .without-tags,
label input[type="checkbox"]:disabled ~ .without-exclusions {
  	color: #ddd !important;
}

label input[type="radio"].radiobox:checked + span {
	font-weight: normal!important;
}
label input[type="checkbox"].checkbox:checked + span {
	font-weight: normal!important;
}

/* ====================================================================================================== */
.btn-header-success {
	background: #64DD17 !important;
	border: 1px solid #64DD17 !important;
}

.btn-header-2 {
	background-color: #ffab00!important;
	border-color: #ffab00!important;
}

.btn-widget {
	color:#fff;
	background-color: #ffab00;
	border-color: #ffab00;
}
.btn-widget.active,.btn-widget:active,.btn-widget:focus,.btn-widget:hover,.open>.dropdown-toggle.btn-widget {
	color:#fff;
	background-color: #ffab00;
	border-color: #ffab00;
}
.btn-widget.active,.btn-widget:active,.open>.dropdown-toggle.btn-widget {
	background-image:none
}
.btn-widget.disabled,.btn-widget.disabled.active,.btn-widget.disabled:active,.btn-widget.disabled:focus,.btn-widget.disabled:hover,.btn-widget[disabled],.btn-widget[disabled].active,.btn-widget[disabled]:active,.btn-widget[disabled]:focus,.btn-widget[disabled]:hover,fieldset[disabled] .btn-widget,fieldset[disabled] .btn-widget.active,fieldset[disabled] .btn-widget:active,fieldset[disabled] .btn-widget:focus,fieldset[disabled] .btn-widget:hover{
	background-color:#ea9e00;
	border-color:#ea9e00;
}
.btn-widget .badge{
	color:#57889c;
	background-color:#ffab00;
}

.btn-header-update {
	color: #fff!important;
	font-weight: bold;
}

.btn-header-update:HOVER {
	color: #fff!important;
	text-decoration: none;
}

/* ====================================================================================================== */
.project-search-dialog .exclusion-plain-group,
.project-search-dialog .exclusion-view-group {
	margin-bottom: 25px;
}

.project-search-dialog hr.simple,
.project-filter-dialog hr.simple {
	margin: 2px -13px 10px;
}

@media (max-width: 767px) { /* hidden-xs */
	.project-search-dialog .elements-container, 
	.project-search-dialog .hotspots-container,
	.project-search-dialog .message {
		max-height: 250px;
	}
	
	.visible-xs-inline {
    	display: inline!important;
    }
    
	.paginate_button.previous,
	.paginate_button.next { /* datatable hide prev next buttons */
		display: none;
	}
}
@media (min-width: 768px) {
	.project-search-dialog .elements-container, 
	.project-search-dialog .hotspots-container,
	.project-search-dialog .message {
		max-height: 450px;
	}
}

.project-filter-dialog .preset-container {
	margin-bottom: 15px;
}

.project-filter-dialog .preset-container .bootstrap-select {
	height: 33px;
	max-width: 200px;
}

.project-filter-dialog .preset-container .bootstrap-select .btn {
	border-right: 0px;
}

.project-filter-dialog .preset-container .form-control.preset-title {
	border-right: 0px;
	height: 33px;
}

.project-filter-dialog .preset-container .dropdown-menu {
	overflow-x: hidden;
}

.project-filter-dialog .preset-container .input-group-btn > button {
	font-size: 13px;
}

.filter-dialog .ui-tabs .ui-tabs-nav li a {
	padding: 8px 8px;
}

.filter-dialog .form-group>div.checkbox:first-child {
	margin-top: 0px;
}

.filter-dialog .filter-tabs {
	max-height: 400px;
	overflow-y: auto;
}

.filter-dialog .filter-tabs.overflow-visible {
	overflow-y: visible;
}

.filter-tabs .ui-tabs-panel {
	border: 0px;
} 

.project-clean-action-dialog table th .text-element-length {
	display: none;
}

.ui-dialog-titlebar-minimize.ui-state-default, 
.ui-dialog-titlebar-restore.ui-state-default,
.ui-dialog-titlebar-minimize.ui-dialog-titlebar-minimize .ui-widget-content .ui-state-default, 
.ui-dialog-titlebar-restore.ui-dialog-titlebar-minimize .ui-widget-content .ui-state-default,
.ui-dialog-titlebar-minimize.ui-widget-header .ui-state-default,
.ui-dialog-titlebar-restore.ui-widget-header .ui-state-default 
{
	border: none;
}

.ui-dialog-titlebar-minimize.ui-state-hover,
.ui-dialog-titlebar-minimize.ui-widget-content .ui-state-hover,
.ui-dialog-titlebar-minimize.ui-widget-header .ui-state-hover,
.ui-dialog-titlebar-minimize.ui-state-focus,
.ui-dialog-titlebar-minimize.ui-widget-content .ui-state-focus,
.ui-dialog-titlebar-minimize.ui-widget-header .ui-state-focus,
.ui-dialog-titlebar-restore.ui-state-hover,
.ui-dialog-titlebar-restore.ui-widget-content .ui-state-hover,
.ui-dialog-titlebar-restore.ui-widget-header .ui-state-hover,
.ui-dialog-titlebar-restore.ui-state-focus,
.ui-dialog-titlebar-restore.ui-widget-content .ui-state-focus,
.ui-dialog-titlebar-restore.ui-widget-header .ui-state-focus
{
  background-color: #ffffff;
  border-color: #ffffff;
}

.ui-state-hover {
	background-color: #ffffff;
}

.ui-dialog {
	z-index: 2000;
}

.ui-dialog .ui-dialog-titlebar-close {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  color: #8c8a8c;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:hover:focus {
	opacity: 1;
	color: #333;
}

.ui-dialog .ui-dialog-titlebar-close:focus {
	opacity: 1;
	color: #8c8a8c;
}

.ui-dialog-titlebar-close:before {
	font-size: 19px!important;
}

.ui-dialog-titlebar .btn-xs,
.ui-dialog-titlebar .btn-sm {
	font-size: 12px;
}

#ui-datepicker-div {
	z-index: 2011!important;
}

/* ====================================================================================================== */
.btn-text {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	padding: 3px;
	font-size: 13px;
	line-height: 1.42857143;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

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

a.btn-text.text-default:focus {
	color: #333333;
}

a.btn-text.text-success:focus {
	color: #468847;
}

a.btn-text.text-info:focus {
	color: #346597;
}

a.btn-text.text-warning:focus {
	color: #c09853;
}

a.btn-text.text-danger:focus {
	color: #b94a48;
}

a.btn-text.active, .btn:active {
    background-image: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}
a.btn-text.disabled, a.btn-text[disabled], fieldset[disabled] a.btn-text {
    box-shadow: none;
    cursor: default; /*not-allowed;*/
    opacity: 0.65;
    pointer-events: none;
    color: inherit;
}

a.disabled:not(.btn) {
    cursor: default; /*not-allowed;*/
    opacity: 0.55;
    pointer-events: none;
    color: inherit;
}

.text-default {
	color: #333333;
}
.text-white {
	color: #fff;
}
.text-strikethrough {
	position: relative;
	line-height: 1em;
}

.text-strikethrough:after {
  border-bottom: 0.125em solid;
  content: "";
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
}
/* ====================================================================================================== */
/*
 * outline button
 */
.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .2s;
}

.btn-outline:disabled, .btn-outline.disabled {
	background-color: #fff!important;
}

.btn-primary.btn-outline,
.btn-primary.btn-outline:disabled, 
.btn-primary.btn-outline:disabled:hover, 
.btn-primary.btn-outline.disabled,
.btn-primary.btn-outline.disabled:hover {
    color: #3276b1;
}

.btn-success.btn-outline,
.btn-success.btn-outline:disabled,
.btn-success.btn-outline:disabled:hover,
.btn-success.btn-outline.disabled,
.btn-success.btn-outline.disabled:hover {
    color: #739e73;
}

.btn-info.btn-outline,
.btn-info.btn-outline:disabled,
.btn-info.btn-outline:disabled:hover,
.btn-info.btn-outline.disabled,
.btn-info.btn-outline.disabled:hover {
    color: #57889c;
}

.btn-warning.btn-outline,
.btn-warning.btn-outline:disabled,
.btn-warning.btn-outline:disabled:hover,
.btn-warning.btn-outline.disabled,
.btn-warning.btn-outline.disabled:hover {
    color: #c79121;
}

.btn-danger.btn-outline,
.btn-danger.btn-outline:disabled,
.btn-danger.btn-outline:disabled:hover,
.btn-danger.btn-outline.disabled,
.btn-danger.btn-outline.disabled:hover {
    color: #a90329;
}

.btn-primary.btn-outline:focus, .btn-primary.btn-outline:active, .btn-primary.btn-outline.active {
	color: #fff;
}
.btn-success.btn-outline:focus, .btn-success.btn-outline:active, .btn-success.btn-outline.active {
	color: #fff;
}
.btn-info.btn-outline:focus, .btn-info.btn-outline:active, .btn-info.btn-outline.active {
	 color: #fff;
}
.btn-warning.btn-outline:focus, .btn-warning.btn-outline:active, .btn-warning.btn-outline.active {
	 color: #fff;
}
.btn-danger.btn-outline:focus, .btn-danger.btn-outline:active, .btn-danger.btn-outline.active {
	 color: #fff;
}

.btn-primary.btn-outline:hover, 
.btn-success.btn-outline:hover, 
.btn-info.btn-outline:hover,    
.btn-warning.btn-outline:hover, 
.btn-danger.btn-outline:hover  {
    color: #fff;
}

.btn-primary.btn-outline:hover {
	 background-color: #3276b1;	
} 
.btn-success.btn-outline:hover {
	 background-color: #739e73;	
} 
.btn-info.btn-outline:hover {
	 background-color: #57889c;	
}    
.btn-warning.btn-outline:hover {
	 background-color: #c79121;	
} 
.btn-danger.btn-outline:hover  {
	background-color: #a90329;    
}
/* ====================================================================================================== */
.btn-xxs {
	padding: 1px 4px !important;
	font-size: 11px !important;
	line-height: 1.5;
}
.btn-xxxs {
	padding: 0px 1px !important;
	font-size: 10px !important;
}
.font-xxs {
	font-size: 75% !important;
}
.font-xxxs {
	font-size: 50% !important;
}

/* ====================================================================================================== */
.fa-a:before {
    font-family: Arial;
    font-weight: bold;
    content: 'A';
}
.fa-n:before {
    font-family: Arial;
    font-weight: bold;
    content: 'N';
}
.fa-r:before {
    font-family: Arial;
    font-weight: bold;
    content: 'R';
}
.fa-s:before {
    font-family: Arial;
    font-weight: bold;
    content: 'S';
}
.fa-v:before {
    font-family: Arial;
    font-weight: bold;
    content: 'V';
}
.fa-x:before {
    font-family: Arial;
    font-weight: bold;
    content: 'X';
}
.fa-y:before {
    font-family: Arial;
    font-weight: bold;
    content: 'Y';
}
.fa-z:before {
    font-family: Arial;
    font-weight: bold;
    content: 'Z';
}
.fa-delta:before { /*http://kestrel.nmt.edu/~raymond/software/howtos/greekscape.xhtml*/
    font-family: Arial;
    font-weight: bold;
    content: '\0394';
}
.lowercase {
	text-transform: lowercase;
}
.fa-check.check-mark {
	margin-top: 3px!important;
}
.fa-1x1 {
	font-size: 1.1em;
}
.fa-1x2 {
	font-size: 1.2em;
}
.fa-1x3 {
	font-size: 1.3em;
}
.fa-1x4 {
	font-size: 1.4em;
}
.fa-1x5 {
	font-size: 1.5em;
}
.fa-stack-widget-toolbar {
	position: relative;
	display: inline-block;
	/*width: 1em;*/
	height: 1em;
	line-height: 1em;
	vertical-align: middle;
}
.rotate-45, .fa-rotate-45 {
	-webkit-transform : rotate(45deg);
    -moz-transform : rotate(45deg);
    -ms-transform : rotate(45deg);
    transform : rotate(45deg);
}

.rotate-90 {
	-webkit-transform : rotate(90deg);
    -moz-transform : rotate(90deg);
    -ms-transform : rotate(90deg);
    transform : rotate(90deg);
}

.rotate-180 {
	-webkit-transform : rotate(180deg);
    -moz-transform : rotate(180deg);
    -ms-transform : rotate(180deg);
    transform : rotate(180deg);
}

.rotate-270 {
	-webkit-transform : rotate(270deg);
    -moz-transform : rotate(270deg);
    -ms-transform : rotate(270deg);
    transform : rotate(270deg);
}

.fa-rotate-315 {
	-webkit-transform : rotate(315deg);
    -moz-transform : rotate(315deg);
    -ms-transform : rotate(315deg);
    transform : rotate(315deg);
}

/* No styles */
.grayscale { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); /* Firefox 4+ */
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  opacity: .6;
}

/* ====================================================================================================== */
/*
 * font weight bolder
 */
.font-bolder, .text-bolder, .bold {
	font-weight: bold !important;
}

.text-cyan500 {
	color: #00bcd4;
}

.text-element-size {
	color: #01579b;
}

.text-element-length {
	color: rgb(85, 133, 62);
}

.text-break-word {
	 word-wrap: break-word;
}

.text-break-all {
	 word-break: break-all;
}

.text-underline {
	text-decoration: underline;
}

.text-capitalize {
	text-transform: capitalize;
}

/* ====================================================================================================== */
.smart-accordion-default .panel-default > .panel-heading {
  background-color: #fff;
}

.panel {
  margin-bottom: 18px;
  background-color: #ffffff;
  /*border: 1px solid transparent;*/
  border: none;
  border-radius: 0px!important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui-dialog,.ui-dialog-content {
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing:content-box!important;
    box-sizing: content-box!important;
}

.ui-dialog-content .panel {
  margin-bottom: 0px!important;
}

.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  /*border-bottom: 1px solid transparent;*/
  border-bottom: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel.boxed .panel-heading {
	border-bottom: 1px solid #eeeeee;
}
.panel-heading button.close {
	float: right !important;
	padding-top: 7.5px;
}

.ui-dialog-content .panel-heading > :first-child {
	margin: 8px 0; 
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #ffffff;
  /*border-top: 1px solid #dddddd;*/
  border-top: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.panel.boxed .panel-footer {
	border-top: 1px solid #eeeeee;
}
.ui-dialog-content .panel-footer {
	padding: 19px 15px 20px; 
}
.ui-dialog-content .panel-footer button.pull-right {
	margin-left: 5px;
}

.panel-default>.panel-heading{
	color: black; /* viin */
	background-color: #ffffff; 
	border-color: #ddd;
	font-weight: bold; /* viin */
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}

.ui-widget-overlay {
	background: rgba(255,255,255,.8);
	opacity: 0;
}

/* ====================================================================================================== */
a.element-action, a.element-message {
	cursor: pointer;	
}

a.element-action-fake, a.element-action-fake:hover {
	cursor: default;
	color: #333;
	text-decoration: none;
}

/* ====================================================================================================== */
/*
 * fix width device no-padding jarviswidget for ie
 */
.jarviswidget-ie-scrollbar-fix {
	 margin: 0 0 0px!important;
}

.jarviswidget > header {
	color: #333;
	border: 1px solid #C2C2C2;
	background: white;
}

.jarviswidget > header > .widget-toolbar > a.text-danger:focus {
	color: #b94a48;
}

@media (min-width: 768px) and (max-width: 880px) {
	.jarviswidget header h2 {
		width: 350px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.jarviswidget header h2 {
		width: 350px;
	}
}

@media (max-width: 979px) {
	.jarviswidget header h2 {
		width: 350px;
	}
}
/*
 * ANDROID
 */
@media only screen and (min-width: 0px) and (max-width: 679px) {
	.jarviswidget header h2 {
		width: 290px;	
	}
}
/*
 * IPHONE
 */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.jarviswidget header h2 {
		width: 290px;	
	}
}

/* CONTENT */
.jarviswidget > div {
  float: left;
  width: 100%;
  position: relative;
  font-size: 13px;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin: 0;
  border-width: 1px 1px 1px 1px; /* viin */
  border-style: solid;
  border-top: none;
  border-right-color: #CCC !important;
  border-bottom-color: #CCC !important;
  border-left-color: #CCC !important;
  padding: 13px 13px 0px;
  /* as per version 1.3 */
  overflow: visible;
}
/* ====================================================================================================== */
.widget-toolbar .counter {
	padding: 0px 5px;
	font-weight: bold;
	color: #333;
}

.widget-toolbar .counter.counter-label {
	display: inline;
	padding: 0px 1px 1px 1px;
	font-size: 10px;
    font-weight: 700;
    line-height: 1;
	color: #fff;
	background-color: #444;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    position: absolute;
    top: 0px;
    right: 3px;
}

th .counter {
	padding: 0px 5px;
	font-weight: bold;
	color: #333;
	float: right;
}

/* ====================================================================================================== */
.image-with-overlay {
	position: relative;
}
.image-overlay {
	left: 0px;
	bottom: 0px; 
	width: 100%; 
	color: white; 
	font-family: "Open Sans",Arial,Helvetica,Sans-Serif; 
	font-weight: bold; 
	font-size: 13px; 
	position: absolute; 
	opacity: 0.6;
	background-color: black; 
	word-wrap: break-word;
	padding: 0 3px;
	overflow-y: auto;
	max-height: 60%;
	user-select: text;
}
.image-overlay>span {
	opacity: 1;
}

.image-overlay-sm {
	font-size: 10px;
}

.image-overlay.counter {
	left: 1px;
	top: 1px; 
	bottom: auto;
	width: auto;
	color: white;
	opacity: 1; 
	font-weight: bold; 
	position: absolute; 
	background-color: #616161;
	padding: 1px 4px;
	font-size: 10px;
}

.image-overlay-insert ,
.image-overlay-update {
	right: 0px;
	top: 0px; 
	opacity: 1; 
	position: absolute; 
	padding: 0px 1px;
	font-size: 12px; 
}

.image-overlay-insert {
	color: #76FF03;	
}
	
.image-overlay-update {
	color: #0078A8;
}

.image-overlay .fa-circle {
	color: #76FF03;
}

.element-manager-grid .thumbnail {
	padding: 0px;
	margin-bottom: 10px;
}

.element-manager-grid .thumbnail.selected {
  border: 1px solid #616161 !important;
  position: relative;
}
.element-manager-grid .thumbnail.selected:before {
  display: block;
  position: absolute;
  content: "\f00c"; /* fa-check */
  color: #76FF03;
  right: 4px;
  top: 3px;
  font-family: FontAwesome;
  z-index: 2;
}
.element-manager-grid .thumbnail.selected:after {
  width: 0;
  height: 0;
  border-top: 35px solid #616161;
  border-left: 35px solid rgba(0, 0, 0, 0);
  position: absolute;
  display: block;
  right: 0;
  content: "";
  top: 0;
  z-index: 1;
}

.element-manager-grid .panel {
  margin-bottom: 0px;
  background-color: #ffffff;
  border: none;
  border-radius: 0px!important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #ddd;
}
.element-manager-grid .panel-body {
  padding: 10px 5px 2px 5px;
}

.element-manager-grid .panel-heading span.counter {
	float: right !important;
	color: #000000;
}

.element-manager-grid .panel-heading button {
	float: right !important;
	margin-right: 15px;;
}

.element-manager-grid .panel-heading button.btn-xs {
	margin-top: -1px;
}

.element-manager-grid .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  color: inherit;
}

.element-manager-grid .panel-default>.panel-heading{
	color: black; 
	background-color: #ffffff; 
	border-color: #ddd;
	font-weight: bold; 
	padding-left: 10px;
}

.element-manager-grid .element-tags {
  padding: 0px 1px;
}

.node-preview table > tbody > tr.translation > td > span {
	display: inline-block;
	margin-left: 10px;
}

.node-preview table > tbody > tr.translation > td > span:first-child {
 	margin-left: 0px;
}

.node-preview table > tbody > tr.translation > td > span .coord {
	margin-right: 3px;
	font-size: 12px;
}

.node-preview.headless {
	min-width: 220px;
	max-width: 300px;
	width: 100%;
}

.node-preview.headless .superbox-img {
	display: none;
}

/* ====================================================================================================== */
ul.horizontal-slide {
    margin: 0;
    padding: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
}

ul.horizontal-slide li[class*="col"] {
    display: inline-block;
    float: none;
}

ul.horizontal-slide li[class*="col"]:first-child {
    margin-left: 0;
}

/* ====================================================================================================== */
.buckets-box-overflow {
	overflow: auto;
}

.superbox-overlay {
	left: 0px;
	bottom: 0px; 
	width: 100%; 
	color: white; 
	font-family: "Open Sans",Arial,Helvetica,Sans-Serif; 
	font-weight: bold; 
	font-size: 13px; 
	position: absolute; 
	opacity: 0.6;
	background-color: black; 
	word-wrap: break-word;
	padding: 0 3px;
	overflow-y: auto;
	max-height: 60%;
}

.superbox-overlay.counter {
	opacity: 1; 
	left: 1px;
	top: 1px; 
	bottom: auto;
	width: auto;
	color: white;
	opacity: 1; 
	font-weight: bold; 
	position: absolute; 
	background-color: #616161;
	padding: 1px 4px;
	font-size: 10px;
}

.superbox-overlay-sm {
	font-size: 10px;
}

.superbox-list.selected {
  border: 1px solid #616161 !important;
}
.superbox-list.selected {
  position: relative;
}
.superbox-list.selected:before {
  display: block;
  position: absolute;
  content: "\f00c"; /* fa-check */
  color: #76FF03; /*#ffffff;*/
  right: 4px;
  top: 3px;
  font-family: FontAwesome;
  z-index: 2;
}
.superbox-list.selected:after {
  width: 0;
  height: 0;
  border-top: 35px solid #616161;
  border-left: 35px solid rgba(0, 0, 0, 0);
  position: absolute;
  display: block;
  right: 0;
  content: "";
  top: 0;
  z-index: 1;
}

/*
 * Bucket unordered list
 */
.buckets-list {
	font-size: 13px;
    line-height: 1.7em;
    list-style: none outside none;
    margin-bottom: 0px;
}
.buckets-list li a:hover {
	text-decoration: none!important;
}
.buckets-list-item-active {
	font-weight: 700;
	text-decoration: none!important;
}
/* ====================================================================================================== */
/*
 * Project elements hotspot link lists
 */
.hotspotlinks-list {
	margin-top: 15px;
}
.hotspotlinks-list .media:first-child {
	margin-top: 0px;
}
.hotspotlinks-list .media {
	margin-top: 5px!important;
}
/* ====================================================================================================== */
/*
 * Bucket element delete handler list
 */
.delete-bucket-element-list {
	margin-top: 5px;
	margin-bottom: 0px;
	padding-left: 0px;
    line-height: 1em;
    list-style: none outside none;
}
.delete-bucket-element-list li:first-child {
	margin-top: 0;
}
.delete-bucket-element-list li {
	display: block;
    font-size: 12px;
    margin: 5px 0;
    padding: 5px 5px;
    text-decoration: none;
}

/* ====================================================================================================== */
/*
 * Project elements bunch lists
 */
.hotspot-bunch-element-list {
	margin-bottom: 0px;
	padding-left: 0px;
    line-height: 1em;
    list-style: none outside none;
    font-size: 13px;
}
.hotspot-bunch-element-list li:first-child {
	margin-top: 5px;
}
.hotspot-bunch-element-list li {
	display: block;
    margin: 5px 0;
    text-decoration: none;
}
.hotspot-bunch-element-list .counter {
	position: absolute;
	right: 5px;
	top: 0px;
	font-family: "Open Sans",Arial,Helvetica,Sans-Serif; 
	font-weight: bold; 
	word-wrap: break-word;
}

/* ====================================================================================================== */
/* tour controls */
.tour-control-container {
	position: absolute;
	z-index: 3;
}

.tour-control-container.top-right {
	top: 0px;
	right: 0px;
}

.tour-control-container.bottom-left {
	bottom: 0px;
	left: 0px;
}

.tour-control {
	z-index: 2;
	
  	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    border-radius: 4px;
    cursor: pointer;
	
	background-color: #fff;
  	color: #000!important;
  	
  	float: left;
    clear: both;
    
    width: 26px;
    height: 26px;
    line-height: 26px;
    
    font-size: 14px;
}

.top-left .tour-control {
	margin-top: 10px;
	margin-left: 10px;
}

.top-right .tour-control {
	margin-top: 10px;
	margin-right: 10px;
	float: right;
}

.bottom-left .tour-control {
	margin-bottom: 10px;
	margin-left: 10px;
}

.minimal-ui .top-left .tour-control,
.minimal-ui .top-right .tour-control {
	margin-top: 4px;
}

.minimal-ui .bottom-left .tour-control {
	margin-bottom: 4px;
}

.tour-control > .action {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%
}

.tour-control.disabled {
	cursor: not-allowed !important;
	opacity: .65;
}

.tour-control > a {
	background-color: #fff;
  	width: 26px;
  	height: 26px;
  	line-height: 26px;
  	border-radius: 4px;
  	display: block;
  	text-align: center;
  	text-decoration: none;
  	color: black;
}

.tour-minimal-ui li > a, 
.toggle-minimal-ui + .dropdown-menu li > a {
	padding-left: 10px;
}
.tour-minimal-ui li > a i, 
.toggle-minimal-ui + .dropdown-menu li > a i {
	margin-right: 10px;
}

.pnlm-touch .tour-control:not(.virtual-tour-info),
.pnlm-touch .tour-control:not(.virtual-tour-info) > a,
.leaflet-touch .tour-control {
	width: 33px;
  	height: 33px;
  	line-height: 33px;
}

.pnlm-touch .tour-control {
    border: 1px solid rgba(0,0,0,0.2)!important;
    box-shadow: none;
}

.tour-control-menu-actions {
	z-index: 2001;
}

.ui-desktop #pannellum .tour-control-container.bottom-left,
.ui-tablet #pannellum .tour-control-container.bottom-left,
.ui-desktop .standalone-zoomify .tour-control-container.bottom-left,
.ui-tablet .standalone-zoomify .tour-control-container.bottom-left {
	display: none;
}

/* ====================================================================================================== */
.element-fetcher-dialog hr.simple {
	margin: 2px -13px 10px;
}

.hotspot-fetcher-dialog hr.simple {
	margin: 2px -13px 15px;
}

.hotspot-fetcher-xs input[type="text"] {
	height: 24px;
	font-size: 13px;
	line-height: 1.5;
	padding: 2px 5px;
}

.hotspot-fetcher-xs .form-group {
	margin-bottom: 5px;
}

.hotspot-fetcher-xs .tiny-check-control {
	padding-top: 3px;
	padding-bottom: 0px;
	height: 25px;
}

.hotspot-fetcher-xs .tiny-radio-control {
	padding-top: 5px;
	padding-bottom: 0px;
	margin-top: 5px;
	height: 25px;
}

.hotspot-fetcher-xs .exclusion-plain-group,
.hotspot-fetcher-xs .exclusion-view-group {
	margin-bottom: 15px;
}

.hotspot-fetcher-xs .bootstrap-select.form-control {
	height: 25px;
}

.hotspot-fetcher-xs .bootstrap-select > button {
	line-height: 1.5;
	padding: 1px 5px;
}

.hotspot-fetcher-xs hr.simple {
	margin: 2px -13px 0px;
}

.hotspot-fetcher-xs .bootstrap-select.btn-group .dropdown-toggle .caret {
	right: 6px;
}

.hotspot-loader-dialog hr.simple {
	margin: 2px -13px 10px;
}

.hotspot-loader-dialog .replace-coords-container label.checkbox > i {
	margin-top: 5px;
}

.hotspot-loader-dialog .refused-container table.refused tr > th:nth-child(2),
.hotspot-loader-dialog .refused-container table.refused tr > td:nth-child(2),
.hotspot-loader-dialog .refused-container table.refused tr > th:nth-child(3),
.hotspot-loader-dialog .refused-container table.refused tr > td:nth-child(3) {
	padding-left: 10px!important;
}

.categories-form > footer > button {
  	border-radius: 0px !important;
  	font-size: 12px !important;
  	height: 24px !important;
  	line-height: 1.5 !important;
  	padding: 1px 5px !important; 
  	width: 50px !important;
}
/* ====================================================================================================== */
/* selectpicker action buttons */
.bs-select-all,
.bs-deselect-all {
	padding: 2px 5px!important;
}  
/* ====================================================================================================== */
.selection-dialog-container .toggle.btn-xs {
	min-width: 58px;
}

.selection-dialog .selection-tabs .counter {
	margin-left: 5px;
}

/*
 * Selection lists
 */
.selection-elements-list, 
.selection-hotspots-list {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 0px;
    line-height: 1em;
    list-style: none outside none;
	font-size: 13px;
}

.selection-elements-list > li {
	display: block;
    margin: 5px 0;
    padding: 3px 3px;
    text-decoration: none;
}

.selection-elements-list > li:first-child {
    margin: 0px 0px 5px 0px;
}

.selection-hotspots-list,
.selection-elements-list {
	min-height: 200px;
	max-height: 332px;
	overflow-y: auto;
	overflow-x: hidden;
}

.selection-elements-list .custom,
.selection-hotspots-list .custom {
	font-size: 12px;
}

.selection-elements-list .tags > .label-tag, 
.selection-hotspots-list .tags > .label-tag {
	line-height: 16px;
}

.selection-elements-list .exclusions > .label-exclusion, 
.selection-hotspots-list .exclusions > .label-exclusion {
	line-height: 16px;
}

.selection-elements-list .buttons-area {
	position: absolute;
	right: -3px;
	top: 1px;
}

.selection-hotspots-list .buttons-area {
	position: absolute;
	right: 0px;
	top: 4px;
}

.selection-dialog-container .tag-list {
	min-height: 200px;
	max-height: 332px;
}

.selection-dialog-container #tab-categories hr {
	display: none;
}

.hotspot-preview .translation > span {
	display: inline-block;
	margin-left: 7px;
}

.hotspot-preview .translation > span:first-child {
 	margin-left: 0px;
}

.hotspot-preview .translation > span .coord {
	margin-right: 3px;
	font-size: 11px;
}

.virtual-tour-finder-dialog .search-tabs .counter {
	margin-left: 5px;
}

.virtual-tour-finder-dialog #tab-neighbors div.toggle.btn-xs {
	min-height: 20px;
}

.virtual-tour-finder-dialog #tab-hotspots i.item-selected {
	line-height: 17px;
}

.project-north-dialog tbody tr.highlighted {
	background-color: yellow;
}

/* ====================================================================================================== */
/*
 * Project search
 */
.project-search-dialog div.result {
	margin-left: -1em;
	margin-right: -1em;
	border-left: 0px;
	border-right: 0px;
}

.project-search-dialog .search-elements-list .parent-name,
.project-search-dialog .search-hotspots-list .parent-name {
	font-size: 90%;
	color: #666;
}

.search-elements-list,
.search-hotspots-list,
.search-hotspot-links-list,
.search-hotspot-locations-list {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 0px;
    line-height: 1em;
    list-style: none outside none;
}

.search-hotspot-links-list,
.search-hotspot-locations-list {
	padding-top: 5px;
}

.search-elements-list > li,
.search-hotspots-list > li,
.search-hotspot-links-list > li,
.search-hotspot-locations-list > li {
	display: block;
    font-size: 13px;
    margin: 5px 0;
    padding: 3px 3px;
    text-decoration: none;
}

.search-hotspots-list > li .title-container {
	display: inline-block;
}

.search-hotspot-links-list > li,
.search-hotspot-locations-list > li {
	border: none;
	padding: 0px;
}

.search-elements-list > li,
.search-hotspots-list > li {
	border-left: 0px!important;
	border-right: 0px!important;
	border-bottom: 0px!important;
}

.search-elements-list > li:first-child,
.search-hotspots-list > li:first-child {
	border-top: 0px!important;
}

.search-hotspot-links-list > li:first-child,
.search-hotspot-locations-list > li:first-child {
    margin: 0px 0px 5px 0px;
}

.search-hotspot-links-list > li:only-child,
.search-hotspot-locations-list > li:only-child {
	margin-bottom: 0px;
}

.search-elements-list > li > div:only-child,
.search-hotspots-list > li > div:only-child,
.search-hotspot-links-list > li > div:only-child,
.search-hotspot-locations-list > li > div:only-child {
    margin-bottom: 0px;
}

.search-hotspots-list > li > .list-group-item-heading.text-muted {
	color: #bbb;
}

.search-hotspot-links-list > li > .list-group-item-heading,
.search-hotspot-locations-list > li > .list-group-item-heading {
	font-size: 90%;
}

.search-hotspot-locations-list > li > .list-group-item-heading .counter {
	min-width: 14px;
	display: inline-block;
	text-align: right;
}

.search-hotspot-locations-list > li > .list-group-item-heading .counter-in {
	margin-left: 4px;
}

.search-element-tags span,
.search-hotspot-tags span {
	font-size: 10px;
}

.search-hotspot-links {
	padding-left: 10px;
}

/* ====================================================================================================== */
/*
 * Labels
 */

.label-tag-group .label-tag {
	margin-left: 3px;
}

.label-tag-group .label-tag:first-child {
	margin-left: 0px;
}

.label-tag-group.horizontal-slide {
    margin: 0;
    padding: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.label-tag-group.horizontal-slide .label-tag {
    display: inline-block;
    float: none;
}

.label-tag-group.horizontal-slide .label-tag:first-child {
    margin-left: 2px;
}

.label-tag {
	color: #999;
	border: 1px solid #999;
	padding: 2px 4px 2px 4px;
	font-weight: normal;
	line-height: 13px;
}

.label-tag .name {
	color: #555;
}

.label-tag .type {
	margin-left: 7px;
}

.label-tag-sm {
	padding: 1px 2px 1px 2px;
}

.label-tag-xs {
	padding: 0px 2px 0px 2px;
}

.ui-selected .label-tag .name, 
.ui-selected .label-tag .name {
	color: #999;
}

/* */
.label-exclusion-group .label-exclusion {
	margin-left: 3px;
}

.label-exclusion-group .label-exclusion:first-child {
	margin-left: 0px;
}

.label-exclusion-group.horizontal-slide {
    margin: 0;
    padding: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.label-exclusion-group.horizontal-slide .exclusion-tag {
    display: inline-block;
    float: none;
}

.label-exclusion {
	color: #e57373;
	padding: 2px 2px 2px 2px;
	font-weight: normal;
	line-height: 13px;
}

.ui-selected .label-exclusion, 
.ui-selected .label-exclusion {
	color: #e57373;
}

.label-exclusion-sm {
	padding: 1px 2px 1px 2px;
}

.label-exclusion-xs {
	padding: 0px 2px 0px 2px;
}
/* ====================================================================================================== */
/*
 * Bucket elements and Project elements lists
 */
.bucket-elements-list, 
.explorer-elements-list,
.bucket-elements-to-add,
.bucket-elements-to-delete {
	font-size: 13px;
	margin-bottom: 9px;
	padding-left: 0px;
    line-height: 1em;
    list-style: none outside none;
}

.bucket-elements-to-add,
.bucket-elements-to-delete {
	font-family: Open Sans,Arial,Helvetica,Sans-Serif;
}

.bucket-elements-list li, 
.explorer-elements-list li,
.bucket-elements-to-add li,
.bucket-elements-to-delete li {
	background: none repeat scroll 0 0 white;
    border: 1px solid #cfcfcf;
    color: #333333;
    display: block;
    margin: 5px 0;
    padding: 1px 1px;
    text-decoration: none;
}

.explorer-elements-list li {
	margin: 5px;
}

.bucket-elements-list p.element-path, 
.explorer-elements-list p.element-path,
.bucket-elements-to-add p.element-path,
.bucket-elements-to-delete p.element-path {
    margin-bottom: 5px;
    font-size: 95% !important;
}

.bucket-elements-list .ui-selected, 
.explorer-elements-list .ui-selected {
    background: #616161 !important;
    color: white !important;
}

.bucket-elements-list .ui-selected .clickable, 
.explorer-elements-list .ui-selected .clickable {
    color: white !important;
}

.bucket-elements-list .ui-selected .btn-info.btn-outline,
.explorer-elements-list .ui-selected .btn-info.btn-outline {
    color: white !important;
}

span.element-name {
	font-weight: bolder;
}

span.element-type,
span.element-type + span.pdf-pages,
span.element-type + span.scan-accuracy {
	font-weight: 400;
	line-height: 1;
	color: #999;
	font-size: 95%;
}

span.element-type + span.scan-accuracy {
	color: #333!important;
}

span.element-type + span.scan-accuracy .plusmn {
	font-size: 13px;
	margin-right: 2px;
}

.measurements-dialog-container span.scan-accuracy {
	margin-left: 5px;
	color: #999;
	font-size: 90%;
}

.measurements-dialog-container span.scan-accuracy .plusmn {
	margin-right: 2px;
}

.bucket-elements-list .ui-selected span.element-type, 
.explorer-elements-list .ui-selected span.element-type,
.explorer-elements-list .ui-selected a[id^="bucket_folder"] {
	color: white !important;
}

.bucket-elements-list .custom,
.explorer-elements-list .custom,
.bucket-elements-to-add .custom,
.bucket-elements-to-delete .custom {
	font-size: 95%;
}

.bucket-elements-list .tags > .label-tag,
.explorer-elements-list .tags > .label-tag,
.bucket-elements-to-add .tags > .label-tag,
.bucket-elements-to-delete .tags > .label-tag {
	line-height: 20px;
}

.bucket-elements-list .exclusions > .label-exclusion,
.explorer-elements-list .exclusions > .label-exclusion,
.bucket-elements-to-add .exclusions > .label-exclusion,
.bucket-elements-to-delete .exclusions > .label-exclusion {
	line-height: 16px;
}

.explorer-elements-list .tags ~ .bottom-buttons-area,
.bucket-elements-list .tags ~ .bottom-buttons-area {
	margin-top: 8px;
}

.bucket-elements-list .buttons-area, 
.explorer-elements-list .buttons-area {
	position: absolute;
	top: 0px;
	right: 0px;
}

.bucket-elements-list .buttons-area a, 
.explorer-elements-list .buttons-area a {
	border-radius: 2px;
	margin-left: 5px;
}

/* ====================================================================================================== */
/*
 * file chooser style
 */
.fexplorer-result {
	margin-top: 26px;
}
.fexplorer-list {
	list-style: none outside none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.fexplorer-list li {
	margin: 5px;
}
.explore-disabled,  explore-disabled:HOVER {
	text-decoration: none!important;
	color: #2E7D32!important;
	font-weight: bold;
	cursor: default;
}

.explore-origin,  explore-origin:HOVER {
	text-decoration: none!important;
	font-weight: bold;
}

.file-explorer-dialog .dynamic-container {
	margin-top: 10px;
}

.file-explorer-dialog .dynamic-container .input-group > .input-group-btn > .btn,
.file-explorer-dialog .dynamic-container .input-group > .form-control {
	height: 25px;
	padding: 3px 5px;
}

.file-explorer-dialog .dynamic-container .list-group {
	height: 300px;
	overflow-y: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: -10px;
	margin-right: -10px;
}

.file-explorer-dialog .dynamic-container .list-group .list-group-item {
	border: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 5px;
}

.file-explorer-dialog .dynamic-container .list-group .list-group-item a.project,
.file-explorer-dialog .dynamic-container .list-group .list-group-item a.project:hover {
	cursor: default;
  	pointer-events: none;
  	color: #2e7d32!important;
	font-weight: bold;
}

.file-explorer-dialog .dynamic-container .list-group .list-group-item a.origin,
.file-explorer-dialog .dynamic-container .list-group .list-group-item a.origin:hover {
	cursor: default;
  	pointer-events: none;
	font-weight: bold;
}

/* ====================================================================================================== */
/*
 * Accordion panel title selected
 */
 .panel-heading-active a {
 	font-weight: 700;
 }
/* ====================================================================================================== */
/*
 * summernote
 */
.sn-checkbox-use-protocol {
	display: none;
}

.note-statusbar.locked {
	display: none;
}

.note-toolbar.panel-heading {
	border-bottom: 1px solid #c2c2c2;
}

.note-editor.note-frame {
	margin-bottom: 0px;
}

.modal.note-modal.in {
	z-index: 2010;
}
/* ====================================================================================================== */
/*
 * ul buttons in the cell table
 */
.td-btns {
	list-style: none outside none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.td-btns li {
	display: inline-block;
}
/* ====================================================================================================== */
.validate-form .state-error + em {
    color: #d56161;
    display: block;
    /*
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: 15px;
    margin-top: 6px;
    padding: 0 1px;
    */
}
/* ====================================================================================================== */
.bg-color-md-indigo {
	background: #3f51b5;
}
.bg-color-md-amber {
	background: #ffc107;
}
.bg-color-md-orange {
	background: #ffab00;
}
.bg-color-md-active-changes {
	background: #ff8f00;
}
.bg-color-md-red {
	background: #f44336;
}
.bg-color-md-greenLight {
	background: #8BC34A;
}
.bg-color-bluePublish {
	background: #00BCD4 !important;
}
.color-md-indigo {
	color: #3f51b5;
}
.color-md-amber {
	color: #ffc107;
}
.color-md-orange {
	color: #ffab00;
}
.color-md-orangeDark {
	color: #E65100;
}
.color-md-red {
	color: #f44336;
}
.color-md-red-2 {
	color: #fb3c4a;
}
.color-md-greenLight {
	color: #8BC34A;
}

.txt-color-greenFlash {
	color: #76FF03;
}

.txt-color-greenBlue {
	color: #214e75;
}

.txt-color-greenLight {
	color: #96B447 !important;
}

.txt-color-bluePublish {
	color: #00BCD4 !important;
}
/* ====================================================================================================== */
.alert {
	border-left: 0 !important;
}

.alert-danger {
  border-color: #dfb56c;
  color: #fb3c4a;
  background: #efe1b3;
  text-shadow: none;
}

.alert-danger a, .alert-danger .alert-link {
	color: #EF5350;
}

.alert-md-greenLight {
	background: #8bc34a;
	color: white;
}
.alert-md-cyan {
	background: #00838f;
	color: white;
}
.alert-md-grey {
	background: #757575;
	color: white;
}
.alert-md-yellow {
	background: #fff59d;
	color: gray;
}
.alert-md-indigo {
	background: #E8EAF6;
	color: gray;
}
.alert-md-lime {
	background: #F9FBE7;
	color: gray;
}
.alert-md-blueGray {
	background: #ECEFF1;
	color: gray;
}
.alert-md-lightBlue {
	background: #E1F5FE;
	color: gray;
}
.alert-md-white {
	background: white;
	color: gray;
}
/* ====================================================================================================== */
.btn-md-orange {
	background-color: #FFAB00 !important;
	border-color: #FFAB00 !important;
	color: white!important;
}
.btn-md-orange-dark {
	background-color: #E65100 !important;
	border-color: #E65100 !important;
	color: white!important;
}
/* ====================================================================================================== */
/*media from 3.3.7 */
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
/* ====================================================================================================== */
/* row with five columns */
.col-5ths {
    width: 20%;
    float: left;
}
.col-sm-offset-2e5 {
	margin-left: 20.083%
}

.col-perc-5 { width: 5%; }
.col-perc-10 { width: 10%; }
.col-perc-15 { width: 15%; }
.col-perc-80 { width: 80%; }
.col-perc-85 { width: 85%; }
.col-perc-5, .col-perc-10, .col-perc-15, .col-perc-80, .col-perc-85 {
	float: left;
}

.grid {
	display: flow-root;
}
.grid .row {
  margin: 0 -15px;
}
.grid .row:after {
	content: '';
	display: table;
	clear: both;
}
.grid .col {
	float: left;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.grid .col-1 {
	width: 8.33%;
}
.grid .col-2 {
	width: 16.66%;
}
.grid .col-3 {
	width: 25%;
}
.grid .col-4 {
	width: 33.33%;
}
.grid .col-5 {
	width: 41.66%;
}
.grid .col-6 {
	width: 50%;
}
.grid .col-7 {
	width: 58.34%;
}
.grid .col-8 {
	width: 66.67%;
}
.grid .col-9 {
	width: 75%;
}
.grid .col-10 {
	width: 83.33%;
}

.grid [class^="col-"] {
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

@media (max-width: 600px) {
	.grid [class^="col-"] {
		float: none;
    	width: 100%;
    }
}

/* ====================================================================================================== */
@media (max-height: 720px) {
	.hidden-vertical {
		display: none !important;
	}
}
@media (max-height: 330px) {
	.project-context.hidden-xs.touch .dropdown-menu {
		height: 255px;
		overflow-y: auto; 
	}
}
.visible-vertical {
	display: none!important;
}
@media (max-height: 720px) {
	.visible-vertical {
		display: block!important;
	}
}


@media (max-height: 440px) {
	.page-hidden-vertical {
		display: none !important;
	}
}
.page-visible-vertical {
	display: none!important;
}
@media (max-height: 440px) {
	.page-visible-vertical {
		display: block!important;
	}
}
/* ====================================================================================================== */
/*
 * Vertical alignment on Bootstrap 3 columns with equal height 
 * If you want to restrict the effect to a certain media query, just use 
 * .col-sm-height or .col-md-height or .col-lg-height, also replacing xs 
 * in the container and in the row classes. You can also use different column 
 * sizes on each media query.
 * refer to: http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height
 */
/* vertical alignment styles */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}

/* fix firefox responsive images */
.img-responsive {
    width: 100%
}

/* columns of same height styles */
.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-xs-height {
    display:table-row;
}
.col-xs-height {
    display:table-cell;
    float:none;
}
@media (min-width: 768px) {
    .container-sm-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-sm-height {
        display:table-row;
    }
    .col-sm-height {
        display:table-cell;
        float:none;
    }
}
@media (min-width: 992px) {
    .container-md-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-md-height {
        display:table-row;
    }
    .col-md-height {
        display:table-cell;
        float:none;
    }
}
@media (min-width: 1200px) {
    .container-lg-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-lg-height {
        display:table-row;
    }
    .col-lg-height {
        display:table-cell;
        float:none;
    }
}