/************* Table *******************/
.tbl {
  width: 100%;
  border-top: 1px solid #1778be;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent; }

.tbl th,
.tbl td {
  text-align: center;
  padding: 6px; }

.tbl th {
  white-space: nowrap;
  background: none; }

.tbl td {
  color: #838383; }

.tbl_list th,
.tbl_list td {
  border-bottom: 1px #d6d6d6 solid; }

.tbl.tbl_form.hover tr:hover th,
.tbl.tbl_view.hover tr:hover th,
.tbl.hover tr:hover td {
  background-color: #eaeaea; }

.tbl_form th,
.tbl_form td {
  text-align: left;
  border-bottom: 1px #d6d6d6 solid;
  padding: 0; }

.tbl_form th {
  padding: 12px 0;
  padding-left: 15px; }

.tbl_view th,
.tbl_view td {
  text-align: left;
  border-bottom: 1px #d6d6d6 solid;
  padding: 0; }

.tbl_view th {
  padding: 12px 0;
  padding-left: 15px; }

.tbl.border_none th,
.tbl.border_none td {
  border-bottom: 0; }

.tbl th.text_left,
.tbl td.text_left {
  text-align: left; }

.tbl th.text_right,
.tbl td.text_right {
  text-align: right; }

.tbl th.text_center,
.tbl td.text_center {
  text-align: center; }

.tbl.padding0 th,
.tbl.padding0 td {
  padding: 0; }

@media screen and (max-width: 992px) {
  .tbl_scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden; }

  .tbl_responsive,
  .tbl_responsive thead,
  .tbl_responsive tbody,
  .tbl_responsive th,
  .tbl_responsive td,
  .tbl_responsive tr {
    display: block; }

  .tbl_responsive thead tr,
  .tbl_responsive tbody th {
    position: absolute;
    top: -9999px;
    left: -9999px; }

  .tbl_responsive td {
    /* Behave like a "row" */
    border: none;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
    white-space: normal;
    text-align: left;
    padding: 10px;
    padding-left: 40%; }

  .tbl_responsive td:last-of-type {
    border-bottom: 2px solid #e4e4e4; }

  .tbl_responsive td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    left: 0;
    width: 40%;
    padding: 0 10px;
    white-space: nowrap;
    text-align: left !important;
    font-weight: bold; }

  .tbl_responsive td:before {
    content: attr(data-title); } }
@media only screen and (max-width: 991px) {
  .breadcrumb.vbar > li {
    padding-right: 60px; } }
/************* Buttons *******************/
.btn {
  display: inline-block;
  vertical-align: middle;
  /*min-width: 70px;*/
  padding: 8px 18px;
  line-height: 1.5;
  font-size: 13px;
  font-size: 1.3rem;
  /*color:#707070;*/
  border: 1px solid #c7c7c7;
  background-color: transparent;
  text-align: center;
  white-space: nowrap;
  font-weight: normal;
  -webkit-user-select: none;
  margin: 2px 0; }

.btn[disabled] {
  cursor: not-allowed;
  opacity: 0.5; }

.btn[disabled]:hover {
  background: none;
  color: #707070; }

.btn.expand {
  width: 100%; }

.btn.xthin,
.btn.xthin[disabled]:hover {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 3px 6px;
  border-width: 1px;
  font-weight: normal; }

.btn.xthin:hover {
  font-weight: normal; }

.btn.thin,
.btn.thin[disabled]:hover {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 7px 9px;
  border-width: 1px;
  font-weight: normal; }

.btn.thin:hover {
  font-weight: normal; }

.btn.thin.rounded {
  border-radius: 3px; }

.btn.thick,
.btn.thick[disabled]:hover {
  font-size: 16px;
  font-size: 1.6rem;
  border-width: 2px; }

.btn.xthick,
.btn.xthick[disabled]:hover {
  font-size: 19px;
  font-size: 1.9rem;
  padding: 11px 24px;
  border-width: 2px; }

.btn_basic,
.btn_basic[disabled]:hover {
  border-color: #bdbdbd; }

.btn_basic:hover {
  border-color: #969696;
  font-weight: bold; }

.btn_primary,
.btn_primary[disabled]:hover {
  color: #fff;
  background-color: #1880ca;
  border-color: #1880ca;
  font-weight: bold; }

.btn_primary:hover {
  background-color: #067ae5;
  border-color: #067ae5;
  font-weight: bold; }

.btn_refuse,
.btn_refuse[disabled]:hover {
  color: #fff;
  background-color: #505050;
  border-color: #505050;
  font-weight: bold; }

.btn_refuse:hover {
  background-color: #505050;
  border-color: #505050;
  font-weight: bold; }

.btn_function,
.btn_function[disabled]:hover {
  border-color: #bdbdbd; }

.btn_function:hover,
.btn_function:active {
  background-color: #1880ca;
  /*border-color:#1880ca;*/
  color: #fff; }

.btn_function2,
.btn_function2[disabled]:hover {
  border-color: #5ea7dc;
  color: #1880ca; }

.btn_function2:hover,
.btn_function2:active {
  color: #fff;
  background-color: #1880ca;
  border-color: #1880ca; }

.btn.border_none {
  border: 0px; }

.btn.pill {
  border-radius: 23px; }

/************* Button Radio *******************/
.btn_radio {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  white-space: nowrap;
  font-weight: normal;
  cursor: pointer;
  -webkit-user-select: none;
  margin: 2px 0; }

.btn_radio > input {
  display: none; }

.btn_radio > span {
  color: #858585;
  padding: 8px 18px;
  display: block;
  background-color: #f0f0f0;
  border: 1px solid #bdbdbd; }

.btn_radio input:checked + span {
  color: #fff;
  background-color: #36363a;
  border: 1px solid #000; }

.btn_radio.thin {
  font-size: 12px;
  font-size: 1.2rem; }

.btn_radio.thin > span {
  padding: 7px 9px; }

.btn_radio.thick {
  font-size: 18px;
  font-size: 1.8rem; }

.btn_radio.thick > span {
  padding: 12px 24px; }

.btn_radio.rounded > span {
  border-radius: 5px; }

.btn_radio.thin.rounded > span {
  border-radius: 3px; }

.btn_radio.thick.rounded > span {
  border-radius: 8px; }

.btn_toggle.thin {
  font-size: 12px;
  font-size: 1.2rem; }

.btn_toggle.thin > span,
.btn_toggle.thin > span:after {
  padding: 7px 9px; }

.btn_toggle.thick {
  font-size: 18px;
  font-size: 1.8rem; }

.btn_toggle.thick > span,
.btn_toggle.thick > span:after {
  padding: 12px 24px; }

.btn_toggle.rounded > span {
  border-radius: 5px; }

.btn_toggle.thin.rounded > span {
  border-radius: 3px; }

.btn_toggle.thick.rounded > span {
  border-radius: 8px; }

.btn_toggle.arrow > span {
  width: 35px;
  height: 25px;
  font-size: 0;
  padding: 0 0; }

.btn_toggle.arrow > span:before,
.btn_toggle.arrow > span:after {
  font-family: 'dubuplus-icon';
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #297FD4; }

.btn_toggle.arrow > span:before {
  content: "\e603"; }

.btn_toggle.arrow > span:after {
  content: "\e600";
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  padding: 0;
  position: static;
  display: none; }

.btn_toggle.arrow input:checked + span:before {
  display: none; }

.btn_toggle.arrow input:checked + span {
  border-color: #bdbdbd; }

/*** Primary ***/
.btn_toggle.expand > span:after {
  width: 100%; }

.btn_toggle.primary > span {
  border: 1px solid #1880ca;
  color: #1880ca; }

.btn_toggle.primary > span:hover {
  color: #fff; }

.btn_toggle.primary > span:hover,
.btn_toggle.primary > span:after {
  background-color: #2196f3; }

.btn_toggle.primary input:checked + span {
  border-color: #2196f3; }

/***  ***/
.btn_toggle.bookmark {
  position: relative;
  line-height: 1; }

.btn_toggle.bookmark span,
.btn_toggle.bookmark input:checked + span {
  font-size: 0;
  padding: 0 0;
  background: transparent;
  border: 0px; }

.btn_toggle.bookmark span:before {
  content: "\e62b";
  font-family: "dubuplus-icon";
  display: inline-block;
  font-size: 25px;
  color: #e7e7e7;
  text-outline: 1px #2677b1 solid; }

.btn_toggle.bookmark input[type=checkbox]:checked + span:before {
  color: #ffc600; }

.btn_toggle.bookmark input:checked + span:after {
  display: none; }

/* ======================================= */

/*# sourceMappingURL=tbl.css.map */