*{padding:0;margin:0;line-height:150%}
ul,ol{padding-left:10px;list-style-position:inside}
img{border:none}
.green{color:#006600 !important}
.red{color:#c83767}
.orange{color:#ff6600}
.gray{color:#757575}
.bg-white{background-color:#fff !important}
.clear{clear:both;font-size:1px}
.clearfix:after{clear:both;content:'';display:block}
.strong{font-weight:700}
.hide{display:none}
.overflow-hidden{overflow:hidden}
.show{display:block !important}
.left{float:left}
.right{float:right}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
/******************** Default ******************************/

.msg_error{display:block;font-size:12px;padding:0}
.msg_error_inner{position:relative;left:0;top:0;color:#b64241;padding:5px 25px ;background-color:#f7f5f3;margin-bottom:1px;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;font-size:12px}
.msg_error_inner span.w{}
.msg_error_inner span.w:before{font-family:'FontAwesome';content:'\f06a';position:absolute;left:10px;top:5px;display:block;width:5px;height:13px}
.msg_error_inner .msg_error_move{color:#9f9f9f}
.msg_error_inner .msg_error_move:before{font-family:'FontAwesome';content:'\f057';position:absolute;right:5px;top:5px;display:block;width:15px;height:15px;}
.msg_error_inner .msg_error_move:hover{color:#585858}

.msg_error_repeat{background:#e35959;color:#fff}
.msg_error_repeat .msg_error_move{color:#fff}
.msg_error_repeat .msg_error_move:hover{color:#fff}

.msg_success{display:none;position:relative;left:0;top:0;color:#fff;padding:5px 20px 5px 25px;background:#229137;margin-bottom:1px;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;font-size:12px}
.msg_success:before{font-family:'FontAwesome';content:'\f058';position:absolute;left:10px;top:6px;display:block;width:5px;height:13px}

/*.msg_success{border:dotted 1px #cecece;color:#006600;padding:5px;display:none;background-color:#fff}*/
.msg_error_one{margin-bottom:5px;display:block;color:#f62828;background:url(/images/lib/error.png) no-repeat 0 0;padding-left:16px;font-size:11px;}

#phpbeload{display:none;width:100%;position:fixed;left:0;top:0;z-index:9999;background:#f8f8f8;height:36px;color:#000}
#phpbeload .phpbeloadbox{text-align:center;padding-top:10px;font-family:tahoma,Verdana;font-size:12px}
#phpbeload .phpberemove{position:absolute;left:5px;top:5px;width:18px;height:20px;background: url(/images/lib/msg_move-3.png) no-repeat 0 5px;text-decoration:none}
#phpbeload .phpberemove:hover{background-image:url(/images/lib/msg_move.png)}

.phpbeloading{position:absolute;left:0;top:0;background-color:rgba(0, 0, 0, 0.3);color:#969696;text-align:center;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;padding:0;
}
.phpcountdown{text-align:left}
.phpcountdown a{font:11px tahoma,Verdana normal;color:#fff;text-decoration:underline}
.phpcountdown a:hover{color:#fff}
.phpbeloading .loading-inner{}
.phpbeloading .loading-inner p{padding:0;font:11px tahoma,Verdana normal;color:#fff}
.phpbeloading .loading-inner .i-loading{width:24px;height:24px;background:url(/images/lib/ajax-loader-2.gif) no-repeat left top;margin:0 auto}
.phpbeloading .msg_error_move{position:absolute;right:5px;top:5px;display:block;width:15px;height:15px;background: url(/images/lib/msg_move-3.png) no-repeat 0 0;display:block}
.phpbeloading .msg_error_move:hover{background-image:url(/images/lib/msg_move.png)}
.divphpbeload{display:none}
.divphpbeload .phpbeloading{position:relative}
.divphpbeload .phpbeloading{padding:3px 0}
.inputLoading{background:#bfbfbf url(/images/lib/ajax-loader-small.gif) no-repeat 4px 3px !important;height:24px !important;padding:5px 5px 5px 25px !important;font-size:11px !important;border:none !important}

.divLoading{background:#bfbfbf url(/images/lib/ajax-loader-small.gif) no-repeat center 5px; display:block;height:15px;padding:5px;}


.hl-1{background-color:transparent !important;}
.hl-2{background-color:#fffeea !important}


.center{text-align:center !important}
.mark{color:red}

.txteditor{width:250px;height:400px;}
.txteditor2{width:350px;height:100px;}
.txtarea-lang{width:400px;border:solid 1px #737373;height:35px;overflow:hidden}
.input-money{width:80px;border:solid 1px #737373;text-align:right;padding:0 5px}

.tbl_list{border-collapse:collapse;width:100%;margin-top:5px}
.tbl_list td,.tbl_list th{border-bottom:solid 1px #8a969e;border-right:solid 1px #d5dde3;border-left:solid 1px #d5dde3;padding:5px}
.tbl_list td:first-child{border-left:solid 1px #8a969e}
.tbl_list td:last-child{border-right:solid 1px #8a969e}
.tbl_list tr:hover{background-color:#ffffcc}
.tbl_list th{background:#c8d5dd;border:solid 1px #8a969e;color:#071543;font-family:tahoma,Verdana;font-size:14px}
.tbl_list th a{color:#071543}
.tbl_list .i{width:50px;text-align:center}
.tbl_list .r{text-align:right}
.tbl_list .tr-1{background-color:#f9fbfd}
.tr-disabled{background:#e8e8e8 !important;color:#9a9a9a !important}
.tbl_list .tr-footer{background-color:#bfdfff !important;font-weight:700}
.tbl_list .tr-footer2{background-color:#f0f8ff !important;font-weight:700}
.tbl_list span.keywords{color:#ff3300}
.tbl_list thead tr td{background:#cdcdcd}
.tbl_list  tr.tr-disabled{background:#e1e1e1 !important}
.tbl_list  tr.tr-success{background:#d9ffff !important}
.tbl_list  tr.tr-danger{background:#ffecec !important}
.tbl_list  tr.tr-warning{background:#ffffdf !important}

.tbl_list th a{position:relative;display:block;margin-right:10px}
.tbl_list th a:after{position:absolute;font-family:FontAwesome;display:inline-block;margin-left:2px;}
.hpl-asc-desc:after{content:'\f0dc';}
.hpl-asc-desc:hover:after{content:'\f0de';margin-top:5px}
.hpl-asc:after{content:'\f0de';margin-top:5px}
.hpl-asc:hover:after{content:'\f0dd';margin-top:0}
.hpl-desc:after{content:'\f0dd';margin-top:0}
.hpl-desc:hover:after{content:'\f0dc';margin-top:0}

.badge-box{width:13px;height:13px;display:inline-block;margin-right:2px;border:solid 1px #000;vertical-align:middle}
.badge-box-disabled{background:#e1e1e1;border-color:#cfcaca}
.badge-box-success{background:#d9ffff;border-color:##c4e9e9}
.badge-box-danger{background:#ffecec;border-color:#f1dbdb}
.badge-box-warning{background:#ffffdf;border-color:#e1e1b6}

.fs_warning{font-size:12px;font-family:tahoma,Verdana;padding:5px ;border:solid 1px #dadada;margin:5px 0;background:#fff}
.fs_warning legend{
padding:5px;background-color:#fff;font-weight:700;}
a.hpl-manage{display:inline-block;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;text-align:left;position:relative;margin:2px auto;padding:5px 10px 5px 20px;vertical-align:middle;color:#fff;background-color:#e1e1e1}
.tbl_list a.hpl-manage{padding:2px 5px 2px 20px;color:#fff;font-size:11px;font-family:tahoma,Verdana;}
a.hpl-manage::before{font-family:FontAwesome;display:inline-block;left:-14px;position:relative;width:0;}
a.hpl-manage:hover{color:#fff}

/*a.hpl-manage:hover{background-color:#5d5d5d;text-decoration:none;color:#fff}*/
a.hpl-manage::after {transition: opacity 1s ease;}
a.hpl-manage:hover {opacity: 0.7}
a.hpl-manage.hpl-edit,a.hpl-manage.hpl-edit:hover{background:#ff6600}
a.hpl-manage.hpl-edit::before{content:'\f044';}
a.hpl-manage.hpl-delete,a.hpl-manage.hpl-delete:hover{background:#cc0000}
a.hpl-manage.hpl-delete::before{content:'\f014';}
a.hpl-manage.hpl-view,a.hpl-manage.hpl-view:hover{background:#0099cc}
a.hpl-manage.hpl-view-danger,a.hpl-manage.hpl-view-danger:hover{background:#ff0000}
a.hpl-manage.hpl-view::before{content:'\f016';}

a.hpl-manage.hpl-download,a.hpl-manage.hpl-download:hover{background:#006666}
a.hpl-manage.hpl-download::before{content:'\f019';}
a.hpl-manage.hpl-import,a.hpl-manage.hpl-import:hover{background:#0033cc}
a.hpl-manage.hpl-import::before{content:'\f56f';}
a.hpl-manage.hpl-add,a.hpl-manage.hpl-add:hover{background:#2a9756}
a.hpl-manage.hpl-add::before{content:'\f055';}
a.hpl-manage.hpl-danger,a.hpl-manage.hpl-danger:hover{background:#ff0099}
a.hpl-manage.hpl-danger::before{content:'\f071';}
a.hpl-manage.hpl-progress,a.hpl-manage.hpl-progress:hover{background:#4a3def}
a.hpl-manage.hpl-progress::before{content:'\f051';}
a.hpl-manage.hpl-check,a.hpl-manage.hpl-check:hover{background:#008080}
a.hpl-manage.hpl-check::before{content:'\f058';}

a.hpl-manage.hpl-pdf,a.hpl-manage.hpl-pdf:hover{background:#0066cc}
a.hpl-manage.hpl-pdf::before{content:'\f1c1';}

a.hpl-manage.hpl-pin,a.hpl-manage.hpl-pin:hover{background:#ff33cc}
a.hpl-manage.hpl-pin::before{content:'\f08d';}

a.hpl-manage.hpl-green,a.hpl-manage.hpl-green:hover{background:#2a9756}
a.hpl-manage.hpl-orange,a.hpl-manage.hpl-orange:hover{background:#ff6600}
a.hpl-manage.hpl-blue,a.hpl-manage.hpl-blue:hover{background:#0099cc}

a.hpl-manage.hpl-fullscreen,a.hpl-manage.hpl-fullscreen:hover{background:#2820d2}
a.hpl-manage.hpl-fullscreen::before{content:'\f065';}

a.hpl-manage.hpl-send,a.hpl-manage.hpl-send:hover{background:#0066cc}
a.hpl-manage.hpl-send::before{content:'\f1d8';} 

a.hpl-manage.hpl-video,a.hpl-manage.hpl-video:hover{background:#0066cc}
a.hpl-manage.hpl-video::before{content:'\f03d';} 

a.hpl-manage.hpl-list,a.hpl-manage.hpl-list:hover{background:#0066cc}
a.hpl-manage.hpl-list::before{content:'\f03a';} 

.btn-refresh{border:none;padding:4px 10px 4px 25px;cursor:pointer;color:#3f3f3f;background-color:#cdcdcd}
.btn-refresh:before{font-family:FontAwesome;display:inline-block;content: "\f021";left:-15px;position:relative;width:0;}
.btn-refresh:hover{background-color:#696969;color:#fff}

a.hpl-manage.hpl-test,a.hpl-manage.hpl-test:hover{background:#6b6b6b}
a.hpl-manage.hpl-test::before{content:'\f059';} 

button.btn-search{border:none;padding:4px 10px 4px 26px;background-color:#f19324;cursor:pointer;color:#fff}
button.btn-search:before{font-family:FontAwesome;display:inline-block;content: "\f002";left:-16px;position:relative;width:0;}
button.btn-search:hover{background-color:#9e5702}
a.btn-search,input.btn-search{border:none;padding:6px 10px 6px 25px;background:#f19324 url(../../images/lib/icon-search.png) no-repeat 6px 7px;cursor:pointer;color:#fff}
a.btn-search2,input.btn-search2{background-color:#626262;}
a.btn-search:hover,input.btn-search:hover{background-color:#9e5702}

.layer-group{display:inline-block;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;}
.layer-group label,.layer-group select,.layer-group input,.layer-group a{vertical-align:middle}
.layer-group a{vertical-align:middle}
.badge-text{display:inline-block;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;vertical-align:middle}
.badge{display:inline-block;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border:solid 1px #c0c0c0;padding:1px 3px;border-radius:2px;background:#f4f4f4;color:#404040;vertical-align:middle}
.badge input{vertical-align:middle;}
a.badge{text-decoration:none !important;padding:5px;color:#ff0000 }
a.badge:hover{color:#0000cc}
.badge-danger{background:#e10005;color:#fff}

.page{position:relative;color:#2e2e2e;padding:5px 0;font-size:11px;font-family:tahoma,Verdana;text-align:center;}
.page:after{display:block;content:'';clear:both}
.page a,.page span{display:inline-block;margin:0 2px;line-height:100%}
.page a,.page span.c,.page span.d{padding:6px 10px;background-color:#e6edf1;color:#2e2e2e;-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.page a{text-decoration:none;}
.page a:hover,.page span.c{background-color:#8a969e;color:#fff;}

.page .page-left{float:left;margin:2px}
.page-center{display:inline-block;padding:3px 2px}
.page-center:after{display:block;content:'';clear:both}
.page .page-data{background-color:#e6edf1;color:#2e2e2e;padding:3px 10px;margin:2px;}


.page-list{position:absolute;right:0;bottom:0}
.page input{border:none;background:#fff;width:30px;height:16px;padding:2px 5px;font-size:11px;text-align:center;vertical-align:middle}
.page .page-row{float:right;padding:3px 10px;display:block;margin:2px 2px;background-color:#e6edf1;color:#2e2e2e;}
.page .page-row select{margin:1px;border:solid 1px #fff;height:18px;vertical-align:middle;font-size:11px}



.no-data{color:##8f8f8f;background:#fff;width:40%;margin:10px auto;padding:10px 0;text-align:center;
-webkit-box-shadow:1px 1px 3px 1px #ccc; 
-moz-box-shadow:1px 1px 3px 1px #ccc; 
box-shadow:1px 1px 3px 1px #ccc; 
}
.no-data p{text-align:center;padding:10px;color:#adadad;font-size:24px}
.no-data .hpl-back{text-align:center}
#bb_thickbox_bg,.bb_thickbox_bg{width:100%;height:100%;position:fixed;left:0;top:0;background:#000;opacity: 0.5 ;MozOpacity: 0.5;KhtmlOpacity:0.5;filter: alpha(opacity=50);z-index:999;}
#bb_thickbox_inner,.bb_thickbox_inner{padding:0;margin:0;display:block;position:absolute;z-index:1000;background:#fff}
#bb_thickbox_inner .xclose,.bb_thickbox_inner .xclose{position:absolute;right:0;top:0;z-index:5;}
#thickbox_inner_text,.thickbox_inner_text{padding:5px}

.wp-250{width: -moz-calc(100% - 250px) !important;width: -webkit-calc(100% - 250px) !important;width: calc(100% - 250px) !important}
.wp-200{width: -moz-calc(100% - 200px) !important;width: -webkit-calc(100% - 200px) !important;width: calc(100% - 200px) !important}
.wp-150{width: -moz-calc(100% - 150px) !important;width: -webkit-calc(100% - 150px) !important;width: calc(100% - 150px) !important}
.wp-110{width: -moz-calc(100% - 110px) !important;width: -webkit-calc(100% - 110px) !important;width: calc(100% - 110px) !important}
.wp-100{width: -moz-calc(100% - 100px) !important;width: -webkit-calc(100% - 100px) !important;width: calc(100% - 100px) !important}
.wp-50{width: -moz-calc(100% - 50px) !important;width: -webkit-calc(100% - 50px) !important;width: calc(100% - 50px) !important}
.wp-10{width: -moz-calc(100% - 10px) !important;width: -webkit-calc(100% - 10px) !important;width: calc(100% - 10px) !important}
.wp-4{width: -moz-calc(100% - 4px) !important;width: -webkit-calc(100% - 4px) !important;width: calc(100% - 4px) !important}
.btn-ex{width:90px;padding:5px 0}


.w-100p{width:100% !important}
.w-80p{width:80% !important}
.w-70p{width:70% !important}
.w-60p{width:60% !important}
.w-50p{width:50% !important}
.w-40p{width:40% !important}
.w-30p{width:30% !important}
.w-33p{width:33.333333% !important}
.w-25p{width:25% !important}
.w-20p{width:20% !important}

.w-250{width:250px !important;}
.w-200{width:200px !important;}
.w-150{width:150px !important;}
.w-120{width:120px  !important}
.w-100{width:100px  !important}
.w-80{width:80px  !important}
.w-60{width:60px  !important}

.w-50{width:50px  !important}
.w-40{width:40px  !important}
.w-30{width:30px !important}

.max-w400{max-width:400px}
.max-w300{max-width:300px}
.max-w200{max-width:200px}
.max-w760{max-width:760px}
.m-auto{margin-left:auto;margin-right:auto}
.floatLeft{float:Left}
.floatRight{float:right}
.radius-5{-moz-border-radius: 5px ; -webkit-border-radius: 5px; border-radius: 5px}
.box-shadow-s{-webkit-box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.75);box-shadow: 2px 1px 5px 0 rgba(0,0,0,0.75);}

.padding-10{padding:10px}
.padding-t-5{padding-top:5px}
.padding-t-10{padding-top:10px}
.padding-tb-5{padding-top:5px;padding-bottom:5px}
.padding-lr-5{padding-left:5px;padding-right:5px}
.padding-lr-10{padding-left:10px;padding-right:10px}
.padding-b-10{padding-bottom:10px}
.margin-b-5{margin-bottom:5px}
/* form */

.tbl1{margin:2px 0;padding:5px 0}
.tbl1:after{clear:both;content:'';display:block}
.tbl1 .t{float:left;width:150px;font-weight:700;color:#494949;padding-top:3px}
.tbl1 .t-s{width:100px}
.tbl1 .t-ss{width:50px}
.tbl1 .t2{width:200px}
.tbl1 div.i{float:left;position:relative;}
.hidden{visibility:hidden}

.tbl1 .input{width:200px;border:solid 1px #dddddd;padding:5px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box}
.tbl1 .select{width:100%;border:solid 1px #dddddd;padding:5px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;font: inherit}

.tbl1  .txtarea{width:400px;height:80px;border:solid 1px #dddddd;padding:5px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;line-height:120%}
.tbl1 input[type=radio]{vertical-align:middle}
.tbl1   .input:hover,.tbl1   .txtarea:hover,.tbl1  .select:hover{border:solid 1px #919191}
.tbl1  .txtarea2{width:200px;border:solid 1px #737373;height:80px;overflow:hidden}
.tbl1  .pinput{width:50px;;border:solid 1px #737373;}
.tbl1  .input-small{width:150px;border:solid 1px #737373;}
.tbl1 .mark{vertical-align:bottom;color:#ff3300;padding:0 3px}
.tbl1 .tleft{float:left;width:80px;font-weight:700;color:#494949}
.tbl1 .t3{width:100px;float:left}
.tbl1  .t.t-b{font-weight:700; }


.breadcrumb{padding:3px 0;margin:0;font-size:16px;float:right}
.breadcrumb:after{display:block;content:'';clear:both}
.breadcrumb li{list-style:none;float:left;padding: 1px 3px;color:#000;}
.breadcrumb li.p{border-left:none;border-right:none}
.fieldset1{margin:5px 0}
.fieldset1,.fieldset1 legend{border:solid 1px #b0b0b0}
.fieldset1 legend{font-size:34px;padding:3px 10px;font-weight:700;margin-left:20px;}


.submit{background-color:#1c75b9;padding:5px 20px;border:none;cursor:pointer;color:#fff;;}
.submit:hover{background-color:#231f20}
select option.active{background:#cee7ff}
select.load{background:#ff0000;color:#fff}
select option[value=''],select option[value='0']  {color: #909090}
.btn-eye{background:#3078a3 url(../../images/eye.png) no-repeat center center;color:#fff;cursor:pointer}
.btn-eye:hover{background-color:#454545}
.btn-eye2{background-image:url(../../images/eye2.png);background-color:#454545}
.btn-eye2:hover{background-color:#000}

.fieldset{border:solid 1px #999;padding:5px}
.fieldset legend{font-size:20px;margin:0 10px;padding:5px}

.ss-menu{font-size:12px;float:left}
.ss-menu:after{clear:both}
.ss-menu > li{float:left;list-style:none;padding:0}
.ss-menu > li:first-child{border:none}
.ss-menu > li > a{padding:0 10px;color:#fff}
.ss-menu > li.last > a{padding-right:0}
.ss-menu > li > a:hover,.ss-menu > li > a.active{color:#000}
.ss-menu  ul { position:absolute;z-index:99;padding:0;visibility:hidden;margin:0 }
.ss-menu ul li {padding:0;list-style:none;width:180px;top:0;left:0}
.ss-menu ul li a {background-color:#808285;color:#000;display:block;padding:2px 5px;text-transform:none}
.ss-menu ul li a:hover{color:#fff}
.ss-menu ul li ul{visibility:hidden;position:absolute;right:-180px;top:0;background:blue}


.tbl-form{padding:5px 0}
.tbl-form:after{display:block;content:'';clear:both}
.tbl-form .left{float:left;}
.tbl-form .right{float:right;}
.hl_top{padding:5px 10px;font-size:18px;background:url(/images/btn_repeat.png) repeat-x left -2px;color:#000;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius:5px;}
.hl_top a{color:#fff;text-shadow: 1px 1px 1px #858585;}
.hl_top a:hover{color:#484848}
.input-textbox,.input-select{vertical-align:top;margin:0;padding:5px;border:solid 1px #9a9a9a;-webkit-box-sizing:border-box; -moz-box-sizing border-box;box-sizing:border-box;line-height:100%}
.input-textbox{padding:6px 5px}


#advance-search{display:hide}
#advance-search.show{display:block}


.show-text-search{text-align:center;}
.text_dd{position:relative;left:0;top:0;}

.text_dd ul{position:absolute;display:none;left:0;z-index:9999}
.text_dd ul{padding:0;width:100%;background:#f2f2f2;list-style:none;}
.text_dd ul li{padding:2px 5px}
.text_dd ul li:hover{background-color:#c83767;color:#fff}


.bb_autocomplete{position:relative;left:0;top:0;}

.bb_autocomplete ul{position:absolute;display:block;left:0;z-index:9999}
.bb_autocomplete ul{padding:0;width:100%;background:#f2f2f2;list-style:none;}
.bb_autocomplete ul li{padding:10px}
.bb_autocomplete ul li:hover{background-color:#0080c0;color:#fff}
.bb_autocomplete input{padding-right:45px !important}
.bb_autocomplete .bbac_comfirm{position:absolute;right:1px;top:1px;padding:12px 0;;width:40px;text-align:center;display:none;vertical-align:middle;background:#f9f9f9;border-radius:5px;}
.bb_autocomplete .bbac_comfirm:before{content:'\f00c';font-family:FontAwesome;}
.tbl1 .input-f{-moz-border-top-right-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0;-moz-border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0;}
.tbl1 .input-l{-moz-border-top-left-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0;-moz-border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0;}

.div-half{float:left;width:50%}
.div-half .inner{padding:5px}
.parent-half .div-half:nth-child(even){float:right;width: -moz-calc(50% - 10px)  !important;width: -webkit-calc(50% - 10px)  !important;width: calc(50% - 10px) !important}
.parent-half:after{content: "";display: table;clear: both;}


.badge-search{display:inline-block;background:#fdfdfd;padding:3px 10px;border-radius:10px;color:#000;border:solid 1px #c0c0c0;margin:3px 5px 3px 0}
.badge-search i{margin-left:5px;color:#9a9a9a}
.badge-search:hover{border-color: #ccc;color:#000}
.badge-search:hover i{color:#ff9999}
.badge-search span{font-weight:700}
.badge-search-text{background:#ffffff;border-color:#ccc}

.flex{display:flex}
.flex-middle{align-items: center;}


.from_search_flex{display:flex;flex-wrap: wrap;}
.from_search_flex > div{flex: 1 0 calc(25% - 10px );padding:5px 5px}
.from_search_flex.flex_auto > div{flex-basis:auto}
.from_search_flex > div.d-text{flex-basis:33.33%;display:flex;}

.from_search_flex > div.d-100{flex-basis:calc(100% - 10px );}
.from_search_flex > div.d-2{flex-basis:calc( 50% - 10px );display:flex;}

.fsf-mobile > div:first-child{flex-basis:calc( 100% - 100px )}
.fsf-mobile > div.div-btn{flex-basis:80px;padding:5px 0}
.from_search_flex > div.d-2 > .input:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}
.from_search_flex > div.d-3{flex-basis:33.33%;display:flex;}
.from_search_flex > div.d-3 > .input:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}
.from_search_flex > div.d-3 > .input:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}
.from_search_flex  .input{ box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding:10px; height: 40px;border : 1px #ccc solid;width:100%;border-radius:0}
.from_search_flex > div.d-text label{width:80px;background:#efefef;height:38px;display:flex;align-items: center;justify-content: center;;border:solid 1px #ccc;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0} 
.from_search_flex > div.d-text .input{width:calc(100% - 80px)} 
.from_search_flex > div.d-text.wi-100 label{width:100px}
.from_search_flex > div.d-text.wi-100 .input{width:calc(100% - 100px)} 
.from_search_flex > div.d-text.wi-150 label{width:150px}
.from_search_flex > div.d-text.wi-150 .input{width:calc(100% - 150px)} 
.from_search_flex button{height:100%;min-height:38px}
.from_search_flex .btn-break{flex-basis: 100%;}


.tbl_responsive .td-hide{display:none;}
.tbl_responsive .td-mg{padding:0;vertical-align:top}
.tbl_responsive .tbl_resp2{border-collapse:collapse;min-width:150px;width:100%}

.tbl_responsive .tbl_resp2 td{text-align:left;border-left:none;border-top:solid 1px #ccc;;border-right:none;border-bottom:none;background:transparent}


/*.tbl_responsive .tbl_resp2 tr td{background:#fff}*/
.tbl_responsive .tbl_resp2 tr.tr-sub2:first-child td{border:none}
.tbl_responsive .tbl_resp2 tr.tr-sub2 td{border-top-style:dotted}
.tbl_responsive .tbl_resp2 tr.tr-sub2-0 td{border:None}
.tbl_responsive .tbl_resp2 tr.tr-sub2 td:first-child{padding-left:15px}
/*.tbl_responsive .tbl_resp2 tr.tr-topic2 td{border:none;}*/
/**/
.tbl_responsive .tbl_resp2 tr:first-child td{border-top:none}
.tbl_responsive .tbl_resp2 td:first-child{font-weight:700;white-space: nowrap;width: 1px;}
.tbl_responsive tr:hover  .tbl_resp2 td{background-color: #f1f2f2;}

.bb_form_search{padding-bottom:5px}
.bb_form_search:after{content:'';display:block;clear:both}
.bb_form_search  .input{ box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding:10px; height: 40px;border : 1px #ccc solid;width:100%;border-radius:0}
.bb_form_search .d-m{width:calc(100% - 150px);padding:5px 0 ;float:left;position:relative}

.bb_form_search .d-m .input:first-child{padding-left:35px;border-top-left-radius:5px;border-bottom-left-radius:5px}
.bb_form_search .d-m:before{font-family:FontAwesome;content:'\f002';color:#605ea1;position:absolute;font-size:24px;left:6px;top:16px}

.bb_form_search .d-2{display:flex;}
.bb_form_search .d-2 .input{flex-basis:50%}
.bb_form_search .d-2 .input:first-child{border-right:none;}

.bb_form_search .d-text {display:flex;}
.bb_form_search .d-text label{width:80px;background:#efefef;height:38px;display:flex;align-items: center;justify-content: center;border:solid 1px #ccc;border-right:none} 
.bb_form_search .d-text .input{width:calc(100% - 80px)} 
.bb_form_search .d-text.wi-100 label{width:100px}
.bb_form_search .d-text.wi-100 .input{width:calc(100% - 100px)} 
.bb_form_search .d-text.wi-150 label{width:150px}
.bb_form_search .d-text.wi-150 .input{width:calc(100% - 150px)} 

.bb_form_search .div-btn{float:right;width:150px;padding:5px 0;display:flex}
.bb_form_search .div-btn button{flex-basis:50%;height:40px}
.bb_form_search .div-btn button:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}
.bb_form_search .div-btn .btn-search{background:#605ea1}
.bb_form_search .div-btn .btn-search:hover{background:#3b3a75}
.bb_form_search .div-btn .btn-refresh{height:40px}
.bb_form_search .d-adv-link{float:right;border:solid 1px #ccc;padding:1px 8px;display:inline-block;color:#32343b;min-width:134px}
.bb_form_search .d-adv-link:hover{background:#ccc}
.bb_form_search .d-adv-link:before{font-family:FontAwesome;content:'\f00e';padding-right:2px}



.bb_form_search .d-ex,.bb_form_search .d-adv {display:flex;row-gap:5px;flex-flow: wrap; margin-left:-5px;margin-right:-5px;box-sizing: border-box;}
.bb_form_search .d-ex > div,.bb_form_search .d-adv > div{width:calc(50% - 10px);flex:auto;margin:5px;flex-grow: 1;box-sizing: border-box;} 
.bb_form_search .d-ex .d-2,.bb_form_search .d-adv .d-2{width:100%}
.bb_form_search .d-adv{display:none}
.bb_form_search .bb_fs_hide:before{content:'\f010'}

.bb_form_search.bb_fs_ex .d-m,.bb_form_search.bb_fs_adv .d-m{width:100%;float:none}
.bb_form_search.bb_fs_ex .d-m .input,.bb_form_search.bb_fs_adv .d-m .input{border-radius:0}
.bb_form_search.bb_fs_ex .div-btn,.bb_form_search.bb_fs_adv .div-btn{float:none;width:200px;}
.bb_form_search.bb_fs_ex .div-btn button:first-child,.bb_form_search.bb_fs_adv .div-btn button:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}
.bb_form_search.bb_fs_ex .d-adv-link,.bb_form_search.bb_fs_adv .d-adv-link{float:none}
.bb_form_search.bb_fs_adv .d-adv{display:flex}
@media screen and (max-width: 540px) {
	.bb_form_search .d-text{width:100% !important}

}
@media screen and (max-width: 1240px) {
	.from_search_flex > div.d-3{flex-basis:50%}
	.from_search_flex > div.d-text.wi-150{flex-basis:50%}
}
@media screen and (max-width: 786px) {
	.from_search_flex > div{flex-basis:calc(50% - 10px ); !important}
	.from_search_flex > div.d-text{flex-basis:50%}
}
@media(max-width:720px){
	/**/
	div:not(.tbl_view) > .parent-half > .div-half .tbl1 .i,div:not(.tbl_view) > .parent-half > .div-half .tbl1 .t{width:100% !important}
/*	.tbl_view .div-half .tbl1 .i ,.tbl_view  .div-half .tbl1 .t{float:left; width:auto !important;}*/
	.div-tbl .div-tbl-content{float:none;width:100% !important;padding-bottom:10px}
	.div-tbl .div-tbl-manage{float:none;width:100% !important}
	.div-tbl-manage .div-tbl-m2{width:100% !important;}
	.div-tbl-inner{padding:0}
}
@media(max-width:450px){
	.div-half {float:none;width:100% !important;}
	.parent-half .div-half:nth-child(even){float:none;width:100% !important;}
	:not(.tbl1_view) > .tbl1 .i,:not(.tbl1_view) >  .tbl1 .t{width:100% !important}
	/*.tbl1 .i,.tbl1 .t{width:100% !important;}*/

	.tbl-form .left{float:none}
	.tbl-form .right{float:none}
	.page .page-left{float:none}
	.page .page-row{float:none}
	.txtarea-h120{height:120px !important}
}
/************************* end default *******************************/