/*kopieret fra bootstrap*/
/*:#ecf6ee;*/
/*#cee7d2;*/
.my-page-modal-alert {
  display: none;
  margin-top: 15px;
  color: black !important;
}
.modal-body .help-info {
  font-size: 0.9em;
  color: #999;
}
.mypage-accordion .panel-heading {
  position: relative;
  background-color: transparent;
  padding: 0;
  margin: 0;
  font-weight: 700;
}
.mypage-accordion .panel {
  /*-webkit-box-shadow: none;
        box-shadow: none;*/
  border: 0;
  border: 1px solid #dadada;
  border-radius: 10px;
  margin-bottom: 20px;
  background-color: white;
}
.mypage-accordion li a {
  font-weight: bold;
}
.mypage-accordion h4 {
  max-height: 25px;
  overflow: hidden;
  display: inline-block;
  line-height: 1.3em;
  padding: 0;
  margin: 12px 10px 8px 0;
  white-space: nowrap;
  font-weight: 600;
}
.mypage-accordion h4 a {
  display: inline-block;
  font-size: 1em;
  padding: 0;
  margin: 0;
  /*text-transform: uppercase;*/
}
.mypage-accordion h4 a i:before {
  float: left;
  padding: 0;
  margin: 2px 4px 0 14px;
  content: "\f107";
  font-size: 2em;
  width: 0.9em;
  top: -0.25em;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  color: #666;
  height: 20px;
}
.mypage-accordion h4 a:hover {
  /*text-decoration: none;*/
}
.mypage-accordion h4 a.collapsed i:before {
  content: "\f105";
  /*\f105*/
  left: 10px;
  margin: 0 6px 0 12px;
}
@media (min-width: 480px) {
  .mypage-accordion h4 {
    max-height: 25px;
    line-height: 1.3em;
  }
  .mypage-accordion h4 a {
    font-size: 1.3em;
  }
}
.mypage-accordion .vl-badge {
  position: absolute;
  right: 12px;
  top: 0;
  background-color: #eee;
  border-radius: 8px;
  color: #666;
  font-family: 'Open Sans Condensed';
  font-weight: 700;
  padding: 3px 10px 3px 10px;
  min-width: 40px;
  margin-top: 10px;
  text-align: center;
}
.mypage-accordion .panel-body {
  margin: 15px 0 10px 0;
  padding: 0;
  border: 0;
}
.mypage-accordion .panel-body div > h4 {
  padding-left: 10px;
}
@media (min-width: 480px) {
  .mypage-accordion .panel-body div > h4 {
    padding-left: 30px;
  }
}
.mypage-accordion #collapse-tickets .panel-body {
  margin-left: 5px;
}
@media (min-width: 480px) {
  .mypage-accordion #collapse-tickets .panel-body {
    margin-left: 30px;
  }
  .mypage-accordion #collapse-tickets .panel-body .my-page-modal-alert {
    margin-right: 30px;
  }
}
.mypage-accordion .button-container {
  text-align: left;
  margin: 30px 20px 0 20px;
}
.mypage-accordion .button-container a {
  font-size: 1.2em;
  cursor: pointer;
}
.mypage-accordion .button-container > div,
.mypage-accordion .button-container > button {
  display: block;
}
@media (min-width: 768px) {
  .mypage-accordion .button-container {
    /*text-align: center;*/
  }
  .mypage-accordion .button-container > div {
    display: inline-block;
    margin-right: 20px;
  }
}
.mypage-accordion .button-container-inline-modal {
  margin-bottom: 20px;
  text-align: center;
}
.mypage-accordion #collapse-winnings-balance #winningsbalancediv {
  background-color: white;
  padding: 15px;
  border-radius: 15px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.mypage-accordion #collapse-winnings-balance #winningsbalancediv #winnings-balance-amount-container {
  font-size: 3em;
  padding-bottom: 10px;
}
.mypage-accordion #collapse-winnings-balance #winningsbalancediv #winnings-balance-amount-for-paypout-container {
  font-size: 1em;
}
.mypage-accordion #collapse-winnings-balance #winnings-balance-info-btn,
.mypage-accordion #collapse-winnings-balance #winnings-balance-info-text {
  color: #999;
}
.mypage-accordion #collapse-winnings-balance #winnings-balance-info-btn {
  text-align: center;
}
.mypage-accordion #collapse-winnings-balance #winnings-balance-info-btn a {
  display: block;
  color: #999;
  font-size: 0.9em;
  padding-top: 5px;
  text-decoration: underline;
}
.mypage-accordion #collapse-winnings-balance #winnings-balance-info-text {
  margin-top: 12px;
  text-align: left;
  font-size: 0.9em;
}
.mypage-accordion #collapse-winnings-balance #winnings-balance-button-container button {
  display: inline-block;
  padding: 17px 0 5px 0;
  min-width: 160px;
  border-radius: 15px;
  background-color: white;
  border: 0;
}
.mypage-accordion #collapse-winnings-balance #winnings-balance-button-container button:disabled,
.mypage-accordion #collapse-winnings-balance #winnings-balance-button-container button[disabled] {
  opacity: 0.7;
}
.mypage-accordion #collapse-winnings-balance #winnings-balance-button-container #winnings-balance-payouts-btn {
  display: none;
}
.mypage-accordion #collapse-winnings-balance #winnings-balance-list-container {
  text-align: center;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.mypage-accordion #collapse-winnings-balance #winnings-balance-list-container a {
  font-size: 0.9em;
  text-decoration: underline;
  opacity: 0.8;
  cursor: pointer;
}
.mypage-accordion #collapse-winnings-balance #winnings-balance-list-container table {
  width: 100%;
  margin-top: 15px;
}
.mypage-accordion #collapse-winnings-balance #winnings-balance-list-container table tr:nth-child(even) {
  background-color: white;
}
.mypage-accordion #collapse-winnings-balance #winnings-balance-list-container table th,
.mypage-accordion #collapse-winnings-balance #winnings-balance-list-container table td {
  text-align: left;
  padding: 5px 10px 5px 5px;
}
.mypage-accordion #collapse-winnings-balance #winnings-balance-list-container table th:last-child,
.mypage-accordion #collapse-winnings-balance #winnings-balance-list-container table td:last-child {
  text-align: right;
}
#winnings-payout-modal .modal-title {
  text-align: center;
}
#winnings-payout-modal #winnings-payout-balance-info {
  padding-top: 0;
  font-weight: bold;
  padding-bottom: 15px;
  font-size: 1.2em;
}
#winnings-payout-modal #winnings-payout-header {
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 10px 5px 10px;
}
#winnings-payout-modal #winnings-payout-amount {
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: 3em;
  width: 300px;
  padding: 1px;
  border: 0;
  border-color: #eef7f0;
  background-color: #eef7f0;
  text-align: center;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
}
#winnings-payout-modal #winnings-payout-balance-info-dealerwin {
  padding-top: 15px;
  font-size: 0.9em;
  color: #999;
}
#winnings-payout-modal #winnings-payout-info {
  padding: 20px 0 0 0;
  text-align: left;
  font-size: 0.9em;
  color: #999;
}
#winnings-payout-modal #winnings-payout-modal-modus-thanks {
  text-align: left;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.5em;
}
.modal-body p {
  margin: 0;
  padding: 0 0 5px 0;
}
.fix-tlrb-0 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.add-xtra-selector-item,
.renew-agreement-selector-item,
.renew-expiring-bs-tickets-selector-item,
.add-fullticket-selector-item,
.buy-ticket-reserved-selector-item {
  border: 1px solid #eee;
  padding: 4px 10px 4px 10px;
  margin: 0 10px 5px 0;
  border-radius: 4px;
  font-family: 'Open Sans Condensed';
  font-size: 1.1em;
  font-weight: 700;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}
.add-xtra-selector-item input,
.renew-agreement-selector-item input,
.renew-expiring-bs-tickets-selector-item input,
.add-fullticket-selector-item input,
.buy-ticket-reserved-selector-item input {
  margin-right: 10px;
}
/*nye gevinster*/
.new-winning-item {
  border: 1px solid #eee;
  padding: 15px;
  margin-bottom: 15px;
  vertical-align: top;
  background-color: #eef7f0;
  /*border-radius: 10px;*/
  white-space: nowrap;
  background-image: url('/grafik3/gevinstcheck/smily-very-happy-white-50.png');
  background-repeat: no-repeat;
  background-position: 10px 15px;
}
.new-winning-item div {
  display: inline-block;
  font-size: 16px;
  white-space: normal;
  padding-left: 60px;
}
@media (min-width: 768px) {
  .new-winning-item {
    min-height: 120px;
    background-position: 10px 15px;
    background-size: 80px 80px;
  }
  .new-winning-item div {
    font-size: 22px;
    padding-left: 80px;
  }
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border: 0;
  /*background-color: #eef7ef;*/
  vertical-align: middle;
}
.table td:first-child,
.table th:first-child {
  padding-left: 30px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #eef7f0;
  /*#cee7d2;*/
}
.agreement-no-content-tr td {
  color: #aaa;
}
.agreement-not-active-tr td {
  background-color: #f8f8dd;
}
#agreement-removal-message {
  font-size: 0.9em;
  color: #999;
  text-align: center;
}
.message-container {
  position: relative;
  background-color: #eef7f0;
  /*#e1f2e4;*/
  /*#cee7d2;*/
  padding: 15px;
  margin: 0 0 15px 0;
  /*border-radius: 10px;*/
}
.message-container .row div:first-child {
  padding-left: 15px;
  padding-bottom: 10px;
}
.message-container .message-delete-button {
  font-size: 22px;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 5px;
}
@media (min-width: 768px) {
  .message-container .row div:first-child {
    padding-left: 30px;
    padding-bottom: 0;
  }
}
.remove-agrement-button {
  font-size: 1.5em;
}
/*override ticket size (to allow extra margin on myPage)*/
/*Note: Dette overrides igen for IE 8 i stylebootstrapIE8*/
.vl-ticket {
  width: 125px;
  height: 72.5px;
  font-size: 30px;
  margin-right: 5px;
  margin-bottom: 90px;
  font-weight: 700;
  background-size: 100%;
}
.vl-ticket .ticket-number {
  font-size: 22px;
  top: 22px;
}
.vl-ticket .ticket-bottom-info {
  /*background-color:red;*/
  font-family: 'Open Sans Condensed', sans-serif !important;
  position: absolute;
  top: 62.5px;
  bottom: 0;
  left: 0;
  right: 0;
  font-weight: 700;
  font-size: 11px;
  color: #888;
  font-family: 'Open Sans';
  margin: 0;
  /*border-bottom:1px solid #aaa;*/
}
.vl-ticket .ticket-bottom-info ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.vl-ticket .ticket-bottom-info ul li {
  margin: 0 0 0 0;
  padding: 2px 5px 2px 5px;
  border-bottom: 1px solid #f2f2f2;
  white-space: nowrap;
}
.vl-ticket .ticket-bottom-info ul li:last-child {
  border-bottom: 0;
}
.vl-ticket .ticket-bottom-info .free-html {
  /*padding:10px;*/
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 300;
  color: #666;
}
.vl-ticket .ticket-bottom-info .free-html p {
  padding: 3px 0 0 5px;
}
.vl-ticket .ticket-bottom-info .unpaid-mark {
  font-size: 14px;
  font-weight: bold;
  line-height: 11px;
  color: black;
}
@media (min-width: 768px) {
  .vl-ticket {
    /*kun større hvis ikke 'small-ticket'*/
  }
  .vl-ticket:not(.vl-ticket-mypage-small) {
    width: 163px;
    height: 91.5px;
    font-size: 30px;
    margin-right: 10px;
    margin-bottom: 110px;
  }
  .vl-ticket:not(.vl-ticket-mypage-small) .ticket-number {
    font-size: 26px;
    top: 26px;
  }
  .vl-ticket:not(.vl-ticket-mypage-small) .ticket-bottom-info {
    top: 81.5px;
    font-size: 13px;
    margin: 0;
  }
  .vl-ticket:not(.vl-ticket-mypage-small) .ticket-bottom-info ul li {
    padding-left: 20px;
    padding-right: 20px;
  }
  .vl-ticket:not(.vl-ticket-mypage-small) .ticket-bottom-info .free-html p {
    padding: 5px 15px 0 15px;
  }
  .vl-ticket:not(.vl-ticket-mypage-small) .ticket-bottom-info .free-html .tooltip-inner {
    text-align: left !important;
    padding: 10px;
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .vl-ticket {
    /*kun større hvis ikke 'small-ticket'*/
  }
  .vl-ticket:not(.vl-ticket-mypage-small) {
    width: 171px;
    height: 95.5px;
    font-size: 30px;
    margin-right: 10px;
    margin-bottom: 110px;
  }
  .vl-ticket:not(.vl-ticket-mypage-small) .ticket-number {
    font-size: 30px;
    top: 26px;
  }
  .vl-ticket:not(.vl-ticket-mypage-small) .ticket-bottom-info {
    top: 85.5px;
    font-size: 13px;
    margin: 0;
  }
  .vl-ticket:not(.vl-ticket-mypage-small) .ticket-bottom-info ul li {
    padding-left: 20px;
  }
  .vl-ticket:not(.vl-ticket-mypage-small) .ticket-bottom-info .free-html p {
    padding: 5px 15px 0 15px;
  }
}
/*.popover {
    .btn {
        width: 100%;
    }
}*/
.ticket-popover-ul {
  list-style-position: outside;
  margin-left: 20px;
  padding: 0;
}
.tickets-xtrachancen {
  min-height: 35px;
  display: none;
  /*background-color:lightyellow;
    text-align:center;
    border-radius:5px;
    padding:10px 10px 5px 10px;*/
  padding-left: 10px;
  margin-bottom: 20px;
}
.tickets-xtrachancen div {
  margin-top: 10px;
}
.tickets-xtrachancen a {
  /*font-size: 1.2em;*/
  cursor: pointer;
}
@media (min-width: 768px) {
  .tickets-xtrachancen {
    padding-left: 0;
  }
  .tickets-xtrachancen > div {
    display: inline-block;
    margin-top: 0;
    margin-left: 20px;
  }
}
@media (max-width: 768px) {
  .settings-table td {
    font-size: 0.9em;
    padding: 2px;
  }
  .settings-table td:first-child {
    padding-left: 10px;
  }
}
#previously-signed-up-message {
  display: none;
  padding-top: 10px;
}
#my-page-ticketselectordiv {
  margin-top: 30px;
  min-height: 200px;
}
.no-content-tickets-message {
  display: none;
  padding-top: 30px;
  padding: 10px;
  color: #999;
}
.no-content-tickets-message a {
  text-decoration: underline;
  color: #999;
  cursor: pointer;
}
.my-page-sms-icon,
.my-page-mail-icon,
.my-page-letter-icon {
  width: 34px;
  height: 25px;
  display: inline-block;
  background-image: url(/grafik3/minside/mypage-sms-icon-x1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-left: 5px;
  position: relative;
  top: 10px;
}
.my-page-mail-icon {
  background-image: url(/grafik3/minside/mypage-mail-icon-x1.png);
}
.my-page-letter-icon {
  background-image: url(/grafik3/minside/mypage-letter-icon-x1.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .my-page-sms-icon {
    background-image: url(/grafik3/minside/mypage-sms-icon-x2.png);
  }
  .my-page-mail-icon {
    background-image: url(/grafik3/minside/mypage-mail-icon-x2.png);
  }
  .my-page-letter-icon {
    background-image: url(/grafik3/minside/mypage-letter-icon-x2.png);
  }
}
#xtra-extra-message {
  display: none;
  margin-right: 5px;
}
@media (min-width: 480px) {
  #xtra-extra-message {
    margin-right: 20px;
  }
}
#xtra-extra-message-inner {
  cursor: pointer;
  width: 100%;
  /*background-color: @vl-lightest-green;*/
  padding: 10px 15px 5px 15px;
  border-radius: 4px;
  border: 1px solid #f36b22;
  font-size: 0.9em;
  /*padding:20px;*/
}
#xtra-extra-message-inner .header {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 5px;
}
@media (min-width: 480px) {
  #xtra-extra-message-inner {
    /*margin-left:auto;
        margin-right:auto;*/
    padding: 10px 150px 5px 20px;
    /*max-width:600px;*/
    background-image: url(/grafik3/spil/Nu-med-Xtra-Chancen-padded.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 1em;
  }
}
#renewable-message,
#renewable-message-epay,
#renew-exiring-bs-tickets-message {
  display: none;
  cursor: pointer;
  margin-right: 5px;
}
@media (min-width: 480px) {
  #renewable-message,
  #renewable-message-epay,
  #renew-exiring-bs-tickets-message {
    margin-right: 30px;
  }
}
#add-xtras-modal hr {
  margin: 10px 0 10px 0;
  padding: 0;
}
#add-xtras-modal label {
  font-weight: normal;
}
#add-xtras-modal #add-xtra-acceptterms,
#add-xtras-modal #paymenttype-online,
#add-xtras-modal #paymenttype-bs {
  margin-left: 10px;
  margin-right: 10px;
}
#add-xtras-modal #add-xtras-selector label,
#add-xtras-modal #remove-xtras-selector label {
  font-weight: 700;
}
#add-xtras-modal #accept-agreement-selector td {
  vertical-align: top;
  padding: 0;
}
#add-xtras-modal #payment-selector td {
  vertical-align: top;
  padding: 0;
}
#add-xtras-modal #add-xtra-can-pay-bs-info,
#add-xtras-modal #add-xtra-can-pay-online-info {
  color: #aaa;
}
#add-fullticket-modal hr {
  margin: 10px 0 10px 0;
  padding: 0;
}
#add-fullticket-modal label {
  font-weight: normal;
}
#add-fullticket-modal #add-fullticket-acceptterms,
#add-fullticket-modal #ft-paymenttype-online,
#add-fullticket-modal #ft-paymenttype-bs {
  margin-left: 10px;
  margin-right: 10px;
}
#add-fullticket-modal #add-fullticket-selector label,
#add-fullticket-modal #remove-fullticket-selector label {
  font-weight: 700;
}
#add-fullticket-modal .ft-accept-agreement-selector td {
  vertical-align: top;
  padding: 0;
}
#add-fullticket-modal .ft-accept-agreement-selector td input {
  margin-right: 5px;
}
#add-fullticket-modal #ft-payment-selector td {
  vertical-align: top;
  padding: 0;
}
#add-fullticket-modal #add-fullticket-can-pay-bs-info,
#add-fullticket-modal #add-fullticket-can-pay-online-info {
  color: #aaa;
}
#renew-tickets-modal hr {
  margin: 10px 0 10px 0;
}
#renew-expiring-bs-tickets-selector label {
  font-weight: 700;
}
.renew-tickets-selector-item {
  border: 1px solid #ccc;
  padding: 4px 10px 4px 10px;
  margin-right: 5px;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}
#renew-tickets-period-selector input {
  margin-right: 8px;
}
#renew-tickets-period-selector label {
  font-weight: 700 !important;
  margin-bottom: 0;
}
#renew-tickets-period-selector .winnings {
  font-size: 0.9em;
  color: #aaa;
  margin-left: 22px;
  padding-bottom: 8px;
}
#renew-tickets-pay-by-winnings-balance table {
  margin-left: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
}
#renew-tickets-pay-by-winnings-balance table td {
  padding-bottom: 0;
}
#renew-tickets-pay-by-winnings-balance table td input {
  transform: scale(2);
}
#renew-tickets-pay-by-winnings-balance table td label {
  font-weight: normal;
}
#renew-tickets-pay-by-winnings-balance table td:first-child {
  width: 30px;
  vertical-align: top;
  padding-top: 5px;
}
#renew-tickets-xtra-selector input {
  margin-right: 5px;
}
#renew-tickets-xtra-selector label {
  font-weight: 700 !important;
  margin-right: 10px;
}
.quick-play-only,
.quick-play-and-creditcard-only {
  display: none;
}
#unpaid-vs-tickets-message {
  display: none;
  font-size: 0.8em;
  color: #666;
}
@media (min-width: 992px) {
  #unpaid-vs-tickets-message {
    text-align: center;
    font-size: 0.9em;
  }
}
#settings-modal input[type=checkbox] {
  margin-right: 10px;
}
#competition-modal input[type=checkbox] {
  margin-right: 10px;
}
#competition-modal .modal-content {
  background-image: url('../grafik3/bannere/jul2016/konkurrence-top.png');
  background-position: top center;
  background-repeat: no-repeat;
}
#competition-modal .modal-content .modal-header {
  border: 0;
  height: 130px;
}
.input-field-change-not-required {
  color: #999;
  background-color: #eee;
}