.control-button.selected, .control-button.selected:hover {
  background-image: linear-gradient(#25a, #006);
  border: 1px solid #222;
  color: #fff;
}

body {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif !important;
  color: #565656;
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: 'Open Sans', sans-serif !important;
}

.ui-widget-content {
  color: #555 !important;
}

.ui-widget {
  font-size: 14px;
}

iframe html {
  height: 100% !important;
}

iframe body {
  height: 100% !important;
}

.btn-aff {
  display: inline-block;
  padding: 5px 10px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #002055), color-stop(0.73, #003d81));
  background-image: -moz-linear-gradient(center bottom, #002055 45%, #003d81 73%);
  cursor: pointer;
}

.btn-aff:hover {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #002055), color-stop(0.73, #001b38));
  background-image: -moz-linear-gradient(center bottom, #002055 45%, #001b38 73%);
}

.btn-aff a {
  color: #fff;
}

.btn-aff a:hover {
  text-decoration: none;
}

.control-button.selected {
  cursor: default;
}

.control-button {
  background: linear-gradient(#fff, #eee);
  border: 1px solid #ccc;
  color: #222;
  display: block;
  float: left;
  margin-right: 10px;
  padding: 8px 30px 8px 30px;
  text-decoration: none;
}

.styled-select select {
  background: linear-gradient(#fff, #eee);
  width: 268px;
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  height: 34px;
  -webkit-appearance: none;
}

.styled-select {
  width: 240px;
  height: 34px;
  overflow: hidden;
  background: url(new_arrow.png) no-repeat right linear-gradient(#fff, #eee);
  border: 1px solid #ccc;
}

button {
  font-weight: bold;
}

fieldset {
  border: none;
}

.logo {
  display: block;
  cursor: pointer;
  padding: 5px 0;
}

.logo-front {
  float: left;
}

.submit {
  border: 1px solid #1977c2;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: inline-block;
  color: #efefef;
  font-size: 0.8em;
  font-weight: bold;
  height: 25px;
  background-color: #6196cc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6196cc), to(#1977c2));
  background-image: -webkit-linear-gradient(top, #6196cc, #1977c2);
  background-image: -moz-linear-gradient(top, #6196cc, #1977c2);
  background-image: -ms-linear-gradient(top, #6196cc, #1977c2);
  background-image: -o-linear-gradient(top, #6196cc, #1977c2);
  background-image: linear-gradient(to bottom, #6196cc, #1977c2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6196cc, endColorstr=#1977c2);
}

.button-emphasis {
  padding-left: 16px;
  padding-right: 16px;
  height: 35px;
  font-size: 80%;
}

.register-button {
  border: 1px solid #b30808;
  border-radius: 5px;
  color: white;
  background-color: #e40a0a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
  background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
  background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
  background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
  background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
  background-image: linear-gradient(to bottom, #e40a0a, #9f0202);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e40a0a, endColorstr=#9f0202);
}

.nav .menu .item-link {
  margin-top: 5px;
}

.nav .menu .item-link:hover {
  border-bottom: 1px #fff solid;
}

.nav .logout-menu {
  margin-top: 60px;
}

.menu .menu-item {
  color: white;
}

.holder-in {
  position: relative;
  float: right;
}

.holder {
  position: relative;
  width: 500px;
  float: right;
}

.holder:after {
  clear: both;
}

.earnings-breakdown ul {
  list-style: none;
  padding: 0;
}

.earnings-breakdown ul li {
  color: #333;
  display: block;
  float: left;
  height: 60px;
  width: 131.4px;
  background: white;
  border: 1px solid #999;
  padding: 5px;
  position: relative;
}

.earnings-breakdown ul li a {
  text-decoration: none;
  color: #333;
}

.earnings-breakdown ul li .number {
  text-align: left;
  vertical-align: middle;
  height: 1.35em;
  font-size: 1.25em;
  line-height: 1.25em;
  padding-left: 10px;
  padding-top: 5px;
  text-shadow: 1px 1px #ccc;
}

.earnings-breakdown ul li .description {
  font-size: 0.8em;
  color: #000;
  text-shadow: 1px 1px #ccc;
  padding-left: 10px;
  padding-top: 5px;
}

.email-item-container {
  height: 90px;
}

.email-item-container-right, .email-item-container-left {
  list-style: none;
  width: 50%;
  float: left;
  height: 100px;
}

.email-item-container-left:after {
  clear: both;
}

.email-item-container-right ul {
  list-style: none;
}

input[readonly] {
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

li.first-row-item, li.second-row-item {
  width: 50%;
  float: left;
}

li.first-row-item:last-of-type:after, li.second-row-item:last-of-type:after {
  clear: both;
}

.squaredOne {
  width: 15px;
  height: 15px;
  position: relative;
  margin: 20px auto;
  background: #fff;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.7);
}

.squaredOne input[type=checkbox] {
  visibility: hidden;
}

.squaredOne input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.head {
  width: 100%;
  display: block;
  border: 1px solid #999;
  background: linear-gradient(#fff, #bbb);
}

.main-content h1 {
  font-size: 1.4em;
}

.overview-box {
  padding-top: 16px;
  margin-bottom: 16px;
}

.content-box {
  margin-top: 15px;
}

.head h2 {
  display: inline-block;
  font-size: 1.1em;
  padding-left: 10px;
  line-height: 30px;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  padding: 5px 0 5px 16px;
}

.head .show-more {
  float: right;
  display: block;
  width: 55px;
  font-size: 0.8em;
  padding-top: 10px;
}

.head .show-more .arrow {
  width: 0;
  height: 0;
  position: relative;
  right: -35px;
  top: -12px;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #006;
}

.collapse-expand {
  float: right;
  position: relative;
  top: 7px;
  right: 15px;
  height: 15px;
  width: 15px;
  -webkit-border-radius: 7.5px;
  border-radius: 50%;
  border: 1px solid #888;
  background: linear-gradient(#999, #bbb);
}

.hline {
  width: 9px;
  height: 2px;
  background: #555;
  position: absolute;
  top: 7px !important;
  left: 3px !important;
}

.vline {
}

.head .collapse {
  height: 15px;
  position: relative;
  width: 15px;
  float: right;
  display: block;
  border: 1px solid black;
  border-radius: 50px;
}

.head .collapsse:after {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  display: block;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: #007bff transparent transparent transparent;
}

.earnings-breakdown ul {
  -webkit-padding-start: 0;
}

.earnings-breakdown ul li.selected {
  background: linear-gradient(#fff, #eee);
}

.earnings-breakdown ul li.selected:after {
  position: absolute;
  transform: scale(0.707) rotate(45deg);
  width: 23px;
  height: 23px;
  content: '';
  top: 59px;
  right: 14px;
  border: 1px solid #999;
  border-top: none;
  border-left: none;
  background: linear-gradient(#eee, #eee);
  z-index: 0;
  border-radius: 50px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-box-base {
  height: 40px;
  padding: 9px 0 0 10px;
  overflow: hidden;
  margin: 0 2px 0 10px;
}

.tab-action:before, .tab-action:after {
  clear: both;
  display: table;
  content: "";
}

.tab-action {
  margin: 0;
  padding: 0;
}

.tab-action li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tab-action li:first-child {
  margin-left: 0;
}

.tab-wrapper .tab-content {
  border: #b9b9b9 1px solid;
  display: none;
  margin-top: 20px;
  padding: 10px;
}

.frame-holder, .frame-holder2 {
  width: 747px;
  min-height: 400px;
  padding-left: 10px;
  overflow: hidden;
}

.frame-holder h3, .frame-holder2 h3 {
  color: #333;
  padding-left: 30px;
  font-size: 1.1em;
}

.input-box-base a {
  text-decoration: none;
  color: white;
}

.input-box-base.support:before, .input-box-base.chat:before, .input-box-base.logout:before, .input-box-base.message-notif:before {
  content: "";
  width: 30px;
  height: 29px;
  left: 0;
  bottom: -6px;
  position: absolute;
}

.input-box-base.support:before {
  background-image: url('/diamondbet/images/support.png');
}

.input-box-base.chat:before {
  background-image: url('/diamondbet/images/Chat.png');
}

.input-box-base.logout:before {
  background-image: url('/diamondbet/images/Logout.png');
}

.input-emphasis {
  padding-top: 1px;
}

.input-box-base {
  float: left;
}

/* START hover menu styling */
.menu_class {
  border: 1px solid #1c1c1c;
}

.sub-menu-container {
  padding-top: 30px;
  position: absolute;
  display: none;
  z-index: 3;
}

ul.menu .sub-menu-container ul li {
  text-transform: none;
}

.triangle-container {
  width: 100%;
  height: 50px;
  margin-top: -30px;
}

.triangle {
  width: 0px;
  height: 0px;
  position: absolute;
  left: 30%;
  top: 20px;
  border-style: solid;
  transform: skew(30deg, 0deg);
  border-width: 0 7px 20px 7px;
  border-color: transparent transparent rgba(0, 61, 129, 1) transparent;
}

.file_menu {
  width: 200px;
  border: 1px solid #1c1c1c;
  padding: 0;
  margin-top: -10px;
  list-style: none;
}

.file_menu li:first-child {
  border-top: 1px solid rgba(0, 61, 129, 1);
}

.file_menu li:last-child {
  border-bottom: 1px solid rgba(0, 61, 129, 1);
}

.file_menu li {
  width: 180px;
  background-color: rgba(0, 32, 85, 1);
  border-bottom: 1px solid rgba(0, 61, 129, 1);
}

.file_menu li:hover {
  background: linear-gradient(rgba(0, 61, 129, 1), #229);
}

.file_menu li a {
  color: #fff;
  text-decoration: none;
  font-weight: normal !important;
  padding: 10px 2px;
  display: block;
}

.file_menu li a:hover {
  /*padding:10px 2px; */
  font-weight: bold;
}

/* END */

#search-form {
  color: white;
}

#search-form input {
  color: #333;
}

#search-form .input-box-base {
  position: relative;
  float: right;
  overflow: visible;
  padding-left: 30px;
  height: 26px;
  font-size: 14px;
}

input[type=text], input[type=password] {
  font-size: 12px;
}

select {
  width: 175px;
}

ul.menu {
  list-style: none;
  position: relative;
  font-size: 16px;
  margin-top: 45px;
  margin-bottom: 0px;
}

.login_error {
  text-align: right;
  color: red;
  font-weight: 900;
}

.login_error span {
  display: block;
  padding-top: 7px;
}

.login-form ul.menu {
  padding-left: 15%;
}

.header ul.menu li a {
  color: #565656;
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
  padding-bottom: 3px;
}

.header ul.menu li a:hover {
  border-bottom: 1px solid #565656;
}

ul.menu li {
  padding-left: 20px;
  padding-right: 20px;
  font-weight: bold;
  text-transform: uppercase;
  float: left;
}

ul.menu li:last :after {
  clear: both;
}

.narrow {
  margin: 0 auto;
}

.main-content {
  width: 717px;
  float: left;
  padding: 0 20px;
}

.thinner {
  height: 20px;
}

.summary-box {
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: scroll;
}

h1 {
  color: #002055;
}

hr {
  border-left: none;
}

table {
  width: 100%;
  border: 1px solid #c5c5c5;
  color: #555;
  position: relative;
}

table tbody {
  color: #666;
}

table thead th {
  text-align: left;
  padding-left: 10px;
}

table.multicol thead tr:last-child {
  background: white;
}

table.multicol td, table.multicol tr:last-child th {
  border: 1px solid #999;
}

table thead th.edit span {
  border: 0px solid blue;
  padding: 4px;
  color: white;
  background: linear-gradient(#aaa, #666);
  position: absolute;
  right: 10px;
  top: 6px;
}

table thead tr {
  background: linear-gradient(#fff, #bbb);
  height: 36px;
}

table td {
  padding: 10px;
}

table tr {
  border-bottom: 1px solid #c8c8c8;
  border-top: 1px solid #c8c8c8;
}

.sidebar-left {
  width: 267px;
  float: left;
}

.sub-navigation {
  width: 265px;
  -webkit-margin-before: 0;
  padding: 0;
  border: 1px solid #999;
  float: left;
}

.content-box, .news-box {
  width: 100%;
  border: 1px solid #999;
  float: left;
}

.content-box ul {
  -webkit-padding-start: 20px;
}

.content-box ul li {
  list-style: none;
  -webkit-padding-start: 0;
  -webkit-margin-before: 0;
}

.content-box ul li a {
  background-image: url("/diamondbet/images/account/list_arrow.png");
  background-repeat: no-repeat;
  font-size: 0.9em;
  list-style-image: none;
  list-style-type: none;
  margin-top: 0;
  color: #999;
  padding-left: 18px;
  text-decoration: none;
}

ul.menu li.active a {
  color: #38f;
}

.content-box .headline, .news-box .headline {
  font-size: 1.1em;
  font-weight: bold;
  background: linear-gradient(#fff, #bbb);
  height: 35px;
  line-height: 35px;
  padding-left: 20px;
  padding-top: 5px;
}

.headline {
  border-bottom: 1px solid #999;
}

.headline .edit {
  float: right;
  position: relative;
  top: -45px;
  border: 0px solid #999;
  padding: 5px 7px;
  border-radius: 3px;
  color: white;
  background: linear-gradient(#bbb, #666);
}

.headline .save {
  float: right;
  position: relative;
  top: -45px;
  border: 0px solid #999;
  padding: 5px 7px;
  border-radius: 3px;
  color: white;
  background: linear-gradient(#bbb, #666);
}

.headline .cancel {
  cursor: pointer;
  margin-left: 10px;
  float: right;
  position: relative;
  top: -45px;
  border: 0px solid #999;
  padding: 5px 7px;
  border-radius: 3px;
  color: white;
  background: linear-gradient(#bbb, #666);
}

.save input {
  background: none;
  border: none;
}

.content table {
  border-top: 0;
}

.read-mode-item {
  margin-left: 20px;
}

.edit-box table {
  background: #eee;
}

.edit-box table input[type=text] {
  background: white;
  width: 95%;
  height: 30px;
  border: 1px solid black;
  font-size: 1em;
  border-radius: 0;
  box-shadow: none;
}

.content-box .content {
  font-size: 0.85em;
}

.content-box .content table {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.content-box .content table td {
  border-right: 1px solid #999;
}

.content-box .content table td a {
  background: #006 !important;
  border-radius: 2px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 16px 5px 16px;
  color: white;
}

.content-box .content table td:nth-child(2) {
  color: black;
}

.content-box .content table tr td:last-child {
  border-right: 0;
}

.content-box .content table tr:last-child {
  border-bottom: 0;
}

.content-box .content table thead tr {
  background: white;
}

.content-box .content table thead tr th {
  background: white;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

.content-box .content table thead tr th:last-child {
  border-right: 0;
}

.sub-navigation {
  list-style-type: none;
  -webkit-padding-start: 0;
}

.sub-navigation li {
  text-decoration: none;
  outline: none;
  display: block;
  line-height: 36px;
  color: white;
  background: #fff;
  position: relative;
  border: 1px solid #c8c8c8;
}

.sub-navigation li a {
  text-decoration: none;
  color: #000;
  font-size: 14px;
  padding-left: 20px;
  width: 100%;
  display: inline-block;
}

.sub-navigation li.active {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #002055), color-stop(0.73, #003d81));
  background-image: -moz-linear-gradient(center bottom, #002055 45%, #003d81 73%);
}

.sub-navigation li.active a {
  color: white;
}

.sub-navigation li:hover:not(.active) {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #fff), color-stop(0.73, #f9f9f9));
  background-image: -moz-linear-gradient(center bottom, #fff 45%, #f9f9f9 73%);
}

.sub-navigation li:hover:not(.active) a {
  color: #003b7e;
}

.dark-background {
  border-bottom: 5px solid #03426a;
}

.footer {
  background-color: #03426a;
  width: 100%;
}

.footer-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.three-boxes .box {
  width: 27%;
  padding: 10px;
  padding-top: 0px;
  border: none;
  border-radius: 5px;
  margin-left: 20px;
  margin-right: 20px;
  max-height: 500px;
  background: rgb(249, 249, 249); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(214, 214, 214, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(214, 214, 214, 1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(214, 214, 214, 1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(214, 214, 214, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(214, 214, 214, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(249, 249, 249, 1) 0%, rgba(214, 214, 214, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#9a9a9a', GradientType=0); /* IE6-9 */
}

.three-boxes .box a, .three-boxes .box p, .three-boxes .box h2, .three-boxes .box img {
  width: 95%;
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.three-boxes .box h2 {
  font-size: 1.2em;
  color: #555;
}

.three-boxes .box p {
  font-size: 0.9em;
  line-height: 1.3em;
  color: #555;
}

.three-boxes .box p, .three-boxes .box h2 {
  text-align: center;
}

.three-boxes .box a {
  margin-bottom: 2.5%;
  display: block;
  text-decoration: none;
}

.three-boxes .box a button {
  display: block;
  margin: 0px auto;
  font-size: 0.8em;
}

.light-background {
  background: rgb(249, 249, 249); /* Old browsers */
  /*  background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(214,214,214,1) 100%); /* FF3.6+ */
  /*  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
  /*  background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
  /*  background: -o-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
  /*  background: -ms-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(214,214,214,1) 100%); /* IE10+ */
  /*  background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(214,214,214,1) 100%); /* W3C */
  /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#9a9a9a',GradientType=0 ); /* IE6-9 */
}

.news-section {
  margin-top: 30px;
}

.news-item a {
  color: #03426a;
  font-weight: bold;
}

.narrow-content .news-item {
  margin-right: 30px;
  font-size: 0.8em;
  min-height: 100px;
}

.narrow-content {
  text-align: center;
}

.partner-room-signup p {
  text-align: center;
}

.partner-room-signup
.narrow-content .mid a {
  margin: 0 auto;
  width: 260px;
  display: block;
}

.narrow-content button {
  width: 260px;
}

#footer-pusher {
  width: 100%;
  float: left;
}

.footer .footer-menu {
  font-size: 12px;
  display: inline-block;
  margin-top: 20px;
  padding: 0;
}

.footer ul.menu li {
  text-transform: capitalize;
  border-right: 1px solid white;
}

.footer ul.menu li a {
  font-weight: normal;
  text-decoration: none;
  color: white;
  font-size: 16px;
}

.footer-logo img {
  margin: 0 auto;
}

.footer-rights {
  text-align: center;
}

.footer-awards {
  padding: 10px 0;
}

.footer-awards img {
}

.footer-awards-img {
  float: left;
}

.footer ul.menu li a:hover {
  text-decoration: underline;
}

.footer ul.menu li:last-of-type {
  border: none;
}

.footer-bottom-wrap {
  margin: 0 auto;
  text-align: center;
}

.footer-mga {
  margin: 20px 0;
}

.footer-mga img {
  margin: 0 15px;
}

.footer-rights {
  margin-bottom: 15px;
  color: #fff;
}

.footer-flags-wrap {
  text-align: center;
  margin-bottom: 15px;
}

span.b {
  color: #26759e;
}

span.r {
  font-family: times;
}

.more-link {
  font-weight: normal;
  color: white;
  padding: 5px 25px;
  border: none;
  border-radius: 5px;
  background-color: #26759e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));
  background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
  background-image: -moz-linear-gradient(top, #26759e, #133d5b);
  background-image: -ms-linear-gradient(top, #26759e, #133d5b);
  background-image: -o-linear-gradient(top, #26759e, #133d5b);
  background-image: linear-gradient(to bottom, #26759e, #133d5b);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#26759e, endColorstr=#133d5b);
}

.news-content {
  width: 800px;
  float: left;
}

.news-archive {
  width: 200px;
  float: left;
}

.year_date_form {
  border: none;
}

table.year_date_form tr {
  border: none;
}

/*
input[type=checkbox] {
  position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
*/

input[type=checkbox] + label {
  padding-left: 21px;
  height: 16px;
  display: inline-block;
  line-height: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 16px;
  vertical-align: middle;
  cursor: pointer;
}

input[type=checkbox]:checked + label {
  background-position: 0 -16px;
}

/* toggle styling */

#sliderLabel {
  border: 1px solid #a2a2a2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  display: block;
  height: 30px;
  overflow: hidden;
  position: relative;
  width: 100px;
}

#sliderLabel input {
  display: none;
}

#sliderLabel input:checked + #slider {
  left: 0;
}

#slider {
  left: -50px;
  position: absolute;
  top: 0;
  -webkit-transition: left .25s ease-out;
  -moz-transition: left .25s ease-out;
  -o-transition: left .25s ease-out;
  -ms-transition: left .25s ease-out;
  transition: left .25s ease-out;
}

#sliderOn,
#sliderBlock,
#sliderOff {
  display: block;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 0;
}

#sliderOn {
  background: #3269aa;
  background: -webkit-linear-gradient(top, #3269aa 0%, #82b3f4 100%);
  background: -moz-linear-gradient(top, #3269aa 0%, #82b3f4 100%);
  background: -o-linear-gradient(top, #3269aa 0%, #82b3f4 100%);
  background: -ms-linear-gradient(top, #3269aa 0%, #82b3f4 100%);
  background: linear-gradient(top, #3269aa 0%, #82b3f4 100%);
  color: white;
  left: 0;
  width: 54px;
}

#sliderBlock {
  background: #d9d9d8;
  background: -webkit-linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);
  background: -moz-linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);
  background: -o-linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);
  background: -ms-linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);
  background: linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);
  border: 0px solid #a2a2a2;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  height: 30px;
  left: 50px;
  width: 50px;
}

#sliderOff {
  background: #f2f3f2;
  color: #8b8b8b;
  left: 96px;
  width: 54px;
}

.main-content .edit {
  cursor: pointer;
}

.account-edit-box.edit-mode table {
  background: #eee;
}

.account-edit-box table td {
  padding: 5px 0px 5px 12px;
}

.account-edit-box table td:nth-child(2) {
  border-right: 1px solid #999;
}

.account-edit-box table input {
  padding: 5px 20px;
  font-size: 1em;
}

.account-edit-box table input[readonly] {
  background: transparent;
}

.account-edit-box table input[type=text] {
  width: 300px;
}

.account-edit-box table select {
  padding: 5px 10px;
}

/* Registration */

.outer-holder {
  float: left;
  clear: both;
  margin: 0 auto;
}

.outer-holder h1 {
  font-size: 1.4em;
}

.outer-holder td {
  color: #000;
}

.sub-page-below {
  margin-top: 30px;
}

.aff-registration {
  overflow: hidden;
}

.aff-registration table, .aff-registration tr {
  border: none;
}

.aff-registration input[type=text], .aff-registration input[type=password] {
  width: 100%;
}

.aff-registration input[type=tel] {
  width: 100%;
}

.aff-registration .dropdown-menu {
  width: 100%;
}

.aff-registration textarea {
  resize: vertical;
  max-height: 150px;
}

.aff-registration select {
  width: 100%;
}

.aff-registration .ms-url-text {
  width: 320px !important;
}

.aff-form-submit {
  margin-top: 30px;
}

.aff-error-list {
  margin-top: 30px;
}

.error-list-title {
  font-weight: bolder;
}

.error-list-msg {
  font-size: 12px;
  padding: 3px 10px;
  color: #c00 !important;
}

td.aff-form-label {
  vertical-align: top;
}

.aff-form-req {
  color: #c00;
  margin-left: -5px;
}

.aff-form-req-tnc {
  color: #c00;
  margin-left: -10px;
}

span.aff-reg-form-invalid {
  display: block !important;
  float: left;
  font-size: 12px;
  padding: 3px 5px;
  width: 100%;
  margin-top: 2px;
  white-space: normal;
  color: red;
}

.sub-page-below td {
  white-space: nowrap;
}

.form-vs-username {
  vertical-align: top;
}

.vs-tnc span.aff-reg-form-invalid {
  width: 100%;
}

#ui-datepicker-div {
  width: 250px;
}

.ui-datepicker-header {
  font-size: 13px;
}

.ui-datepicker-calendar {
  font-size: 11px !important;
}

#aff-form-add-url {
  font-size: 12px;
}

#aff-form-add-url div {
  float: right;
  margin: 0px 15px 0 0;
  display: inline-block;
  padding: 7px 10px;
  background-color: #03426a;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
  box-shadow: 0 -4px #05293f inset;
}

#aff-form-add-url div:hover {
  background-color: #05293f;
}

.aff-form-rmv-url {
  background: url('../images/icons/delete.png') no-repeat 0px 0px;
  background-size: 32px 16px;
  width: 16px;
  height: 16px;
  margin: auto;
  margin-top: 2px;
  float: left;
  cursor: pointer;
}

.aff-form-rmv-url:hover {
  background: url('../images/icons/delete.png') no-repeat -18px 0px;
  background-size: 36px 18px;
  width: 18px;
  height: 18px;
  margin: auto;
  margin-top: 1px;
}

/* User Account */
.container-holder {
  margin: 0 auto;
  overflow: hidden;
}

.background-holder {
  width: 100%;
  float: left;
  padding: 10px 15px;
}

.sub-navigation {
  list-style-type: none;
  width: 265px;
  border: none;
  margin: 0;
}

.sub-content-title {
  float: left;
  width: 100%;
  border-bottom: 1px #03426a solid;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.sub-content-title h1 {
  float: left;
  font-size: 20px;
  color: #03426a;
  margin: 0;
}

.sub-content-sub-title {
  float: left;
  width: 100%;
  border-bottom: 1px #03426a solid;
  padding-bottom: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.sub-content-sub-title h1 {
  float: left;
  font-size: 16px;
  color: #03426a;
  margin: 0;
}

.data-box-edit-mode tr:hover {
  background-color: #f9f9f9;
}

.data-box-space {
  margin-bottom: 15px;
}

.data-box-title {
  float: left;
  margin-top: 15px;
  width: 100%;
  height: 35px;
  border-bottom: 1px solid #003b7e;
  color: #003b7e;
  margin-bottom: 10px;
  font-size: 14px;
}

.data-box-title span {
  line-height: 35px;
  margin-left: 10px;
}

.data-box-title .btns-area button {
  float: left;
}

.data-box-scroller {
  float: left;
  overflow-x: scroll;
  width: 100%;
  margin-bottom: 15px;
}

.data-box-tbl-loader {
  text-align: center;
}

#data-cstmrep-tbl-fancy {
  margin-bottom: 0 !important;
}

.data-box-tbl-text {
  float: left;
  clear: both;
  width: 100%;
}

.data-box-tbl-loader-center {
  padding: 20px 0;
}

.data-box-tbl-text-center {
  width: 100%;
}

.data-box-tbl-text-center > div {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
}

.btns-area {
  float: right;
}

button.btn-task-new {
  background-color: #c0c0c0;
  border: none;
  border-radius: 5px;
  padding: 5px 15px;
  box-shadow: 0 -2px #9e9e9e inset;
  color: #8e8e8e;
  text-transform: uppercase;
  font: initial;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600;
  margin: 0 5px;
}

.blue-btn {
  background-color: #03426a;
  border: none;
  border-radius: 5px;
  padding: 5px 15px;
  box-shadow: 0 -2px #05293f inset;
  color: #fff;
  text-transform: uppercase;
  font: initial;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600;
  margin: 0 5px;
}

.blue-btn:hover {
  background-color: #05293f;
}

.blue-btn:focus {
  outline: none;
}

button.btn-task-new-b {
  background-color: #03426a;
  border: none;
  border-radius: 5px;
  padding: 5px 15px;
  box-shadow: 0 -2px #05293f inset;
  color: #fff;
  text-transform: uppercase;
  font: initial;
  font-family: "Open Sans", sans-serif;
  font-size: 12px !important;
  font-weight: 600;
  margin: 0 5px;
}

button.btn-task-new:hover {
  background-color: #9e9e9e;
}

button.btn-task-new:focus {
  outline: none;
}

button.btn-task-new-b:hover {
  background-color: #05293f;
}

button.btn-task-new-b:focus {
  outline: none;
}

button.btn-task {
  float: right;
  margin: 0px 15px 0 0;
  display: inline-block;
  padding: 7px 10px;
  background-color: #03426a;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
  box-shadow: 0 -4px #05293f inset;
  height: 40px;
}

button.btn-task:hover {
  background-color: #05293f;
}

input.btn-task {
  float: right;
  margin: 0px 15px 0 0;
  display: inline-block;
  padding: 7px 10px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #ededed), color-stop(0.73, #fff));
  background-image: -moz-linear-gradient(center bottom, #ededed 45%, #fff 73%);
  cursor: pointer;
  border: none;
  color: #002055;
  font-weight: 900;
}

input.btn-task:hover {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #ededed), color-stop(0.73, #dfdfdf));
  background-image: -moz-linear-gradient(center bottom, #ededed 45%, #dfdfdf 73%);
}

div.btn-task-new {
  background-color: #c0c0c0;
  border: none;
  border-radius: 5px;
  padding: 5px 15px;
  box-shadow: 0 -2px #9e9e9e inset;
  color: #8e8e8e;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  margin: 0 5px;
  float: right;
  text-align: center;
}

.btns-area a:hover {
  text-decoration: none;
}

div.btn-task {
  float: right;
  margin: 0px 15px 0 0;
  display: inline-block;
  padding: 7px 10px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #002055), color-stop(0.73, #003d81));
  background-image: -moz-linear-gradient(center bottom, #002055 45%, #003d81 73%);
  cursor: pointer;
  text-align: center;
  color: #fff;
  font-weight: 900;
}

div.btn-task:hover {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #002055), color-stop(0.73, #001b38));
  background-image: -moz-linear-gradient(center bottom, #002055 45%, #001b38 73%);
}

div.btn-task-new a {
  color: #8e8e8e;
  font-weight: 600;
}

div.btn-task-new:hover {
  background-color: #9e9e9e;
}

div.btn-task a {
  color: #fff;
  font-weight: 900;
}

div.btn-task-new a:hover {
  text-decoration: none;
}

div.btn-task a:hover {
  text-decoration: none;
}

.data-box table tr {
  border: 1px solid #cdcdcd;
}

.data-frm-box .data-box-tr-header {
  font-weight: 600;
}

#data-tbl-acc-details td.data-box-col-1 {
  vertical-align: top;
  width: 250px;
  font-weight: 600;
}

#data-tbl-pay-info td.data-box-col-1 {
  vertical-align: top;
  width: 250px;
  font-weight: 600;
}

#data-tbl-rwdplan-dist td.data-box-col-1 {
  vertical-align: top;
  width: 250px;
}

#data-tbl-rwdplan-rsh td.data-box-col-1 {
  vertical-align: top;
  width: 250px;
}

#data-tbl-rwdplan-ndc td.data-box-col-1 {
  vertical-align: top;
  width: 250px;
}

#data-tbl-rwdplan-cpa td.data-box-col-1 {
  vertical-align: top;
  width: 250px;
}

#data-tbl-rwdplan-rshsub td.data-box-col-1 {
  vertical-align: top;
  width: 250px;
}

#data-tbl-rwdplan-dist > tbody > tr:first-child > td {
  font-weight: 600;
}

#data-tbl-rwdplan-rsh > tbody > tr:first-child > td {
  font-weight: 600;
}

#data-tbl-rwdplan-hyb > tbody > tr:first-child > td {
  font-weight: 600;
}

#data-tbl-rwdplan-ndc > tbody > tr:first-child > td {
  font-weight: 600;
}

#data-tbl-rwdplan-cpa > tbody > tr:first-child > td {
  font-weight: 600;
}

#data-box-hidden {
  display: none;
}

.data-box-edit-mode {
  background-color: #ededed;
}

.data-box-edit-mode input[type=checkbox] {
  width: auto;
}

.data-box-edit-mode select {
  width: 200px;
}

#data-box-scroller-width {
  min-width: 600px;
}

.intl-tel-input {
  width: 100%;
}

.country-list {
  font-size: 10px;
  width: 441px;
}

input[type=text]:disabled {
  background: #ddd;
}

#hidden-onoffslider-slider {
  width: 50px;
  float: left;
  margin-left: 12px;
}

#hidden-onoffslider-label {
  float: left;
  margin-left: 20px;
  margin-top: -4px;
}

#hidden-onoffslider-values {
  visibility: hidden;
}

/* jQGrid */
.jqgrid-list .ui-icon-asc {
  margin-left: 1px !important;
}

.ui-pg-button:hover {
  border: none !important;
  padding: 0px;
}

.jqgrid-list tr.jqgrow:nth-child(even) {
  background: #eaeaea
}

.jqgrid-list tr.jqgrow:nth-child(odd) {
  background: #fff
}

.jqgrid-list tr.jqgrow:hover {
  background: #369
}

#warning-msg {
  float: left;
  width: 100%;
  height: 45px;
  border-bottom: 1px solid #03426a;
  border-right: 1px solid #03426a;
}

#warning-msg span {
  display: inline-block;
  margin-top: 20px;
  margin-left: 10px;
}

.warning-btn {
  float: right;
  background-color: #03426a;
  box-shadow: 0 -4px #05293f inset;
  border-radius: 7px;
  margin-top: 6px;
  margin-right: 5px;
  min-width: 50px;
  text-align: center;
  cursor: pointer;
}

.warning-btn a {
  color: white;
  text-decoration: none;
  padding: 6px 13px;
  display: block;
  font-weight: 900;
}

.warning-btn a:hover {
  color: white;
  text-decoration: none;
}

.warning-btn:hover {
  background-color: #05293f;
}

.data-box-tbl-scroll {
  overflow-x: auto;
  width: 100%;
}

.data-box-edit {
  padding: 0;
  width: 45px;
}

.btn-task-edit-sml a {
  display: block;
}

.btn-task-edit-sml a div {
  background: url('../images/icons/edit.png') no-repeat 0px 0px;
  background-size: 32px 16px;
  width: 16px;
  height: 16px;
  margin: auto;
  margin-top: 2px;
}

.btn-task-edit-sml a:hover div {
  background: url('../images/icons/edit.png') no-repeat -18px 0px;
  background-size: 36px 18px;
  width: 18px;
  height: 18px;
  margin: auto;
  margin-top: 1px;
}

.banner-box-td-img-codes {
  width: 30px;
}

.banner-box-td-img a {
  display: inline-block;
}

.btn-task-add-sml {
  background: url('../images/icons/add.png') no-repeat 0px 0px;
  background-size: 60px 30px;
  width: 30px;
  height: 30px;
  margin: auto;
  margin-top: 2px;
}

.btn-task-add-sml a {
  float: left;
  display: block;
  width: 16px;
  padding: 9px 5px;
}

.btn-task-add-sml .btn-task-add-btn {
  width: 200px;
  margin: 0 auto;
}

.btn-task-add-sml .btn-task-add-img {
  background: url('../images/icons/add_white.png') no-repeat 0px 0px;
  background-size: 16px 16px;
  width: 17px;
  height: 17px;
  float: left;
  margin: 10px 5px;
}

.btn-task-add-sml span {
  display: inline-block;
  float: left;
  padding: 8px 0;
}

.btn-task-add-sml:hover {
  background: url('../images/icons/add.png') no-repeat -30px 0px;
  background-size: 60px 30px;
  width: 30px;
  height: 30px;
  margin: auto;
  margin-top: 2px;
}

.data-box-delete {
  padding: 0;
  width: 45px;
}

.btn-task-delete-sml-whole {
  background: url('../images/icons/delete.png') no-repeat 0px 0px;
  background-size: 32px 16px;
  width: 16px;
  height: 16px;
  margin: auto;
  cursor: pointer;
}

.btn-task-delete-sml-whole:hover {
  background: url('../images/icons/delete.png') no-repeat -16px 0px;
  background-size: 32px 16px;
  width: 16px;
  height: 16px;
}

.btn-task-add-sml-whole {
  background: url('../images/icons/add.png') no-repeat 0px 0px;
  background-size: 32px 16px;
  width: 16px;
  height: 16px;
  margin: auto;
  cursor: pointer;
}

.btn-task-add-sml-whole:hover {
  background: url('../images/icons/add.png') no-repeat -16px 0px;
  background-size: 32px 16px;
  width: 16px;
  height: 16px;
}

.btn-task-edit-sml-whole {
  background: url('../images/icons/edit.png') no-repeat 0px 0px;
  background-size: 32px 16px;
  width: 16px;
  height: 16px;
  margin: auto;
  cursor: pointer;
}

.btn-task-edit-sml-whole:hover {
  background: url('../images/icons/edit.png') no-repeat -16px 0px;
  background-size: 32px 16px;
  width: 16px;
  height: 16px;
}

.btn-task-delete-sml a {
  display: block;
}

.btn-task-delete-sml a div {
  background: url('../images/icons/delete.png') no-repeat 0px 0px;
  background-size: 32px 16px;
  width: 16px;
  height: 16px;
  margin: auto;
  margin-top: 2px;
}

.btn-task-delete-sml a:hover div {
  background: url('../images/icons/delete.png') no-repeat -19px 0px;
  background-size: 36px 18px;
  width: 18px;
  height: 18px;
  margin: auto;
  margin-top: 1px;
}

.btn-task-delete-camp {
  float: right;
  width: 250px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #002055), color-stop(0.73, #003d81));
  background-image: -moz-linear-gradient(center bottom, #002055 45%, #003d81 73%);
  color: #fff;
}

.btn-task-delete-camp a {
  float: left;
  display: block;
  width: 16px;
  padding: 9px 5px;
}

.btn-task-delete-camp .btn-task-delete-btn {
  width: 200px;
  margin: 0 auto;
}

.btn-task-delete-camp .btn-task-delete-img {
  background: url('../images/icons/delete_white.png') no-repeat 0px 0px;
  background-size: 16px 16px;
  width: 17px;
  height: 17px;
  float: left;
  margin: 10px 5px;
}

.btn-task-delete-camp span {
  display: inline-block;
  float: left;
  padding: 8px 0;
}

.btn-task-delete-camp:hover {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #002055), color-stop(0.73, #001b38));
  background-image: -moz-linear-gradient(center bottom, #002055 45%, #001b38 73%);
}

.btn-task-delete-camp-sml {
  float: right;
  width: 30px;
  height: 30px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #002055), color-stop(0.73, #003d81));
  background-image: -moz-linear-gradient(center bottom, #002055 45%, #003d81 73%);
  color: #fff;
}

.btn-task-delete-camp-sml a {
  float: left;
  display: block;
  width: 16px;
  padding: 9px 5px;
}

.btn-task-delete-camp-sml .btn-task-delete-btn {
  width: 26px;
  margin: 0 auto;
}

.btn-task-delete-camp-sml .btn-task-delete-img {
  background: url('../images/icons/delete_white.png') no-repeat 0px 0px;
  background-size: 16px 16px;
  width: 17px;
  height: 17px;
  float: left;
  margin: 7px 5px;
}

.btn-task-delete-camp-sml:hover {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #002055), color-stop(0.73, #001b38));
  background-image: -moz-linear-gradient(center bottom, #002055 45%, #001b38 73%);
}

.messages-btns {
  width: 80px;
}

.btn-task-read-sml a {
  display: block;
}

.btn-task-read-sml a div {
  background: url('../images/icons/read.png') no-repeat 0px 0px;
  background-size: 32px 16px;
  width: 16px;
  height: 16px;
  margin: auto;
  margin-top: 2px;
}

.btn-task-read-sml a:hover div {
  background: url('../images/icons/read.png') no-repeat -19px 0px;
  background-size: 36px 18px;
  width: 18px;
  height: 18px;
  margin: auto;
  margin-top: 1px;
}

.btn-task-unread-sml a {
  display: block;
}

.btn-task-unread-sml a div {
  background: url('../images/icons/unread.png') no-repeat 0px 0px;
  background-size: 32px 16px;
  width: 16px;
  height: 16px;
  margin: auto;
  margin-top: 2px;
}

.btn-task-unread-sml a:hover div {
  background: url('../images/icons/unread.png') no-repeat -19px 0px;
  background-size: 36px 18px;
  width: 18px;
  height: 18px;
  margin: auto;
  margin-top: 1px;
}

#data-box-pi-reg_tax {
  margin-top: 14px;
}

/* Customers Reporting */

#data-tbl-rep select {
  width: 200px;
  height: 22px;
}

#data-tbl-rep input[type=text] {
  width: 190px !important;
}

#data-tbl-rep input[type=checkbox] {
  margin-right: 10px;
}

.data-rep-tr-fields {
  border: none !important;
}

.data-rep-tr-lbl {
  border: none !important;
}

#cstmrep_adv_btn {
  float: right;
  width: 300px;
  text-align: center;
  height: 30px;
  border: 1px solid #cdcdcd;
  background: linear-gradient(#fff, #bbb);
}

#cstmrep_adv_btn:hover {
  cursor: pointer;
}

#cstmrep_adv_btn span {
  display: block;
  margin-top: 5px;
}

.report-btn {
  float: left;
  width: 200px;
  text-align: center;
  height: 30px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #002055), color-stop(0.73, #003d81));
  background-image: -moz-linear-gradient(center bottom, #002055 45%, #003d81 73%);
  margin-right: 10px;
}

.report-btn:hover {
  cursor: pointer;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #002055), color-stop(0.73, #001b38));
  background-image: -moz-linear-gradient(center bottom, #002055 45%, #001b38 73%);
}

.report-btn span {
  display: block;
  margin-top: 5px;
  color: #fff;
}

.data-box-goto-list {
  float: left;
  width: 200px;
  text-align: center;
  height: 30px;
  background-color: #03426a;
  border-radius: 7px;
  box-shadow: 0 -4px #05293f inset;
}

.data-box-goto-list:hover {
  cursor: pointer;
  background-color: #05293f;
}

.btn-get-code {
  float: left;
  width: 150px;
  text-align: center;
  height: 30px;
  background-color: #03426a;
  border-radius: 7px;
  box-shadow: 0 -4px #05293f inset;
  padding-top: 5px;
  color: #fff;
}

.btn-get-code a {
  color: #fff;
}

.btn-get-code:hover {
  cursor: pointer;
  background-color: #05293f;
}

.data-box-goto-list a {
  display: block;
  margin-top: 5px;
  color: #fff;
  text-decoration: none;
}

.data-box-goto-list a:hover {
  color: #fff;
  text-decoration: none;
}

.data-box-hide-td {
  display: none;
}

.data-rep-tr-lbl td {
  text-align: left;
}

.data-cstmrep-tr-fields td {
  text-align: left;
}

.data-box-hide-init {
}

/* Table Sorter */
/* Custom */

.sorter-false {
  cursor: default !important;
}

.my-tablesorter td {
  height: 20px !important;
}

.my-tablesorter .my-fixed-col {
  background-color: #ababab !important;
}

tr.data-box-tr-header.tablesorter-headerRow {
  height: 1px;
}

/* pager wrapper, div */
.tablesorter-pager {
  padding: 5px;
}

/* pager wrapper, in thead/tfoot */
td.tablesorter-pager {
  background-color: #e6eeee;
  margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
}

/* pager navigation arrows */
.tablesorter-pager img {
  vertical-align: middle;
  margin-right: 2px;
  cursor: pointer;
}

/* pager output text */
.tablesorter-pager .pagedisplay {
  padding: 0 5px 0 5px;
  width: 50px;
  text-align: center;
}

/* pager element reset (needed for bootstrap) */
.tablesorter-pager select {
  margin: 0;
  padding: 0;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.tablesorter-pager.disabled {
  display: none;
}

/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
  /* visibility: hidden */
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}

/* Banner Row Style */
.btn-task-viewcode {
  float: left !important;
  margin: 0 !important;
}

.banner-code-box {
  display: none;
}

.banner-code-box textarea {
  resize: vertical;
}

.banner-box-td-left {
  padding: 0;
}

.banner-box-td-right {
  padding: 0;
}

.data-box-camp-container {
  background: none;
  border: none;
}

.banner-img-link-box {
  width: 100%;
  position: absolute;
  top: 10px;
  bottom: 10px;
}

.banner-box-td-lbl {
  text-align: right;
}

.banner-box-td-fld {
  text-align: left;
}

.banner-box-td-width, .banner-box-td-height {
  display: none;
}

#data-camp-tbl-result tr {
  border: none;
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
}

#data-camp-tbl-result td {
  border: none;
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
}

#data-camp-tbl-result th {
  cursor: default;
}

.banner-td-img {
  width: 275px;
  position: relative;
  height: 100% !important;
}

.banner-tbl-img {
  min-height: 220px;
  height: 100%;
  border: none;
}

.banner-tbl-img tr {
  border: none;
}

.banner-box-td-left table {
  border: none;
}

.banner-box-td-left > table {
  width: 360px;
}

.banner-box-td-left table tbody tr {
  border-right: 1px solid #999;
}

#data-camp-tbl-result {
  border: none;
}

#data-camp-tbl-result table {
  border: none;
}

#data-camp-tbl-result table tr {
  border: none;
}

.data-box-td-valign {
  vertical-align: top;
}

.data-box-extract-spinner {
  float: left;
  width: 20px;
  height: 20px;
  margin: 0px 15px 0 0;
  display: none;
}

.data-box-extract-spinner div {
  width: 20px !important;
  height: 20px !important;
}

.data-url-tbl-td {
  padding: 0px;
}

.data-camp-tbl-scroll {
  float: left;
  width: 100%;
  overflow-x: scroll;
  overflow-y: visible;
}

.data-cmp-hide-tag {
  display: none;
}

/* Accordion */

.ui-accordion-header-icon {
  float: left !important;
}

.ui-accordion-header {
  margin: 5px 0;
}

.ui-accordion-content {
  padding: 10px;
  background: none;
  background-color: #fff;
}

/* Create Campaign */

.data-cmp-tr-top {
  border-top: none;
}

.data-cmp-tr-bottom {
  border-bottom: none;
}

#data-tbl-crtcmp {
  border: none;
}

.data-cmp-td-field textarea {
  resize: vertical;
}

#camp-banner-img {
  position: relative;
}

.camp-banner-img-link-box {
  width: 100%;
  height: 200px;
  position: absolute;
  top: -25px;
}

.data-box-2 input {
  width: 190px
}

.data-box-2 select {
  width: 200px
}

#camp-add-msg div {
  padding: 5px;
  background-color: #509950;
}

#camp-add-url-msg div {
  padding: 5px;
  background-color: #509950;
}

#campaign-targt-url {
  float: left;
  height: 20px;
}

#campaign-targt-url-campaign {
  float: left;
  height: 20px;
  color: #369;
}

#campaign-targt-url2 {
  float: left;
  height: 20px;
}

#campaign-targt-url2-campaign {
  float: left;
  height: 20px;
  color: #369;
}

/* Home Logged Out */

.summary-boxes-container {
  margin-bottom: 20px;
  float: left;
}

.summary-box-container {
  float: left;
  width: 300px;
  background-color: #d0d0d0;
  border-radius: 5px;
  margin: 0px 15px;
  padding: 15px 5px;
}

.summary-title {
  text-align: center;
  padding: 5px;
  font-weight: 900;
  font-size: 21px;
}

.summary-img {
  padding: 5px;
}

.summary-img img {
  width: 100%;
  height: 140px;
}

.summery-desc {
  text-align: center;
  padding: 5px;
}

.summery-read-more {
  text-align: center;
  padding: 5px;
}

.summery-read-more div:hover {
  cursor: pointer;
  background-color: #1a5188;
}

.summery-read-more div {
  width: 170px;
  text-align: center;
  height: 30px;
  background-color: #369;
  margin: 0 auto;
}

.summery-read-more div a {
  display: block;
  padding-top: 7px;
  color: #fff;
  text-decoration: none;
}

/* Intro */

#intro-message {
  text-align: center;
  margin: 20px 100px;
}

.intro-blue {
  color: #369;
  font-weight: 900;
}

#intro-signup {
  text-align: center;
  margin: 20px 0px;
  float: left;
  width: 100%;
}

#home-news-trio-container {
  margin: 20px 0px 40px 0;
  float: left;
  clear: both;
  width: 100%;
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
}

#home-news-trio {
  padding: 10px;
  float: left;
  clear: both;
  width: 100%;
}

#home-news-trio-title {
  color: #369;
  font-size: 18px;
  font-weight: 900;
  padding: 5px 0px 10px 15px;
}

#home-news-item-container {
  float: left;
  width: 33%;
}

#home-news-item {
  padding: 0px 15px;
}

.home-news-item-excerpt {
  display: block;
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 20px;
}

.home-news-item-excerpt p {
  margin: 0;
}

.home-news-item-link {
  color: #369;
}

/* Home */

.data-box-sidebar-container {
  float: left;
  width: 100%;
}

.data-box-sidebar-title {
  float: left;
  clear: left;
  height: 35px;
  width: 100%;
  border: solid 1px #c8c8c8;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #ededed), color-stop(0.73, #f9f9f9));
  background-image: -moz-linear-gradient(center bottom, #d8d8d8 45%, #ededed 73%);
}

.data-box-sidebar-title span {
  line-height: 35px;
  margin-left: 10px;
}

.data-box-sidebar-tbl {
  float: left;
  clear: left;
  width: 100%;
  margin-bottom: 10px;
}

.data-box-sidebar-div {
  border: 1px solid #c8c8c8;
}

.data-box-sidebar-news {
  float: left;
  clear: left;
  width: 100%;
}

.data-box-sidebar-news ul {
  margin: 5px 0px;
}

.data-box-sidebar-news li {
  margin: 10px 0px;
}

.data-box-sidebar-news li a {
  color: #000;
  text-decoration: none;
}

.data-box-sidebar-news li a:hover {
  text-decoration: underline;
}

.data-box-home {
  width: 712px;
  margin-left: 15px;
}

.data-box-home-body {
  background-color: #ddd;
}

/* Home tabs */

#home-tabs {
  float: left;
  padding: 0;
  border: none;
  width: 100%;
  border: 1px solid #c5c5c5;
}

#home-tabs .bootstrap-select {
  width: 150px;
}

#home-tabs.ui-tabs .ui-tabs-nav li {
  width: 20%;
  margin: 0;
  height: 75px;
}

.ui-tabs .ui-tabs-nav {
  padding: 0px;
}

#home-tabs .ui-widget-header {
  border: none;
  background: #e4e4e4;
  color: #000;
  font-weight: bold;
  padding: 0px;
}

#home-tabs .ui-widget-header li {
  border: none;
  background: #fff;
}

#home-tabs.ui-tabs .ui-tabs-nav li a {
  display: block;
  padding: 5px;
  width: 100%;
  height: 100%;
  background-color: #e4e4e4;
  border: solid 1px #e4e4e4;
  color: #555;
}

#home-tabs.ui-tabs .ui-tabs-nav li a span.amount {
  color: #03426a;
  margin-right: 5px;
}

#home-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  background-color: #fff;
  border: none;
}

#home-tabs.ui-tabs .ui-tabs-nav li a:focus {
  border: none;
  outline: none;
}

#home-tabs .ui-tabs-panel {
  background-color: #fff;
  float: left;
  width: 100%;
  padding: 15px 0;
}

#home-tabs .ui-tabs-anchor .title {
  display: block;
  float: left;
  clear: both;
  font-size: 16px;
  margin-top: 5px;
  margin-left: 5px;
}

#home-tabs .ui-tabs-anchor .amount {
  display: block;
  float: right;
  clear: both;
  margin-top: 20px;
  font-size: 16px;
}

#home-tabs .no-campaign .no-campaign-label {
  margin-bottom: 5px;
}

/* Reports tabs */

#reports-tabs {
  float: left;
  padding: 0;
  border: none;
  width: 100%;
  border: solid 1px #c8c8c8;
}

#reports-tabs .bootstrap-select {
  width: 150px;
}

#reports-tabs .ui-tabs-nav li {
  margin: 0;
  height: 75px;
}

.reports-tabs-general.ui-tabs .ui-tabs-nav li {
  width: 50%;
}

.reports-tabs-campaign.ui-tabs .ui-tabs-nav li {
  width: 33.33%;
}

.reports-tabs-earn.ui-tabs .ui-tabs-nav li {
  width: 16.66%;
}

.reports-tabs-rewardplans.ui-tabs .ui-tabs-nav li {
  width: 50%;
}

.reports-tabs-customer.ui-tabs .ui-tabs-nav li {
  width: 50%;
}

.reports-tabs-pay.ui-tabs .ui-tabs-nav li {
  width: 50%;
}

.reports-tabs-breakdown.ui-tabs .ui-tabs-nav li {
  width: 50%;
}

.reports-tabs-deposit.ui-tabs .ui-tabs-nav li {
  width: 50%;
}

.reports-tabs-kpi.ui-tabs .ui-tabs-nav li {
  width: 50%;
}

#reports-tabs .ui-widget-header {
  border: none;
  background: #e4e4e4;
  color: #000;
  font-weight: bold;
  padding: 0px;
}

#reports-tabs .ui-widget-header li {
  border: none;
  background: #fff;
}

#reports-tabs.ui-tabs .ui-tabs-nav li a {
  display: block;
  padding: 5px;
  width: 100%;
  height: 100%;
  background-color: #e4e4e4;
  border: solid 1px #e4e4e4;
  color: #555;
}

#reports-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  background-color: #fff;
  border: none;
}

#reports-tabs.ui-tabs .ui-tabs-nav li a:focus {
  border: none;
  outline: none;
}

#reports-tabs .ui-tabs-panel {
  background-color: #fff;
  float: left;
  width: 100%;
  padding: 15px 0;
}

#reports-tabs .ui-tabs-anchor .title {
  display: block;
  float: left;
  clear: both;
  font-size: 16px;
  margin-top: 5px;
  margin-left: 5px;
}

#reports-tabs .dropdown-menu {
  max-width: 220px;
}

/* Graphs Views */
.graph-options {
  width: 100%;
}

.graph-options-list {
  text-align: center;
}

.graph-options-list > span {
  padding: 0 1%;
}

.graph-legends {
  float: left;
  clear: left;
  margin-top: 10px;
  width: 100%;
}

.graph-legend-label {
  white-space: nowrap;
}

.graph-legend-container {
  width: 100%;
  padding: 1px;
  margin-top: 10px;
}

.graph-legend {
  display: inline-block;
  padding: 5px;
  width: 100%;
  cursor: pointer;
}

.graph-legend-color {
  float: left;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  margin-top: 3px;
}

.graph-legend-color img {
  width: 8px;
  margin-top: -7px;
  margin-left: 1px;
  display: none;
}

.graph-legend-1-color {
  background-color: #2500ff;
}

.graph-legend-2-color {
  background-color: #8f00ff;
}

.graph-legend-3-color {
  background-color: #ff00d8;
}

.graph-legend-4-color {
  background-color: #ff001f;
}

.graph-legend-5-color {
  background-color: #ffa200;
}

.graph-legend-6-color {
  background-color: #fffc00;
}

.graph-legend-7-color {
  background-color: #41ff00;
}

.graph-legend-8-color {
  background-color: #00fffc;
}

.graph-legend-enabled .graph-legend-color img {
  display: inline-block;
}

.graph-options-year {
  float: left;
  margin-right: 20px;
  width: 150px;
}

.graph-options-year select {
  width: 120px;
}

.graph-options-month {
  float: left;
  width: 150px;
}

.graph-options-month select {
  width: 150px;
}

.graph-plot-container {
  float: left;
  width: 100%;
  margin-top: 10px;
  background-color: #fff;
  padding: 10px;
  border: solid 1px #c5c5c5;
}

.details-title {
  float: left;
  margin-top: 15px;
  width: 100%;
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #003b7e;
  color: #003b7e;
  margin-bottom: 10px;
  font-size: 14px;
}

.details-title span {
  margin-left: 10px;
}

.details-table {
  float: left;
  width: 100%;
}

.details-table table {
  background-color: #fff;
}

.details-table th {
  padding: 10px;
}

.details-table tr {
  background: none;
}

.btn-task-expand-sml a div {
  background: url('../images/icons/popup.png') no-repeat 0px 0px;
  background-size: 32px 16px;
  width: 16px;
  height: 16px;
  margin: auto;
  margin-top: 2px;
}

.btn-task-expand-sml a:hover div {
  background: url('../images/icons/popup.png') no-repeat -18px 0px;
  background-size: 36px 18px;
  width: 18px;
  height: 18px;
  margin: auto;
  margin-top: 1px;
}

.performance-monitor-table {
  background: rgb(249, 249, 249);
}

.performance-monitor-table th {
  border: none;
}

.performance-monitor-table td {
  border: none;
}

.data-box-expand {
  padding: 10px;
  width: 45px;
}

.banner-box-fix-border {
  border: none !important;
  border-bottom: none !important;
  border-top: none !important;
}

.payment-title {
  display: inline-block;
  /* width: 70px !important; */
}

.graph-load-spinner {
  float: left;
  clear: both;
  width: 100%;
  text-align: center;
  margin: 30px 0 10px 0;
}

/* Messaging */

#data-tbl-write .data-box-col-1 {
  width: 25%;
}

#data-tbl-write .data-box-col-body {
  padding: 15px;
}

.warning-msg-space {
  margin-bottom: 5px;
}

.data-box-col-body textarea {
  width: 100%;
  height: 150px !important;
  resize: vertical;
}

/* TOP */

.input-box-base.input-box-left span {
  cursor: pointer;
}

.input-box-base.message-notif:before {
  background-image: url('/diamondbet/images/message_notif.png');
}

.message-notif .counter {
  position: absolute;
  font-size: 10px;
  color: #fff;
  font-weight: 900;
  left: 13px;
  top: 6px;
  text-align: center;
  width: 12px;
}

/* News List */

#archive-title {
  margin-top: 30px;
}

#category-list, #archive-list {
  padding-left: 20px;
}

#category-list li, #archive-list li {
  border-bottom: 1px solid #565656;
  color: #565656;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

#archive-list li span {
  float: right;
}

#archive-list-container, #category-list-container {
  width: 100%;
  margin-top: 15px;
  color: #565656;
}

#archive-list-container ul, #category-list-container ul {
  padding: 0px;
}

#archive-list-container a, #category-list-container a {
  color: #565656;
}

#archive-list-container a:hover, #category-list-container a:hover {
  text-decoration: none;
}

#archive-title, #category-title {
  font-size: 20px;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.news-list-container {
  width: 100%;
  padding: 5px 10px 5px 5px;
}

.news-list {
  text-align: center;
}

.pagination > .active > a {
  background-color: #03426a !important;
  border-color: #03426a !important;
}

#news-content {
  float: left;
  clear: left;
}

.news-error {
  color: red;
}

.news-item {
  float: left;
  clear: left;
}

.news-item-details {
  float: left;
  clear: left;
  width: 100%;
  border-bottom: 1px solid #03426a;
  padding: 5px 10px 10px 0;
  margin: 0 10px 10px 0px;
  box-sizing: border-box;
  color: #565656;
}

.news-item-img {
  float: left;
  clear: left;
  width: 100%;
  height: 250px;
}

.news-item-img img {
  width: 100%;
  height: 250px;
}

.news-item-excerpt {
  float: left;
  clear: left;
  width: 100%;
  padding: 10px 0;
}

.news-item-readm-container {
  float: right;
  clear: left;
  margin-bottom: 20px;
}

.news-item-title {
  color: #03426a;
  font-size: 25px;
  font-weight: 900;
}

.news-item-details div {
  float: left
}

#news-content {
  width: 100%;
}

.news-item {
  width: 100%;
}

.news-item-comment-counter {
  border-left: 1px solid #369;
  padding-left: 10px;
  margin-left: 10px;
}

.news-item-readm {
  margin-right: 20px;
}

.news-item-readm a {
  margin: 0;
}

.news-item-readm-btn {
  color: #fff;
  float: left;
  width: 200px;
  text-align: center;
  height: 30px;
  background-color: #03426a;
  border-radius: 7px;
  box-shadow: 0 -4px #05293f inset;
  padding-top: 5px;
}

.news-item-readm-btn:hover {
  cursor: pointer;
  background-color: #05293f;
}

/* News Page */

.news-other-article-wrap {
  color: #333;
  padding: 5px;
}

.news-other-article-wrap:hover {
  background-color: #f8f8f8;
}

.news-other-bottom a:hover {
  text-decoration: none;
}

.news-other-article-title {
  font-weight: 900;
  padding-top: 10px;
}

.news-other-article-posted {
  padding-bottom: 10px;
  color: #565656;
}

.news-other-bottom {
  float: left;
  padding-top: 20px;
}

.news-page-container {
  float: left;
  clear: left;
  width: 100%;
  padding: 15px 10px 5px 5px;
}

.news-page {
  float: left;
  clear: left;
  width: 100%;
}

.news-page-title {
  float: left;
  clear: both;
  width: 100%;
  font-size: 25px;
  font-weight: 900;
  color: #03426a;
  margin-top: 10px;
  padding-top: 10px;
}

.news-other-container {
  margin-top: 20px;
}

.news-other-top {
  border-bottom: 1px solid #03426a;
}

.news-other-title {
  float: left;
  font-size: 25px;
  font-weight: 900;
  color: #03426a;
  margin-top: 10px;
  padding-top: 10px;
}

.news-other-social {
  float: right;
}

.news-page-details {
  float: left;
  clear: left;
  width: 100%;
  border-bottom: 1px solid #03426a;
  padding: 5px 10px 10px 0;
  margin: 0 10px 10px 0px;
  box-sizing: border-box;
  color: #565656;
}

.news-page-text {
  float: left;
  padding-top: 10px;
}

.news-page-comments {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 15px;
  padding: 10px 15px;
  border-top: 5px solid #ddd;
}

.comment-item {
  float: left;
  clear: both;
  width: 100%;
  border-bottom: 5px solid #ddd;
  padding: 10px 0;
}

.comment-user {
  float: left;
  color: #03426a;
  font-weight: 900;
}

.comment-time {
  float: right;
}

.comment-text {
  float: left;
  clear: both;
  margin-top: 5px;
}

.news-insert-comment-container {
  float: left;
  clear: left;
  width: 100%;
  padding: 5px 10px 5px 5px;
  margin-top: 15px;
}

.news-insert-comment {
  padding: 0 15px;
}

.news-insert-comment-text {
  float: left;
  clear: left;
  width: 100%;
}

.news-insert-comment-text textarea {
  width: 100%;
  height: 100px;
  resize: vertical;
  margin-top: 0px;
  margin-bottom: 0px;
}

.news-insert-comment-btn-container {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 10px;
}

.news-insert-comment-btn {
  float: right;
  color: #fff;
  width: 150px;
  text-align: center;
  height: 30px;
  background-color: #03426a;
  border-radius: 7px;
  box-shadow: 0 -4px #05293f inset;
  padding-top: 5px;
}

.news-insert-comment-btn:hover {
  cursor: pointer;
  background-color: #05293f;
}

.comment-success-msg-container {
  float: left;
  clear: left;
  width: 75%;
  padding: 5px 10px 5px 5px;
  margin-top: 15px;
  text-align: center;
}

.news-page-parent-container {
  float: left;
  clear: left;
  width: 100%;
  max-width: 920px;
}

/* Archive */

.archive-item-list {
  float: left;
  clear: left;
  width: 75%;
}

.archive-item-container {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 15px;
  padding: 5px 10px 5px 5px;
}

.archive-item {
  float: left;
  clear: left;
  width: 100%;
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
}

.archive-item-title a {
  font-size: 16px;
  color: #369;
  text-decoration: none;
}

.archive-item-title a:hover {
  text-decoration: underline;
}

/* General */

.ui-autocomplete {
  max-height: 150px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
  height: 100px;
}

.aff-common-page-title {
  float: left;
  clear: left;
  width: 100%;
  font-size: 25px;
  color: #03426a;
  font-weight: 900;
}

.page-title {
  float: left;
  clear: both;
  width: 100%;
  font-size: 35px;
  font-weight: 900;
  color: #03426a;
  margin: 10px 0px;
  padding: 10px 0px;
}

.page-title-desc .aff-form-req {
  color: #c00;
  margin: 0;
}

.page-img-banner-container {
  margin: 15px 0px;
}

.page-img-banner {
  width: 100%;
  text-align: center;
}

.page-img-banner img {
  width: 990px;
  height: 300px;
}

.page-txt-container {
  float: left;
  clear: left;
  width: 100%;
  margin: 10px 0px;
}

.bootstrap-fix *, .bootstrap-fix *:before, .bootstrap-fix *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.subpage-title-container {
  float: left;
  width: 100%;
}

.subpage-content-container {
  float: left;
  width: 100%;
}

.subpage-form {
  float: left;
  width: 100%;
}

.subpage-title {
  font-size: 20px;
  color: #002055;
  font-weight: 900;
}

.subpage-content {
  margin: 10px 0px;
  padding: 5px 0px;
}

#chat-content-full {
  margin-bottom: 15px;
}

#chat-content-left {
  float: left;
}

.contact-icons {
  margin: 0 auto;
}

.contact-icons-container {
  float: left;
  width: 100%;
}

.contact-icons-item-container {
  float: left;
  margin: 0 5px;
  text-align: center;
  cursor: pointer;
  color: #000;
  padding-bottom: 10px;
}

.contact-icons-item-container-left {
  clear: left;
}

.contact-icon-img {
  float: left;
  width: 100%;
}

.contact-icon-content {
  float: left;
  width: 100%;
}

.content-icon-title {
  margin: 5px 0;
}

.content-icon-desc {
  margin: 5px 0;
  word-wrap: break-word;
  width: 100%;
  padding: 0 30px;
}

.captcha-code {
  float: left;
  width: 552px !important;
  margin-left: 10px;
}

.captcha-code-full {
  float: left;
}

#captcha-left {
  width: 30%;
  float: left;
}

#captcha-right {
  width: 70%;
  float: left;
}

.contact-map-container {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 20px;
}

.contact-map {
  display: block;
  width: 100%;
  height: 350px;
  -moz-box-shadow: 0px 5px 20px #ccc;
  -webkit-box-shadow: 0px 5px 20px #ccc;
  box-shadow: 0px 5px 20px #ccc;
}

.subpage-form-errors ul {
  color: #ce1f00;
}

.subpage-form-errors .success {
  color: #509950;
}

.contact-msg-form form {
  margin: 10px 0px;
}

.contact-msg-form .registerform {
  border: none;
}

.contact-msg-form .registerform tr {
  border: none;
}

.contact-msg-form .registerform td {
  vertical-align: top;
}

.contact-msg-form .registerform input {
  width: 100%;
}

.contact-msg-form .registerform textarea {
  width: 100%;
  resize: vertical
}

.contact-msg-form .registerform img {
  height: 50px;
}

.contact-msg-form .registerform input[type='submit'] {
  width: 260px;
  background-color: #369;
  border: none;
  height: 28px;
  color: #fff;
}

.contact-msg-form .registerform input[type='submit']:hover {
  background-color: #1a5188;
}

/* Pagination */

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #002055;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #001b38;
  background-color: #eee;
  border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* Contact Us */
.contact-faq-search {
  float: left;
}

.contact-faq-search input {
  float: left;
  width: 450px;
  height: 28px;
}

.contact-faq-search-btn {
  float: left;
  margin: 0 10px;
  padding: 5px 15px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #002055), color-stop(0.73, #003d81));
  background-image: -moz-linear-gradient(center bottom, #002055 45%, #003d81 73%);
  min-width: 70px;
  color: #fff;
  text-align: center;
}

.contact-faq-search-btn:hover {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #002055), color-stop(0.73, #001b38));
  background-image: -moz-linear-gradient(center bottom, #002055 45%, #001b38 73%);
  cursor: pointer;
}

.contact-faq-search-btn a {
  text-decoration: none;
  color: #fff;
}

.contact-faq-list-container {
  float: left;
  clear: both;
  margin-top: 20px;
}

.contact-faq-header > span {
  font-size: 18px;
  font-weight: 900;
  color: #002055;
}

.contact-faq-item ul {
  margin: 0.75em 0;
  padding: 0 1em;
  list-style: none;
}

.contact-faq-item li {
  cursor: pointer;
}

.list-right-arrow:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #000;
  display: block;
  left: -1em;
  top: 0.9em;
  position: relative;
}

.list-down-arrow:before {
  content: "";
  width: 0;
  height: 0;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 8px solid #000;
  display: block;
  left: -17px;
  top: 13px;
  position: relative;
}

.contact-faq-item .contact-faq-title {
  font-weight: 900;
  display: block;
}

.contact-faq-item .contact-faq-desc {
  display: none;
  margin-top: 5px;
}

#send_fp {
  float: left !important;
}

.contact-fp-container {
  width: 100%;
}

.contact-fp-container .registerform {
  border: none;
}

.contact-fp-container .registerform tr {
  border: none;
}

.contact-fp-container .registerform td {
  padding: 10px 0;
}

.contact-fp-container .registerform input[type='submit']:hover {
  background-color: #1a5188;
}

.contact-fp-container .registerform input[type='submit'] {
  width: 175px;
  background-color: #369;
  border: none;
  height: 28px;
  color: #fff;
}

/* Commission Rates */
.commrate-rwd-details-title {
  float: left;
  clear: both;
  font-size: 18px;
  font-weight: 900;
  margin: 10px 0;
}

.commrate-rwd-details {
  float: left;
  clear: left;
  max-width: 950px;
}

.commrate-rwd-details table {
  width: auto;
}

/* Reports */
#data-tbl-rep {
  border: none;
}

#reports-tabs table thead tr {
  background: none;
}

.data-tbl-rep-result {
  float: left;
  border: none !important;
}

.data-box-report-title {
  float: left;
  margin-top: 15px;
  border: 1px solid #cdcdcd;
  background: linear-gradient(#fff, #bbb);
  width: 100%;
  height: 35px;
  line-height: 35px;
}

.data-box-report-title span {
  margin-left: 15px;
}

.data-box-report-title {
  float: left;
  width: 100%;
}

.data-box-report-tbl {
  width: 100%;
  overflow-x: auto;
}

.data-box-report-tbl table {
  background-color: #fff;
}

.data-box-report-tbl th {
  padding: 10px;
}

.data-box-report-tbl tr {
  background: none;
}

.data-box-report-tbl {
  float: left;
}

#rep-btn-container {
  float: left;
  padding: 10px;
}

#info-btn {
  width: 15px;
  height: 15px;
  float: left;
  color: white;
  font-size: 11px;
  background-color: #03426a;
  border-radius: 10px;
  margin-left: 7px;
  margin-top: 5px;
}

#info-btn:hover {
  cursor: pointer;
}

#info-btn span {
  display: block;
  padding-left: 5px;
}

#info-content {
  background-color: #ededed;
  border: solid 1px #c8c8c8;
  padding: 10px;
  display: none;
}

#campaign-description-codes {
  width: 100%;
}

/* ---- Admin ---- */

.admin-page {
  width: 100%;
}

.admin-top {
  width: 100%;
}

.admin-top .header {
  color: #03426a;
  font-size: 19px;
  font-weight: 900;
  padding: 15px 0;
}

.admin-top .header-desc {
  padding-bottom: 15px;
}

.admin-search-box {
  padding: 15px 0;
}

.admin-hidden {
  display: none;
}

div.admin-btn {
  float: left;
  background-color: #03426a;
  border: none;
  border-radius: 5px;
  padding: 5px 15px;
  box-shadow: 0 -2px #05293f inset;
  color: #fff;
  text-transform: uppercase;
  font: initial;
  font-size: 14px !important;
  font-weight: 600;
  margin: 0 5px;
  min-width: 75px;
  text-align: center;
  cursor: pointer;
}

div.admin-btn:hover {
  background-color: #05293f;
}

.admin-result-box {
  overflow-x: auto;
}

/* Breadcrumb */

.breadcrumb2 {
  float: left;
  clear: both;
  width: 100%;
}

.crumbs2 {
  border: solid 1px #c8c8c8;
  background: #ededed;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #ededed), color-stop(0.73, #f9f9f9));
  background-image: -moz-linear-gradient(center bottom, #d8d8d8 45%, #ededed 73%);
  float: left;
  display: block;
  padding: 0;
  width: 100%;
}

.crumbs2 .first a {
  font-weight: 900;
}

.crumbs2 li { display: inline; }

.crumbs2 li a,
.crumbs2 li a:link,
.crumbs2 li a:visited {
  color: #333;
  display: block;
  float: left;
  font-size: 14px;
  padding: 7px 16px 7px 10px;
  position: relative;
  text-decoration: none;
}

.crumbs2 li a {
  height: 35px;
  line-height: 20px;

  /* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f1f1f1, endColorstr=#f5f5f5);

  /* For Internet Explorer 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f1f1f1, endColorstr=#f5f5f5)";
}

.crumbs2 li a:hover {
  /* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8, endColorstr=#f1f1f1);

  /* For Internet Explorer 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8, endColorstr=#f1f1f1)";
  color: #333;
  text-decoration: underline;
}

.crumbs2 li a:active {
  border-top-color: #c4c4c4;
  border-bottom-color: #c4c4c4;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, rgb(224, 224, 224)), color-stop(0.73, rgb(235, 235, 235)));
  background-image: -moz-linear-gradient(center bottom, rgb(224, 224, 224) 45%, rgb(235, 235, 235) 73%);

  /* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebebeb, endColorstr=#e0e0e0);

  /* For Internet Explorer 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebebeb, endColorstr=#e0e0e0)";
  box-shadow: -1px 1px 1px 0px #dadada inset;
  -webkit-box-shadow: -1px 1px 1px 0px #dadada inset;
  -moz-box-shadow: -1px 1px 1px 0px #dadada inset;
  color: #333;
}

.crumbs2 li span {
  float: left;
  height: 15px;
  margin-top: 10px;
  border: solid 1px #369;
}

/* common */
.bootstrap-select {
  width: 100% !important;
}

.btn-task-save {
  min-width: 70px;
}

.btn-task-cancel {
  min-width: 70px;
}

.btn-task-edit {
  min-width: 70px;
}

.btn-task-add {
  min-width: 70px;
}

.btn-task-delete {
  min-width: 70px;
}

.btn-task-login1 {
  min-width: 70px;
}

.btn-task-register {
  min-width: 150px;
  float: left !important;
}

.btn-task-login-wrap {
  margin-top: 10px;
  text-align: center;
}

.btn-task-send-wrap {
  float: right;
  width: 250px;
  margin-top: 10px;
  text-align: center;
}

.btn-task-send-wrap-full {
  float: right;
  width: 250px;
  text-align: center;
  margin-top: 15px;
}

.btn-task-login2 {
  min-width: 70px;
  width: 40%;
  margin: 0 !important;
  float: none !important;
  background-color: #128ad6 !important;
  box-shadow: 0 -4px #084c79 inset !important;
}

.btn-task-login2:hover {
  background-color: #084c79 !important;
}

.btn-task-message {
  width: 100%;
  margin: 0 !important;
  float: none !important;
}

/* Popups */

.popup-wrap {
  display: none;
}

.popup-wrap-container {
  max-width: 600px;
}

.alert.alert-danger {
  display: none;
}

.alert.alert-success {
  display: none;
}

#email_message {
  resize: vertical;
}

.popup-box {
  position: relative;
  margin: 0 auto;
  padding: 25px;
  background: #fff;
}

.popup-title {
  margin-bottom: 15px;
  text-align: center;
  font-size: 16px;
  font-weight: 900;
}

.popup-desc {
  margin-bottom: 15px;
}

#call-popup {
  padding-bottom: 0;
}

.button.b-close {
  border-radius: 7px 7px 7px 7px;
  box-shadow: none;
  font: bold 131% sans-serif;
  padding: 4px 10px 4px;
  position: absolute;
  right: -16px;
  top: -14px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #002055), color-stop(0.73, #003d81));
  background-image: -moz-linear-gradient(center bottom, #002055 45%, #003d81 73%);
  color: #fff;
  cursor: pointer;
}

.button.b-close:hover {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #002055), color-stop(0.73, #001b38));
  background-image: -moz-linear-gradient(center bottom, #002055 45%, #001b38 73%);
}

/* Welcome */

.welcome-bg {
  background-color: #e4e4e4;
}
.welcome-bg-w {
  background-color: #ffffff;
}

#welcome-banner {
  background-color: #03426a;
  position: relative;
  overflow: hidden;
}

#welcome-join-us {
  text-align: center;
  padding: 10px 0;
}

.welcome-mid-btns {
  width: 475px;
  margin: 0 auto;
  display: table;
}

#welcome-join-us button {
  width: 100%;
  height: 50px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  padding: 0 20px;
  background-color: #03426a;
  border: none;
  border-radius: 8px;
  text-transform: capitalize;
  box-shadow: 0 -4px #05293f inset;
}

#welcome-join-us button:hover {
  background-color: #05293f;
}

#welcome-login button {
  width: 100%;
  height: 50px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  padding: 0 20px;
  background-color: #128ad6;
  border: none;
  border-radius: 8px;
  text-transform: capitalize;
  box-shadow: 0 -4px #084c79 inset;
}

#welcome-login button:hover {
  background-color: #084c79;
}

.welcome-title-wrap .welcome-title {
  text-align: center;
  font-size: 22px;
  font-weight: 900;
  padding: 15px 0;
  margin-top: 15px;
}

.welcome-title-wrap .sub-logo {
  width: 158px;
  margin: 0 auto;
}

.welcome-title-wrap .sub-logo .dash {
  float: left;
  background-color: #c4c4c4;
  width: 50px;
  height: 1px;
  margin-top: 12px;
}

.welcome-title-wrap .sub-logo img {
  float: left;
  margin: 0 16px;
}

.welcome-title-position {
  position: relative;
  height: 115px;
}

.welcome-title-wrap {
  position: absolute;
  width: 100%;
  margin-bottom: 15px;
}

#welcome-welcome .welcome-content .side-img {
  float: left;
}

#welcome-welcome .welcome-content .welcome-text {
  float: left;
  width: 100%;
}

.welcome-box {
  padding-bottom: 25px;
}

.welcome-box-left {
  float: left;
  width: 100%;
}

.chat-button {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #002055), color-stop(0.73, #003d81));
  background-image: -moz-linear-gradient(center bottom, #002055 45%, #003d81 73%);
  width: 250px;
  float: left;
  margin: 0px 30px;
  text-align: center;
  padding: 10px 0px;
  cursor: pointer;
}

.chat-button:hover {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.45, #002055), color-stop(0.73, #001b38));
  background-image: -moz-linear-gradient(center bottom, #002055 45%, #001b38 73%);
}

.chat-button img {
  width: 150px;
}

.chat-buttons-wrap {
  width: 930px;
  margin: 0 auto;
}

#skype-content {
  text-align: center;
}

#skype-content img {
  margin: 0;
}

#captcha_box {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
}

#captcha_box #captcha {
  float: left;
}

#captcha_refresh {
  float: left;
  background-color: #03426a;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 -4px #05293f inset;
  width: 40px;
  height: 40px;
}

#captcha_refresh:hover {
  background-color: #05293f;
}

#captcha_refresh img {
  width: 20px;
  margin-top: 10px;
  margin-left: 10px;
}

.email-success-icon {
  text-align: center;
  margin-bottom: 15px;
}

.email-success-icon img {
  width: 100px;
}

.data-box-info {
  padding-bottom: 15px;
}

.data-box-tab-results {
  float: left;
  width: 100%;
  margin-top: 15px;
}

.data-box-tab-results .pager {
  float: left;
  width: 100%;
}

.pager-ajax {
  float: left;
  width: 100%;
  text-align: center;
}

.data-box-report-tbl table {
  margin-bottom: 0px !important;
}

.pager i {
  color: #003d81;
}

.pager i:hover {
  color: #002055;
}

.pager-select {
  width: auto;
  min-width: 70px;
  height: 30px;
}

.pager .btn {
  background: none;
}

.pager-ajax i {
  color: #003d81;
}

.pager-ajax i:hover {
  color: #002055;
}

.pager-ajax .btn {
  background: none;
}

.btn-task-report {
  float: left !important;
  min-width: 70px;
}

.input-group {
  width: 100%;
}

.input-group.date .form-control {
  width: 75%;
}

.input-group.date .btn {
  border-radius: 0;
  background: #eee;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: none;
  height: 34px;
}

#reports-tabs .select-box {
  float: left;
  width: 329px;
}

#reports-tabs .select-left {
  margin-right: 20px;
}

#reports-tabs .select-wrap {
  position: relative;
  display: table;
  border-collapse: separate;
}

.form-group-sub {
  display: inline-block;
  width: 224px;
}

.data-box-camp-container #data-camp-tbl-result {
  margin-bottom: 0px;
}

#camp-create-accordion {
  float: left;
  width: 100%;
}

#camp-create-accordion .ui-state-default {
  background-color: #ededed;
  border: solid 1px #c8c8c8;
  color: #000;
}

#camp-create-accordion .ui-state-hover {
  background-color: #c8c8c8;
  border: solid 1px #c8c8c8;
  color: #000;
}

#camp-create-accordion .ui-icon {
  background-image: url('jquery-ui/images/ui-icons_000_256x240.png');
}

#camp-create-accordion .form-my-label {
  float: left;
  width: 200px;
}

#camp-create-accordion .form-my-col {
  float: left;
  width: 478px;
}

#camp-create-accordion .form-my-col input {
  width: 100%;
}

.data-box-deleting-items {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 10px;
}

.deleting-items-text {
  float: left;
  width: 100%;
  padding-left: 10px;
  margin-bottom: 10px;
}

.deleting-items-title {
  margin-bottom: 10px;
  padding-left: 10px;
  font-size: 16px;
  color: #03426a;
}

.deleting-items {
  float: left;
  width: 50%;
}

.deleting-items ul {
  list-style-type: square;
}

.deleting-items ul > li {
  color: #03426a;
}

.deleting-items ul > li > span {
  color: #000;
}

.form-group textarea {
  font-size: 12px;
}

#no-camp-container {
  text-align: center;
}

.modal-box {
  color: #565656;
}

.modal-box .alert {
  margin-top: 10px;
  margin-bottom: 0;
}

.modal-top {
  padding: 10px 15px;
  background-color: #efefef;
  font-weight: 800;
}

.modal-sub-box {
  margin-top: 25px;
  padding: 10px;
  border: 2px solid #03426a;
  border-radius: 5px;
  background-color: #efefef;
}

.modal-sub-top {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 15px;
  padding: 0 15px 5px 15px;
  border-bottom: 2px solid #03426a;
  font-weight: 700;
}

.modal-last-sub-box {
  margin-bottom: 25px;
}

.modal-sub-lbl {
  float: left;
  padding: 5px;
  width: 30%;
}

.modal-sub-field {
  float: left;
  padding: 5px;
  width: 70%;
}

.modal-code {
  min-height: 200px;
}

.modal-code {
  min-height: 120px;
}

.get-code-content textarea {
  min-height: 130px;
  resize: vertical;
}

.get-link-content textarea {
  min-height: 50px;
  resize: vertical;
}

.modal-search .selectbox {
  width: 100%;
}

.side-detail {
  border: 1px solid #c5c5c5;
  padding: 10px;
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

.side-detail.side-detail-curved {
  border-radius: 7px;
}

.side-detail .title {
  display: inline-block;
  float: left;
}

.side-detail .amount {
  display: inline-block;
  float: right;
  color: #03426a;
  font-weight: 700;
  font-size: 20px;
}

.side-detail-splitter-wrap {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

.side-detail-splitter {
  width: 80%;
  margin: 0 auto;
}

.side-detail-splitter .border {
  border-bottom: 3px solid #03426a;
  width: 40%;
  float: left;
  margin-top: 15px;
}

.splitter-logo {
  float: left;
}

.side-detail-title {
  border: 1px solid #c5c5c5;
  padding: 10px;
  float: left;
  width: 100%;
}

.side-detail-title .title {
  display: inline-block;
  float: left;
  font-weight: 700;
}

.side-detail-title .more {
  display: inline-block;
  float: right;
}

.side-detail-title .more a {
  color: #555;
  font-style: italic;
}

.side-detail-article {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 5px;
}

.side-detail-article .article {
  display: inline-block;
  float: left;
  width: 100%;
  margin-bottom: 3px;
}

.side-detail-article .article a {
  color: #555;
}

.side-detail-article .date {
  font-size: 10px;
  display: inline-block;
  float: left;
  font-style: italic;
}

.side-detail-article .splitter {
  font-size: 10px;
  display: inline-block;
  float: left;
  font-style: italic;
  padding: 0 5px;
}

.side-detail-article .comments {
  font-size: 10px;
  display: inline-block;
  float: left;
  font-style: italic;
}

.side-detail-article .more {
  display: inline-block;
  float: right;
}

.side-detail-article .more a {
  font-size: 12px;
  font-style: italic;
  color: #03426a;
}

.col-info-details .info-title {
  font-weight: 700;
}

.col-info-details-other ul {
  padding: 0;
}

.col-info-details-other ul li {
  display: inline;
  padding-right: 10px;
}

.banner-img-box img {
  display: block;
  max-width: 100%;
  height: auto;
}

.btn-holder {
  float: right;
}

.modal-content-wrap {
  padding-bottom: 20px;
}

#banner-modify-btns {
  padding: 10px 0;
}

#delete-submit {
  background-color: #ae0f0f;
  box-shadow: 0 -2px #4c1919 inset;
  float: right;
}

#delete-submit:hover {
  background-color: #4c1919;
}

.txt-warning {
  font-size: 20px;
  color: red;
  font-weight: 600;
  padding-bottom: 10px;
}

.data-box-upload-banner {
  float: left;
  width: 100%;
  padding: 10px 0;
}

.upload-text {
  float: left;
}

.upload-btn {
  float: right;
}

.preview-field img {
  width: 100%;
}

#welcome-banner-left {
  width: calc(((100% - 1200px) / 2) + 10px);
  height: 300px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #03426a;
}

#welcome-banner-center {
  position: absolute;
  left: calc((100% - 1200px) / 2);
}

#welcome-banner-right {
  width: calc(((100% - 1200px) / 2) + 10px);
  height: 300px;
  position: absolute;
  left: calc(((100% - 1200px) / 2) + 1200px - 10px);
  background-color: #03426a;
}

tr.total {
  color: #03426a;
  font-weight: 600;
}

.arl-container {
  float: left;
  width: 100%;
}

.tbody-plan {
  display: none;
}

.reward-plan {
  margin-top: 20px;
}

#welcome-wrap {
  /*position: relative;*/
}

#welcome-wrap img {
  margin: 0 auto;
}

#welcome-left {
  position: absolute;
  top: 0;
  left: -193px;
  width: 300px;
  height: 300px;
  background-image: url('../images/banners/pr-banner-left.png');
  background-position: top right;
  background-repeat: no-repeat;
}

#welcome-right {
  position: absolute;
  top: 0;
  right: -194px;
  width: 300px;
  height: 300px;
  background-image: url('../images/banners/pr-banner-right.png');
  background-position: top left;
  background-repeat: no-repeat;
  overflow: hidden;
}

.website-add {
  float: right;
  width: 34px;
  height: 34px;
}

.form-control-sub {
  width: 90% !important;
  float: left;
}

.data-box-highlight {
  cursor: pointer;
}

.data-box-highlight:hover {
  background-color: #c5c5c5;
}

.sub-content-mini-title {
  float: left;
  border-bottom: 1px #03426a solid;
  padding-bottom: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 15px;
}

.sub-content-mini-title-h1 h1 {
  float: left;
  font-size: 14px;
  color: #03426a;
  margin: 0;
}

.td-icon {
  width: 30px;
}

.td-btn {
  width: 30px;
}

.td-click {
  cursor: pointer;
}

.td-click:hover {
  background-color: #c5c5c5;
}

.btn-save {
  background-color: #03426a;
  color: white;
  padding: 5px 20px;
  cursor: pointer;
}

.btn-save:hover {
  background-color: #05293f;
}

.btn-add {
  background-color: #03426a;
  color: white;
  padding: 5px 20px;
  cursor: pointer;
}

.btn-add:hover {
  background-color: #05293f;
}

.btn-cancel {
  background-color: #03426a;
  color: white;
  padding: 5px 20px;
  cursor: pointer;
}

.btn-cancel:hover {
  background-color: #05293f;
}

.admin-page #warning-msg {
  margin-top: 20px;
}

.admin-right-btn {
  float: right;
  background-color: #03426a;
  color: white;
  padding: 5px 20px;
  cursor: pointer;
  margin: 0 10px;
}

.admin-right-btn:hover {
  background-color: #05293f;
}

#permission-tabs .ui-accordion .ui-accordion-content {
  overflow: visible !important;
}

.aff-registration-errors {
  margin-top: 15px;
}

.aff-registration-errors ul {
  margin: 0;
  padding: 0;
}

.aff-registration-errors li {
  list-style: none;
}

.aff-registration-errors li span {
  font-size: 12px;
  margin-top: 2px;
  white-space: normal;
  color: red;
}

.link-lang-list {
  background-color: #e8eef2;
}

.slide-inner-container {
  padding: 10px;
}

.slide_title {
  padding: 10px 5px;
  color: #333;
}

.slide_excerpt {
  padding: 10px 5px;
  color: #333;
}

#news-carousel {
  margin-left: 10px;
  margin-right: 10px;
}

.tnc-page h2 {
  font-size: 22px;
  font-weight: bolder;
}

.tnc-page h3 {
  font-size: 16px;
}

#welcome-banner-img {
  background: #fff url("../images/banners/Partnerrooms_Banner_002.jpg");
  background-position: 50% 0;
  background-size: 3000px 300px;
  background-repeat: no-repeat;
  background-color: #03426a;
  height: 300px;
  width: 100%;
}

.front-content-container {
  padding-bottom: 30px;
}

.main-content-container {
  padding-left: 15px;
  padding-bottom: 30px;
}

#footer-side-pusher {
  background-color: #e4e4e4;
}

#footer-side-pusher-nav {
  background-color: #e4e4e4;
}

.aff-form-tax-reg span {
  padding-left: 16px;
}

#fp_loader {
  float: left;
  margin-top: 3px;
  margin-left: 20px;
}

.photo_link:hover {
  text-decoration: none;
}

.slide-inner-container.slick-active:hover {
  background-color: #f8f8f8;
}

.admin-menu-item {
  padding: 10px 0;
}

.admin-menu-title {
  font-size: 18px;
  color: #03426a;
  font-weight: bold;
  padding-bottom: 5px;
}

#affiliate-note {
  width: 100%;
  height: 250px;
  margin-bottom: 10px;
}

#admin-scroll {
  overflow-x: auto;
}

.detail-label {
  font-weight: 900;
  width: 300px;
  display: inline-block;
}

.detail-value {
  text-align: right;
}

.hide-bank-id {
  display: none !important;
}

.rep-rp-red {
  background-color: #e06666 !important;
}

.rep-rp-yellow {
  background-color: #ffe599 !important;
}

.rep-rp-green {
  background-color: #93c47d !important;
}

.rep-rp-white {
  background-color: #ffffff !important;
}

.tbl-total-spacer {
  border-bottom: #03426a !important;
}

.td-total-numbers {
  border-color: #03426a !important;
}

.rw-total-numbers {
  color: #03426a;
}

#warning-msg-errors {
  float: left;
  clear: both;
  margin-top: 10px;
}

.overview-total {
  color: #03426a !important;
  font-weight: 900;
}