/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Reset CSS */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

html, body{
	margin: 0;
	padding:0;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*		Standard Color CSS		        	   */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Globale Einstellungen*/
* {
        margin: 0;
        padding: 0;
}


body {
	color: #FFFFFF;
	background: #000;
	font-size: 13px;
	line-height: 1.5em;
	font-family: "Noto Sans", Verdana, Arial, Helvetica, Sans-Serif;
	text-align: left;
}
input[type="text"], textarea, select,input[type=password] {color: #000 !important;}
/* Seitenstruktur definieren*/
div#Navigation,
div#Content,
div#Footer {
  clear: both;
    width: 100%;
    padding: 0% 5% 0% 5%;
    box-sizing: border-box;
}

div#Navigation {
        height: 60px;
        background: #45484d;
        background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
        background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%);
        background: -o-linear-gradient(top,  #45484d 0%,#000000 100%);
        background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%);
        background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
}

div#Content {
	border-top: 1px solid #434343;
    /*border-bottom: 1px solid #232323;*/
	padding-bottom: 30px;
    padding-top: 30px;
    /*background: #101010;*/
    background: url('../../images/admin/main/bodyBgrPattern.png') top left repeat #191919;
    box-shadow:inset 0px -10px 20px rgba(0,0,0,0.6);
}

div#Footer {
	padding-top: 50px;
	clear: both;
}

div.clear {
	clear: both;
}

/* Standard Formatierung*/
a,a:link,a:visited,a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1em;
}

a:focus,a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 1em;
}

p {
	color: #919191;
	font-size: 1em;
        padding: 1em 0 2em 0;
}

h1, h2, h3, legend {
    font-family: 'Noto Serif', serif;
    font-weight: normal;
    font-size: 1.2em;
    text-shadow: 2px 2px #000000;
}

h1 {
	font-size: 1.2em;
	margin-bottom: 8px;
        padding-bottom: 25px;
}

h2 {
	font-size: 1.1em;
	line-height: 1.5em;
        margin-top: 10px;
	margin-bottom: 35px;
        border-bottom: 1px solid #eee;
}

h3{
    margin-bottom: 1em;
}


/* Header Elements */

div.Logo {
	width: 150px;
	height: 100%;
	background: url('../../images/admin/main/logo.png') left center no-repeat;
}


/* Navigation-Elemente*/
ul.MainNavigation {
	float: right;
	list-style-type: none;
}

ul.MainNavigation li {
	margin: 0px 5px;
	color: #FFFFFF;
	float: left;
	/*text-transform: uppercase;*/
        padding: 0 10px;
}

ul.MainNavigation li a,
ul.MainNavigation li span {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
         line-height: 60px;
}

ul.MainNavigation li a:hover {
        line-height: 55px;
	border-bottom: 5px solid #ffffff;
         -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.11s ease-in-out;
}

ul.MainNavigation li span {
        font-weight: bold;
	/*border-bottom: 5px solid #e51e20;
	border-top: 1px dashed #ED7C39; */
}

ul.MainNavigation li.active{
    background: #e51e20;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2U1MWUyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMDE2MTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e51e20 1%, #a01616 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e51e20), color-stop(100%,#a01616));
    background: -webkit-linear-gradient(top,  #e51e20 1%,#a01616 100%);
    background: -o-linear-gradient(top,  #e51e20 1%,#a01616 100%);
    background: -ms-linear-gradient(top,  #e51e20 1%,#a01616 100%);
    background: linear-gradient(to bottom,  #e51e20 1%,#a01616 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e51e20', endColorstr='#a01616',GradientType=0 );
}

/* Content-Elemente */
div.Column {
	width: 42%;
        padding: 50px 0 50px 0;
        float:left;
}

div.Column+div.Column {
	margin-left: 6%;
}

p.Entry {
	margin-bottom: 20px;
}

p.EntryDivider {
	color: #FFFFFF;
	font-size: 1.6em;
	padding: 15px 0 15px 0;
	margin: 25px 0 25px 0;
	border-top: 1px dashed #444444;
	border-bottom: 1px dashed #444444;
}


div#newsFeed .column{
  width: 44%;
  margin-right: 3%;
}

table{
    margin: 20px 0;
}

table tr td,
table tr th{
    text-align: left;
    vertical-align: top;
}

table tr th{
    text-shadow: 2px 2px #000000;
}

table.formTable tr th,
table.formTable tr td{
    border-collapse: collapse;
    vertical-align: middle;
    font-size: 1em;
    padding-right: 15px;
}

table.dataGrid,
table.overview{
	border-collapse: collapse;
}

table.dataGrid{
    border: 1px solid #333333;
}

table.overview tr th,
table.overview tr td{
    border-collapse: collapse;
    vertical-align: middle;
}

table.overview tr td{
  padding: 3px 10px;
}

table.dataGrid tr th,
table.dataGrid tr td{
    border-collapse: collapse;
    padding: 3px 10px;
    vertical-align: middle;
    color: #999999;
}

table.dataGrid tr th,
table.overview tr th{
    color: #FFFFFF;
}

table.dataGrid tbody tr:hover td,
table.dataGrid tbody tr.even:hover td{
    color: #FFFFFF;
}

table.dataGrid tr th {
    background-color: #000000;
    height: 20px;
    border-bottom: 1px solid #333;
}

table.dataGrid tr:first-child th{
    background: #45484d;
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%);
    background: -o-linear-gradient(top,  #45484d 0%,#000000 100%);
    background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%);
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
    border-bottom: none;
    height: 30px;
}

table.dataGrid tr td {
	background: #37393D;
}

table.dataGrid tr.even td {
	background: #272727;
}

table.dataGrid thead tr th a {
	display: block;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	background: none;
	float: right;
}

table.dataGrid thead tr th a.down {
	margin-left: 20px;
	background: url("../../images/admin/main/bullet_arrow_down.png") center no-repeat;
}

table.dataGrid td < tr{
        background: #FFFFFF;
}

table.dataGrid thead tr th a.up {
    background: url("../../images/admin/main/bullet_arrow_up.png") center no-repeat;
}

table.dataGrid tfoot tr td { /*background: #f0f0f0;*/
	font-size: 1em;
        text-align: center;
	font-weight: bold;
	color: #FFF;
	line-height: 24px;
	border-bottom: 1px solid #333333;
        vertical-align:bottom;
}

table.dataGrid tfoot tr td a img,
table.dataGrid tfoot tr td img{
	border: none;
        vertical-align: middle;
}

table.dataGrid tfoot tr td span.tfoot_container {
	width: 200px;
}

table.formData tr td,table.formData tr th {
	background: none;
}

table.formData{
	border: none;
	background: none;
	width: auto;
}

dl.list dt{
	width: 200px;
}

dl.list dd{
	margin-left: 210px;
}

/* Footer-Elemente */

div.badges{
    float:right;
}

dl.contactDetails {
	clear: both;
	width: 240px;
}

dl.contactDetails dt {
	float: left;
	width: 60px;
}

dl.contactDetails dd {
	margin-left: 60px;
	padding-left: 5px;
}

dl.contactDetails dt,dl.contactDetails dd {
	color: #919191;
	font-size: 0.8em;
	line-height: 1.5em;
	border-bottom: 1px solid #222222;
	margin-bottom: 5px;
}

/* Form Elements*/
form div.formEntry,
form div.formEntryDivider{
    display:block;
    width: 100%;
    margin-bottom: 5px;
    clear:both;
}

form div.noLabel{
    padding-top: 5px;
}

form div.noLabel a.button,
form div.noLabel p
{
   margin-left: 210px;
}

form div.formEntryDivider{
    margin-left: 0;
    padding-top: 10px;
    border-bottom: 1px solid #333;
}

form label {
    float: left;
    height: 20px;
     margin-right: 10px;
    width: 100px;
   
    font-size: 1em;
    padding: 3px 0 3px 0;
}
form label.btn {margin:0;height: auto;width: auto;}
form input[type=text], form input[type=password], input.button, form select, form textarea{
     width: 200px;
}

input[type=text],input[type=password], textarea{
  @include transition(all 0.30s ease-in-out);
  outline: none;
  padding: 3px 0px 3px 5px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
  background-color: #ffffff;
  border-radius: 5px;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus {
  @include box-shadow(0 0 5px rgba(81, 203, 238, 1));
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(229, 30, 32, 1);
}

input[type=radio],input[type=checkbox]{
    margin-right: 0.5em;
}

textarea{
    height: 100px;
}

select{
    margin: 3px 0px 3px 0px;
}

fieldset{
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #333333;
}


fieldset legend {
    color: #FFFFFF;
    padding: 0px 4px 0 4px;
    line-height: 25px;
}

div.twoColumnForm,
div.threeColumnForm{
    clear: both;
    padding-left: 50px;
    padding-top: 25px;
}

div.twoColumnForm label{
    width: 200px;
}

div.twoColumnForm div.column, div.threeColumnForm div.column{
    float:left;
    margin-right: 80px;
    margin-bottom: 50px;
}

input[type=text].nummeric{
    width: 50px;
}

select.multipleList{
      height: 100px;
}

select.multipleListSmall{
    height: 50px;
}

div.twoColumnForm a.bigButton{
    width: 200px;
    margin: 0;
    padding:0;
}

/* Flaggen SelectBox - Only Work in FireFox and IE 7*/
select.language option {
	padding-left: 25px;
	background: url("../../images/admin/main/flags/unknown.png") 0px 4px no-repeat #FFFFFF;
}

select.language  option.DE {
	background: url("../../images/admin/main/flags/de.png") 0px 4px no-repeat;
}

select.language  option.US {
	background: url("../../images/admin/main/flags/us.png") 0px 4px no-repeat;
}

select.language  option.IT {
	background: url("../../images/admin/main/flags/it.png") 0px 4px no-repeat;
}

select.language  option.FR {
	background: url("../../images/admin/main/flags/fr.png") 0px 4px no-repeat;
}

select.language  option.NL {
	background: url("../../images/admin/main/flags/nl.png") 0px 4px no-repeat;
}

select.language  option.ES {
	background: url("../../images/admin/main/flags/es.png") 0px 4px no-repeat;
}

select.language  option.PT {
	background: url("../../images/admin/main/flags/pt.png") 0px 4px no-repeat;
}

select.language  option.PL {
	background: url("../../images/admin/main/flags/pl.png") 0px 4px no-repeat;
}

/* Buttons and Toolbars*/

/*a.button,span.button {
	display: block;
	border-left: 1px solid #24566c;
	border-top: 1px solid #24566c;
	border-right: 1px solid #192f38;
	border-bottom: 1px solid #192f38;
	background-color: #333333 !important;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	text-decoration: none;
}*/

a.inline_button, span.inline_button {
	border-left: 1px solid #24566c;
	border-top: 1px solid #24566c;
	border-right: 1px solid #192f38;
	border-bottom: 1px solid #192f38;
	background-color: #333333 !important;
	padding: 0px 16px 0px 16px;
	font-size: 24px;
	line-height: 12px;
	overflow: hidden;
	margin-right: 4px;
	text-decoration: none;
}


div.ui-toolbar{
    padding: 5px 10px;
}

.buttonGroup{
    clear: both;
}

.twoColumnForm .buttonGroup{
    padding: 20px 0 10px 0;
}

a.button, input[type=submit],input[type=button]{
    font-size: 0.8em;
}

select {
    border: 1px solid #474747;
    font-size: 12px;
    font-weight: bold;
    color: #111;
    height: 22px;
    background: #E1E1E1;
    padding: 0 0 0 5px;
}


a.button span{
   margin: 4px;
}


a.generate_key span{
	background: url("../../images/admin/main/icons/textfield_key.png") center no-repeat;
}

a.linktargets span{
	background: url("../../images/admin/main/icons/grouplink.png") center no-repeat;
}

a.linkdirector span{
	background: url("../../images/admin/main/icons/directorlink.png") center no-repeat;
}


a.reset span{
	background: url("../../images/admin/main/icons/reset.png") center no-repeat;
}

a.email_preview span{
	background: url("../../images/admin/main/icons/email_preview.png") center no-repeat;
}

a.activate span{
	background: url("../../images/admin/main/icons/activate.png") center no-repeat;
}

a.deactivate span{
	background: url("../../images/admin/main/icons/deactivate.png") center no-repeat;
}

a.targetcopyedit span{
	background: url("../../images/admin/main/icons/targetcopyedit.png") center
		no-repeat;
}

a.campaign_edit span{
	background: url("../../images/admin/main/icons/campaign_edit.png") center
		no-repeat;
}


a.campaign_export span{
	background: url("../../images/admin/main/icons/campaign_export.png") center
		no-repeat;
}

a.campaign_download span{
	background: url("../../images/admin/main/icons/campaign_download.png") center
		no-repeat;
}

a.campaign_delete span{
	background: url("../../images/admin/main/icons/delete.png") center
		no-repeat;
}

a.crm_edit span{
	background: url("../../images/admin/main/icons/crm_edit.png") center no-repeat;
}

a.crm_login_edit span{
	background: url("../../images/admin/main/icons/crm_login_edit.png") center no-repeat;
}

a.data_mapping_edit span{
	background: url("../../images/admin/main/icons/data_mapping_edit.png") center no-repeat;
}

a.group_edit span{
	background: url("../../images/admin/main/icons/targets.png") center no-repeat;
}

a.test_targets_edit span{
	background: url("../../images/admin/main/icons/test_targets_edit.png") center
		no-repeat;
}

a.resultset_first span{
	background: url("../../images/admin/main/icons/resultset_first.png") center
		no-repeat;
}

a.resultset_last span{
	background: url("../../images/admin/main/icons/resultset_last.png") center
		no-repeat;
}

a.resultset_next span{
	background: url("../../images/admin/main/icons/resultset_next.png") center
}

a.resultset_previous span{
	background: url("../../images/admin/main/icons/resultset_previous.png") center
}

a.user_edit span{
	background: url("../../images/admin/main/icons/campaign_edit.png") center
		no-repeat;
}

a.user_delete span{
	background: url("../../images/admin/main/icons/campaign_edit.png") center
		no-repeat;
}

a.upload span{
	background: url("../../images/admin/main/icons/upload.png") center
		no-repeat;
}

a.targets_edit span{
	background: url("../../images/admin/main/icons/targets_edit.png") center
		no-repeat;
}

a.domain span{
	background: url("../../images/admin/main/icons/page_white_world.png") center
		no-repeat;
}

a.view span{
	background: url("../../images/admin/main/icons/magnifier.png") center
		no-repeat;
}

a.edit span{
	background: url("../../images/admin/main/icons/edit.png") center
		no-repeat;
}

a.delete span{
	background: url("../../images/admin/main/icons/delete.png") center
		no-repeat;
}

a.filter span{
	background: url("../../images/admin/main/icons/trichter.png") center
		no-repeat;
}


a.add span{
	background: url("../../images/admin/main/icons/add.png") center
		no-repeat;
}

a.reportedit span{
	background: url("../../images/admin/main/icons/table_gear.png") center
		no-repeat;
}
a.variationcopy span{
	background: url("../../images/admin/main/icons/page_white_copy.png") center
		no-repeat;
}

a.variationpreview span{
	background: url("../../images/admin/main/icons/magnifier.png") center
		no-repeat;
}

a.addvariation span{
	background: url("../../images/admin/main/icons/application_form_add.png") center
		no-repeat;
}

a.editvariation span{
	background: url("../../images/admin/main/icons/application_edit.png") center
		no-repeat;
}
a.remove span{
	background: url("../../images/admin/main/icons/deactivate.png") center no-repeat;
}

a.target_setState span{
	background: url("../../images/admin/main/icons/target_setState.png") center
		no-repeat;
}

a.sms_tpl_edit span{
	background: url("../../images/admin/main/icons/sms_tpl_edit.png") center
		no-repeat;
}

a.mail_tpl_edit span{
	background: url("../../images/admin/main/icons/mail_tpl_edit.png") center
		no-repeat;
}

a.mailing span{
	background: url("../../images/admin/main/icons/email_open_image.png") center	no-repeat;
}

a.excel_list span{
	background: url("../../images/admin/main/icons/page_excel.png") 0 1px no-repeat #FFFFFF;
	padding-left: 20px;
}

a.reports span{
	background: url("../../images/admin/main/icons/report.png") center no-repeat;
}

a.reports_login_edit span{
	background: url("../../images/admin/main/icons/report_login_edit.png") center no-repeat;
}

a.maximize span{
	background: url("../../images/admin/main/icons/maximize.png") center no-repeat;
}

a.minimnize span{
	background: url("../../images/admin/main/icons/minimize.png") center no-repeat
}

a.columnMoveDown span{
	background: url("../../images/admin/main/icons/moveDown.png") center no-repeat;
	clear: both;
}

a.columnMoveOneDown span{
	background: url("../../images/admin/main/icons/moveOneDown.png") center no-repeat;
	clear: both;
}

a.columnMoveUp span{
	background: url("../../images/admin/main/icons/moveUp.png") center no-repeat;
	clear: both;
}

a.columnMoveOneUp span{
	background: url("../../images/admin/main/icons/moveOneUp.png") center no-repeat;
	clear: both;
}


/* Button inActive*/
span.resultset_next_inactive {
	background: url("../../images/admin/main/icons/resultset_next_inactive.png")	center no-repeat;
}

span.resultset_previous_inactive {
	background:
		url("../../images/admin/main/icons/resultset_previous_inactive.png") center
		no-repeat;
}

a:hover .button {
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
}

.ui-button.highlite {
    background-image: url('../../../images/admin/jquery-ui/ui-bg_highlight-hard_20_A51517_1x100.png');
}

a.iconLeft{
    margin-bottom: 3px;
}

a.iconLeft span.ui-button-text{
    text-align:left;
    padding-left: 30px;
    background-position: left center;
    color: #EEE;
}

.message{
    float: left;
    margin: 0 7px 20px 0;
}

/* Klassen für Farbgebung */
p.error, p.info{
    padding: 20px;
    margin-bottom: 10px;
}

p.error .ui-icon, p.info .ui-icon{
    float: left;
    margin: 0 7px 20px 0;
}

p.error{
    border: 1px solid red;
}

p.info{
    border: 1px solid #ffc73d;
}

.error {
    color: #FF0000;
}

.info{
    color: #ffc73d;
}

.highliteColor1 {
	color: #0992CB;
}

.highlitecolor2 {
	color: #e51e20;
}

.autoWidth{
    width: 100%;
}

.autoHeight{
    height: 100%;
}

.imgLeft{
    margin: 1em 50px 10px 0;
    float: left;
    padding-left: 1em;
}

.dropdown .dropdown-menu,
.dropdown .dropdown-panel{
    background: #777777;
    padding: 4px;
}

.dropdown.dropdown-tip:after{
    border-bottom: 6px solid #777;
}

/*Report*/
#Pagelog label, #addPageModal label {width: auto !important;}
#Pagelog table td {vertical-align: top !important;}
input.hideInput {display: none;}
.toggleIcon i.fa-star-o{display: block;}
.toggleIcon i.fa-star{display: none;}
.toggleIcon.active i.fa-star-o{display: none;}
.toggleIcon.active i.fa-star{display: block;}
#Settings form .btn-group label{width: auto; height: auto; margin: 0;}
#ChooseLanguage label, #Pagelog label{width: auto;height: auto;padding:0;}