/* telefonica branding */


@font-face {
    font-family: 'telefonica';
    src: url('../fonts/telefonicatext-webfont.eot');
    src: url('../fonts/telefonicatext-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/telefonicatext-webfont.woff2') format('woff2'),
         url('../fonts/telefonicatext-webfont.woff') format('woff'),
         url('../fonts/telefonicatext-webfont.ttf') format('truetype'),
         url('../fonts/telefonicatext-webfont.svg#telefonica_textregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'telefonica';
    src: url('../fonts/telefonicatext-bold-webfont.eot');
    src: url('../fonts/telefonicatext-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/telefonicatext-bold-webfont.woff2') format('woff2'),
         url('../fonts/telefonicatext-bold-webfont.woff') format('woff'),
         url('../fonts/telefonicatext-bold-webfont.ttf') format('truetype'),
         url('../fonts/telefonicatext-bold-webfont.svg#telefonica_textbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'telefonica_headline';
    src: url('../fonts/telefonicaheadlinelight-webfont.eot');
    src: url('../fonts/telefonicaheadlinelight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/telefonicaheadlinelight-webfont.woff2') format('woff2'),
         url('../fonts/telefonicaheadlinelight-webfont.woff') format('woff'),
         url('../fonts/telefonicaheadlinelight-webfont.ttf') format('truetype'),
         url('../fonts/telefonicaheadlinelight-webfont.svg#telefonica_headline_lightRg') format('svg');
    font-weight: normal;
    font-style: normal;
}









/*text*/
h1 {
	color:#7c8385;	
	font-family: 'telefonica_headline';
	font-weight:normal;
}
h1 span.active {
	color:#00a5b7;
}
h2.hl-trenner, .trennertabheader {
	color:#004356;
	font-family: 'telefonica_headline';
}
h2.hl-trenner:after, .trennertabheader:after {
	border-top: 1px solid #e1e1e1;
}
.unread {
	color:#00a5b7 !important;
}
.hover:hover .unread {
	color:#fff !important;
}






body {
	font-size:16px;
	font-family: 'telefonica';
}
.sidebar {
	background:#0e4d5f;
	color:#7596a3;
}
.dark, .label  {
	color:#3a3d3e;
}
@media only screen and (max-width : 1023px) {
	.sidebar {
		background:#003e50;
	}
}
.sidebar a {
	color:#7595a3;
}
.sidebar .dl-menu .active>a, .sidebar .dl-menu .active:before, .sidebar .dl-menu a:hover, .sidebar .dl-menu li:hover:before  {
	color:#fff;
}
.logo {
	background:#003e50;
	color:#fff;
}
.login_wrapper .logo {
	background:#fff;
	color:#003e50;
	margin-left:-15px;
}
.login_wrapper .logo:before {
		font-size:50px;
}

.sidebar .dl-menu .active {
	background:#003e50;
}
.logo:before {
	font-family: 'icomoon';
	font-size:41px;
	content: "\e61e";
}
.bootommenu {
	border-color:#25505c;	
}
.topbar, .topbar a, .topsearch, #searchsettings  {
	color:#7c8385;
}
.topsearch {
	border-color:#7c8385;
}
.topbar .active a, .topbar a:hover {
	color:#3a3d3e;
}
.toplogin_box  {
	background:#0e4d5f;
}
.toplogin_box:before {
	border-bottom: 10px solid #0e4d5f;
}
.toplogin_box a {
	color:#fff;
}
.toplogin_box a:hover {
	color:#fff;
}
.toplogin ul a:hover {
	background:#003e50;
}
.toplogin:hover>a {
	color:#003e50;
}
.toplogin_box .bezeichner {
	color:#7596a3
}
.biglink_color {
	background:#00a5b7;
	border-color:#007a87;
	color:#fff;
}
.biglink_color:after {
	color:#80d2db;
}
.biglink_color:hover {
	background:#0e4d5f;
	color:#fff;
}
.biglink:hover {
	background:#00a5b7;
	border-color:#007a87;
	color:#fff;
}
.iconbar a:hover {
	color:#00a5b7 !important;
}
.hover .iconbar a:hover {
	color:#000 !important;
}





/* table */
.repixtable, .repixtable a {
	color:#7c8385;
}
.showlink, .repixtable .showlink {
	color:#00a5b7 ;
}
.repixtableheader, .repixtableheader2, .repixtableheader3 { 
	font-family: 'telefonica_headline';
	color:#00a5b7;
}
.repixtable button {
	color:#00a5b7;
}
.repixtable button.active {
	background:#00a5b7;
	color:#fff;
}
.maininner .nutzerverwaltung button.active {
	background:#00a5b7;
	color:#fff;
}
.repixtable h5 {
	color:#3a3d3e;
}
.repixtablecell.hover:hover, .tabstyle .repixtablecell.hover:hover, .repixtablecell.active, .invert {
	background:#00a5b7 !important;
	color:#fff;
}
.repixtablecell.active.dark {
	background:#0e4d5f !important;
}
.repixtablecell.hover:hover a, .repixtablecell.hover:hover a .dark, .repixtable .repixtablecell.hover:hover h5, .repixtablecell.hover:hover .dark, .repixtablecell.active a {
	color:#fff;
}
.invert {
	font-family: 'telefonica_headline';
}
.icon-icon_search.active {
	color:#00a5b7;
}




/* popup */
.popup, .zeichenerklaerung  {
	background:#0e4d5f;
	color:#fff;
}



/* footer */
.mainfooter {
	color:#7c8385;
	border-color:#e1e1e1;
}


/* menu */

.dl-menuwrapper button {
	background: #003e50;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active {
	background: #003e50;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper>ul {
	background: #0e4d5f;
	
}
.dl-menuwrapper button.dl-active {
	background: #003e50;
}


/* steps */

.steps_holder {
	font-family: 'telefonica_headline';
	color:#7c8385;
}
.step_holder li a:hover {
	background: #f1f9fa;
	color:#00a5b7;
}
.step_holder li a:hover:after {
	border-color: transparent transparent #f1f9fa #f1f9fa;
}
.step_holder li.active a {
	background: #00a5b7;
	color:#fff;
}
.step_holder li.active a:after {
	border-color: transparent transparent #00a5b7 #00a5b7;
}



/*tabs*/
.tabs>ul>li a {
	color:#a7afb1;
}
.tabs>ul>li.ui-tabs-active a {
	color:#00a5b7;
}



/* message */
.repixmessage {
	border:2px solid #00a5b7;
	color:#00a5b7;
}
/*.repixmessage label {
	color:#00a5b7 !important;
}*/




/* forms */


input.error, input:invalid {
	border-color:orange !important;
}
.errorinfo {
	background:orange;
	color:#fff;
}
.maininner input[type="text"], 
.maininner input[type="date"], 
.maininner input[type="password"],
.maininner select,
.customSelect .selectedValue,
.customSelect .selectList,
.maininner textarea,
 ul.datalist  {
	background: #f3f3f3;
	border:1px solid #cfcfcf;
	color:#7c8385;
}
.customSelect .selectList dl {
	background: #f3f3f3;
}
.maininner form span.icon:before {
	border-left:1px solid #cfcfcf;
	color:#7c8385;
}
.maininner form span.active:before {
	color:#00a5b7;
}
.customSelect .selected, ul.datalist li.selected {
	color: #ffffff;
	background-color: #00a5b7;
}
.customSelect .selected:hover {
	color: #ffffff;
	background-color: #00a5b7;
}
label.checkbox {
	color:#7c8385;
}
.maininner button.smallbutton {
	background:#fff;
	color:#7c8385;
	border:1px solid #7c8385;
}
.maininner button.active {
	background:#fff;
	color:#00a5b7;
	border:1px solid #00a5b7;
}
.maininner button:hover {
	background:#7c8385;
	color:#fff;
}
.maininner button.active:hover {
	background:#00a5b7;
	color:#fff;
}

.ui-datepicker .ui-datepicker-current-day {
    background-color: #00a5b7;
}

button.stepnavi {
	border:1px solid #7c8385;
	color:#7c8385;
	background:none;
}
button.standard, .fileuploadstyled input[type="file"] + label {
	border:1px solid #7c8385;
	color:#7c8385;
	background:#fff;
}
button.stepnavi.active, .fileuploadstyled.active input[type="file"] + label {
	color: #ffffff;
	background-color: #00a5b7;
	border:1px solid #007a87;
}





/* geraetematrix */

[id^="area"] {
	border:2px solid #00a5b7;
	-webkit-transition: color 0.2s, background-color 0.2s;
	-moz-transition: color 0.2s, background-color 0.2s;
	transition: color 0.2s, background-color 0.2s;
}

[id^="area"].active  {
	background:#00a5b7;
	background: rgba(0, 165, 138, 0.3);
	cursor:pointer;
}

[id^="area"]:hover {
	background:#00a5b7;
	background: rgba(0, 165, 138, 0.1);
	cursor:pointer;
}

[id^="area"].active:hover {
	background: rgba(0, 165, 138, 0.3);
}





/* sperrmuster */
.patternlock__line {
  background: #00a5b7;
}
.patternlock__dot {
	background: #f1f1f1;
	border: 1px solid #d0d0d0;
}
.patternlock__dot.is--active {
	background: #f1f1f1;
}



/* pagination */
.repix_pagination li:hover a {
	background: rgba(0, 165, 138, 0.3);
}
.repix_pagination li.active a, .repix_pagination li.active:hover a {
	color: #ffffff;
	background-color: #00a5b7;
	border:1px solid #007a87;
}



/* lightbox */

.fancybox-skin {
	position: relative;
	background: #003e50;
	color: #ffffff;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}