Warning: chmod(): Operation not permitted in /var/www/hopeinstoughton_www/wp-content/plugins/simple-universal-google-analytics/main.php on line 8
[0] in function chmod in /var/www/hopeinstoughton_www/wp-content/plugins/simple-universal-google-analytics/main.php on line 8
[1] in function include_once in /var/www/hopeinstoughton_www/wp-settings.php on line 560
[2] in function require_once in /var/www/hopeinstoughton_www/wp-config.php on line 85
[3] in function require_once in /var/www/hopeinstoughton_www/wp-load.php on line 50
[4] in function require_once in /var/www/hopeinstoughton_www/wp-blog-header.php on line 13
[5] in function require in /var/www/hopeinstoughton_www/index.php on line 17

* {
		box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1; /* ie 6/7 */
}

.f-right {
	float: right;
}

.singleclick {
	cursor: pointer;
}

.middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

b.edit-empty {
	font-weight: normal;
	color: #aaa;
}

body {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #e0e0e0;
	margin: 0;
	min-width: 380px;
}

div#pagecontainer {
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
	z-index: 0;
}

.button-caption {
	transition: color 0.4s ease 0s;
	font: normal normal normal 15px/1.4em basic,sans-serif;
	color: #383838;
	display: inline-block;
}

h2 {
	margin: 0;
	padding: 10px 0;
	color: #000;
	font: normal normal bold 22px/1.4em arial;
}

.font8 {
	font: normal normal normal 14px/1.4em Arial;
	color: #717070;
	line-height: 1.3em;
}

.bold {
	font-weight: bold;
}

.single-col.center {
	text-align: center;
}
.form-actions {
/*	max-width: 500px; */
	margin: 10px auto 0;
	padding: 20px 10px 0 10px;
	border-top: 1px solid #d9d5d2;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.form-actions span.txt {
	display: inline-block;
	padding: 10px 10px 10px 0;
}

.control-group {
	margin-bottom: 5px;
}

.right {
	text-align: right;
}

/* ** Error *************************** */

.alert {
	font-weight: bold;
	color: #cc0000;
}

.errorContainer {
	position: relative;
	width: 930px;
	margin: 55px auto;
}


.errorContainer div {
	float: left;
	margin: 0 0 0 40px;
}

.errorContainer div h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #cc0000;
	text-shadow: none;
}

.errorContainer div h3 {
	color: #262626;
	margin-top: 5px;
}

.errorContainer div p {
	color: #5b5b5b;
	margin-top: 15px;
	line-height: 25px;
}

/* ** Fields *************************** */

.field-entry {
	margin: 5px 0;
}

.field-entry label {
	color: #333;
}

.field-label {
	display: block;
	margin-bottom: 5px;
}

.field-text {
	width: 400px;
}

.button-row {
	margin: 5px 0;
	text-align: right;
}

.ui-widget-overlay {
	background-color: #000;
	opacity: 0.77;
}

/* datatables */

td.details-control {
    background: url(details_open.png) no-repeat center center;
    cursor: pointer;
}
 
tr.shown td.details-control {
    background: url(details_close.png) no-repeat center center;
}

table.dataTable tr.nochild td.details-control {
	visibility:hidden;
}

table.dataTable tbody td.no-padding {
    padding: 0;
}

div.slider {
    display: none;
	padding-left: 190px;
}

table.modules .slidecol_2 {
	width: 450px;
}

/* buttons */

ul.ship-met,
ul.list-provider,
ul.list-action {
	list-style: none;
	padding-left: 0;
}

ul.item-message {
	padding-left: 20px;
}

ul.item-message .warn {
	color: #FFA500;
}

ul.item-message .error {
	color: #f00;
}


.btn-con.cc-fb {
	background-color: #1c2f63;
	color: #fff;
}
.btn-con.cc-fb .btn-text {
	background-color: #33467d;
}

.btn-con.cc-gp {
	background-color: #1c2f63;
	color: #fff;
}
.btn-con.cc-gp .btn-text {
	background-color: #33467d;
}


.btn-con {
	margin: 2px;
	display: inline-block;
	font-size: 1.3em;
	border-radius: 3px;
	text-align: left;
}

.btn-con .btn-logo {
	border-radius: 3px 0 0 3px;
	border-right: 1px solid rgba(0,0,0,0.15);
	padding: 0 0.4em;
	vertical-align: middle;
	font-size: 1.3em;
	display: inline-block;
	width: 1.6em;
	text-align: center;
	margin: 0;
}

.btn-con .btn-text {
	border-radius: 0 3px 3px 0; 
	vertical-align: middle;
	padding: 0.4em;
	display: inline-block;
	width: 11.2em;
	margin: 0;
}

.btn-con.cc-gray {
	background-color: #a6a4a4;
	color: #fff;
}
.btn-con.cc-gray .btn-text {
	background-color: #b1b1b1;
}
.btn-con.cc-blue {
	background-color: #41a6de;
	color: #fff;
}
.btn-con.cc-light {
	background-color: #ff8100;
	color: #fff;
}
.btn-con.cc-light .btn-text {
	background-color: #ff9224;
}

.btn-con.cc-blue .btn-text {
	background-color: #70b5db;
}

.btn-con .fa-handshake-o:before {
	margin-left: -0.24em;
}

.btn-out {
	margin: 2px;
	display: inline-block;
	font-size: 0.8 em;
	border-radius: 3px;
	border: 1px solid #bbb;
	cursor: pointer;
}

.btn-out .btn-logo {
	border-radius: 3px 0 0 3px;
	padding: 0 0.2em;
	vertical-align: middle;
	font-size: 1.3em;
	display: inline-block;
	width: 1.6em;
	text-align: center;
	margin: 0;
}

.btn-out .btn-text {
	border-radius: 0 3px 3px 0;
	vertical-align: middle;
	padding: 0.2em;
	display: inline-block;
	width: 5em;
	margin: 0;
}

.btn-out.cc-gray {
	background-color: #ffe;
	color: #999;
}

.btn-out.cc-gray .btn-text {
	background-color: #eee;
}

.btn-out.cc-gray i.fa-heart:before,
.btn-out.cc-gray i.fa-heart-o:before {
	color: #e13a2d;
}
.btn-out.cc-gray i.fa-comment-o:before {
	color: #007DC6;
}
.btn-out.cc-gray i.fa-flag-o:before {
	color: #ffab00;
}

.btn-con.btn-type2 .btn-text {
	width: 130px;
}

.btn-out.btn-type3 .btn-text {
	width: 30px;
}

.btn-con.cc-theme {
	background-color: #ff8100;
	color: #fff;
}
.btn-con.cc-theme .btn-text {
	background-color: #ff9224;
}

/* login */

.single-col  {
	max-width: 530px;
	padding-top: 5px;
	margin: 0 auto;
	width: 100%;
}

.white-form-fields select, .white-form-fields textarea, .white-form-fields input .white-form-fields .uneditable-input {
	background-color: #fff;
}

.frm input.cb-small {
	width: auto;
	margin-left: 40px;
}

.frm select, .frm input {
	height: 42px;
}

.frm .cf-address #x_address ,
.frm .cf-address #p_address ,
.frm .cf-address #s_address {
	margin-bottom: 5px;
}
.frm .cf-address #s_address3,
.frm .cf-zip {
	display: none;
}

.frm select, .frm textarea, .frm input, .uneditable-input, .input-frame {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	width: 100%;
	display: inline-block;
	background-color: #fcfbfb;
	border: 1px solid #d9d5d2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #2a2a2a;
	font-size: 16px;
}
.frm button, .frm input, .frm select, .frm textarea {
	margin: 0;
	font-size: 100%;
/*	vertical-align: middle; */
}

.controls.input-frame span {
    color: #918b8b;
}

select.state1,
textarea.state1,
input.state1 {
	border-color: #f00;
}
select.state2,
textarea.state2,
input.state2 {
	border-color: #ffab18;
}
select.state3,
textarea.state3,
input.state3 {
	border-color: #080;
}
div.status-message {
	font-size: 0.85em;
	font-style: italic;
    color: #900;
}
div.status-message.error {
	color: #f00;
}

.frm input.half {
	width: 49%;
}

.frm select.small {
	width: 200px;
}
.frm input.small {
	width: 150px;
}

.frm input.tiny {
	width: 60px;
}

.frm label {
	display: inline-block;
	margin-top: 8px;
}

.frm .uneditable-input label {
	width: 25%;
}

.frm input[type="radio"], .frm input[type="checkbox"] {
	height: 20px;
	width: 20px;
	vertical-align: middle;
}

.frm .input-frame {
	width: 50%;
}

.frm .input-frame label {
	width: auto;
}

/* button */
.blue.btn {
	background-color: #41a6de;
	border: 1px solid #349cd6;
	background-image: none;
	box-shadow: none;
	text-shadow: none;
}

.btn {
	*display: inline;
	*zoom: 1;
	padding: 4px 10px 4px;
	margin-bottom: 0;
	line-height: 20px;
	*line-height: 20px;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff,#e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	*background-color: #e6e6e6;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border: 1px solid #bbb;
	*border: 0;
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*margin-left: .3em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);

	display: inline-block;
	font-weight: 500;
	font-family: inherit;
	font-size: 14px;
}



/* photos */

span.icon-actions {
	vertical-align: middle;
	text-align: right;
	display: table-cell;
}



/* profile */
a.member-container {
	display: block;
	text-decoration: none;
	font-family: "proxima-nova-light";
	font-style: normal;
	font-weight: 300;
	margin-bottom: 10px;
}
a.member-container:link,
a.member-container:visited {
	color: #333;
}
a.member-container:hover {
	color: #900;
}

.member-icon {
	border-radius: 50%;
	border: 2px solid #eee;
	height: 40px;
	width: 40px;
	vertical-align: middle;
	background-size: contain;
	display: inline-block;
}

.member-details {
	display: inline-block;
	vertical-align: middle;
}

.member-details .utc-time {
	font-size: 12px;
	color: #bbb;
}

.member-header {
	position: relative;
	height: 230px;
	background-color: #8306ce;
}

.member-container.large {
	position: absolute;
	top: 70px;
	left: 100px;
	font-size: 18px;
	color: #fff;
	line-height: normal;
}

.member-container.large .username {
	font-size: 24px;
}

.large .member-icon {
	width: 200px;
	height: 200px;
	border: 5px solid #ccc;
	margin-right: 20px;
}

.member-stats {
	height: 50px;
	border: 1px dashed #999;
}

.member-container .rating {
	color: #f8ef3c;
	font-size: 22px;
}


.sections .notification  {
	font-size: 12px;
	width: 20px;
	height: 20px;
	display: table-cell;
	border: 0px;
	background-color: #ff2828;
	color: #fff;
	border-radius: 50%;
	padding: 1px;
	text-align: center;
	position: relative;
	top: -10px;
	left: -4px;
}

.sections li {
	margin-left: 23px;
}

table.section-table {
	border: 1px solid #ccc;
}

table.section-table tr.item td {
	font-size: 17px;
}

table.section-table tr.item:nth-child(even) {
	background-color: #D5DBF8;
}
table.section-table tr.item:nth-child(odd) {
	background-color: #EAEDFE;
}

table.section-table .currency  input[name="value"] {
	width: calc(100% - 12px) !important;
	margin-left: 1px;
}

.sections .colstat,
.sections .coldate {
	text-align: left;
}
.sections .colitem {
	text-align: left;
	width: 420px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.sections  a {
	text-decoration: none;
}

.sections tr.new-item td {
	font-weight: bold;
}

.category-pagination {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 5px 0;
	padding: 5px 0;
	text-align: right;
}

.page-button {
	display: inline-block;
	width: 3em;
	margin: 0px 5px;
	padding: 5px 0;
	text-align: center;
	border: 1px solid #999;
	cursor: pointer;
	color: #000;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}

.page-button.page-current {
	font-weight: bold;
	background-color: #ff8100;
	border: 1px solid #ff8100;
}

.page-button.page-disable {
	color: #999;
	cursor: not-allowed;
}

.page-button.page-enable:hover {
	background-color: #ff9224;
	border: 1px solid #ff9224;
	color: #fff;
}

.frm fieldset {
	margin-bottom: 10px;
	border: #00BAF2 double;
}

/* breadcrumb */

.breadcrumb-container ul {
	list-style: none;
	padding: 0;
}

.breadcrumb-container li {
	padding: 0;
	display: inline-block;
	margin: 0 14px;
}

.breadcrumb-container .crumb-item {
	background: #23b6db;
	color: rgb(102, 102, 102);
	display: inline-block;
	font-size: 14px;
	height: 16px;
	margin: 0;
	padding: 5px 10px;
	position: relative;
}

.breadcrumb-container a,
.breadcrumb-container a:link {
	text-decoration: none;
}

.breadcrumb-container .lead-arrow:before {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #23b6db #23b6db #23b6db rgba(0, 0, 0, 0);
	border-image: none;
	border-style: solid;
	border-width: 13px;
	content: " ";
	display: block;
	height: 0;
	left: -18px;
	position: absolute;
	top: 0;
	width: 0;
}

.breadcrumb-container .crumb-item {
	background: #23b6db;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	height: 16px;
	margin: 0;
	padding: 5px 10px;
	font-weight: bold;
	position: relative;
	box-sizing: unset;
	line-height: 14px !important;
}

.breadcrumb-container .crumb-item:after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #23b6db;
	border-image: none;
	border-style: solid;
	border-width: 13px;
	content: " ";
	display: inline-block;
	height: 0;
	line-height: 0;
	position: absolute;
	right: -25.5px;
	top: 0;
	width: 0;
}


.pagebody {
	min-height: 400px;
}

.attribution {
	color: #ccc;
	font-style: italic;
	margin-right: 70px;
}

.attribution a {
	font-style: normal;
	text-decoration: none;
}


.body-container h3 {
	font-family: "proxima-nova-bold";
	color: #00BAF2;
	font-size: 2em;
}

.body-container h4 {
	font-family: "proxima-nova-light";
	color: #00BAF2;
	font-size: 1.6em;
	margin: 7px 0;
}


.featured-product .category-item {
	margin: 7px 10px;
}

div.popup-dialog[data-template="item_category"] form > ul {
	height: 300px;
	overflow-y: scroll;
}

div.no-match {
	font-size: 5em;
	font-family: "proxima-nova-light";
	color: #00BAF2;
	text-align: center;
	line-height: normal;
	margin: 50px 0;
	width: 80%
}

/* dropdown menu */
nav.dropnav {
	display: inline-block;
}
nav.dropnav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
nav.dropnav ul li {
	display:inline-block;
	position:relative;
}

/* sub navigation */
nav.dropnav li ul {    
	background-color: #666;
	position:absolute;
	top:38px; /* make this equal to the line-height of the links (specified below) */
	width:200px;
	left:0;
/*	z-index: 110; */
}

nav.dropnav li li {
	position:relative;
	margin:0;
	display:block;
}
nav.dropnav li li ul {
	position:absolute;
	top:0;
	left:200px; /* make this equal to the width of the sub nav above */
	margin:0;
}

/* style all links */
nav.dropnav a {
    line-height:38px;
    padding:0 12px;
    margin:0 12px;
    color:#fff;
    text-decoration:none;
    display:block;
}

/* style sub level links */
nav.dropnav li li a {
    border-bottom:solid 1px #ccc;
    margin:0 10px;
    padding:0;
}
nav.dropnav li li:last-child a {
    border-bottom:none;
}

nav.dropnav li li:hover {
	background-color: #898989;
}

/* hide sub menu links */
ul.sub-menu {
    display:none;
}

/* show arrows for dropdowns */
nav.dropnav li.dropdown > a:after {
	content: "\f078";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	position: relative;
	left: 10px;
}

nav.dropnav li li.dropdown > a:after {
	content: "\f054";
	position: absolute;
	left: unset;
	right: 9px;
	top: 11px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	

}

.hwt-content {
	margin: 10px 8px;	/* this the padding from .frm textarea, */
}
.tracking-area {
	height: 150px;
	width: 300px !important;
}

.hwt-content mark {
	background-color: #ffc9c9;
}


.btn-con.cc-theme.cc-abs  span.btn-text,
.btn-con.cc-blue.cc-abs  span.btn-text{
	width: 200px;
}

div.croppie-container i.crop {
	cursor: pointer;
}

.order-shipment {
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
}

.order-shipment:last-child {
	border-bottom: 0px;
}

.feedback_seller #i_cmt {
	height: 200px;
}

.review-link,
a.review-link,
a.review-link:link {
	color: #e9c633;
	text-decoration: none;
}
span.ratingValue {
	display: none;
}

.review-items .feedback {
	margin: 10px 0;
	border: 1px solid #ccc;
	padding: 5px;
}

.feedback_seller .review-items .feedback {
	width: 600px;
}

.review-items .subject {
	font-size: 1.25em;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	padding: 5px 0 7px;
	margin-bottom: 5px;
}

.review-items .ref {
	font-style: italic;
	text-align: right;
	color: #666;
	margin-top: 10px;
	padding-right: 20px;
}

.feedback_review #rating span.disabled {
	color: #ccc;
}

.croppie-container .cr-slider {
	vertical-align: -60%;
}
.croppie-container .cr-slider-wrap {
	width: 100%;
	margin: 10px 0 0;
}
.croptxt {
	vertical-align: top;
	font-size: 1.6em;
}

.cr-slider::-moz-range-thumb { 
	background-color: #0082a7;
}
.cr-slider::-webkit-slider-thumb {
	background-color: #0082a7;
}
.cr-slider::-ms-thumb {
	background-color: #0082a7;
}

.user_singleorder  a.member-container {
	margin-bottom: 0;
}


/*
  Menu
*/

nav#slide-menu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  max-width: 190px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  padding: 0px;
  z-index: 1;
  background-color: #f7f6ff;
  outline: 1px dashed #090;
}


nav#slide-menu ul {
  margin: 0;
  padding: 0 10px 0 10px; 
  list-style: none;
  opacity: 0.5;
  box-shadow: inset -7px 0 9px -7px #4a5562;
}

nav#slide-menu ul li {
  color: #dfe5eb;
  padding: 6px 0;
  cursor: pointer;
}
nav#slide-menu ul li:hover {
  color: #59e9df;
}
nav#slide-menu ul li:before {
  font-family: "ico";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  color: #59e9df;
  margin-right: 12px;
  text-align: center;
  font-variant: normal;
  font-size: 0.75em;
  text-transform: none;
  line-height: 1em;
}
nav#slide-menu ul li.sep {
  margin-top: 7px;
  padding-top: 14px;
  border-top: 1px solid #6b7b8d;
}
nav#slide-menu ul li.timeline:before {
  content: '\e805';
}
nav#slide-menu ul li.events:before {
  content: '\e802';
}
nav#slide-menu ul li.calendar:before {
  content: '\e800';
}
nav#slide-menu ul li.settings:before {
  content: '\e803';
}
nav#slide-menu ul li.logout:before {
  content: '\e804';
}

nav#slide-menu a {
	color: #333;
	text-shadow: 0 0 8px #fff;
	text-decoration: none;
}

nav#slide-menu a:active,
nav#slide-menu a:hover {
	color: #600;
}

body:not(.menu-active) nav#slide-menu {
/*	display: none; */
}

body.menu-active nav#slide-menu ul {
	left: 0px;
	opacity: 1;
}

div#pagecontent {
	width: 1200px;
	max-width: 100%;
	z-index: 2;
	height: 100%; 
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s; 
	transition: all 0.3s; 
	position: absolute;
	left: 0;
	top : 0;
}

.scrollable {
	display: block;
	padding-left:10px; 
	padding-right:10px;
	height: 100vh;
}

body.touch .scrollable {
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

#touches {
	display:none;
}

body.touch #touches {
	display:inline-block;
}

body.touch {
  margin: 0;
  background-color: #F2F2DE;
  color: #353d46;
  font: 16px sans-serif;
}

body.menu-active div#pagecontent {
	transform: translate3d(190px, 0px, 0px);
}

li.dropdown {
	text-align: left;
}

nav.dropnav li.nav-edit {
	background-color: #009000;
}

nav.dropnav li.nav-edit:hover {
	background-color: rgba(0,144,0, 0.7);
}

form.indented {
	padding-bottom: 20px;
}

.ui-tabs-vertical {
	width: 100%;
}
.ui-tabs-vertical .ui-tabs-nav {
	padding: .2em .1em .2em .2em;
	float: left;
	width: 13em;
}
.ui-tabs-vertical .ui-tabs-nav li {
	clear: left;
	width: 98%;
	border-bottom-width: 1px !important;
	border-right-width: 0 !important;
	margin: 0 -1px .2em 0;
}
.ui-tabs-vertical .ui-tabs-nav li a {
	display: block;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0;
	padding-right: .1em;
	border-right-width: 1px;
}
.ui-tabs-vertical .ui-tabs-panel {
	padding: 1em;
	float: right;
	width: calc(100% - 14em);
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: 3px !important; 
}

.action-item {
	font-size: 10px;
	margin-top: 5px;
}

.action-group {
	display: inline-block;
	width: calc(100% - 2px);
}

.cms-perms {
	padding: 15px 0 15px;
}

.action-item .btn-con .btn-text {
	width: 11em;
}

ul.cms-sortable {
	list-style: none;
	padding-left: 0;
	width: 410px;
	min-height: 280px;
	overflow-x: hidden;
	overflow-y: scroll;
	background-image: url(menuedit/cell.gif);
	border: 1px solid #999;
	position: relative;
}

ul.cms-sortable li {
	width: 370px;
	height: 30px;
	border: 1px solid #999;
	margin: 10px 0 0 10px;
	position: relative;
	background-color: #eee;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	padding: 5px;
	cursor: grab;
}	

option.cms-optionitem {
	width: 370px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cms-action {
	position: absolute;
	top: 1px;
	right: 1px;
	display: none;
	z-index: 2;
}

ul.cms-sortable li:hover .cms-action  {
	display: block;
}


.cms-icon {
	width: 24px;
	height: 24px;
	display: inline-block;
	background-image: url(menuedit/iconset.png);
	cursor: pointer;
}

.cms-trash {
	background-position: -513px -244px;
}

.cms-perm-select {
	padding: 2px 8px !important;
	height: auto !important;
}

ol.breadcrumb {
	list-style: none;
	padding-left: 0;
	display: block;
}
ol.breadcrumb li {
	display: inline;
}

ol.breadcrumb li.current {
	font-weight: bold;
	color: #333;
}

.columns3 {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}

ul.ui-autocomplete {
	max-height: 300px;
	overflow-y: scroll;
}

.control-checkbox {
	font: normal normal normal 14px/1.4em Arial !important;
	color: #717070 !important;
	line-height: 1.3em !important;
	vertical-align: text-bottom !important;
	width: 100%;
	display: inline-block;
	background-color: #fcfbfb;
	border: 1px solid #d9d5d2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #2a2a2a;
	font-size: 16px;
}

.control-checkbox label {
	margin: 0;
}

ul.list-provider a {
	text-decoration: none;
}

ul.list-provider li {
	margin: 10px 0;
}

.dtcol-name .placeholder {
	text-decoration: none;
	display: inline-block;
	width: 2em;
}

.dtcol-name .placeholder i {
	font-size: 1.5em;
}

.dtcol-name a.placeholder:link,
.dtcol-name a.placeholder:visited {
	color: #999;
	
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.frm .short {
	width: 120px;
}
.frm .half {
	width: 380px;
}

.frm .monospace {
	white-space: pre-wrap;
	word-break:break-all;
	font-family: monospace;
}

.frm input.disabled {
	background-color: #e8e8e8;
	color: #777;
}

div.cert {
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 20px;
}
.cert-label {
	display: inline-block;
	width: 100px;
}

.cert-value {
	font-weight: 600;
}

.fax-green {
	color: #090;
}

.admin-list li a {
	width: 280px;
}

.admin-list i {
	font-size: 1.3em;
	width: 32px;
	text-align: center;
	vertical-align: bottom;
}

@font-face {
  font-family: 'pkpFont';
  src:  url('pkp.woff') format('woff'),
        url('pkp.ttf') format('truetype');
}

.context-menu-icon-pkp,
.pkp {
	font-family: 'pkpFont';
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.pkp-nagios::before {
	content: "A";
}
.pkp-composer::before {
	content: "B";
}
.pkp-git::before {
	content: "C";
}

.hidden {
	display: none;
}

.class-error {
	color: #F00;
}

.class-warning {
	color: #FFA500;
}

div.form-buttons {
	display: table;
	width: 100%;
}

div.form-buttons .left {
	display: table-cell;
}

div.form-buttons .right {
	display: table-cell;
}

.website-form p.light {
	color: #bbb;
	margin-bottom: 0;
	font-style: italic;
}

.frm .controls {
    position: relative;
}

.frm .controls .pickr {
    margin-left: 10px;
}
.frm .controls .pickr .pcr-button {
    width: 2.9em;
    height: 2.9em;
    border-radius: 6px;
}

.frm .controls .pickr .pcr-button::after,
.frm .controls .pickr .pcr-button::before {
    border-radius: 5px;
}

.frm .controls .pcr-app {
    position: absolute !important;
    top: 21px;
    left: 129px;
}

.adminButton {
	-moz-box-shadow: 2px 2px 4px 0px #2d4b57;
	-webkit-box-shadow: 2px 2px 4px 0px #2d4b57;
	box-shadow: 2px 2px 4px 0px #2d4b57;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
	text-align: left;
}
.adminButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
.adminButton:active {
	position:relative;
	top:1px;
}

.adminWidth {
	width: 250px;
}

.ui-button-href {
	margin: .5em .4em .5em 0;
}

/* --------------------------------------------- */

.switch {
  display: inline-block;
  height: 26px;
  position: relative;
  width: 53px;
}

.switch input {
  display:none;
}

.cbslider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.cbslider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 18px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 18px;
}

.switch input:checked + .cbslider {
  background-color: #66bb6a;
}

.switch input:checked + .cbslider:before {
  transform: translateX(26px);
}

.cbslider.round {
  border-radius: 34px;
}

.cbslider.round:before {
  border-radius: 50%;
}

/* --------------------------------------------- */