.frame-debug { border: 1px red solid; }
.normalize-margin { margin: 0; }
.normalize-padding { padding: 0; }

/*Import Fonts
=======================================================*/

@font-face {
	font-family: 'open-sans regular';
	src: url("../fonts/open-sans/Regular/OpenSans-Regular.eot?v=1.1.0");
	src: url("../fonts/open-sans/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"),
			 url("../fonts/open-sans/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"),
			 url("../fonts/open-sans/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"),
			 url("../fonts/open-sans/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"),
			 url("../fonts/open-sans/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'open-sans semibold';
	src: url("../fonts/open-sans/Semibold/OpenSans-Semibold.eot?v=1.1.0");
	src: url("../fonts/open-sans/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"),
			 url("../fonts/open-sans/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"),
			 url("../fonts/open-sans/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"),
			 url("../fonts/open-sans/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"),
			 url("../fonts/open-sans/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'open-sans bold';
	src: url("../fonts/open-sans/Bold/OpenSans-Bold.eot?v=1.1.0");
	src: url("../fonts/open-sans/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"),
			 url("../fonts/open-sans/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"),
			 url("../fonts/open-sans/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"),
			 url("../fonts/open-sans/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"),
			 url("../fonts/open-sans/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'open-sans extrabold';
	src: url("../fonts/open-sans/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0");
	src: url("../fonts/open-sans/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"),
			 url("../fonts/open-sans/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"),
			 url("../fonts/open-sans/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"),
			 url("../fonts/open-sans/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"),
			 url("../fonts/open-sans/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg");
	font-weight: 600;
	font-style: normal;
}

/*Bootstrap override
=======================================================*/
body {
	overflow-x: hidden;
	font-family: 'open-sans regular', sans-serif !important; }

body .modal-widget{
  width: 100% !important;
}
.navbar-default.navbar-livesupport {
	background-color: #ff0000;
	border-radius: 0;
	border: none;
  box-shadow: 0 7px 6px -6px rgba(31,31,33,0.9);
}

.navbar-default .navbar-nav>li>a { 
  font-size: 14px !important;
  color: #FFF !important; 
}

.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {
  font-size: 14px;
  color: #293239 !important;
  background-color: #fff !important;
}

.navbar-livesupport .navbar-brand { height: auto; }

.navbar-livesupport .navbar-brand > img { width: 32%;}

.tab-content {
	min-height: 600px;
	background-color: #fff;
}

.nav-tabs>li {
	margin-bottom: 0;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.nav-tabs>li>a {
	margin-right: 1px;
	border-radius: 0;
	border: none;
	color: #f7f7f7 !important;
	background-color: #1f1f21;

	-webkit-transition: all .3s ease-in-out;

	transition: all .2s ease-in-out;
	-webikit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	border: none;
	background-color: #ff0000;
}

.nav-tabs>li>a:hover { background-color: #ff0000; }
/*.nav-tabs>li:not(:last-child)>a:hover { background-color: #ff0000; }*/

/*
.client-panel .nav-tabs>li:last-child>a {
	pointer-events: none !important;
	cursor: pointer !important;
	background-color: #1f1f21;
}
*/

select { border-radius: 0 !important; }

.input-group>.form-control,
.input-group-sm>.form-control,
.input-group-addon,
.input-group>.input-group-addon,
.input-group-sm>.input-group-addon { border-radius: 0; }

.input-group>.input-group-addon,
.input-group-sm>.input-group-addon {
	min-width: 30px;
	background-color: #293239;
	color: #fff;
	border: none;
}

.input-group textarea { 
  height: 34px !important; 
  min-height: 34px;
}

.colorpicker-element input.form-control { 
  font-size: 12px; 
  padding-left: 8px;
  padding-right: 8px;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified>.active>a, 
  .nav-tabs.nav-justified>.active>a:focus, 
  .nav-tabs.nav-justified>.active>a:hover { 
    border: none; 
    border-radius: 0;
    }
  .nav-tabs.nav-justified>li>a {
    border-radius: 0;
    border: none;
    }
  }


.nav-tabs.nav-justified>.active>a, 
.nav-tabs.nav-justified>.active>a:focus, 
.nav-tabs.nav-justified>.active>a:hover { 
  border-radius: 0;
  border: none; 
}

/*Bootstrap table override
=======================================================*/

.fixed-table-footer,
.fixed-table-header { border-radius: 0; }

.tab-box { box-shadow: 0 0 3px rgba(31,31,33,.2); }

.tab-pane {
  margin-bottom: 5em;
	padding-left: 15px;
	padding-right: 15px;
}

.tab-pane table { width: 100% !important; }

.fixed-table-container thead th .th-inner {
	font-family: 'open-sans semibold', sans-serif;
	font-size: 1.5em;
	background-color: #293239;
	color: #fff;
}

.fixed-table-container tbody tr { font-size: 2em; }

.fixed-table-container tbody tr a {
	padding: 2px 15px;
	background-color: #293239;
	color: #fff;
	text-decoration: none;
	border-radius: 2px;

	-webkit-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;
	-webikit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

.fixed-table-container tbody tr a:active { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3); }

.fixed-table-toolbar button.btn {
	width: auto !important;
	padding: 7px 15px;
	background-color: #293239;
	border-radius: 0;
	color: #fff;

	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

.fixed-table-toolbar .btn:focus { outline: none; }

.fixed-table-toolbar .btn:hover {
	background-color: #ff0000;
	opacity: 1;
}

.fixed-table-toolbar .btn-group>.btn-group:last-child>.btn { border-radius: 0; }

.tab-pane-reports { padding: 15px; }

.tab-pane-reports .row {
	padding-left: 30px;
	padding-right: 30px;
}

.tab-pane-reports h1 {
	font-family: 'open-sans bold', sans-serif;
	text-transform: uppercase;
	color: #293239;
	letter-spacing: -3px;
}

.tab-pane-reports .page-header { position: relative; }

.tab-pane-reports .page-header:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: -1px;
	width: 72px;
	height: 2px;
	background-color: #ff0000;
}

.tab-pane-reports .page-header:after {
	position: absolute;
	content: '';
	left: 72px;
	bottom: -1px;
	width: 72px;
	height: 2px;
	background-color: #293239;
}

.select-session-report,
.input-date-range { font-size: 2em; }

.left-panel h3 {
	padding: 15px;
	font-family: 'open-sans semibold', sans-serif;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	background-color: #293239;
}

.right-panel {
	height: 100100%;
	border-left: 1px solid #eee; }

.right-panel caption {
	margin-top: 20px;
	padding: 17px;
	font-family: 'open-sans semibold', sans-serif;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	background-color: #ff0000;
}

.right-panel .table>tbody>tr>td,
.right-panel .table>tbody>tr>th,
.right-panel .table>tfoot>tr>td,
.right-panel .table>tfoot>tr>th,
.right-panel .table>thead>tr>td,
.right-panel .table>thead>tr>th,
.billing-panel .table>tbody>tr>td,
.billing-panel .table>tbody>tr>th,
.billing-panel .table>tfoot>tr>td,
.billing-panel .table>tfoot>tr>th,
.billing-panel .table>thead>tr>td,
.billing-panel .table>thead>tr>th,
.chatbox-lists .table>tbody>tr>td,
.chatbox-lists .table>tbody>tr>th,
.chatbox-lists .table>tfoot>tr>td,
.chatbox-lists .table>tfoot>tr>th,
.chatbox-lists .table>thead>tr>td,
.chatbox-lists .table>thead>tr>th
{
	font-family: 'opens-sans bold', sans-serif;
	padding: 20px 15px;
	font-size: 1.5em;
}

.right-panel .table>thead>tr>th:nth-child(3),
.right-panel .table tbody tr td:nth-child(3),
.chatbox-lists .table tbody tr td:nth-child(3) {
	text-align: center;
}

.right-panel .table tbody tr td a,
.chatbox-lists .table tbody tr td a,
.chatbox-lists .table tbody tr td:nth-child(3) a,
.right-panel .table tbody tr td:nth-child(3) a {
	padding: 13px 15px;
	background-color: #293239;
	color: #fff;
	border-radius: 50%;
	font-size: 1.2em;
	text-align: center;
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);

	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

.right-panel .table tbody tr td:nth-child(3) a:hover,
.chatbox-lists .table tbody tr td:nth-child(3) a:hover { box-shadow: 0 11px 7px 0 rgba(0, 0, 0, 0.19); }

.right-panel .table tbody tr td:nth-child(3) a:active,
.chatbox-lists .table tbody tr td:nth-child(3) a:active { box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3); }

.clientinfo-wrap {
  margin-bottom: 5em;
	padding-top: 15px;
	padding-bottom: 15px;
  box-shadow: 0 0 3px rgba(31,31,33,.2);
}

.dashboard-tab-content {
  padding-top: 1em;
  padding-bottom: 1em;
  margin-bottom: 5em;
  box-shadow: 0 0 3px rgba(31,31,33,.2);
}

.nav-tabs>li:last-child>a { margin-right: 0; }

.client-name { position: relative; }

.client-name:before {
	position: absolute;
	content: '';
	top: 0;
	left: -42px;
	border-bottom: 42px solid #1f1f21;
	border-left: 42px solid transparent;
}

.clientinfo-wrap .tab-pane-clientinfo h2 {
	font-family: 'open-sans bold', sans-serif;
	font-size: 3em;
	text-transform: uppercase;
	letter-spacing: -2px;
	color: #293239;
}

.clientinfo-wrap .tab-pane-clientinfo form {
	position: relative;
	font-family: 'open-sans semibold', sans-serif;
}

.tab-pane-clientinfo .page-header {
	position: relative;
	margin-bottom: 3em;
/*  padding: 15px;*/
	font-family: 'open-sans bold',sans-serif;
	font-size: 1.8em;
	color: #293239;
	text-transform: uppercase;
}

.tab-pane-clientinfo .page-header:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: -1px;
	width: 72px;
	height: 2px;
	background-color: #ff0000;
}

.tab-pane-clientinfo .page-header:after {
	position: absolute;
	content: '';
	left: 72px;
	bottom: -1px;
	width: 72px;
	height: 2px;
	background-color: #293239;
}

.tab-pane-clientinfo textarea {
	/*min-height: 131px;*/
	resize: vertical;
}

.fab {
	position: absolute;
	width: 70px;
	height: 70px;
	padding: 15px;
	border-radius: 50%;
	border: none;
	font-size: 1.5em;
	color: #fff;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);

	-webkit-transition: all .3s ease-in;

	transition: all .2s ease-in-out;
	-webikit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

.fab:hover { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3); }

.fab:focus,
.fab:active { outline: none; }

.fab:active {
	box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3);
}

.fab-save {
	top: -10px;
	right: 0;
	background-color: #293239;
}

.fab-edit {
	top: -10px;
	right: 75px;
	background-color: #DD2C00;
}

.fab-add {
  top: 15px;
  left: 15px;
  font-size: 25px;
  background-color: #DD2C00;
}

.tab-signup,
.tab-widget,
.tab-billing {
	position: relative;
	min-height: 760px !important;
	padding: 15px;
	padding-bottom: 100px;
	background-color: #fff;
}

.fab-next,
.fab-next-widget,
.fab-prev-widget,
.fab-prev-bill {
	width: 70px;
	height: 70px;
	padding: 15px;
	border-radius: 50%;
	border: none;
	font-size: 2em;
	color: #fff;
	background-color: #293239;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);

	-webkit-transition: all .3s ease-in;

	transition: all .2s ease-in-out;
	-webikit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

.fab-prev-widget,
.fab-prev-bill { margin-right: 15px; }

.fab-next:hover,
.fab-next-widget:hover,
.fab-prev-widget:hover,
.fab-prev-bill:hover { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3); }

.fab-next:focus,
.fab-next:active,
.fab-next-widget:focus,
.fab-next-widget:active,
.fab-prev-widget:focus,
.fab-prev-widget:active,
.fab-prev-bill:focus,
.fab-prev-bill:active { outline: none; }

.fab-next:active,
.fab-next-widget:active,
.fab-prev-widget:active,
.fab-prev-bill:active {
	box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3);
}

.tab-pane iframe {
	width: 100%;
	height: 634px;
}

.widget-header {
/*  margin-bottom: 1em;*/
	padding: 15px;
	font-family: 'open-sans bold',sans-serif;
	font-size: 1.8em;
	color: #293239;
	text-transform: uppercase;
}

.widget-header .page-header{
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
}

.widget-header .page-header:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: -1px;
	width: 72px;
	height: 2px;
	background-color: #ff0000;
}

.widget-header .page-header:after {
	position: absolute;
	content: '';
	left: 72px;
	bottom: -1px;
	width: 72px;
	height: 2px;
	background-color: #293239;
}

#live-chat {
	bottom: 4px;
	font-size: 12px;
	right: 30px;
	position: absolute !important;
	width: 320px;
	z-index: 999;
}

#live-chat header {
	text-align: left;
	margin-bottom: 0;
}

.customize-widget-holder .fa-eyedropper { font-size: 14px; }
.customize-widget-holder .fa-pencil { font-size: 15px; }

.chat .btn { background-color: #ff0000; }

.chat .billing-panel-preview { padding: 15px 24px; }

.inputlogo { border-radius: 0; }

.steps-holder .row { position: relative; }

.steps-holder .row:before {
	position: absolute;
	content: '';
	top: 40%;
	left: 0;
	right: 0;
	width: 65%;
	height: 1px;
	margin: 0 auto;
	background-color: #ff0000;
}

@media only screen and (max-width: 1024px) {
  .steps-holder .row:before { background-color: transparent; }
}

.steps-holder .col-lg-4 { 
  padding-top: 15px;
  text-align: center; 
}

.step-box {
	display: inline-block;
	width: 60px;
	height: 60px;
	margin: 0 auto 15px;
	padding: 22px;
	font-family: 'open-sans bold', sans-serif;
	font-size: 18px;
	color: #fff;
	text-align: center;
	background-color: #ff0000;
}

.steps-holder h5 {
	font-family: 'open-sans semibold', sans-serif;
	color: #fff;
}

.steps-holder p {
	width: 35%;
	margin: 0 auto;
}

.tab-signup form > .page-header {
	padding-left: 0;
	padding-right: 0;
}

.next-btn-holder {

	position: absolute;
	bottom: 15px;
	right: 15px;
}
.amount-holder {
	font-family: 'open-sans extrabold', sans-serif;
	font-size: 1.5em;
	line-height: 1;
	color: #293239;
	text-transform: uppercase;
}

.amount-holder span:first-child { color: #ff0000; }

.amount-holder span.amount { font-size: 2em !important; }

.tab-billing h4 {
	text-transform: uppercase;
	color: #293239;
	font-size: 1.4em;
	font-family: 'open-sans semibold', sans-serif;
}

.tab-billing .radio label,
.tab-billing .checkbox label {
	padding: 0;
	font-size: 14px;
	text-align: center;
	line-height: 1.5;
}

.tab-billing .radio label i { font-size: 2em; }

.billing-right-panel .btn {
	width: auto;
	padding: 10px 30px;
	box-shadow: none;
}

.billing-right-panel .btn-primary { background-color: #293239; }

.billing-right-panel .btn-primary.active {
	background-color: #ff0000;
	opacity: .8;
}

.billing-right-panel h3 {
	padding: 5px;
	font-family: 'open-sans semibold', sans-serif;
	font-size: 18px;
	color: #293239;
	text-transform: uppercase;
}

.billing-right-panel .radio-inline {
	font-size: 1.5em;
	line-height: 1.5;
}

.billing-right-panel .checkbox-inline,
.billing-right-panel a { display: block; }

.billing-right-panel a {
	margin-left: 15px;
	color: #ff0000;
}

.billing-right-panel .checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline { margin-left: 15px; }

.billing-right-panel label.checkbox-inline {
	margin-bottom: 2px;
	margin-left: 15px;
	font-size: 1.5em;
	font-size: 1.5em;
	line-height: 1.2;
}

.cc-used {
	margin-left: 15px;
	font-size: 3em;
}

.cc-used span {
	font-size: 20px;
	line-height: normal;
}

.widget-header-add { margin-bottom: 2em; }

.login-box .dropdown .dropdown-menu { right: 0; }

.client-table { position: relative; }

.bootstrap-table { padding-top: 4em; }

.edit-widget {
  position: relative;
  padding-top: 15px;
  padding-bottom: 50px;
  background-color: #fff;
}

.page-list .btn.btn-default,
.page-list .btn.btn-default:hover,
.page-list .btn.btn-default:active,
.page-list .btn.btn-default:focus {
  background-color: #293239 !important;
  border-radius: 0 !important;
  padding: 5px !important;
  opacity: 1 !important;
  color: #fff !important;
  font-size: 10px !important;
}

.fixed-table-container { padding-bottom: 50px !important; }

.fixed-table-pagination {
  padding-left: 1em;
  padding-right: 1em;
}

.dropdown-menu input {
	width: auto !important;
}

.smsDisplay{
    display: none;
}