/*
This stylesheet is used throughout the entire CMS.

1.0 - General styles
1.1	- Navigation
1.2 - Footer

2.0 - 
*/


/* 1.0 - GENERAL */
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,400italic);*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700');
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
html,
body {
	height: 100% !important;
	/*font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;*/
	font-family: "Roboto", sans-serif;
	font-size: 13px;
	line-height: 1.42857143 !important;
	color: #292929;
	background-color: #FFF;
	/*margin:0;*/
	/*padding:0;*/
}
header {
	background-color: #f2f2f2;
	border-bottom: 1px solid #e5e5e5 !important;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -37px;
}
a {
	color: #2196F3;
}
a:hover, a:focus {
	color: #1976D2;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 100;
}
h3 .fa {
	padding: 0 20px 0 15px;
}
strong {
	font-weight: 600;
}
label {
	display: block;
	margin-bottom: 2px;
	font-weight: 500;
	color: #8E8E8E;
	text-transform: uppercase;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}





.no-margins {
	margin: 0 !important;
}
.nopad {
	padding:0;
}
.nopad-top {
	padding-top:0;
}
.nopad-right {
	padding-right:0;
}
.nopad-bottom {
	padding-bottom:0;
}
.nopad-left {
	padding-left:0;
}
/* --END-- GENERAL */

/* 1.1 - NAVIGATION */
#logo {
	padding-right: 15px;
	height: 20px;
	margin-top: 14px;
}
.navbar {
	min-height: 48px;
}
.navbar-default {
	background-color: #27343d !important;
	border-bottom: none !important;
}
.nav>li>a {
	padding: 11px 10px 14px;
	border-top: 3px solid #27343d;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	border-color: #19aa8d;
}
.nav>li>a:hover, .nav>li>a:focus {
	border-color: #19aa8d;
}
.navbar-default .navbar-nav>li>a {
	color: #B3B6BB;
	font-weight: 500;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #FFF;
	background-color: #3E515E;
}
.navbar-header>button>span {
	font-size: 18px;
	padding-top: 5px;
}
.navbar-toggle {
	padding: 0px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
	color: #1976D2;
}
.navbar-default .navbar-toggle {
	border-color: transparent;
}

.navbar-form {
	margin-top: 11px;
	margin-bottom: 10px;
	width: 10px; /* Required to keep the search bar inline with Navbar*/
}
.navbar-form input[type="text"] {
	width: 250px !important;
	height: 27px;
	margin-right: 15px;
	font-family: inherit;
	padding: 5px 10px 5px 2px;
	border: none;
	background-color: rgb(81, 94, 102);
}
@media (max-width: 1400px) {
	.navbar-form input[type="text"] {
		width: 250px !important;
	}
}
@media (max-width: 1300px) {
	.navbar-form input[type="text"] {
		width: 180px !important;
	}
}
@media (max-width: 1200px) {
	.navbar-form input[type="text"] {
		width: 135px !important;
	}
}
@media (max-width: 990px) {
	.navbar>form, .navbar-form, .input-search-icon {
		display: none !important;
	}
	.dash-panel {
		padding: 10px 30px;
	}

}
@media (max-width: 767px) {
	#logo {
		position: absolute;
		left: 50%;
		margin-left: -29px;
	}
}
.twitter-typeahead {
	float:left;
}
.tt-input:focus {
	outline: none;
}
.tt-menu {
	left: -28px !important;
	width: calc(100% + 28px);
	background-color: #FFF;
	border: none;
	border-top: 0;
	padding: 0;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.375);
	box-shadow: 0 6px 12px rgba(0,0,0,.375);
}
.tt-menu>.tt-dataset>a {
	text-decoration: none;
	color: inherit;
}
.tt-notfound {
	padding: 6px 10px;
}
.tt-suggestion div {
	padding: 6px 10px;
	margin: 0;
	cursor: pointer;
	border-top: 1px solid rgba(222, 222, 222, 0.35);
}
.tt-suggestion>div:hover {
	background-color: #DDD;
}
.tt-hint {
	color: #bbb;
}
.input-search-icon {
	padding: 6px 4px;
	font-size: 14px;
	line-height: 1;
	color: #B3B6BB;
	text-align: center;
	background-color: rgb(81, 94, 102);
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
	cursor: text;
}

.dropdown:hover .dropdown-menu {
	display: block;
}
.dropdown-menu>li>a {
	padding: 6px 20px;
}
.dropdown-menu {
	font-size: 13px;
	padding: 0px;
	border-radius: 1px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.375);
	box-shadow: 0 6px 12px rgba(0,0,0,.475);
	border: 0px;
}
.dropdown-menu > li {
	/* border-bottom: 1px solid rgba(222, 222, 222, 0.35); */
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: -8px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

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

.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: #27343D;
    margin-top: 5px;
    margin-right: -10px;
}

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

.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;
}
/* 1.2 - NAVIGATION -- MOBILE */
.navbar-header>button {
	color: #F1F1F1;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	color: #FFF;
}
.navbar-toggle {
	float: left;
	margin-left: 15px
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: inherit;
}




span>.gravatar {
	display: inline-block;
	height: 32px;
	width: 32px;
	margin: -8px 5px -7px 5px;
	border-radius: 50%;
}

#btnGoogle {
	background: url(../img/btnGoogle/btn_google_signin_dark_normal_web.png) no-repeat left top;
	margin: 0 auto;
	padding: 0;
	border: none;
	width: 191px;
	height: 46px;
	outline: 0px!important;
	display: block;
}
#btnGoogle:hover {
	background: url(../img/btnGoogle/btn_google_signin_dark_focus_web.png) no-repeat left top;
	outline: 0px!important;
}
#btnGoogle:active, #btnGoogle:focus, #btnGoogle:visited {
	background: url(../img/btnGoogle/btn_google_signin_dark_pressed_web.png) no-repeat left top;
	outline: 0px!important;
}


/* --END-- NAVIGATION */



/* 1.3 - ALERTS */
.alert {
	height: 70px;
	margin: -20px -15px 20px;
	border-radius: 0;
}
.alert h4 {
	font-weight:600;
	-webkit-margin-after: 0;
}
.alert-success {
	color: #3D633E;
}
.alert-warning {
	height: auto;
	color: #7C5F2C;
}
/* --END-- ALERTS */



/* ERROR PAGES */
.error-wrapper {
	padding: 20px 10px 40px;
	overflow-y: hidden;
}
.centered-box {
	max-width: 400px;
	text-align: center;
	margin: 0 auto;
	padding-top: 40px;
}
.error-desc {
	margin-bottom: 20px;
}
/* --END-- ERROR PAGES */



/* DASHBOARD */
.dash-panel {
	background-color: #FFF !important;
	border-bottom: 1px solid #DFE1E2 !important;
	padding: 20px 5px;
	margin-top: -20px !important;
	margin-bottom: 20px;
	min-height: 300px; /* Look at removing so it dynamically adjusts */	
	box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.34), 0 0 6px 0 rgba(0, 0, 0, 0.14);
}
.dash-panel canvas {
	width: 600px;
	height: 194px;
}
.legend {
	text-align: center;
}
.legend>li {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0.5em 1em 0;
	font-size: 11px;
}
.legend>li>i {
	display: inline-block;
	height: 1em;
	margin-right: .5em;
	vertical-align: -.1em;
	width: 1em;
}
#embed-api-auth-container {
	display: none;
}
#chart-1-container {
	min-height: 180px;
}
#chart-2-container {
	max-width: 860px;
	min-height: 180px;
}
#chart-3-container {
	width: 350px;
	height: 200px;
}
/* --END-- DASHBOARD */





.page-panel {
	background-color: #F4F4F4 !important;
	border-bottom: 1px solid #DFE1E2 !important;
	padding: 10px;
	margin-top: -20px !important;
	margin-bottom: 20px;
}
.page-panel h2 {
	margin: 0;
	font-size: 28px;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0.1em;
	padding-left: 4px;
}
.page-panel .breadcrumb {
	padding-left: 5px;
}
.breadcrumb {
	padding: 0;
	margin-bottom: 0;
}
.breadcrumb>li>a {
	text-decoration: none;
	color: #292929;
}
.breadcrumb>li>a:hover {
	color: #1976D2;
}

/* LOGIN PAGE */
#login_panel {
	position: absolute;
	width: 320px;
	height: auto;
	top: 50%;
	margin-top: -240px;
	left: 50%;
	margin-left: -160px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.23);
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.23);
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.23);
	z-index: 1002;
	border: 1px solid #CFCFCF;
	border-radius: 5px;
	background-color: #FFF;
}
#login_panel_group {
	padding: 30px 50px 30px;
}
#signin {
	float: right;
	z-index: 500;
}

.bg-overlay {  /* Used on login and all error pages */
	background-image: url(../images/grid_tl.png);
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* ADD OLD BOOTSTRAP VERTICAL NAV DIVIDER CAPABILITY */
.navbar .divider-vertical {
height: 50px;
margin: 0 9px;
border-right: 1px solid #EEE;
border-left: 1px solid #B6B6B6;
}

@media (max-width: 767px) {
.navbar-collapse .nav > .divider-vertical {
    display: none;
  }
}

/* ADD OLD BOOTSTRAP VERTICAL TAB CAPABILITY */
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}



/* DEACTIVATED / 404 / MISC ERROR PAGE STYLES */
.broken-page {
	position: absolute;
	top: 20%;
	z-index: 1002;
}
.broken-icon {
	font-size: 90px;
	display: inline-block;
	width: 120px;
	height: 115px;
	float: left;
}
.broken-message {
	display: inline-block;
	width: auto;
	height: 115px;
}
.broken-message a {
	color: #428bca;
}


/* GENERAL CLASSES */
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
i {
	width: 20px;
	text-align: center;
}
#alert-active {
	color: #5cb85c;
}

.float-left, .dataTables_info {
	float: left;
}
.float-right, .dataTables_paginate {
	float: right;
}
.pad-right {
	margin-right: 15px;
}

#listed_users a {
	color: #428bca;
}
#published a:hover, a:focus {
	text-decoration: none;
}
.pad-25 {
	padding-bottom: 25px;
}
.pad-50 {
	padding-bottom: 50px;
}




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

.ga-chart {
	padding: 10px;
	border: 1px solid #ccc;
}


 
.drag-column  .placeholder{  
	background: #D5D5D5;  
	border:1px dashed #ddd;  
}
.drag-column {
	min-height: 150px;
	padding: 0 10px;
}


/* BUTTONS */
.action-bar {
	height: 48px;
	width: 100%;
	padding: 8px 0;
	margin-bottom: 10px;
}

/* ---END--- BUTTONS */



/* FORMS - ADD / EDIT / VIEW */
.form-group {
	margin-bottom: 6px;
}
.modal-body>.form-group {
	margin-left: 0;
}

.form-control {
	border-radius: 1px;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 13px;
	color: inherit;
	height: 32px;
	width: 420px;
}
.form-control:required {
	border-left: 5px solid #CCC;
}
.note-editor.note-frame {
	border-color: #CCC !important;
	border-width: 1px 1px 1px 5px !important;
	border-style: solid;
	width: 420px;
}
@media (max-width: 1350px) {
	.form-control {
		width: 300px;
	}
	.note-editor.note-frame {
		width: 300px;
	}
}
.form-datetime {
	width: 200px;
}
.panel {
	border-radius: 0;
}
label > a {
	color: #8E8E8E;
}
.popover {
	border-radius: 1px;
	min-width: 276px;
}
.popover-title {
	padding: 4px 14px;
	border-radius: 1px 1px 0 0;
}
.popover-content {
	font-size: 12px;
	min-height: 100px;
	max-height: 140px;
	overflow-y: auto;
}
.selector {
	line-height: 1;
	padding: 6px 9px;
	border-radius: 0px;
}
.form-group>a>i {
	font-size: 16px;
	line-height: .9;
	padding-top: 1px;
}



/* --END-- FORMS - ADD / EDIT / VIEW */
.action {
	padding: 11px 0 7px 0 !important;
}
.action>a>i {
	color: rgba(0, 0, 0, 0.54);
	margin: 0 10px;
}
.action>a>i:hover {
	color: #1976D2;
}
.action-col {
	width: 120px;
	text-align: center;
}



.icon-success {
	color: #5cb85c !important;
}
.icon-error {
	color: yellow !important;
}



/* Icons used for alerts */
.ico {
	width: 16px;
}
.ico-info {
	color: #5bc0de;
}
.ico-warning {
	color: #ec971f;
}
.ico-danger {
	color: #c9302c;
}


/* SLIDER STYLES */
#slidedata h4 {
	margin-left: -15px;
	margin-top: 10px;
	margin-bottom: 4px;
}
#slidedata hr {
	width: 390px;
	margin-left: -15px;
	margin-top: 0px;
	margin-bottom: 10px;
}

/* Disabled while exploring new tools
#slidedata textarea {
	max-width: 390px;
}
*/

.opt-input {
	width: 70px !important;
}
.opt-input-mini {
	width: 50px !important;
}
.two-row>.form-group {
	width: 240px;
	margin-bottom: 6px;
}
.two-row>.form-group>.form-control {
	width: 206px;
}
.four-row>.form-group {
	width: 125px;
	margin-bottom: 6px;
}
.four-row>.form-group>.form-control {
	width: 95px;
}
.input-group-addon {
	padding: 6px 9px;
	border-radius: 0px;
}
.colorpicker-element .input-group-addon i, .colorpicker-element .add-on i {
	margin: 0 2px;
}






.cropperContainer {
	max-width: 420px;
}
.cropperHeader {
	background: #CCC;
	list-style: none;
	padding: 2px 10px;
}
.cropperHeader>li>a {
	color: #6A6A6A;
}
.cropperHeader>li {
	display: inline-block;
	padding: 5px 5px 0px 5px;
}
.cropperImageBox {
	min-height: 150px;
	background: #F7F7F7;
}
.cropperImg {
	width: 420px;
	display: none;
}
@media (max-width: 1350px) {
	.cropperContainer {
		max-width: 300px;
	}
	.cropperImg {
		width: 300px;
		display: none;
	}
}
#edit_me, #save_me {
	display: none;
}








.slide-list {
	list-style: none;
	margin: 0;
	padding: 25px 10px;
	background: #FFF;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	max-height: 210px;
	display: inline-table;
	width: 100%;
}
.slide-list li {
	list-style: none;
	margin:0px;
	padding:0px;
	position:relative; 
	display:inline-block; 
	margin-bottom:10px;
	width:284.4px; 
	height:160px; 
	margin-right:10px; 
	z-index:5; 
	background:#333;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.slide-firstimage {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.slide-coverfade {
	top:0px;
	left:0px;
	width:100%;
	height:160px; 
	position: absolute;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); 
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); 
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); 
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
	cursor: move;
}
.slide-placeholder {  
	width: 284.4px;
	height: 160px;
	background: #D5D5D5;  
	border:1px dashed #ddd;  
}
.tls-source	{
	font-size:11px;
	position:absolute; 
	right:10px;top:10px; 
	color:#fff; 
	line-height:20px; 
	vertical-align: middle;
}
.tls-source i {	
	font-size:18px;
	line-height:16px; 
	vertical-align: top; 
	color:#EEE;
}
.tls-id {
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: bottom;
	color: #555; 
	display: inline-block;
}









.tp-list_sliders	{	list-style:none; margin:0px; padding:15px 10px; background:#fff; border-top:1px solid #e5e5e5;}


.xtls-slide			{	list-style:  none; margin:0px;padding:0px;
						position:relative; display:inline-block; margin-bottom:10px;width:220px; height:160px; margin-right:10px; z-index:5; background:#333;}

.tls-hover-metas	{	display:none; position:absolute; width:100%;top:160px; background:#353535; padding:10px 0px;}
.tls-main-metas		{	position: absolute;width:284.4px;height:160px; top:0px;left:0px; overflow: hidden;}

.tls-slide:hover 	{	z-index:10;}


.tls-source i:before	{	color:#fff !important;}
.tls-title-wrapper		{	vertical-align:middle; position:absolute; bottom:0px; color:#fff; padding:5px 10px; width:100%;line-height:20px; background:#eee; box-sizing:border-box;}

.tls-title 				{	margin-left:5px; vertical-align:middle; display: inline-block;line-height:20px; max-width:175px; overflow:hidden; white-space: nowrap;}
.tls-title ,
.tls-title a 			{	color:#555; text-decoration: none; font-size:11px;line-height:20px; font-weight:600;}

.tls-slide:hover .tls-title-wrapper { background:#252525;}
.tls-slide:hover .tls-title a,
.tls-slide:hover .tls-id,
.tls-slide:hover .tls-title 		{	 color:#fff;}

.tls-firstslideimage	{	position:absolute; top:0px: left:0px; width:100%;height:100%;}
.mini-transparent       { 	background:url(../images/trans_tile.png);	background-repeat:repeat;}
.mini-as-bg				{	position:absolute;top:0px;left:0px;width:100%;height:100%;}

.tls-hover-metas .button-primary {	display:block !important; margin:0px !important; 
									background:transparent !important;}

.tls-hover-metas .button-primary,
.tls-hover-metas .button-primary i:before { color:#999 !important; font-weight: 600}
.tls-hover-metas .button-primary i:before { margin-right:10px;}


.tls-hover-metas .button-primary:hover,
.tls-hover-metas .button-primary:hover i:before	{	color:#fff !important;}								
									

.tls-bg-top			{	top:0px;left:0px;width:100%;height:160px; position: absolute; }

.tls-settings,
.tls-editslides,
.tls-showmore		{	display:none !important;width:32px;height:32px !important;position:absolute;top:-2px; background:#353535 !important; font-size:15px; text-align: center; line-height:32px !important;}

.tls-showmore i:before,
.tls-settings i:before,
.tls-editslides i:before {	margin: 0px; color:#fff;}

.tls-editslides {
    right: -2px;
    top: 0;
    font-size: 18px !important;
	color: #FFF;
}
.tls-settings		{	right:31px;}
.tls-showmore		{	right:64px;}

.tls-slide:hover .tls-settings, 
.tls-slide:hover .tls-editslides,
.tls-slide:hover .tls-showmore	{	display:inline-block !important;} 

.tls-showmore:hover,
.tls-editslides:hover,
.tls-settings:hover 	{	background:#3498db !important;}
 	
.tls-addnewslider					{	border:1px dashed #ddd; background: transparent; box-sizing: border-box; overflow:hidden;}
.tls-addnewslider .tls-main-metas	{	left:-1px;}

.tls-addnewslider 

.tls-new-icon-wrapper	{	position: absolute;top:0px;:left:0px;width:100%;height:100%;display:block; text-align: center;font-size:35px;}
.tls-new-icon			{	line-height:130px;vertical-align: middle; }
.tls-new-icon:before	{	color:#252525 !important;}

.tls-addnewslider:hover .tls-hover-metas	{	display:block !important; border:1px solid #353535; margin-left:-1px;}

.tls-dimmme				{	position: absolute;top:0px;left:0px;visibility: hidden;background:#fff; width:220px;height:160px; opacity:0;}

.tls-grad-bg		{	
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); 
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); 
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); 
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}

.tls-showmore:after	{	content:" "; width:10px;height:30px; position:absolute;right:100%; 
background: -moz-linear-gradient(left,  rgba(37,37,37,0) 0%, rgba(37,37,37,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(37,37,37,0)), color-stop(100%,rgba(37,37,37,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(37,37,37,0) 0%,rgba(37,37,37,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(37,37,37,0) 0%,rgba(37,37,37,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(37,37,37,0) 0%,rgba(37,37,37,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(37,37,37,0) 0%,rgba(37,37,37,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00252525', endColorstr='#252525',GradientType=1 ); /* IE6-9 */
}



.slider-sortandfilter	{	float:right; line-height:50px;}
#sort-sliders			{	margin-right:10px;}

#sort-sliders,
#filter-sliders			{	background: #E5E5E5;
  color: #777;
  font-weight: 600;
  font-size: 12px !important;
  padding: 0 3px !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  max-height: 26px;
  line-height: 26px;
  vertical-align: middle;
  border: none!important;
  box-shadow: none!important;
  -webkit-box-shadow: none!important;  }

.slider-sort-drop,
.slider-filter-drop					{	font-weight:600; color:#999; margin-right:10px;}
.slider-lg-views					{	cursor:pointer;font-size:22px; margin-right:5px;  vertical-align: middle; line-height: 22px;}
.slider-lg-views i:before			{	color:#999;}
.slider-gridviews					{	margin-right:15px;}
.slider-lg-views.active i:before	{	color:#333;}


.rev-remove-preset, .rev-update-preset	{ display: none; font-size: 18px; height: 24px; width: 24px; position: absolute; right: 5px; top: 5px; color: #bababa; }
.rev-remove-preset:hover			{ color: #ea5144; }

.rev-update-preset					{ right: 25px; }
.rev-update-preset:hover			{ color: #27AE60; }

.rs-listview li 					{	width:100%;float:none;display:inline-block;height:auto; min-width:625px; position: relative; background:#eee; color:#333;}


.rs-listview .tls-main-metas		{	position: relative; width:100%;height:40px; display:block; white-space: nowrap;}
.rs-listview .tls-firstslideimage	{	vertical-align:top; width:100px;height:40px;position:relative;display:inline-block; margin-right:25px; background-position: center center}
.rs-listview .tls-bg-top			{	display:none;}

.rs-listview .tls-source i 			{	vertical-align: middle;}
.rs-listview .tls-source			{	width:30px;display:inline-block; position:relative; top:auto;left:auto;right:auto;bottom:auto; line-height: 40px; vertical-align: middle; margin-right:15px;}

.rs-listview .tls-source			{	width:75px; }
.rs-listview .tls-title-wrapper		{	display:inline-block; position:relative; width:auto;line-height:40px;vertical-align: middle; background:transparent !important; padding:0px; margin-left: 5px}
.rs-listview .tls-title,
.rs-listview .tls-title a,
.rs-listview .tls-id 				{	vertical-align: middle; color:#333 !important;}

.rs-listview .tls-title 			{	width:200px; overflow;hidden; margin-right:10px;}

.rs-listview .tls-settings, 
.rs-listview .tls-editslides, 
.rs-listview .tls-showmore			{	position:relative !important; top:auto;left:auto;bottom:auto;right:auto;  vertical-align: middle}

.rs-listview .tls-hover-metas		{	position:absolute; top:40px; width:200px;left:495px;}

.rs-listview .tls-slide.tls-addnewslider .tls-hover-metas { left:50%; margin-left:-100px;}

.rs-listview .tls-showmore:focus,
.rs-listview .tls-showmore:visited,
.rs-listview .tls-showmore			{	vertical-align: middle !important}
.rs-listview .tls-showmore:after	{	display:none;}

.rs-listview .tls-dimmme			{	display:none !important;width:100%;height:100%;}

.rs-listview .tls-new-icon 			{	line-height: 40px}

.rs-listview .tls-new-icon i:before,
.rs-listview .tls-title,
.rs-listview .tls-title a,
.rs-listview .tls-id,
.rs-listview .tls-source, 
.rs-listview .tls-source i:before			{	color:#333 !important;}


.rs-listview li:hover 						{	background:#333;}
.rs-listview li.tls-addnewslider:hover 		{	background:#eee;}

.rs-listview li:hover .tls-new-icon,
.rs-listview li:hover .tls-new-icon:before,
.rs-listview li:hover .tls-source,
.rs-listview li:hover .tls-title,
.rs-listview li:hover .tls-title a,
.rs-listview li:hover .tls-id, 
.rs-listview li:hover .tls-source i:before,
.rs-listview li:hover .tls-source i:before	{	color:#fff !important;}

.rs-listview li.tls-addnewslider:hover .tls-title,
.rs-listview li.tls-addnewslider:hover .tls-title a	{	color:#333 !important;}


#slide_selector			{	z-index: 2500}




.input_import_slider		{	
  color: #000;
  font-size: 13px;
  width: auto;
  min-width: 0px;
  position: relative;
  display: inline-block;
  line-height: 14px;
  vertical-align: middle;
  padding: 6px 0px;
  margin: 0px;
  border: none;
  outline: none;
  cursor: pointer;  
  box-sizing: border-box;
}

.filetoimport				{
	background-color: #27ae60;
  	padding: 10px;
  	color: #fff;
}

.not-imported-overlay								{	display:none;cursor:pointer;width:100%;height:100%;top:0px;left:0px;position:absolute;z-index:2;background:rgba(36,36,36,0.5);}

.icon-add_slider,
.icon-install_slider,
.icon-preview_slider								{	opacity:0.35; cursor:pointer; position:relative;display:inline-block;vertical-align:top;background-image:url(../images/install_slider.png); width:35px;height:35px;background-color:#242424;background-repeat:no-repeat; background-position:center center; background-size:20px 15px;}


.icon-add_slider,
.icon-preview_slider								{	background:#242424;}

.icon-add_slider:before,
.icon-preview_slider:before							{	content: '\e802'; font-family: "eg-font"; position:absolute;top:7px;left:9px;font-size:18px;color:#fff;outline:none !important; box-shadow: none !important}

.icon-add_slider:before								{	content:'\e86e'; line-height: 25px; margin-left:1px; top:6px;}

.template_slide_single_element:hover .icon-add_slider:hover,
.icon-install_slider:hover,
.icon-preview_slider:hover							{	background-color:#000;}


.template_slide_single_element:hover .icon-add_slider,
.template_group_wrappers:hover .icon-install_slider,
.template_group_wrappers:hover .icon-preview_slider	{	opacity: 1;}

.not-imported-wrapper .not-imported-overlay { display:block;}
.rs-embed-slider .eg-icon-plus-circled:before,
.rs-specific-posts-wrap .eg-icon-plus-circled:before 	{ color:#fff;}

#advanced-emeding			{	cursor: pointer;}
#advanced-emeding i 		{	float:right;}
#advanced-emeding i:before	{	color:#000; font-size:12px;}



.rs-param-meta-open		{ color: #000000 !important; cursor: pointer; }


#template_area .ps-scrollbar-y-rail { left:0px; right:auto;}

#template_area.ps-container .ps-scrollbar-y-rail {  background:#111;}



#the_image_source_url	{	line-height:30px; background:#ddd; padding:5px 10px; border-radius: 5px; }



/*  Generic Cropper Styles */
@media (min-width: 768px) {
	.modal-dialog {
		width: 800px;
	}
}

#image-lib > .modal-dialog {
	width: 950px;
}
@media (max-width: 768px) {
	#image-lib > .modal-dialog {
		width: 600px;
	}
}
.dropzone .dz-preview .dz-details {
	font-size: 10px !important;
}
.dropzone.dz-clickable * {
	cursor: pointer !important;
}

#preview {
	max-width: 770px;
}
.img-tools {
	background-color: aquamarine;
	min-height: 40px;
	width: 100%;
}
.img-toolbar {
	background-color: cyan;
	min-height: 40px;
	width: 100%;
}


/**
** Change log styling
** Unique styles used on change log/support page


/* http://prismjs.com/download.html?themes=prism-coy&languages=markup+css+clike+javascript */
/**
 * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
 * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
 * @author Tim  Shedor
 */

code[class*="language-"],
pre[class*="language-"] {
	color: black;
	background: none;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	text-shadow: 0 1px #fff;
}

/* Code blocks */
pre[class*="language-"] {
	position: relative;
	margin: .5em 0;
	border-left: 5px solid #2196F3 !important;
	background-color: #fdfdfd;
	background-image: -webkit-linear-gradient(transparent 50%,rgba(25,118,210,.025) 50%);
    background-image: -moz-linear-gradient(transparent 50%,rgba(25,118,210,.025) 50%);
    background-image: -ms-linear-gradient(transparent 50%,rgba(25,118,210,.025) 50%);
    background-image: -o-linear-gradient(transparent 50%,rgba(25,118,210,.025) 50%);
    background-image: linear-gradient(transparent 50%,rgba(25,118,210,.025) 50%);
	background-size: 3em 3em;
	background-origin: content-box;
	overflow: visible;
	padding: 0;
	border-radius: 0;
	border: 1px solid #CCC;
}

code[class*="language"] {
	max-height: inherit;
	height: 100%;
	padding: 0 1em;
	display: block;
	overflow: auto;
}

/* Margin bottom to accomodate shadow */
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background-color: #fdfdfd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 1em;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	position: relative;
	padding: .2em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	border-radius: 0.3em;
	color: #c92c2c;
	border: 1px solid rgba(0, 0, 0, 0.1);
	display: inline;
	white-space: normal;
}

pre[class*="language-"]:before,
pre[class*="language-"]:after {
	content: '';
	z-index: -2;
	display: block;
	position: absolute;
	bottom: 0.75em;
	left: 0.18em;
	width: 40%;
	height: 20%;
	max-height: 13em;
	-webkit-box-shadow: 0px 13px 8px #979797;
	-moz-box-shadow: 0px 13px 8px #979797;
	box-shadow: 0px 13px 8px #979797;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

:not(pre) > code[class*="language-"]:after,
pre[class*="language-"]:after {
	right: 0.75em;
	left: auto;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
}

.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #7D8B99;
}

.token.punctuation {
	color: #5F6364;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.function-name,
.token.constant,
.token.symbol,
.token.deleted {
	color: #c92c2c;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.function,
.token.builtin,
.token.inserted {
	color: #2f9c0a;
}

.token.operator,
.token.entity,
.token.url,
.token.variable {
	color: #a67f59;
	background: rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword,
.token.class-name {
	color: #1990b8;
}

.token.regex,
.token.important {
	color: #e90;
}

.language-css .token.string,
.style .token.string {
	color: #a67f59;
	background: rgba(255, 255, 255, 0.5);
}

.token.important {
	font-weight: normal;
}

.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

.namespace {
	opacity: .7;
}

@media screen and (max-width: 767px) {
	pre[class*="language-"]:before,
	pre[class*="language-"]:after {
		bottom: 14px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

}

/* Plugin styles */
.token.tab:not(:empty):before,
.token.cr:before,
.token.lf:before {
	color: #e0d7d1;
}

/* Plugin styles: Line Numbers */
pre[class*="language-"].line-numbers {
	padding-left: 0;
}

pre[class*="language-"].line-numbers code {
	padding-left: 3.8em;
}

pre[class*="language-"].line-numbers .line-numbers-rows {
	left: 0;
}

/* Plugin styles: Line Highlight */
pre[class*="language-"][data-line] {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}
pre[data-line] code {
	position: relative;
	padding-left: 4em;
}
pre .line-highlight {
	margin-top: 0;
}

/* END OF PRISM STYLING */

.user-tabs {
	margin-bottom: 10px;
}

/*
* CUSTOM STYLES
 */

/* Custom styles for the user tabs */
.set-interviewtab {
	display: flex;
	max-width: 250px;
	gap: 20px;
}

.table .form-control.app-notes {
	max-width: 290px !important;
}


/*
* Jobs table
 */

#jobs-table_wrapper .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

div#jobs-table_filter label {
	display: flex;
	gap: 12px;
	align-items: center;
}