@charset"utf-8";
/* Resets */
body, html, div, blockquote, p, 
h1, h2, h3, h4, h5, h6, pre, ol, dl, dt,td,
dd, form, a, input, fieldset{margin:0;padding:0;border:none;font-family: Arial,Helvetica Neue,Helvetica,sans-serif;font-size:13px;}  
h1, h2, h3, h4, h5, h6{font-size:14px;margin:0;padding:0;}
ul,li, ol{list-style:none;margin:0;padding:0;}
img{border:none;padding:0px;}
a {
   color: #808084;
   text-decoration: none;
   cursor: pointer;
   -webkit-transition: color .2s ease-in-out;
   -moz-transition: color .2s ease-in-out;
   -ms-transition: color .2s ease-in-out;
   -o-transition: color .2s ease-in-out;
   transition: color .2s ease-in-out;
}
a:hover{text-decoration: none; color: :#00adee;}

.gutter-10{margin-left:-10px; margin-right:-10px;}
.gutter-10 > [class*='col-'] {
    padding-right:10px;
    padding-left:10px;
}
.gutter-5{margin-left:-5px; margin-right:-5px;}
.gutter-5 > [class*='col-'] {
    padding-right:5px;
    padding-left:5px;
}
.gutter-2{margin-left:-2px; margin-right:-2px;}
.gutter-2 > [class*='col-'] {
    padding-right:2px;
    padding-left:2px;
}

.gutter-0{margin-left:0px; margin-right:0px;}
.gutter-0 > [class*='col-'] {
    padding-right:0px;
    padding-left:0px;
}

.clear {
   clear: both;
}
@font-face {
   font-family: 'OpenSans-Bold';
   src: url('fonts/OpenSans-Bold.eot');
   src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold.woff') format('woff'), url('fonts/OpenSans-Bold.ttf') format('truetype'), url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
   font-weight: normal;
   font-style: normal;
}
body{ position: relative; background: #fff; color: #000000;}
body:before{content: ''; position: fixed; top: 250px; left: 0px; width: 100%; background: #fff; height: 100%; }

.wrap_all{position:relative; }
.alert{margin:5px 0px 10px;}
.panel-heading,.alert,.panel{border-radius: 0px;}
.form-control,.form-control:focus{outline: none; box-shadow: none; }

.kv-grid-container .table-default thead th {background: #0b4da0; border-color: #fff; color:#fff; font-size: 12px; font-weight: 700;}
.kv-grid-container .table-default thead th a{color: #ddd;}
.kv-grid-container .table-default > thead:first-child > tr:first-child > th{}
.kv-grid-container .table-default > tbody > tr > td {border-top: 0px; font-size: 12px;}
.kv-grid-container .table-default.table-striped > tbody > tr:nth-of-type(odd){}

.kv-grid-container .table-default{border:0px;}
.kv-grid-container .table-default thead th.no-border{background:#fff; border:0px;}

.grid-footer .pagination{margin: 0px;}
.grid-footer .pagination > li > a, .grid-footer .pagination > li > a span,
.grid-footer .pagination > li:first-child > span,
.pagination > li:last-child > span{border-radius: 0px;}
.grid-footer .summary{padding-top: 5px;}

/*.table-bordered.table-default>tbody>tr>td, .table-bordered.table-default>tbody>tr>th{border-color: #fff !important;}
.kv-grid-container .table-default thead{background:#b9e5fb; color:#fff; }
.kv-grid-container .table-default thead th.primary{background:#007fc7; color:#fff;}
.kv-grid-container .table-default thead th.no-border{background:#fff; border:0px;}
.table-striped.table-default>tbody>tr{background:#cbdff1;}
.table-striped.table-default>tbody>tr:nth-of-type(odd){background:#e7f0f8;}*/

/*.kv-grid-container .table-default thead th.primary{background:#007fc7; color:#fff;}*/

.table tr th{vertical-align: middle; text-transform: uppercase;}

.wrap .container .navbar{background: #fff;}
.navi{position: relative; margin-bottom: 0px; height: 90px; background: #eeeeee; /*border-bottom: solid 1px #eeeeee;*/ }
.navi:before{content: '';  width: 100%; height: 100px; position: absolute; left: 0px; bottom: 0px; 
-webkit-box-shadow: inset 0px -2px 9px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow:    inset 0px -2px 9px 0px rgba(0, 0, 0, 0.45);
  box-shadow:         inset 0px -2px 9px 0px rgba(0, 0, 0, 0.45); z-index: 2;
}
.navi .logo{margin:15px 20px 0px 0px; max-width: 200px;}
.nav_l{margin-top:9px;     position: relative; z-index: 9;}
.nav_r{ position: relative; padding-right: 90px; }
.nav_r img.logo-n{vertical-align:middle;position: absolute; right: 0px; top: 0px; height: 72px;}

.login, .page-content{margin:50px 0px 50px; padding:130px 0px 130px; background: #fff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}
.page-content{margin: 0px; padding: 0px;}
.login-table{padding-top: 45px;margin: auto;max-width:330px; }
.login{max-width: 600px; margin: 50px auto 50px; padding:50px 100px 20px;}
.login #cf img{ width: 320px; margin: 0px auto; display: block;}
.login-table{padding-top: 45px;margin: auto;max-width:330px; }

.wrap_intro{max-width:330px; margin:0px auto 30px}
.wrap_intro p{font-family:Calibri, sans-serif, Arial;  font-size:25px; color:#333333;text-align: left;    margin-bottom: 0px;}

.login-form{ margin: 0px auto;}
.login-form .control-label{font-weight: 400;}
.login-form .form-group{margin-bottom: 5px;}
.login-form .form-control,
.login-form .bt_login{background:#f1f1f1; height:37px; border-radius: 0px; border:0px; box-shadow: none;}
.login-form .bt_login{width:86px; color: #5f5f5f; margin-top:10px}
.login-form .help-block {display: none;}
.login-form .has-error .help-block{display: block;}

.login-form{font-size: 15px;}
.login-form .control-label{font-weight: 400;}
.login-form .form-group{margin-bottom: 5px;}
.login-form .form-control,
.login-form .bt_login{background:#e5e5e5; height:37px; border-radius: 0px; border:0px; box-shadow: none;}
.login-form .bt_login{width:86px; color: #d1dcd7; margin-top:10px;background:#094ea0; text-transform: uppercase;}
.login-form .help-block {display: none;}
.login-form .has-error .help-block{display: block;}

.navbar{min-height: 90px; margin-bottom: 0px; padding-top: 0px; }
.navbar ul{margin: 0px; list-style: none;}
.navbar ul li{display: inline-block;  float: left; margin-left: 4px;  background: #f7f7f7; padding-bottom: 10px;}
.navbar ul li a{padding: 0px 5px;  text-decoration: none; color: #888888;font-size: 12px;font-weight: normal; display: block;
  width: 90px; height: 80px; padding-top: 45px; text-align: center; position: relative; z-index: 3;
  border-top: solid 3px #f7f7f7;
}
.navbar ul li a:before{content: ''; width: 100%; height: 40px; position: absolute;top:5px; left: 0px;  
  background-repeat: no-repeat; background-position: center center;
}
.navbar ul li.menu-dashboard a:before{background-image: url('../img/menu-dashboad.svg');  background-size: 32px 27px;}
.navbar ul li.menu-kqtb a:before{background-image: url('../img/menu-kqtb.svg'); background-size: 31px 31px;}
.navbar ul li.menu-kqtkv a:before{background-image: url('../img/menu-ranking.svg'); background-size: 31px 31px;}
.navbar ul li.menu-chtc a:before{background-image: url('../img/menu-chtc.svg'); background-size: 29px 31px;}
.navbar ul li.menu-chktc a:before{background-image: url('../img/menu-chktc.svg'); background-size: 31px 32px;}
.navbar ul li.menu-map a:before{background-image: url('../img/menu-map.svg'); background-size: 20px 32px;}
.navbar ul li.menu-download a:before{background-image: url('../img/menu-download.svg'); background-size: 31px 29px;}
.navbar ul li.menu-feedback a:before{background-image: url('../img/menu-feedback.svg'); background-size: 37px 24px;}

.navbar ul li.active{background: #fff; z-index: 3; position: relative;}

.navbar ul li.active a{color: #0070c0; position: relative; z-index: 3; border-top: solid 3px #ebb62d;}

.sub-header{min-height: 60px; padding-top: 25px;}
.sub-header .app-name{font-size: 13px; color: #8b8b8b;}
.box-profile a{color: #555555;}
.box-profile a:hover{color:#00adee;}

.box-filter-wrapper{border-bottom: solid 1px #eee; padding: 20px 0px 8px; margin: 0px 20px; }
.box-filter-wrapper h1.page-title{font-size: 18px;  font-weight: 700; color: #094EA0; 
  margin: 0px 0px; padding: 24px 0px 0px;
  text-transform: uppercase;}
.box-filter{position: relative; z-index: 9;}
.box-filter .box-title{margin:0px; padding:0px; height:43px; color:#fff; background:#007fc7;}
.box-filter .box-content{ padding:0px 0px 0px; border-bottom: 0px; text-align: right;}

.box-filter-scheme {}
.box-filter-scheme .box-content{text-align: left; padding: 0px 0px 5px 0px; border:0px; }
.box-filter-scheme .box-content a{border-radius: 0px; height: 40px; padding: 3px 8px; font-weight: 700; color: #fff; line-height: 1.2;
border: 0px; font-size: 12px; display: table; float: left; margin-right: 2px; border: solid 2px rgba(255,255,255,0); position: relative;
}
.box-filter-scheme .box-content a span{ display: table-cell; vertical-align: middle; }
.box-filter-scheme .box-content a.active,
.box-filter-scheme .box-content a:hover{border: solid 2px #030303;}
.box-filter-scheme .box-content a.active:before,
.box-filter-scheme .box-content a:hover:before{content: ''; position: absolute; height: 5px; right:-2px;left: -2px; bottom: -5px; background: #030303;}


#filterForm .form-group{    margin-left: 2px;}
#filterForm .form-control, #filterForm .btn{border-radius: 0px; box-shadow: none; }
#filterForm .control-label{ text-align: left; font-size: 12px; display: block; font-weight: 400; color: #a6a6a6;}
#filterForm .form-control{font-size: 12px;  padding: 4px 4px; width: 85px; color: #a6a6a6; border-color: #eeeeee;}
#filterForm .form-control.krajee-datepicker{width: 75px;}
#filterForm .btn{margin-top: 14px; text-indent: -9999px; border-color: #eeeeee; height:34px; width: 42px; background: url('../img/icon-search.png') no-repeat center center;}
#filterForm .btn:hover{background-color: #eeeeee;}
#filterForm .btn.btn-reset{width: auto; background: #094EA0; text-indent: inherit; /*background: url('../img/icon-reset.svg') no-repeat center center; background-size: 27px 27px;*/}
#filterForm .btn.btn-reset:hover{background-color: #EBB532;}
#filterForm span.btn{cursor:default;}
#filterForm .help-block{display: none;}
#filterForm .kv-date-calendar{border-radius: 0; border:0px; border-left: solid 1px #cccccc;}


#storeFilter .form-group{    margin-left: 5px;}
#storeFilter .form-control, #storeFilter .btn{border-radius: 0px; box-shadow: none; }
#storeFilter .control-label{ text-align: left; font-size: 11px; display: block; font-weight: 400;     color: #a6a6a6;}
#storeFilter .form-control{font-size: 12px;  padding: 4px 4px; min-width: 90px;}
#storeFilter .btn{margin-top: 0px; font-size: 12px; height:34px;}
#storeFilter span.btn{cursor:default;}

.box{margin-bottom: 30px;}
.box .box-title{ font-size: 18px;color: #555555;margin-bottom: 15px; font-weight: 700;}
.chart-legend{margin: 15px 0px 30px; padding:0px;}
.chart-legend li{position: relative;padding: 5px 0px 5px 12px;position: relative; text-align: left; font-size: 15px;}
.chart-legend li span{display: inline-block; width: 7px; height: 7px; position: absolute; left: 0px; top: 10px; }
.chart-legend-horizontal{margin-top: 15px;text-align:center;}
.chart-legend-horizontal li{display:inline; margin:5px 5px;}
.chart-legend-horizontal li label{font-weight: 400;}
.chart-legend-fixbottom{padding-top: 80px;}

.chart-performance{margin-top: 30px; padding-top: 30px; border-top:solid 1px #eeeeee;}
.average{ border-top:0px; padding: 15px; margin-bottom: 30px;}	

#kpiChart{margin:0px auto;}

.whead{margin-bottom:2px; border-bottom: solid 1px #eeeeee;}		
.whead .search{text-align:right; margin-bottom: 7px;}


.box-chart .box-title{font-size: 18px;  text-transform: uppercase; color: #60c5bd;  margin-bottom: 15px;    font-weight: 700; text-align: left;}
.box-chart .box-content{margin-top: 15px;}
.box-chart .chart-legend {display: inline-block; }
.icon-color{display: inline-block;width: 7px; height: 7px; vertical-align: middle; margin-right: 8px;}

.box-chart-border .box-title{color: #b31e22; border-bottom: 0px;}
.box-chart-border .box-content{padding: 20px 30px; border:solid 1px #e1e1e1;}

.flotTip {
    padding: 3px 5px;
    background-color: #000;
    z-index: 100;
    color: #fff;
    opacity: .80;
    filter: alpha(opacity=85);
}

.table-bordered,
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
  border-color: #eeeeee;
}
.table-bordered.table-bordered-inner{border:0px;}
#pac-input {
    background-color: #fff;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 300px;
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 30px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.page-title-wrapper{border-bottom: solid 1px #eeeeee;  margin-bottom: 5px;}
.page-title-info{ padding-top: 10px;}
.page-title-info.text-left{text-align: left;}
.page-title-info-map{padding-bottom: 5px;}
.page-title-info ul{margin: 0px; padding: 0px:  }
.page-title-info ul li{display: inline-block;font-size: 13px; position: relative; padding-left: 9px; padding-right: 10px;}
.page-title-info ul li:after{content: ''; position: absolute; width: 1px; height: 13px; background: #adadad; right: 0px; top:2px;}
.page-title-info ul li:last-child{padding-right: 0px;}
.page-title-info ul li:last-child:after{display: none;}
.page-title-info ul li strong{color: #007fc7;}

.page-title-info-map .item{position: relative; padding-left: 15px;}
.page-title-info-map .item:before{content: ''; position: absolute; left: 0px; top:3px; width: 10px; height: 10px; border-radius: 50%; background: #000;}
.page-title-info-map .item.item-nonaudit:before{background: #82caff;}
.page-title-info-map .item.item-success:before{background: #0770be;}
.page-title-info-map .item.item-nonsuccess:before{background: #bebebe;}


.btn-export{font-size: 16px; text-transform: uppercase; font-weight: 700; display: block; margin-bottom: 15px;}
.btn-export img{max-width: 64px; height:auto; margin-right: 10px;}
#guidebook .item{display:block;     margin-bottom: 30px;}
#guidebook .item .list-file {padding-top: 30px;}
#guidebook .item .list-file .title {
    padding: 15px 0px 15px 60px;
    margin:0px;
    min-height: 70px;
    background: url('../img/pdf-icon.png') no-repeat left top;
    display: block;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: #5a5a5a;
}

.table  tr th{vertical-align: middle; text-align: center;}
.table td.number{text-align: right;}
/*th.table-col-no {background-color: #d9d9d9;}
td.table-col-no {background-color: #f2f2f2;}

th.table-col-fcv-code {background-color: #ffb566;}
td.table-col-fcv-code{background-color: #fedbbd;}

th.table-col-store {background-color: #6ecff6;}
td.table-col-store {background-color: #c4efff;}

th.table-col-kpi {background-color: #c4df9b;}
td.table-col-kpi {background-color: #e7f0f8;}

th.table-col-feedback {background-color: #dfdfdf;}
td.table-col-feedback {background-color: #f2f2f2;}

th.table-col-download {background-color: #4fceff;}
td.table-col-download {background-color: #c4efff;}

th.table-col-code {background-color: #c4df9b;}
td.table-col-code {background-color: #e7f0f8;}

th.table-col-note {background-color: #c4df9b;}
td.table-col-note {background-color: #e7f0f8;}

.table.table-audit-data{border-color: #fff;} 
.table.table-audit-data>tbody>tr>td, 
.table.table-audit-data>tbody>tr>th, .table.table-audit-data>tfoot>tr>td, .table.table-audit-data>tfoot>tr>th, 
.table.table-audit-data>thead>tr>td, .table.table-audit-data>thead>tr>th{border-color: #fff;}*/
.table.table-audit-data {margin-top: 15px;}
.table.table-audit-data tr th{border-width: 1px;}
th.current-round, td.current-round{background: #baeaf9;}

.table-col-feedback span.feedback{position: relative; padding-top: 22px; display: block; font-size: 12px;}
.table-col-feedback span.feedback:after{content: ''; font: normal normal normal 20px/1 FontAwesome; position: absolute;top: 0px; left: 0px; width: 100%; text-align: center;}
.table-col-feedback span.feedback:before{display: none; font: normal normal normal 20px/1 FontAwesome; position: absolute;top: 0px; width: 50%; 
 right: 0px; border-left: solid 1px #ccc;; text-align: left; padding-left: 11px;
}
.table-col-feedback span.feedback-status-1{color: #f15722;}
.table-col-feedback span.feedback-status-1:after{content: "\f075";}

.table-col-feedback span.feedback-status-2{color: #0070c0;}
.table-col-feedback span.feedback-status-2:after{content: "\f04b";}

.table-col-feedback span.feedback-status-2-1{color: #0070c0;}
.table-col-feedback span.feedback-status-2-1:after{content: "\f04b"; width: 50%; text-align: right; padding-right: 10px;}
.table-col-feedback span.feedback-status-2-1:before{content: "\f075"; color: #f15722;  width: 50%; display: block; }

.table-col-feedback span.feedback-status-2-2{color: #0070c0;}
.table-col-feedback span.feedback-status-2-2:after{content: "\f04b"; width: 50%; text-align: right; padding-right: 10px;}
.table-col-feedback span.feedback-status-2-2:before{content: "\f046"; color: #92d050;  width: 50%; display: block; }

.table-col-feedback span.feedback-status-5-1{color: #92d050;}
.table-col-feedback span.feedback-status-5-1:after{content: "\f046"; width: 50%; text-align: right; padding-right: 10px;}
.table-col-feedback span.feedback-status-5-1:before{content: "\f075"; color: #f15722;  width: 50%; display: block; }

.table-col-feedback span.feedback-status-3{color: #e663e0;}
.table-col-feedback span.feedback-status-3:after{content: "\f0a8";}

.table-col-feedback span.feedback-status-4{color: #7030a0;}
.table-col-feedback span.feedback-status-4:after{content: "\f021";}

.table-col-feedback span.feedback-status-5{color: #92d050;}
.table-col-feedback span.feedback-status-5:after{content: "\f046";}

td.table-col-feedback.time-1 {background: #b6e026;}
td.table-col-feedback.time-2 {background: #ffb400;}
td.table-col-feedback.time-3 {background: #ff1a00;}

.table-col-feedback.col-time span.feedback-status-2,
.table-col-feedback.col-time span.feedback-status-2-1,
.table-col-feedback.col-time span.feedback-status-2-1:before,
.table-col-feedback.col-time span.feedback-status-2-2,
.table-col-feedback.col-time span.feedback-status-2-2:before{color: #fff; border-color: #fff;}

.list-summary {margin-left: 0px;    padding-top: 10px;}
.list-summary li{color: #a6a6a6; position: relative; padding-left: 15px;   padding-right: 15px;}
.list-summary li:before {content: '';position: absolute;left: 0px;top: 3px;width: 10px;height: 10px;border-radius: 50%;background: #f15722;}
/*.list-summary li:after {content: '';position: absolute;width: 1px;height: 13px;background: #adadad;right: 5px;top: 2px;}*/
.list-summary li:nth-child(2):before{background: #0070c0;}
.list-summary li:nth-child(3):before{background:#92d050;}

.list-summary li:nth-child(4){font-weight: 700;}
.list-summary li:nth-child(4):before{display: none;}
.list-summary li:nth-child(4):after{display: none;}

.map-wrapper{position: relative;}
.map-wrapper .overlay{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999;background: rgba(0,0,0,0.5); display: none; opacity: 0;
  -webkit-transition: color .2s ease-in-out;
   -moz-transition: color .2s ease-in-out;
   -ms-transition: color .2s ease-in-out;
   -o-transition: color .2s ease-in-out;
   transition: color .2s ease-in-out;
}
.map-wrapper .overlay i{position: absolute;  z-index: 1000; text-align: center; color: #fff; left:50%; top:50%; margin-left: -30px; margin-top: -30px; }
.map-wrapper.loading .overlay{display: block; opacity: 1;}

.fancybox-lock .fancybox-overlay{overflow-y: auto;}
.fancybox-outer{border: 0px;}
.fancybox-close{right: 12px; top:12px;}

.box-language{margin-top: 40px;}
.box-language h2{margin-bottom: 40px; font-size: 18px; font-weight: 700; font-style: italic;}
.box-language p{text-align: left; text-transform: uppercase; margin-bottom: 5px;}

.box-language a{display: inline-block; padding: 10px 50px; margin: 0px 10px; font-size: 20px; font-weight: 400; position: relative; text-transform: uppercase; border-radius: 0px; background: #dc0115; }
.kpi-parent-item{min-width: 30px; max-width: calc( 100% - 30px );height: 28px; line-height: 28px;}
.separator{margin-top: 30px; margin-bottom: 30px; border-top: 1px solid #eee;;}

#storeFilter .form-control.multiple-select{padding: 0px; border:0px;}
.multiple-select .ms-choice{border:0px; border-radius: 0px; outline: none; text-align: left; border:solid 1px #ccc; height: 34px;}
.multiple-select ul li{text-align: left;}
.multiple-select ul li label input{  margin: 3px 3px 3px 0px;}
.ms-drop.bottom{border-radius: 0px; border:solid 1px #ccc;  }

.box-footer-control .btn-default{color: #fff; padding: 10px 25px; background: #7f7f7f; font-weight: 700; border-radius: 0px; border:0px;}
.box-footer-control .btn-default:hover{background: #17299e; color: #fff;}
.box-footer-control.text-right .btn{margin-left: 15px;}

.col-kpi-score{background: #ffd2d2;}
.chart-group.shadow{
   padding:20px 20px ; background: #fff; margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}

.kv-grid-container .table-ranking thead th{text-transform: none;}
.box-ranking .box-title{margin: 0px 15px 0px;padding-bottom: 10px; border-bottom: solid 2px #ccc;  font-weight: 700;}
.grid-view .grid-header{padding-top: 15px;}

.footer {
    padding: 30px 0px 60px;
    font-weight: 700;
    color: #fff;
}


@media screen and (min-width:768px) {
  .container-fluid{padding-left: 50px; padding-right: 50px;}  
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .navbar ul li{margin-left: 10px;}
}
@media (max-width: 991px) {
.page-bottom{background:#fff; padding:30px 10px; }

}

@media (max-width: 767px) {
.bg_footr {
   display: none !important;
}
.line_per .aver_per span,.line_per .excell span{margin-left:0px !important}
.page-header-title{font-size: 16px;}
.info_header_name td{padding:5px 0px;}
.tbl_detail{width: 100%;}
.descript_comm,.title_comm  {border-right: solid 1px #d2d2d2;}
.header_comm{margin-top: 15px;}
#performanceChart{margin: 0px auto;}
.title_dash{margin-bottom: 15px; font-size: 16px;}
.whead .search{margin-top: 5px;}
.login { padding: 30px 15px 30px;}
.nav_mobile{position: relative; z-index: 9;}
.nav_mobile a{    float: right;}
.nav_l{margin-top: 5px;}
.navi{min-height: 65px; height: auto;}
.sub-header .app-name{font-size: 12px;}

#filterForm .form-control{width: 100%;}
#filterForm .form-control.krajee-datepicker{width: 100%;}
.box-filter-wrapper h1.page-title{margin-bottom: 15px; position: relative; padding-right: 45px;}
.box-filter-wrapper h1.page-title a{position: absolute; right: 0px; top:15px;}
.box-filter-wrapper h1.page-title a img{width: 32px;}
.box-filter{display: none;}

#storeFilter .form-group{width: calc( 50% - 10px); float: left;}

.login #cf img{max-width: 70%;}
.box-language h2{font-size: 14px;}



}
@media (max-width:480px) {
.page-header-title{font-size: 16px; padding-top: 10px;}
.tbl_detail{width: 600px;display: block;}
#filterForm .control-label{margin-right: 0px;}
.custom_core ul li{display: block; width: 100%; margin-left: 0px;}
.custom_core{padding-top: 15px;}

.table-default.kv-table-wrap th, .table-default.kv-table-wrap td {
  width: auto !important; font-size: 13px; display: table-cell;
}
.kv-table-wrap tr > td:first-child{font-size: 13px;}

.whead .search ul{float: none;}
#filterForm .btn{width:100%;}

#kpiChart .flot-text .flot-x-axis >div{
  
}
.average{padding: 15px 0px;}
.box-chart .box-title{font-size: 14px;}
.chart-legend li{font-size: 13px;}

.chart-group.shadow{padding: 15px 10px;}

}


.popup-chat .fancybox-slide--iframe .fancybox-content{width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%;
  margin: 0px; background:transparent;
}
.popup-chat  .fancybox-iframe{background-color: rgba(0,0,0,0.2);}