@keyframes linescale {
	0% {
		transform: scaleY(1);
	}
	50% {
		transform: scaleY(0.4);
	}
	100% {
		transform: scaleY(1);
	}
}

@keyframes pulsate {
	0% { box-shadow: 0 0 1px #fff ; }
	100% { box-shadow: 0 0 20px #fff; }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes blinker {
	50% { opacity: 0; }
}

* { padding: 0; margin: 0; }

* { -webkit-text-size-adjust:none; }

body,
.button,
.ui-button,
.input {
	font-family: "Helvetica Neue", sans-serif;
	font-size: 14px;
	background: #fff;
	color: #333;
}

html {
	min-height: 100%;
	position: relative;
}

body {
	background: #e8eef4;
	min-height: 100%;
	line-height: 16px;
}

a {
	color: #1997df;
	text-decoration: none;
	outline: none;
	-moz-transition: color 0.3s, background 0.3s;
	-o-transition: color 0.3s, background 0.3s;
	-webkit-transition: color 0.3s, background 0.3s;
	transition: color 0.3s, background 0.3s;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color:	#ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:	#ccc;
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:	 #ccc;
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:	 #ccc;
}

/*
.tooltipui{
	cursor: help;
}
*/
.tooltipui.action {
	cursor: pointer;
}

a:hover, a:focus {
	/*color: #3892e3;*/
	color: #4084C1;
	text-decoration: none;
	outline: none;
}

p {
	/*line-height: 11pt;*/
	margin: 10px 0;
}

hr {
	height: 1px;
	font-size: 1px;
	border: 0;
	background: rgba(0, 0, 0, 0.1);
	margin: 20px 0;
}

img, a img { border: 0; }


/*ul {
list-style: none;
}*/

.hide { display: none !important; }
.tabhide { display: none;}
.display-none { display: none; }

.clear { clear: both; }
.left { float: left; display: inline-block; }
.right { float: right; display: inline-block; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

.control-label.text-left { text-align: left; }
.control-label.text-right { text-align: right; }
.control-label.text-center { text-align: center; }
.control-label.text-justify { text-align: justify; }

.display-inline {
	display: inline;
}
.width-auto {
	width: auto;
}
.bg-white {
	background: #fff !important;
}

.mute {
	color: #888;
}
.text-muted-important, .mute-important {
	color: #888 !important;
}
small, .small { font-size: 12px; }

.bigger {
	font-size: 1.2em;
	line-height: 1.3em;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 30px;
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: 600;
}
th{
	font-weight: 600;
}

h1, .h1 {
	font-size: 24px;
}
h2, .h2 {
	font-size: 20px;
}
h3, .h3 {
	font-size: 18px;
}
h4, .h4 {
	font-size: 16px;
}
h5, .h5 {
	font-size: 14px;
}
h6, .h6 {
	font-size: 12px;
}

.heading-hr {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.font-italic {
	font-style: italic !important;
}

.border-bottom {
	border-bottom: 1px solid #ddd;
}

.faq h2:not(:first-of-type) {
	margin-top: 10px;
}

ul{
	margin-left: 20px;
}
ul li,
ol li {
	margin: 0 0 5px 15px;
}


/* ICON LINKS */
a i, .link-icon {
	color: #bbb;
	-webkit-transition: color 0.3s;
	-o-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

a:hover i {
	color: #666;
}

a.btn i {
	color: #fff;
}

a.btn-default i {
	color: #333;
}

.btn-link:focus, .btn-link:hover {
	text-decoration: none;
}

.dark-gray, .dark-gray:hover, .dark-gray:focus {
	color: #333;
}

.text-dark {
	color: #656565 !important
}

/* STATUS */
.green, .success, .ok i, a.ok:hover i, a.ok:focus i, .text-success { color: #61a617; }
.success-important { color: #61a617 !important; }
/* a.success:hover {color: #356635} */
a.success:hover {color:#468847}

.warning { color: #ffa51f; }
.warning-important { color: #ffa51f !important; }
a.warning:hover { color: #c89200; }
.warning i, i.warning, i.warning:hover,a.warning:hover i { color: #f2c424; }

.error { color: #c9302c; }
.error-important { color: #c9302c !important; }
.custom-error { color: #c9302c; margin-top: 10px;}
/* a.error:hover { color: #b12100; } */
a.error:hover { color: #aa2000;}
.error i, a.error:hover i { color: #ee0000; }

.info { color: #1997df; }
.info-rcp {color: #3279b7; }

label.error {
	color: #c9302c;
}
label.error, label.info, label.warning, label.success, label.info-rcp {
	margin-top   : 5px;
	margin-bottom: 0;
}

.resource-autorenew, .resource-autorenew.active, .aux-contact-active, .aux-contact-active.active {
	cursor: pointer !important;
}
.btn-default.btn-on.active {
	background-color: #61a617;
	color: white;
}
.btn-default.btn-off.active {
	background-color: #c9302c;
	color: white;
}

/* FORMS */
.input.xsmall { width: 50px; }
.input.small { width: 100px; font-size: inherit; }
.input.medium, .form-control.medium, .medium .select2-container { width: 143px; }
.input.large, .selectui.large, .form-control.large, .large .select2-container { width: 200px; }
.input.mlarge, .selectui.mlarge, .form-control.mlarge { width: 220px; }
.input.xlarge, .selectui.xlarge, .form-control.xlarge, .xlarge .select2-container { width: 300px; }
.input.xxlarge { width: 400px; }
.input.xxxlarge, .xxxlarge .select2-container { width: 450px; }
.input.full { width: 100%; }
.input.tel, .form-control.tel { width: 225px; }
.input.code { width: 50px; text-align: right; }


.input {
	/* padding: 6px; */
	border: 1px solid #ccc;
	border-radius: 3px;
	outline: none;
	box-shadow: inset 0 1px 3px #ddd, 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.input:focus {
	border: 1px solid #1997df;
	box-shadow: 0 0 5px #60b7e9;
	box-shadow: 0 0 0 2px #c5e7fb;
}

.input.error, .select2-container.error, .form-control.error, .select2-container.custom-error {
	border: 1px solid #c9302c;
	border-radius: 3px;
	/* box-shadow: 0 0 0 2px #ffcdcd; */
}

.input.ok, .select2-container.ok, .form-control.ok, .select2-container.custom-ok {
	border: 1px solid #61a617;
	border-radius: 3px;
	/* box-shadow: 0 0 0 2px #e8ffce; */
}

.input[readonly] {
	background-color: #eee;
	opacity: 1;
}

.half .error small {
	display: block;
	padding-top: 5px;
}

select.input {
	font-family: sans-serif;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: '';

	/* -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	select.input {
		/*background: #fff url(../img/dwn.png) center right no-repeat;*/
		padding-right: 20px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}

select.input[multiple] {
	background: #fff;
	padding-right: inherit;
}

.input.huge,
.button.huge {
	padding: 12px 15px;
	font-size: 14px
}

.button.huge {
	padding: 11px 20px 12px;
}

textarea {
	resize: vertical;
	display: block;
}

textarea.fullwidth{
	width: 100%;
}

label {
	cursor: pointer;
	font-weight:normal;
}

label.error {
	cursor: default;
}

label.disabled {
	color: #bbb;
}

label.inline {
	margin-right: 10px;
	display: inline-block;
}

label.inline input {
	vertical-align: 1px;
	margin-right: 3px;
}

.form-control[readonly]:focus, .input[readonly]:focus {
	border-color: #ccc;
	box-shadow: none;
}

.inline-block {
	display: inline-block;
}

.badge-error {
	background-color: #b94a48;
}
.badge-error:hover {
	background-color: #953b39;
}
.badge-warning {
	background-color: #f89406;
}
.badge-warning:hover {
	background-color: #c67605;
}
.badge-success {
	background-color: #468847;
}
.badge-success:hover {
	background-color: #356635;
}
.badge-info {
	background-color: #3a87ad;
}
.badge-info:hover {
	background-color: #2d6987;
}
.badge-inverse {
	background-color: #333333;
}
.badge-inverse:hover {
	background-color: #1a1a1a;
}

.button, .ui-button, .ui-button.ui-state-default, .ui-datepicker-buttonpane.ui-widget-content button, .ui-dialog-buttonset button {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.button[disabled] { /* IE8 */
	background: #e0e0e0;
	border: 1px solid #9e9e9e;
}

.button:disabled {
	background: #e0e0e0;
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #9e9e9e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#9e9e9e));
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#9e9e9e 100%);
	background: -o-linear-gradient(top,  #e0e0e0 0%,#9e9e9e 100%);
	background: -ms-linear-gradient(top,  #e0e0e0 0%,#9e9e9e 100%);
	cursor: not-allowed;
	border: 1px solid #9e9e9e;
	color: #efefef;
}

button.order:disabled{
	cursor: progress;
}

.delbulk.disabled {
	cursor: progress;
}

.button:hover {
	color: #fff;
}

.button:active {
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.3);
}

a.button {
	display: inline-block;
	text-align: center;
}

.button i, .button:hover i {
	color: inherit;
}


/* BUTTON LINK */
.button.link {
	border: 1px solid #eee;
	border-radius: 5px;
	background: none;
	text-shadow: none;
	color: #1997df;
}

.button.link i {
	font-size: 14px;
	color: #bbb;
}

.button.link:hover {
	border: 1px solid #c5e7fb;
	box-shadow: 0 0 0 1px #c5e7fb;
}

.button.link:hover i {
	color: #999;
}

tfoot .button.link {
	margin-top: 10px;
}


/* Default RCP button (blue gradient) */

.btn-rcp {
	color: #fff;
	background-color: #0080c9;
	font-weight: bold;
	font-size: 13px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	background-image: -webkit-linear-gradient(top, #3db8ff 0%, #0080c9 100%);
	background-image: -o-linear-gradient(top, #3db8ff 0%, #0080c9 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3db8ff), to(#0080c9));
	background-image: linear-gradient(to bottom, #3db8ff 0%, #0080c9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3db8ff', endColorstr='#ff0080c9', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #0f5b91;
}

.btn-rcp:active,
.btn-rcp.active {
	color: #fff;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-rcp.disabled,
.btn-rcp[disabled],
fieldset[disabled] .btn-rcp {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #bbb;
}


.btn-rcp .badge {
	color: #337ab7;
	background-color: #fff;
	text-shadow: none;
}

.btn-rcp:hover,
.btn-rcp:focus {
	color: #fff;
	background-position: 0 -7px;
}

.btn-rcp:active:focus, .btn-rcp.active:focus {
	outline: none !important;
}

.btn-rcp.disabled,
.btn-rcp[disabled],
fieldset[disabled] .btn-rcp,
.btn-rcp.disabled:hover,
.btn-rcp[disabled]:hover,
fieldset[disabled] .btn-rcp:hover,
.btn-rcp.disabled:focus,
.btn-rcp[disabled]:focus,
fieldset[disabled] .btn-rcp:focus,
.btn-rcp.disabled.focus,
.btn-rcp[disabled].focus,
fieldset[disabled] .btn-rcp.focus,
.btn-rcp.disabled:active,
.btn-rcp[disabled]:active,
fieldset[disabled] .btn-rcp:active,
.btn-rcp.disabled.active,
.btn-rcp[disabled].active,
fieldset[disabled] .btn-rcp.active {
	background-color: #e0e0e0;
	background-image: none;
}

.btn-rcp.submit[disabled] {
	cursor             : default;
	opacity            : 1;
	background-repeat  : repeat-x;
	background-position: 0 0;
	background-image   : -webkit-linear-gradient(top, #e0e0e0 0%, #9e9e9e 100%);
	background-image   : -o-linear-gradient(top, #e0e0e0 0%, #9e9e9e 100%);
	background-image   : -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#9e9e9e));
	background-image   : linear-gradient(to bottom, #e0e0e0 0%, #9e9e9e 100%);
	filter             : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe0e0e0', endColorstr='#ff9e9e9e', GradientType=0);
	filter             : progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-rcp.width-100 {
	width: 100px;
}

.btn-rcp.btn-sm {
	font-size: 12px;
}

.btn, .btn:focus, .btn:active, .btn:active:focus {
	outline: none;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .15);
}

.btn-default, .btn-default:focus, .btn-default:active, .btn-default:active:focus {
	outline: none;
	box-shadow: inset 0 1px 1px rgba(50, 50, 50, .075), 0 1px 1px rgba(150, 150, 150, .075);
}

.btn.submit.disabled {
	cursor: default;
}

.form-control {
	box-shadow: inset 0 1px 1px rgba(50, 50, 50, .075), 0 1px 1px rgba(150, 150, 150, .075);
}

/* COMPACT INPUTS */
.input.compact,
.button.compact {
	padding-top: 3px;
	padding-bottom: 3px;
}

.button.compact {
	font-size: 12px;
	padding: 3px 10px;
	text-decoration: none;
}

a.compact {
	text-decoration: none !important;
}

select.compact {
	font-size: 13px;
	color: #666;
}

.button.no-margin {
	margin: 0;
}


/* TABLE FORM */
form tbody .input {
	margin-right: 10px;
}

form tbody th {
	width: 30%;
	max-width: 240px;
}

form tbody th,
form tbody td {
	height: 24px;
	padding: 6px;
	vertical-align: middle;
}

form tbody .text-right .input {
	margin-right: 0;
}


/* MESSAGES */
.message {
	background: #f3f3f3;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 5px;
	padding: 15px 20px 15px 40px;
	margin: 0 0 10px;
	background-position: 15px 19px;
	background-repeat: no-repeat;
	line-height: 22px;
	background-size: 14px;
}

.message.fixed .close{
	display: none;
}

.message ul {
	margin: 10px 0;
	padding: 0;
}

.message .close i {
	color: #ccc;
	color: rgba(0,0,0,0.2);
	font-size: 16px;
}

.message .close:hover i {
	color: rgba(0,0,0,0.5);
}

.message.full {
	margin: 0;
	border-radius: 0;
	border-width: 0 0 1px 0;
}

.message.success {
	background-color: #ebfcdc;
	background-image: url(../img/msg_ok.png);
	color: #3d7909;
}

tr.success {
	background-color: #ebfcdc !important;
}

tr.selected {
	background-color: #f5fbff !important;
}

.message.success .close {
	color: #3d7909;
}

.message.error {
	background-color: #feefe9;
	background-image: url(../img/msg_error.png);
	color: #d51f07;
}

.message.error .close {
	color: #d51f07;
}

.message.warning {
	background-color: #fffbe6;
	background-image: url(../img/msg_warn.png);
	color: #594e24;
}

.message.warning .close {
	color: #594e24;
}

.message.info {
	background-color: #effaff;
	background-image: url(../img/msg_info.png);
	color: #2675ac;
}

.message.info .close {
	color: #2675ac;
}

.message.no-icon {
	background-image: none;
	padding-left: 15px;
}

.message ul li {
	margin-bottom: 5px;
}

.message ul li:last-child {
	margin-bottom: 0;
}

.message p {
	margin: 0;
}

.message.warning a:not(.btn), .message.error a:not(.btn), .message.info a:not(.btn), .message.success a:not(.btn) {
	font-weight: 700;
}

.message.warning .close, .message.warning a:not(.btn),
.message.error .close, .message.error a:not(.btn),
.message.info .close, .message.info a:not(.btn),
.message.success .close, .message.success a:not(.btn) {
	opacity: 1;
	transition: opacity 0.3s, color 0.3s;
}

.message.warning .close:hover, .message.warning a:not(.btn):hover,
.message.error .close:hover, .message.error a:not(.btn):hover,
.message.info .close:hover, .message.info a:not(.btn):hover,
.message.success .close:hover, .message.success a:not(.btn):hover {
	opacity: 1;
	transition: opacity 0.3s, color 0.3s;
}

.message.warning .close, .message.warning a:not(.btn) {
	color: #605116;
}
.message.warning a:not(.btn):hover, .message.warning .close:hover {
	color: #473a09;
}

.message.error .close, .message.error a:not(.btn) {
	color: #b53827;
}
.message.error a:not(.btn):hover, .message.error .close:hover {
	color: #8e2e21;
}

.message.info .close, .message.info a:not(.btn) {
	color: #155d90;
}
.message.info a:not(.btn):hover, .message.info .close:hover {
	color: #113e5e;
}

.message.success .close, .message.success a:not(.btn) {
	color: #395f17;
}
.message.success a:not(.btn):hover, .message.success .close:hover {
	color: #213b09;
}

.message.condensed {
	padding-top: 5px;
	padding-bottom: 5px;
	background-position: 11px 11px;
	background-size: 11px !important;
	padding-left: 30px;
}

/* LISTS */
.list {
	list-style: disc;
	padding-left: 15px;
}


/* TABLES */
table {
	border-collapse: collapse;
	width: 100%;
}

table th,
table td {
	border-top: 1px solid #ddd;
	text-align: left;
	padding: 6px;
	vertical-align: top;
}

table thead th {
	text-transform: uppercase;
	font-size: 0.85em;
	color: #666;
}

table thead th,
table thead td {
	border: 0;
}

table tbody tr:nth-child(even), table.invert tbody tr:nth-child(odd) {
	background: #fcfcfc;
}
table tbody tr:nth-child(odd), table.invert tbody tr:nth-child(even) {
	background: #fff;
}

table img {
	vertical-align: -3px;
}

table ul li, ul.padded-ul li {
	margin-bottom: 10px;
}

table ul li:last-child, ul.padded-ul li:last-child {
	margin-bottom: 0;
}

/* table.invert tbody th,
table.invert tbody td {
	border-top: 0;
	border-bottom: 1px solid #ddd;
}

table.invert tbody tr:nth-child(odd) {
	background: inherit;
}

table.invert tbody tr:nth-child(even) {
	background: #fcfcfc;
} */

table.transparent thead th {
	color: inherit;
}

table.transparent tbody tr:nth-child(odd),
table.transparent tbody tr:nth-child(even) {
	background: inherit;
}

table.highlight .selected {
	background: #f5fbff !important;
}

table.smaller {
	font-size: 13px;
}

table.condensed tbody th,
table.condensed tbody td {
	padding: 4px 6px;
}

table td.no-border {
	border-top: none !important;
}

table.centered td, table.centered th {
	text-align: center;
}

/* Autofit contents */
tr td.fit {
	width: 1%;
	white-space: nowrap;
}


/* SORTABLE */
.sortable thead th a {
	color: #666;
}

.sortable thead th a:hover {
	color: #1997df;
}

.sortable thead .sort-asc {
	padding-right: 10px;
	background: url(../img/srtd.gif) 100% center no-repeat;
}

.sortable thead .sort-desc {
	padding-right: 10px;
	background: url(../img/srtu.gif) 100% center no-repeat;
}


/* TABLE FILTER */
table .filter {
	display: none;
}


/* GRID */
.row {
	width: 100%;
	display: table;
	clear: both;
}

.col {
	/* float: left; */
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.col.full {
	width: 100%;
	min-width: 100%;
}

.box .row{
	margin: 0;
}

.box:before,
.box:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

table td{
	word-wrap:break-word;
}

.box:after {
	clear: both;
}

.col.half {
	width: 50%;
}

.col.third {
	width: 33%;
}

.col.four {
	width: 25%;
}

.text-break-w{
	word-wrap:break-word;
}

.navbar{
	margin-bottom: 0;
	position: static;
	border-bottom: none;
	position: static;
	float: left;
	/*background: #21282d;*/
	background: #1f242a;
	min-height: 100%;
}

.navbar::before {
	background-color: inherit;
	border-color: inherit;
	border-style: inherit;
	border-width: inherit;
	bottom: 0;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: inherit;
	z-index: -1;
}

.main-content{
	min-height: 100%;
}

.main-content::after {
	clear: both;
}
.main-content::before, .main-content::after {
	content: " ";
	display: table;
}

.navbar + .main-content {
	margin-left: 70px;
}

/* NAVIGATION */
nav {
	width: 70px;
	margin: 0 0 0 0;
	z-index: 1;
	-webkit-transition: width 0.1s linear;
	-moz-transition: width 0.1s linear;
	-o-transition: width 0.1s linear;
	transition: width 0.1s linear;
}

nav ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

nav li {
	margin: 0;
	position:relative;
}

nav > ul > li {
	border-bottom: 1px solid #283037;
	/*border-bottom: 1px solid #3a3a3a;*/
}

nav li a {
	display: block;
	padding: 12px;
	font-size: 24px;
	color: #b3b7bb;
	color: #ddd;
	text-align: center;
	text-decoration: none;
}

nav li a:focus {
	color: #ddd;
}

nav li a i {
	color: #eee;
}

nav li a span {
	display: none;
	-webkit-transition: width 0.5s ease;
	-moz-transition: width 0.5s ease;
	-o-transition: width 0.5s ease;
	transition: width 0.5s ease;
}

nav li a:hover,
nav li a:hover i {
	color: #eee;
}

/*
nav li.active:not(.children) {
	border-left: 3px solid #3f5d77;
}
*/

nav > ul > li.active {
	border-left: 3px solid #3f5d77;
}

nav > ul > li.active > a{
	margin-left: -3px;
}

nav li.active > a {
	font-weight: bold !important;
	/* background: #161c1f; */
}

nav li.active > a,
nav li.active > a i {
	color: #eee;
}

nav .system {
	position: absolute;
	bottom: 0;
	background: inherit;
}

nav .nav-caret {
	font-size: 12px;
	margin-top: 6px;
	float: right;
	color: #CCCDCD;

	-webkit-transition: all ease-in-out 0.2s !important;
	-o-transition: all ease-in-out 0.2s !important;
	transition: all ease-in-out 0.2s !important;
}

.nav-expand nav .nav-caret {
	margin-top: 4px;
}

nav .badge, .new-badge {
	min-width: 8px;
	background: #b74543;
	color: white;
	text-decoration: none;
	font-weight: normal;
	padding: 4px;
	font-size: 11px;
	border-radius: 4px;
}

nav .badge {
	position: absolute;
	top: 3px;
	left: 3px;

	padding: 2px;
	font-size: 10px;
	border-radius: 4px;
	cursor: default;
}

.nav-expand nav .badge {
	left: initial;
	top: 12px;
	right: 17px;

	padding: 4px;
	font-size: 11px;
	border-radius: 4px;
}

nav .submenu .badge {
	left: initial;
	right: 10px;
	top: 13px;
	padding: 4px;
	min-width: 25px;
}

.nav-expand nav .submenu .badge {
	top: 12px;
}

nav .badge i {
	color: #fff;
}

nav .badge-link {
	padding: 0 !important;
}

.icon-color-red {
	color: #b74543 !important;
}

.nav-expand .badge {
	display: inline-block;
}

#nav-toggle {
	position: absolute;
	right: -10px;
	bottom: 50%;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	padding: 5px 3px;
	text-align: center;
	background: #3C4652;
	border-radius: 0 2px 2px 0;
	opacity: 0.25;
}

#nav-toggle i {
	color: #fff;
}

#nav-toggle:hover {
	opacity: 0.6;
}


/* MAIN */
.main {
	/* display: block;
	float: left;
	width: 100%; */
	min-height: 100%;
}

/*
.main::before {
	bottom: 0;
	content: "";
	display: block;
	max-width: inherit;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -2;
}
*/

.main.center {
	width: 960px;
	margin: 20px auto;
	padding: 0;
}


/* NAVIGATION EXPAND */
.nav-expand .navbar, .nav-expand nav {
	width: 260px;
}

.nav-expand .navbar + .main-content {
	margin-left: 260px;
}

.nav-expand nav li a {
	text-align: left;
	padding: 12px 5px 12px 10px;
	font-size: 14px;
	font-weight: normal;
}

.nav-expand nav li.app-mode-switch, nav li.split{
	display: none;
}

.nav-expand nav li.split {
	display:block;
}
nav li.split a {
	display: inline-block;
	width: 50%;
	text-align: center;
	background: #181c21;
	color: #999;

}
nav li.split a.active {
	background: #1f242a;
	color: #e2e2e2;
	font-weight: bold;
}
nav li.split a:last-child{
	border-left: 1px solid #283037;
	/* border-left: 1px solid #3a3a3a;*/
}



.nav-expand nav li span {
	display: inline;
	-webkit-transition: width 0.5s ease;
	-moz-transition: width 0.5s ease;
	-o-transition: width 0.5s ease;
	transition: width 0.5s ease;
}

.nav-expand nav li a i {
	vertical-align: -1px;
	width: 22px;
	font-size: 18px;
}

.nav-expand nav li a i.fa-spin {
	width: auto;
	margin-right: 10px;
}

/* HEADER */
header {
	padding: 10px;
	padding-bottom: 0;
}

header .top-menu {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	padding-right: 5px;
}

header .top-menu i {
	font-size: 18px;
	vertical-align: middle;
}

header .top-menu > div {
	margin-left: 10px;
	margin-bottom: 10px;
	/* min-width: 25px; */
}

header .top-menu > div.top-bar-separator {
	width: 1px;
	min-width: 1px;
}

.top-bar-separator {
	cursor: default;
	color: #bbb;
}

header .top-bar-discount-label {
	color: #666;
	margin-bottom: 8px;
}

header .top-bar-discount-label-single {
	margin-left: 11px;
	margin-top: -8px;
	font-size: 12px;
}

header .top-bar-discount-label-single a {
	color: #fff;
}

header .top-bar-discount-label-multiple {
	margin-left: 1px;
	margin-top: -8px;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
}

header .top-bar-discount-label-multiple a {
	color: #fff;
}

#discounts-modal table td, #discounts-modal table th{
	padding-top: 8px;
	padding-bottom: 9px;
}

#discounts-modal table .label {
	font-size: 100%;
	padding-left: 30px;
	padding-right: 30px;
}

.dashboard-discount-label {
	position: absolute;
	right: 20px;
	top: 7px;
	transform: rotate(15deg);
	cursor: default;
}


header h1 {
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 0;
}

header .cart-link {
	font-weight: 600;
}

header .cart-link i {
	margin-right: 3px;
}

/* SEARCH FORM */
#search-toggle{
	display: none;
}
header form {
	position: relative;
	display: inline-block;
}

header form .input {
	padding: 6px 30px 6px 13px;
	width: 160px;
	border-radius: 30px;
	-webkit-transition: width 0.3s;
	transition: width 0.3s;
}

header form button {
	position: absolute;
	top: 7px;
	right: 12px;
	border: 0;
	background: 0;
	font-size: 14px;
	padding: 0;
	color: #666;
	cursor: pointer;
	outline: none;
}

header form button:hover {
	color: #666;
}

/* PAGE */
#page {
	display: block;
	padding: 10px;
	padding-top: 0;
	clear: right;
}

#page.page-dashboard {
	padding: 0;
}


/* BOX */
.box {
	background-color: #fff;
	border-radius: 5px;
	/*padding: 15px 20px 20px;*/
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid rgba(0,0,0,0.1);
	/*overflow: hidden;*/
}

.box h2, .box h3, .box h4, .box h5 {
	color: #666;
}

.box .head {
	overflow: hidden;
	padding-top: 5px;
}

.box .head h2 {
	float: left;
	display: inline-block;
	margin-right: 10px;
}

.box .head ul, .listactions {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	overflow: hidden;
	line-height: 30px;
}

.box .head ul li, .listactions li {
	float: left;
	display: inline-block;
	padding-left: 15px;
	font-size: 15px;
	margin: 0;
}

.box .head .section-tools {
	float: none;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	line-height: 34px;
}

.box .head .section-tools li {
	font-size: 14px;
	padding: 0 7px;
}

.box .head .section-actions {
	position: absolute;
	right: 10px;
	top: 15px;
}

/* new section head buttons */
#section-head {
	min-height: 35px;
}

#section-head .section-actions-top {
	float:right;
}

#section-head h1 {
	float:left;
	margin:0;
}
#section-head .section-actions-top li{
	display: inline-block;
}

@media only screen and (max-width : 991px) and (min-width: 1px) {
	#section-head h1 {
		font-size: 20px;
		float: none;
		text-align: center;
		line-height: normal;
		height: auto;
		margin: 5px 0 10px 0;
	}

	#section-head .section-actions-top {
		float:none;
		text-align:center;
	}
}

.listactions a{
	color: #bbb;
}
.listactions a:hover{
	color: #666;
}

.listactions.white-urls a{
	color: #fff;
}

.box .message {
	margin: 0 0 10px;
	border-radius: 3px;
}


/* TAB BOX */
.tab-box {
	padding: 0;
	overflow: hidden;
	background: #f9f9f9
}

.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px;
	float: left;
	display: inline-block;
	position: relative;
	z-index: 100;
}

.tabs li {
	margin: 0;
}

.tabs .active {
	border-right: 1px solid #fff;
}

.tabs .active a {
	background: #fff;
	color: #666;
	padding-left: 25px;
}

.tabs li a {
	font-weight: bold;
	padding: 15px 20px;
	display: block;
	border-bottom: 1px solid #ddd;
	max-width: 100%;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.ui-tabs .ui-tabs-nav li{
	white-space: normal;
}

.panes {
	margin-left: 200px;
	border-left: 1px solid #ddd;
	background: #fff;
	position: relative;
	left: -1px;
}

.pane {
	display: none;
	padding: 20px;
	overflow: hidden;
}

.pane.active {
	display: block;
}


.tab-box .ui-widget-content{
	background: none;
	border: 0;
}
.tab-box .ui-corner-bottom, .tab-box .ui-corner-top, .tab-box .ui-corner-all{
	border-radius: 0;
}
.tab-box .ui-tabs, .tab-box .ui-tabs .ui-tabs-nav{
	padding: 0;
}
.tab-box .ui-tabs .ui-tabs-nav{
	padding: 0;
}
.tab-box .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	padding: 15px 20px;
}
.tab-box .ui-tabs .ui-tabs-nav li.active .ui-tabs-anchor{
	padding-left: 25px;
}

.tab-box .ui-tabs .ui-tabs-nav li.ui-state-hover{
	background: #f9f9f9;
	color: #3892e3;
}
.tab-box .ui-tabs .ui-tabs-nav li.ui-state-active{
	background: #fff;
	color: #3892e3;
}

.tab-box .ui-tabs .ui-tabs-nav li.ui-state-active a, .tab-box .ui-tabs .ui-tabs-nav li.ui-state-hover a{
	background: #fff;
	color: #666;
	padding-left: 25px;
}

.tab-box .ui-tabs .ui-tabs-nav li, .tab-box .ui-tabs .ui-tabs-nav li a {
	float: none;
	margin: 0;
}


/* NO CONTENT */
.no-content {
	text-align: center;
	color: #666;
	padding: 100px 0;
	font-size: 18px;
}


/* PAGINATION */
.pagination {
	text-align: center;
	padding: 10px 0;
	/* color: #999; */
}

.pagination a, .pagination span.disabled {
	color: #337ab7;
	font-size: 12px;
	border: 1px solid #ddd;
	font-weight: bold;
	padding: 4px 10px;
	margin: 3px 3px;
	border-radius: 3px;
	display: inline-block;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 1px rgba(0, 0, 0, .1);
}

.pagination a:hover, .pagination a:active {
	color: #fff;
	border: 1px solid #0f5b91;
	background-color: rgba(51, 122, 183, 0.9);
}

.pagination a.active, .pagination a.active:hover, .pagination a.active:active {
	border: 1px solid #0f5b91;
	box-shadow: inset 0 .1px 0, 0 .5px .1px;
}

.pagination a.active:hover, .pagination a.active:active {
	color: #337ab7;
	background-color: transparent;
}

.pagination a i {
	color: inherit;
	-webkit-transition: none;
	transition: none;
}

.pagination span.disabled {
	color: #999;
}


/* ASIDE */
aside {
	display: none;
	width: 300px;
	position: absolute;
	top: 55px;
	right: 20px;
}

aside h2 {
	color: #666;
}

aside article {
	font-size: 12px;
	color: #555;
}

aside article h3 {
	line-height: 18px;
	margin-bottom: 10px;
}

article time {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #999;
}


/* NEWS ARCHIVE */
#page.news-archive {
	position: relative;
	padding-right: 465px;
}

.clean.archivelist li{
	padding: 10px 0;
}

#page.news-archive .col:last-child {
	width: 440px;
	position: absolute;
	top: 10px;
	right: 10px;
}

#page.news-archive h3 {
	margin-bottom: 0;
}

#page.news-archive h5 {
	color: #757575;
	margin-bottom: 10px;
}


/* CALENDAR */
.calendar {
	table-layout: fixed;
}

.calendar th {
	text-align: center;
}

.calendar td {
	border: 1px solid #ddd;
	text-align: center;
	background: none;
	padding: 15px 0;
	vertical-align: middle;
}

.calendar .event {
	padding: 0;
	background: #f5fbff;
}

.calendar td a {
	display: block;
	padding: 15px 0;
	font-weight: bold;
}

.subscribe th,
.subscribe td {
	border: 0;
	padding: 10px;
}

.subscribe th {
	width: 140px;
}


/* UPGRADES*/
.upgrade tbody th,
.upgrade tbody td {
	height: 30px;
	vertical-align: middle;
	padding: 10px;
}

.upgrade thead th,
.upgrade td {
	text-align: center;
}

.upgrade select.input {
	margin: 0;
}

#upgrades-form .form-group.vertical-align-center {
	min-height: 110px;
}


/* ORDER HOSTING */
.order-hosting tbody th {
	width: auto;
}


/* COMPARE PLANS */
.compare-datacenter {
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin: 10px 0;
}

.compare-datacenter li {
	width: 190px;
	float: left;
	display: inline-block;
	margin: 0;
	box-sizing: border-box;
	border-right: 1px solid #ddd;
}

.compare-datacenter li:last-child {
	border-right: 0;
	width: 188px;
}

.compare-datacenter a {
	display: block;
	font-weight: bold;
	text-align: center;
	background: #f9f9f9;
	line-height: 45px;
}

.compare-datacenter .active a {
	background: #fff;
	color: #454545;
}

.compare-datacenter a img {
	vertical-align: -3px;
}

.compare-plans tbody {
	display: none;
}

.compare-plans tbody.active {
	display: table-row-group;
}

.compare-plans thead th,
.compare-plans tbody td,
.compare-plans tfoot td {
	text-align: center;
}

.compare-plans th,
.compare-plans td {
	width: 25%;
}

.compare-plans .select-plan td {
	vertical-align: middle;
}


/* DOMAIN SEARCH */
.domain-search {
	padding: 15px 0 10px;
}

.domain-list.loading {
	background: url(../img/loader.gif) 50% 40% no-repeat;
	background-size: 64px;
}

.domain-list.loading table {
	opacity: 0.25;
}


/* RENEWAL */
.renew select.medium {
	width: 165px;
}


/* CART */
.cart tbody .remove-link {
	margin-right: 5px;
}

.cart select.input {
	font-size: 13px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.cart .error i {
	color: #ee0000;
}

.cart .error i:hover {
	color: #cc0000;
}

.cart .tools {
	display: inline;
}

.cart .tools li {
	display: inline;
	margin: 0 0 0 5px;
}

.cart del {
	color: #999;
}

.box .cart .group {
	padding: 0;
	background-image: url(../img/dotv.png);
	background-position: 15px 27px;
	background-repeat: no-repeat;
}

.cart .group table {
	margin-bottom: 0;
}

.box .cart .group tr {
	background: transparent;
}

.cart .group td {
	line-height: normal;
	border: 0;
	padding-top: 7px;
	padding-bottom: 7px;
}

.cart .child .remove-link {
	margin-left: 25px;
	z-index: 100;
}

.cart .child .child .remove-link {
	margin-left: 45px;
}

.cart .child td:first-child {
	background-image: url(../img/doth.png);
	background-position: 17px 19px;
	background-repeat: no-repeat;
}

.cart .group .group {
	background-image: url(../img/dotv.png) !important;
	background-position: 40px 27px !important;
	background-repeat: no-repeat;
}

.cart .group .group .child td:first-child {
	background-image: url(../img/doth.png);
	background-position: 42px 18px;
	background-repeat: no-repeat;
}




/* FOOTER */
footer {
	text-align: center;
	color: #999;
	font-size: 12px;
}


/* SIGN IN+UP */
.sign-form {
	max-width: 600px;
	margin: 15px auto;
}

.sign-form th {
	width: 35%;
}


.sign-form .captcha {
	vertical-align: middle;
	margin-right: 10px;
}

.sign-form tfoot td {
	text-align: center;
}


/* MODAL */
.modal-content * {
	-webkit-font-smoothing: subpixel-antialiased;
}

.modal-content .title {
	background: #f9f9f9;
	border-bottom: 1px solid #ddd;
	padding: 15px 20px;
	line-height: normal;
	overflow: hidden;
}

.modal-content .title h3 {
	float: left;
	display: inline-block;
	margin: 0;
	color: #666;
}

.modal-content .title .close {
	float: right;
	font-size: 18px;
	line-height: 24px;
}

.modal-content .content {
	margin: 0;
	border: 0;
	padding: 10px 20px;
	background: #fff;
}

.modal-content .message {
	margin: 5px 0 10px;
}

.modal-content .no-content {
	padding: 50px 30px;
}

.modal-content.loading .content {
	opacity: 0.2;
}

.modal-dialog-resize {
	position: relative;
	display: table;
	overflow-y: auto;
	overflow-x: auto;
	width: auto;
	min-width: 300px;
}

.modal-body.modal-scrollable {
	overflow-y: auto;
	max-height: calc(100vh - 150px);
}

.modal-xl {
    width: 90%;
}

/* ERROR PAGE */
.error-page {
	text-align: center;
	color: #888;
}

.error-page i {
	font-size: 130px;
	opacity: 0.25;
}


#system-bar:hover {
	bottom: 0;
}

#system-bar strong {
	color: #fff;
}

.select2-results__group:empty {
	display: none !important;
}

/* Show news on larger width */
@media screen and (min-width: 1600px) {
	/*	#page {
	padding-right: 330px;
	}*/

	.main.center #page {
		padding-right: 0;
	}

	/*	aside {

	}*/
}


/* Static menu on smaller height */
@media screen and (max-height: 600px) {
	nav .system {
		position: static;
	}
}

@media screen and (max-width: 992px){
	label.error{
		display: block;
	}

	#claim-button, #check-token-button {
		margin-top: 15px;
	}

	#send-token-button {
		margin-left: 15px;
	}
}

@media screen and (max-width: 1100px) {
	form tbody .error small {
		display: block;
		padding-top: 5px;
	}
	label.location{
		display: block;
	}
	.pendingorders td.outstanding, th.outstanding, td.status, th.status{
		display: none;
	}
}

@media screen and (max-width: 1150px) {
	.site-select-btn {
		max-width: 300px !important;
		min-width: auto !important;
	}
}



/* StrongPass
*
*/

div.pass-container {
	height: 30px;
}

div.pass-bar {
	height: 11px;
	margin-top: 2px;
}
div.pass-hint {
	font-family: arial;
	font-size: 11px;
}

.text-fixed{
	font-family: Andale Mono, Lucidatypewriter, Courier, Fixed, monospace;
}

.accodrion.ui-accordion .ui-accordion-header{
	margin: 0;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	padding: 14px 30px;
}
.accordion.ui-accordion .ui-corner-bottom, .accordion.ui-accordion .ui-corner-all{
	border-radius: 0;
}
.accodrion .ui-widget-content{
	border: 0;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}
.accordion .ui-accordion-header.ui-state-default{
	color: #1997df;
}
.accordion .ui-accordion-header.ui-state-active{
	color: #666;

}

.ordertotal{
	font-weight: normal;
}
.ordertotal .amount{
	font-weight: bold;
}
label.location{
	margin-right: 10px;
	padding: 5px 10px;
	border-radius: 4px;
}
label.location input{
	font-size: 18px;
}
/*label.location:hover, label.location.active{*/
label.location.active {
	background: #efefef;
}

.tab-box .accodrion{
	padding: 0 0 0 0;
}

button.large{
	width: 120px;
}
.relative{
	position: relative;
}
#checkdomain i{
	position: absolute;
	right: 10px;
	top: 8px;
}
.cart .remove-link{
	float: left;
	display: inline-block;
}
.cart .prdesc{
	display: block;
	float: left;
	display: inline-block;
	/* margin-left: 5px; */
	font-size: 12px;
}

div .wrap {
	width: 300px;
	height: 10px;
	background-color: #D2B48C;
	position: relative;
	display: inline-block;
}

#password-text, .password-text {
	margin: 10px 0;
	display: block;
}

.text-red, .red {
	color: #b74543;
}

.mandatory {
	color: #b94a48;
	margin-left: 2px;
}

.btn-default.text-danger, .btn-default.text-danger  i {
	color: #a94442 !important;
}

.text-green{
	color: #a3be05;
}

.bold{
	font-weight: bold;
}

.text-xs { font-size: 0.8em; }

.tiny-sep{
	border: none;
	background: transparent;
	border-top: 1px solid #efefef;
	margin-bottom: 0;
}
.payment_options{
	margin: 0 0 0;
}
.payment_options .infott{
	display: none;
	display: block;
	padding: 5px 0 10px 30px;
	font-weight: normal;
	display: none;
}

.payment_options label{
	display: block;
	padding: 15px;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #efefef;

}
.payment_options > h4 > label:hover, .payment_options h4 > label.active{
	background: #ecf0fc;
	height: auto;
}

.payment_options h4{
	margin: 4px 0;
	padding: 0;
	position: relative;
}

.payment_options.disabled *, h4.disabled{
	color: #ddd;
}
.payment_options.disabled label:hover, .payment_options.disabled label.active, .payment_options.disabled label{
	color: #ddd;
	background: none;
	cursor: auto;
}

.pmtooltip{
	position: absolute;
	right: 0;
	top: 15px;
	padding: 0;
	width: 40px;
	height: 40px;
}

.dhide{
	display: none !important;
}
#autoremain, #remaining_info{
	display: none;
}

input.payment_providers{
	margin-right: 10px;
}

ul.clean{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.clean li{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 5px;
}

.vtop{
	vertical-align: top;
}

.normal{
	font-weight: normal;
}

.message label{
	color: #333 !important;
}

/* Bootstrap related */

.help-block {
	font-size: 12px;
}

.row {
	width:auto;
	display:block;
}

header form .input {
	line-height:normal;
}

#nav-toggle {
	box-sizing:initial;
}

.pagination {
	margin:0 auto;
	display:block;
}

span.domain {
	font-weight:normal;
}

.close {
	font-size: inherit;
	font-weight: normal;
	line-height: inherit;
	text-shadow:none;
	opacity:1;
	filter: alpha(opacity=100);
}

nav li.children {
	position:relative;
}
nav .submenu {
	display: none;
	position:absolute;
	left: 70px;
	top:0;
	width:auto;
	background: #1f242a;
	color: #FFF;
	padding: 0;
	z-index: 1000;
	border-left: 1px solid #283037;
}

nav .active .submenu {
	left: 67px;
}

.nav-expand nav .submenu {
	border-left: 0;
	background: #111417;
	width: 260px;
}

.nav-expand nav .active .submenu {
	width: 257px;
}

.nav-expand nav .submenu li {
	padding-left: 8px;
}

nav .submenu li {
	white-space: nowrap;
	margin: 0;
	/* border-bottom: 1px solid #3a3a3a; */
}

nav .submenu li a{
	background:transparent;
	line-height:inherit;
	font-size: 85%;
	/* line-height: 24px; */
	text-align: left;
}
nav .submenu li a span{
	display: inline-block;
	margin: 0 0 0 4px;
}
nav .submenu li a i{
	font-size: 18px;
	vertical-align: -1px;
	width: 22px;
}

.nav-expand nav .submenu {
	display: none;
	position:relative;
	padding:0;
	left:0;
	/* background:rgba(0,0,0,0.3); */
}

.nav-expand nav .submenu-header {
	display: none;
}

nav .submenu {
	border-radius: 0 5px 5px 0;
	width: 240px;
}
nav .submenu-header {
	padding: 16px 0 8px 0;
	text-align: center;
}
nav .submenu-header span {
	color: #6e6e6e;
	padding: 10px;
}

.tooltipster-default{
	background: rgb(0, 0, 0);
	color: rgb(221, 221, 221);
	box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.65);
}

nav > ul > li a:hover, nav > ul > li a:hover i, nav > ul > li a:hover span.nav-caret {
	color: #fff;
}

/* phone code select fixes */
.selectphonecode{
	margin-right: 5px !important;
	width: 80px;
}

/* Auto grow select2 dropdown. This is attached with dropdownCssClass in select2 */
.select2-grow-dropdown {
	width: auto !important;
	min-width: 250px;
}

.select2-grow-dropdown-phone {
	width: auto !important;
	min-width: 300px;
}

.selectwrap .select2-container {
	width: 300px;
	margin-right: 10px;
}

/* Fix margin for select2, because of ul li, ol li declartion  */
.select2-results__option {
	margin: 0;
}

/* IE8 */
.select2-container .select2-choice {
	line-height: 16px !important;
}

/* IE8 unknown fix */
form .select2-container .select2-choice .select2-arrow{
	background: transparent;
	border: 0;
}

.selectphonecode.select2-dropdown-open.select2-drop-above .select2-choice,
.selectphonecode.select2-dropdown-open.select2-drop-above .select2-choices,
.selectui.select2-dropdown-open.select2-drop-above .select2-choice,
.selectui.select2-dropdown-open.select2-drop-above .select2-choices {
	background: transparent;
	border: 1px solid #1997df;
	box-shadow: 0 0 5px #60b7e9;
	box-shadow: 0 0 0 2px #c5e7fb;
}

/* -- unknown fixes for select2, that don't have visible effect when removed --*/
.select2-selection__rendered {
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
}

.select2-container--default .select2-selection--single{
	background: transparent;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0 1px 3px #ddd inset, 0 1px 0 rgba(255, 255, 255, 0.5);
}

.select2-results .select2-highlighted{
	background: #1997df;
}

span.select2-selection.error {
	border: 1px solid #c9302c !important;
	/* box-shadow: 0 0 0 2px #ffcdcd !important; */
}
/* ---- */


.select2-results__options {
	overflow-x: hidden;
}

.inlineblock {
	display: inline-block !important;
}


form tbody .form-control.inlineblock {
	margin-right: 10px;
}

/* -- unknown fixes for select2 that have visible effect when removed --*/
.select2-container {
	vertical-align: top;
	height: 34px;
}

.select2-container .selection {
	height: 34px;
	display: block;
}

#filters-box .select2-container {
	vertical-align: top;
	height: 30px;
}

#filters-box .select2-container .selection {
	height: 30px;
	display: block;
}
/* ---- */

/* Fix for select2 unclickable clear icon */
.select2-container--bootstrap .select2-selection__clear {
	float: left !important;
	margin-right: 5px !important;
}

/* Overflow long results*/
.select2-container--bootstrap .select2-results__option {
	text-overflow: ellipsis;
	overflow: hidden;
}

/* Don't grow based on option content */
.select2-width-fix .select2-container {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	display: table;
	table-layout: fixed;
}

/* Hide disabled options */

/*
.select2-container--default .select2-results__option[aria-disabled=true],
.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
	display: none !important;
}
*/

.select2-results__options--nested li {
	padding-left: 25px;
}

.phoneselect {
	position:relative;
}

.phoneselect .select2-container {
	position: absolute;
}

.phoneselect input {
	padding-left: 90px;
}

.api_access_requirement {
	display: none;
}

.sidebar-collapse {
	padding: 15px 0;
	position: relative;
	text-align: center;
	border-bottom: 1px solid #283037;
	/*border-bottom: 1px solid #3a3a3a;*/
}

.sidebar-collapse > i.fa {
	color: #868b91;
	cursor: pointer;
	display: inline-block;
	font-weight: normal;
	font-size: 24px;
	line-height: 26px;
	padding: 0 8px 0 8px;
	position: relative;
	/*
	border-radius: 20px;
	background: #868b91;*/
	-webkit-transition: color 0.3s, background 0.3s;
	transition: color 0.3s, background 0.3s;
	opacity: 0.6;
}
.sidebar-collapse > i.fa:hover {
	color: #fff;
}

/*
.sidebar-collapse:before {
	border-top: 1px solid #3a3a3a;
	content: "";
	display: inline-block;
	height: 0;
	left: 10px;
	right: 10px;
	top: 18px;
}
*/

/* TabAccordion */
#tabaccordion h3.ui-accordion-header{
	margin: 0 0 0 0;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	color: #1997df;
	padding: 20px 30px;
	/*	float: left;
	width: 20%;
	clear: left;*/
}
#tabaccordion h3.ui-accordion-header.ui-state-active{
	color: #666;
}

#tabaccordion div.ui-accordion-content{
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
	/*	border: none;
	width: 70%;
	clear: right;
	float: right;*/
}

.ui-accordion .ui-accordion-content {
	border: none;
}

.sslmodal-controls, .tooltip-buttons{
	border-top: 1px solid #ebebeb;
	padding: 0 10px;
	text-align: right;
	margin: 0;
}
.sslmodal{
	max-width: 95%;
	width: 600px;
}
.renewmodal{
	max-width: 95%;
	width: 460px;
	z-index: 1050;
}
.renewmodal .popover-content{
	padding: 0;
}

.renewmodal ul.pricelist li, .renewmodal ul.pricelist li label{
	display: block;
}

.renewal-upgrade-template-content{
	padding: 9px 14px;
}
.renewmodal .margined{
	margin: 9px 14px;
}

.modal_close, .close{
	font-weight: bold;
	font-size: 18px;
	color: #bbb;
}

ul.list-actions li{
	display: inline-block;
	margin: 0 5px;
}

ul.list-actions.list-actions-condensed li {
	margin: 0;
}

ul.list-actions li a i{
	font-size: 18px !important;
}

.actions-group a.action{
	margin: 0 5px;
}
.actions-group a.action i{
	font-size: 18px !important;
}

/* .actions-group {
	display: inline-block;
} */

.actions-group .btn-group-vertical {
	max-width: 130px;
	min-width: 50px
}

/*
.modal-footer.condensed {
	padding: 0 15px;
}
*/

.accordion .ui-accordion-header{
	border: none;
}

.ui-state-focus {
	outline: none;
}

.nowrap{
	white-space: nowrap;
}

.sslinfo-table td.status{
	width: 5%;
}

.sslinfo-table td.domains{
	width: 60%;
}

.sslinfo-table td.ip{
	width: 30%;
}
.sslinfo-table td.expire {
	width: 5%;
}

.sslinfo-table td.ip div, .account-certificates .cell-ip div {
	padding: 2px 0px;
}

.account-certificates .cell-ip, .account-certificates .cell-status{
	white-space: nowrap;
}

.gridsettings{
	margin: 0 0 10px 0;
}

.gridsettings li span{
	display: inline-block;
	border-radius: 4px;
	margin: 0 10px 0 0;
	padding: 5px 10px;
	width: 100%;
}
.gridsettings li label{
	display: inline;
}

.gridsettings li span:hover, .grid-settings .checkbox-container:hover{
	background: #efefef;
}

.grid-settings .checkbox-container, .grid-settings .checkbox-container * {
	cursor: pointer;
}

.btn-inline {
	display: inline;
	float: left;
	display: inline-block;
	margin-right: 5px;
}

.btn-icon, .btn-icon:focus, .btn-icon:active, .btn-icon:focus:active {
	padding-left: 6px;
	padding-right: 6px;
	background-color: transparent;
	outline: none;
	box-shadow: none;
	border: none;
	color: #666;
	transition: color 0.3s, background 0.3s;
}

.btn-icon:hover, .btn-icon:focus {
	color: #333;
}

.quickfilters .select2-container{
	vertical-align: middle;
	display: inline-block;
	min-width: 130px;
}

.quickfilters{
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	background: #fcfcfc;
}

.quickfilters .input{
	padding: 0;
	border: none;
}

.quickfilters p {
	margin: 0;
}

.accounts-list tbody th{
	width: auto;
}

.domains-list tbody tr:hover{
	background: #efefef;
}

.accounts-list td.username{
	font-weight: bold;
}

.accounts-list tbody tr:hover{
	background: #efefef;
}

#accounts-grid .cell-storage, #accountstable_wrapper .cell-storage,
#accounts-grid .cell-traffic, #accountstable_wrapper .cell-traffic,
#accounts-grid .cell-inodes, #accountstable_wrapper .cell-inodes,
#accounts-grid .cell-cpu, #accountstable_wrapper .cell-cpu,
#accounts-grid .cell-mysql, #accountstable_wrapper .cell-mysql
{
	width: 70px;
	min-width: 70px;
	max-width: 70px;
}


/* #accounts-grid .cell-storage_abs, #accountstable .cell-storage_abs, #accounts-grid .cell-traffic_abs, #accountstable .cell-traffic_abs {
	white-space: nowrap;
} */


.bulklist_modal .modal-body{
	max-height: 400px;
	overflow-y: auto;
}

.w-720 {
	width: 720px;
}

.w-800 {
	width: 800px;
}

.list-group, .list-group li {
	margin: 0;
}

td.constrain-small {
	width: 5%;
}
td.constrain {
	width: 20%;
}
td.constrain-xl {
	width: 75%;
}

.label:empty, .badge:empty {
	display: inherit;
}

.panel-dashboard{
	color: #666;
}

.panel-dashboard .panel-heading{
	border-bottom: 1px solid #efefef;
	color: #666;
}

.panel-dashboard .panel-body{
	overflow-x: initial;
}

.panel-bulk .panel-heading{
	background: #fcfcfc;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #fcfcfc;
	border-right: 1px solid #fcfcfc;
	border-radius: 0;
}

.panel-bulk .row{
	 margin: 0 -15px 10px -15px;
}
.panel-bulk{
	margin-bottom: 0;
}

.panel-orders .remove-link{
	display: none;
}

.panel-orders h5 {
	padding: 0;
}

.panel-orders table thead th{
	padding: 5px 10px;
}

.panel-dashboard .nav-tabs li{
	margin-bottom: -1px;
}

.panel-flat > .panel-heading {
	background-color: transparent;
}

/*#domain-expired .list-actions,
#domain-expiring .list-actions*/
#domain-active .list-actions {
	width: 8em;
}

.db-accounts td.selector{
	width: 20px;
}
.hostingaccounts.suspended .selector{
	display: none;
}

#tickets-statusbar img {
	width: 13px;
	opacity: 0.5;
	vertical-align: baseline;
}

#tickets-statusbar {
	color: #bbb;
}

.loader {
	display: block;
	min-height: 200px;
	background: url(../img/loader.gif) no-repeat center center;
	background-size: 32px;
}

.loader-small {
	width: 16px;
	height: 16px;
	display: inline-block;
	border: 2px solid #f3f3f3;
	border-top: 2px solid #555;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

.spin {
	animation: spin 1s linear infinite;
}

.modal-footer{
	position: relative;
}

.ajax-indicator {
	width: 20px;
	height: 20px;
	background: url(../img/loader.gif) no-repeat center center;
	background-size: 20px;
	margin: 0 10px;
}

.ajax-form .ajax-indicator, .ajax-indicator {
	position: relative;
	top: 8px;
	display: inline-block;
	bottom: auto;
}
.striped-footer .ajax-indicator{
	left: auto;
}
.panel-body .ajax-form .ajax-indicator {
	left: 0;
}
.search-list .bulk_renew_button{
	display: none;
}

.label-success-rcp {
	background: #61a617;
}

th .xsmall, td .xsmall {
	width: 20%;
}

.balance-warn{
	font-weight: bold;
	color: #b74543;
	font-size: 14px;
}

.table-title {
	text-transform: uppercase;
	font-size: 11px;
	color: #666;
	font-weight: bold;
}

.spacer {
	margin-top: 30px;
}

.spacer-bottom{
	margin-bottom: 20px;
}

#bulkrenew_action .badge{
	background:#61a617;
	color: #ffffff;
	margin-left: 10px;
}

.grey {
	color: #666;
}

#steps.accodrion h4{
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	margin: 0;
	padding: 14px 30px;
	background: none repeat scroll 0 0 #f9f9f9;
}
#steps.accodrion div.personaldata{
	padding: 20px;
}


.tab-content, .panel-body{
	overflow-x: auto;
}

.inline{
	display: inline-block;
}

.form-control[readonly] {
	cursor:initial;
}

.tdhidden{
	display: none !important;
}

.visible {
	visibility: visible !important;
}

.invisible {
	visibility: hidden !important;
}

ul.no-bullets {
	list-style: none;
}

#orderform p, #orderform .button{
	margin-bottom: 0;
}

#store-order-items tr td {
	padding-top: 10px;
	padding-bottom: 10px;
}

#store-order-items .order-item-editable {
	padding-left: 40px;
}

#store-order-items .lvl-1 {
	padding-left: 20px;
}

#store-order-items .lvl-2 {
	padding-left: 50px;
}

#store-order-items .lvl-3 {
	padding-left: 80px;
}

#store-order-items-grid tr.expanded td, .grid-expanded tr.expanded td {
	border-top: none;
	padding: 0 0 5px 15px;
}

#store-order-items-grid tr:nth-child(odd), #store-order-items tr:nth-child(even), .grid-expanded tr:nth-child(odd) {
	background: transparent;
}

#store-order-items-grid tbody:nth-child(odd), .grid-expanded tbody:nth-child(odd) {
	background-color: #fcfcfc;
}

#store-order-items-grid tbody:hover, .grid-expanded tbody:hover {
	background-color: #f5f5f5;
}

#store-order-items-grid .label {
	font-size: 90%;
}

#order-details h2 {
	color: inherit;
}

.border-box {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#options label {
	color: #594e24 !important;
}

.tabbable .tab-content{
	overflow-x: visible;
}

label.contacts {
	margin-right: 20px;
}

#filters-box {
	padding: 10px 0 0 0;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	background: #fcfcfc;
	margin-bottom: 10px;
}

.domain-row {
	padding-left: 45px;
}

select.disabled, select.conflict {
	color: #bbb;
	cursor: not-allowed;
}

/* Use this to create blocks of content with a margin (Wrap row elements in this) */
.block {
	margin-bottom: 30px;
}

.ui-datepicker-wide {
	width: 300px;
}

.ui-datepicker-wide .ui_tpicker_timezone select{
	width: 155px;
}

.ui-datepicker-prev, .ui-datepicker-next {
	cursor: pointer;
}

/*
* Use the following rules to restore the stock look of Bootstrap components.
* Wrap the content you wish to reset in a div with class 'bootstrap'.
*/
.bootstrap {
	line-height: 1.42857143;
}
.bootstrap ul.nav {
	margin-left: 0;
	margin-bottom: 10px;
}
.bootstrap ul.nav li {
	margin-left: 0;
}
.bootstrap ul.nav-tabs li {
	margin-bottom: -1px;
}
.bootstrap ul.nav-pills li {
	margin-bottom: 0;
}
.bootstrap ul.nav-pills > li + li {
	margin-left: 2px;
}
.bootstrap ul.nav-stacked > li + li {
	margin-left: 0;
	margin-top: 2px;
}
.bootstrap form tbody th {
	max-width: 240px;
	width: 25%;
}

.bootstrap label {
	cursor: auto;
}

.bootstrap ul li {
	margin: 0;
}

.pricesfilter .nav-pills > li > a{
	border-radius: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

table .store-prices tr:hover {
	background-color: #ECECEC;
}
#add-processor-options li {
	margin-bottom: 0;
	margin-left: 0;
}

.page-desc {
	margin: 20px 0px;
	color: #444;
}

.binfo{
	font-size: 12px;
}

.node-content {
	display: inline-block;
}

.expiration-date {
	text-transform: none;
	font-weight: normal;
	font-size: 12px;
}

.medium-icons {
	font-size: 16px !important;
}

.news-subscribe-label {
	display: inline-block;
	width: 110px;
	margin-right: 4px;
}

#news-subscribe-table td {
	white-space: nowrap;
}

#news-accordion .ui-widget-content a:not(.btn) {
	color: #1997df;
}

#news-accordion .ui-widget-content a:not(.btn):hover, #news-accordion .ui-widget-content a:not(.btn):focus {
	color: #4084C1;
}

.tdlabel{
	width: 300px;
}

#loading-image{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 40px;
}

body .pace .pace-progress{
	height: 3px;
	z-index: 99999;
}

.tdlabelbig{
	width: 1500px;
}

tr.renewal-option th {
	width: 50%;
	padding-left: 30px;
}

.services-for-account {
	background-color: #f5f5f5 !important;
}

.listactions-compact {
	line-height: 0px !important;
}

.badge.compact {
	font-size: 10px;
	vertical-align: top;
}
.badge.tabcount {
	vertical-align: initial;
}

.noverticalalign {
	vertical-align: baseline;
}

.fa.table-sort{
	font-size: 0.8em;
	vertical-align: 0;
}

.gridtable td {
	vertical-align: middle;
}

/* Dont wrap text and sorting icons in gridtable headers */
.gridtable th {
	white-space: nowrap;
}

/* Don't wrap action buttons and remove whitespace between them */
.gridtable td.actions-column, .grid-actions {
	white-space: nowrap;
}

/* Default icon colors */
.gridtable td.actions-column .dropdown-menu a i,
.gridtable td.actions-column .dropdown-menu a:hover i {
	color: #333;
}

.gridtable td.actions-column .dropdown-menu>.disabled>a i {
	color: #777;
}

.certificate-keys {
	max-width: 600px;
	font-family: monospace;
}

/* Striped horizontal form/list */
.striped > div {
	margin-bottom: 0;
	padding: 6px 0;
	border-bottom: 1px solid #ddd;
}

.striped.smaller > div {
	padding: 0;
	font-size: 13px;
}

.striped > div:last-child, .striped > div:only-child {
	border-bottom: none;
}

.striped label {
	text-align: left !important;
}

.striped > div:nth-of-type(even):not(.bg-danger):not(.striped-footer) {
	background-color: #f9f9f9;
}

.striped .striped-footer {
	background-color: transparent !important;
	margin-top: 10px;
	/*padding-bottom: 20px;*/
}

.striped-header {
	margin: 0;
}

.striped .form-group:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.striped.condensed .form-control-static{
	min-height: 0;
	padding: 0;
}

.striped > div.striped-single {
	border-bottom: none;
	background-color: #fff !important;
}
.striped > div.striped-even {
	background-color: #f9f9f9 !important;
}
.striped > div.striped-odd {
	background-color: #fff !important;
}

.empty-listing .fa.large {
	font-size: 5em;
	color: #eee;
}

label.ajax-error:empty{
	display: none;
}

.mark {
	background: #effaff !important;
}

.subtitle {
	font-size: 0.75em;
}

.subtitle-text {
	font-weight: normal;
	font-size: 0.70em;
}

.clear-footer {
	float: left;
	width: 100%;
	padding: 15px 0;
}

.modal-body {
	overflow: hidden;
}

.open-dialog-loader {
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99999;
}

.open-dialog-loader div {
	height: 44px;
	left: 50%;
	margin: -22px 0 0 -20px;
	position: absolute;
	top: 50%;
	width: 40px;
}

.open-dialog-loader span {
	animation-fill-mode: both;
	background-color: white;
	border-radius: 2px;
	display: inline-block;
	height: 35px;
	margin: 2px;
	width: 4px;
}

.open-dialog-loader span:nth-child(1) {
	animation: linescale 1s cubic-bezier(0.2, 0.68, 0.18, 1.08) 0.1s infinite;;
}

.open-dialog-loader span:nth-child(2) {
	animation: linescale 1s cubic-bezier(0.2, 0.68, 0.18, 1.08) 0.2s infinite;
}

.open-dialog-loader span:nth-child(3) {
	animation: linescale 1s cubic-bezier(0.2, 0.68, 0.18, 1.08) 0.3s infinite;
}

.open-dialog-loader span:nth-child(4) {
	animation: linescale 1s cubic-bezier(0.2, 0.68, 0.18, 1.08) 0.4s infinite;
}

.open-dialog-loader span:nth-child(5) {
	animation: linescale 1s cubic-bezier(0.2, 0.68, 0.18, 1.08) 0.5s infinite;
}

.faq {
	margin-left: 0px;
}
.faq ul li, .changelog ul li {
	margin: 0 0 0 5px;
}
.changelog {
	margin-left: -25px
}

.icons-list {
	font-size: 0;
	line-height: 1;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.icons-list .dropdown-toggle i {
	font-size: 19px;
}

.icons-list .dropdown-toggle .caret {
	vertical-align: 4px;
	margin-left: 4px;
}

.icons-list > li:first-child {
	margin-left: 0;
}
.icons-list > li {
	display: inline-block;
	font-size: 13px;
	margin-left: 5px;
	position: relative;
}

.icons-list a i, .icons-list .caret {
	color: #666;
	font-size: 16px;
}
.icons-list a:hover i, .icons-list a:hover .caret {
	color: #333;
}

.icons-list a i {
	min-width: 18px;
	text-align: center;
}

.dropdown-menu li {
	margin: 0;
	padding-top: 2px;
}

.dropdown-menu li.active i {
	color: #fff;
}

li.dropdown-header {
	color: #999999;
	font-size: 11px;
	line-height: 1.82;
	/* margin-top: 10px; */
	padding: 5px 15px;
	text-transform: uppercase;
}

li.divider {
	padding: 0;
}

.form-repeat-btn, .form-repeat-remove-btn {
	margin: 9px 15px;
	display: inline-block;
}

.prices-filters-holder {
	position: relative;
	z-index: 200;
	cursor: pointer;
}

.prices-selected-holder {
	position: relative;
	overflow: auto;
}

.prices-selected-holder i.fa-search {
	position: absolute;
	left: 10px;

	top: 50%;
	transform: translateY(-50%);
	color: #999;
}

.prices-selected-holder .filters-clear-all {
	position:absolute;

	top: 50%;
	transform: translateY(-50%);
	right: 10px;
}

.prices-selected-holder .prices-filters-input-placeholder {
	position:absolute;

	top: 50%;
	transform: translateY(-50%);
	left: 30px;
	cursor: default;
}

.prices-filters-selected {
	width: 100%;
	float: left;
	min-height: 34px;
	padding: 2px;
	padding-left: 32px;
	padding-right: 26px;
}

.filter-label {
	float: left;
	background-color: #3279b7;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .15);
	color: #fff;
	padding: 2px 10px;
	margin-top: 2px;
	margin-right: 2px;
	border-radius: 5px;
	cursor: pointer;
}

.filter-label:hover {
	background-color: #286090;
}

.prices-filters-list {
	display: none;
	position: absolute;
	left: 0;
	z-index: 100;
	background-color: #fff;
	width: 100%;
	padding: 10px 5px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-top:  1px solid #ccc;
	margin-top: -2px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.176);

	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.prices-filters-list label {
	display: block;
	padding: 3px 5px;
	border-radius: 5px;
	cursor: pointer !important;
}

.prices-filters-list label:hover {
	background: #efefef;
}
.prices-filters-list legend label {
	min-width: 10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.prices-filters-list legend label:hover {
	background: #efefef;
}

.prices-filters-list input[type="checkbox"] {
	margin-right: 2px;
}

.prices-filters-box legend {
	font-size: 13px;
	color: #666;
	text-transform: uppercase;
	font-weight: 600;
	padding-bottom: 0px;
	margin-bottom: 5px;
}

.prices-filters-box legend label {
	font-weight: 600;
}

.prices-filters-list button.close {
	position: absolute;
	top: 5px;
	right: 6px;
	z-index: 999;
}

.prices-filters-list fieldset {
	margin-bottom: 15px;
}
.prices-filters-list label {
	/* min-width: 115px; 200*/
	min-width: 250px;
	display: inline-block;
	margin-bottom: 0px;
}

.prices-filters-list #group-section-period-small label {
	min-width: 80px;
}

#pricestable th label {
	font-weight: 600;
}

.prices-settings label {
	color: #666;
	text-transform: uppercase;
	font-size: 0.85em;
	font-weight: 600;
	margin-left: 20px;
	cursor: pointer;
}

.prices-settings label input {
	margin-right: 3px;
}

.prices-settings .datatables-custom-length {
	display: inline;
	width: auto;
}


/* Important news */

.important-news-link .fa {
	/* caret animation */
	-webkit-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}

.important-news-title a, .important-news-content a.btn {
	text-decoration: none
}

.important-news-content p{
	margin: 0  0 10px 0;
}

.important-news-title a:first-child {
	color: inherit;
}

.grid-header {
	-moz-user-select: none;
	user-select: none;
	color           : #aaa;
	font-size       : 0.85em;
	font-weight     : bold;
	text-transform  : uppercase;
}

.center-label{
	padding: 10px 10px;
}

/* Various vertical align classes */
.vertical-align-center {
	display: flex;
	align-items: center;
}

.vertical-align-end {
	display: flex;
	align-items: end;
}

.vertical-align {
	display: flex;
	flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
	display: flex;
	align-items: center;
	justify-content: center;
}

.vertical-align-middle {
	vertical-align: middle;
}

/* in cart labels */
.label-incart {
	display: block;
	width: 200px;
	margin-top: 10px;
	vertical-align: initial;
}


/* request details */
.request-url {
	width: 80%;
	display: inline-block;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	height: 30px;
}

.row-margin {
	margin-right: -15px !important;
	margin-left: -15px !important;
}

.user-profile .dropdown-toggle {
	cursor: pointer;
}

.user-profile-xxs {
	display: none;
	cursor: pointer;
}

.user-profile-always {
	display: inline !important;
}

.user-profile ul.dropdown-menu li, .user-profile-xxs ul.dropdown-menu li{
	margin: 0 0 1px 0;
}

.user-profile ul.dropdown-menu li a, .user-profile-xxs ul.dropdown-menu li a {
	padding: 8px 16px;
}

.user-profile ul.dropdown-menu li a i, .user-profile-xxs ul.dropdown-menu li a i {
	margin-right: 6px;
}

.login-theme-switcher {
	position:absolute;
	top: 10px;
	right: 15px;
}

.login-theme-switcher .dropdown-toggle {
	cursor: pointer;
	font-size: 1.3em;
}

#theme-switcher i {
	font-size: 18px;
}
#theme-switcher a.dropdown-toggle i {
	color: #999;
}
#theme-switcher a.dropdown-toggle:hover i {
	color: #666;
}

.scroll-to-top-btn {
	position: fixed;
	bottom: -10px;
	right: 20px;
	opacity: 0;
	transition: all .3s ease-in-out;
	z-index: 999999;
}

.scroll-to-top-visible {
	opacity: 0.9;
	bottom: 15px;
}

#block-ui {
	display: none;
}

#block-ui i {
	color: rgba(0, 0, 0, 0.15);
	font-size: 5em;
	position: absolute;
	top: 50%;
	left: 50%;
}

.expire-icon {
	float: left;
	margin: 8px 8px 0px 10px;
}

.float-element {
	float: left;
	margin: 10px 10px 10px 0;
}

select.extra-item {
	height: auto !important;
}

#domain-search-tlds{
	padding-left: 15px;
}
#domain-search-tlds input[type=checkbox]{
	margin-left: -15px;
}
#domain-search-form{
	margin-right: -15px;
	margin-left: -15px;
}
#domain-search-form .form-group{
	margin: 10px 0 0 0;
}

.domain-search-row{
	min-height: 27px;
}

.select-domain {
	min-width: 100px;
}

html[lang="en"] .select-domain {
	min-width: 65px;
}

@media (max-width: 1199px) {
	#hosting-order-form .domain-search-row {
		margin-bottom:10px !important;
	}

	.select-domain {
		min-width: 110px;
	}
}

#domain-search-result .domain-prices {
	line-height: 1.9;
}

.price-wrapper {
	text-align: right;
}

.price-wrapper del, .price-wrapper strong {
	display: block;
}

.price-wrapper.has-discount {
	padding-top: 0;
}

.price-wrapper.no-discount {
	padding-top: 8px;
}

#add-security .price-wrapper.no-discount {
	padding-top: 24px;
}

#add-security .price-wrapper.has-discount {
	padding-top: 18px;
}

.install-software-icon {
	width: 20px;
	margin-left: 2px;
	margin-right: 1px;
	margin-top: -3px;
}

#install-software input, #add-security input {
	cursor: pointer;
}

#hosting-create-form #wordpress-caching-section label.control-label {
	padding-left: 35px;
}

.modal.help-modal .modal-body, .extra-attributes-help-modal .modal-body, .modal-confirm .modal-body {
	line-height: 1.5em;
}

.icann-info{
	margin-top: 10px;
	margin-left: 20px;
}

.form-group.ssl-ip-period {
	margin: 15px 0px;
}

.form-group.ssl-installation-type {
	margin: 3px 0px;
}

.form-group.dedicated-ips {
	margin: 15px auto;
}

.extra-attributes-domain label.attr-label u {
	cursor: help;
}

#csr-information, #ssl-information {
	margin-bottom: 20px;
}

.discount-row {
	margin-bottom: 5px !important;
}

.input-group-btn .btn.btn-default.error {
	color: #c9302c;
	border: 1px solid #c9302c;
	/* box-shadow: 0 0 0 2px #ffcdcd; */
}

.phone-fax-row .row {
	margin: 0 -15px;
}

.blinking {
	animation: blinker 1s linear infinite;
}

#approver-email-btn.has-error {
	border-right: 1px  solid #ee0000;
	border-bottom: 1px  solid #ee0000;
	border-top: 1px  solid #ee0000;
	box-shadow: 0 0 0 0 #ffcdcd, 0 0 0 2px #ffcdcd;
}

.config-collapse.collapsing {
		-webkit-transition: none;
		transition: none;
		display: none;
}

#hosting-order-plans.checkbox label{
	margin-bottom: 10px;
}

.no-padding {
	margin: 0px !important;
	padding: 0px !important;
}

.order .checkbox label, .order .radio label {
	padding-left: 0px !important;
	padding-right: 15px;
}

.checkbox-custom {
	padding-left: 5px;
}

.checkbox-custom label {
	padding-left: 0;
	margin-right: 20px;
}

.resource-display-name {
	text-align: left;
	padding-top: 7px;
	margin-bottom: 0;
	float: left;
}


/* Common */
.label-domain-type {
	display    : inline-block;
	color      : #333;
	font-weight: 400;
	font-size  : 85%;
}
.label-main {
	background-color: #D1D1D1;
}
.label-parked {
	background-color: #E6E6E6;
}
.label-addon {
	background-color: #D1D1D1;
}
.popover {
	max-width: 414px;
}
.popover-content {
	text-align: justify;
}

/* Index page (domain list) */
table td {
	word-wrap: normal;
}
.cell-accounts div {
	margin-bottom: 2px;
}
.accounts div {
	margin-bottom: 5px;
}
.ok i {
	color: #61a617 !important;
}

/* Contacts page */
div.radio.line-height-fix, label.radio-inline.line-height-fix {
	padding-top: 3px !important;
}
label.radio-inline input {
	margin-top: 0 !important;
}
.clear-stripe {
	background-color: transparent !important;
}

/* Host records page */
input.line-height-fix {
	margin-top: 10px !important;
}
.mark-delete-container {
	padding-right: 0;
}

.mark-delete-container.host-srv-records {
	font-size: 12px;
}

/* Workarounds for Chrome's ':hover pseudo class not removed when triggering blur event programmatically' bug */
.btn-default.chrome-fix:hover {
	background-color: #FFF;
	border-color    : #CCC;
	color           : #333;
}
.btn-default.hover {
	background-color: #E6E6E6 !important;
	border-color    : #ADADAD !important;
	color           : #333 !important;
}

.pointer {
	cursor: pointer !important;
}
.cursor-not-allowed {
	cursor: not-allowed !important;
}

.tooltip {
	z-index: 999999;
}

#dashboard-balance .button{
	margin: 0 0 5px;
}
#dashboard-balance .form-control-static{
	padding: 0;
	min-height: 24px;
}
#dashboard-balance .control-label{
	cursor: initial;
	padding-top: 0;
}
#dashboard-balance .form-group{
	padding-bottom: 0;
}

.ownership-product-type-filter label {
	padding-left: 10px;
	cursor: pointer;
}

.border {
	border: 2px solid #5a5a5a;
}

.warning-yellow-border, .warning-yellow-border:focus {
	border-color: #d9d437;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(217, 212, 55, .6);
	outline: 0;
}

#hosting-renewal-form label.control-label, label.radio-plans {
	cursor: default;
}

@media (min-width: 992px) {
	#new-ip-dialog > div.modal-dialog {
		width: 900px;
	}
}

#request-save-form div.form-group,
#hosting-order-form div.extra-attributes-domain div.form-group,
#domain-order-form div.extra-attributes-domain div.form-group {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#request-save-form div.form-group div.checkbox input[type=checkbox] {
	margin-top: 2px;
}

.item-status-container {
	padding: 0 !important;
	width: 180px;
}

.item-status-label {
	padding: 10px 6px;
}

.item-status-action {
	display: none;
	width: 160px;
	margin: 1px 0;
}

/* Reseller Trends */

.chart-container {
	position: relative;
	width: 100%;
	padding: 20px;
}

.dashboard .chart-container{
	padding: 0;
}

.chart {
	position: relative;
	display: block;
	width: 100%;
	direction: ltr;
	height: 400px;
}



/* My account / Settings / Timezone select */
.tz-offset-label{
	color: #000;
	font-weight: 700;
	font-size: 12px;
	line-height: 12px;
	padding-right: 5px;
}

.tz-time-label {
	float: right;
	padding-right: 15px;
	color: #ccc;
}

#check-all-tlds {
	display: block;
	margin-top:5px;
}

.ad-b-sample {
	margin: 0 5px 5px 0;
	display: inline-block;
	cursor: pointer;
}
.ad-b-group {
	margin-bottom: 20px;
}
.ad-b-type-text, .ad-b-type-html {
	padding: 5px;
	border: 1px solid #efefef;
}
.add-preview{
	margin: 0 auto;
	display: block;
	min-width: 300px;
}

#custom-handle {
		width: 5.5em;
		height: 1.6em;
		top: 50%;
		margin-top: -.8em;
		text-align: center;
		line-height: 1.6em;
		z-index: auto;
		background: #337ab7;
		border-color: #2e6da4;
		color: #fff;
}

#qrcode img {
	background-color: #fff;
	padding: 5px;
	border-radius: 4px;
}

.message .blue-info-label {
	color: #2675ac !important;
}

.price-warning{
	clear: both;
	margin: 10px 0;
}

.logo-placeholder {
	max-height: 120px;
}

.logo-placeholder img {
	max-height: 120px;
}

.logo-file {
	width: 0;
	height: 0;
}

.icon_question {
	background: url(../img/icons-suresupport.png) no-repeat;
	background-position: -26px -120px;
	background-size: 80px;
	width: 22px;
	height: 20px;
	margin-right: 5px !important;
	display: inline-block;
	vertical-align: middle;
}

.icon_answer {
	background: url(../img/icons-suresupport.png) no-repeat;
	background-position: -46px -21px;
	background-size: 80px;
	width: 23px;
	height: 20px;
	margin-right: 5px !important;
	display: inline-block;
	vertical-align: middle;
}

.icon_attachment {
	background: url(../img/icons-suresupport.png) no-repeat;
	background-position: -20px -50px;
	background-size: 80px;
	width: 14px;
	height: 19px;
	margin-right: 5px !important;
	display: inline-block;
	vertical-align: middle;
}

.icon_calendar {
	background: url(../img/icons-suresupport.png) no-repeat;
	background-position: 0px -17px;
	background-size: 80px;
	width: 22px;
	height: 22px;
	margin-right: 5px !important;
	display: inline-block;
	vertical-align: middle;
}

.icon_time {
	background: url(../img/icons-suresupport.png) no-repeat;
	background-position: -22px -18px;
	background-size: 80px;
	width: 22px;
	height: 23px;
	margin-right: 5px !important;
	display: inline-block;
	vertical-align: middle;
}

#ticket .row {
	padding: 10px 0px 10px 0px;
	font-size: 15px;
}

#ticket .row .form-control {
	font-size: 15px;
}

#ticket .row .col-sm-10{
	overflow-wrap: break-word;
}

.attachment.row {
	padding: 0px 0px 5px 0px !important;
}

.ticket-heading {
	font-weight: bold;
	background-color: #efefef;
}

.ticket-question {
	background-color: #f9f9f9 !important;
	line-height: 20px;
}

.ticket-answer {
	background-color: #ffffff !important;
	line-height: 20px;
}

.ticket-info div {
	margin-bottom: 5px;
}

.rating-block {
	float: right;
	margin: 0px 0px 10px 10px;
}

.quote_snippet {
	width: 100%;
	display: inline-block;
	border: solid 1px #ccd6df;
	border-radius: 4px;
	padding: 9.5px;
	background: #fafafa;
	margin: 10px 0;
	font-style: italic;
}

.code_snippet {
	width: 100%;
	display: inline-block;
}

.code_snippet pre {
	background-color: transparent !important;
	overflow: auto;
	white-space: pre;
}

.typefile {
	width: 300px;
	height: 34px;
	cursor: pointer !important;
	position: absolute;
	filter:alpha(opacity=0);
	opacity: 0;
	border: none;
	background: #fff;
	z-index: 100;
}

.visualselected {
	cursor: pointer;
	display: inline-block;
	background-color: #fff !important;
}

.search_highlight {
	color: #c9302c;
}

.cart-info-xxs, .tickets-info-xxs {
	display: none;
}

.cart-info-xl i {
	color:#aaa;
}

.ticket-details {
	max-width: 100%;
}

@media screen and (min-width: 768px) {
	.rows-with-border .row {
		display: flex;
	}
}

@media screen and (min-width: 768px) {
	.rows-with-border .row > div.col-sm-10 {
		border-left: 1px solid #dddddd;
	}
}

.col.full.help{
	max-width: 100%;
	min-width: unset;
}
.action-container {
	padding: 10px 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.action-container small {
	display: inline-block;
	height: 35px;
}

.divider-quarter{
	width: 25%;
	margin: 0 auto;
}

.sign-form .form-group {
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

.promo-methods-label {
	margin-top: 60px;
}


.z-index-0 {
	z-index: 0;
}

.tooltip-inner {
	max-width: 380px;
	overflow-wrap: break-word;
	background-color: #444;
	color: #fff;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #444;
}

.tooltip.left .tooltip-arrow {
	border-left-color: #444;
}

.tooltip.right .tooltip-arrow {
	border-right-color: #444;
}

.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #444;
}

.disabled-link {
	cursor: not-allowed;
	pointer-events: none;
}

.promotion-msg {
	height: 30px;
	line-height: 30px;
	color: #fff;
	background-color: #d9534f;
	text-transform: uppercase;
}

.newlabel {
	position: relative;
	top: -1px;
}

.input-changed {
	background: #d9edf7;
}

.sortable-placeholder {
	display: inline-block;
	height: 14px;
	width: 58px;
	margin-bottom: -2px;
	border: 1px dashed gray;
}

.sortable-handle {
	cursor: pointer;
}

body.server-background {
	line-height: 16px;
	background-image: url(../img/background.jpg);
	background-size: 100% 100%;
}

.box.centered h2 {
	color: #666;
	text-align: center;
	margin-bottom: 15px;
}

.logo {
	margin: 15px auto 25px auto;
	display: block;
}

.used-resources {
	min-width: 105px;
	text-align: left;
}

.used-resources-label {
	display: inline-grid;
}

/* Hide spinners for all number inputs */
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;
	appearance: textfield;
}

.position-left {
	margin-right: 7px;
}

.position-right {
	margin-left: 7px;
}

#features-slider {
	visibility: hidden;
	text-align: justify;
	padding-top: 15px;
	/* padding: 15px 20px 0 20px; */
}

#features-slider .slider {
	display: none;
}

#features-slider .slide img {
	width: 100px;
	margin: 20px auto;
}

#features-slider .slide p {
	line-height: 1.5em;
}

.invoice-disclaimer{
	display: none;
}

.payment-details-stripe {
	font-weight: normal;
}
.stripe-card {
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: white;
	box-shadow: 0 1px 3px 0 #e6ebf1;
}
.stripe-card.StripeElement--focus {
	box-shadow: 0 1px 3px 0 #cfd7df;
}
.stripe-card.StripeElement--invalid {
	border-color: #c9302c;
}
.stripe-error {
	padding-left: 2px;
	color: #c9302c;
	font-size: 13px;
}

.ui-widget-content a.btn{
	color: #fff;
}

#requested-account-details-container .list-group-item {
	border-top: 0;
}

/* #balance-items-grid td{
	vertical-align: top;
} */

#edit-input-control {
	cursor: pointer;
}

#wp-install-plugins-container > div:first-child {
	margin-bottom: 20px;
}

.plugin-card,
.theme-card {
	cursor: pointer;
}

.plugin-card.selected .thumbnail,
.theme-card.selected .thumbnail {
	border-color: #66afe9;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.install-plugin-radio-container {
	position: absolute;
	right: 4%;
	bottom: 30%;
	z-index: 999;
	cursor: pointer;
}
.plugin-site-checkbox-container {
	min-width: 32px;
}

.search-plugin-btn {
	cursor: pointer;
}

#pluginstable .fa-close {
	margin-right: 3px;
}

.theme-screenshot img {
	width: 100%;
}

.theme-preview-screenshot {
	width: 80%;
}

table.dataTable td.dt-control {
	text-align:center;
	cursor:pointer
}
table.dataTable td.dt-control:before {
	font: normal normal normal 14px/1 FontAwesome;
	content:"\f0da";
	margin-top: 4px;
}
table.dataTable tr.shown td.dt-control:before {
	font: normal normal normal 14px/1 FontAwesome;
	content:"\f0d7";
	display: block;
	margin-top: 4px;
}

.toggle-nested-tables-th {
	text-align: center;
	font-size: 14px;
	color: rgb(51, 51, 51);
}

.multiselect-container{
	max-height:500px;
	overflow:auto;
}

.multiselect-container > li.multiselect-group label {
	padding: 5px !important;
	width: 100%;
}

.list-sites-form .multiselect-container,
#install_theme .multiselect-container,
#install_plugin .multiselect-container {
	width: 100% !important;
	overflow: auto;
	overflow-x: hidden;
	text-overflow: ellipsis;
	max-height:500px;
}



.list-sites-form .multiselect-container .input-group,
#installed_plugins .multiselect-container .input-group {
	width: 100%;
	padding-right: 10px;
}

.list-sites-form .select-site-group.install-btn-group {
	width: 100%;
	display: inline-flex;
}

.list-sites-form .select-site-group .btn-group {
	width: 	31.8em !important;
}

.site-select-btn {
	min-width: 320px;
	max-width: 492px;
	overflow: hidden;
	text-overflow: ellipsis;
}

#install_plugin #install-plugin-btn-top,
#install_theme #install-theme-btn-up {
	margin-left: 5px;
}

#wp-user-form .multiselect-search,
.list-sites-form .multiselect-search,
.list-users-form .multiselect-search,
#install_theme .multiselect-search,
#install_plugin .multiselect-search,
#installed_plugins .multiselect-search {
	width: 100%;
	margin-bottom: 5px;
}

#wp-edit-user-form .open > .dropdown-menu {
	display: block;
	position: inherit;
	width: 100%;
}

.dataTables_paginate {
	display: inline-block;
}

.list-sites-form .cell-groups a {
	line-height: 1.6em;
}

.list-sites-form .cell-updates {
	min-width: 105px;
}

.list-sites-form .multiselect.dropdown-toggle.btn.btn-default.text-left {
	padding: 5px 12px;
}

#wp-user-form .multiselect-container {
	height: 330px;
	overflow: scroll;
	/*bottom: 100%;*/
	/*top: auto;*/
	width: 100%;
}

#wp-user-form button .multiselect-selected-text {
	float: left;
	width: 97%;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

#wp-user-form .multiselect.btn .caret {
 color: #999999;
 border-color: #999 transparent transparent transparent;
}
.role-select {
	width: 100%;
}

.group-name-editable {
	padding-right: 40px !important;
	word-wrap: anywhere;
}

#site_updates ul.nav.nav-tabs {
	margin-left: 0px;
	padding-left: 0px;
}

.text-red-warning-wp {
	color: #bc2c29;
}

#userstable_wrapper table.dataTable thead .sorting::after,
#userstable_wrapper table.dataTable thead .sorting_asc::after,
#userstable_wrapper table.dataTable thead .sorting_desc::after,
#userstable_wrapper table.dataTable thead .sorting_asc_disabled::after,
#userstable_wrapper table.dataTable thead .sorting_desc_disabled::after,

#update_themes table.dataTable thead .sorting::after,
#update_themes table.dataTable thead .sorting_asc::after,
#update_themes table.dataTable thead .sorting_desc::after,
#update_themes table.dataTable thead .sorting_asc_disabled::after,
#update_themes table.dataTable thead .sorting_desc_disabled::after,

#update_plugins table.dataTable thead .sorting::after,
#update_plugins table.dataTable thead .sorting_asc::after,
#update_plugins table.dataTable thead .sorting_desc::after,
#update_plugins table.dataTable thead .sorting_asc_disabled::after,
#update_plugins table.dataTable thead .sorting_desc_disabled::after,

#update_core table.dataTable thead .sorting::after,
#update_core table.dataTable thead .sorting_asc::after,
#update_core table.dataTable thead .sorting_desc::after,
#update_core table.dataTable thead .sorting_asc_disabled::after,
#update_core table.dataTable thead .sorting_desc_disabled::after
{
	position: unset !important;
	display: contents !important;
	padding-left: 5px;
}

.fa.fa-wordpress:not(#nav_wordpress .fa.fa-wordpress) {
	color: #72aee6;
}

.panel-heading-nav {
	border-bottom: 0;
	padding: 10px 0 0;
}

.panel-heading-nav .nav {
	padding-left: 10px;
	padding-right: 10px;
}

.CodeMirror {
	font-family: 'Monaco', 'Lucida Console', 'Consolas', 'Courier New', monospace;
	width: 100% !important;
	height: 450px;
	border: 1px solid #eee;
}
.cm-mustache, .cm-default, .cm-mustache-block, .cm-default-block {
	color: #05a;
}

@media print
{
		.no-print, .no-print *
		{
				display: none !important;
		}
}

.mb-1 {
	margin-bottom: 1px !important;
}