/***
Author: Aduv.io
Version: 2.16
***/
@charset "utf-8";

a {
	cursor: pointer;
}
#page-wrapper {
	background-color: #fafafa;
}

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

.clear {
	clear: both;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

span.note {
	font-size: 0.8em;
}

.modal fieldset {
	padding-top: 0px;
}

.modal-body .well {
	background-color: #fff;
}

.panel {
	box-shadow: 0 0 5px 0 rgba(43,43,43,.1),0 11px 6px -7px rgba(43,43,43,.1);
}

.panel-body .list-group {
	margin-bottom: 0px;
}

.panel-body {
	overflow-x: hidden;
}

.panel-body .table {
	margin-bottom: 0px;
	margin-top: 0px;
}

.panel-heading {
	padding: 5px 15px;
}

.panel-footer {
	padding: 5px 10px;
}

.list-group>li.compact {
	padding: 5px 15px;
}

.list-group>li a, td a>i {
	cursor: pointer;
}

.list-group>li {
	overflow: auto !important;
}

.overflow-visible {
	overflow: visible !important;
}

/*JQuery Datepicker calendar icon fix */
.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon { margin-top: 10px !important;}


/*Hide file bar and promo for tinymce 6 */
.tox-menubar,.tox-promotion {
	display: none !important;
}

table.table {
	background: #fff;
}

table fieldset {
 padding: 0px !important;
 background-color: transparent !important;
}

table td i {
	margin-right: 5px;
	margin-bottom: 5px;
}

table td a.pull-right i, table td i.pull-right {
	margin-left: 5px;
}

table.sortable th[data-order-by]{
	cursor: pointer;
}

table td[onclick]{
	color: rgb(3, 169, 244);
	cursor: pointer;
}
table td[onclick]:hover{
	text-decoration: underline;
}

.editable-text-cell, .editable-decimal-cell, .editable-date-cell, .editable-post-cell {
   cursor: cell;
}

.inactive-row td {
	background-color: #ececec;
    color: #b9b9b9;
	cursor: not-allowed;
}


td.icon-cell, td.currency-cell {
	white-space: nowrap !important;
}

.sky-form fieldset .well {
	background: #fff;
}

.sky-form fieldset>.panel {
	background: transparent;
	margin-bottom: 0px;
	box-shadow: none;
}

.sky-form label.label {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 2px;
}

.chosen-container {
	width: 100% !important;
}

.chosen-container-single .chosen-single {
	height: 30px !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	background: #fff !important;
	padding-top: 6px !important;
	border-color: #e5e5e5 !important;
	box-shadow: none !important;
}


.chosen-container-multi .chosen-choices {
	border: 1px solid #e5e5e5 !important;
	background-image:  none !important;
	padding: 5px 10px !important;
	border-radius: 4px !important;
}


.clickable {
	cursor: pointer;
}

.expand-panel-icon, .collapse-panel-icon {
	cursor: pointer;
}

.label > i {
  margin-left: 0px;
}

.btn i {
	margin: 0px;
}

/*Active toggle style*/

td i.fa-toggle-on {
	color: #4caf50;
}

/*Tabs */

#settings-tabs a {
	cursor: pointer;
}

.nav-tabs > li > a {
	padding: 5px 10px;
}

.aduvio-views-tabs > li {
	margin-bottom: -2px;
}

/*Header Alerts */

.header-privacy-mode { height: 100%; margin-top: 0px;}

.header-privacy-mode:hover {
	cursor: pointer;
}

.privacy-active {
	background: #333333 !important;
}

.privacy-active i {
	color: #09f;
}

#header-alerts-list li.admin-alert {
	min-height: 40px !important;
}

#header-alerts-list .read, #header-alerts-list .unread {
	padding: 5px;
}

#header-alerts-list .divider {
	margin: 0 !important;
}
#header-alerts-list .read:hover {
	background: #f6f6f7 !important;
}

#header-alerts-list .unread {
	background: #edf2fa !important;
}

#header-alerts-list .unread:hover {
background: #e5eaf2 !important;
}

#header-alerts-list i {
	margin-right: 10px;
	margin-left: 10px;
	border-radius: 50%;
	height: 25px;
	width: 25px;
	color: #fff !important;
	background: #333333;
	line-height: 20px;
	font-size: 16px;
	text-align: center;
	padding-top: 2px;
}

#header-language-switcher {
	margin-top: 13px;
	margin-right: 5px;
	width: 50px;
}

.new_badge {
	background: #09F !important;
}

.slim-well {
	padding: 5px;
}

/* End Header alert styles */

.table-admin {
	border: 1px solid #ddd;
	margin-top: 15px;
}

.table-container {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch !important;
}

.tab-pane .table, .tab-pane  table-container .table {
	margin-top: 0px;
	margin-bottom: 0px;
}


#aduvio-changelog-content-container ul.pagination {
	margin-bottom: 0px;
}


#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(0,0,0,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}


.navbar-brand {
	padding: 5px 15px !important;
}

.nav-tabs>li {
	margin-right: 3px;
}

.nav-tabs>li:not(.active) {
	border: 1px solid #ddd;
	border-bottom: none;
}

.navbar-inverse {
	background-color: #263544;
}

.side-nav {
	background-color: #263544;
}

.side-nav li a:hover, .side-nav li a:focus {
	background-color: #1d2531 !important;
}

.side-nav .active > a {
	background-color: #111;
	color: #fff;
}


/*Padding and margin styles*/

.padding-0 {
	padding: 0px !important;
}
.padding-bottom-sm {
	padding-bottom: 25px;
}

.padding-top-xs {
	padding-top: 10px !important;
}

.padding-xs {
	padding: 10px !important;
}

.margin-top-xs {
	margin-top: 10px !important;
}

.margin-bottom-xs {
	margin-bottom: 10px !important;
}

.margin-left-xs {
	margin-left: 10px !important;
}
.margin-right-xs {
	margin-right: 10px !important;
}

.margin-xs {
	margin: 10px !important;
}
.margin-left-sm {
	margin-left: 25px !important;
}

.margin-top-sm {
	margin-top: 25px !important;
}

.margin-bottom-sm {
	margin-bottom: 25px !important;
}

.margin-right-sm {
	margin-right: 25px !important;
}

.margin-top-md {
	margin-top: 40px !important;
}


.margin-bottom-0 {
	margin-bottom: 0px;
}


form#search-form .col {
	margin-bottom: 0px;
}

/*
Help Widget
*/

#help-widget {
	position: fixed;
	bottom: 80px;
	right: 10px;
	border-radius: 30px;
	width: 60px;
	height: 60px;
	background: #eceff1;
	z-index: 999;
	text-align: center;
	color: #808e95;
	font-weight: bold;
	border: 3px solid #808e95;
	font-size: 30px;
	padding-top: 6px;
}
#help-widget:hover {
	background: #cfd8dc;
	color: #fff;
	border-color: #81d4fa;
}

.hidden-action-btn-container {
	display: none;
}

.top-form-hidden-container {
	display: none;
	border: 1px solid #ddd;
}

.table .alert {
	margin-bottom: 0px !important;
	padding: 5px 10px !important;
}

.alert-slim {
	padding-top: 8px;
	padding-bottom: 8px;
}

.alert-default {
	background: #f2f2f2;
	border-color: #ccc;
	color: #333;
}

#results_count_container {
	background: #0091ea;
	color: #fff;
	padding: 5px 10px;
	border-radius: 15px;
	margin-bottom: 20px;
}

.profile-picture {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border: 1px solid #ddd;
	max-width: 200px;
	height: 200px;
  width: 200px;
}

.no-image-container {
	padding: 10px;
	border: 1px dashed #333;
}

.table-num-records-container {
	text-align: center;
	padding: 10px;
	max-width: 60%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-weight: 600;
}

.page-header {
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

input[disabled] {
	background: #ddd !important;
	cursor: no-drop !important;
}

.show-password-input-icon:hover, .hide-password-input-icon:hover {
	color: #0288D1;
}

.sky-form {
 border: 1px solid rgb(221,221,221);
 box-shadow: 0 1px 1px rgba(0,0,0,.05);
 border-radius: 4px;
}

.sky-form .col {
	padding-left: 8px;
	padding-right: 8px;
}

.sky-form > .row {
	padding-left: 7px;
	padding-right: 7px;
}

span.required {
	color: #ff0000;
	display: inline-block;
	position: relative;
	top: 15px;
	font-size: 35px;
    line-height: 1px;
}


.warning {
	color: #FBC02D;
}

.danger {
	color: #E53935;
}

.info {
	color: #0277BD;
}

.success {
	color: #388E3C;
}


.activeToggle, .inactiveToggle {
	cursor: pointer;
}

/*Alerts*/

.alert { position: relative; }

i.alert-close {
	position: absolute;
	top: 5px;
	right: 5px;
}
.alert-read:hover {
	background: #f6f6f7 !important;
}

.alert-unread {
	background: #edf2fa !important;
}

.alert-unread:hover {
background: #e5eaf2 !important;
}

.alert-icon i {
	margin-right: 10px;
	border-radius: 50%;
	height: 25px;
	width: 25px;
	color: #fff !important;
	background: #666666;
	line-height: 20px;
	font-size: 15px;
	text-align: center;
	padding-top: 2px;
}


/*Toolbars */

.grey-toolbar {
	background: #f5f5f5;
}

/*Tiles */

.tile-container .tile {
	width: 130px;
	height: 130px;
	float: left;
	border: 1px solid #ddd;
	text-align: center;
	padding: 15px;
	border-radius: 7px;
	background: #ffffff;
	-webkit-box-shadow: 5px 5px 6px 0px rgba(221,221,221,1);
	-moz-box-shadow: 5px 5px 6px 0px rgba(221,221,221,1);
	box-shadow: 5px 5px 6px 0px rgba(221,221,221,1);
	margin-right: 30px;
	margin-bottom: 30px;
}

.tile-container .tile-lg {
	width: 250px;
	height: 250px;
}

.tile-container a:hover {
	cursor: pointer;
}


.tile-container .tile-md {
	width: 200px;
	height: 200px;
	float: left;
	border: 1px solid #ddd;
	text-align: center;
	padding: 15px;
	border-radius: 7px;
	background: #ffffff;
	-webkit-box-shadow: 5px 5px 6px 0px rgba(221,221,221,1);
	-moz-box-shadow: 5px 5px 6px 0px rgba(221,221,221,1);
	box-shadow: 5px 5px 6px 0px rgba(221,221,221,1);
	margin-right: 30px;
	margin-bottom: 30px;
}

.tile-container .tile-lg {
	width: 300px;
	height: 300px;
	float: left;
	border: 1px solid #ddd;
	text-align: center;
	padding: 15px;
	border-radius: 7px;
	background: #ffffff;
	-webkit-box-shadow: 5px 5px 6px 0px rgba(221,221,221,1);
	-moz-box-shadow: 5px 5px 6px 0px rgba(221,221,221,1);
	box-shadow: 5px 5px 6px 0px rgba(221,221,221,1);
	margin-right: 30px;
	margin-bottom: 30px;
}

.tile-container .tile-danger {
	color: #a94442;
	border-color: #ebccd1;
	background-color: #f2dede;
}


/*Auto Complete */

.autocomplete-container {
	z-index: 999 !important;
	position: absolute;
	width: 95%;
}

.autocomplete-container .item {
	background: #fafafa;
	border: 1px solid #ccc;
	border-top: 0px;
	padding: 10px;
	cursor: pointer;
}

/*List Group styles */

.list-group-danger li{
	color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}

.list-group-warning li {
	color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}


/*Tab Panes */

.tab-content > .active {
	border: 1px solid #ccc;
	border-top: none !important;
	padding: 20px;
	background: #fff;
}


/* Modal Styles */

*[data-toggle='modal']{
	cursor: pointer !important;
}

.modal-body {
background: #eeeeee;
}
.modal-body fieldset {
	background: none !important;
	border: none !important;
	padding-left: 5px;
	padding-right: 5px;
}

.modal-body .sky-form {
	border: none !important;
	padding: 0px !important;
	box-shadow: none !important;
}

.modal-full {
	width: 98%;
}

/*Settings pages */

	.settings_menu_container {
		background: #fff;
		border: 1px solid #ccc;
	}


/*Comments panel styles*/
	.comment-container {
		padding: 10px;
	}

	.comment-container>.note {
		font-size: 0.8em;
		text-align: right;
		color: #555;
	}


/*Collapse side menu styles */
	.mobile-settings-tab-selector-container {
		display: none;
	}

/*Popover styles */
	.popover-title {
		color: #000 !important;
	}

	.popover-content:empty {
		padding: 0px;
	}


/*Readme toggle*/
	#readme-toggle-container {
		position: fixed;
		width: 40px;
		right: 0px;
		color: #fff;
		z-index: 80;
		top: 180px;
	}

/*Advanced filters */
	#advanced-filter-toggle-container {
		position: fixed;
		width: 40px;
		right: 0px;
		color: #fff;
		z-index: 80;
		top: 110px;
	}
/*Fixed filter styles*/
	#fixed-filter-container  {
		position: fixed;
		width: 40px;
		right: 0px;
		display: none;
		color: #fff;
		z-index: 85;
	}

	#fixed-filter-toggle {
		float: left; height: 40px; width:40px; background: #263544; border-radius: 10px 0px 0px 10px; padding: 10px; padding-left: 15px;
		cursor: pointer;
	}

	#fixed-filter-body {
		float: left;
		background: #263544;
		min-height: 40px;
		width: 350px;
		padding: 15px;
		display: none;
		max-height: 80vh !important;
	}

	#fixed-filter-fields-container {
		overflow-y: scroll;
		overflow-x: hidden;
		color: #f00;
		max-height: calc(80vh - 120px);
		padding-left: 5px;
		padding-right: 5px;
	}


	#fixed-filter-body .sky-form{
		border: none;
		box-shadow: none;
	}

	#fixed-filter-body .sky-form fieldset {
		background: none !important;
		padding: 0px;
	}

	#fixed-filter-body .sky-form .col {
		padding-left: 10px;
		padding-right: 10px;
	}

	#fixed-filter-body .sky-form label.label {
		margin-top: 0px;
	}

	#fixed-filter-body .sky-form label {
		margin-bottom: 0px;
	}

	#fixed-filter-body .sky-form .label,
	#clear-fixed-filter,
	#fixed-filter-body .sky-form .label ,
	#fixed-filter-body .sky-form label.checkbox{
		color: #fff;
	}

/*Legend */

.aduvio-legend {
	margin-bottom: 10px;
}

.aduvio-legend-swatch {
	height: 11px;
  width: 11px;
  display: block;
  float: left;
  margin-right: 6px;
  margin-top: 4px;
}

@media (max-width:974px){
	.mobile-settings-tab-selector-container {
		display: block;
		margin-bottom: 20px;
	}
}

.panel-change-label {
	font-size: 10px;
	padding: 5px 7px;
	position: relative;
	top: -10px;
}

@media screen and (max-width: 975px) {
	.panel-change-label {
		top: 4px;
	}

	.settings_menu_container {
		display: none;
	}

}

@media (min-width:768px){

	#side-menu-container .side-nav li span {
		display: none;
		    -khtml-transition: display 0.5s ease;
    -moz-transition: display 0.5s ease;
    -ms-transition: display 0.5s ease;
    -o-transition: display 0.5s ease;
    -webkit-transition: display 0.5s ease;
    transition: display 0.5s ease;	}

	#side-menu-container .side-nav {
		left: 60px;
		width: 60px;
		margin-left: -60px;
		    -khtml-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
	}

	#wrapper {
		padding-left: 60px;
	}

	#side-menu-container .side-nav:hover li span {
		display: inline !important;
	}



	#side-menu-container .side-nav:hover {
		width: 225px !important;
		left: 225px !important;
		margin-left: -225px !important;
	}

	.navbar-nav > li > a {
		padding-top: 10px !important;
		padding-top: 10px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.side-nav > li > ul > li > a {
		padding: 10px 15px 10px 35px !important;
	}

	.side-nav .nav-sub-nav {
		background: #212121 !important;
	}

	#wrapper {
		    -khtml-transition: padding-left 0.5s ease;
    -moz-transition: padding-left 0.5s ease;
    -ms-transition: padding-left 0.5s ease;
    -o-transition: padding-left 0.5s ease;
    -webkit-transition: padding-left 0.5s ease;
    transition: padding-left 0.5s ease;
	}
}



/*sm break point and smaller in Bootstrap 3*/
@media(max-width:768px) {

	.mobile-hidden {
		display: none !important;
	}

	#top-right-nav {
		padding: 0px 5px;
	}

	.sm-pull-left {
		float: left !important;
	}

}