/*

ÜTF-8

Diese Datei nicht bearbeiten.
Eigene Anpassungen in /includes/css/personal.css speichern.

Do not edit this file!
Edit /whitelabel/css.css instead!

*/

html, body{	
	margin:0;
	padding:0;	
	height:100.1%;	
}

body{
	background: url(../pix/new_year_background.png);
	background-attachment: fixed;
}
div#maapi_main_menu{
    background: url(../pix/menu_hg.png);
    background-color: #f9f9f9;
	background-position:top right;
}
div#maapi_main_menu div.main_menu_logo{
    background: url(../pix/login_logo.png);
	float:right;
	display:block;
	height:60px;
	width:500px;
    background-repeat: no-repeat;
}
div.newpasshint{
	padding:0 40px 20px 40px;
	font-size:0.8em;
}
form.login{
	width: 380px;
    border: 1px solid #ccc;
    margin: 40px auto 0 auto;
    padding: 90px 40px 40px 40px;
    background: url(../pix/login_logo.png);
    background-repeat: no-repeat;
    background-color: #f9f9f9;
    background-size: 100% auto;
}
form.login div.dtd{
	float:right;
	margin:20px 40px 0 0;
}
form.login div.dtd a{
	font-size:0.8em;
}
form.login div.w120{
	font-size:0.8em;
	font-weight:900;
	margin: 0 40px 5px 40px;
}
form.login input{
	margin: 0 40px 10px 40px;
	font-family: monospace;
	padding:5px 10px;
	width:275px;
}
form.login input#makenewpass{
	font-size: 1.6em;
    letter-spacing: 1px;
	color:#ccc;
}

form.login input.gobutt{
	margin:20px 0 0 40px;
	letter-spacing:1px;
	padding:10px 20px;
	width:auto;
}
form.login div.fehler{
    padding: 5px 0;
    margin: 0px 40px 10px 40px;
    font-size: 0.8em;
    text-align: center;
    width: 250px;
}
#maapi_main_menu{
	color:#fff;
	position: fixed;
    top: 0;
    width: calc(100% - 30px);
    display: block;
    border-bottom: 1px solid #9E9E9E;
	padding: 0 0 0 30px;
}
#maapi_sidebar{
	display: inline-block;
    float: left;
    margin: 60px 0 0 0;
	width: 250px;
	height:100%;
    padding: 30px 0;
    background-color: #30343F;
    box-shadow: 3px 3px 3px rgba(10,10,10,0.1);
    border-right: 1px solid #cfcfcf;
}
ul.sidebar_ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.sidebar_ul li{
	margin: 0 0 10px 10px;
	line-height:40px;
}
ul.sidebar_ul li span.menuspan,
ul.sidebar_ul li a{
	color:#fff;
	text-decoration:none;
	line-height:40px;
	font-size:0.9em;
}
ul.sidebar_ul li span.menuspan i,
ul.sidebar_ul li a i{
	font-size:1.4em;
	padding:0 10px 0 0;
	width:30px;
	text-align:center;
	display:block;
	float:left;
	line-height:40px;
}
ul.sidebar_ul li.subli ul.subul li{
	line-height:initial;
	margin:0 0 0 10px;
}
ul.sidebar_ul li.subli{
	line-height:initial;
	margin:0 0 0 60px;
}
ul.sidebar_ul li.hassub{
	line-height:initial;
	margin:0 0 0 10px;
}
ul.sidebar_ul li.subli ul.subul{
	margin:0 0 20px 0;
	padding:0;
	list-style-type:disc;
	color:#fff;
}
ul.sidebar_ul li.subli ul.subul li a{
	line-height:initial;
}
a.serveraccount{
	display:block;
	width:calc(30% - 2px);
	margin:1%;
	float:left;
	border:1px solid #337ab7;
	background:transparent;
	text-decoration:none;
	padding:0 0 30px 0;
}
a.serveraccount:hover{
	background:#eaf5ff;
}
a.serveraccount h3{
	padding:0;
	margin:0 0 30px 0;
	background-color:#337ab7;
	color:#fff;
	padding:0 20px;
	font-size:1.4em;
	line-height:2.4em;
}
a.serveraccount h3 i{
	padding:0 20px 0 0;
}
a.serveraccount b{
	padding:0 20px 10px 20px;
}

a.dela{
	text-decoration:none;
	display:inline-block;
	color:red;
	padding:0 10px;
	font-size:1.2em;
}
#maapi_main_content {
    margin: 60px 0 0 10px;
    float: left;
    padding: 30px 40px;
    height: 100%;
    background: #fff;
    display: table;
    width: calc(100% - 350px);
}
#maapi_main_content.makenewpass,
#maapi_main_content.newpass,
#maapi_main_content.lostpass,
#maapi_main_content.chklogin,
#maapi_main_content.login{
	background-color:transparent;
	border:0;
	margin: 60px auto;
	width: 100%;
	padding:0;
}
#maapi_main_content.check_domains div.w450.domname{
	line-height:40px;
}
#maapi_main_content.check_domains div.w110.reseller{
	line-height:40px;
	font-size:0.8em;
}
#maapi_main_content.check_domains div.w110.bezahlt{
	line-height:40px;
	width:80px;
}
	
#maapi_main_content.kh_servers div.dtr{
	height:60px;
}
#maapi_main_content.check_handles div.dtr div.col1{
	line-height:40px;
}
#maapi_main_content.check_handles div.dtr div.col2,
#maapi_main_content.check_handles div.dtr div.col3{
	line-height:20px;
	width:520px;
}
#maapi_main_content.check_handles div.dtr div.col4{
    width: auto;
	line-height:40px;
}


.mailframe{
	border:1px solid #ccc;
	overflow:auto;
	width: calc(47% - 2px);
	height:450px;
	padding:1%;
	font-size:10px;
	float:left;
}
#mailout{
	margin:0 1% 0 0;
}
#mailin{
	margin:0 0 0 1%;
}

a.mailactionlinks,
a.mailactionlinks:hover{
	display:block;
	line-height:30px;
	font-size:12px;
	border:1px solid #000;
	border-radius:3px;
	color:#fff;
	margin:10px 20px 0 0;
	text-align:center;
	width:190px;
	text-decoration:none;
	background: rgba(217,167,15,1);
	background: -moz-linear-gradient(top, rgba(217,167,15,1) 0%, rgba(173,37,37,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,167,15,1)), color-stop(100%, rgba(173,37,37,1)));
	background: -webkit-linear-gradient(top, rgba(217,167,15,1) 0%, rgba(173,37,37,1) 100%);
	background: -o-linear-gradient(top, rgba(217,167,15,1) 0%, rgba(173,37,37,1) 100%);
	background: -ms-linear-gradient(top, rgba(217,167,15,1) 0%, rgba(173,37,37,1) 100%);
	background: linear-gradient(to bottom, rgba(217,167,15,1) 0%, rgba(173,37,37,1) 100%);
}
a.mailactionlinks.green,
a.mailactionlinks.green:hover{
	background: rgba(159,227,100,1);
	background: -moz-linear-gradient(top, rgba(159,227,100,1) 0%, rgba(45,79,15,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(159,227,100,1)), color-stop(100%, rgba(45,79,15,1)));
	background: -webkit-linear-gradient(top, rgba(159,227,100,1) 0%, rgba(45,79,15,1) 100%);
	background: -o-linear-gradient(top, rgba(159,227,100,1) 0%, rgba(45,79,15,1) 100%);
	background: -ms-linear-gradient(top, rgba(159,227,100,1) 0%, rgba(45,79,15,1) 100%);
	background: linear-gradient(to bottom, rgba(159,227,100,1) 0%, rgba(45,79,15,1) 100%);
}


.mas_addon_sucess{
	border:1px solid green;
	background-color:#e1ffe1;
	padding:15px;
	color:green;
}
.mas_addon_error{
	border:1px solid #a00000;
	background-color:#ffe1e1;
	padding:15px;
	color:#a00000;
}

a.do_masterkey_update{
	
	display: inline-block;
    border: 1px #4a9900;
    padding: 20px 30px;
	color: #fff;
    text-decoration: none;
	background: rgba(195,240,60,1);
	background: -moz-linear-gradient(top, rgba(195,240,60,1) 0%, rgba(74,153,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(195,240,60,1)), color-stop(100%, rgba(74,153,0,1)));
	background: -webkit-linear-gradient(top, rgba(195,240,60,1) 0%, rgba(74,153,0,1) 100%);
	background: -o-linear-gradient(top, rgba(195,240,60,1) 0%, rgba(74,153,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(195,240,60,1) 0%, rgba(74,153,0,1) 100%);
	background: linear-gradient(to bottom, rgba(195,240,60,1) 0%, rgba(74,153,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3f03c', endColorstr='#4a9900', GradientType=0 );
	
}

h1.updatefinish{
	font-size:1.8em;
	margin: 0 0 30px 0;
    display: inline-block;
    padding: 20px;
    border: 1px solid #005f00;
    color: #fff;
    background-color: #73b519;
}

.spaceright{
	padding: 0 10px 0 0;
}

.spaceleft{
	padding: 0 0 0 10px;
}

.masterkey_update_ok{
	display: inline-block;
    border: 1px solid #34c30e;
    background-color: #ceffa8;
    padding: 10px 30px;
}

div.check_handles_handle_add{
	clear: both;
    width: calc(100% - 32px);
	margin: 0 15px 0 10px;
	line-height:40px;
}
div.check_handles_handle_add form.mini_user_select{
	width:100%;
}
div.check_handles_handle_add form.mini_user_select select{
	max-width:530px;	
}
body, td, p, div, a, form, input, textarea {
	color: #424242;
	font-size: 1em;
	font-family: Arial, sans-serif;
	text-decoration: none;
}
h2{
	clear: both;
    display: block;
    margin: 0 0 15px 0;
    font-size: 1.6em;
    color: #337ab7;
    float: none;
}
a,
label{
	color:#337ab7;
	text-decoration:underline;
	cursor:pointer;
}

div.dtr{
	clear:both;
	margin:0 0 5px 0;
	display:inherit;
	padding:5px;
}
div.dtr:hover{
	background-color:#f3f1ac;
}
div.dtr.nohover:hover{
	background-color:transparent;
}
div.dtr.nohover h3{
	margin:0;
	padding:0;
    color: #337ab7;
}

span.dtd,
a.dtd,
div.dtd{
	display:block;
	float:left;
	margin:0 10px 0 0;
	line-height:40px;
}

span.dtd.flat,
a.dtd.flat,
div.dtd.flat{
	line-height:24px;
}



ul.maapi_auto_ul{
	margin:0;
	line-height:initial;
}
ul.maapi_auto_ul li{
	line-height:initial;
}

a.ue{
	color: #fff;
    padding: 13px 10px 0 0;
    display: inline-block;
	text-decoration:none;
}

a.ue i{
	font-size:1.3em;
	padding:0 10px 0 0;
}
div.domainzuweisung{
	clear:both;
	background-color:#f6f9c4;
	margin: 30px 2px 2px 2px;
	display:block;
	padding:20px;
}
div.domainzuweisung div#domaindetails,
div.domainzuweisung div.dtd,
div.domainzuweisung a.dtd{
	line-height:initial;
}
.break{
	clear:both;
}
.fehler{
	background-color:#ec0d0d;
    display: inline-block;
    padding: 2px 10px;
    margin: 0 0 20px 0;
    color: #fff;
    line-height: 26px;
}
.mini{
	font-size: 0.6em;
    max-width: 230px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    line-height: 13px;
}
.erfolg{
	background-color: #76d460;
    display: inline-block;
    padding: 2px 10px;
    margin: 0 0 20px 0;
    color: #fff;
    line-height: 26px;
}
.preformat{
	word-wrap: break-word;
}
div.dtd.domactive{
	line-height: 40px;
    width: 10px;
    height: 10px;
    display: block;
    background-color: #00d400;
    margin: 10px;
    padding: 0;
}
div.dtd.domstatus{
	line-height: 40px;
    font-size: 12px;
    text-align: right;
    display: block;
    background-color: orange;
    margin: 0 10px 0 0;
    width: 100px;
    padding: 0 10px;
}
div.dtd.domnotindb{
	margin: 0 0 3px 0;
    background-color: transparent;
    display: block;
}
a.dom2kunde{
	line-height:40px;
	display:block;
}
div.dtd.domnotindb:hover{
	background-color:#dcfafb;
}
div.dtd.domindb{
	margin: 0 0 3px 0;
    background-color: #d6d6d6;
    height: 40px;
	width:100%;
}
div.dtd.domindb:hover{
	background-color:#9e9e9e;
}
div.dtd.domindb div.domainzuweisung{
	background-color: transparent;
    margin: 0;
    display: block;
    padding: 0;
}
div.dtd.domindb div.domainzuweisung div.erfolg{
	position: absolute;
    margin: -33px 0 0 30px;
}
.mono{
	font-family: monospace;
}
.w110{
	width:110px;
}
.w120{
	width:250px;
}
.w450{
	width:450px;
}
.w600{
	width:600px;
}
.w20{
	width:30px;
	text-align:center;
	font-weight:900;
	border:1px solid #fff;
}
.w50{
	width:50px;
	text-align:center;
}
.w10{
	width:10px;
	text-align:center;
}
span.miniheadline{
	color:#ccc;
	display:block;
	font-size:0.8em;
	margin:0 0 10px 0;
}
div.div_green,
div.div_red{
	display: block;
    width: 10px;
    height: 10px;
}
div.div_red{
    background: #f53232;
}
div.div_green{
    background: #73f532;
}

ol.domlist{
	margin:10px 0 20px 20px;
	clear:both;
}
.dom_bez_bis{
	display: block;
    text-align: center;
    padding: 0;
    margin: 8px 0;
    font-size: 12px;
    line-height: 24px;
}
.dom_bez_bis.flat{
    font-size: 10px;
    margin:0;
}
.dom_bez_bis.ok{
	background-color:#a7fda7;
}
.dom_bez_bis.warn{
	background-color:#e20e0e;
    color: #fff;
}

#maapi_main_content.all_domains div.dtr{
	height:24px;
	line-height:24px;
	margin:0 0 2px 0;
}
#maapi_main_content.all_domains div.w110{
	line-height:24px;
}
#maapi_main_content.all_domains div.w600 a.mono{
	font-size:1.2em;
	line-height:24px;
}
ul.server_accounts_ul{
	margin:20px 0;
	padding:0 0 0 20px;
	list-style-type:none;
}
.orange{
	background-color:#ffbba8;
	border:1px solid #ce092f;
	color:#ce092f;
	border-radius:50%;
}
.blue{
	background-color: #68a3d4;
    border: 1px solid #0a447d;
    color: #fff;
	border-radius:50%;
}
div.dtd.blue,
div.dtd.orange{
	margin: 7px 16px 0 0;
    line-height: 24px;
    width: 24px;
}
#apiuserdiv{
	display: inline-block;
    clear: both;
    margin: 10px 0;
    padding: 5px;
    border: 1px solid #337ab7;
    background-color: #cdfffe;
    float: none;
}
form.mini_user_select{
	width:400px;
    border: 1px solid red;
    background-color: #ffd6e0;
	padding:5px;
}
form.mini_user_select #apiuserdiv{
	margin:0 5px 0 0;
	padding:0;
	border:0px solid #000;
	background-color:transparent;
	clear: none;
    float: left;
}
form.mini_user_select #apiuserdiv .w120{
	width:120px;
}
form.mini_user_select br.break{
	display:none;
}
input.dom_preis_input_filed{
	width:80px;
}


table#tld_table td{
	min-width:140px;
}
table#tld_table td.click{
	cursor:pointer;
	border:1px solid #fff;
}
table#tld_table td.click.dom_pr_green{
	border: 1px solid #5eda5e;
    background-color: #e8ffe8;
}
table#tld_table td.click.dom_pr_grey{
	border: 1px solid #ababab;
    background-color: #f1f1f1;
}
table#tld_table td.click.dom_pr_red{
	border: 1px solid red;
    background-color: #ffdddd;
}
table#tld_table td.click:hover{
	border: 1px solid #ffc640;
    background-color: #fffee6;
}
#domainpreis_save_warning_div{
	padding:30px 50px;
	border:10px solid red;
	background:#fff291;
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	width: calc(100% - 120px);
}

.clickable{
	cursor:pointer;
}

label.top_tld_option,
label.tld_option{
	border:1px solid #333;
	display:block;
	float:left;
	margin:0 20px 10px 0;
	padding:10px;
	width:160px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 900;
	font-size:14px;
}

label.top_tld_option span,
label.tld_option span{
	font-size:11px;
	font-weight:500;
	display:block;
	text-transform:initial;
}
div#dom_endungen_matrix_toptlds_div,
div#dom_endungen_matrix_menu{
	margin:20px 0;
	clear:both;
}

div#tdl_chk_area:after{
	content: " ";
	display:block;
	clear:both; 
}

a.dom_menu_switcher{
	display:inline-block;
	float:left;
	text-decoration:none;
	font-size:18px;
	font-weight:900;
	margin:10px 10px 10px 0;
	border:1px solid #ccc;
	padding: 0px 0px 5px 0px;
    width: 42px;
    text-align: center;
}
a.dom_menu_switcher span{
	font-size:10px;
	font-weight:500;
	display:block;
	text-align:center;
}

#dom_endungen_matrix_div label input,
#dom_endungen_matrix_toptlds_div label input{
	display:none;
}
#tdl_chk_area label input{
	display:block;
	float:left;
	margin: 5px 10px 5px 0px;
}
#tdl_chk_area label span{
	display:none;
}
#tdl_chk_area label{
	margin: 10px 10px 0px 0px;
    width: auto;
    border-radius: 0;
    background: #1aad0a;
    padding: 5px 10px 5px 5px;
    color: #fff;
    font-weight: 500;
    border: 1px solid #87d87e;
    font-size: 20px;
}
form.new_domain input.gobutt{
	margin:10px 0 20px 0;
}
ul.domlist_ul{
	margin: 0;
    padding: 0 10px 0 20px;
	list-style-type:none;
}
ul.domlist_ul li{
	line-height:1.6em;
	font-weight:900;
}
li.domsuc{
	color: #20b920;
}
li.domerr{
	color:red;
}
li.domsuc:before {
	content: "\f058";
	display:inline-block;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	margin:0 10px;
}

li.domerr:before {
	content: "\f057";
	display:inline-block;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	margin:0 10px;
}