/* This is the former "lib/applications/styles/public_application.css" */
div.webApplicationContent {
   font-family:'Open Sans', sans-serif;
   font-size: 14px;
   position: relative;
}

#mylancom_login,
#mylancom_login button.btn.mylancom-login {
   width:430px;
}
#mylancom_login {
   margin:0 auto;
}
#mylancom_login button.btn.mylancom-login {
   max-width:430px;
}

div.webApplicationContent div.webApplicationData {
   width:960px;
   /*float:left;*/
}

/* discard the styles from css_styled_content ... */
form table tr td, div.webApplicationContent form table tr td, div.webApplicationContent td {
   padding: 5px;
}

div.webApplicationContent td.buttonCell {
   padding: 0px 4px 0px 4px;
}

div.webApplicationContent .buttonLeft {
   color: #181818;
   font-weight: bold;
}

div.inlineNavigation {
   padding:10px 0 20px 20px;
}

/*a:link, a:visited {
   font-weight: bold;
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}

a:hover::before {
   text-decoration:none !important;
}

a.lcsb:link, a.lcsb:visited {
   color:#3b80c2;
}*/

.inlineLink {
   font-size: 0.8em;
}

ul.csc-bulletlist-3 li,
#content ul.csc-bulletlist-3 li {
   background: rgba(0, 0, 0, 0) no-repeat scroll 0 0;
   padding-left: 0;
}

a.kbase:link, a.kbase:visited, a.kbase:active, a.kbase:hover {
   background: rgba(0, 0, 0, 0) url("/images/layout/icons/kb_cube.gif") no-repeat scroll 0 0;
   color: #3b80c2;
   display: inline-block;
   font-weight: normal;
   line-height: 1em;
   margin: 0;
   padding: 0 0 4px 20px;
}

.dotBox {
   padding: 8px;
   border-style: dotted;
   border-width: 1px;
   border-color: #999999;
   margin-bottom: 12px;
}
.separatingBorderTop {
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #222222;
}
.floatLeft {
   float:left;
}
.floatRight {
   float:right;
}
.clearLeft {
   clear:left;
}
.clearRight {
   clear:right;
}
.clearBoth {
   clear:both;
}
.small {
   font-size: 12px;
}
.comment {
   color: #999999;
   font-size: 10px;
}
.alert, .failureMessage {
   color: #ee6666;
}
.informativeAlert, .warningMessage, .informationalMessage {
   color: #fc8626;
}
.positiveAlert, .successMessage {
   color: #66ba2f;
}
.hidden {
   display: none;
}
.alignLeft {
   text-align: left;
}
.alignRight {
   text-align: right;
}
.alignCenter {
   text-align: center;
}
.alignJustified {
   text-align: justify;
}
.alignTop {
   vertical-align: top;
}
.alignBottom {
   vertical-align: bottom;
}
.alignCenterVertical {
   vertical-align: middle;
}
.nowrap {
   white-space: nowrap;
}

.buttonRight {
   margin-top: 15px;
   margin-bottom: 15px;
   float: right;
}
.invisible {
   display: none;
}
.topMargin20 {
   margin-top: 20px;
}
.leftPadding12 {
   padding-left:12px;
}
.rightPadding5 {
   padding-right:5px;
}
.startPageItemText {
   text-align: left;
   vertical-align: top;
   padding-top: 13px;
   padding-bottom: 10px;
   padding-left: 6px;
   padding-right: 20px;

}
.topPadding15 {
   padding-top:15px;
}
.topPadding10 {
   padding-top:10px;
}
.topPadding8 {
   padding-top:8px;
}
.topPadding5 {
   padding-top:5px;
}
.bottomPadding10 {
   padding-bottom:10px;
}
.zeroPad {
   padding: 0;
}
/*h1 {
   font-size: 16px;
}
h2 {
   font-size: 14px;
}
h3 {
   padding-top: 3px;
   margin-top: 0;
}*/
/* section END */
/*//////////////////////////////////////////////////////////////////////////*/
/*table layout for lancom support portal tables*/

.webApplicationContent table.listing {
   border-collapse: collapse;
   width:100%;
}
.webApplicationContent table.listing td, .webApplicationContent table.listing th{
   border: 1px solid #cccccc;
   font-size: 11px;
   padding: 5px;
}
.webApplicationContent table.listing th{
   background-color: #5A8DC4;
   padding-left:10px;
	font-weight: bold;
	color: #ffffff;
}
.webApplicationContent table.listing tfoot td{
   background-color: #5A8DC4;
	color: #ffffff;
}
.webApplicationContent th.header {
    background-image: url(/fileadmin/images/myLANCOM/supportportal/control/neutral.png);
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center right;
    margin-left: -1px;
}
.webApplicationContent th.headerSortUp {
    background-image: url(/fileadmin/images/myLANCOM/supportportal/control/down.png);
}
.webApplicationContent th.headerSortDown {
    background-image: url(/fileadmin/images/myLANCOM/supportportal/control/up.png);
}
.webApplicationContent table.listing table td{
   border: 0;
}

/* table section END */
/*//////////////////////////////////////////////////////////////////////////*/
/* form and input section START */

.webApplicationContent fieldset {
   padding-left: 16px;
   padding-right: 16px;
   border-style: solid;
   border-width: 1px;
   border-color: #dadada;
}
.webApplicationContent fieldset legend {
   color: #5286c6;
   font-size: 13px;
   font-weight: bold;
   padding: 8px;
   padding-top: 2px;
   padding-left: 20px;
   pointer: hand;
   cursor: pointer;
}

.webApplicationContent select optgroup {
    font-style:normal;
    font-weight:normal;
}
.webApplicationContent input[type=text],
.webApplicationContent input[type=password],
.webApplicationContent textarea,
.webApplicationContent select {
   border: 1px solid #ccc;
   border-radius: 3px;
   color: #333333;
   padding:3px 5px;
   /*margin-left: 8px;*/
}
.webApplicationContent input, .webApplicationContent textarea {
   width: 260px;/*180px;*/
}
.webApplicationContent input[type=checkbox], .webApplicationContent input[type=file], .webApplicationContent input[type=radio] {
   width: auto;
   margin: 0px;
   padding: 0px;
}
.webApplicationContent select {
   border-radius: 3px;
   border: 1px solid #ccc;
   min-width: 180px;
   padding-right: 1px;
}
.webApplicationContent select option {
   padding: 0px;
}
.webApplicationContent textarea {
   text-align: left;
   height: 50px;
}
.webApplicationContent select.filterSelector {
   font-size: 11px;
   width: 366px;
   border-style: inset;
   border-width: 1px;
   padding-right: 1px;
}
.webApplicationContent input.zipCode {
   width: 56px;
}
.webApplicationContent input.msgSubject, .webApplicationContent textarea.msgBody {
   width: 420px;
}
.webApplicationContent input.checkbox, .webApplicationContent input.radio {
   width: 20px;
   border: none;
   vertical-align: middle;/*bottom;*/
}
.webApplicationContent label {
/*   font-size: 14px;
   vertical-align: top;
   text-align: right;
   padding: 0px 2px 1px 2px;
   border-bottom-color: #dadada;
   max-width:180px;
   white-space:normal;*/
}

.webApplicationContent label.mandatory {
   border-bottom-color: #BCC9E5;
   background: url(/images/application/mandatory_input_mark.gif) no-repeat right;
   padding-right: 12px;
}
.webApplicationContent label.mandatoryCopytext {
   border-bottom-color: #BCC9E5;
   margin-right: 0;
   padding-right: 12px;
   background: url(/images/application/mandatory_input_mark.gif) no-repeat right;
}
a.label:link,
a.label:visited,
a.label:hover,
a.label:active,
a.label:focus {
   color: #5286c6;
   font-weight: bold;
   text-decoration: none;
}
div.fieldsetContent {
   padding: 0px;
   padding-top: 8px;
   padding-bottom: 12px;
}
div.inputPair {
   padding: 8px;
   text-align: right;
}
div.inputPair span {
   width: 220px;
   padding-left: 20px;
}
div.contactData {
   background: #cccccc;
   padding: 1px;
}
div.blockInFieldset {
   color:white;
}
table.inputTable {
   display:block;
   /*margin-top: 8px;*/
   border-collapse: collapse;
   border:1px solid #e3e3e3;
}



table.inputTable thead tr th{
   padding-top: 30px;
}

thead.inputBlockOdd, tbody.inputBlockOdd, tfoot.inputBlockOdd {
/*   background-color: #f3f3f3;
   border-width: 1px;
   border-style: solid;
   border-color: #E3E3E3;*/
}
thead.inputBlockEven, tbody.inputBlockEven, tfoot.inputBlockEven {
   /*background-color: #f3f3f3;*/
   /*border-width: 1px;
   border-style: solid;
   border-color: #E3E3E3;*/
}
tfoot.inputBlockOdd {
   background-color: #f3f3f3;
}
tfoot.inputBlockEven {
   /*background-color: #f3f3f3;*/
   border-top:none;
}
th.blockHeader {
   padding: 4px 4px 4px 0px;
   text-align: left;
   font-weight:bold;
   color: #666666;
}
td.inputPairLabel {
   padding-right: 4px;
   text-align: left;
   vertical-align:middle;
   white-space: nowrap;
}
/* form section END */
/*//////////////////////////////////////////////////////////////////////////*/
/*error section*/
ul.errorList, #content ul.errorList {
   margin-left: 0;
   margin-bottom: 12px;
   padding-left: 0;
   list-style: none;
   background: none;
}
ul.errorList li, #content ul.errorList li  {
   margin-left: 0;
   padding-left: 0;
   list-style: none;
   background: none;
}

table.datagrid {
   background-color: #F5F8FC;
   border: 1px solid #CCCCCC;
}
table.datagrid tr th, table.datagrid tr td {
   border-right: 1px dotted #383838;
   padding: 4px 8px;
}
table.datagrid tr th {
   border-bottom: 1px solid #383838;
   font-weight: bold;
}
table.datagrid tr td {
   border-bottom: 1px dotted #383838;
}
table.datagrid tr:last-child td {
   border-bottom: 0px none;
}
table.datagrid tr th:last-child, table.datagrid tr td:last-child {
   border-right: 0px none;
}
a.buttonLink {
   background-color: #3b80c2;
   border-color: #c8c8c8 #000000 #000000 #c8c8c8;
   border-radius: 6px;
   border-style: solid;
   border-width: 1px;
   color: #ffffff;
   display: inline-block;
   padding: 6px 10px 6px 10px;
   text-decoration: none;
}
a.buttonLink:hover {
   color: #d8d8ff;
   border-color: #f0f088 #888888 #888888 #f0f088;
}


/*
*
*  NEW MYLANCOM LOGIN
*
*/
#mylancom_login {
   font-size:14px;
   padding:20px;
}

#mylancom_login p {
   margin-bottom:20px;
}

#mylancom_login strong.headline {
    font-size: 18px;
    font-weight: 700;
    /*border-bottom: 1px solid #dadfe1;*/
    padding-bottom: 1rem;
    color: #43494b;
    text-align: center;
    margin-bottom: 2rem;
    display: block;
}

#mylancom_login .inner {
   display:block;
}

#mylancom_login .inner fieldset {
   border: 0 solid #DDD;
   padding: 0;
   margin: 0;
}

#mylancom_login .inner fieldset label, #mylancom_login .inner fieldset span {
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 4px;
    color: #4d4d4d;
    display: block;
    line-height: 1.5;
}

#mylancom_login .inner fieldset label.userportal_frontend_autologin,
#mylancom_login .inner fieldset label.userportal_frontend_autologin span{
   display:inline;
}


#mylancom_login input[type=text],
#mylancom_login input[type=password],
#mylancom_login input[type=email],
#mylancom_login textarea {
   -webkit-appearance: none;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   background-color: #f2f2f2;
   border: 1px #ccc solid;
   border-radius: 0;
   box-shadow: none;
   box-sizing: border-box;
   color: rgba(0,0,0,.75);
   display: block;
   font-family: inherit;
   padding: 7px;
   transition: box-shadow .45s,border-color .45s ease-in-out;
   width: 100%;
}

#mylancom_login input[type=checkbox] {
   vertical-align: middle;
}

#mylancom_login .mylancom_advantages {
/*   display: block;
   list-style-type: disc;
   margin-left: 20px;
   margin-bottom:20px;*/
}

#mylancom_login a.lcs.open:before {
   transform:rotateZ(90deg);
   transition:transform 200ms;
}

#autologin_description_toggle {
   cursor:pointer;
}

#userportal_frontend_autologin_description {
   background: #f2f2f2;
   font-size: 0.8em;
   padding: 15px;
}

.hint {
   background-color: #fff8fc;
   border: 1px dotted #f08080;
   margin: 8px 0;
   padding: 4px 4px 4px 72px;
   position: relative;
}
.hint .intro {
   font-weight: bold;
   left: 4px;
   position: absolute;
   top: 4px;
}
.hint a {
   text-decoration: underline;
}