/* GENERAL */

.hosting-interior .site-header #logo img{
	width:auto;
	height:100px;
}

.hosting-interior .site-header .wrap{
	padding:10px 0;
}

.hosting-interior #menu-interior .admin,
.hosting-interior #menu-interior .customer{
	display:none;
}

.hosting-interior.role-administrator #menu-interior .admin,
.hosting-interior.role-customer #menu-interior .customer{
	display:inline-block;
}

.hosting-interior .title{
	margin:0 0 40px;
	padding:0 0 10px;
	font-size:42px;
	border-bottom:1px solid #404243;
}

@media(max-width:767px){
	.hosting-interior .title{
		font-size:29px;
	}
}

.hosting-interior .title i{
	display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
	font-size: 30px;
}

@media(max-width:767px){
	.hosting-interior .title i{
	    font-size: 24px;
	}
}

.hosting-interior .button{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin:0 24px 0 0;
    padding: 0 24px;
    line-height: 45px;
    font-size:18px;
    color: #ffffff;
    border-radius: 5px;
    border: 2px solid #d02c32;
    text-decoration: none;
    box-sizing: border-box;

    -moz-transition:all 0.25s linear;
	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
}

.hosting-interior .button:hover{
	background-color:#d02c32;

	-moz-transition:all 0.25s linear;
	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
}

.hosting-interior .title .button{
	float:right;
}

.hosting-interior .core,
.hosting-interior .theme,
.hosting-interior .plugin{
	margin:0 0 20px;
	padding:0 0 10px;
	border-bottom:1px solid #404243;
}

.hosting-interior .core .name,
.hosting-interior .theme .name,
.hosting-interior .plugin .name{
	display:inline-block;
	vertical-align: middle;
}

.hosting-interior .core .status,
.hosting-interior .theme .status,
.hosting-interior .plugin .status{
	float:right;
	padding:0 0 0 20px;
}

.hosting-interior .core .update,
.hosting-interior .theme .update,
.hosting-interior .plugin .update{
	float:right;
	padding:0 0 0 20px;
}

.hosting-interior .core .update .green,
.hosting-interior .theme .update .green,
.hosting-interior .plugin .update .green{
	color:#00ff00;
}

.hosting-interior .core .update .red,
.hosting-interior .theme .update .red,
.hosting-interior .plugin .update .red{
	color:#d02c32;
}

.hosting-interior .backup-item{
	margin:0 0 20px;
	padding:0 0 10px;
	border-bottom:1px solid #404243;
}

.hosting-interior .backup-item .backup-date{
	display:inline-block;
	vertical-align: middle;
}

.hosting-interior .backup-item .backup-size{
	display:inline-block;
	vertical-align: middle;
}

.hosting-interior .backup-item .backup-button{
	float:right;
}

/* Dashboard */

.page-template-page-dashboard .wrap{
	width: 90%;
}

.page-template-page-dashboard .title{
	float:left;
}

.page-template-page-dashboard #domain-layout{
	float:left;
	margin-left: 30px;
	line-height:50px;
	position: relative;
}

.page-template-page-dashboard #domain-layout a{
	display:inline-block;
	vertical-align: middle;
	margin:0 10px 0 0;
	color:#ffffff;
	font-size:20px;
	text-decoration:none;
}

.page-template-page-dashboard #domain-layout a.selected{
	color:#d02c32;
}

.page-template-page-dashboard #domain-count{
	float: left;
    margin-left: 30px;
    line-height: 50px;
    position: relative;
    font-size: 24px;
}

.page-template-page-dashboard #domain-search{
	float:right;
	width:200px;
	margin-right: 30px;
	line-height:50px;
	position: relative;
}

.page-template-page-dashboard #domain-search::after {
    content: '\f002';
    font-family: Font Awesome\ 5 Pro;
    position: absolute;
    right: 0;
    top: 0;
}

.page-template-page-dashboard #domain-search input{
	width:100%;
	margin-top:0;
	background:transparent !important;
	border:none;
	border-bottom:1px solid #ffffff !important;
	font-size:15px;
	color:#ffffff;

	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
}

.page-template-page-dashboard #domain-list {
    width: auto;
    margin: 0 auto;
    text-align: center;
}

.page-template-page-dashboard #domain-list.grid .domain{
	display:inline-block;
	vertical-align: top;
	width:360px;
	height:300px;
	margin:0 15px 40px;
	text-align:center;
	background-color:#28292a;
	color:#ffffff;
	text-decoration:none;
	border-radius:5px;
	box-shadow:0 0 16px 5px rgba(0,0,0,0.15);
}

.page-template-page-dashboard #domain-list.list .domain{
	display:block;
	width:95%;
	height:auto;
	margin:0 auto 10px;
	text-align:left;
	background-color:#28292a;
	color:#ffffff;
	text-decoration:none;
	border-radius:0px;
	box-shadow:none;
	border-bottom:1px solid #d02c32;
}

.page-template-page-dashboard .domain:hover{
	background-color:#d02c32;

	-moz-transition:all 0.25s;
	-webkit-transition:all 0.25s;
	transition:all 0.25s;
}

@media(max-width:400px){
	.page-template-page-dashboard .domain{
		width: 100%;
	    margin: 0 0 40px;
	}
}

.page-template-page-dashboard .domain .title{
	float:none;
	width:90%;
	font-size:20px;
	margin:0 auto 22px;
	display: block;
}

.page-template-page-dashboard  #domain-list.list .domain .title{
	display:inline-block;
	vertical-align: middle;
	width:auto;
	margin:0 20px 0 0;
	padding:10px;
	border-bottom:none;
}

.page-template-page-dashboard .domain .title a{
	text-decoration: none;
	color:#ffffff;
}

.page-template-page-dashboard .domain .title a:hover{
	color:#d02c32;

	-moz-transition:color 0.25s linear;
	-webkit-transition:color 0.25s linear;
	transition:color 0.25s linear;
}

.page-template-page-dashboard .domain .fa{
	display:inline-block;
	vertical-align: bottom;
	width:24px;
	height:24px;
	margin:2px 10px 0 0;
	line-height:25px;
	font-size:16px;
	border:2px solid #ffffff;
	border-radius:100%;
}

.page-template-page-dashboard .domain .features{
	width:80%;
	text-align:left;
	font-size:13px;
	color:#cfcfcb;
	margin:0 auto 30px;
}

.page-template-page-dashboard  #domain-list.list .domain .features{
	float:right;
	display:inline-block;
	vertical-align: middle;
	width:auto;
	margin:0 0 0 20px;
	padding:10px;
}

.page-template-page-dashboard .domain .features .feature{
	display:inline-block;
	vertical-align: top;
	width:45%;
	margin:0 0 10px;
}

.page-template-page-dashboard  #domain-list.list .domain .features .feature{
	width:130px;
	margin:6px 0 0 20px;
}

.page-template-page-dashboard .domain .features .feature i{
	width:30px;
}

.page-template-page-dashboard  #domain-list.list .domain .account{
	display:inline-block;
	vertical-align: middle;
	padding:10px;
}

/* Dashboard: Billing */
.page-template-page-billing .account-current{

}

.page-template-page-billing .account-select{
	position:absolute;
	height:0;
	overflow:hidden;
}

.page-template-page-billing .line{
	display:block;
	margin:0 0 40px;
	font-size:18px;
	font-weight:300;
}

.page-template-page-billing .line a{
	color:#ffffff;
	text-decoration:none;

	-moz-transition:color 0.25s;
	-webkit-transition:color 0.25s;
	transition:color 0.25s;
}

.page-template-page-billing .line a:hover{
	color:#d02b32;

	-moz-transition:color 0.25s;
	-webkit-transition:color 0.25s;
	transition:color 0.25s;
}

.page-template-page-billing .label,
.page-template-page-billing .value,
.page-template-page-billing .action,
.page-template-page-billing .column{
	display:inline-block;
	vertical-align: middle;
	font-weight:300;
}

.page-template-page-billing .label{
	margin-right:8%;
	width:20%;
	font-weight:700;
}

.page-template-page-billing .value{
	margin-right:8%;
	width:40%;
}

.page-template-page-billing .input{
	display:none;
}

.page-template-page-billing .action{
	width:20%;
	text-align:right;
}

.page-template-page-billing .labels .column{
	font-weight:700;
}

.page-template-page-billing .column.domain{
	margin-right:8%;
	width:40%;
}

.page-template-page-billing .column.item{
	margin-right:8%;
	width:20%;
}

.page-template-page-billing .column.amount{
	width:20%;
	text-align:right;
}

.page-template-page-billing .column .label{
	vertical-align:text-bottom;
	width:auto;
}

.page-template-page-billing .column.date{
	width:10%;
	margin-right:6%;
}

.page-template-page-billing .column.invoice-number{
	width:10%;
	margin-right:6%;
}

.page-template-page-billing .column.total{
	width:12%;
	margin-right:6%;
}

.page-template-page-billing .column.reference{
	width:12%;
	margin-right:0;
}