@media ( min-width :992px) {
.col-md-13 { width: 20%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px }
}
.drop { margin: 0; font-size: 24px }
.description-block i { display: block; margin: 2px 0; text-align: center; font-size: 30px }
.description-block>.description-header1 { font-weight: 600; font-size: 16px }
.description-block>.description-header1 i { font-weight: 600; display: inline; font-size: 16px }
.box-header1 { color: #444; display: block; padding: 10px; position: relative; border-top: 3px solid #00a65a }
.accord { color: #fff }
.info-box-recharge { display: block; min-height: 155px; background: #fff; width: 100%; box-shadow: 0 1px 1px rgba(0,0,0,0.1); border-radius: 2px; margin-bottom: 15px; display: block; min-height: 155px; background: #fff; width: 100%; box-shadow: 0 1px 1px rgba(0,0,0,0.1); border-radius: 2px }
.info-box-icon1 { border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; display: block; float: left; height: 155px; text-align: center; font-size: 0; line-height: 128px; background: rgba(0,0,0,0.2); padding: 13px 20px }
.info-box-content1 { padding: 12px 10px; margin-left: 120px; text-align: center }
.info-box-content1 h2 { font-size: 25px; font-weight: 300; text-align: center; color: #fff; margin: 10px 0 }
.info-box-content1 h1 { font-size: 36px; font-weight: 700; text-align: center; color: #fff; margin: 10px 0 }
.info-box-content1 a { color: #805004; font-size: 14px; float: right }
.info-box-content1 a:hover { color: #333 }
.info-box-content2 { padding: 30px 10px; margin-left: 120px; text-align: center }
.info-box-content2 h2 { font-size: 25px; font-weight: 300; text-align: center; color: #fff; margin: 10px 0 }
.info-box-content2 h1 { font-size: 32px!important; font-weight: 700; text-align: center; color: #fff; margin: 10px 0 }
.info-box-content2 a { color: #fff; font-size: 14px; float: right }
.info-box-content2 a:hover { color: #333 }
.widget-user .widget-user-header1 { padding: 8px; border-top-right-radius: 3px; border-top-left-radius: 3px }
.progress1, .progress1>.progress-bar1, .progress1 .progress-bar1, .progress1>.progress-bar1 .progress-bar1 { border-radius: 1px; height: 2px }
.progress-description, .info-box-text { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.nav-tabs-custom>.tab-content-dum { background: #fff; padding: 10px; height: 365px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px }
table.generaltable tr th { border-top: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; text-align: center; vertical-align: middle }
table.generaltable tr td { border-top: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; vertical-align: middle }
table.statistics tr th { /* border-top: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4;  */background:#666; text-align:center; color:#fff; font-weight:600; border:1px solid #ccc; vertical-align: middle }
table.statistics tr td { border:1px solid #ccc; vertical-align: middle }
.box-headers { color: #444; display: block; padding: 10px;  background: #f90!important; position: relative }
.mr-10 { margin-right: 10px }
.mb-15 { margin-bottom: 20px }
.view-dash{color: #605ca8;border-bottom: 2px dotted #ebebeb;font-weight: 600;}
.select2-container--default .select2-selection--multiple1 .select2-selection__choice { background-color: #999; border-color: #333; padding: 1px 10px; color: #fff }
.viewticket { position: relative; background: #fff; border: 1px solid #f4f4f4; padding: 20px; margin: 10px 15px }
.pricetotal { width: 100%; border-top: 1px solid #f90 }
.pricetotal p { font-size: 24px; font-weight: 600; color: green }
.loginfrm { padding: 0!important; margin: 0!important; border: none!important }
.login-page { background-image: url(/resources/images/login-back.jpg)!important; background-repeat: no-repeat!important; background-attachment: fixed!important; background-size: 100%!important }
.login-page .copy { text-align: center; padding: 0 0 5px!important }
.login-logo { font-size: 35px; background: #605ca8!important; text-align: center; padding: 10px!important; margin-bottom: 0!important; font-weight: 300 }
.login-box-msg { margin: 0; font-size: 18px; color: #999; text-align: center; padding: 0 20px 20px }
.login-box { width: 360px; margin: 11% auto 10px!important; box-shadow: 0 2px 5px rgba(0,0,0,0.4)!important }
.login-box-body { background: #fff!important; padding: 20px; border-top: 0; color: #666 }
.login-box-body p { text-align: center }
.ui-widget { font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif!important; font-size: 1em!important }
.ui-widget:hover { text-decoration: none!important }
.ui-widget-overlay { background: #333!important; opacity: .2; text-shadow: none!important; border-radius: 10px }
.ui-widget-header { background: #605ca8!important; color: #fff; font-weight: 600!important }
.forgot-password-popup .ui-widget-content { padding: 0 }
.btn-default-can { background-color: #f4f4f4!important; color: #333!important; border-color: #ddd!important }
.btn-default-can:hover { background-color: #e3e1e1!important; color: #333!important }
.btn-default-sub { background-color: #00c0ef!important; color: #fff!important; border-color: #00acd6!important }
.btn-default-sub:hover { background-color: #05aad2!important; color: #fff!important }
.text-box-forget { border: 1px solid #eee!important; color: #999!important; padding: 10px!important }
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu { position: absolute; right: 0; left: auto; box-shadow: 0 0 5px 1px #888!important }
.nav-tabs-custom { margin-bottom: 20px; border-top: 3px solid green!important; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,0.1); border-radius: 3px }
.nav-tabs-custom>.tab-content { background: #fff; padding: 0!important; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px }
.nav-tabs-custom>.nav-tabs>li { border-top: none!important; margin-bottom: -2px; margin-right: 0!important; background: #f4f4f4!important; border-right: 1px solid #ddd }
.nav-tabs-custom>.nav-tabs>li.active>a { border-top-color: transparent; background: #fff!important; border-left-color: #f4f4f4; border-right-color: #f4f4f4 }
.clear { clear: both }
.form-group label { display: block }
.custom-form-calender { float: left; width: 100%!important; position: relative }
.custom-form-input-auto-select { float: left; width: 100% }
.custom-form-input-auto-select .ui-inputfield { width: 100%; padding: 6px 12px; float: left; font-weight: 400; font-size: 14px; color: #555; background-color: #fff; border: 1px solid #ccc; box-shadow: none; border-radius: 0 }
.custom-form-calender .ui-inputfield { width: 100%; padding: 6px 12px; float: left; font-weight: 400; font-size: 14px; color: #555; background-color: #fff; border: 1px solid #ccc; box-shadow: none; border-radius: 0 }
.custom-form-calender button { background: #fff; margin: 0; border: 1px solid #ccc; border-radius: 0; height: 34px; position: absolute; right: 0; top: 0 }
.custom-form-calender button:hover { box-shadow: none!important }
.general-custom-table { border: 1px solid #ccc; table-layout: auto!important }
.general-custom-table tr th { background: #666; box-shadow: none; text-shadow: none; white-space: nowrap; color: #fff; padding: 8px 5px; font-size: 13px; text-align: center!important; border-raidus: 0; border: 1px solid #ccc }
.general-custom-table tr td { border: 1px solid #ccc; font-size: 12px; padding: 8px 5px; white-space: nowrap }
.chart-header { line-height: 35px; padding: 0 10px; font-size: 20px; color: #444 }
.ui-paginator.ui-paginator-bottom { border-top: 0 none; background: #e4e4e4!important; text-shadow: none!important; color: #333!important; font-size: 12px }
.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options { margin-left: 1em; margin-right: 1em; background: #fff }
.btn-success { background-color: #00a65a; border-color: #008d4c; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif }
.ui-widget { font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif!important; text-shadow: none }
.ui-dialog .ui-dialog-titlebar-close span, .ui-dialog .ui-dialog-titlebar-minimize span, .ui-dialog .ui-dialog-titlebar-maximize span { margin: 4px!important }
.table > thead > tr > th { text-align: center }
#nonAjaxLoad { width: 50px; height: 50px; position: absolute; bottom: 50%; right: 50%; z-index: 9 }
@media screen and (max-width:880px) {
.table-r { overflow-x: scroll; width: 100%; display: block; white-space: nowrap }
}
.treeview-menu>li>a:before { content: "\f054"; font-size: 14px; padding-right: 8px; float: left; color: #8aa4af; font-family: FontAwesome }
.treeview-menu>li>a:hover { color: #fff!important }
.text-center { text-align: center!important }
.table.general-custom-table { table-layout: auto }
.ui-state-default .ui-icon { background-image: url(/resources/assets/images/pagination-arrow.png)!important; box-shadow: none!important; border-radius: 0 }
.ui-datatable-odd { background: none repeat scroll 0 0 #f1f2f2 }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: none!important; background: #605ca8!important; color: #fff!important; font-weight: 700; text-shadow: none!important }
.ui-widget-header .ui-state-default { border: 1px solid #a8a8a8; background: #fff -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0))); color: #4f4f4f; text-shadow: none!important }
.ui-corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 0 }
.error-page { width: 600px; margin: 10% auto 0!important }
.error-page h1 { font-size: 150px }
.error-page h4 { font-size: 20px }
.error-page h2 { font-size: 32px }
.error-page a { color: #0087cb }
.m0 { margin: 0!important }
.ml0 { margin-left: 0!important }
.mr0 { margin-right: 0!important }
.mt0 { margin-top: 0!important }
.mb0 { margin-bottom: 0!important }
.m { margin: 10px!important }
.ml { margin-left: 10px!important }
.mr { margin-right: 10px!important }
.mt { margin-top: 10px!important }
.mb { margin-bottom: 10px!important }
.m-sm { margin: 5px!important }
.ml-sm { margin-left: 5px!important }
.mr-sm { margin-right: 5px!important }
.mt-sm { margin-top: 5px!important }
.mb-sm { margin-bottom: 5px!important }
.m-lg { margin: 15px!important }
.ml-lg { margin-left: 15px!important }
.mr-lg { margin-right: 15px!important }
.mt-lg { margin-top: 15px!important }
.mb-lg { margin-bottom: 15px!important }
.m-xl { margin: 30px!important }
.ml-xl { margin-left: 30px!important }
.mr-xl { margin-right: 30px!important }
.mt-xl { margin-top: 30px!important }
.mb-xl { margin-bottom: 30px!important }
.mv { margin-top: 10px!important; margin-bottom: 10px!important }
.mh { margin-left: 10px!important; margin-right: 10px!important }
.mv-lg { margin-top: 15px!important; margin-bottom: 15px!important }
.mh-lg { margin-left: 15px!important; margin-right: 15px!important }
.mv-sm { margin-top: 5px!important; margin-bottom: 5px!important }
.mh-sm { margin-left: 5px!important; margin-right: 5px!important }
.p0 { padding: 0!important }
.pl0 { padding-left: 0!important }
.pr0 { padding-right: 0!important }
.pt0 { padding-top: 0!important }
.pb0 { padding-bottom: 0!important }
.pv0 { padding-top: 0!important; padding-bottom: 0!important }
.ph0 { padding-left: 0!important; padding-right: 0!important }
.p { padding: 10px!important }
.pl { padding-left: 10px!important }
.pr { padding-right: 10px!important }
.pt { padding-top: 10px!important }
.pb { padding-bottom: 10px!important }
.p-md { padding: 8px!important }
.p-sm { padding: 5px!important }
.p-sm1 { padding: 7px 14px; font-size: 12px; line-height: 1.5; border-radius: 3px }
.pl-sm { padding-left: 5px!important }
.pr-sm { padding-right: 5px!important }
.pt-sm { padding-top: 5px!important }
.pb-sm { padding-bottom: 5px!important }
.p-lg { padding: 15px!important }
.pl-lg { padding-left: 15px!important }
.pr-lg { padding-right: 15px!important }
.pt-lg { padding-top: 15px!important }
.pb-lg { padding-bottom: 15px!important }
.p-xl { padding: 30px!important }
.pl-xl { padding-left: 30px!important }
.pr-xl { padding-right: 30px!important }
.pt-xl { padding-top: 30px!important }
.pb-xl { padding-bottom: 30px!important }
.p-charttab { padding: 2px 6px }
.pv { padding-top: 10px!important; padding-bottom: 10px!important }
.ph { padding-left: 10px!important; padding-right: 10px!important }
.pv-xl { padding-top: 30px!important; padding-bottom: 30px!important }
.ph-xl { padding-left: 30px!important; padding-right: 30px!important }
.pv-lg { padding-top: 15px!important; padding-bottom: 15px!important }
.ph-lg { padding-left: 15px!important; padding-right: 15px!important }
.pv-sm { padding-top: 5px!important; padding-bottom: 5px!important }
.ph-sm { padding-left: 5px!important; padding-right: 5px!important }
.btn-download-excel .btn-label { position: relative; display: inline-block; padding: 10px 16px; left: -1px; border-radius: 0; border: 1px solid #008d4c; height: 40px; cursor: pointer }
.btn-download-excel .bg-success { height: 42px }
.bg-success-dark { background-color: #00a65a; color: #fff!important }
.b0 { border-width: 0!important }
.bl0 { border-left-width: 0!important }
.br0 { border-right-width: 0!important }
.bt0 { border-top-width: 0!important }
.bb0 { border-bottom-width: 0!important }
.br { border-right: 1px solid rgba(0,0,0,0.12) }
.bl { border-left: 1px solid rgba(0,0,0,0.12) }
.bt { border-top: 1px solid rgba(0,0,0,0.12) }
.bb { border-bottom: 1px solid rgba(0,0,0,0.12) }
.b, .ba { border-right: 1px solid rgba(0,0,0,0.12); border-left: 1px solid rgba(0,0,0,0.12); border-top: 1px solid rgba(0,0,0,0.12); border-bottom: 1px solid rgba(0,0,0,0.12) }
.text-white { color: #fff }
.text-16 { font-size: 16px }
.lh-48 { line-height: 48px }
.text-bl { color: #606ddd }
.text-tl { color: #1bc9e4 }
.text-or { color: #febf34 }
.text-gr { color: #43a047 }
.text-mr { color: #909 }
.ln-ht li { line-height: 28px }
.overflow-nw td { white-space: nowrap }
.tab-pane .bar-chart { width: 100% }
.pchart { width: 250px; height: 268px!important }
.pchart-table { border: 1px solid #e4e4e4; padding: 0!important; font-size: 12px }
.pchart-table th { background: #999; text-align: center; color: #fff; border-right: 1px solid #ccc }
.pchart-table th:last-child { border-right: none }
.pchart-table i { font-size: 10px!important }
.pchart-table td { border-right: 1px solid #e4e4e4 }
.pchart-table td:last-child { border-right: none }
.search-table { border: 1px solid #e4e4e4 }
.search-table th { padding: 5px !important; background: #999; color: #fff;    text-shadow: none; box-shadow: none !important; text-align: center; border-right: 1px solid #e4e4e4 }
.search-table td { padding: 5px !important; background: #fff; color: #333; border-top: 1px solid #f4f4f4; border-right: 1px solid #e4e4e4 }
.search-table th:last-child { border-right: none }
.search-table td:last-child { border-right: none }
.chart-orange { color: #f2972e }
.chart-green { color: #96be37 }
.chart-safran { color: #eb6e2e }
.chart-purple { color: #535ca1 }
.chart-blue { color: #2c9ec0 }
.purple-chart{color: #606ddd}
.info-chart{color: #1bc9e4}
.yellow-chart{color: #febf34}
.green-chart{color: #43a047}
.pink-chart{color: #990099}
.ui-datepicker .ui-datepicker-title { text-shadow: none!important }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { text-shadow: none!important; color: #f90!important }
.tablebig { white-space: nowrap; overflow-x: scroll; display: block }
.auto_selecttb { white-space: nowrap; overflow-y: scroll; display: block; height: 200px }
.widget-user .widget-user-header2 { padding: 17px; border-top-right-radius: 3px; border-top-left-radius: 3px }
.content-header>.breadcrumb>li>a { color: #605ca8!important }
.content-header>.breadcrumb>li>a:hover { color: #999!important }
.content-header>.breadcrumb { color: #999!important }
.box-ht { min-height: 264px }
.box-ht1 { min-height: 330px }
header>.breadcrumb>li+li:before { content: '>\00a0'; color: #999!important; font-size: 12px!important; font-weight: 700!important }
.ui-autocomplete-panel .ui-autocomplete-list { overflow-y: scroll; height: 200px; white-space: nowrap }
.excel-button { background-image: url(/resources/assets/images/download1.png)!important; border-radius: 4px; border: none!important; box-shadow: none!important; width: 130px!important; height: 34px; float: left; background-repeat: no-repeat!important; margin-right: 10px }
@media screen and (max-width:1000px) {
#chart_div svg { width: 100%!important; position: relative }
#chart_div1 svg { width: 100%!important; position: relative }
}
.ui-growl { z-index: 99999!important }
.ui-growl-title { display: block; color: #333; margin-top: 8px; }
.ui-growl-item { display: block; padding: 10px; box-shadow: none!important;  background: #f4f4f4;  }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #666; background: #605ca8; color: #fff; text-shadow: none!important }
.cust-calender { position: absolute; width: 30%!important }
@media ( max-width :400px) {
.nav-top-right > li > a { padding: 15px 8px!important }
.error-page { width: 300px; margin: 10% auto 0!important }
.error-page h1 { font-size: 100px }
.error-page h2 { font-size: 24px }
.main-header .logo .logo-lg { display: block }
.main-header .logo, .main-header .navbar { text-align: center }
}