/* do not edit this file. it is generated automatically */ 

/* general css */

body {

	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
}

.success {
  color: #8CC63F;
}

.danger {
  color: #f00;
}

.help-tip {

	font-size: 22px;
}

.content-header {

	background: #ccc;
	padding: 10px 15px;
	margin-bottom: 15px;
}

.content-header h4 {
  text-transform: uppercase;
  margin: 10px 0;
}
.content-header,
.content-header h4 {
  color: #28292a;
  font-size: 22px;
  font-weight: 300;
}

.content-alert:empty {

	display: none;
}

.thumbnail-hover:focus,
.thumbnail-hover:hover {

	background-color: #feedb6;
}

.subscription-table .popover-content *:first-child {

	margin-top: 0;
}

.clearfix[class*= visible] {
  margin-bottom: 15px;
}
.row ~ .row {

	margin-top: 20px;
}

.cc-supported {
  color: #525252;
  display: inline-block;
  font-size: 38px;
  margin-left: 10px;
  position: relative;
  top: 7px;
  width: 49px;
  height: 30px;

  background: url(images/payment.png) no-repeat;
}

.cc-supported.cc-visa {
  background-position: -102px -339px;
}

.cc-supported.cc-mastercard {

	background-position: -102px -219px;
}

.cc-supported.cc-jcb {

	background-position: -102px -819px;
}

.cc-supported.cc-amex {

	background-position: -102px -819px;
}

.cc-supported.cc-amex {
  background-position: -102px -99px;
}

.cc-supported.cc-discover {
  background-position: -102px -399px;
}

/* shadow */
.shadow-box {

	box-shadow: 3px 3px 5px #888;
}

/* bg top a module */
.bg-top-a .bg-color2 {

	background-color: #2184be;
	background-image: none;
}

.bg-white + .bg-white {

	margin-top: -30px;
}

.bg-white + .bg-white #content {

	margin-top: 10px;
}

@media (max-width: 768px) {

	body > .container {
	  margin: 0 10px;
	}
}

.busy {
  cursor: wait;
}

.busy * {
  pointer-events: none !important;
}

/* jquery ui fix css for bs3 */

.ui-autocomplete {

  font-family: "Open Sans",sans-serif;
}

.ui-menu .ui-menu-item a,
.ui-menu .ui-menu-item a.ui-state-focus, 
.ui-menu .ui-menu-item a.ui-state-active {

  font-weight: 300;
}

.ui-widget-content button, 
.ui-widget-content input, 
.ui-widget-content optgroup, 
.ui-widget-content select, 
.ui-widget-content textarea {
  
  color: #000;
}
/* jumbotron */
/* old camcloud template */

.border-less-module #innertop .mod-box.module {

	border: 0;
	min-height: 0 !important;
	padding: 0;
}
/* pricing */

.addon-cam:first-child {
	margin: 0 0 10px;
}
.addon-cam {

	font-size: 24px;
	font-weight: bold;
}

[data-retention-prefix="2"] .addon-cam {

	font-size: 20px;
}

.monthly-price {

	font-size: 16px;
}

.monthly-price > * {

	color: #000;
}
/* upgrade css */

.body-upgrade-plan .upgrade-link {

	display:none;
}

/* jumbotron */

.jumbotron {

  background-color: #2184be;
  padding: 0 15px;
  color: #fff;
}

.jumbotron h1:first-child {

	margin-top: 0;
}

.jumbotron h1 {

	line-height: 1;
}

.bg-top-a .module.deepest {

	min-height: 0!important;
}

/* alert css */

/* bootstrap 2 bc */

.alert.alert-message {

	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.alert.alert-notice {
  background-color: #FFFAEA;
	border-color: #E1DAC1;
	color: #9D916B;
}

.alert.alert-error {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a94442;
}

/* tile & modal */
.tile-content {
	
	box-shadow: 5px 5px 5px #ccc;
	  background-clip: padding-box;
	  background-color: #fff;
	  border: 1px solid rgba(0, 0, 0, 0.2);
	  border-radius: 6px;
	  outline: 0 none;
	  position: relative;
}
.tile-no-border .tile-content {
  border: 0;
}
.tile-no-shadow .tile-content {
  box-shadow: none;
}
.modal-header,
.tile-header {
	
	border-radius: 4px 4px 0 0;
	background: #ccc;
	padding: 10px 15px;
}

.modal-header,
.modal-header h4, 
.tile-header,
.tile-header h4 {
	
	color: #28292A;
	font-size: 22px;
	font-weight: 300;
}


.modal-header h4,
.tile-header h4 {
	
	text-transform: uppercase;
}

.tile-header small {

  font-size: 14px;
  font-weight: 400;
}

.tile-body-full > em:first-child {
  display: inline-block;
  padding: 10px 15px;
}

.tile-header.tile-icon:before,
.modal-header.modal-icon:before {

	font-family: fontawesome;
	left: 10px;
	position: absolute;
	top: 11px;
	font-size: 22px;
}

.tile-header.tile-icon,
.modal-header.modal-icon {
	
	padding-left: 40px;
	position: relative;
}

.tile-header.modal-header-large.tile-icon,
.modal-header.modal-header-large.modal-icon {
	
	padding-left: 50px;
}

.tile-header.modal-header-large.tile-icon:before,
.modal-header.modal-header-large.modal-icon:before {

	left: 10px;
	top: 24px;
	font-size: 36px;
}


.tile-header.tile-icon h4,
.modal-header.modal-icon h4 {
	
	line-height: 1;
}

.tile-header.tile-icon.lock:before,
.modal-header.modal-icon.lock:before {
  content: "\f023";
}

.tile-header.tile-icon.download:before,
.modal-header.modal-icon.download:before {
  content: "\f019";
}

.tile-header.tile-icon.cart:before,
.modal-header.modal-icon.cart:before {
  content: "\f07a";
}

.tile-header.tile-icon.check-square-o:before,
.modal-header.modal-icon.check-square-o:before {
  content: "\f046";
}

.tile-header.tile-icon.flag:before,
.modal-header.modal-icon.flag:before {
  content: "\f024";
}

.tile-header.tile-icon.camera-retro:before,
.modal-header.modal-icon.camera-retro:before {
  content: "\f083";
}

.tile-title {
	
	line-height: 1;
	margin: 0;
}

.tile-body {
  padding: 15px;
  position: relative;
}

.tile-body > .list-group > .list-group-item {
	
	padding: 10px 0;
	border-width: 1px 0;
}

.tile-body > .list-group > .list-group-item:first-child {
	
	border-top-width: 0;
}

.tile-body > .list-group > .list-group-item:last-child {
	
	border-bottom-width: 0;
}

.tile-body > .list-group > .list-group-item {
	
	padding: 10px 0;
	border-width: 1px 0;
}

.tile-body-full {
	
	padding: 0;
}
.modal-body-full :not([style*="display:none"]):first-of-type {
  margin-top: 0;
}

.tile-body > *:not([style*="display:none"]):last-of-type {
	
	margin-bottom: 3px;
}
.tile-body > .table:not([style*="display:none"]):last-of-type , 
.tile-body > .table:not([style*="display:none"]):last-of-type > tbody:last-child > tr:last-child > td, 
.tile-body > .table:not([style*="display:none"]):last-of-type > tbody:last-child > tr:last-child > th, 
.tile-body > .table:not([style*="display:none"]):last-of-type > tfoot:last-child > tr:last-child > td, 
.tile-body > .table:not([style*="display:none"]):last-of-type > tfoot:last-child > tr:last-child > th, 
.tile-body > .table:not([style*="display:none"]):last-of-type > thead:last-child > tr:last-child > td, 
.tile-body > .table:not([style*="display:none"]):last-of-type > thead:last-child > tr:last-child > th {
  
  border-bottom: 0;
}

.tile-body-full > table th:first-child, 
.tile-body-full > table td:first-child {
	
	padding-left: 15px;
}

.tile-footer {
  border-top: 1px solid #e5e5e5;
  padding: 15px;
  text-align: right;
}/* modal */
/* fix double scrollbar issue */
html {
  overflow-y: visible;
}
.modal-header {
  color: #fff;
  border-radius: 4px 4px 0 0;
  background-color: #333;
}
.modal-header h4,
.modal-header .close {
  color: #fff;
}
.modal-header small {
  line-height: 1;
}
.modal-danger {
  background-color: #a94442;
}
/* hidden when the modal is opened */
.modal-body .modal-hidden {
  visibility: hidden;
}
.modal-body .row ~ .row {
  margin-top: 10px;
}
.modal-backdrop {
  outline: 1px solid;
}

/* table */

.table-border-top-less, 
.table-border-top-less > tbody > tr:first-child > td {
	
	border-top: 0;
}
.table-border-bottom-less, 
.table-border-bottom-less > tbody > tr:last-child > td {
	
	border-bottom: 0;
}
.table-hover > tbody > tr:hover {
  background-color: #a8cb17;
  color: #333399;
}

.table > tbody > tr.active > td, 
.table > tbody > tr.active > th, 
.table > tbody > tr > td.active, 
.table > tbody > tr > th.active, 
.table > tfoot > tr.active > td, 
.table > tfoot > tr.active > th, 
.table > tfoot > tr > td.active, 
.table > tfoot > tr > th.active, 
.table > thead > tr.active > td, 
.table > thead > tr.active > th, 
.table > thead > tr > td.active, 
.table > thead > tr > th.active {
  background-color: #D5D5D5;
}
/* form css */

.col-auto {
	
	width: auto;
	display: inline-block;
}

/* validate */
.form-group.has-error {
  color: #a94442;
}
/* buttons */
.btn-primary {
  background-color: #5cb85c;
  border-color: #4cae4c;
  color: #fff;
}
/*
.btn-info {
  color: #fff;
}
*/
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
  background-color: #449d44;
  border-color: #398439;
  color: #fff;
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary.active[disabled],
.btn-primary.focus[disabled],
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.bootstrap-select .btn {
  padding: 6px 12px;
  color: #555;
  font-size: 14px;
  font-weight: 400;
}

/* checkbox css */

/* style #1 */

.input-toggle {
  
  cursor: pointer;
}

.input-toggle:before {
  content: "Off";
}

.input-toggle:after {
  content: "On";
}

.input-toggle > input[type=checkbox] {
  visibility: hidden;
}

.input-toggle > input[type=checkbox] ~ [class*="fa-toggle-"] {

	font-size: 26px;
	color: #808080;
}

.input-toggle > input[type=checkbox] ~ .fa-toggle-on {

	color: #88C655;
}

.input-toggle > input[type=checkbox]:not(:checked) ~ .fa.fa-toggle-on {
  display: none;
}

.input-toggle > input[type=checkbox]:checked ~ .fa.fa-toggle-off {
  display: none;
}


/* style #2 */


span.check-box input[type=checkbox] {
	visibility: hidden;
}

span.check-box {
	width: 80px;
	height: 26px;
	overflow: hidden;
	display: inline-block;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;
	top: 8px;

	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

span.check-box input[type=checkbox] + span {
	display: block;
	width: 34px;
	height: 20px;

	border-radius: 50px;

	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
}

span.check-box input[type=checkbox]:checked + span {
	left: 43px;
}


span.check-box input[type=checkbox] + span + span {
	
	cursor: pointer;
	transition: all .4s ease;
	
	display:block;
	z-index:0;
	left: 0;
	top: 0;
	height: 26px;
	width: 100%;
	border-radius: 50px;
	position: absolute;
	
	background: #ED1C24;
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

span.check-box input[type=checkbox]:checked + span + span,
span.check-box input[type=checkbox]:disabled:checked + span + span {
	
	background: #8CC63F;
}

span.check-box input[type=checkbox]:disabled + span {
	
	background: #fcfff4;
	cursor: default;
}
span.check-box input[type=checkbox]:disabled + span + span,
span.check-box input[type=checkbox]:checked:disabled + span + span {
	
	cursor: default;
	background: #ccc;
}

span.check-box input[type=checkbox] + span + span:after {
	content: 'OFF';
	font: 12px/26px Arial, sans-serif;
	color: #fff;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

span.check-box input[type=checkbox]:not(:disabled):checked + span + span:before {
	color: #fff;
}

span.check-box input[type=checkbox] + span + span:before {
	content: 'ON';
	font: 12px/26px Arial, sans-serif;
	color: #fff;
	position: absolute;
	left: 10px;
	z-index: 1;
	font-weight: bold;
}

span.check-box input[type=checkbox] + span + span[data-off-label]:after {
	content: attr(data-off-label);
}

span.check-box input[type=checkbox] + span + span[data-on-label]:before {
	content: attr(data-on-label);
}

.checkbox label span.check-box {

	margin-left: -20px;
	top: 7px;
}

/* spinner css */

.spinner {

	position: relative;
	width:14px; 
	display: inline-block;
}

.spinner .dot { 

	height:14px; 
	width: 100%;
	display: inline-block;
	position:absolute; 
	left: 50%;
	top: 0;
	-webkit-animation:orbit 5s ease-out infinite;
	-moz-animation:orbit 5s ease-out infinite; 
	-moz-transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	-ms-animation:orbit 5s ease-out infinite; -ms-transform:rotate(270deg); /* opacity: 0; */ 
}

.spinner .dot:after { 

	height:3px; 
	width:3px; 
	display: inline-block;
	border-radius:100%; 
	position:absolute; 
	content:'.'; 
	font-size: 20px;
/*	font-size: calc(100% + 6px); */
	line-height: 1;
	font-family: sans-serif;
}

.spinner .dot:nth-child(2) { 
	
	-webkit-animation-delay:.2s; 
	-moz-animation-delay:.2s; 
	-ms-animation-delay:.2s;
}
.spinner .dot:nth-child(3) { 

	-webkit-animation-delay:.4s; 
	-moz-animation-delay:.4s; 
	-ms-animation-delay:.4s;
}
.spinner .dot:nth-child(4) { 

	-webkit-animation-delay:.6s; 
	-moz-animation-delay:.6s; 
	-ms-animation-delay:.6s;
}

@-webkit-keyframes orbit {
	0% { -webkit-transform:rotate(270deg); /* opacity:1; */}
	33% { -webkit-transform:rotate(630deg); /* opacity:1; */}
	66% { -webkit-transform:rotate(990deg); /* opacity:1; */ }
	67% { -webkit-transform:rotate(1020deg); /* opacity: 0; */ -webkit-animation-timing-function:linear; }
	100% { -webkit-transform:rotate(1080deg); /* opacity: 0; */ } 
}
@-moz-keyframes orbit {
	0% { -moz-transform:rotate(270deg); /* opacity:1; */}
	33% { -moz-transform:rotate(630deg); /* opacity:1; */}
	66% { -moz-transform:rotate(990deg); /* opacity:1; */ }
	67% { -moz-transform:rotate(1020deg); /* opacity: 0; */ }
	100% { -moz-transform:rotate(1080deg); /* opacity: 0; */ } 
}
@-ms-keyframes orbit {
	0% { -ms-transform:rotate(270deg); /* opacity:1; */}
	33% { -ms-transform:rotate(630deg); /* opacity:1; */}
	66% { -ms-transform:rotate(990deg); /* opacity:1; */ }
	67% { -ms-transform:rotate(1050deg); /* opacity: 0; */ }
	100% { -ms-transform:rotate(1080deg); /* opacity: 0; */ } 
}
/* waiter css */

.waiter {

	display: none;
}

.wait .waiter {

	display: inline-block;
}