body {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 0.9em;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background-image: url("../Images/bg.png");
  background-color: #d0d0d0;
  background-repeat: repeat-x;
}

h2 {
  color: #4183cb;
  font-size: 1.2em;
}

ol {
  list-style-type: none;
}

.center {
  text-align: center;
}

.main {
  display: table;
}

.content_left {
  display: table-cell;
  width: 380px;
  min-width: 380px;
  padding-left: 20px;
}

.content {
  display: table-cell;
  /* width: 60%; */
  width: auto;
  min-width: 400px;
  padding-right: 50px;
}

.content_right {
  display: table-cell;
  /* width: 20%;*/
  width: 380px;
  min-width: 380px;  
  padding-right: 20px;
  padding-left: 20px;
}

.bgwhite {
  background-color: #ffffff;
  padding: 10px;
}

.table {
  display: table;
}

.tr {
  display: table-row;
}

.td {
  display: table-cell;
  /* border: 1px solid; */
  vertical-align: middle;
}

.left img {
  margin-left: 10%;
}

.right {
  text-align: right;
  color: #7f7f7f;
}

/* .jcm_header.table { */
  /* border-bottom: 4px solid #0f68ac; */
  /* height: 112px; */
/* } */

/* .jcm_header .right { */
  /* font-size: 1.2em; */
  /* font-weight: bold; */
  /* padding-right: 30px; */
/* } */

.jcm_header {
  width: 100%;
  max-height: 112px !important;
  /* border-bottom: 4px solid #005da3; */
  /* border: 1px solid magenta; */
  /* border-bottom: 4px solid #0f68ac; */
}

.jcm_header_logo {
  width: 300px;
  min-width: 300px;
  padding-left: 100px;
  padding-top: 15px;
  /* border: 1px solid; */
  display: table-cell;
}

.jcm_header_menu {
  width: auto;
  min-width: 400px;
  /* border: 1px solid red; */
  display: table-cell;
}

.jcm_header_logout {
  /* width: 334px; */
  /* min-width: 334px; */
  /* margin-right: 100px; */
  /* height: 35px; */
  /* text-align: center; */
  /* position: absolute; */
  /* right: 0px; */
  /* top: 0px; */
  background-image: url("../Images/background_logout.png");
  background-repeat: no-repeat;
  /* padding-top: 5px; */
  /* border: 1px solid green; */
  display: table-cell;
  vertical-align: top;
  width: 400px;
  min-width: 400px;
}

.jcm_header_logout_link {
  position: relative;
  top: 5px;
  left: 125px;
  width: 100px;
  font-size: 1.2em;
  font-weight: bold;
}

.jcm_header_logout a {
  color: #41628d;
  text-decoration: none;
}


.jcm_header_logout_text {
  position: relative;
  top: 40px;
  left: 45px;
  width: 275px;
}

.jcm_header_logout_text a {
  font-size: 1.2em;
  color: #7f7f7f;
}

/* .jcm_header_logout span { */
  /* display: block; */
  /* font-weight: normal; */
/* } */

/* .jcm_header_logout span a { */
  /* color: #7f7f7f; */
  /* text-decoration: none; */
/* } */

.main {
  width: 100%;
  /* height: 250px; */
  
  padding-top: 50px;
  
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+0,ffffff+50 */
  /* background: rgb(221,221,221); /* Old browsers */ */
  /* background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 50%); /* FF3.6-15 */ */
  /* background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(255,255,255,1) 50%); /* Chrome10-25,Safari5.1-6 */ */
  /* background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(255,255,255,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ */
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ */
}

.jcm_header_menu {
  color: #ffffff;
  /* height: 20px; */
  /* margin-bottom: 30px; */
  /* padding: 10px 0px; */
  /* position: absolute; */
  /* top: 65px; */
  text-align: center;
  width: 100%;
  /* border: 1px solid black; */
}


.jcm_header_menu div {
  height: 20px;
  display: inline; /* nebeneinander anzeigen */
  margin-right: 1px;
  /* border: 1px solid green; */
  /* position: relative; */
  /* top: 1px; */
}

.jcm_header_menu_menu {
  position: relative;
  top: 3px;
}

.no {
  background-color: #005da3;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 5px 20px;
  border: 1px solid #1070ba;
  
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1171ba+0,3a9edc+100 */
  background: rgb(17,113,186); /* Old browsers */
  background: -moz-linear-gradient(left, rgba(17,113,186,1) 0%, rgba(58,158,220,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(17,113,186,1) 0%,rgba(58,158,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(17,113,186,1) 0%,rgba(58,158,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1171ba', endColorstr='#3a9edc',GradientType=1 ); /* IE6-9 */
  
}

.act {
  background-color: #005da3;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 5px 20px;
  
  border: 1px solid #1070ba;
  
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1171ba+0,3a9edc+100 */
  background: rgb(17,113,186); /* Old browsers */
  background: -moz-linear-gradient(left, rgba(17,113,186,1) 0%, rgba(58,158,220,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(17,113,186,1) 0%,rgba(58,158,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(17,113,186,1) 0%,rgba(58,158,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1171ba', endColorstr='#3a9edc',GradientType=1 ); /* IE6-9 */
}

.jcm_header_menu a {
  color: #ffffff;
  /* font-weight: bold; */
  text-decoration: none;
}

.act a {
  text-decoration: underline;
}

.breadcrumptrail {
  margin-bottom: 25px;
  color: #4183cb;
  font-weight: bold;
}

.breadcrumptrail a {
  color: #4183cb;
  font-weight: bold;
  text-decoration: none;
}

.breadcrumptrail a:hover {
  text-decoration: underline;
}

.download_link {
  color: #000000;
  text-decoration: none;
}

.download_link:hover {
  text-decoration: underline;
}

.csc-form-element {
  margin: 10px !important;
}


.login h3 {
  font-weight: normal;
}

.login fieldset {
  border: 0px;
  margin-top: 15px;
  padding: 0px;
}

.login fieldset input {
  width: 250px;
}

.login fieldset div {
  margin-bottom: 10px;
}

.login a {
  color: #000000;
  text-decoration: none;
}

.login a:hover {
  text-decoration: underline;
}

.login label {
  color: #7f7f7f;
  font-size: 0.9em;
  font-weight: bold;
  display: block;
  width: 50%;
}

.login [type="submit"] {
  width: unset;
  height: 35px;
  background-color: #d3dce0;
  border: 1px solid #787878;
  border-radius: 5px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.login legend {
  display: none;
}

.input_forgot_password {
  width: 125px !important;
  height: 35px;
  background-color: #d3dce0;
  border: 1px solid #787878;
  border-radius: 5px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.felogin_forgot_password a {
  color: #000000;
  text-decoration: none;
}

.felogin_forgot_password a:hover {
  text-decoration: underline;
}

.felogin_new_user {
  margin-top: 15px;
}

.tx-srfeuserregister-pi1 p {
  padding: 0px !important;
  margin: 0px !important;
  margin-top: 15px !important;
}

.tx-srfeuserregister-pi1 a {
  color: #000000;
  text-decoration: none;
  background-image: none !important;
  padding-left: 0px !important;
}

.tx-srfeuserregister-pi1 a:hover {
  text-decoration: underline;
}

.tx-srfeuserregister-pi1 fieldset {
  border: 0px;
}

.tx-srfeuserregister-pi1 input {
  width: 400px;
}

.tx-srfeuserregister-pi1 select {
  width: 409px;
}

.tx-srfeuserregister-pi1-checkbox {
  width: 15px !important;
}

.tx-srfeuserregister-pi1-submit {
  width: 200px !important;
  height: 35px;
  background-color: #d3dce0;
  border: 1px solid #787878;
  border-radius: 5px;
  margin-top: 15px;
  margin-bottom: 10px !important;
}

.tx-srfeuserregister-pi1 dt {
  text-align: left !important;
}

.tx-srfeuserregister-pi1-terms a {
  text-decoration: underline !important;
}

.tx-srfeuserregister-pi1-info {
  max-width: 575px;
  width: 575px;
}

.tx-srfeuserregister-pi1-module_sys_dmail_newsletter-text {
  width: 400px;
  max-width: 400px;
}

/* .login_frame { */
  /* border: 1px solid #a8a8b4; */
  /* margin-left: 10%; */
  /* margin-right: 10%; */
  /* padding-left: 25%; */
  /* margin-top: 50px; */
  /* padding-top: 50px; */
  /* padding-bottom: 50px; */
  /* width: 400px; */
  /* min-width: 400px; */
/* } */

.login_frame {
  width: 100%;
  /* text-align: center; */
  /* border: 1px solid green; */
}

.login {
  width: 600px;
  max-width: 600px;
  /* border: 1px solid; */
  text-align: left;
  background-color: #ffffff;
  padding: 10px;
}

.register_frame {
  background-color: #ffffff;
  width: 1100px;
  /* border: 1px solid purple; */
}

.register {
  width: 500px;
  max-width: 500px;
  /* border: 1px solid; */
  text-align: left;
  background-color: #ffffff;
  padding: 10px;
  display: table-cell;
}

.register .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-info {
  max-width: 450px !important;
}

.register .tx-srfeuserregister-pi1 input {
  width: 300px !important;
}

.register .tx-srfeuserregister-pi1 select {
  width: 309px !important;
}

.register .tx-srfeuserregister-pi1-checkbox {
  width: 15px !important;
}

#tx-srfeuserregister-pi1-module_sys_dmail_newsletter {
  width: 15px !important;
}

#tx-srfeuserregister-pi1-terms_acknowledged {
  width: 15px !important;
}

.register .tx-srfeuserregister-pi1-module_sys_dmail_newsletter-text {
  width: auto;
}

.register_info {
  width: 550px;
  max-width: 550px;
  text-align: left;
  /* background-color: #ffffff; */
  display: table-cell;
}

.register_info table {
  border: 1px solid;
  border-collapse: collapse;
}

.register_info table thead {
  background-color: #e5e5e5;
}

.register_info table thead tr th {
  border: 1px solid black;
  padding: 2px;
}

.register_info table tbody tr td {
  border: 1px solid black;
  padding: 2px;
}

.copyright {
  /* margin-left: 10%; */
  text-align: center;
  margin-top: 5px;
  font-size: 0.7em;
  color: #7f7f7f;
}

#searchbox {
  margin-bottom: 20px;
}

.direct_search {
  background-color: #e5e5e5;
  padding: 5px;
  min-height: 150px;
}

.search_result {
  margin-bottom: 40px;
}

.search_result a {
  color: #000000;
  text-decoration: none;
  font-size: 0.9em;
}

.search_result a:hover {
  text-decoration: underline;
}





/* Direct Firmware Search detailed */
.center {
  text-align: center;
}

.center #search_input {
  width: 250px;
  padding: 5px;
}

.table {
  width: 100%;
}

.tr {
  display: table-row;
  width: 100%;
}

.td {
  display: table-cell;
  padding: 2px;
}

.td_firmware {
  width: 50%;
}

.td_country, .td_currency {
  /* width: 150px; */
  border-left: 1px solid #4183cb;
}

.td_header {
  font-weight: bold;
  color: #4183cb;
  border-bottom: 1px solid #4183cb;
}

.latest {
  color: orange;
  font-weight: bold;
  width: 10px;
}



.tx-jcm-downloadportal strong {
  color: #4183cb;
}

.tx-jcm-downloadportal #search_submit {
  height: 23px;
  background-color: #d3dce0;
  border: 1px solid #787878;
  border-radius: 5px;
  margin-bottom: 10px;
}

.recentlyuploaded {
  background-color: #e5e5e5;
  padding: 5px;
  width: 350px;
  min-width: 350px;
  min-height: 150px;
}

.recentlyuploaded a {
  color: #000000;
  text-decoration: none;
  font-size: 0.9em;

}

.recentlyuploaded a:hover {
  text-decoration: underline;
}



.csc-form-element input {
  width: 400px;
}

.csc-form-element-textarea textarea {
  width: 400px;
}

.csc-form-element-submit input {
  width: 200px;
  margin-top: 20px;
  margin-left: 200px;
  height: 35px;
  background-color: #d3dce0;
  border: 1px solid #787878;
  border-radius: 5px;
  margin-bottom: 10px;
  
  
}

.link_productcategory {
  margin-top: 5px;
}

.link_productcategory_text {
  display: table-cell;
  vertical-align: middle;
  min-width: 150px;
  width: 150px;
}

.link_productcategory_image {
  display: table-cell;
  vertical-align: middle;
  border: 2px solid #4183cb;
}

.link_productcategory_image img {
  max-width: 400px;
  width: 400px;
}











.tx-registeraddress input {
  margin-bottom: 5px;
  width: 250px;
}

.tx-registeraddress label {
  margin-right: 25px;
}

/* .tx-registeraddress label::after { */
  /* content: ":"; */
/* } */

.fieldrow {
  display: table-row;
}

.td {
  display: table-cell;
}














#nda_form label {
  width: 250px;
}

#nda_form .checkbox {
  width: 15px;
}



.firmware_download_popup_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none;
  background-color: rgba(66,66,66,0.5);
}

.firmware_download_popup {
  margin: 0;
  position: absolute !important;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  height: 300px;
  background-color: rgba(65,131,203,0.75);
  color: white;
  border-radius: 5px;
  box-shadow: 2px 2px #888888;
  z-index: 1000;
  padding: 25px;
}

.firmware_download_header {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 20px;
}

.firmware_download_header_close {
  position: relative;
  top: -25px;
  right: -20px;
  text-align: right;
  font-size: 2em;
}

.firmware_download_message {
  margin-bottom: 20px;
}

.firmware_download_button {
  font-weight: bold;
  color: white !important;
  font-size: 1.1em !important;
}


.form_disabled {
  opacity: .5;
  pointer-events: none;
}

.btn-confirmation-back {
	font-size: 12px;
}

.btn-confirmation-submit {
	font-weight: bold;
	font-size: 14px;
	margin-top: 5px;
}


/*--------Accordion-------*/
.acc-container {
  width: 100%;
  margin: auto;
}
.acc-container .acc-body {
  width: 98%;
  width: calc(100% - 20px);
  margin: 0 auto;
  height: 0;
  color: rgba(0, 0, 0, 0);;
  /*background-color: rgba(255, 255, 255, 0.2);*/
  line-height: 28px;
  padding: 0 20px;
  box-sizing: border-box;
  transition: 0.5s;
}

.acc-container .acc-body a{
  width: 98%;
  width: calc(100% - 20px);
  margin: 0 auto;
  height: 0;
  color: rgba(0, 0, 0, 0);;
  /*background-color: rgba(255, 255, 255, 0.2);*/
  line-height: 28px;
  /*padding: 0 20px;*/
  box-sizing: border-box;
  transition: 0.5s;
}
  
.acc-container label {
  cursor: pointer;
  background-color: rgba(65, 98, 141, 0.5);
  /*border-bottom: 1px solid rgba(255, 255, 255, 0.1);*/
  display: block;
  padding: 15px;
  width: 100%;
  color: #ffffff;
  font-weight: 400;
  box-sizing: border-box;
  z-index: 100;
}

.acc-container input{
  display: none;
}

.acc-container label:before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105"; float: right; transition: 0.5s;
}

.acc-container input:checked+label {
  background-color: rgba(65, 98, 141, 0.9);
}

.acc-container input:checked+label:before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107"; float: right; transition: 0.5s;
}

.acc-container input:checked~.acc-body {
  height: auto;
  color: #000000;
  font-size: 16px;
  padding: 20px;
  transition: 0.5s;
}

  .acc-container input:checked~.acc-body a {
  height: auto;
    color: #000000;
    font-size: 16px;
    /*padding: 20px;*/
    transition: 0.5s;
}



/* CART */
.form-control {
  width: 300px;
}

.cart-currency-selector {
  width: 50px;
}