@charset "utf-8";

*{outline:0;box-sizing:border-box;}
.clearfix{*zoom:1}
.clearfix:after{display:block;content:'';clear:both}

/* reset */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
html {margin:0;padding:0; -webkit-overflow-scrolling: auto;}
body {margin:0; padding:0;font-size:12px;line-height:1.3;font-family:'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, Arial, Sans-serif;color:#464646;letter-spacing:0;-webkit-text-size-adjust:none;}
html, body{ width: 100%; height:100%; }
legend {}
div,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal}
img {border:0;vertical-align:top;}
hr { display: none;}
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {table-layout:fixed;border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}
p {vertical-align: middle;}
strong,em, b {font-weight:normal;}
a {color:#666;text-decoration:none;}
label{vertical-align:middle;cursor:pointer;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0; padding:0; border:none; border-image-width:0;}
button:focus {outline:#666 dotted 1px;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}
section, nav, article, aside, header, footer, main {display:block;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="date"],
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="password"]{font-size:12px;color:#464646;font-family:'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, Arial, Sans-serif;-webkit-appearance:none;border-radius:0}
::-webkit-input-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
:-ms-input-placeholder {color: #aaa;}
:-moz-placeholder {color: #aaa;}
::-ms-clear,
::-ms-reveal {display: none;}

input[type="date"]:disabled,
input[type="text"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled{background-color:#ebebe3;cursor:not-allowed;}

input[type="date"]:read-only,
input[type="text"]:read-only,
input[type="search"]:read-only,
input[type="tel"]:read-only,
input[type="number"]:read-only,
input[type="password"]:read-only{background-color:#f6f6f6;cursor:default;}

input[type="date"].readOnly,
input[type="text"].readOnly,
input[type="search"].readOnly,
input[type="tel"].readOnly,
input[type="number"].readOnly,
input[type="password"].readOnly{background-color:#f6f6f6;cursor:default;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}

select,button {color:#464646;font-family:'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, Arial, Sans-serif;border-radius: 0}
textarea {width:100%;color:#707070;font-family:'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, Arial, Sans-serif;border-radius: 0}
input[type="text"],input[type="tel"],input[type="password"]{padding:3px 6px 3px 6px;width:100%;line-height:12px;border:1px solid #d9d9d9;vertical-align:middle;background:#fff;outline:none}
input[type="text"].popup,input[type="tel"].popup,input[type="password"].popup{border:1px solid #e34132;background:#fff url(../images/common/input_md.png) no-repeat right top;}
input[type="text"].dt,input[type="tel"].dt,input[type="password"].dt{border:1px solid #d9d9d9;background:#f6f6f6}
/* input[type="text"].dt:focus,input[type="tel"].dt:focus,input[type="password"].dt:focus{border:1px solid #e34132;background:#f6f6f6} */
input[type="text"]:focus,input[type="tel"]:focus,input[type="password"]:focus{border:1px solid #e34132;background:#fff8e5}
input[type="text"].error,input[type="tel"].error,input[type="password"].error{border:1px solid #f95056;background:#fff;color:#e55f44}
select{padding:0 0 0 3px;width:100%;line-height:22px;height:22px;font-size:12px;border:1px solid #d9d9d9;vertical-align:middle; background-color: #fff;}
select.dt{border:1px solid #d9d9d9;background:#f6f6f6}
select:focus{border:1px solid #e34132 !important;background:#fff8e5 !important}
select.error{border:1px solid #e55f45 !important; color:#e55f45}

textarea{padding:5px;width:100%;font-size:12px;line-height:1.5em;border:1px solid #e1e1e1;resize:none;vertical-align:middle;}
textarea:read-only{background-color:#ebebe3;cursor:default;}
input[type="text"],input[type="search"] {border-radius: 0;}
input[type="checkbox"],input[type="radio"]{vertical-align:middle;}
input.date{padding-right:22px;background:#fff url(../images/common/date_bg.gif) no-repeat right 8px center;}
.hide{display:none !important;}



a{color:#000;text-decoration:none;cursor:pointer}
a:hover, a:active, a:focus {text-decoration:none;/*color:#9466a6*/}
img{width:100%;max-width:100%;vertical-align:middle}

.label{display:inline;padding:.2em .6em .3em;}
.label-success{background-color:rgba(0, 166, 90, .8);}
.label-warning{background-color:rgba(243, 156, 18, .8);}
.label-danger{background-color:rgba(221, 75, 57, .8);}
.label-primary{background-color:rgba(60, 141, 188, .8);}
.bg-black {background-color:#111}
.bg-red{background-color:rgba(221, 75, 57, .8);}
.bg-yellow{background-color:rgba(243, 156, 18, .8);}
.bg-aqua{background-color:#00c0ef}
.bg-blue {background-color:#0073b7}
.bg-green{background-color:rgba(0, 166, 90, .8);}
.bg-orange{background-color:#ff851b}
.bg-light-blue{background-color:rgba(60, 141, 188, .8);}
.text-success{color:#5cb85c;}
.text-warning{color:#f0ad4e;}
.text-danger{color:#d9534f;}
.text-red{color:#dd4b39}
.text-yellow{color:#f39c12}
.text-aqua{color:#00c0ef}
.text-blue{color:#0073b7}
.text-black{color:#111}
.text-green{color:#00a65a}
.text-orange{color:#ff851b}


.fl_L{float:left !important; }
.fl_R{float:right !important;}
.ta_c{padding-left:0 !important;padding-right:0 !important;text-align:center !important}
.ta_l{text-align:left !important}
.ta_r{text-align:right !important}
.pos_r{position:relative;}
.pos_a{position:absolute;}
.vt_t{vertical-align:top !important;}
.vt_m{vertical-align:middle !important}
.vt_b{vertical-align:bottom !important}
.vt_bb{vertical-align:baseline !important}
.vt_s{vertical-align:sub !important}
.txt_red{color:#ff0000 !important}
.txt_blue{color:#e34132 !important}
.dis_b{display:block;}
.dis_i{display:inline;}
.dis_ib{display:inline-block;}
.br_none{border-right:none !important;}
.bt_none{border-top:none !important;}
.bb_none{border-bottom:none !important;}
.bl_none{border-left:none !important;}

/* layout */
.wrapper{overflow-x:hidden;position:relative; /* background-color:#222; */}
.header{position:fixed;width:100%;z-index:10100;background-color:#222d32;}
.header .logo{overflow:hidden;display:block;float:left;height:50px;font-size:20px;color:#fff;background-color:#1b54a3;line-height:50px;text-align:center;width:230px;padding:0;
  -webkit-transition: width .3s ease-in-out;
  -o-transition: width .3s ease-in-out;
  transition: width .3s ease-in-out;}
.header .logo img{width:25px;}
.header .logo b{margin-left:10px;vertical-align:middle;}
.header .logo .logo-lg{display:block}
.header .logo .logo-mini{display:none}
.header .topNav{margin-left:230px;background-color:#1b54a3;height:50px;
  -webkit-transition: margin-left .3s ease-in-out;
  -o-transition: margin-left .3s ease-in-out;
  transition: margin-left .3s ease-in-out;}
.header .topNav .sidebar-toggle{float:left;padding:17px 15px;color:#fff;font-family: fontAwesome;}
.header .topNav .sidebar-toggle:before{content: "\f0c9"}
.header .topNav .sidebar-toggle:hover{background-color:#367fa9}
.header .topNav .nav_menu{float:right;}
.header .topNav .nav_menu .nav > li{float:left;position:relative;}
.header .topNav .nav_menu .nav > li > a{display:block;position:relative;padding:15px;line-height:20px;color:#fff;}
.header .topNav .nav_menu .nav > li > a .fa{font-size:15px;}
.header .topNav .nav_menu .nav>li>a:hover, .header .topNav .nav_menu .nav>li>a:active{background-color:#367fa9;color:#f6f6f6;}
.header .topNav .nav_menu .nav > li > a .label{position:absolute;top:9px;right:7px;text-align:center;font-size:9px;padding:2px 3px;color:#fff;line-height:.9}
.header .topNav .nav_menu .nav > li > a .label.label-chat{right:12px;top:12px;background-color:#d9534f;width:6px;height:6px;padding:0;border-radius:50%;animation-duration: 1.5s;animation-name: chat-on;animation-iteration-count: infinite;}
@keyframes chat-on {
  0%{
    opacity:1;
  }
  50%{
    opacity:.7;
  }
  100%{
    opacity:1;
  }
}
.header .topNav .nav_menu .nav .user-menu .user-image{display:none;float:left;width:25px;height:25px;border-radius:50%;margin-right:10px;margin-top:-2px}
.header .topNav .nav_menu .nav > li > a.btn_chat{padding:13px 10px 0;font-size:18px;height:50px;}
.header .topNav .nav_menu .nav > li > a.btn_chat.on{color:#00ff00;}
.dropdown-menu{display:none;}
.main-sidebar {overflow-y:auto;position:fixed;left:0;top:0;padding-top:50px;min-height:100%;max-height:100%;width:230px;z-index:10090;background-color:#222;
    -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: transform .3s ease-in-out,width .3s ease-in-out
}
.main-sidebar::-webkit-scrollbar {width:0;}
.input-group {position: relative;display: table;border-collapse: separate;}
.input-group .form-control, .input-group-addon, .input-group-btn{display:table-cell;vertical-align:middle;}
.sidebar{padding-bottom:50px}
.sidebar a{color:#ccc}
.sidebar a:hover{text-decoration:none}
.sidebar-form{margin:10px;border-radius:3px;border:1px solid #374850;background-color:#374850;}
.sidebar-form .input-group{width:100%;}
.sidebar-form .input-group-btn{width:38px}
.sidebar-form input[type="text"],.sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;line-height:initial;}
.sidebar-form .btn:hover{background:initial;}
.sidebar-form input[type="text"] {padding:6px 12px;width:100%;color:#666;border-radius:2px 0 0 2px}
.sidebar-form input[type="text"]:focus,.sidebar-form input[type="text"]:focus+.input-group-btn .btn {background-color:#fff;color:#666;border-color:transparent}
.sidebar-form input[type="text"]:focus+.input-group-btn .btn {border-left-color:#fff}
.sidebar-form .btn {padding:6px 12px;color:#999;border-radius:0 2px 2px 0;background-color:#374850;min-width:0;border:1px solid transparent;height:35px;}
.user-panel{overflow:hidden;position:relative;width:100%;padding:20px 10px;}
.user-panel:before,.user-panel:after{content:" ";display:table}
.user-panel>.image>img{width:45px;height:45px;border-radius:50%;}
.user-panel>.info {padding:5px;line-height:1;/* position:absolute;left:55px */}
.user-panel>.info>p {margin-bottom:9px;color:#fff;}
.user-panel>.info .tb_btn{font-size:11px;height:18px;line-height:18px;}
.user-panel>.info>a>.fa,.user-panel>.info>a>.ion,.user-panel>.info>a>.glyphicon {margin-right:3px}
.sidebar-menu .treeview-menu>li>a{color:#bbb}
.sidebar-menu .treeview-menu.depth2{padding:5px 0;}
.sidebar-mini .sidebar-menu .treeview-menu.depth2>li>a{padding-left:13px;}
.sidebar-menu .treeview-menu.depth2>li>a{padding:7px 5px 7px 19px;}
.sidebar-menu .treeview-menu>li.active>a,.sidebar-menu .treeview-menu>li>a:hover{color:#fff}
.sidebar-menu:hover{overflow:visible}
.sidebar-form,.sidebar-menu>li.header{overflow:hidden;text-overflow:clip}
.sidebar-menu>li.header{padding:10px 25px 10px 15px;font-size:12px;color:#4b646f;background-color:#1a2226;}
.sidebar-menu li>a {position:relative}
.sidebar-menu li>a>.pull-right-container{position:absolute;right:10px;top:50%;margin-top:-7px;}
.sidebar-menu>li>a{padding:12px 5px 12px 15px;display:block;border-left:3px solid transparent;}
.sidebar-menu>li.active>a{border-left-color:#3c8dbc;}
.sidebar-menu>li>a>.fa,.sidebar-menu>li>a>.glyphicon,.sidebar-menu>li>a>.ion {width:15px}
.sidebar-menu>li .label{float:right;margin-right:5px;color:#fff;font-size:10px;border-radius:3px;}
.sidebar-menu li.header {padding:10px 25px 10px 15px;font-size:12px}
.sidebar-menu li>a>.fa-angle-left,.sidebar-menu li>a>.pull-right-container>.fa-angle-left {width:auto;height:auto;padding:0;margin-right: 10px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  -webkit-transition: transform .5s ease;
  -o-transition: transform .5s ease;
  transition: transform .5s ease
}
.sidebar-menu li>a>.fa-angle-left{position:absolute;top:50%;right:10px;margin-top:-8px;}
.sidebar-menu>li:hover>a,.sidebar-menu>li.active>a,.sidebar-menu>li.menu-open>a{color:#fff;background:#1e282c;}
.sidebar-menu .menu-open>a>.fa-angle-left,.sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-left {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}
.sidebar-menu>li>.treeview-menu{margin:0 1px;background-color:#2c3b41;}
.sidebar-menu .active>.treeview-menu{display:block}
.sidebar-menu .active>.treeview-menu.depth2>li>a>.fa{margin-right:2px;}

.treeview-menu{display:none;list-style:none;padding:0;margin:0;padding-left:5px}
.treeview-menu .treeview-menu {padding-left:20px}
.treeview-menu>li {margin:0}
.treeview-menu>li>a {padding: 5px 5px 5px 15px;display: block;}

.content-wrapper,.footer {margin-left:230px;z-index: 10100;
  -webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
  -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
  -o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
  transition: transform .3s ease-in-out,margin .3s ease-in-out;
}
.content-wrapper{padding-top:50px;/* padding-bottom:100px; */ min-height:calc(100vh - 50px);background-color:#fff;}
.footer {display:none;position:fixed;left:0;bottom:0;padding:15px;width:100%;background:#fff;color:#444;border-top:1px solid #d2d6de;}



/**/
.content-header{position:relative;padding:15px 15px 10px 15px;border-bottom:1px solid #000;}
.content-header>h1 {font-size:18px;font-weight:bold;}
.content-header>h1>small {display:inline-block;padding-left:4px;font-size:14px;font-weight:normal;}
.content-header>.breadcrumb {position: absolute;top:16px;right:10px;margin:0;padding: 7px 5px;font-size:12px;border-radius:2px}
.content-header>.breadcrumb>li{display:inline-block;}
.content-header>.breadcrumb>li>a {color:#444;text-decoration:none;display: inline-block}
.content-header>.breadcrumb>li>a>.fa,.content-header>.breadcrumb>li>a>.glyphicon,.content-header>.breadcrumb>li>a>.ion {margin-right: 5px}
.content-header>.breadcrumb>li+li:before {content: '>\00a0'}
.content {padding:20px 15px 0;}


.control-sidebar {position: fixed;top:0;right:-270px;overflow-y:auto;padding-top:50px;/*padding-bottom:50px;*/min-height:100%;max-height:100%;background-color:#222;padding-top: 50px;width: 270px;z-index:10090;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}
.control-sidebar.chat-on {right:-500px;width:500px;} 
.control-sidebar::-webkit-scrollbar {width:0;}
.control-sidebar.control-sidebar-open{right:0}
.control-sidebar-tabs {display:table;width:100%;}
.control-sidebar-tabs > li {display:table-cell;text-align:center;}
.control-sidebar-tabs > li > a {display:block;padding:10px 15px;color:#b8c7ce;background-color:#444;}
.control-sidebar-tabs > li.active > a,.control-sidebar-tabs > li > a:hover {color:#fff;background-color:#222;}

.tab_cont_sidebar{padding:15px 10px;}
.tab_cont_sidebar .inner{display:none;}
.tab_cont_sidebar .inner.on{display:block;}
.tab_cont_sidebar .fav_lst li{position:relative;}
.tab_cont_sidebar .fav_lst a{display:block;padding:10px;padding-right:30px;color:#fff;}
.tab_cont_sidebar .fav_lst a.del{position:absolute;right:0;top:0;padding-right:10px;}
.tab_cont_sidebar .inner.ver_chat{margin:-15px -9px;background-color:#fff;}

.sec_topQ{display:none;position:relative;padding:10px 15px 20px;border-bottom:1px solid #ddd;}
.sec_topQ .btnArea{margin-bottom:10px;}
.sec_topQ .inner{margin-left:-1%;}
.sec_topQ .boxQ{padding: 0px 15px 15px;margin-left: 1%;background:#fff;width: 32.3333%;min-height:180px;box-sizing: border-box;position: relative;float: left;}
.sec_topQ .boxQ.v01{border: 1px solid #5cb85c;}
.sec_topQ .boxQ.v02{border: 1px solid #f0ad4e;}
.sec_topQ .boxQ.v03{border: 1px solid #d9534f;}
.sec_topQ .boxQ .tit{padding:10px 0;font-size:20px;text-align:center;}
.sec_topQ .boxQ.v01 .tit{color:#5cb85c;}
.sec_topQ .boxQ.v02 .tit{color:#f0ad4e;}
.sec_topQ .boxQ.v03 .tit{color:#d9534f;}
.sec_topQ .boxQ li{position:relative;padding-left:8px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow: hidden;width:100%}
.sec_topQ .boxQ li:before{position:absolute;left:0;top:50%;margin-top:-2px;width:2px;height:2px;content:'';}
.sec_topQ .boxQ.v01 li:before{background-color:#5cb85c;}
.sec_topQ .boxQ.v02 li:before{background-color:#f0ad4e;}
.sec_topQ .boxQ.v03 li:before{background-color:#d9534f;}
.sec_topQ .boxQ li+li{margin-top: 10px;}


.btn_top{position:fixed;right:-100px;bottom:10px;z-index:10010;
  -webkit-transition: right 0.45s;  
  -moz-transition: right .45s;
  -o-transition: right .45s;
  -ms-transition: right .45s;
  transition: right 0.45s;
}
.btn_top.on{right:10px;}
.btn_top img{width:41px;height:41px;}

.header .user_detailBox{display:none;position:absolute;right:0;top:50px;padding:15px;width:260px;background-color:#222;z-index:10010;}
.header .user_detailBox dl{position:relative;}
.header .user_detailBox dt{display:none;position:absolute;left:0;top:5px;}
.header .user_detailBox dt .user-image{width:40px !important;height:40px !important;}
.header .user_detailBox dd{/*padding-left:55px;*/color:#fff;line-height:1.5em;}
.header .user_detailBox.on{display:block;}

.header .car_detailBox{display:none;position:absolute;right:0;top:50px;padding:15px;width:260px;background-color:#222;z-index:10010;}
.header .car_detailBox dl{position:relative;}
.header .car_detailBox dt{display:none;position:absolute;left:0;top:5px;}
/*.header .car_detailBox dt .user-image{width:40px !important;height:40px !important;}*/
.header .car_detailBox dd{/*padding-left:55px;*/color:#fff;line-height:1.5em;}
.header .car_detailBox.on{display:block;}

/* toast_msgBox */
.toast_msgBox{position:fixed;right:0;bottom:0;opacity:0;transform:translateY(150px);transition:1s ease-in-out;}
.toast_msgBox .msg{display:inline-block;margin:10px;padding:20px;max-width:500px;color:#fff;background-color:rgba(0,0,0,.6);border-radius:15px;}
.toast_msgBox.ver_close .msg{position:relative;padding-right:40px;}
.toast_msgBox.v-center{right:50%;transform:translate(50%, 150px);}
.toast_msgBox.on{transform:translateY(0);opacity:1;}
.toast_msgBox.v-center.on{transform:translate(50%, 0);opacity:1;}
.toast_msgBox .btn-toast-close{position:absolute;right:15px;top:18px;width:30px;height:30px;color:#fff;}

@media screen and (min-width: 1025px){
  .sidebar-mini .header .logo{width:50px;}
  .sidebar-mini .header .logo .logo-lg{display:none;}
  .sidebar-mini .header .logo .logo-mini{display:block;margin-left:-6px;font-size:14px;}
  .sidebar-mini .header .topNav{margin-left:50px;}
  .sidebar-mini .content-wrapper{margin-left:50px;}
  .sidebar-mini .footer{margin-left:50px;}
  .sidebar-mini .main-sidebar {overflow:visible;width: 50px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .sidebar-mini .sidebar-menu>li {position:relative}
  .sidebar-mini .sidebar-menu>li>a {margin-right:0}
  .sidebar-mini .sidebar-menu>li>a>span {border-top-right-radius:4px}
  .sidebar-mini .sidebar-menu>li:not(.treeview)>a>span {border-bottom-right-radius:4px}
  .sidebar-mini .sidebar-menu>li>.treeview-menu {padding-top: 5px;padding-bottom:5px;border-bottom-right-radius: 4px}
  .sidebar-mini .sidebar-menu .active>.treeview-menu{display:none}
  .sidebar-mini .main-sidebar .user-panel>.info,
  .sidebar-mini .sidebar-form,.sidebar-mini .sidebar-menu>li>a>span,
  .sidebar-mini .sidebar-menu>li>.treeview-menu,
  .sidebar-mini .sidebar-menu>li>a>.pull-right,
  .sidebar-mini .sidebar-menu li.header {display: none;-webkit-transform: translateZ(0)}
  .sidebar-mini .user-panel>.image>img{width:30px;height:30px;}
  .sidebar-mini .sidebar-menu>li.menu-open>a>span:not(.pull-right),
  .sidebar-mini .sidebar-menu>li.menu-open>.treeview-menu {display:block;position:absolute;width:180px;left:50px}
  .sidebar-mini .sidebar-menu>li.menu-open>a>span {top: 0;margin-left: -3px;padding: 12px 5px 12px 7px;background-color: inherit}
  .sidebar-mini .treeview-menu>li>a{padding-left:7px;}
  .sidebar-mini .sidebar-menu>li.menu-open>a>.pull-right-container {position:relative !important;float:right;width:70px !important;left:185px !important;margin-top:-25px;padding-left:0;}
  .sidebar-mini .sidebar-menu>li.menu-open>a>.pull-right-container>.label:not(:first-of-type) {display:none}
  .sidebar-mini .sidebar-menu>li.menu-open>.treeview-menu {top:39px;margin-left:0}
}


@media screen and (max-width: 1024px) {
  .header .logo{display:none;}
  .header .logo .logo-lg{display:block;}
  .header .logo .logo-mini{display:none;}
  .header .topNav{margin-left:0;}
  .content-wrapper{margin-left:0;padding-bottom:0;min-height:calc(100vh - 100px);}
  .footer{display:none;margin-left:0;}
  .control-sidebar{padding-top:50px;}
  .main-sidebar {padding-top:50px;
    -webkit-transform:translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0)
  }
  .sidebar-open .main-sidebar {
      -webkit-transform:translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0)
  }
  .header .topNav .nav_menu .nav .user-menu > a{height:50px;}
  .header .topNav .nav_menu .nav .user-menu .user-image{margin-right:0;}
  .header .topNav .nav_menu .nav .user-menu .user_name{/*display:none;*/}


  .content-header>h1{padding-top:25px;font-size:16px;}
  .content-header>.breadcrumb{top:10px;right:inherit;left:10px;}

}


@media screen and (max-width: 767px) {
  .content-header>h1{padding-top:0;font-size:15px;}
  .content-header>.breadcrumb{display:none;}

.sec_topQ{padding-bottom:10px;}
.sec_topQ .inner{margin-left:0;}
.sec_topQ .boxQ{margin-bottom:5px;padding:0px 10px 15px;margin-left:0;width:100%;min-height:0;float: none;}
.sec_topQ .boxQ .tit{padding:10px 0;font-size:18px;}
.sec_topQ .boxQ li+li{margin-top: 7px;}

}

@media screen and (max-width: 640px) {
    .control-sidebar.chat-on {right:-100%;width:100%;} 
    .control-sidebar.control-sidebar-open{right:0;}

    /* toast_msgBox */
    .toast_msgBox .msg{max-width:300px;}
}

.clicktbl tbody > tr {
	cursor: pointer;
}
.clicktbl tbody > tr:hover {
	background: #D7E2F2;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.acodianTr:hover {
	background: #D7E2F2;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

/*MONTHPICKER*/
.month-picker {
	width : 180px !important;
}

.month-picker-month-table .ui-button {
	width : 4.3em !important;
}

.month-picker-next, .month-picker-previous {
	width : 20px !important;
	margin: auto !important;
}

.month-picker-next > .ui-button, .month-picker-previous > .ui-button{
	padding: .1em 0em !important;
}

.month-picker {
	z-index: 20001 !important;
}