a:hover{text-decoration: none !important;}
/* login */
.wrapper-login{
  margin: 0 auto;
  width: 300px;
  text-align: center;
  position: relative;
  top: 250px;
}
.wrapper-login .title{
  color: #333;
  padding: 0;
  margin-top: 20px;
  margin-bottom: 60px;
  font-weight: bold;
}
#form-login .form-group{
  margin-bottom: 35px;
}
.form-group .error {
  color: red;
  display: block;
  margin-top: 12px;
  clear: both;
  text-align: left;
  display: none;
  
}
.form-group.active .error{
  display: block;
}
#form-login input.form-input{
    width: 100%;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    
    height: 35px;
    padding-left: 30px;
}
#form-login input#user{
  background: url('/include/assets/images/user.png') no-repeat;
  background-position: 0 6px;
}
#form-login input#pwd{
  background: url('/include/assets/images/pwd.png') no-repeat;
  background-position: 0 6px;
}
#form-login input:focus{border-bottom:1px solid #e5e5e5;outline: aliceblue;}
#form-login .btn-submit{
    width: 100%;
    float: left;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
    background: #2d4aa6;
    color: #fff;
    text-decoration: none;
}

/* member */
.wrapper-member{
  float: left;width: 100%;
}
.wrap-tabs{
  float: left;
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
}
.menu-left{
  float: left;
  width: 220px;
}
.menu-left .img-logo{
  float: left;
  width: 100%;
  height: 100px;
  border-bottom: 5px solid #364ea2;
}
.menu-left .img-logo img{
    margin: 0 auto;
    display: block;
    margin-top: 20px;
}
.menu-nav{float: left;width: 100%;background-color: #1d2b36;min-height:1000px;}
.menu-nav ul{
    list-style: none;
    padding: 0;
}
.menu-nav ul li{
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  padding-right: 15px;
}
.menu-nav ul li.active{
  background:#141f26;
}
.menu-nav ul li a{
    color: #fff;
    position: absolute;
    padding-left: 25px;
}
.menu-nav ul li a:hover{
  text-decoration:none;
}
.menu-nav ul li:before{

}
.menu-nav ul li.menu-item1 a{
    background:url('/include/assets/images/menu-item12.png') no-repeat;
    background-position: 0px 15px;
    background-size: 18px;
}
.menu-nav ul li.menu-item2 a{
    background:url('/include/assets/images/menu-item1.png') no-repeat;
    background-position: 0px 15px;
    background-size: 18px;
}
.menu-nav ul li.menu-item3 a{
   background:url('/include/assets/images/menu-item2.png') no-repeat;
    background-position: 0px 15px;
    background-size: 18px;
}
.menu-nav ul li.menu-item4 a{
     background:url('/include/assets/images/menu-item3.png') no-repeat;
    background-position: 0px 15px;
    background-size: 18px;
}
.menu-nav ul li.menu-item5 a{
   background:url('/include/assets/images/menu-item4.png') no-repeat;
    background-position: 0px 15px;
    background-size: 18px;
}
.menu-nav ul li.menu-item6 a{
   background:url('/include/assets/images/menu-item5.png') no-repeat;
    background-position: 0px 15px;
    background-size: 18px;
}
.menu-nav ul li.menu-item7 a{
   background:url('/include/assets/images/menu-item6.png') no-repeat;
    background-position: 0px 15px;
    background-size: 18px;
}
.menu-nav ul li.menu-item8 a{
   background:url('/include/assets/images/menu-item7.png') no-repeat;
    background-position: 0px 15px;
    background-size: 18px;
}
.menu-nav ul li.menu-item9 a{
   background:url('/include/assets/images/menu-item8.png') no-repeat;
    background-position: 0px 15px;
    background-size: 18px;
}
.menu-nav ul li.menu-item10 a{
   background:url('/include/assets/images/menu-item9.png') no-repeat;
    background-position: 0px 15px;
    background-size: 18px;
}
.menu-nav ul li.menu-item11 a{
   background:url('/include/assets/images/menu-item10.png') no-repeat;
    background-position: 0px 15px;
    background-size: 18px;
}
.close-menu-left{
    position: relative;
    right: 0px;
    top: 825px;
    z-index: 99;
    cursor: pointer;
    width: 23px;
    float: left;
}
.menuleft-hide{
  margin-left: -220px;
}
.menu-an{display: none;}
.menu-active{display: block !important;}
.icon-menu1{display: none;}
.widthfull{width: 100% !important;}
/* main-right */
.main-right{
  float: left;
  width: 88%;
  background: #eff4f7;
  box-sizing: border-box;
  padding: 10px 20px 10px 20px;
  position: relative;
  margin-top: -80px;
}

.main-right ul.nav-tabs{border:none;margin-bottom: 10px;}
.main-right ul.nav-tabs li{
    height: 56px;
    float: left;
    position: relative;
    margin-right: 10px;
    background: transparent;
}
.main-right ul.nav-tabs li a{
    float: left;
    height: 56px;
    display: inline-block;
    line-height: 56px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding-left: 15px;
    background: #fff;
    color: #333;
}
.main-right ul.nav-tabs li a:hover{border:1px solid #8fadd2;background: #fff;}
.main-right ul.nav-tabs li a:focus{border:none;background: none;}
.main-right ul.nav-tabs li.active a{border:1px solid #8fadd2;background: #fff;}
.main-right ul.nav-tabs li span{
  background: url('/include/assets/images/btn-remove.png') no-repeat;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.main-right .logout{
    float: right;
    margin: 0;
    line-height: 40px;
    text-align: right;
    padding: 0;
    padding-right: 25px;
    border: none;
    background: none;
    position: relative;
    color: #537bac;
    font-weight:bold;
}
.main-right .logout a{text-decoration:none;}
.main-right .logout span{
  position:absolute;
  right:0;
  top:10px;
  background:url('/include/assets/images/icon-logout.png') no-repeat;
  width:18px;
  height:18px;
}
.main-content{
    float: left;
    width: 100%;
    background: #fff;
}
.main-right .tab-content{float:left;width:100%;}
.main-content .content-middle{
  float:left;
  width:100%;
  height:61px;
  line-height:61px;
  border-top:1px solid #e5e5e5;
  padding: 0 20px;
  position: relative;
}

.main-content .content-middle p{
  margin:0;
  padding:0;
  float:left;
  color:#a0a0a0;
}
.main-content .content-middle .wrap-select{
  float: right;
    position: absolute;
    right: 0;
    top: -5px;
}
.main-content .content-top{
    box-sizing: border-box;
    padding: 26px 20px 10px 20px;
    float: left;
    width: 100%;
    font-size: 16px !important;
}

.wrap-select{float:left;margin-right:10px;}
.wrap-select .dropdown-toggle{
    height: 40px !important;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    width: 160px !important;
    padding: 0;
    line-height: 40px !important;
    padding-left: 10px;
}
.wrap-select .dropdown-toggle span{
  line-height: 40px !important;
}
.dropdown-toggle .filter-option{
  height:39px;
}
.wrap-select .dropdown-toggle:hover{
  background:#fff;
  border: 1px solid #e5e5e5;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{
  background:#fff;
  border:none;
}
#select-type{
  -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    text-indent: 0.1;
    text-overflow: '';
}
.bootstrap-select .dropdown-toggle:focus{
  background:#fff !important;
  outline:none !important;
  border: 1px solid #e5e5e5 !important;
}

.bs-caret{
    background: url(/include/assets/images/arrow-down.png) no-repeat;
    background-position: 0 -5px;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    float: right;
    right: 4px;
    top: 18px;
    z-index: 10;
}
.bs-caret .caret{
  display:none;
}
.bootstrap-select .dropdown-menu{
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  top: -1px !important;
}
.dropdown-menu ul{}
.dropdown-menu ul li{
    float: left;
    width: 100%;
    height: 40px !important;
    line-height: 40px;
    padding: 0;
}
.dropdown-menu ul li:first-child{
    background:#d0e5ff !important;
}
.dropdown-menu ul li a{
    padding: 0;
    text-align: left;
    float: left;
    height: 40px;
    line-height: 40px;
    width: 100%;
    color:#333;
    background:#fff;
    padding-left:13px;
}
.dropdown-menu ul li a:focus{
  outline:none;
  background:#fff;
}
.dropdown-menu ul li a:hover{
  outline:none;
  background:#d0e5ff;
}
.select-type{
}

.input-inline input{
  width:160px;
  height:40px;
  border: 1px solid #e5e5e5;
  padding-left:12px;
  outline: none;
}
.input-inline{float:left;margin-right:10px;}
.input-inline input.input-text:focus{
  border: 1px solid #e5e5e5 !important;
  box-shadow:none;
  background:none;
}

.main-content .content-bt {
    clear: both;
}
#member-log .wrap-select .btn-group.bootstrap-select.form-control .dropdown-toggle{
  top: 4px;
  width: 160px !important;
}
#member-log .wrap-select .btn-group.bootstrap-select.form-control{
  max-width: 200px;
}
#member-log .wrap-select .select-inline{
  padding-left: 10px;
}
.content-bt table thead tr th{
  border-top: 2px solid #a3bfe1 !important;
  border-bottom: none;
  border-right: 1px solid #c3d2e5;
  background: #deecfc;
  text-align: center;
  color: #58708d;
  padding: 9px 8px;
  vertical-align: middle;
}
/*���켺 �߰� .content-bt2-> td ������ ����_210514*/
.content-bt2 table thead tr th{
  border-top: 1px solid #a3bfe1 !important;
  border-bottom: none;
  border-right: 1px solid #c3d2e5;
  background: #e0e6fa;
  text-align: center;
  color: #58708d;
  padding: 6px 5px;
  vertical-align: middle;
}
.content-bt table thead tr th:last-child{border-right:none;}
.content-bt table tbody{}
.content-bt table tbody tr{}
.content-bt table tbody tr td{
    padding: 14px 8px;
    border-bottom: 1px solid #edf0f5;
    border-right: 1px solid #edf0f5;
    text-align:center;
    color:#333;
    background:#fff;
}
/*���켺 �߰�*/
.content-bt2 table tbody tr td{
    padding: 8px 4px;
    border-bottom: 1px solid #edf0f5;
    border-right: 1px solid #edf0f5;
    text-align:center;
    color:#333;
    background:#fff;
}
.content-top .title{
  color: #1d2b36;
  font-size: 22px;

} 
.content-bt table tbody tr td a{
  color: #333;
}
.content-bt2 table tbody tr td a{
  color: #333;
}
.content-bt table tbody tr td a:hover{
  text-decoration:none;
}
.content-bt2 table tbody tr td a:hover{
  text-decoration:none;
}
.content-bt table tbody tr.parity td{
    background:#f7f9fc;
}
.content-bt2 table tbody tr.parity td{
    background:#f7f9fc;
}
.content-bt table tbody tr td:last-child{border-right:none;}
.content-bt2 table tbody tr td:last-child{border-right:none;}
/*pages*/
.wrap-pages{
  float: left;
  width: 100%;
  background: #fff;
}
.wrap-pages nav{
    text-align: center;
    padding: 10px 0 50px 0;
}
.wrap-pages ul.pagination{margin:0;}
.wrap-pages ul li{

}
.wrap-pages ul li a{
    margin-right: 10px;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    color:#3f3f3f;
}
.wrap-pages ul li.active a{
  background-color:#2d4aa6;
}
.wrap-pages ul li.active a:hover{
  background-color:#2d4aa6;
}
.wrap-pages ul li.first a{
    background: url(/include/assets/images/btn-first.png) no-repeat;
    background-position: center;
    text-indent: -9999px;
}
.wrap-pages ul li.prev a{
    background: url(/include/assets/images/btn-prev.png) no-repeat;
    background-position: center;
    text-indent: -9999px;
}
.wrap-pages ul li.next a{
    background: url(/include/assets/images/btn-next.png) no-repeat;
    background-position: center;
    text-indent: -9999px;
}
.wrap-pages ul li.last a{
    background: url(/include/assets/images/btn-last.png) no-repeat;
    background-position: center;
    text-indent: -9999px;
}
.btn-submit:focus{
  outline: none;
  text-decoration: none;
}
.btn-submit{
  float: left;
  width: 100px;
  height: 39px;
  border: 1px solid #537bac;
  border-radius: 5px;
  text-align: center;
  background:#deecfc;
  line-height:39px;
  outline: none;
  text-decoration: none;
  position: relative;
}
.btn-create:focus{
    outline: none;
    text-decoration: none;
}
.btn-create{
    float: left;
    width: 100px;
    height: 39px;
    border: 1px solid #7db5c1;
    color: #7db5c1;
    border-radius: 5px;
    text-align: center;
    background: #eaf7f8;
    line-height:39px;
    outline: none;
    text-decoration: none;
    position: relative;
}

.btn-submit a{text-decoration:none;}
.btn-submit a:hover{text-decoration:none;}
.calenda-content{
  float:left;
  margin-right:10px;
}
/* calenda */
.calenda-content .input-style{
  height:39px;
  border:none;
  border:1px solid #e5e5e5 !important;
  background:url('/include/assets/images/icon-canlenda.png') no-repeat;
  background-position:top right;
  cursor:pointer;
  padding-left:15px;
}
.calenda-content .input-style:focus{
  outline:none;
}
.calenda-content span{
  border-left:1px solid #e5e5e5;
  padding: 0 10px;
}
#tab2 .calenda-content span{
  border-left:none;
  padding-right: 10px;
  padding-left: 0;
}
.calenda-content span.date2{border:none;padding-left: 0;}


.xdsoft_datetimepicker .xdsoft_prev{
    height: 30px !important;
    width: 30px !important;
    background: url(/include/assets/images/canlenda-pre.png) no-repeat center !important;
    top: 0;
    left: 0;
    z-index: 999;
}
.xdsoft_datetimepicker .xdsoft_next{
    height: 30px !important;
    width: 30px !important;
    background: url(/include/assets/images/canlenda-next.png) no-repeat center !important;
    top: 0;
    right: 0;
    z-index: 999;
}
.xdsoft_datetimepicker .xdsoft_today_button{display:none !important;}
.xdsoft_datetimepicker .xdsoft_label{display:inline-block;}
.calenda-content .xdsoft_datetimepicker .xdsoft_month{
    float: none;
    width: 13px;
    padding: 0;
    margin: 0;
    padding-top: 6px;
}
.xdsoft_datetimepicker .xdsoft_month span{
    font-weight: normal;
    color: #333;
    border: none;
    font-weight: bold;
    text-align: right;
    position: absolute;
    right: -3px;
    top: 7px;
}
.xdsoft_datetimepicker .xdsoft_year{
    position: absolute !important;
    width: 48px !important;
    height: 30px;
    top: 1px;
    margin-left: -45px !important;
    left: 50%;
}
.xdsoft_datetimepicker .xdsoft_year:before{
    position: absolute;
    width: 1px;
    height: 1px;
    content: ".";
    background: #666;
    top: 6px;
    right: 2px;
}
.xdsoft_datetimepicker .xdsoft_year span{
    font-weight: normal;
    color: #333;
    border: none;
    font-weight: bold;
    position: absolute;
    left: 12px;
    top: 6px;
}
.xdsoft_datetimepicker .xdsoft_year i{display:none !important;}
.xdsoft_datetimepicker .xdsoft_label i{display:none !important;}
.xdsoft_scroller_box{display:none !important;}
.xdsoft_datetimepicker .xdsoft_calendar{
    margin: 0;
    background: none;
}
.xdsoft_datetimepicker .xdsoft_calendar table{
    border: none;
    background: none;
}
.xdsoft_datetimepicker .xdsoft_calendar table tr{
  border: none;
  background: none;
}
.xdsoft_datetimepicker .xdsoft_calendar table tr td{
  border: none;
  background: none !important;
  text-align: center;
}
.xdsoft_datetimepicker .xdsoft_calendar table th{
  border: none;
  background: none;
  color:#537bac;
}
.xdsoft_datetimepicker .xdsoft_calendar table .xdsoft_current{box-shadow:none !important;}
.xdsoft_datetimepicker .xdsoft_calendar table .xdsoft_current div{
  display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 100%;
    background: #a9e5f5;
    color: #333;
    padding-right: 0;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover{
    background-color: #fff !important;
    color: #333333 !important;
}

/*--member_info--*/
/* 회원정보 모달에만 적용 */
/* 회원정보 모달(#member-log)에만 적용 - 다른 모달에 영향 없음 */
#member-log .modal-dialog {
    width: 95% !important;
    max-width: 1500px !important;
    min-width: 1260px !important;
}

#member-log .modal-content {
    width: 100% !important;
    max-width: none !important;
    border: none !important;
    overflow-x: hidden !important;  /* 가로 스크롤 제거 */
    padding-right: 15px !important;  /* 스크롤바 여백 */
    box-sizing: border-box !important;ㄴ

}

/* 멤버십카드 탭의 테이블 조정 */
#member-log #tab-item7 .table {
    min-width: 1200px;
    width: 100%;
    table-layout: auto;
}

#member-log #tab-item7 .table th:nth-child(8),
#member-log #tab-item7 .table td:nth-child(8) {
    min-width: 170px;
    white-space: nowrap;
}

#member-log #tab-item7 .content-bt {
    width: 100% !important;
    overflow-x: auto;
}

/* 모든 컬럼이 적절한 너비를 가지도록 */
#member-log #tab-item7 .table th,
#member-log #tab-item7 .table td {
    padding: 8px 6px;
    text-align: center;
}

/* 액션 버튼들 크기 조정 */
#member-log #tab-item7 .btn-popup {
    padding: 2px 4px;
    white-space: nowrap;
}


/*.modal-dialog{width:960px !important;}*/
.modal-dialog{width:960px !important;}
.modal-dialog2{width:960px;}
.modal-content{float: left;width: 100%;}
.modal-content2{float: left;width: 100%;}
.wrapper-popup .modal-header{
    padding: 0 !important;
    border-bottom: none !important;
}
.wrapper-popup .dal-header{
    display: inline-block;
    float: left;
    width: 100%;
    line-height: 26px;
    height: 26px;
    background: #f4f4f4;
    box-sizing: border-box;
    padding: 5px 10px 5px 10px;
}
.wrapper-popup .dal-header a{
  width: 13px;
    height: 13px;
    border-radius: 50%;
    display: block;
    float: left;
    margin-right: 5px;
}
.wrapper-popup{padding:0;}
.wrapper-popup .dal-header a.radius1{background:#ff5f58;}
.wrapper-popup .dal-header a.radius2{background:#ffbd2e;}
.wrapper-popup .dal-header a.radius3{background:#29c941;margin:0;}
.wrapper-popup .dal-header p{
    text-align: center;
    color: #333;
    margin: 0;
    padding: 0;
    line-height: 17px;
}
.wrapper-popup .link-top{
  float:left;
  width:100% !important;
  border:1px solid #a5a5a5;
  border-radius:3px !important;
  height:26px;
  box-sizing: border-box;
  padding:0 10px;
  line-height: 26px;
  margin: 0 !important;
  text-align: left !important;
}
.wrapper-popup .link-top a{
    background: url(/include/assets/images/cham.png) no-repeat;
    padding-left: 20px;
    background-position: 0px 0px;
}
.wrapper-popup .modal-body{
  padding: 0;
  float: left;
  width: 100%;
  background: #fff;
}
.wrapper-popup .modal-footer{
  float: left;width: 100%;
  border-top:none;
}
.wrap-popup .content-bt table{margin: 0;}
#member-log ul.nav-tabs{border:none;padding: 20px 10px 20px 10px;}
#member-log ul.nav-tabs li{}
#member-log ul.nav-tabs li.active a{
  background:#537bac;
  border:none;
  color:#fff;
}
#member-log ul.nav-tabs li:hover a{
  background:#537bac;
  border:none;
  color:#fff;
}
#member-log ul.nav-tabs li a{
    border: 1px solid #a5a5a5;
    border-radius: 20px;
    width: 120px;
    text-align: center;
    color: #a0a0a0;
    margin-right: 10px;
    line-height: 18px;
    height: 36px;
}
.wrap-popup{float: left;width: 100%;}
.wrap-popup .popup-left{float: left;width: 50%;}
.wrap-popup .popup-left .text-left,.wrap-popup .popup-right .text-left{float: left;width: 179px;}
.wrap-popup .popup-left .text-left .popup-txt,.wrap-popup .popup-right .text-left .popup-txt{
    float: left;
    margin: 0;
    width: 100%;
    height: 49px;
    line-height: 49px;
    border-bottom: 1px solid #c3d2e5;
    background: #deecfc;
    padding-left: 10px;
    color: #58708d;
    border-right: 1px solid #a3bfe1;
}
.text-left .first{background: none !important;border-right: none !important;}
.wrap-popup .popup-left .text-right p.first,.wrap-popup .popup-right .text-right p.first{
  border-top:1px solid #edf0f5;
}

.wrap-popup .popup-right{float: left;width: 50%;}
.wrap-popup .text-right{
    float: left;
    width: 300px;
    text-align: left;
}
.wrap-popup .text-right p{
    float: left;
    margin: 0;
    width: 100%;
    height: 49px;
    line-height: 49px;
    padding-left: 10px;
    color: #333;
    /* border-top:1px solid #edf0f5; */
    border-bottom:1px solid #edf0f5;
}
.wrap-popup .wrap-select{
    float: left;
    height: 49px;
    width: 100%;
    margin: 0;
    border-bottom:1px solid #edf0f5;
    position: relative;
}
.wrap-popup .wrap-select .dropdown-toggle{
    position: absolute;
    top: 4px;
    left: 10px;
}
.wrap-popup .bootstrap-select{
  box-shadow: none !important;
}
.popup-right .last{
  background: none !important;
  border-right: none !important;
  border-bottom: 1px solid #edf0f5 !important;
}
#member-log .modal-footer{float: left;width: 100%;}
#member-log .modal-footer .btn-submit{
  width: 180px;
  background: none;
  margin: 0 auto;
  display: block;
  margin-top: 5px;
  float: none;
}
#add-new-card{}
#add-new-card .modal-content{
  left: 0px;
  top: 0px;
  height: 340px;
}
#add-new-card .wrap-popup .text-right{
  width: 285px;
}
#add-new-card .wrap-popup .text-right div{
    float: left;
    margin: 0;
    width: 100%;
    height: 49px;
    line-height: 49px;
    padding-left: 10px;
    color: #333;
    /* border-top: 1px solid #edf0f5; */
    border-bottom: 1px solid #edf0f5;
}
#add-new-poin .wrap-popup .text-right div{
  float: left;
    margin: 0;
    width: 100%;
    height: 49px;
    line-height: 49px;
    padding-left: 10px;
    padding-right: 10px;
    color: #333;
    /* border-top: 1px solid #edf0f5; */
    border-bottom: 1px solid #edf0f5;
}
.wrap-popup .text-right div input{
    float: left;
    height: 38px;
    margin-top: 5px;
    width: 100%;
    border:1px solid #edf0f5;
}
.wrap-popup .text-right div.first input{width: 60%;}
.wrap-popup .text-right div.first .btn-card{
  width: 38%;
  float: right;
  height: 37px;
  background: none;
  margin-top: 6px;
}
.wrap-popup .text-right div.first .btn-poin{
  width: 135px;
  background: none;
  margin-top: 6px;
}
.wrap-popup .text-right div.first .btn-poin1{
  margin-right: 10px;
}
.modal-footer .btn-add-card{
    float: right;
    background: none;
    width: 180px;
}
.modal-footer .btn-add-card-close{
    float: right;
    background: none;
    width: 180px;
    border: 1px solid #a27f85;
    color: #a27f85;
    margin-left: 10px;
}
#add-new-poin .wrap-popup .popup-right .text-left p.first{
  background: none;
  border-right: 0;
}
#tab-item5 .content-bt{overflow: scroll;}
#tab-item5 .content-bt table{width: 2000px;}
.wrap-popup .wrap-pages{
    margin-top: 85px;
    margin-bottom: 10px;
}
#tab-item4 .wrap-popup .wrap-pages{
  margin-top: 150px;
}
#tab-item5 .wrap-popup .wrap-pages{
    margin-top: 20px;
    margin-bottom: 20px;
}
.tab-pane .wrap-popup .wrap-pages nav{
    padding: 0;
}
/*#tab-item7 .content-bt{overflow: scroll;height: 2000px;}*/
#tab-item7 .content-bt{overflow: scroll;}
#tab-item7 .content-bt table{width: 1100px;}
/* page schedule */

#tab-item8 .content-bt{overflow: scroll;}
#tab-item8 .content-bt table{width: 1200px;}

.content-top-schedule{padding: 26px 20px 10px 20px !important;}
.content-top-schedule .btn-schedule-edit{
  float: right;
  width: 160px;
  height: 38px;
  background: #eaf7f8;
  border-radius: 5px;
  border: 1px solid #7db5c1;
  text-align: center;
  line-height: 38px;
  color: #7db5c1;
  background: url(/include/assets/images/btn-edit.png) no-repeat;
  background-color: #eaf7f8;
  background-position: 32px 10px;
  outline: none;
  text-decoration: none;
}
.content-top-schedule .btn-schedule-edit:hover{text-decoration: none;};
.btn-action-edit{
  float: right;
  width: 160px;
  height: 38px;
  background: #eaf7f8;
  border-radius: 5px;
  border: 1px solid #7db5c1;
  text-align: center;
  line-height: 38px;
  color: #7db5c1;
  background: url(/include/assets/images/check.png) no-repeat;
  background-color: #eaf7f8;
  background-position: 32px 10px;
  outline: none;
  text-decoration: none;
}
/* year month */
.calenda-content .month-year-input1{
  height: 39px;
  border: none;
  border: 1px solid #e5e5e5 !important;
  background: url(/include/assets/images/icon-canlenda.png) no-repeat;
  background-position: top right;
  cursor: pointer;
  padding-left: 15px;
}
.month-picker-header,.ui-datepicker-header{
  border: none !important;
  background: none !important;
}
.month-picker-month-table .ui-button{background: #fff !important;}
.month-picker-month-table .ui-button:hover{
  background: #d0e5ff !important;
  color:#333;
}
.month-picker table{background: #fff;}
.month-picker-previous .ui-button,.ui-datepicker-prev .ui-icon{
    height: 30px !important;
    width: 30px !important;
    background: url(/include/assets/images/canlenda-pre.png) no-repeat center !important;
}
.month-picker-previous .ui-state-hover{
    height: 30px !important;
    width: 30px !important;
    background: url(/include/assets/images/canlenda-pre.png) no-repeat center !important;
}
.month-picker-next .ui-button,.ui-datepicker-next .ui-icon{
   height: 30px !important;
    width: 30px !important;
    background: url(/include/assets/images/canlenda-next.png) no-repeat center !important;
}
.ui-widget-header .ui-icon{
  display: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
    border:none !important;
}
::-webkit-input-placeholder {
   color: #333;
}
 
:-moz-placeholder { /* Firefox 18- */
   color: #333;  
}
 
::-moz-placeholder {  /* Firefox 19+ */
   color: #333;  
}
 
:-ms-input-placeholder {  
   color: #333;  
}
.ui-widget-content{
  border: 1px solid #e5e5e5 !important;
  border-radius: 0 !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{
    border: 1px solid #e5e5e5 !important;
    background: #d0e5ff !important;
    color: #333 !important;
}
.ui-widget-header{
  border: none !important;
  background: #fff !important;
  color:#333 !important;
}
.ui-datepicker-prev-hover,.ui-datepicker-next-hover{
  background: #fff !important;
  margin:0 !important;
  padding:0 !important;
}
.ui-datepicker-calendar{
    border: none;
    background: none;
}
.ui-datepicker-calendar thead tr{
    border: none;
    background: none;
}
.ui-datepicker-calendar thead tr th span{
  border: none;
    background: none;
    color: #537bac;
}
.ui-datepicker-calendar tbody tr{
    border: none;
    background: none;
}
.ui-datepicker-calendar tbody tr td a{
    border: none !important;
    background: none !important;
    text-align: center;
    color: #333;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
    display: block;
    position: absolute;
    left: 25% !important;
    margin-left: -8px;
    top: 20% !important;
    margin-top: -8px;
}
#
{}border: none;text-align: center;background: transparent;}
#NoIconDemo:focus{outline: none !important;}
#datetimepicker4,#datetimepicker5,#datetimepicker6,#datetimepicker7{
    height: 39px;
    border: none;
    border: 1px solid #e5e5e5 !important;
    background: url(/include/assets/images/icon-canlenda.png) no-repeat;
    background-position: top right;
    cursor: pointer;
    padding-left: 15px;
}
#schedule_add .text-right div.input-schedule,#schedule_edit .text-right div.input-schedule{
    float: left;
    margin: 0;
    width: 100%;
    height: 49px;
    line-height: 49px;
    color: #333;
    padding-left: 10px;
    padding-right: 10px;
    /* border-top: 1px solid #edf0f5; */
    border-bottom: 1px solid #edf0f5;
}
#schedule_add .text-right div input{}
#schedule_add .wrap-select,#schedule_edit .wrap-select{padding: 0;}
#schedule_add .wrap-popup .text-right div.first input,#schedule_edit .wrap-popup .text-right div.first input{
  width: 160px;
}
#schedule_add .wrap-popup .wrap-select .dropdown-toggle,#schedule_edit .wrap-popup .wrap-select .dropdown-toggle{
  left: 0;
  top:-5px;
}

#schedule_add .wrap-popup .wrap-select .dropdown-menu,#schedule_edit .wrap-popup .wrap-select .dropdown-menu{
  top:-6px !important;
}
.input-style-datetime{
  height: 39px !important;
  border: 1px solid #e5e5e5 !important;
  background: url(/include/assets/images/icon-canlenda.png) no-repeat !important;
  background-position: top right !important;
  cursor: pointer;
  padding-left: 15px;
  text-align: left !important;
  width: 160px !important;
}
.style-checkbox{
    float: left;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top:14px;
}
.style-checkbox input[type=radio]{
    position: relative;
    z-index: 99;
    opacity: 0;
}
.style-checkbox label{
    width: 100%;
    height: 100%;
    background: url('/include/assets/images/radio-checkbox.png') no-repeat center;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    margin-left: 0;
}
.style-checkbox input[type="radio"]:checked+label:before{opacity: 1;content: "";}
.style-checkbox label:before{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
  background: url('/include/assets/images/radio-checkbox2.png') no-repeat;
}
.radio-label{float: left;margin-left: 10px;color: #333;}
.radio-left{
  float: left;width: 50%;
}
#datetimepicker4,#datetimepicker5,#datetimepicker6,#datetimepicker7{width: 160px;}
/* alert-all */
.modal-dialog{top:20%;}
.modal-alert-all .modal-dialog{width: 400px !important;top:20px;}
.modal-alert-all .modal-dialog2{width: 400px;top:20px;}
.modal-alert-all .modal-content{
  width: 400px !important;
  border: 1px solid #e5e5e5;
}
.modal-alert-all .modal-content2{
  width: 1000px;
  border: 1px solid #e5e5e5;
}
.modal-alert-all .modal-body p{
  text-align: center;
}
.modal-alert-all .modal-body p.alert-title{
    color: #537bac;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 22px;
}
.modal-alert-all .modal-body p.alert-title:after{
    content: "";
    width: 25px;
    height: 2px;
    background: #537bac;
    text-align: center;
    display: block;
    margin: 0 auto;
}
.modal-alert-all .modal-body p.txt-content{color: #333;}
.modal-alert-all .modal-footer{
  padding: 0;
}
.modal-alert-all .modal-footer .btn{
    width: 50%;
    border: none;
    background: none;
    color: #333;
    border-radius: 0;
    float: left;
    margin: 0 !important;
    padding: 15px 0;
}
.modal-alert-all .modal-footer .btn-primary{
  border-right: 1px solid #e5e5e5;
  color: #537bac;
}

/* calculation */
#wrapper-calculation{}
#wrapper-calculation .content-top{padding: 0;}
#wrapper-calculation .content-top .title{
  float: left;
  margin-right: 10px;
  box-sizing: border-box;
  padding: 26px 20px 10px 20px;
}
#wrapper-calculation .content-top .link-top{
  float: left;
  width: 80px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #a5a5a5;
  color:#a0a0a0;
  text-align: center;
  border-radius: 30px;
  margin-right: 10px;
  margin-top: 25px;
}
.item-left{
  float: left;
  width: 100%;
}
#wrapper-calculation .content-top .link-top1{
  border: 1px solid #537bac;
  color:#537bac;
}
.tab-calculation{
  float: left;
  width: 100%;
}
.tab-individual ul.nav-tabs{
  border-bottom: 1px solid #e5e5e5 !important;
}
ul.menu-tab-individual{
  border-bottom: 1px solid #e5e5e5 !important;
}
ul.menu-tab-individual li{
  margin-bottom: 0;
}
ul.menu-tab-individual li a{
  border: none !important;
  border-radius: 0 !important;
  padding: 0 20px !important;
  text-align: center !important;
  color: #a0a0a0 !important;
}
ul.menu-tab-individual li.active a{
  color: #333 !important;
}
ul.menu-tab-individual li.active a{
  border-bottom: 3px solid #537bac !important;
}

#content-middle-calculation .wrapper-calenda{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 0px 20px;
}

#content-middle-calculation .wrapper-calenda2{
    float: left;
    margin-bottom: 10px;
    padding: 0px 20px;
}

#content-middle-calculation .wrapper-calenda .calenda-content span{
  padding-left: 0;
  border-left: 0;
}
#content-middle-calculation .btn-calenda{margin-left: 10px;}
#content-middle-calculation .btn-calenda a{
    float: left;
    width: 140px;
    height: 39px;
    border: 1px solid #666;
    border-radius: 5px;
    text-align: center;
    background: #f1f3f5;
    color: #666666;
    line-height: 39px;
    outline: none;
    text-decoration: none;
    margin-left: 10px;
}

#content-middle-calculation .btn-dowload a{
    float: left;
    width: 140px;
    height: 39px;
    border: 1px solid #666;
    border-radius: 5px;
    text-align: center;
    background: #f1f3f5;
    color: #666666;
    line-height: 39px;
    outline: none;
    text-decoration: none;
    margin-left: 10px;
    position: relative;
}

#content-middle-calculation .btn-dowload a:before{
    position: absolute;
    content: "";
    background: url(/include/assets/images/btn-dowload2.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    left: 16px;
    top: 10px;
}
#content-middle-calculation .wrap-select{right: 10px;}

#content-middle-calculation ::-webkit-input-placeholder {
   color: #a0a0a0;
}
 
#content-middle-calculation :-moz-placeholder { /* Firefox 18- */
   color: #a0a0a0;  
}
#content-middle-calculation .btn-submit a{}
#content-middle-calculation .btn-submit:before{
  content: "";
  background: url(/include/assets/images/btn-search.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  left: 15px;
  top: 10px;
  position: absolute;
}
#content-middle-calculation .btn-create:before{
    content: "";
    background: url(/include/assets/images/btn-edit.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    left: 15px;
    top: 10px;
    position: absolute;
}
#tab-calculation1 .content-bt,#tab-calculation2 .content-bt,#tab-calculation3 .content-bt,#tab-calculation4 .content-bt,#tab-calculation6 .content-bt,#tab-calculation7 .content-bt{
  overflow: scroll;
  float: left;
  width: 100%;
}
#tab-calculation1 .content-bt table,#tab-calculation2 .content-bt table,#tab-calculation6 .content-bt table,#tab-calculation3 .content-bt table,#tab-calculation4 .content-bt table,#tab-calculation7 .content-bt table{
  width: 2310px;
}
#tab-calculation1 .content-middle .wrap-select{
    /* right: 10px; */
}

.btn-popup{
  border: 1px solid #537bac;
  border-radius: 5px;
  width: 100px;
  display: block;
  height: 28px;
  line-height: 28px;
  margin: 0 auto;
  color: #337ab7;
}

#tab-calculation1 .btn-popup a{}
#wrapper-calculation .item-left{margin-bottom: 10px;}
.btn-calenda-right{
  float: right;
  position: relative;
  width: 200px;
  height: 38px;
  border:1px solid #e5e5e5;
  border-radius: 5px;
    margin:10px
}
.btn-calenda-right a{
  text-align: center;
  float: left;
  width: 100%;
  line-height: 38px;
  color: #a0a0a0;
}
.btn-calenda-right a:hover{
  color: #a0a0a0;
  text-decoration: none; 
}
.btn-calenda-right a:before{
  position: absolute;
  content: "";
  background: url('/include/assets/images/btn-dowload.png') no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 25px;
  top:10px;
}
.btn-dowload a{
  display: block;
  width: 19px;
  height: 19px;
  margin: 0 auto;
}
.btn-dowload a img{width: 100%;}
ul.nav-individual{
  list-style: none;
}
ul.nav-individual li{width: 80px !important;}
ul.nav-individual li a{text-decoration: none;padding: 0 !important;}
ul.nav-individual li.active a{border:1px solid #8fadd2 !important;color:#8fadd2 !important;text-decoration: none;}
.input-box{
  float: left;
  height: 38px;
  margin-top: 5px;
  width: 100%;
  border: 1px solid #edf0f5;
}
#popup-charge-edit .wrap-popup .text-right p{
  padding:0 10px;
}