/*****************************************
BODY STYLES
*****************************************/
/*! Font kit */
@font-face {
    font-family: 'futura_bk_btbook';
    src: url('../fonts/futurabookbt-webfont.woff2') format('woff2'),
         url('../fonts/futurabookbt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* {
	margin: 0;
}
body {
	font-family: 'futura_bk_btbook', sans-serif;
	font-size: 13px;
	line-height: 20px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	/*height: auto !important;*/
	height: 100%;
	margin: 0 auto -0px;
}
.push {
	height: 0px;
	clear: both;
}
.site-wrapper {
	padding-left: 250px;
	padding-top: 64px;
	transition: all 0.4s ease 0s;
}
.page-content-wrapper {
	width: 100%;
}
.inset {
	padding: 20px;
}
/*****************************************
TYPOGRAPHY STYLES
*****************************************/

/*---- fonts ----*/


h1, h2, h3, h4, h5, h6 {
	font-family: 'futura_bk_btbook', sans-serif;
	margin-top: 0;
	font-weight: 400;
	margin-bottom: 10px;
	
}
h1 {
	font-size: 24px;
	font-weight: 400;
	float: left;
	line-height: 40px;
}
h2 {
	font-size: 20px;
	margin-bottom: 20px;
	float: left;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
.rowlink-skip a {
	color: #000!important;
}
.rowlink-skip a:hover {
	color: red!important;
}
/*****************************************
BUTTON STYLES
*****************************************/
a.btn-default, button.btn-default {
	border: none;
	font-size: 14px;
}
a.btn-default:hover, button.btn-default:hover {
	background: #6ccac9;
	color: #fff;
}
a.btn-default i.fa, button.btn-default i.fa, a.btn-default span.glyphicon, button.btn-default span.glyphicon {
	line-height: 20px;
	font-size: 14px;
}
a.btn-red, button.btn-red {
	border: none;
}
a.btn-red:hover, button.btn-red:hover {
	background: #e05949;
	color: #fff;
}
.EmailSubs {
	float: right;
}
.EmailSubs button {
	font-weight: 700;
	text-transform: uppercase;
}
.EmailSubs .dropdown-menu {
	left: auto;
	right: 0;
}
/*****************************************
ALERT STYLES
*****************************************/
.DashboardAlert {
	border-radius: 5px;
	border: none;
	border-left: solid 40px;
	position: relative;
	padding: 5px;
}
.DashboardAlert button {
	right: 5px!important;
	top: 3px!important;
}
.DashboardAlert .fas {
	position: absolute;
	left: -29px;
	top: 50%;
	transform: translateY(-50%);
	color: #f2dede;
	font-size: 18px;
}
.alert p {
	margin: 0;
	line-height: 29px;
}
.alert a {
	display: inline-block;
	background: #dc7474;
	margin-left: 30px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	border-radius: 5px;
	padding: 5px;
}
.alert a:hover {
	background: #31345a;
	color: #fff;
}
 @-webkit-keyframes pulseOpacity {
 0% {
 opacity: .99
}
 50% {
 opacity: .66
}
to {
	opacity: .99
}
}
 @keyframes pulseOpacity {
 0% {
 opacity: .99
}
 50% {
 opacity: .66
}
to {
	opacity: .99
}
}
.pulseOpacity {
	-webkit-animation-name: pulseOpacity;
	animation-name: pulseOpacity
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
/*****************************************
LINKS AND HIGHLIGHT STYLES
*****************************************/
a:link, a:active, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
/*****************************************
LOGIN PAGE STYLES
*****************************************/
p.LoginCompany {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 28px;
	margin-bottom: 20px;
	display: block;
}
body#login {
	background: #ffffff;
}
body#login .header, body#login .sidebar-wrapper {
	display: none;
	visibility: hidden;
}
body#login .site-wrapper {
	padding-left: 0;
}
p.login {
	text-align: center!important;
	font-size: 44px;
}
.login-form {
	padding: 40px;
	font-family: 'futura_bk_btbook', sans-serif;
	border-radius: 5px;
	margin-top: 30px;
	float: left;
	margin-bottom: 30px;
	width: 100%;
	clear: both;
}
.login-form button {
	font-weight: bold;
	padding: 10px 20px;
	width: 100%;
	border-radius: 5px;
	background: #ffffff!important;
}
.login-form button:hover {
	background: #5baaa9!important;
}
.login-form input {
	border-radius: 5px;
	border-left: 0;
}
a.login-logo {
	display: block;
	position: absolute;
	right: 50%;
	margin-right: -75px;
}
a.login-logo img {
	width: 200px;
	height: 100%;
}
p.footer-copyright {
	text-align: center;
	color: #000;
	padding: 20px;
}
p.footer-copyright a {
	color: #000;
}
/*****************************************
HEADER STYLES
*****************************************/
ul.NewSubNav {
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 64px;
	overflow: hidden;
}
ul.NewSubNav li {
	float: left;
	height: 64px;
	position: relative;
	line-height: 18px;
	border-left: 1px solid #efefef;
}
ul.NewSubNav li a .fa {
	position: absolute;
	left: 50%;
	top: 14px;
	transform: translateX(-50%);
	font-size: 15px;
	color: #ccc;
}
ul.NewSubNav li a {
	display: block;
	height: 64px;
	color: #333;
	font-weight: 700;
	font-size: 12px;
	text-align: center;
	padding: 5px 20px;
	min-width: 126px;
}
ul.NewSubNav li a:hover {
	background: #31345a;
	color: #fff;
}
ul.NewSubNav li a:hover .fa {
	color: #fff;
}
ul.NewSubNav li a span {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
li.MobileMenu {
	width: 64px;
}
li.MobileMenu .fas {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 30px;
	position: absolute;
}
.header {
	width: 100%;
	height: 64px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}
a.brand-logo {
	display: block;
	float: left;
	margin-left: 20px;
	margin-top: 8px;
}
a.brand-logo img {
	height: 100%;
	width: 136px;
}
p.companyname {
	font-size: 22px;
	height: 64px;
	float: left;
	margin-bottom: 0;
	padding-left: 20px;
	line-height: 64px;
	font-weight: 300;
}
a.view-website, a.website-settings {
	padding: 10px;
}
a.website-settings {
	background: #31345a!important;
}
a.website-settings:hover {
	background: #31345a!important;
}
a.view-website {
	background: #31345a!important;
}
a.view-website:hover {
	background: #31345a!important;
}
ul.sub-menu {
	list-style: none;
}
/*****************************************
GOOGLE STYLES
*****************************************/
.googlecontainer {
	border: solid 1px #e1e1e1;
	padding: 20px;
	margin-bottom: 30px;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
}
.googlesearch {
	width: 100%;
	max-height: 80px;
	overflow: hidden;
}
.googlesearch h1, .googlesearch p {
	float: left;
	width: 100%;
	font-family: arial, sans-serif!important;
	margin: 0;
	line-height: 20px!important;
	word-break: break-all;
}
.googlesearch h1 {
	color: #1a0dab;
	font-size: 18px;
	text-transform: capitalize;
}
.googlesearch p {
	color: #6a6a6a;
}
.googlesearch p.web-address {
	color: #006621;
}
p.Characters {
	margin-top: 10px;
}
p.Characters .badge {
	margin-top: -4px;
	margin-right: 5px;
}
body.CMSLogin {
	background: #ffffff;
	overflow: hidden;
}
body.CMSLogin .site-wrapper,  body.CMSLogin .inset {
	padding: 0;
	overflow: hidden;
	transition: none;
}
body.CMSLogin .LoginBoxContainer {
	position: absolute;
	height: 100%;
	width: 450px;
	left: 50%;
	margin-left: -225px;
	overflow: hidden;
	z-index: 99;
}
body.CMSLogin .LoginBoxContainer .form-group {
	float: left;
	width: 100%;
}
body.CMSLogin .LoginBox {
	background-color: #31345a;
	position: absolute;
	border-radius: 5px;
	top: 50%;
	transform: translateY(-50%);
	padding: 40px 40px 40px 40px;
	width: 100%;
}
body.CMSLogin .LoginForm button {
	width: 100%;
	background: #46496b;
	border-radius: 5px!important;
	font-size: 15px;
	font-weight: 700;
	padding: 12px;
	color:#e1e1e1!important;
	
}
#copybtn {
	padding: 5px;
}
body.CMSLogin .LoginForm button:hover {
	background: #46496b;
	color:#e1e1e1!important;
}
body.CMSLogin .input-group-addon {
	background-color: #46496b;
	border: none;
	color: #e1e1e1;
	
}
body.CMSLogin .form-control {
	color: #253786;
	font-weight: 500;
	border-radius: 5px;
	border: none;
	height: 45px;
}
body.CMSLogin .LoginForm p {
	text-align: center;
	color: #fff;
	margin-bottom: 0;
	margin-top: 10px;
}
/*****************************************
NAVIGATION STYLES
*****************************************/
a.mobile-menu {
	position: absolute;
	top: 0px;
	right: 0px;
	line-height: 70px;
	height: 84px;
	width: 77px;
	border-radius: 0;
	border: none;
	font-size: 30px;
}
a.mobile-menu i.fa {
	font-size: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 20px;
	margin-left: -13px;
	margin-top: -10px;
}
a.mobile-menu:hover {
	-webkit-transition: background .1s ease-in;
	-moz-transition: background .1s ease-in;
	-o-transition: background .1s ease-in;
	transition: background .1s ease-in;
}
.sidebar-wrapper {
	margin-left: -250px;
	left: 250px;
	width: 250px;
	position: fixed;
	z-index: 10;
	display: block;
	transition: all 0.4s ease 0s;
	top: 64px;
	bottom: 0px;
	overflow-y: scroll;
	overflow-x: hidden;
}
ul.cms-nav {
	float: left;
	width: 234px;
	font-family: 'futura_bk_btbook', sans-serif;
	font-size: 14px;
}
ul.cms-nav li {
	float: left;
	border-bottom: solid 1px #be3a22;
	position: relative;
}
ul.cms-nav li a {
	width: 234px;
	display: block;
	position: relative;
	padding: 8px 13px 8px 45px;
}
ul.cms-nav li a:hover {
	-webkit-transition: background .1s ease-in;
	-moz-transition: background .1s ease-in;
	-o-transition: background .1s ease-in;
	transition: background .1s ease-in;
	background: #142b54;
}
ul.cms-nav li a i.nav-icon {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: 10px;
	font-size: 20px;
}
ul.cms-nav-tier2 {
	width: 250px;
	float: left;
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.25);
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,.25);
	box-shadow: inset 0 0 10px rgba(0,0,0,.25);
	overflow: hidden;
}
ul.cms-nav-tier2 li {
	float: left;
}
ul.cms-nav-tier2 li a {
	width: 243px;
	display: block;
	padding-left: 15px;
	transition: all 0.4s ease 0s;
}
span.dibber {
	position: absolute;
	right: 20px;
	top: 18px;
	width: 9px;
	height: 9px;
	display: block;
	z-index: 10;
}
ul.cms-nav li a:hover span.dibber {
	background-position: left bottom;
}
ul.cms-nav li a.collapsed span.dibber {
	background-position: left top;
}
ul.cms-nav li a.collapsed:hover span.dibber {
	background-position: left -18px;
}
.hvr-bounce-to-right:before {
	background: #31345a;
}
/*****************************************
DASHBOARD STYLES
*****************************************/
.OrdersInfo {
	text-transform: capitalize;
}
.MiddleBox {
	border-right: 1px solid #eee;
	min-height: 220px;
	border-left: 1px solid #eee;
	padding-left: 30px;
}
.OrdersInfo h3 {
	color: #31345a;
	font-weight: 700;
}
.page-intro h1 {
	font-weight: 700;
	margin-bottom: 0;
	font-size: 18px;
	text-transform: uppercase;
}
.page-intro {
	margin-bottom: 10px;
}
.panel-widget, .panel-widget .panel-heading {
	border: none;
}
.widget {
	padding: 10px 20px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-clip: padding-box;
	margin-bottom: 30px;
}
.panel-widget i.fa {
	font-size: 45px;
	float: left;
	margin-right: 20px;
}
.panel {
	border-radius: 0;
}
.panel-widget p {
	line-height: 45px;
	margin-bottom: 0;
	font-size: 35px;
	font-weight: 700;
}
.box, .box-alternate {
	padding: 20px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-clip: padding-box;
	margin-bottom: 15px;
}
.box:before {
	background: #31345a;
}
.box-alternate {
	margin-bottom: 0;
}
.box-heading {
	margin-bottom: 20px;
}
ul.quick-links {
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.quick-links li {
	float: left;
	width: 100%;
	border-top: 1px solid #f1f1f1;
}
ul.quick-links li:first-child {
	border-top: 0;
}
ul.quick-links li a {
	display: block;
	padding: 10px 0;
	color: #333;
}
ul.quick-links li a:hover {
	color: #31345a;
}
ul.quick-links li a i {
	margin-right: 10px;
}
/*****************************************
SEARCH STYLES
*****************************************/
.TableSearch .form-group {
	position: relative;
}
.TableSearch .form-group .form-control {
	padding-right: 50px;
}
.TableSearch .form-group button {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 34px;
}
a.search-toggle {
	position: absolute;
	top: 0px;
	line-height: 78px;
	height: 84px;
	width: 77px;
	border-radius: 0;
	border: none;
	transition: all 0.4s ease 0s;
}
a.search-toggle i.fa {
	font-size: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 20px;
	margin-left: -12px;
	margin-top: -10px;
}
.search-row {
	display: none;
	opacity: 0;
}
.search-row.active {
	display: block;
	opacity: 1;
}
.search-group {
	position: relative;
}
button.search-btn {
	position: absolute;
	top: 25px;
	right: 0;
	height: 34px;
}
#Search.SearchOpen {
	transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	z-index: 99999;
}
#Search {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -99999;
	background: url(../images/search-bg.png) repeat left top;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
body.SearchOpen {
	overflow: hidden;
}
a.search-close {
	background: #31345a;
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 5px 10px;
	border-radius: 4px;
}
.SearchForm {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -42px;
	height: 84px;
	padding: 20px;
}
.SearchForm .form-group {
	position: relative;
	margin: 0;
}
.SearchForm label {
	font-size: 20px;
	margin-bottom: 10px;
}
.SearchForm input {
	border-radius: 0;
	height: 54px;
	font-size: 16px;
	padding-right: 60px;
}
.SearchForm button {
	position: absolute;
	bottom: 0px;
	right: 0px;
	border-radius: 0;
	height: 54px;
	width: 54px;
}
.SearchForm button i.fa {
	font-size: 16px;
}
/*****************************************
DATA TABLE STYLES
*****************************************/
.table {
	margin-top: 20px;
}
.table tr.hyperlinkrow a{
	color:#31345a;
}
.dataTables_filter input, .dataTables_length select {
	display: inline;
	width: auto;
}
.dataTables_length {
	float: right;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	vertical-align: middle;
}
a.paginate_active {
	margin: 0 5px;
	padding: 5px 10px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-clip: padding-box;
	cursor: pointer;
}
.dataTables_info {
	float: left;
	margin-top: 10px;
}
.dataTables_paginate {
	float: right;
}
.paginate_button:hover {
	-webkit-transition: background .1s ease-in;
	-moz-transition: background .1s ease-in;
	-o-transition: background .1s ease-in;
	transition: background .1s ease-in;
}
.paginate_button {
	margin: 0 5px;
	padding: 5px 10px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-clip: padding-box;
	cursor: pointer;
}
.first.paginate_button {
	display: none;
}
a.paginate_button_disabled {
	opacity: .2;
}
a.paginate_button_disabled:hover {
	cursor: default;
}
.table-responsive {
	border: none;
}
.table a.btn-default, .table button.btn-default {
	font-size: 12px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: #142b54;
	color: #fff!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	border-radius: 0px;
	border: none!important;
	background: #efefef;
}
.paginate_button.first, .paginate_button.previous {
	display: none!important;
}
/*****************************************
PAGE MANAGEMENT STYLES
*****************************************/
.new-tabs {
	border: none;
}
.new-tabs>li.active>a, .new-tabs>li.active>a:hover, .new-tabs>li.active>a:focus {
	border: none;
}
.new-tabs>li>a {
	font-size: 16px;
	font-weight: 400;
	color: #31345a;
	background: #dedede;
}
.new-tabs>li.active>a {
	font-weight: 700;
}
.new-tabs>li {
	margin-bottom: 0px;
}
textarea {
	resize: none;
}
form.page-form button {
	font-weight: 700;
	font-size: 15px;
	width: 100%;
	padding: 15px;
}
.form-horizontal .control-label {
	text-transform: capitalize;
}
.page-form .form-group {
	border-top: 1px solid #e1e1e1;
	margin-bottom: 0;
	padding: 10px 0;
	position: relative;
}
.page-form .form-group:first-child {
	border-top: 0;
	padding-top: 15px;
}
.page-form .form-group:nth-child(even) {
	background-color: #fff;
}
.form-control {
	border-radius: 0;
}
.badge-red {
	background: #31345a;
	margin-top: 10px;
}
button.btn-form {
	margin-top: 20px;
	background: #31345a!important;
}
button.btn-form:hover {
	background: #31345a!important;
}
a.add-content, button.add-content {
	padding: 10px;
	float: right;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 5px;
}
.form-row {
	margin-bottom: 10px;
}
.bfh-selectbox-toggle {
	background: #31345a;
}
.PopOver {
	position: absolute;
	top: 50%;
	margin-top: -17px;
	font-size: 12px;
	left: 10px;
	color: #31345a;
}
.PopOver:hover {
	cursor: pointer;
	color: #31345a;
}
.PopOver:focus {
	outline: none;
	text-decoration: none;
}
#tlyPageGuideWrapper #tlyPageGuideToggles {
	top: 101px;
}
#tlyPageGuideWrapper .tlypageguide_toggle {
	font-family: 'futura_bk_btbook', sans-serif;
	font-size: 13px;
	height: auto;
	padding: 10px;
	margin: 0;
	font-weight: 700;
	width: 200px;
	right: -200px;
}
#tlyPageGuideWrapper .tlypageguide_toggle:before {
	background: none;
}
#tlyPageGuideWrapper .tlypageguide_toggle div {
	border: none;
	padding: 0;
}
.HelpAlert p {
	float: left;
	line-height: 36px;
	text-align: center;
	width: 100%;
}
body.tlypageguide-open button.HelpMe {
	background: #31345a!important;
}
button.HelpMe {
	font-weight: 700;
	float: right!important;
	display: inline-block!important;
	width: auto!important;
	font-size: 13px!important;
	padding: 8px 12px!important;
	margin-left: 15px;
	background: #C7B184!important;
}
body #tlyPageGuideMessages[style] {
	height: 0px!important;
	display: none!important;
}
body.tlypageguide-open #tlyPageGuideMessages[style] {
	height: 100px!important;
	display: block!important;
}
.CmsAlert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.CmsAlert p.help-block {
	margin-bottom: 0;
	margin-top: 10px;
}
.HelpAlert {
	float: left;
	display: block;
	width: 100%;
}
button.HelpMe:focus {
	outline: none;
	background: #C7B184;
}
button.HelpMe span.open {
	display: none;
}
body.tlypageguide-open button.HelpMe span.open {
	display: block;
}
body.tlypageguide-open button.HelpMe span.closed {
	display: none;
}
body.tlypageguide-open button.HelpMe {
	background: #31345a;
}
.tlypageguide-active .tlyPageGuideStepIndex {
	background: rgba(190,30,45,0.95);
}
.tlypageguide-active .tlyPageGuideStepIndex.tlypageguide_right:after, .tlypageguide-active .tlyPageGuideStepIndex.tlypageguide_left:after, .tlypageguide-active .tlyPageGuideStepIndex.tlypageguide_top:after {
	border-top: 15px solid rgba(190,30,45,0.95);
}
.tlypageguide_shadow.tlypageguide-active {
	background-color: rgba(190,30,45,0.1);
	border: 1px dashed #31345a;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#tlyPageGuideWrapper #tlyPageGuideMessages span {
	background: rgba(190,30,45,0.95);
}
#tlyPageGuideWrapper #tlyPageGuideMessages .tlypageguide_close {
	background: #31345a;
	font-family: 'futura_bk_btbook', sans-serif;
	font-size: 13px;
	text-transform: capitalize;
}
#tlyPageGuideWrapper #tlyPageGuideMessages {
	font-family: 'futura_bk_btbook', sans-serif;
	font-size: 14px;
}
.tlyPageGuideStepIndex {
	background: rgba(0,0,0,0.3);
}
.tlyPageGuideStepIndex.tlypageguide_left:after {
	border-top: 15px solid rgba(0,0,0,0.3);
}
.tlyPageGuideStepIndex:hover {
	background: #5baaa9;
}
.tlyPageGuideStepIndex:hover.tlypageguide_right:after, .tlyPageGuideStepIndex:hover.tlypageguide_left:after, .tlyPageGuideStepIndex:hover.tlypageguide_top:after {
	border-top: 15px solid #5baaa9;
}
.tlypageguide_shadow {
	background-color: rgba(0,0,0,0.1);
	border: 1px dashed rgba(0,0,0,0.3);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.tlyPageGuideStepIndex.tlypageguide_left {
	left: 20px;
}
.tlyPageGuideStepIndex {
	top: 50%;
	margin-top: -23px;
}
#tlyPageGuideWrapper #tlyPageGuideMessages .tlypageguide_text {
	text-align: center;
	font-size: 15px;
}
/*****************************************
HELP STYLES
*****************************************/
.HelpAccordion {
	margin-bottom: 0;
}
.HelpIndex h2 {
	float: left;
	width: 100%;
	clear: both;
}
.HelpPanel {
	border: none;
	box-shadow: none;
}
.HelpPanel>.panel-heading+.panel-collapse>.panel-body {
	border: none;
	padding: 20px;
}
.HelpPanel>.panel-heading {
	border: none;
	background: none;
	padding: 0;
	width: 100%;
}
.HelpPanel>.panel-heading a {
	color: #777;
	display: block;
	width: 100%;
	padding: 10px 10px 10px 30px;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid #e7e7e7;
	position: relative;
}
.HelpPanel>.panel-heading a span.helpicon {
	color: #31345a;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: 5px;
	font-size: 18px;
}
.HelpPanel>.panel-heading a span.fa-chevron-right {
	color: #31345a;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	right: 5px;
	font-size: 18px;
}
.HelpPanel>.panel-heading a.collapsed span.fa-chevron-right {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.HelpPanel>.panel-heading a span.fa-chevron-right {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.HelpPanel .panel-body h3 {
	margin-top: 0;
	margin-bottom: 20px;
	color: #777;
	font-weight: 700;
}
.HelpPanel .panel-body ul {
	float: left;
	width: 100%;
	list-style: none;
}
.HelpPanel .panel-body ul li {
	border-top: 1px solid #e7e7e7;
	padding: 10px 0;
}
.HelpPanel .panel-body ul li strong {
	color: #31345a;
}
.HelpPanel .panel-body ul li:first-child {
	border-top: none;
}
.HelpScreens a {
	display: block;
	width: 50%;
	float: left;
	padding: 5px;
}
.HelpScreens a.Blank:hover {
	cursor: default;
}
#tlyPageGuideWrapper #tlyPageGuideMessages .tlypageguide_text a {
	font-weight: 700;
	text-decoration: underline;
}
/*****************************************
INPUT TAGS STYLES
*****************************************/
div.tagsinput {
	border: 1px solid #CCC;
	background: #FFF;
	padding: 5px;
	overflow-y: auto;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-clip: padding-box;
	height: 44px!important;
}
div.tagsinput span.tag {
	border: 1px solid #269abc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: block;
	float: left;
	padding: 5px;
	text-decoration: none;
	background: #39b3d7;
	color: #fff;
	margin-right: 5px;
	margin-bottom: 0px;
	font-family: helvetica;
	font-size: 13px;
}
div.tagsinput span.tag a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
}
div.tagsinput input {
	width: 80px;
	margin: 0px;
	font-family: helvetica;
	font-size: 13px;
	border: 1px solid transparent;
	padding: 5px;
	background: transparent;
	color: #000;
	outline: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
}
div.tagsinput div {
	display: block;
	float: left;
}
.tags_clear {
	clear: both;
	width: 100%;
	height: 0px;
}
.not_valid {
	background: #FBD8DB !important;
	color: #90111A !important;
}
.AddContentInnerBox .form-group {
	margin: 0;
}
.AddContentInnerBox button {
	width: 100%;
	padding: 7px;
}
/*****************************************
GALLERY STYLES
*****************************************/
.view {
	width: 100%;
	height: 100%;
	margin: 0px;
	float: left;
	border: 10px solid #fff;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-box-shadow: 1px 1px 2px #e6e6e6;
	-moz-box-shadow: 1px 1px 2px #e6e6e6;
	box-shadow: 1px 1px 2px #e6e6e6;
	cursor: default;
}
.view .mask, .view .content {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.view img {
	display: block;
	position: relative;
}
.view h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	margin: 20px 0 0 0;
}
.view p {
	font-size: 12px;
	position: relative;
	color: #fff;
	text-align: center;
}
.view a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 14px;
	background: #31345a;
	color: #fff;
	text-transform: uppercase;
	-webkit-box-shadow: 0 0 1px #000;
	-moz-box-shadow: 0 0 1px #000;
	box-shadow: 0 0 1px #000;
}
.view a.info:hover {
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	background: #5baaa9;
}
.view-first img {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.view-first .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	padding: 20px;
	background-color: rgba(190,30,45, 0.7);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.view-first h2 {
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.view-first p {
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.view-first:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.view-first a.info {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.view-first:hover h2, .view-first:hover p, .view-first:hover a.info {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.view-first:hover p {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.view-first:hover a.info {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.hover-btn-group {
	bottom: 20px;
	position: absolute;
	left: 50%;
	margin-left: -63px;
}
.modal-header .close {
	width: auto;
	margin-top: -10px;
}
/*****************************************
DATE PICKER STYLES
*****************************************/
.date-pickers {
	margin-top: 10px;
}
.new-datepicker {
	border: none;
}
.bfh-datepicker .input-group-addon {
	border: none;
}
.bfh-datepicker-toggle {
}
.calendar {
	margin-top: 0;
}
/*****************************************
MODAL STYLES
*****************************************/
.modal-confirmation {
	margin: 140px auto!important;
}
.modal-confirmation .modal-content {
}
.modal-confirmation .modal-header {
	padding: 15px 10px 10px 10px;
}
.modal-confirmation .modal-header h4 {
	margin-bottom: 5px;
}
.modal-confirmation .modal-body {
	text-align: center;
}
.modal-confirmation .modal-footer {
	margin-top: 0;
}
/*****************************************
BREADCRUM STYLES
*****************************************/
.breadcrumb {
	background-color: #fff;
}
.breadcrumb>li {
	text-transform: capitalize;
}
.breadcrumb a {
	color: #333!important;
}
.breadcrumb a:hover {
	color: #31345a!important;
}
/*****************************************
TABLE MENU STYLES
*****************************************/
.table-dropdown ul.dropdown-menu {
	left: auto;
	right: 29px;
	top: -2px;
	background: #31345a;
	color: #fff;
	border: none;
	padding: 0;
}
.table-dropdown button {
	transition: all 0s ease 0s!important;
	padding: 6px 12px!important;
}
.table-dropdown.open .dropdown-toggle:focus {
	background: #31345a;
}
.table-dropdown ul.dropdown-menu:before {
/* 	font-family: Font Awesome\ 5 Free;
	content: "\f0d9";
	position: absolute;
	top: -9px;
	right: -8px;
	color: #b7151b;
	font-size: 50px; */
}
.table-dropdown ul.dropdown-menu {
	border-radius: 0;
}
.table-dropdown ul.dropdown-menu li a {
	color: #fff!important;
	height: 32px;
	line-height: 25px;
	padding-right: 20px;
}
.table-dropdown ul.dropdown-menu li a:hover {
	background: #31345a;
}
.table-dropdown.open .dropdown-toggle {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #31345a;
}
/*****************************************
FOOTER STYLES
*****************************************/
p.copyright {
	position: absolute;
	margin-bottom: 0;
	bottom: 20px;
	width: 234px;
	text-align: center;
	font-size: 11px;
	z-index: -1;
	line-height: 18px;
}
/*****************************************
MISC STYLES
*****************************************/
.col-100 {
	width: 100%;
	float: left;
}
.img-center {
	display: block;
	margin: auto;
}
.img-responsive {
	width: 100%;
}
.clear {
	clear: both;
}
.float-L {
	float: left;
}
.float-R {
	float: right;
}
hr.custom-hr {
	float: left;
	width: 100px;
	margin-top: 0;
	clear: both;
}
/*****************************************
RESET STYLES
*****************************************/
ul, ol {
	padding: 0;
	margin: 0;
}
.bullets ul, .bullets ol {
	padding: 0;
	margin: 0 0 10px 25px;
}
.bullets ul li, .bullets ol li {
	list-style: circle;
	list-style-type: circle;
}
.table-responsive {
	overflow: inherit;
}
/*****************************************
MEDIA QUERIES
*****************************************/
/*****************************************
AFFECTS ALL COL-XS COLUMNS
*****************************************/
@media(max-width:767px) {
.site-wrapper {
	padding-left: 0px;
	transition: all 0.4s ease 0s;
}
.wrapper.active {
	overflow: hidden;
}
.sidebar-wrapper {
	transition: all 0.4s ease 0s;
	left: 0px;
	margin-left: -250px;
	overflow-y: scroll;
}
.sidebar-wrapper.active {
	transition: all 0.4s ease 0s;
	left: 250px;
}
p.copyright {
	width: 100%;
	text-align: center;
}
#datatable2_length {
	display: none;
}
a.mobile-menu {
	display: block;
	transition: all 0.4s ease 0s;
}
select {
	-webkit-appearance: none;
}
a.search-toggle {
	right: 78px;
	transition: all 0.4s ease 0s;
}
ul.sub-menu {
	float: left;
	margin-bottom: 20px;
	transition: all 0.4s ease 0s;
}
ul.sub-menu li {
	float: left;
	margin-right: 5px;
	transition: all 0.4s ease 0s;
}
.new-tabs>li {
	width: 100%;
	transition: all 0.4s ease 0s;
}
a.login-logo {
	top: -100px;
}
.SearchForm {
	margin-left: 0px;
	width: 100%;
	left: 0;
}
ul.cms-nav-tier2 li a:hover, ul.cms-nav-tier2 li a {
	background: none;
}
h1 {
	text-align: center;
	float: left;
	width: 100%;
}
a.add-content, button.add-content {
	width: 100%;
	border-radius: 5px;
}
a.view-website, a.website-settings {
	width: 100%;
}
ul.sub-menu {
	width: 100%;
	margin-bottom: 5px;
}
ul.sub-menu li {
	width: 46%;
	margin: 0;
	margin: 2%;
}
.dataTables_length {
	display: none;
}
.dataTables_info {
	float: left;
	width: 100%;
	text-align: center;
}
.dataTables_paginate {
	padding: 10px;
}
.table-responsive {
	overflow-x: auto;
}
ul.NewSubNav {
	width: 100%;
	float: left;
}
ul.NewSubNav li {
	width: 25%;
	min-width: 25%;
}
ul.NewSubNav li a {
	width: 100%;
	min-width: 100%;
}
ul.NewSubNav li a span {
	display: none;
}
ul.NewSubNav li a .fa {
	transform: translate(-50%, -50%);
	top: 50%;
	font-size: 30px;
	color: #333;
}
}
/*****************************************
AFFECTS ALL COL-SM COLUMNS
*****************************************/
@media(min-width:768px) {
.site-wrapper {
	padding-left: 0px;
	transition: all 0.4s ease 0s;
}
.sidebar-wrapper {
	transition: all 0.4s ease 0s;
	left: 0px;
	margin-left: -250px;
}
.sidebar-wrapper.active {
	transition: all 0.4s ease 0s;
	left: 250px;
}
#datatable2_length {
	display: block;
}
a.search-toggle {
	right: 78px;
	transition: all 0.4s ease 0s;
}
a.mobile-menu {
	display: block;
	transition: all 0.4s ease 0s;
}
select {
	-webkit-appearance: normal;
}
ul.sub-menu {
	float: none;
	margin-bottom: 0px;
	position: fixed;
	top: 23px;
	right: 87px;
	z-index: 10;
	transition: all 0.4s ease 0s;
}
ul.sub-menu li {
	float: left;
	margin-right: 5px;
	transition: all 0.4s ease 0s;
}
.new-tabs>li {
	width: auto;
	transition: all 0.4s ease 0s;
}
a.login-logo {
	top: -70px;
}
.SearchForm {
	margin-left: -325px;
	width: 650px;
}
}
/*****************************************
AFFECTS ALL COL-MD COLUMNS
*****************************************/
@media(min-width:992px) {
.site-wrapper {
	padding-left: 0px;
	transition: all 0.4s ease 0s;
}
.sidebar-wrapper {
	transition: all 0.4s ease 0s;
	left: 0px;
	margin-left: -250px;
}
.sidebar-wrapper.active {
	transition: all 0.4s ease 0s;
	left: 250px;
}
#datatable2_length {
	display: block;
}
a.search-toggle {
	right: 78px;
	transition: all 0.4s ease 0s;
}
a.mobile-menu {
	display: block;
	transition: all 0.4s ease 0s;
}
select {
	-webkit-appearance: normal;
}
ul.sub-menu {
	float: none;
	margin-bottom: 0px;
	position: fixed;
	top: 23px;
	right: 87px;
	z-index: 10;
	transition: all 0.4s ease 0s;
}
ul.sub-menu li {
	float: left;
	margin-right: 0px;
	margin-left: 5px;
	transition: all 0.4s ease 0s;
}
.new-tabs>li {
	width: auto;
	transition: all 0.4s ease 0s;
}
a.login-logo {
	top: -70px;
}
}
/*****************************************
AFFECTS ALL COL-LG COLUMNS
*****************************************/
@media(min-width:1200px) {
.site-wrapper {
	padding-left: 250px;
	transition: all 0.4s ease 0s;
}
.sidebar-wrapper {
	transition: all 0.4s ease 0s;
	left: 250px;
	margin-left: -250px;
}
.sidebar-wrapper.active {
	transition: all 0.4s ease 0s;
	left: 250px;
}
#datatable2_length {
	display: block;
}
a.search-toggle {
	right: 0px;
	transition: all 0.4s ease 0s;
}
a.mobile-menu {
	display: block;
	transition: all 0.4s ease 0s;
}
select {
	-webkit-appearance: normal;
}
ul.sub-menu {
	float: none;
	margin-bottom: 0px;
	position: fixed;
	top: 23px;
	right: 15px;
	z-index: 10;
	transition: all 0.4s ease 0s;
}
ul.sub-menu li {
	float: left;
	margin-right: 0px;
	margin-left: 5px;
	transition: all 0.4s ease 0s;
}
.new-tabs>li {
	width: auto;
	transition: all 0.4s ease 0s;
}
a.login-logo {
	top: -70px;
}
}
.static .form-group{
	padding:10px 0;
}