/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Improvements by Sébastien Malot
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker {
  padding: 4px;
  margin-top: 1px;
  white-space: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.opacity .datetimepicker {
  display: none;
  max-height: none;
  overflow: visible;
  opacity: 1;
}
.datetimepicker.datetimepicker-rtl {
  direction: rtl;
}
.datetimepicker.datetimepicker-rtl table tr td span {
  float: right;
}
.datetimepicker > div {
  display: none;
}
.datetimepicker.minutes div.datetimepicker-minutes {
  display: block;
}
.datetimepicker.hours div.datetimepicker-hours {
  display: block;
}
.datetimepicker.days div.datetimepicker-days {
  display: block;
}
.datetimepicker.months div.datetimepicker-months {
  display: block;
}
.datetimepicker.years div.datetimepicker-years {
  display: block;
}
.datetimepicker table {
  margin: 0;
  background-color: transparent;
}
.datetimepicker table th,
.datetimepicker table td {
  line-height:1;
}
.datetimepicker table tr td.minute:hover {
  background: #222222;
  cursor: pointer;
}
.datetimepicker table tr td.hour:hover {
  background: #222222;
  cursor: pointer;
}
.datetimepicker table tr td.day:hover {
  background: #222222;
  cursor: pointer;
}
.datetimepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datetimepicker table tr td span:hover {
  background: #222222;
}
.datetimepicker table tr td span.old {
  color: #666666;
}
.datetimepicker .datetimepicker-hours span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker .datetimepicker-minutes span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker th.switch {
  width: 145px;
}
.datetimepicker-inline {
  width: 220px;
}
.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
  top: 0;
  left: 0;
}
.datetimepicker-dropdown-bottom-left:before {
  top: -7px;
  right: 6px;
}
.datetimepicker-dropdown-bottom-left:after {
  top: -6px;
  right: 7px;
}
.datetimepicker-dropdown-bottom-right:before {
  top: -7px;
  left: 6px;
}
.datetimepicker-dropdown-bottom-right:after {
  top: -6px;
  left: 7px;
}
.datetimepicker-dropdown-top-left:before {
  bottom: -7px;
  right: 6px;
}
.datetimepicker-dropdown-top-left:after {
  bottom: -6px;
  right: 7px;
}
.datetimepicker-dropdown-top-right:before {
  bottom: -7px;
  left: 6px;
}
.datetimepicker-dropdown-top-right:after {
  bottom: -6px;
  left: 7px;
}
.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  color: #999999;
}
.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
  background-color: transparent;
}
.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
  color: #666666;
}
.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
  background: none;
  color: #666666;
  cursor: default;
}
.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
  background-color: #76b6ec;
  border-color: #76b6ec #76b6ec #76b6ec;
}
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
  background-color: #76b6ec;
}
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
  background-color: #76b6ec;
}
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
  background-color: #76b6ec;
  border-color: #76b6ec #76b6ec #76b6ec;
  color: #fff;
}
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
  background-color: #76b6ec;
}
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
  background-color: #ff9900;
}
.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
  width: 14.6%;
}
.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
  margin-bottom: inherit;
  line-height: 30px;
}
.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
  background: none;
  color: #666666;
  cursor: default;
}
.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
  background-color: #76b6ec;
  border-color: #76b6ec #76b6ec #76b6ec;
  color: #fff;
}
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #76b6ec;
}
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
  background-color: #76b6ec;
}
.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
  cursor: pointer;
}
.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover {
  background: #222222;
}

.datetimewidth {
    max-width:210px;
}

/*validation error*/
.validationerror {
    border-color: #ff5544!important;
}
.validationerrorlabel {
    color: #ff5544!important;
}

/*newsletter*/

.kode-newslatter .nlform a:before {
	content: "\f1d8";
	font-family: FontAwesome;
	position: absolute;
	right: 20px;
	top: 12px;
	color: #ffffff;
	font-size: 25px;
	cursor: pointer;
}
.kode-newslatter .nlform a {
    display: block;
	width: 50px;
	height: 50px;
	background: none;
	border: none;
}

/*modal-newsletter*/
@media (min-width: 768px) {
    .modal-dialog.extended {
        width: 580px!important;
        margin: 100px auto;
    }

    .nliframe {
        height:540px!important;
    }
}

@media (min-width: 400px) and (max-width: 767px) {
    .modal-dialog.extended {
        width: 400px!important;
        margin: 50px auto;
    }

    .nliframe {
        height:540px!important;
    }
}

.modal-dialog.extended{ width: 320px; }

.g-recaptcha {
    margin:0px auto;
    margin-bottom:10px;
    width:304px;
}

.nlform.has-error input[type="text"]{
    border-color:#ff8855;
}

.nliframe {
    height:620px;
}


.table.theme-table.margintop, .event .table.theme-table.margintop {
    margin-top:25px;
}

.kode-simple-form h2 {
    margin-top:10px;
}

.radiobuttonlist td {
    border:0px;
    padding-bottom:20px;
}

.radiobuttonlist input {
    float:left!important;
    margin-right:10px;
}

blockquote .radiobuttonlist label {
    margin-top:-12px;
}

.radiobuttonlist label {
    margin-top:-8px;
}

.radiobuttonlist li {
    list-style:circle!important;
    margin:0px!important;
}

.radiobuttonlist .description {
    margin-left:10px;
    font-size:12px;
}

/*datatables*/
#tabledataresults_processing {
    margin:0px auto;
    width:80px;
}

/*promo box*/
.kode-register-payment-100 {
    font-size:17px;
}

/*payment types*/
.kode-register-payment-100  { width: 100%; font-size:17px;}
.kode-register-payment-100  li { margin:0!important; }

.kode-register-payment-100 h2 {
    color:#fff;
    margin-top:0px;
    margin-bottom:40px;
}

.kode-register-payment-100 label {
    color:#fff;
}

.kode-register-payment-100 strong {
    color:#fff;
}

.kode-register-payment-100 input[type="submit"] {
    max-width: 100%;
    float: left;
    color: #ffffff;
    padding: 10px 40px;
    text-transform: uppercase;
    border: 7px solid;
    font-size: 24px;
    text-transform: uppercase;
    box-shadow: 0px 0px 0px 1px #f48686 inset;
    margin-top: 15px;
    border-color: #e8590d !important
}
.kode-register-payment-100 a {
    max-width: 100%;
    float: left;
    color: #ffffff;
    padding: 10px 40px;
    text-transform: uppercase;
    border: 7px solid;
    font-size: 24px;
    text-transform: uppercase;
    box-shadow: 0px 0px 0px 1px #f48686 inset;
    margin-top: 15px;
    border-color: #e8590d !important
}

.dataTables_paginate {
	float: left;
	width: 100%;
	text-align: center;
}
.dataTables_paginate span.ui-state-default {
	display: inline-block;
	width: 40px;
	height: 32px;
	border: 1px solid #d7d7d7;
	padding: 5px 0px 0px 0px;
	margin-right: 6px;
    color:#fff;
    background-color:#e8590d;
    cursor: pointer;
}
.dataTables_paginate span.ui-state-disabled {
    color:#fff;
    background-color:#f8894d;
    cursor: default;
}
.paginate_page {
    margin-left:10px;
}
.paginate_of {
    margin-right:10px;
}
.paginate_input {
    height:32px!important;
    min-height:32px!important;
    width:58px;
}

#tabledataresults > thead > tr > th, #tabledataresults > tbody > tr > th, #tabledataresults > tfoot > tr > th, #tabledataresults > thead > tr > td, #tabledataresults > tbody > tr > td, #tabledataresults > tfoot > tr > td {
    padding: 10px 8px;
}

/*dropdown flags*/
.dropdown-menu.flags {
    min-width: 50px;
}

.dropdown-menu.flags li {
    padding: 4px;
}

/*banners*/
.dfp-bnr {
}

.dfp-bnr iframe {
    width: 970px;
    float: none;
}

.dfp-bnr720 iframe {
    width: 720px;
    float: none;
}

.dfp-bnr300 iframe {
    width: 300px;
    float: none;
}

@media all and (max-width: 1023px) {
    .dfp-bnr iframe {
        width: auto;
    }
    .dfp-bnr720 iframe {
        width: auto;
    }
}

/*custom tabs*/
.htmlcontainer ul li {
    list-style: circle;
    margin-left: 25px;
}

#tab2 ul li {
    list-style: circle;
    margin-left: 25px;
}

#tab3 ul li {
    list-style: circle;
    margin-left: 25px;
}


/*print*/
@media print {
    a[href]:after {
        content: none !important;
    }
    #footer1, #footer2, #headerbox1, #newsletterbox1 {
        display: none;
    }
}



.kode-table thead {
    background-color: #666;
}
.kode-table thead th {
    font-size: unset;
    font-weight: normal;
}
.kode-table thead th:last-child {
    border-right: 1px solid #666;
}


/*lap table*/
table.laptable {
    width: 100%;
    background: #666;
}

table.laptable, table.laptable td {
}

table.laptable thead {
    display: table; /* to take the same width as tr */
    width: 100%;
}
@media (pointer:fine) {
    table.laptable thead {
        width: calc(100% - 17px); /* - 17px because of the scrollbar width */
    }
}

table.laptable tbody {
    display: block; /* to enable vertical scrolling */
    max-height: 420px; /* e.g. */
    overflow-y: scroll; /* keeps the scrollbar even if it doesn't need it; display purpose */
}

table.laptable th {
    width: 40%; /* to enable "word-break: break-all" */
    word-break: break-all; /* 4. */
}
table.laptable td {
    width: 40%; /* to enable "word-break: break-all" */
    word-break: break-all; /* 4. */
}

table.laptable th:first-child {
    width: 20%; /* to enable "word-break: break-all" */
    word-break: break-all; /* 4. */
}
table.laptable td:first-child {
    width: 20%; /* to enable "word-break: break-all" */
    word-break: break-all; /* 4. */
}

table.laptable tr {
    display: table; /* display purpose; th's border */
    width: 100%;
    margin-top: -1px;
    margin-bottom: -1px;
}

table.laptable td {
    text-align: center;
}

@media (max-width: 767px) {
    table.laptable th {
        font-size:13px;
    }
}


@keyframes blinking {
	0% {
		background-color: #ff9900;
	}
	50% {
		background-color: #e8590d;
	}
	100% {
		background-color: #ff9900;
	}
}
.reslive{
	color:#ffffff;
	font-size:12px;
	line-height:13px;
	font-weight:700;
	padding:5px 10px!important;
	margin-left:-10px;
	border-radius:3px;
	vertical-align: top;
	animation: blinking 2s infinite;
}