@charset "utf-8";

/*btns*/


.btns {
    display: inline-block;
    padding: 6px 10px 7px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1em;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #aaa;
    border-radius: 3px;
    color: #333;
    background-color: #fff;
    height: 29px;
    margin: 0;
    box-sizing: border-box;
    text-decoration: none !important
}
.btns + .btns {margin-left:5px}
    .btns:focus,
    .btns:active:focus,
    .btns.active:focus,
    .btns.focus,
    .btns:active.focus,
    .btns.active.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        border-color: #0a8ee0;
        text-decoration: none !important
    }
    .btns:hover,
    .btns:focus,
    .btns.focus {
        color: #0a8ee0;
        text-decoration: none;
        background-color: #eee;
        border-color: #0a8ee0;
        cursor: pointer;
        text-decoration: none !important
    }
    .btns:active,
    .btns.active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        background-color: #eee;
        border-color: #0a8ee0;
        text-decoration: none !important
    }
.btns .material-icons {color:#157cbe}
    .btns.disabled,
    .btns[disabled],
    fieldset[disabled] .btns {
        pointer-events: none;
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
        ;
        text-decoration: none !important
    }

.btns_el,
.btns_group_el > .btns {
  padding: 0 20px;
  font-size: 20px;
  line-height: 55px;
  height:55px;
  font-family: "ns_eb";
}

.btns_lg,
.btns_group_lg > .btns {
  padding: 0 16px;
  font-size: 17px;
  line-height: 40px;
  height:40px;
  font-family: "ns_b";
}
.btns_sm,
.btns_group_sm > .btns {
  padding: 2px 4px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
  font-family: "nsan";
  height:24px
}
.btns_group_sm > .btns+.btns,
.btns_sm+.btns_sm { margin-left:4px }
.btns_xs,
.btns_group-xs > .btns {
  padding: 1px 5px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 3px;
    height:22px;
  font-family: "nsan";
}
.btns_block {
  display: block;
  width: 100%;
}
.btns_30p{
	width:30%
}
.btns_block + .btns_block {
  margin-top: 5px;
}
input[type="submit"].btns_block,
input[type="date"].btns_block,
input[type="reset"].btns_block,
input[type="button"].btns_block {
    width: 100%;
}

.btns_prime {
  color: #fff;
  background-color: #157cbe;
  border-color: #157cbe;
}
.btns_prime .material-icons {color:#fff}
.btns_prime:hover,
.btns_prime:focus,
.btns_prime.focus,
.btns_prime:active,
.btns_prime.active,
.open > .dropdown-toggle.btns_prime {
  color: #fff;
  background-color: #2497E1;
  border-color: #2497E1;
}
.btns_prime:active,
.btns_prime.active,
.open > .dropdown-toggle.btns_prime {
  background-image: none;
}

.btns_danger {
  color: #fff;
  background-color: #F57E20;
  border-color: #F57E20;
}
.btns_danger .material-icons {color:#fff}

.btns_danger:hover,
.btns_danger:focus,
.btns_danger.focus,
.btns_danger:active,
.btns_danger.active,
.open > .dropdown-toggle.btns_danger {
  color: #fff;
  background-color: #EA6800;
  border-color: #EA6800;
}
.btns_danger:active,
.btns_danger.active,
.open > .dropdown-toggle.btns_danger {
  background-image: none;
}


.btns_gray {
  background-color: #eee;
}
.btns_gray:hover,
.btns_gray:focus,
.btns_gray.focus,
.btns_gray:active,
.btns_gray.active,
.open > .dropdown-toggle.btns_gray {
  background-color: #f8f8f8;
}
.btns_gray:active,
.btns_gray.active,
.open > .dropdown-toggle.btns_gray {
  background-image: none;
}
.btns .material-icons {font-weight:100}
.material-icons {
    font-size: inherit !important;
    vertical-align: middle !important;
    margin-top: -2px
}

.ui-datepicker-trigger {
    padding: 5px;
    border: 1px solid #ccc;
    background: #e9e9e9;
    margin-left: -1px;
    cursor:pointer
}
.board_search input[type=text], .board_search input[type=date]{width:120px}
.table_view label {
    min-width: 110px;
    padding-right: 10px;
    display: inline-block;
}

.btn_center {
    text-align:center
}
.btn_box {margin:20px auto}
    .btn_box > .btns_el {margin:15px}
    .pull_right {
        float: right
    }
.pull_left {
    float: left
}
.btn_excel {margin:auto 5px}
.txt_center {text-align:center !important}
.txt_right {
    text-align: right !important
}
.txt_left {
    text-align: left !important
}

.btns_thin {  padding: 0.16em 0.5em 0.2em 0.5em;
    height: auto; }