/* 
Light 		- 	font-family: 'proxima_novalight';
Regular		-		font-family: 'proxima_nova_rgregular';
Semi Bold - 	font-family: 'proxima_novasemibold';
Bold			-		font-family: 'proxima_nova_rgbold';
Black			-		font-family: 'proxima_novablack';
*/
/* Common-Setting */

html { background-color: white; overflow-x: hidden; }
body { font-family: 'proxima_nova_rgregular'; color: #2d3072; background-color: transparent; -webkit-font-smoothing: antialiased; }
img { max-width:100%; height:auto; }
/*custom checkbox and radio button*/
.btn-radio input[type="radio"] + label, .btn-checkbox input[type="checkbox"] + label { position: relative; padding:0 0 0 24px; cursor:pointer; display:inline-block; margin:0 20px 8px 0; font-size:14px; }
.btn-radio input[type="radio"], .btn-checkbox input[type="checkbox"] { display:none; }
.btn-checkbox input[type="checkbox"] + label:before { border: 1px solid #b4b4be; content:""; display: inline-block; width:16px; height:16px; left:0; position: absolute; top:0; background:#fff; }
.btn-checkbox input[type="checkbox"]:checked + label:before { background:#000; border-color:#000; }
.btn-checkbox input[type="checkbox"] + label:after { content:''; position:absolute; top:3px; left:3px; width:10px; height:6px; border:solid transparent; border-width:0 0 2px 2px; line-height:0; -webkit-transition-duration:0.2s; transition-duration:0.2s; -ms-transform:rotate(-45deg) scale(2); -webkit-transform:rotate(-45deg) scale(2); transform:rotate(-70deg) scale(2); }
.btn-checkbox input[type="checkbox"]:checked + label:after { -ms-transform:rotate(-45deg) scale(1); -webkit-transform:rotate(-45deg) scale(1); transform:rotate(-45deg) scale(1); border-color:#fff; }
.btn-radio input[type="radio"] + label:before { border: 1px solid #b4b4be; content: ""; display: inline-block; width:16px; height: 16px; left: 0; position: absolute; top:0; border-radius:50%; background:#fff; }
.btn-radio input[type="radio"]:checked + label:before { border-color:#000; }
.btn-radio input[type="radio"] + label:after { width:8px; height:8px; display:inline-block; position:absolute; top:4px; left:4px; line-height:0; background:#000; content:''; border-radius:50%; -ms-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s; -ms-transform:scale(0); -webkit-transform:scale(0); transform:scale(0); }
.btn-radio input[type="radio"]:checked + label:after { -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); }
.btn-radio input[type="radio"]:disabled + label, .btn-checkbox input[type="checkbox"]:disabled + label { opacity: 0.5; }
/*custom checkbox and radio button*/

/** Fonts **/
.lt { font-family: 'proxima_novalight'; }
.rg { font-family: 'proxima_nova_rgregular'; }
.sm { font-family: 'proxima_novasemibold'; }
.bd { font-family: 'proxima_nova_rgbold'; }
.hv { font-family: 'proxima_novablack'; }
a, button, input[type=submit] { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
.data-table { display:table; table-layout:fixed; width:100%; float:none; height:100%; }
.data-cell { display:table-cell; vertical-align:middle; min-width:1%; float:none; }
a:hover, a:focus, button, .btn { text-decoration:none; outline:0 !important; outline-offset:0px !important; border-radius:0; }
.btn { border-radius:0 !important; }
.btn-black { background-color:#5a60e5; color:#fff; border-color:#5a60e5; }
.btn-black:hover, .btn-black:focus, .btn-black:active { background-color:#2d3072; color:#fff; border-color:#2d3072; }
.btn-grey { background-color:#5a60e5; color:#fff; border-color:#5a60e5; }
.btn-grey:hover, .btn-grey:focus, .btn-grey:active { background-color:#2d3072; color:#fff; border-color:#2d3072; }
/*strong { font-family: 'proxima_novasemibold'; font-weight:normal }*/
@font-face { font-family: 'rupeeregular'; src: url('../fonts/rupee-webfont.woff2') format('woff2'), url('../fonts/rupee-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'proxima_nova_rgregular'; src: url('../fonts/mark_simonson_-_proxima_nova_regular-webfont.woff2') format('woff2'), url('../fonts/mark_simonson_-_proxima_nova_regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'proxima_novablack'; src: url('../fonts/mark_simonson_-_proxima_nova_black-webfont.woff2') format('woff2'), url('../fonts/mark_simonson_-_proxima_nova_black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'proxima_nova_rgbold'; src: url('../fonts/mark_simonson_-_proxima_nova_bold-webfont.woff2') format('woff2'), url('../fonts/mark_simonson_-_proxima_nova_bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'proxima_novalight'; src: url('../fonts/mark_simonson_-_proxima_nova_light-webfont.woff2') format('woff2'), url('../fonts/mark_simonson_-_proxima_nova_light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'proxima_novasemibold'; src: url('../fonts/mark_simonson_-_proxima_nova_semibold-webfont.woff2') format('woff2'), url('../fonts/mark_simonson_-_proxima_nova_semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
.h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; }
a { color: #2e3e4e; text-decoration: none; }
a:hover, a:focus { color: #4a647e; text-decoration: none; }
.badge { background-color: #bebebe; }
.badge.up { position: relative; top: -10px; padding: 3px 6px; }
.badge-sm { font-size: 85%; padding: 2px 5px !important; }
label { font-weight: normal; }
.label-sm { padding-top: 0; padding-bottom: 0; }
.text-primary { color: #65bd77; }
.text-info { color: #204d74; }
.text-success { color: #8ec165; }
.text-yellow { color: #e6e600; }
.text-warning { color: #ffc333; }
.text-danger { color: #f00; }
.text-light { color: #f1f1f1; }
.text-white { color: #fff; }
.text-dark { color: #2e3e4e; }
.text-muted { color: #979797; }
small { font-size: 90%; }
.badge-white { background-color: transparent; border: 1px solid rgba(255,255,255,0.35); padding: 2px 6px; }
.badge-hollow { background-color: transparent; border: 1px solid rgba(0,0,0,0.15); color: inherit; }
.caret-white { border-top-color: #fff; border-top-color: rgba(255,255,255,0.65); }
a:hover .caret-white { border-top-color: #fff; }
.tooltip-inner { background-color: rgba(0,0,0,0.9); background-color: #2e3e4e; }
.tooltip.top .tooltip-arrow { border-top-color: rgba(0,0,0,0.9); border-top-color: #2e3e4e; }
.tooltip.right .tooltip-arrow { border-right-color: rgba(0,0,0,0.9); border-right-color: #2e3e4e; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: rgba(0,0,0,0.9); border-bottom-color: #2e3e4e; }
.tooltip.left .tooltip-arrow { border-left-color: rgba(0,0,0,0.9); border-left-color: #2e3e4e; }
.popover-content { font-size: 12px; line-height: 1.5; }
.progress-xs { height: 6px; }
.progress-sm { height: 10px; }
.progress-sm .progress-bar { font-size: 10px; line-height: 1em; }
.breadcrumb { background-color: #fff; border: 1px solid #e8e8e8; padding-left: 10px; font-size: 12px; margin-bottom: 10px; }
.breadcrumb a { color: #999; }
.accordion-group, .accordion-inner { border-color: #e8e8e8; border-radius: 2px; }
.alert { font-size: 13px; box-shadow: none; background:#666; color:#fff; padding:10px 35px 10px 15px; border-radius:0; border:none; }
.alert .fa { margin-right:5px; }
.alert .close { opacity:0.8; font-size:16px; font-weight:normal; text-shadow:none; top:0; }
.alert .close:hover, .alert .close:focus { color:#fff; }
.alert .close i { font-size: 12px; font-weight: normal; display: block; }
.form-control { border-color: #d9d9d9; border-radius: 2px; }
.form-control, .form-control:focus { -webkit-box-shadow: none; box-shadow: none; }
.form-control:focus { border-color: #204d74; }
.input-s-sm { width: 120px; }
.input-s { width: 200px; }
.input-s-lg { width: 250px; }
.input-group-addon { border-color: #d9d9d9; background-color: #f9f9f9; }
.list-group { border-radius: 2px; }
.list-group.no-radius .list-group-item { border-radius: 0 !important; }
.list-group.no-borders .list-group-item { border: none; }
.list-group.no-border .list-group-item { border-width: 1px 0; }
.list-group.no-bg .list-group-item { background-color: transparent; }
.list-group-item { border-color: #e8e8e8; padding-right: 15px; }
.list-group-item.media { margin-top: 0; }
.list-group-item.active { color: #fff; border-color: #65bd77 !important; background-color: #65bd77 !important; }
.list-group-item.active .text-muted { color: #d0ebd6; }
.list-group-item.active a { color: #fff; }
.list-group-alt .list-group-item:nth-child(2n+2) { background-color: rgba(0,0,0,0.02); }
.list-group-lg .list-group-item { padding-top: 15px; padding-bottom: 15px; }
.list-group-sp .list-group-item { margin-bottom: 5px; border-radius: 3px; }
.list-group-item > .badge { margin-right: 0; }
.list-group-item > .fa-chevron-right { float: right; margin-top: 4px; margin-right: -5px; }
.list-group-item > .fa-chevron-right + .badge { margin-right: 5px; }
.nav-pills.no-radius > li > a { border-radius: 0; }
.nav-pills > li.active > a { color: #fff !important; background-color: #204d74 !important; }
.nav.nav-sm > li > a { padding: 6px 8px; }
.nav .avatar { width: 30px; margin-top: -5px; margin-right: 5px; }
.panel { border-radius: 2px; }
.panel.panel-default { border-color: #e8e8e8; }
.panel.panel-default > .panel-heading, .panel.panel-default > .panel-footer { border-color: #e8e8e8; }
.panel .list-group-item { border-color: #f0f0f0; }
.panel.no-borders { border-width: 0; }
.panel.no-borders .panel-heading, .panel.no-borders .panel-footer { border-width: 0; }
.table td, .table th { padding: 10px 15px; border-top: 1px solid #f1f1f1; }
.table thead > tr > th { border-bottom: 1px solid #aecee3; font-family: 'proxima_nova_rgbold'; font-size:13px; font-weight:normal; vertical-align:top; text-transform:uppercase; }
.panel .table-striped > tbody > tr:nth-child(odd) > td, .panel .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; }
.table.table-striped tbody > tr > td { vertical-align:middle; }
.table.table-striped tbody > tr > td a.btn.btn-sm.btn-default { min-width:95px; }
.table.table-striped tbody > tr > td a.btn.btn-sm.btn-default + a { margin-top:5px; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 5px; }
.table { margin-bottom: 10px; }
.table-striped { border-bottom:solid 1px #ddd; }
.table-striped > thead th { background: #2d3072; color:#fff;}
.panel .table-striped > thead th:last-child { border-right: none; }
.panel-heading { border-radius: 2px 2px 0 0; }
.panel-heading.no-border { margin: -1px -1px 0 -1px; border: none; }
.panel-heading .nav { font-size: 13px; margin: -10px -15px -11px; border: none; }
.panel-heading .nav > li > a { border-radius: 0; margin: 0; border-width: 0; }
.panel-heading .nav-tabs.nav-justified { width: auto; }
.panel-heading .nav-tabs.nav-justified > li:first-child > a, .panel-heading .nav-tabs.pull-left > li:first-child > a { border-radius: 2px 0 0 0; }
.panel-heading .nav-tabs.nav-justified > li:last-child > a, .panel-heading .nav-tabs.pull-right > li:last-child > a { border-radius: 0 2px 0 0; }
.panel-heading .nav-tabs > li > a { line-height: 1.5; }
.panel-heading .nav-tabs > li > a:hover, .panel-heading .nav-tabs > li > a:focus { border-width: 0; background: transparent; border-color: transparent; }
.panel-heading .nav-tabs > li.active > a, .panel-heading .nav-tabs > li.active > a:hover, .panel-heading .nav-tabs > li.active > a:focus { color: #717171; background: #fff; }
.panel-heading .list-group { background: transparent; }
.panel-footer { border-radius: 0 0 2px 2px; }
.panel-group .panel-heading + .panel-collapse .panel-body { border-top: 1px solid #eaedef; }
.panel_toolbox { position: absolute; top: 0; right: 15px; }
.x_panel { position: relative; }
.x_panel h2 { padding-right:45px; }
/*.open {
  z-index: 1050;
  position: relative;
}*/
.dropdown-menu { font-size: 13px; border-radius: 2px; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1); box-shadow: 0 2px 6px rgba(0,0,0,0.1); border: 1px solid #ddd; border: 1px solid rgba(0,0,0,0.1); }
.dropdown-menu.pull-left { left: 100%; }
.dropdown-menu > .panel { border: none; margin: -5px 0; }
.dropdown-menu > li > a { padding: 5px 15px; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-image: none; filter: none; background-color: #f1f1f1 !important; color: #717171; }
.dropdown-header { padding: 5px 15px; }
.dropdown-submenu { position: relative; }
.dropdown-submenu:hover > a, .dropdown-submenu:focus > a { background-color: #f1f1f1 !important; color: #717171; }
.dropdown-submenu:hover > .dropdown-menu, .dropdown-submenu:focus > .dropdown-menu { display: block; }
.dropdown-submenu.pull-left { float: none !important; }
.dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; }
.dropdown-submenu .dropdown-menu { left: 100%; top: 0; margin-top: -6px; margin-left: -1px; }
.dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; }
.dropdown-select > li > a input { position: absolute; left: -9999em; }
.carousel-control { width: 40px; color: #999; text-shadow: none; }
.carousel-control:hover, .carousel-control:focus { color: #ccc; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); }
.carousel-control.left, .carousel-control.right { background-image: none; filter: none; }
.carousel-control i { position: absolute; top: 50%; left: 50%; z-index: 5; display: inline-block; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; }
.carousel-indicators.out { bottom: -5px; }
.carousel-indicators li { -webkit-transition: background-color .25s; transition: background-color .25s; background: #ddd; background-color: rgba(0,0,0,0.2); border: none; }
.carousel-indicators .active { background: #f0f0f0; background-color: rgba(200,200,200,0.2); width: 10px; height: 10px; margin: 1px; }
.carousel.carousel-fade .item { -webkit-transition: opacity .25s; transition: opacity .25s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; filter: alpha(opacity=0); }
.carousel.carousel-fade .active { opacity: 1; filter: alpha(opacity=1); }
.carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right { left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0); }
.carousel.carousel-fade .next, .carousel.carousel-fade .prev { left: 0; z-index: 1; }
.carousel.carousel-fade .carousel-control { z-index: 3; }
.col-lg-2-4 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.col-0 { clear: left; }
.row.no-gutter { margin-left: 0; margin-right: 0; }
.no-gutter [class*="col"] { padding: 0; }
.modal-backdrop { background-color: #2e3e4e; }
.modal-backdrop.in { opacity: 0.8; filter: alpha(opacity=80); }
.modal-over { width: 100%; height: 100%; position: relative; background: #2e3e4e; }
.modal-center { position: absolute; left: 50%; top: 50%; }
.modal-content { -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.25); box-shadow: 0 2px 10px rgba(0,0,0,0.25); }
.icon-muted { color: #ccc; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: transparent; }
/** Majid **/
#content .padder { padding:30px; }
.icon { background:url(../images/sprites.png) no-repeat; display:inline-block; }
.nav-primary li > a > .icon { background:url(../images/sprites.png) no-repeat; opacity:1; }
.nav-primary li > a > span { display:block; overflow:hidden; }
.nav-primary li.active > a > .icon { opacity:1; }
.nav-primary li > a > .icon-nticket { background-position:-120px 0; }
.nav-primary li > a > .icon-fticket { background-position:-160px 0; }
.nav-primary li > a > .icon-cticket { background-position:-120px 0; }
.nav-primary li > a > .icon-item { background-position:-200px 0; }
.nav-primary li > a > .icon-rupee { background-position:-40px -40px; }
.nav-primary li > a > .icon-users { background-position:-120px -40px; }
.nav-primary li > a > .icon-zones { background-position:-160px -40px; }


/*
.nav-primary li > a > .icon-dashboard { background-position:0 0;}
.nav-primary li > a > .icon-products { background-position:-40px 0;}
.nav-primary li > a > .icon-ticket { background-position:-80px 0;}
.nav-primary li > a > .icon-logout { background-position:-240px 0;}
.nav-primary li > a > .icon-stores { background-position:0 -40px;}
.nav-primary li > a > .icon-stock { background-position:-80px -40px;}
.nav-primary li > a > .icon-report { background-position:-200px -40px;}
*/


/** SVG **/
.nav-primary li > a > .icon-ticket { background:url(../images/report.svg) no-repeat center; background-size:25px; }
.nav-primary li > a > .icon-item { background:url(../images/setting.svg) no-repeat center; background-size:24px; }
.nav-primary li > a > .icon-report { background:url(../images/report.svg) no-repeat center; background-size:25px; }
.nav-primary li > a > .icon-products { background:url(../images/genral-product-icon.png) no-repeat center; background-size:25px; }
.nav-primary li > a > .icon-stores { background:url(../images/cart.svg) no-repeat center; background-size:28px; }
.nav-primary li > a > .icon-dashboard { background:url(../images/dashboard.svg) no-repeat center; background-size:26px; }
.nav-primary li > a > .icon-logout { background:url(../images/logout.svg) no-repeat center; background-size:24px; }
.nav-primary li > a > .icon-stock { background:url(../images/maintence.svg) no-repeat center; background-size:30px; }
.nav-primary li > a > .icon-users { background:url(../images/user.svg) no-repeat center; background-size:22px; }
.nav-primary li > a > .icon-expenses { background:url(../images/expansion.svg) no-repeat center; background-size:30px; }
.nav-primary li > a > .icon-customer { background:url(../images/customers-icon.png) no-repeat center; background-size:22px; }
.nav-primary li > a > .icon-order { background:url(../images/order-icon.png) no-repeat center; background-size:28px; }
.nav-primary li > a > .icon-discount { background:url(../images/discount-icon.png) no-repeat center; background-size:22px; }
.nav-primary li > a > .icon-master { background:url(../images/master-icon.png) no-repeat center; background-size:22px; }
.nav-primary li > a > .icon-pass { background:url(../images/chan-pass-icon.png) no-repeat center; background-size:22px; }
.nav-primary li > a > .icon-warranty { background:url(../images/guarantee-icon.png) no-repeat center; background-size:24px; }



.bootstrap-select.open .dropdown-toggle.btn-default, .bootstrap-select .btn, .bootstrap-select .btn:hover, .bootstrap-select .btn:focus, .bootstrap-select .btn:active { background:transparent !important; border:none; color:#000 !important; height:36px; padding:0; box-shadow:none; font-family: 'proxima_novasemibold'; outline:0 !important; }
.floated-label { position:relative; margin:10px 0 20px 0; }
.floated-label .control-label { font-size:14px; font-weight:400; pointer-events: none; position: absolute; transform: translate3d(0, 10px, 0) scale(1); transform-origin: left top; transition: 240ms; }
.floated-label.focused .control-label, .floated-label.active .control-label { opacity: 1; color:#333; transform:scale(1) translate3d(0, -15px, 0); }
.floated-label.focused .form-control { border-color:#666; }
.floated-label .form-control { text-align: left; align-self: flex-end; background:none; border:solid #666; border-width:0 0 1px; border-radius:0; padding:0; text-overflow: ellipsis; color:#333; box-shadow:none !important }
.login-panel .floated-label .form-control { border-color:#2d3072; color:#2d3072; }
.login-panel .floated-label .control-label { color: #2d3072; }
.login-panel .floated-label.focused .control-label, .login-panel .floated-label.active .control-label { color: #2d3072; }
.floated-label textarea.form-control { padding-top:6px; }
.floated-label .form-control::-webkit-input-placeholder {
color: transparent;
transition: 240ms;
}
.floated-label .form-control:focus::-webkit-input-placeholder {
transition: none;
}
.floated-label .form-group.focused .form-control::-webkit-input-placeholder {
color: #bbb;
}
/*.sec-login {background:url(../images/login-bg.jpg) no-repeat bottom right #2d3072; height:100%; background-size:cover; padding:40px; }*/
.sec-login { background: #8958d1; background: -moz-linear-gradient(top,  #8958d1 0%, #530fba 100%); background: -webkit-linear-gradient(top,  #8958d1 0%,#530fba 100%); background: linear-gradient(to bottom,  #8958d1 0%,#530fba 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8958d1', endColorstr='#530fba',GradientType=0 ); }
.sec-login .container { max-width: 800px; width: 100%; background: #fff; padding: 20px; box-shadow: 0 0 15px 10px rgba(0,0,0,0.2); border-radius: 5px; }
.floated-label .form-control ::-webkit-input-placeholder {color: #fff !important; opacity:1;}
.floated-label .form-control ::-moz-placeholder {color: #fff !important; opacity:1;}
.floated-label .form-control :-ms-input-placeholder {color: #fff !important; opacity:1;}
.floated-label .form-control :-moz-placeholder {color: #fff !important; opacity:1;}
.login-page-logo a { display:inline-block; }
.login-panel { max-width:600px; margin: auto; padding:30px; }
.login-panel-head { color:#2d3072; font-size:18px; margin-bottom:30px; }
.login-panel-head h3 { text-transform:uppercase; margin:0; font-size:30px; }
.login-panel-head p { margin:5px 0 0; }
.sec-login .btn-submit { font-family: 'proxima_nova_rgbold'; font-size:16px; padding:10px 30px; background:#2d3072; color: #fff; }
.sec-login .btn-green { font-family: 'proxima_nova_rgbold'; font-size:16px; padding:10px 30px; background:#008000; color: #fff; }
.fgt-pass { margin:30px 0; font-size:15px; color:#2d3072; }
.fgt-pass a { color:#2d3072; display:inline-block; border-bottom:solid 1px #2d3072; }
.footer-copyright { color: #fff; margin-top:50px; font-size:16px; }
.header-search { float:left; width:40%; }
.header-search .btn { height:70px; background:#fff; color:#ccc; text-align:right; min-width:50px; padding:0; font-size:16px; }
.header-search .form-control { height:70px; border:none; font-size:16px; font-style:italic; color:#000; text-overflow:ellipsis; }
.header .navbar-right { }
.header .navbar-right > li > a {line-height:70px; padding:0; min-width:50px; text-align:center; }
.header .navbar-right > li > a > i { font-size:18px; color:#444; }
.zone-label { display:block; font-size:10px; position:absolute; top:10px; left:0; width:100%; text-align:center; line-height:normal; text-transform:uppercase; }
.header .navbar-right .icon { width:25px; height:25px; vertical-align:middle; }
.icon-north { background-position:0 -300px; }
.icon-south { background-position:-25px -300px; }
.icon-east { background-position:-50px -300px; }
.icon-west { background-position:-75px -300px; }
.icon-all { background-position:-100px -300px; }
.modal-zone .modal-content { border-radius:0; text-align:center; }
.modal-zone .modal-dialog { width:767px; }
.modal-zone .modal-header { font-size:18px; padding:30px 50px 0; border:none; }
.modal-zone .modal-header .close { width:40px; height:40px; padding:0; font-size:36px; position:absolute; top:10px; right:10px; opacity:0.7; text-align:center; }
.modal-zone .modal-body { padding:30px; }
.modal-zone .nav-pills { margin-bottom:30px; }
.modal-zone .nav-pills li { display:inline-block; float:none; margin:0 5px; }
.modal-zone .nav-pills li a { border-radius:0; border:solid 1px #b4b6b8; color:#333; font-size:16px; font-family: 'proxima_novasemibold'; text-transform:uppercase; min-width:180px; outline:0; padding:8px 20px; }
.modal-zone .nav-pills li.active a { background:#000 !important; color:#fff; border-color:#000; }
.modal-zone .btn-radio { display:inline-block; margin:5px; vertical-align:top; }
.modal-zone .btn-radio input[type="radio"] + label:before { top:100%; left:50%; margin:10px 0 0 -8px; transform:scale(1.4); }
.modal-zone .btn-radio input[type="radio"] + label:after { top:100%; left:50%; margin:14px 0 0 -4px; }
.modal-zone .btn-radio input[type="radio"]:checked + label:after { transform:scale(1.4); }
.modal-zone .btn-radio input[type="radio"] + label { border:solid 1px #ddd; border-radius:20px; width:125px; padding:15px; text-align:center; margin:0 0 30px; }
.modal-zone .btn-radio .icon { width:70px; height:70px; display:block; margin:0 auto 10px; }
.modal-zone .btn-radio input[type="radio"] + label span { display:block; text-transform:uppercase; font-size:16px; color:#444; }
.icon-north-lg { background-position:0 -160px; }
.icon-south-lg { background-position:-140px -160px; }
.icon-east-lg { background-position:-70px -160px; }
.icon-west-lg { background-position:-210px -160px; }
.icon-all-lg { background-position:0 -230px; }
.search-store { text-align:left; }
.panel-counter { position:relative; }
.panel-counter .btn-overlay { border:none; position:absolute; top:0; left:0; width:100%; height:100%; background:none; font-size:0; }
.count-panel { margin-bottom:20px; text-align:center; font-size:16px; -webkit-transition-duration:0.4s; transition-duration:0.4s; }
.count-panel-primary { background:#f6724b; color:#fff; }
.panel-counter:hover .count-panel-primary { background-color:#f35121; }
.count-panel-black { background:#505052; color:#fff; }
.panel-counter:hover .count-panel-black { background-color:#333; }
.count-panel-grey { background:#333; color:#fff; }
.panel-counter:hover .count-panel-grey { background-color:#5a60e5; }
.count-panel .data-cell { padding:30px; }
.count-panel .cell-left { width:160px; }
.t-num { display:block; font-size:40px; font-family: 'proxima_nova_rgbold'; line-height:0.8; }
.count-panel .cell-left small { display:block; text-transform:uppercase; font-size:14px; }
.panel-pie { position:relative; text-align:center; }
.panel-pie h4 { font-family: 'proxima_novasemibold'; text-transform:uppercase; }
.panel-pie .panel-body { padding:20px 15px 40px; }
.pie-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; visibility:hidden; }
.panel-pie:hover .pie-overlay { opacity:1; visibility:visible; }
.table_heading { background: #dc6845; font-family: 'proxima_novasemibold'; font-size: 14px; font-weight: normal; vertical-align: top; text-transform: uppercase; margin-top:15px; color:#fff; padding:8px; border-bottom:1px solid #fff; }
.store_name { padding: 15px 0; font-size: 18px; font-weight: bold; }
.table-secondary > thead th { background: #666; border: solid #ccc; border-width: 0 1px 0 0 !important; }
 @-webkit-keyframes autofill { to {
background: transparent;
}
}
input:-webkit-autofill {
-webkit-animation-name: autofill;
-webkit-animation-fill-mode: both;
}
.title-header { margin:0 0 30px; font-size:16px; }
.title-header .title { font-family: 'proxima_nova_rgbold'; text-transform:uppercase; margin:0; font-size:20px; }
.title-header p { margin:5px 0 0; }
/*.table-listing {margin:0; font-size:16px;}
.table-listing.table-striped > thead th, .table-listing > thead th, .panel .table-listing.table thead > tr > th { background:#f7754e; color:#fff; border-radius:0 !important; font-weight:normal; font-family: 'proxima_novasemibold'; font-size:16px; text-transform:uppercase; border-bottom:none; padding:10px; border-right-color:rgba(0,0,0,0.1) }

.table-listing.table-striped > tbody td {border:solid rgba(0,0,0,0.1); border-width:0 1px 0 0; padding:10px;}*/

.panel-white { border-radius:0; background:#fff; margin-bottom:15px;}
.panel-white.with-border { border:solid 30px #fff; background:#eef1f8; }
.panel-white .panel-body { padding:30px; }
.panel-white .panel-heading { padding:0 0 10px; }
.panel-white .panel-title { font-family: 'proxima_novasemibold'; text-transform:uppercase; margin:0; font-size:18px; }
.dataTables_wrapper .table { border-top:none !important; }
.dataTables_wrapper th::after { color:#fff !important; }
.socondary-nav { background:#ddd; margin:-30px -30px 30px; padding:0 15px; }
.socondary-nav .navbar-nav li a { color:#777; padding:15px 30px; font-size:16px; border-bottom:solid 2px transparent; text-transform:uppercase; font-family: 'proxima_novasemibold'; }
.socondary-nav .navbar-nav li a.active, .socondary-nav .navbar-nav li.active a { border-color:#000; color:#000; }
.tct-header .pull-left { margin-top:10px; }
.tct-header .title, .panel-search-heading .title { display:inline-block; margin:0; vertical-align:middle; }
.tct-header .title .tct-id { display:inline-block; margin-left:20px; color:#555; }
.table-view { border:solid 1px #ddd; margin-bottom:0; font-size:16px; }
.table-view > tbody > tr > td { padding:5px; }
.btn-reply { min-width:120px; text-transform:uppercase; font-family: 'proxima_novasemibold'; }
.row-gap { margin:0 -5px; }
.row-gap > [class*='col-'] { padding:0 5px; }
.panel-search { margin-bottom:40px; }
.panel-search-heading { margin-bottom:20px; padding:0; }
.panel-search-heading .title { font-size:16px; text-transform:uppercase; border-bottom:solid 2px #333; margin:0; }
.table-header { margin-bottom:15px; }
.table-header-cta .btn { margin-left:5px; }
.pagination.m-n { margin-top:15px !important; }
.pagination li a { background:#fff; border:none; padding:0; width:30px; height:30px; line-height:30px; border-radius:100% !important; text-align:center; margin-left:5px; color:#777; font-size:13px; }
.pagination li.active a, .pagination li.active a:hover { background:none; color:#5a60e5; font-family: 'proxima_nova_rgbold'; transform:scale(1.3) }
.pagination li a:hover { background:#f2f2f2; color:#333; }
.bootstrap-filestyle .form-control { padding-right:120px; }
.bootstrap-filestyle .btn { position:absolute; top:-5px; right:0; }
.tiles.justified-gallery img { border:solid 1px #ddd; }
.tiles.justified-gallery .entry-visible .caption { display:block; text-align:center; font-family: 'proxima_nova_rgregular'; font-size:13px; }
.well { box-shadow:none; border:none; border-radius:0; padding:30px; background:#eef1f8 }
.bs-actionsbox { background:#f2f2f2; text-align:right; padding:5px 0 !important; }
.bs-actionsbox .btn-group button { width: auto; float: none; padding:4px 15px !important; height:auto !important; }
.bs-actionsbox .btn-group button.bs-select-all { border-right:solid 1px #ddd !important; /*margin-right:10px; border-right:solid 1px #999;*/ }
.list-group-view { margin-bottom:0; }
.list-group-view > li { float:left; width:100%; border-width:1px 0; padding:10px 0; }
.list-group-view > li:first-child { border:none; padding-top:0; }
.list-group-view > li:last-child { border-bottom:none; padding-bottom:0; }
.list-group-view .list-group-value { padding-top:7px; display:inline-block; }
.bootstrap-select.btn-group .dropdown-toggle .filter-option { display: block; text-overflow: ellipsis; padding-right: 15px; }
.bootstrap-select.btn-group .dropdown-toggle .caret { right: 0; }
.filter-bar.open .fa-plus-square:before { content:'\f146'; }
.form-file { border-bottom:solid 1px #999; padding:10px 0; }
.form-file .form-control { border:none; }
.log-user { padding-top:15px; text-align:center;color: #0062af; }
.log-user span, .dropdown-usr .dropdown-toggle span { display:block; text-transform:uppercase; font-size:10px; color:#0062af; line-height:normal; }
.log-user strong { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.header .navbar-right > li.dropdown-usr > a.dropdown-toggle { line-height:normal; padding:20px 30px 20px 10px; text-align:right; }
.dropdown-usr .dropdown-toggle strong { display:block; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.dropdown-usr .dropdown-toggle .caret { position:absolute; top:50%; right:10px; }
.well-view:hover { background:#ddd; }
/** Majid **/

.counter-panel { margin-bottom:30px; }
.counter-panel h2 { font-weight:700; font-size:26px; margin:0 0 15px; text-transform:uppercase; }
.counter-widget { box-shadow:0 1px 1px rgba(0, 0, 0, .05); border:solid 1px #ddd; padding:15px; text-align:center; background:#fff; margin-bottom:20px; }
.counter-widget h4 { margin:0 0 15px; font-size:16px; font-weight:400; }
.counter-widget .counter-value { display:block; font-size:30px; font-weight:900; color:#000; }
.navbar-brand > img { display: inline-block; max-height: 55px; }
.jambo_table { width: 100% !important;}
.cta-btns .btn { margin: 2px 0;}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before { background: #5a60e5 !important;}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control::before { background: #d33333 !important;}
 @media (min-width: 768px) {
.app, .app body { width: 100%; height: 100%; overflow: hidden; }
.app .hbox.stretch { height: 100%; }
.app .vbox > section, .app .vbox > footer { position: absolute; }
.app .vbox.flex > section > section { overflow: auto; }
.hbox { display: table; table-layout: fixed; border-spacing: 0; width: 100%; }
.hbox > aside, .hbox > section { display: table-cell; vertical-align: top; height: 100%; padding: 0; float: none; }
.hbox > aside.show, .hbox > aside.hidden-sm, .hbox > section.show, .hbox > section.hidden-sm { display: table-cell !important; }
.vbox { display: table; border-spacing: 0; position: relative; height: 100%; width: 100%; }
.vbox > section, .vbox > footer { top: 0; bottom: 0; width: 100%; }
.vbox > header ~ section { top: 70px; }
.vbox > section.w-f { bottom: 0; }
.vbox > footer { top: auto; z-index: 1000; }
.vbox > footer ~ section { bottom: 70px; }
.vbox.flex > header, .vbox.flex > section, .vbox.flex > footer { position: inherit; }
.vbox.flex > section { display: table-row; height: 100%; }
.vbox.flex > section > section { position: relative; height: 100%; -webkit-overflow-scrolling: touch; }
.ie .vbox.flex > section > section { display: table-cell; }
.vbox.flex > section > section > section { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.aside-xs { width: 48px; }
.aside { width: 180px; }
.aside-sm { width: 150px; }
.aside-md { width: 220px; }
.aside-lg { width: 250px; }
.aside-xl { width: 300px; }
.aside-xxl { width: 450px; }
.scrollable { -webkit-overflow-scrolling: touch; }
  ::-webkit-scrollbar {
 width: 7px;
 height: 7px;
}
  ::-webkit-scrollbar-thumb {
 background-color: rgba(50,50,50,0.3);
}
  ::-webkit-scrollbar-thumb:hover {
 background-color: rgba(50,50,50,0.6);
}
  ::-webkit-scrollbar-track {
 background-color: rgba(50,50,50,0.1);
}
  ::-webkit-scrollbar-track:hover {
 background-color: rgba(50,50,50,0.2);
}
}
.hbox > aside, .hbox > section { padding: 0 !important; }
.header, .footer { min-height: 70px; padding: 0 15px; }
.header > p, .footer > p { margin-top: 15px; display: inline-block; }
.nav.navbar-nav.navbar-right.m-n.nav-user { padding: 0 15px; }
.header > .btn, .header > .btn-group, .header > .btn-toolbar, .footer > .btn, .footer > .btn-group, .footer > .btn-toolbar { margin-top: 10px; }
.header > .btn-lg, .footer > .btn-lg { margin-top: 0; }
.header .nav-tabs, .footer .nav-tabs { border: none; margin-left: -15px; margin-right: -15px; }
.header .nav-tabs > li a, .footer .nav-tabs > li a { border: none !important; border-radius: 0; padding-top: 15px; padding-bottom: 15px; line-height: 20px; }
.header .nav-tabs > li a:hover, .header .nav-tabs > li a:focus, .footer .nav-tabs > li a:hover, .footer .nav-tabs > li a:focus { background-color: transparent; }
.header .nav-tabs > li.active a, .footer .nav-tabs > li.active a { color: #717171; }
.header .nav-tabs > li.active a, .header .nav-tabs > li.active a:hover, .footer .nav-tabs > li.active a, .footer .nav-tabs > li.active a:hover { background-color: #f7f7f7; }
.header .nav-tabs.nav-white > li.active a, .header .nav-tabs.nav-white > li.active a:hover, .footer .nav-tabs.nav-white > li.active a, .footer .nav-tabs.nav-white > li.active a:hover { background-color: #fff; }

/*.header.navbar, .footer.navbar { min-height: 0; border-radius: 0; border: none; margin-bottom: 0; padding: 0; background:#0062af; box-shadow:0 0px 3px 0 rgba(0,0,0,0.2); z-index:100; }*/

.header.navbar, .footer.navbar { min-height: 0; border-radius: 0; border-bottom: 3px solid #0062af; margin-bottom: 0; padding: 0; background:#fff; box-shadow:0 0px 3px 0 rgba(0,0,0,0.2); z-index:100; }

.scrollable { overflow-x: hidden; overflow-y: auto; }
.no-touch .scrollable.hover { overflow-y: hidden; }
.no-touch .scrollable.hover:hover { overflow: visible; overflow-y: auto; }


.bsmsort { width: 18px; height: 18px; display: inline-block; text-align: center; color: #fff; opacity: 0.5; font-size: 16px;}
.bsmsort:hover, .bsmsort:focus {color:#fff;}
.short-active.bsmsort {opacity: 1;}

/*
@media print {
html, body, .hbox, .vbox { height: auto; }
.vbox > section, .vbox > footer { position: relative; }
}
*/

.f-link a {display: inline-block; margin: 0 10px; text-decoration: underline; }
.f-link {text-align: center; margin-top: 20px; }

@media print {
body, .table-view, .panel-white { font-size:12px; padding:0; color:black; }
.title-header { display:none; }
.socondary-nav { display:none; }
.hide-print { display:none; }
.header-search { display:none; }
.hidestatus { display:none; }
.vbox > header ~ section {top: 0px;}
.app, .app body, .scrollable { overflow:none;}
.vbox, .app .vbox > section, .app .vbox > footer, .hbox > aside, .hbox > section, .hbox { position:inherit; display:block; top:0;}
.panel-white .panel-title {margin:0 0 15px; font-size:14px;}
.table-view > tbody > tr > td {padding: 6px 10px;}
.navbar-fixed-top-xs + * { padding-top: 20px; }		 
}
.slimScrollBar { border-radius: 0 !important; }
.navbar-header { position: relative; }
.navbar-header > .btn { position: absolute; font-size: 1.3em; padding: 0 16px; line-height: 60px; left: 0; color:#337ab7; }
.navbar-header .navbar-brand + .btn { right: 0; top: 0; left: auto; }
.navbar-brand { float: none; font-size: 20px; line-height: 70px; height:70px; display: inline-block; padding: 0 15px; font-weight: bold; background:#fff; width:250px; }
.navbar-brand:hover { text-decoration: none; }
/*.navbar-brand img { max-height: 50px; margin-top: -4px; vertical-align: middle; }*/
.nav-primary { border-bottom: none; }
.bg-light .nav-primary { border-bottom: 1px solid #e9e9e9; }
.nav-primary li { line-height: 1.5; }
.nav-primary li > a > i { margin: -12px -15px; line-height: 40px; width: 40px; height: 40px; float: left; margin-right: 10px; font-size: 14px; text-align: center; position: relative; overflow: hidden; }
.nav-primary li > a > i:before { position: relative; z-index: 2; }
.nav-primary li > a > i > b { position: absolute; left: -42px; width: 100%; top: 0; bottom: 0; z-index: 0; -webkit-transition: left .25s; transition: left .25s; }
.nav-primary ul.nav > li > a { padding: 11px 15px; position: relative; color:#fff; outline:0; font-size: 14px; text-transform:uppercase; transition: color .3s ease-in-out 0s; }
.no-borders .nav-primary ul.nav > li > a { border-width: 0 !important; }
.nav-primary ul.nav > li > a > .badge { font-size: 11px; padding: 3px 6px; margin-top: 2px; }
.bg-light .nav-primary ul.nav > li > a { color: #717171 !important; border-color: #ececec; }
.bg-light .nav-primary ul.nav > li > a > i { color: #a4a4a4; border-right: 1px solid #ececec; }
.nav-primary ul.nav > li > a.active .text { display: none; }
.nav-primary ul.nav > li > a.active .text-active { display: inline-block !important; }
.nav-primary ul.nav > li:hover > a, .nav-primary ul.nav > li:focus > a, .nav-primary ul.nav > li > a:hover, .nav-primary ul.nav > li > a:focus, .nav-primary ul.nav > li > a:active, .nav-primary ul.nav > li.active > a { color: #fff; background-color: inherit; background-color: rgba(0,0,0,0.5) !important; text-shadow: none; }
.nav-primary ul.nav > li:hover > a > i.icon, .nav-primary ul.nav > li:focus > a > i.icon, .nav-primary ul.nav > li > a:hover > i.icon, .nav-primary ul.nav > li > a:focus > i.icon, .nav-primary ul.nav > li > a:active > i.icon, .nav-primary ul.nav > li.active > a > i.icon { color: #fff; }
.nav-primary ul.nav > li:hover > a > i > b, .nav-primary ul.nav > li:focus > a > i > b, .nav-primary ul.nav > li > a:hover > i > b, .nav-primary ul.nav > li > a:focus > i > b, .nav-primary ul.nav > li > a:active > i > b, .nav-primary ul.nav > li.active > a > i > b { left: 0 !important; }
.nav-primary ul.nav > li li a { font-weight: normal; text-transform: none; font-size: 14px; }
.nav-primary ul.nav > li.active > ul { display: block; }
.nav-primary ul.nav ul { display: none; }
@media (min-width: 768px) {
.visible-nav-xs { display: none; }
.nav-xs { width: 55px; }
.nav-xs .slimScrollDiv, .nav-xs .slim-scroll { overflow: visible !important; }
.nav-xs .slimScrollBar, .nav-xs .slimScrollRail { display: none !important; }
.nav-xs .scrollable { overflow: visible; }
.nav-xs .nav-primary > ul > li > a { position: relative; padding: 0; font-size: 11px; text-align: center; height: 55px; overflow-y: hidden; border: none; }
.nav-xs .nav-primary > ul > li > a span { color: #fff !important; display: table-cell; vertical-align: middle; height: 55px; width: 55px; position: relative; z-index: 2; }
.nav-xs .nav-primary > ul > li > a span.pull-right { display: none !important; }
.nav-xs .nav-primary > ul > li > a i { width: auto; float: none; display: block; font-size: 19px; margin: 0; line-height: 55px; border: none !important; color: #fff !important; overflow: visible; -webkit-transition: margin-top 0.2s; transition: margin-top 0.2s; }
.nav-xs .nav-primary > ul > li > a i b { left: 0 !important; -webkit-transition: top 0.2s; transition: top 0.2s; }
.nav-xs .nav-primary > ul > li > a .badge { position: absolute; right: 6px; top: 4px; z-index: 3; }
.nav-xs .nav-primary > ul > li:hover > a i, .nav-xs .nav-primary > ul > li:focus > a i, .nav-xs .nav-primary > ul > li:active > a i, .nav-xs .nav-primary > ul > li.active > a i { margin-top: -55px; }
.nav-xs .nav-primary > ul > li:hover > a i b, .nav-xs .nav-primary > ul > li:focus > a i b, .nav-xs .nav-primary > ul > li:active > a i b, .nav-xs .nav-primary > ul > li.active > a i b { height: 55px; top: 55px; }
.nav-xs .nav-primary > ul ul { display: none !important; position: absolute; left: 100%; top: 0; z-index: 1050; width: 220px; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1); box-shadow: 0 2px 6px rgba(0,0,0,0.1); border: 1px solid #ddd; border: 1px solid rgba(0,0,0,0.1); background-clip: padding-box; }
.nav-xs .nav-primary li:hover > ul, .nav-xs .nav-primary li:focus > ul, .nav-xs .nav-primary li:active > ul { display: block !important; }
.nav-xs.nav-xs-right .nav-primary > ul ul { left: auto; right: 100%; }
.nav-xs > .vbox > .header, .nav-xs > .vbox > .footer { padding: 0 12px; }
.nav-xs .hidden-nav-xs { display: none; }
.nav-xs .visible-nav-xs { display: inherit; }
.nav-xs .nav-user { padding: 9px 0; }
.nav-xs .nav-user .avatar { float: none !important; margin-right: 0; }
.nav-xs .nav-user .dropdown > a { display: block; text-align: center; }
.nav-xs .navbar-header { float: none; }
.nav-xs .navbar-brand { display: block; padding: 0; }
.nav-xs .navbar-brand img { margin-right: 0; }
.nav-xs .navbar { padding: 0; }
}
 @media (max-width: 767px) {
.navbar-fixed-top-xs { position: fixed; left: 0; width: 100%; z-index: 1100; }
.navbar-fixed-top-xs + * { padding-top: 50px; }
html, body { height: 100%; overflow-x: hidden; }
.open body { height: 100%; }
.nav-primary .dropdown-menu { position: relative; float: none; left: 0; margin-left: 0; padding: 0; }
.nav-primary .dropdown-menu a { padding: 15px; border-bottom: 1px solid #eee; }
.nav-primary .dropdown-menu li:last-child a { border-bottom: none; }
.navbar-header { text-align: center; }
.nav-user { margin: 0; padding: 15px; }
.nav-user.open { display: inherit !important; }
.nav-user .dropdown-menu { display: block; position: static; float: none; }
.nav-user .dropdown > a { display: block; text-align: center; font-size: 18px; padding-bottom: 10px; }
.nav-user .avatar { width: 160px !important; float: none !important; display: block; margin: 20px auto; padding: 5px; background-color: rgba(255,255,255,0.1); position: relative; }
.nav-user .avatar:before { content: ""; position: absolute; left: 5px; right: 5px; bottom: 5px; top: 5px; border: 4px solid #fff; border-radius: 500px; }
.nav-off-screen { position: absolute; left: 0; top: 0px; bottom: 0; width: 75%; visibility: visible; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.nav-off-screen .nav-primary { display: block !important; }
.nav-off-screen .navbar-fixed-top-xs { width: 75%; }
.nav-off-screen.push-right .navbar-fixed-top-xs { left: 25%; }
.nav-off-screen.push-right { left: auto; right: 0; }
.nav-off-screen.push-right + * { -webkit-transform: translate3d(-75%, 0px, 0px); transform: translate3d(-75%, 0px, 0px); }
.nav-off-screen + * { background-color: #f7f7f7; -webkit-transition: -webkit-transform 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(75%, 0px, 0px); transform: translate3d(75%, 0px, 0px); overflow: hidden; position: relative; top: 0; left: 0; height: 100%; z-index: 2; }
.nav-off-screen + * .nav-off-screen-block { display: block !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1950; }
.navbar + section .nav-off-screen { top: 60px; }
.slimScrollDiv, .slim-scroll { overflow: visible !important; height: auto !important; }
.slimScrollBar, .slimScrollRail { display: none !important; }
}
.arrow { border-width: 8px; z-index: 10; }
.arrow, .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.arrow:after { border-width: 7px; content: ""; }
.arrow.top { left: 50%; margin-left: -8px; border-top-width: 0; border-bottom-color: #eee; border-bottom-color: rgba(0,0,0,0.1); top: -8px; }
.arrow.top:after { content: " "; top: 1px; margin-left: -7px; border-top-width: 0; border-bottom-color: #fff; }
.arrow.right { top: 50%; right: -8px; margin-top: -8px; border-right-width: 0; border-left-color: #eee; border-left-color: rgba(0,0,0,0.1); }
.arrow.right:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -7px; }
.arrow.bottom { left: 50%; margin-left: -8px; border-bottom-width: 0; border-top-color: #eee; border-top-color: rgba(0,0,0,0.1); bottom: -8px; }
.arrow.bottom:after { content: " "; bottom: 1px; margin-left: -7px; border-bottom-width: 0; border-top-color: #fff; }
.arrow.left { top: 50%; left: -8px; margin-top: -8px; border-left-width: 0; border-right-color: #eee; border-right-color: rgba(0,0,0,0.1); }
.arrow.left:after { content: " "; left: 1px; border-left-width: 0; border-right-color: #fff; bottom: -7px; }
.btn-link { color: #717171; }
.btn-link.active { webkit-box-shadow: none; box-shadow: none; }
.btn-default { color: #717171 !important; background-color: #fafafa; border-color: #dadada; border-bottom-color: #ccc; -webkit-box-shadow: 0 1px 1px rgba(90,90,90,0.1); box-shadow: 0 1px 1px rgba(90,90,90,0.1); }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #717171 !important; background-color: #ededed; border-color: #c6c6c6; }
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; }
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #fafafa; border-color: #dadada; }
.btn-default.btn-bg { border-color: rgba(0,0,0,0.1); background-clip: padding-box; }
.btn-primary { color: #fff !important; background-color: #5a60e5; border-color: #5a60e5; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #fff !important; background-color: #2d3072; border-color: #2d3072; }
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; }
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #65bd77; border-color: #65bd77; }
.btn-success { color: #fff !important; background-color: #8ec165; border-color: #8ec165; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: #fff !important; background-color: #81ba53; border-color: #79b549; }
.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; }
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #8ec165; border-color: #8ec165; }
.btn-info { color: #fff !important; background-color: #204d74; border-color: #204d74; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: #fff !important; background-color: #3fb4b5; border-color: #3ba9a9; }
.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; }
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #204d74; border-color: #204d74; }
.btn-warning { color: #fff !important; background-color: #ffc333; border-color: #ffc333; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: #fff !important; background-color: #ffbc1a; border-color: #ffb70a; }
.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; }
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #ffc333; border-color: #ffc333; }
.btn-danger { color: #fff !important; background-color: #fb6b5b; border-color: #fb6b5b; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #fff !important; background-color: #fa5542; border-color: #fa4733; }
.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; }
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #fb6b5b; border-color: #fb6b5b; }
.btn-dark { color: #fff !important; background-color: #2e3e4e; border-color: #2e3e4e; }
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark { color: #fff !important; background-color: #25313e; border-color: #1f2a34; }
.btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark { background-image: none; }
.btn-dark.disabled, .btn-dark.disabled:hover, .btn-dark.disabled:focus, .btn-dark.disabled:active, .btn-dark.disabled.active, .btn-dark[disabled], .btn-dark[disabled]:hover, .btn-dark[disabled]:focus, .btn-dark[disabled]:active, .btn-dark[disabled].active, fieldset[disabled] .btn-dark, fieldset[disabled] .btn-dark:hover, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-dark.active { background-color: #2e3e4e; border-color: #2e3e4e; }
.btn-twitter { color: #fff !important; background-color: #00c7f7; border-color: #00c7f7; }
.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter { color: #fff !important; background-color: #00b2de; border-color: #00a6ce; }
.btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter { background-image: none; }
.btn-twitter.disabled, .btn-twitter.disabled:hover, .btn-twitter.disabled:focus, .btn-twitter.disabled:active, .btn-twitter.disabled.active, .btn-twitter[disabled], .btn-twitter[disabled]:hover, .btn-twitter[disabled]:focus, .btn-twitter[disabled]:active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter, fieldset[disabled] .btn-twitter:hover, fieldset[disabled] .btn-twitter:focus, fieldset[disabled] .btn-twitter:active, fieldset[disabled] .btn-twitter.active { background-color: #00c7f7; border-color: #00c7f7; }
.btn-facebook { color: #fff !important; background-color: #335397; border-color: #335397; }
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook { color: #fff !important; background-color: #2d4984; border-color: #294279; }
.btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook { background-image: none; }
.btn-facebook.disabled, .btn-facebook.disabled:hover, .btn-facebook.disabled:focus, .btn-facebook.disabled:active, .btn-facebook.disabled.active, .btn-facebook[disabled], .btn-facebook[disabled]:hover, .btn-facebook[disabled]:focus, .btn-facebook[disabled]:active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook, fieldset[disabled] .btn-facebook:hover, fieldset[disabled] .btn-facebook:focus, fieldset[disabled] .btn-facebook:active, fieldset[disabled] .btn-facebook.active { background-color: #335397; border-color: #335397; }
.btn-gplus { color: #fff !important; background-color: #dd4a38; border-color: #dd4a38; }
.btn-gplus:hover, .btn-gplus:focus, .btn-gplus:active, .btn-gplus.active, .open .dropdown-toggle.btn-gplus { color: #fff !important; background-color: #d73825; border-color: #ca3522; }
.btn-gplus:active, .btn-gplus.active, .open .dropdown-toggle.btn-gplus { background-image: none; }
.btn-gplus.disabled, .btn-gplus.disabled:hover, .btn-gplus.disabled:focus, .btn-gplus.disabled:active, .btn-gplus.disabled.active, .btn-gplus[disabled], .btn-gplus[disabled]:hover, .btn-gplus[disabled]:focus, .btn-gplus[disabled]:active, .btn-gplus[disabled].active, fieldset[disabled] .btn-gplus, fieldset[disabled] .btn-gplus:hover, fieldset[disabled] .btn-gplus:focus, fieldset[disabled] .btn-gplus:active, fieldset[disabled] .btn-gplus.active { background-color: #dd4a38; border-color: #dd4a38; }
.btn { font-weight: 500; border-radius: 2px; }
.btn-icon { padding: 0; width: 34px; height: 34px; line-height:34px; text-align: center; }
.btn-icon.btn-sm { width: 28px; height: 28px; line-height:28px; padding:0; text-align:center; }
.btn-icon.btn-lg { width: 45px; height: 45px; line-height:45px; padding:0; text-align:center; }
.text-active, .active > .text { display: none !important; }
.active > .text-active { display: inline-block !important; }
.btn-group-justified { border-collapse: separate; }
.btn-rounded { border-radius: 50px !important; }
.btn > i.pull-left, .btn > i.pull-right { line-height: 1.428571429; }
.btn-block { padding-left: 12px; padding-right: 12px; }
.btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 2px; }
.btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 2px; }
.chat-item:before, .chat-item:after { content: " "; display: table; }
.chat-item:after { clear: both; }
.chat-item .arrow { top: 20px; }
.chat-item .arrow.right:after { border-left-color: #8ec165; }
.chat-item .chat-body { position: relative; margin-left: 45px; min-height: 30px; }
.chat-item .chat-body .panel { margin: 0 -1px; }
.chat-item.right .chat-body { margin-left: 0; margin-right: 45px; }
.chat-item+.chat-item { margin-top: 15px; }
.comment-list { position: relative; }
.comment-list .comment-item { margin-top: 0; position: relative; }
.comment-list .comment-item > .thumb-sm { width: 36px; }
.comment-list .comment-item .arrow.left { top: 20px; left: 39px; }
.comment-list .comment-item .comment-body { margin-left: 46px; }
.comment-list .comment-item .panel-body { padding: 10px 15px; }
.comment-list .comment-item .panel-heading, .comment-list .comment-item .panel-footer { position: relative; font-size: 12px; background-color: #fff; }
.comment-list .comment-reply { margin-left: 46px; }
.comment-list:before { position: absolute; top: 0; bottom: 35px; left: 18px; width: 1px; background: #e0e4e8; content: ''; }
.timeline { display: table; width: 100%; border-spacing: 0; table-layout: fixed; position: relative; border-collapse: collapse; }
.timeline:before { content: ""; width: 6px; margin-left: -4px; position: absolute; left: 50%; top: 0; bottom: 30px; background-color: #ddd; z-index: 0; }
.timeline .timeline-date { position: absolute; width: 150px; left: -200px; top: 50%; margin-top: -9px; text-align: right; }
.timeline .timeline-icon { position: absolute; left: -41px; top: -2px; top: 50%; margin-top: -15px; }
.timeline .time-icon { width: 30px; height: 30px; line-height: 26px; display: inline-block !important; z-index: 10; border: 2px solid #fff; border-radius: 20px; text-align: center; }
.timeline .time-icon:before { font-size: 16px; margin-top: 5px; }
.timeline-item { display: table-row; }
.timeline-item:before, .timeline-item.alt:after { content: ""; display: block; width: 50%; }
.timeline-item.alt { text-align: right; }
.timeline-item.alt:before { display: none; }
.timeline-item.alt .panel { margin-right: 25px; margin-left: 0; }
.timeline-item.alt .timeline-date { left: auto; right: -200px; text-align: left; }
.timeline-item.alt .timeline-icon { left: auto; right: -41px; }
.timeline-item.active { display: table-caption; text-align: center; }
.timeline-item.active:before { width: 1%; }
.timeline-item.active .timeline-caption { display: inline-block; width: auto; }
.timeline-item.active .timeline-caption h5 span { color: #fff; }
.timeline-item.active .panel { margin-left: 0; }
.timeline-item.active .timeline-date, .timeline-item.active .timeline-icon { position: static; margin-bottom: 10px; display: inline-block; width: auto; }
.timeline-caption { display: table-cell; vertical-align: top; width: 50%; }
.timeline-caption .panel { display: inline-block; position: relative; margin-left: 25px; text-align: left; }
.timeline-caption h5 { margin: 0; }
.timeline-caption h5 span { display: block; color: #999; margin-bottom: 4px; font-size: 12px; }
.timeline-caption p { font-size: 12px; margin-bottom: 0; margin-top: 10px; }
.timeline-footer { display: table-row; }
.timeline-footer a { display: table-cell; text-align: right; }
.timeline-footer .time-icon { margin-right: -15px; z-index: 5; }
#note-list .note-name, #note-list .note-desc { height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#note-list .note-desc { height: 16px; font-size: 11px; }
#note-list li { cursor: pointer; }
#task-list .edit { display: none; float: left; position: relative; left: 0; top: -8px; border-width: 0; background: transparent; box-shadow: none; padding: 0 30px 0 0; font-size: 13px; color: #fff; }
#task-list .editing .task-name { display: none; }
#task-list .editing .edit { display: block; }
#task-list .checkbox { margin: 4px 0; }
#task-list li { position: relative; }
#task-list li .close { position: absolute; top: 13px; right: 15px; }
#task-list li.done .task-name { text-decoration: line-through; }
#task-detail textarea { height: 60px; font-size: 12px; border-radius: 0; }
.paper { position: relative; background: -webkit-linear-gradient(top, #f0f0f0 0%, white 5%) 0 0; background: -moz-linear-gradient(top, #f0f0f0 0%, white 5%) 0 0; background: linear-gradient(top, #f0f0f0 0%, white 5%) 0 0; -webkit-background-size: 100% 30px; -moz-background-size: 100% 30px; -ms-background-size: 100% 30px; background-size: 100% 30px; }
.paper:before { content: ''; position: absolute; width: 0px; top: 0; left: 39px; bottom: 0; border-left: 1px solid #F9D3D3; }
.paper textarea { border: none; background-color: transparent; height: 100%; padding: 30px 0 0 55px; line-height: 30px; min-height: 210px; }
.tags .label { font-size: 1em; display: inline-block; padding: 6px 10px; margin-bottom: 3px; }
.post-item { border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.15); box-shadow: 0px 1px 2px rgba(0,0,0,0.15); margin-bottom: 15px; }
.post-item .post-title { margin-top: 0; }
.post-item .post-media { text-align: center; }
.post-item .post-media img { border-radius: 3px 3px 0 0; }
.switch { cursor: pointer; position: relative; }
.switch input { position: absolute; opacity: 0; filter: alpha(opacity=0); }
.switch input:checked + span { background-color: #8ec165; }
.switch input:checked + span:after { left: 31px; }
.switch span { position: relative; width: 60px; height: 30px; border-radius: 30px; background-color: #fff; border: 1px solid #eee; border-color: rgba(0,0,0,0.1); display: inline-block; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
.switch span:after { content: ""; position: absolute; background-color: #fff; width: 26px; top: 1px; bottom: 1px; border-radius: 30px; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.25); box-shadow: 1px 1px 3px rgba(0,0,0,0.25); -webkit-transition: left 0.2s; transition: left 0.2s; }
.nav-docs > ul > li > a { padding-top: 5px !important; padding-bottom: 5px !important; }
.dropfile { border: 2px dashed #e0e4e8; text-align: center; min-height: 20px; }
.dropfile.hover { border-color: #aac3cc; }
.dropfile small { margin: 50px 0; display: block; }
.portlet { min-height: 30px; }
.jqstooltip { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.easypiechart { position: relative; text-align: center; }
.easypiechart .h2 { margin-left: 10px; margin-top: 10px; display: inline-block; }
.easypiechart canvas { position: absolute; top: 0; left: 0; }
.easypiechart .easypie-text { position: absolute; z-index: 1; line-height: 1; font-size: 75%; width: 100%; top: 60%; }
.easypiechart img { margin-top: -4px; }
.combodate select { display: inline-block; }
.doc-buttons .btn { margin-bottom: 5px; }
.the-icons { list-style: none; }
.fontawesome-icon-list i { font-size: 14px; width: 40px; margin: 0; display: inline-block; text-align: center; }
.fontawesome-icon-list a { line-height: 32px; display: block; white-space: nowrap; }
.fontawesome-icon-list a:hover i { font-size: 28px; vertical-align: middle; }
.th-sortable { cursor: pointer; }
.th-sortable .th-sort { float: right; position: relative; }
.th-sort i { position: relative; z-index: 1; }
.th-sort .fa-sort { position: absolute; left: 0; top: 3px; color: #bac3cc; z-index: 0; }
.th-sortable.active .text { display: none !important; }
.th-sortable.active .text-active { display: inline-block !important; }
.sortable-placeholder { list-style: none; border: 1px dashed #CCC; min-height: 50px; margin-bottom: 5px; }
.input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; }
.parsley-error-list { margin: 0; padding: 0; list-style: none; margin-top: 6px; font-size: 12px; }
.parsley-error { border-color: #ff5f5f !important; }
.datepicker td.active, .datepicker td.active:hover, .datepicker td.active:hover.active, .datepicker td.active.active { background: #65bd77; }
.wizard .badge-info { background-color: #204d74; }
.wizard .badge-success { background-color: #8ec165; }
.wizard ul li.active { color: #204d74; }
#flotTip { padding: 3px 5px; background-color: #000; z-index: 100; color: #fff; opacity: .7; filter: alpha(opacity=70); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.bg-gradient { background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(40,50,60,0)), to(rgba(40,50,60,0.05))); background-image: -webkit-linear-gradient(top, rgba(40,50,60,0), 0, rgba(40,50,60,0.05), 100%); background-image: -moz-linear-gradient(top, rgba(40,50,60,0) 0, rgba(40,50,60,0.05) 100%); background-image: linear-gradient(to bottom, rgba(40,50,60,0) 0, rgba(40,50,60,0.05) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#0c28323c', GradientType=0);
filter: none; }
.bg-light { background-color: #f1f1f1; color: #717171; }
.bg-light.lt, .bg-light .lt { background-color: #f7f7f7; }
.bg-light.lter, .bg-light .lter { background-color: #fefefe; }
.bg-light.dk, .bg-light .dk { background-color: #ebebeb; }
.bg-light.dker, .bg-light .dker { background-color: #e4e4e4; }
.bg-light .bg { background-color: #f1f1f1; }
.bg-dark { background-color: #2e3e4e; color: #9db1c5; }
.bg-dark.lt, .bg-dark .lt { background-color:rgba(0,0,0,0.5); }
.bg-dark.lter, .bg-dark .lter { background: #8958d1;
background: -moz-linear-gradient(top,  #8958d1 0%, #530fba 100%);
background: -webkit-linear-gradient(top,  #8958d1 0%,#530fba 100%);
background: linear-gradient(to bottom,  #8958d1 0%,#530fba 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8958d1', endColorstr='#530fba',GradientType=0 );
 }
.bg-dark.dk, .bg-dark .dk { background-color: #25313e; }
.bg-dark.dker, .bg-dark .dker { background-color: #1b252e; }
.bg-dark .bg { background-color: #2e3e4e; }
.bg-dark a { color: #adbece; }
.bg-dark a:hover { color: #fff; }
.bg-dark a.list-group-item:hover, .bg-dark a.list-group-item:focus { background-color: inherit; }
.bg-dark .nav .caret { border-top-color: #9db1c5; border-bottom-color: #9db1c5; }
.bg-dark .nav > li > a { color: #adbece; }
.bg-dark .nav > li > a:hover, .bg-dark .nav > li > a:focus { color: #fff; background-color: #25313e; }
.bg-dark .nav > li > a:hover .caret, .bg-dark .nav > li > a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; }
.bg-dark .nav .open > a { background-color: #25313e; }
.bg-dark.navbar .nav > li.active > a { color: #fff; background-color: #25313e; }
.bg-dark .open > a, .bg-dark .open > a:hover, .bg-dark .open > a:focus { color: #fff; }
.bg-dark .text-muted { color: #8da4bb !important; }
.bg-dark .icon-muted { color: #4a647e !important; }
.bg-dark.lter, .bg-dark .lter{ background: #0062af; }
.bg-black { background-color: #282828; color: #9b9b9b; }
.bg-black.lt, .bg-black .lt { background-color: #353535; }
.bg-black.lter, .bg-black .lter { background-color: #424242; }
.bg-black.dk, .bg-black .dk { background-color: #1b1b1b; }
.bg-black.dker, .bg-black .dker { background-color: #0f0f0f; }
.bg-black .bg { background-color: #282828; }
.bg-black a { color: #a8a8a8; }
.bg-black a:hover { color: #fff; }
.bg-black a.list-group-item:hover, .bg-black a.list-group-item:focus { background-color: inherit; }
.bg-black .nav .caret { border-top-color: #9b9b9b; border-bottom-color: #9b9b9b; }
.bg-black .nav > li > a { color: #a8a8a8; }
.bg-black .nav > li > a:hover, .bg-black .nav > li > a:focus { color: #fff; background-color: #1b1b1b; }
.bg-black .nav > li > a:hover .caret, .bg-black .nav > li > a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; }
.bg-black .nav .open > a { background-color: #1b1b1b; }
.bg-black.navbar .nav > li.active > a { color: #fff; background-color: #1b1b1b; }
.bg-black .open > a, .bg-black .open > a:hover, .bg-black .open > a:focus { color: #fff; }
.bg-black .text-muted { color: #8e8e8e !important; }
.bg-black .icon-muted { color: #4e4e4e !important; }
.bg-primary { background-color: #65bd77; color: #e2f3e5; }
.bg-primary.lt, .bg-primary .lt { background-color: #77c587; }
.bg-primary.lter, .bg-primary .lter { background-color: #89cc97; }
.bg-primary.dk, .bg-primary .dk { background-color: #53b567; }
.bg-primary.dker, .bg-primary .dker { background-color: #48a75b; }
.bg-primary .bg { background-color: #65bd77; }
.bg-primary a { color: #ffffff; }
.bg-primary a:hover { color: #fff; }
.bg-primary a.list-group-item:hover, .bg-primary a.list-group-item:focus { background-color: inherit; }
.bg-primary .nav .caret { border-top-color: #e2f3e5; border-bottom-color: #e2f3e5; }
.bg-primary .nav > li > a { color: #ffffff; }
.bg-primary .nav > li > a:hover, .bg-primary .nav > li > a:focus { color: #fff; background-color: #53b567; }
.bg-primary .nav > li > a:hover .caret, .bg-primary .nav > li > a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; }
.bg-primary .nav .open > a { background-color: #53b567; }
.bg-primary.navbar .nav > li.active > a { color: #fff; background-color: #53b567; }
.bg-primary .open > a, .bg-primary .open > a:hover, .bg-primary .open > a:focus { color: #fff; }
.bg-primary .text-muted { color: #d0ebd6 !important; }
.bg-primary .icon-muted { color: #77c587 !important; }
.bg-success { background-color: #8ec165; color: #ebf4e4; }
.bg-success.lt, .bg-success .lt { background-color: #9bc877; }
.bg-success.lter, .bg-success .lter { background-color: #a9d089; }
.bg-success.dk, .bg-success .dk { background-color: #81ba53; }
.bg-success.dker, .bg-success .dker { background-color: #74ad46; }
.bg-success .bg { background-color: #8ec165; }
.bg-success a { color: #ffffff; }
.bg-success a:hover { color: #fff; }
.bg-success a.list-group-item:hover, .bg-success a.list-group-item:focus { background-color: inherit; }
.bg-success .nav .caret { border-top-color: #ebf4e4; border-bottom-color: #ebf4e4; }
.bg-success .nav > li > a { color: #ffffff; }
.bg-success .nav > li > a:hover, .bg-success .nav > li > a:focus { color: #fff; background-color: #81ba53; }
.bg-success .nav > li > a:hover .caret, .bg-success .nav > li > a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; }
.bg-success .nav .open > a { background-color: #81ba53; }
.bg-success.navbar .nav > li.active > a { color: #fff; background-color: #81ba53; }
.bg-success .open > a, .bg-success .open > a:hover, .bg-success .open > a:focus { color: #fff; }
.bg-success .text-muted { color: #deedd2 !important; }
.bg-success .icon-muted { color: #9bc877 !important; }
.bg-info { background-color: #204d74; color: #d1efef; }
.bg-info.lt, .bg-info .lt { background-color: #5fc7c8; }
.bg-info.lter, .bg-info .lter { background-color: #72cdce; }
.bg-info.dk, .bg-info .dk { background-color: #3fb4b5; }
.bg-info.dker, .bg-info .dker { background-color: #38a1a2; }
.bg-info .bg { background-color: #204d74; }
.bg-info a { color: #ffffff; }
.bg-info a:hover { color: #fff; }
.bg-info a.list-group-item:hover, .bg-info a.list-group-item:focus { background-color: inherit; }
.bg-info .nav .caret { border-top-color: #d1efef; border-bottom-color: #d1efef; }
.bg-info .nav > li > a { color: #ffffff; }
.bg-info .nav > li > a:hover, .bg-info .nav > li > a:focus { color: #fff; background-color: #3fb4b5; }
.bg-info .nav > li > a:hover .caret, .bg-info .nav > li > a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; }
.bg-info .nav .open > a { background-color: #3fb4b5; }
.bg-info.navbar .nav > li.active > a { color: #fff; background-color: #3fb4b5; }
.bg-info .open > a, .bg-info .open > a:hover, .bg-info .open > a:focus { color: #fff; }
.bg-info .text-muted { color: #bee8e8 !important; }
.bg-info .icon-muted { color: #5fc7c8 !important; }
.bg-warning { background-color: #ffc333; color: #fff8e6; }
.bg-warning.lt, .bg-warning .lt { background-color: #ffcb4d; }
.bg-warning.lter, .bg-warning .lter { background-color: #ffd266; }
.bg-warning.dk, .bg-warning .dk { background-color: #ffbc1a; }
.bg-warning.dker, .bg-warning .dker { background-color: #ffb400; }
.bg-warning .bg { background-color: #ffc333; }
.bg-warning a { color: #ffffff; }
.bg-warning a:hover { color: #fff; }
.bg-warning a.list-group-item:hover, .bg-warning a.list-group-item:focus { background-color: inherit; }
.bg-warning .nav .caret { border-top-color: #fff8e6; border-bottom-color: #fff8e6; }
.bg-warning .nav > li > a { color: #ffffff; }
.bg-warning .nav > li > a:hover, .bg-warning .nav > li > a:focus { color: #fff; background-color: #ffbc1a; }
.bg-warning .nav > li > a:hover .caret, .bg-warning .nav > li > a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; }
.bg-warning .nav .open > a { background-color: #ffbc1a; }
.bg-warning.navbar .nav > li.active > a { color: #fff; background-color: #ffbc1a; }
.bg-warning .open > a, .bg-warning .open > a:hover, .bg-warning .open > a:focus { color: #fff; }
.bg-warning .text-muted { color: #fff0cc !important; }
.bg-warning .icon-muted { color: #ffcb4d !important; }
.bg-danger { background-color: #fb6b5b; color: #ffffff; }
.bg-danger.lt, .bg-danger .lt { background-color: #fc8174; }
.bg-danger.lter, .bg-danger .lter { background-color: #fc988d; }
.bg-danger.dk, .bg-danger .dk { background-color: #fa5542; }
.bg-danger.dker, .bg-danger .dker { background-color: #fa3e29; }
.bg-danger .bg { background-color: #fb6b5b; }
.bg-danger a { color: #ffffff; }
.bg-danger a:hover { color: #fff; }
.bg-danger a.list-group-item:hover, .bg-danger a.list-group-item:focus { background-color: inherit; }
.bg-danger .nav .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; }
.bg-danger .nav > li > a { color: #ffffff; }
.bg-danger .nav > li > a:hover, .bg-danger .nav > li > a:focus { color: #fff; background-color: #fa5542; }
.bg-danger .nav > li > a:hover .caret, .bg-danger .nav > li > a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; }
.bg-danger .nav .open > a { background-color: #fa5542; }
.bg-danger.navbar .nav > li.active > a { color: #fff; background-color: #fa5542; }
.bg-danger .open > a, .bg-danger .open > a:hover, .bg-danger .open > a:focus { color: #fff; }
.bg-danger .text-muted { color: #fff2f0 !important; }
.bg-danger .icon-muted { color: #fc8174 !important; }
.bg-white { background-color: #fff; color: #717171; }
.bg-white a { color: #2e3e4e; }
.bg-white a:hover { color: #1b252e; }
.bg-white .text-muted { color: #979797 !important; }
.bg-white-only { background-color: #fff; }
.bg-empty { background-color: transparent; }
.pos-rlt { position: relative; }
.pos-stc { position: static; }
.pos-abt { position: absolute; }
.line {
 *width: 100%; height: 2px; margin: 10px 0; font-size: 0; overflow: hidden; background-color: transparent; border-width: 0; border-top: 1px solid #e8e8e8; }
.line-xs { margin: 0; }
.line-lg { margin-top: 15px; margin-bottom: 15px; }
.line-dashed { border-style: dashed; background: transparent; }
.no-line { border-width: 0; }
.no-border, .no-borders { border-color: transparent; border-width: 0; }
.no-radius { border-radius: 0; }
.block { display: block; }
.block.hide { display: none; }
.inline { display: inline-block !important; }
.pull-none { float: none; }
.rounded { border-radius: 500px; }
.btn-s-xs { min-width: 90px; }
.btn-s-sm { min-width: 100px; }
.btn-s-md { min-width: 120px; }
.btn-s-lg { min-width: 150px; }
.btn-s-xl { min-width: 200px; }
.l-h-2x { line-height: 2em; }
.l-h-1x { line-height: 1.2; }
.l-h { line-height: 1.5; }
.v-middle { vertical-align: middle !important; }
.v-top { vertical-align: top !important; }
.v-bottom { vertical-align: bottom !important; }
.font-thin { font-weight: 300; }
.font-normal { font-weight: normal; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.text-md { font-size: 0.85em; }
.text-sm { font-size: 12px; }
.text-xs { font-size: 10px; }
.text-ellipsis { display: block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; }
.text-uc { text-transform: uppercase; }
.text-lt { text-decoration: line-through; }
.text-ul { text-decoration: underline; }
.box-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
.avatar { border: 1px solid rgba(255,255,255,0.35); display: block; border-radius: 500px; white-space: nowrap; }
.avatar img { border-radius: 500px; }
.wrapper-sm { padding: 10px; }
.wrapper { padding: 15px; }
.wrapper-lg { padding: 30px; }
.wrapper-xl { padding: 50px; }
.padder { padding-left: 15px; padding-right: 15px; }
.padder-v { padding-top: 15px; padding-bottom: 15px; }
.no-padder { padding: 0 !important; }
.pull-in { margin-left: -15px; margin-right: -15px; }
.pull-out { margin: -10px -15px; }
.b-a { border: 1px solid #cfcfcf; }
.b-t { border-top: 1px solid #cfcfcf; }
.b-r { border-right: 1px solid #cfcfcf; }
.b-b { border-bottom: 1px solid #cfcfcf; }
.b-l { border-left: 1px solid #cfcfcf; }
.b-light { border-color: #e4e4e4; }
.b-dark { border-color: #374b5e; }
.b-primary { border-color: #77c587; }
.b-success { border-color: #9bc877; }
.b-info { border-color: #5fc7c8; }
.b-warning { border-color: #ffcb4d; }
.b-danger { border-color: #fc8174; }
.b-black { border-color: #353535; }
.b-white { border-color: #fff; }
.b-2x { border-width: 2px; }
.b-3x { border-width: 3px; }
.r { border-radius: 2px 2px 2px 2px; }
.r-l { border-radius: 2px 0 0 2px; }
.r-r { border-radius: 0 2px 2px 0; }
.r-t { border-radius: 2px 2px 0 0; }
.r-b { border-radius: 0 0 2px 2px; }
.m-xs { margin: 5px; }
.m-sm { margin: 10px; }
.m { margin: 15px; }
.m-md { margin: 20px; }
.m-lg { margin: 30px; }
.m-n { margin: 0 !important; }
.m-l-none { margin-left: 0; }
.m-l-xs { margin-left: 5px; }
.m-l-sm { margin-left: 10px; }
.m-l { margin-left: 15px; }
.m-l-md { margin-left: 20px; }
.m-l-lg { margin-left: 30px; }
.m-l-xl { margin-left: 40px; }
.m-l-n-xxs { margin-left: -1px; }
.m-l-n-xs { margin-left: -5px; }
.m-l-n-sm { margin-left: -10px; }
.m-l-n { margin-left: -15px; }
.m-l-n-md { margin-left: -20px; }
.m-l-n-lg { margin-left: -30px; }
.m-l-n-xl { margin-left: -40px; }
.m-t-none { margin-top: 0; }
.m-t-xxs { margin-top: 1px; }
.m-t-xs { margin-top: 5px; }
.m-t-sm { margin-top: 10px; }
.m-t { margin-top: 15px; }
.m-t-md { margin-top: 20px; }
.m-t-lg { margin-top: 30px; }
.m-t-xl { margin-top: 40px; }
.m-t-n-xxs { margin-top: -1px; }
.m-t-n-xs { margin-top: -5px; }
.m-t-n-sm { margin-top: -10px; }
.m-t-n { margin-top: -15px; }
.m-t-n-md { margin-top: -20px; }
.m-t-n-lg { margin-top: -30px; }
.m-t-n-xl { margin-top: -40px; }
.m-r-none { margin-right: 0; }
.m-r-xs { margin-right: 5px; }
.m-r-sm { margin-right: 10px; }
.m-r { margin-right: 15px; }
.m-r-md { margin-right: 20px; }
.m-r-lg { margin-right: 30px; }
.m-r-xl { margin-right: 40px; }
.m-r-n-xxs { margin-right: -1px; }
.m-r-n-xs { margin-right: -5px; }
.m-r-n-sm { margin-right: -10px; }
.m-r-n { margin-right: -15px; }
.m-r-n-md { margin-right: -20px; }
.m-r-n-lg { margin-right: -30px; }
.m-r-n-xl { margin-right: -40px; }
.m-b-none { margin-bottom: 0; }
.m-b-xs { margin-bottom: 5px; }
.m-b-sm { margin-bottom: 10px; }
.m-b { margin-bottom: 15px; }
.m-b-md { margin-bottom: 20px; }
.m-b-lg { margin-bottom: 30px; }
.m-b-xl { margin-bottom: 40px; }
.m-b-n-xxs { margin-bottom: -1px; }
.m-b-n-xs { margin-bottom: -5px; }
.m-b-n-sm { margin-bottom: -10px; }
.m-b-n { margin-bottom: -15px; }
.m-b-n-md { margin-bottom: -20px; }
.m-b-n-lg { margin-bottom: -30px; }
.m-b-n-xl { margin-bottom: -40px; }
.media-xs { min-width: 50px; }
.media-sm { min-width: 80px; }
.media-md { min-width: 90px; }
.media-lg { min-width: 120px; }
.thumb { width: 64px; display: inline-block; }
.thumb-lg { width: 128px; display: inline-block; }
.thumb-md { width: 90px; display: inline-block; }
.thumb-xs { width: 18px; display: inline-block; }
.thumb-sm { width: 36px; display: inline-block; }
.thumb-wrapper { padding: 2px; border: 1px solid #ddd; }
.thumb img, .thumb-xs img, .thumb-sm img, .thumb-md img, .thumb-lg img { height: auto; max-width: 100%; vertical-align: middle; }
.img-full { max-width: 100%; }
.img-full > img { max-width: 100%; }
.clear { display: block; overflow: hidden; }
.scroll-x, .scroll-y { overflow: hidden; -webkit-overflow-scrolling: touch; }
.scroll-y { overflow-y: auto; }
.scroll-x { overflow-x: auto; }
.no-touch .scroll-x, .no-touch .scroll-y { overflow: hidden; }
.no-touch .scroll-x:hover, .no-touch .scroll-x:focus, .no-touch .scroll-x:active { overflow-x: auto; }
.no-touch .scroll-y:hover, .no-touch .scroll-y:focus, .no-touch .scroll-y:active { overflow-y: auto; }
.no-touch .hover-action { display: none; }
.no-touch .hover:hover .hover-action { display: inherit; }
.h { font-size: 170px; font-weight: 300; text-shadow: 0 1px 0 #d9d9d9, 0 2px 0 #d0d0d0, 0 5px 10px rgba(0,0,0,0.125), 0 10px 20px rgba(0,0,0,0.2); }
.spinner { background:url(../images/loader.svg) no-repeat center rgba(0,0,0,0.9); background-size:100px; position:fixed; z-index:88; top:0; left:0; width:100%; height:100%;opacity: 0.7; }
.btn-src { border: none; background: none; padding: 0 7px; }

.table.table-striped.green-sec, .table.table-striped.green-sec > tbody > tr:nth-of-type(odd) { background-color:#7eff81; margin-bottom: 0; }
.table.table-striped.green-sec>tbody>tr>td, .table.table-striped.green-sec>tbody>tr>th, .table.table-striped.green-sec>tfoot>tr>td, .table.table-striped.green-sec>tfoot>tr>th, .table.table-striped.green-sec>thead>tr>td, .table.table-striped.green-sec>thead>tr>th { border-top: 1px solid #fff; color: #000; }

.table.table-striped.red-sec, .table.table-striped.red-sec > tbody > tr:nth-of-type(odd) { background-color:#ff7e7e; margin-bottom: 0; }
.table.table-striped.red-sec>tbody>tr>td, .table.table-striped.red-sec>tbody>tr>th, .table.table-striped.red-sec>tfoot>tr>td, .table.table-striped.red-sec>tfoot>tr>th, .table.table-striped.red-sec>thead>tr>td, .table.table-striped.red-sec>thead>tr>th { border-top: 1px solid #fff; color: #fff; }

.table.table-striped tbody > tr > td.green-sec { color:#22b513; }
.table.table-striped tbody > tr > td.red-sec { color:#ea1b1b; }

table.table.table-striped.table-view.modal-table tbody > tr > td { vertical-align: top; padding: 5px; }
.table .table th { border-top: none; }
.col-xs-12.addmore-section.clearfix > div { display: inline-block; margin-bottom: 15px; }
.col-xs-12.addmore-section.clearfix { text-align:right; }

.thxtable { max-width:600px; margin: 100px auto 35px auto; padding: 1.5rem; background: #fff; position: relative; }
.thxtable table td { width:30%; text-align: left; }
.thxtable table td:nth-child(2n) { width:70%; text-align: left; }
.thxtable h2 { padding:0 0 1rem 0; font-weight: bold; color: #00e80b; margin: 0; font-size: 36px; }
.thxtable h4 { padding:0 0 1rem 0; font-weight: bold; color: #000; margin: 0 0 2rem 0; font-size: 26px; }
.thxtable p, .thxtable .btn { font-size: 18px; }
.thxtable.cancel h2 { padding: 1.5rem 0; font-weight: bold; color: #e80026; }
.thx-cont { padding:2rem; }

.thxtable.thxsec { max-width:800px; margin: 100px auto 35px auto; padding: 1.5rem; background: #fff; position: relative; }
.thxtable.thxsec:before, .thxtable.thxsec:after { position: absolute; content: ''; background-color: #204d74; }
.thxtable.thxsec:before { width:10px; height: 200px; bottom: -10px; right:-10px; }
.thxtable.thxsec:after { width:200px; height: 10px; bottom:-10px; right:0; }
.thxtable.thxsec table td { width:30%; text-align: left; }
.thxtable.thxsec table td:nth-child(2n) { width:70%; text-align: left; }
.thxtable.thxsec h2 { padding:0 0 1rem 0; font-weight: bold; color: #00e80b; margin: 0; font-size: 36px; }
.thxtable.thxsec h4 { padding:0 0 1rem 0; font-weight: bold; color: #000; font-size: 20px; line-height: normal; }
.thxtable.thxsec h4.text-center { padding:0; margin: 0; }
.thxtable.thxsec p, .thxtable.thxsec .btn { font-size: 18px; }
.thxtable.thxsec.cancel h2 { padding: 1.5rem 0; font-weight: bold; color: #e80026; }
.thxtable.thxsec .thx-cont { padding:2rem; }
.thxtable.thxsec .sec-pic img { width:100%; }
.custable { margin: 2rem auto; padding: 1.5rem; background: #fff; }
.custable h3 { padding: 1rem 0; font-weight: bold; margin: 0; }


@media screen and (min-width: 992px) {
.col-lg-2-4 { width: 20.000%; float: left; }
}
@media (max-width: 1199px) {
.socondary-nav .navbar-nav li a { color: #777; padding: 15px 20px; font-size: 14px; }
.count-panel { font-size:16px; }
.count-panel .data-cell { padding:20px; }
.count-panel .cell-left { width:120px; }
.count-panel .cell-left small { font-size:16px; }
.t-num { font-size:32px; }
.login-panel { max-width: 500px; }
}
@media (min-width: 991px) {
.panel-search { display:block !important; }
}
@media (max-width: 991px) {
.table-responsive { width: 100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
.panel-search { display:none; }
.aside-lg, .navbar-brand { width: 200px; }
.sec-login { background-position: 82% bottom; padding:50px 30px; }
.login-panel { max-width: 400px; }
}
@media (min-width: 768px) {
.login-page-logo { position: relative; top: 0; left: 0; padding: 0; max-width: 150px; margin: auto; }
}
@media (max-width: 767px) {
	table.dataTable > tbody > tr.child ul.dtr-details {display: block !important;}
	table.dataTable > tbody > tr.child ul.dtr-details > li { display: flex!important; width: 100% !important;}
	.dtr-title, dtr-data {width: 50%!important;}
	.btn-sm { font-size: 11px; padding: 5px;}
/*.sec-login { padding:10px 20px; background:#5a60e5; }*/
.login-page-logo { position: relative; top: 0; left: 0; padding: 0; max-width: 150px; margin: auto; }
.login-panel { margin:30px auto 0; max-width:inherit; }
.footer-copyright { margin-top: 20px; font-size: 12px; }
.aside-lg { width:75%; }
.shift { display: none !important; }
.shift.in { display: block !important; }
.row-2 [class*="col"] { width: 50%; float: left; }
.row-2 .col-0 { clear: none; }
.row-2 li:nth-child(odd) { clear: left; margin-left: 0; }
.text-center-xs { text-align: center; }
.text-left-xs { text-align: left; }
.pull-none-xs { float: none !important; }
.hidden-xs.show { display: inherit !important; }
/*Majid*/
.btn-link.active .fa:before { content:'\f00d'; }
.navbar-fixed-top-xs + * { padding-top: 60px; }
.navbar-brand { line-height: 50px; height: 60px; width: auto; }
.navbar-brand img { max-height: 40px; }
/*.header.navbar { background:#5a60e5; }*/
.header-search { float:none; width:100%; }
.header-search .btn { height:40px; font-size:14px; min-width:30px; }
.header-search .form-control { height:40px; font-size:14px; }
#content .padder, .panel-white { padding:15px; }
.panel-white { padding:15px 0; }
.table-view > tbody > tr > td { padding: 5px 10px; width: 50%; font-size: 14px; }
.header .navbar-right { position: absolute; top: 0; right: 0; padding: 0; }
.header .navbar-right > li > a { min-width:inherit; line-height:50px; padding:0 10px; }
.zone-label { display: inline-block; position: static; width: auto; vertical-align:middle; }
.header .navbar-right .icon { vertical-align:middle; }
.modal-zone .modal-dialog { width:auto; }
.panel-pie .panel-body { padding:20px 20px 0; }
.pie-overlay { opacity:1; position:static; visibility:visible; display:block; padding:20px; background:none; }
.pie-overlay .btn { display:block; width:100%; }
.socondary-nav { margin:-15px -30px 30px }
.socondary-nav .navbar-nav { margin:0; }
.socondary-nav .nav > li { float:left; }
.socondary-nav .navbar-nav li a { font-size:12px; padding:10px; }
.tct-header .title .tct-id { display: block; margin-left: 0; font-size: 14px; }
.table-header .pull-left, .table-header .pull-right { width:100%; }
.table-header-cta .btn { margin:5px 5px 0 0 }
.well { padding:15px; }
.modal-zone .nav-pills li { margin:0; }
.modal-zone .nav-pills li a { font-size:13px; min-width:inherit; padding:6px 15px; }
.modal-zone .modal-body { padding:30px 20px; }
.modal-zone .btn-radio input[type="radio"] + label { border-radius: 10px; width: 105px; }
.modal-zone .btn-radio input[type="radio"] + label span { font-size: 14px; }
.modal-zone .btn-radio { margin: 5px 5px 30px 5px; }
.header .navbar-right > li.dropdown-usr > a.dropdown-toggle, .header .navbar-right > li.dropdown-usr > a.dropdown-toggle:focus { padding:9px 30px 9px 10px; background:none; font-size:13px; }
.nav-user .dropdown-usr .dropdown-menu { display:none; background:#f2f2f2; position:absolute; right:0; left:inherit; }
.nav-user .dropdown-usr.open .dropdown-menu { display:block; }
.dropdown-usr .dropdown-toggle strong { width:80px; }
.open > .dropdown-menu { display: block; min-height:244px; }
.table.table-striped tbody > tr > td img { max-height: 50px; width: auto; }
.btn-group-lg>.btn, .btn-lg { padding: 6px 13px; font-size: 14px; }
.btn-icon.btn-sm { width: 24px; height: 24px; line-height: 24px; }
.table thead > tr > th { font-size: 12px; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding:5px 3px; font-size: 12px; }
.thxtable.thxsec { margin: 0 auto 35px auto; }
}
@media (max-width: 360px) {
.socondary-nav .navbar-nav li a { padding: 10px 6px; font-size: 11px; }
}
#frm-search button[name='reset']{position: relative;float: left;margin-right: 5px;}


.radio-tab-group {margin: 0 -15px 15px; padding: 0 15px; display: flex; gap: 4px; flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto;}
.radio-tab-group input[type="radio"] { display: none;}
.radio-tab-group input[type="radio"]+label { display: block; padding: 7px 15px; color: #666; cursor: pointer; background: #f2f2f2; border-radius: 4px; white-space: nowrap;}
.radio-tab-group input[type="radio"]+label:before { content: '\f058'; font-family: 'Font Awesome 5 Free'; margin: 0 5px 0 0;}
.radio-tab-group input[type="radio"]:checked+label {color: #fff; background: #5a60e5;}

.acc-group-card { background: #f3f4fd; padding: 10px 30px; margin: 10px -30px 0;}
.acc-group-footer { background: #5a60e5; color: #fff; font-weight: bold; padding: 10px 30px; margin: 0 -30px 30px;}

@media screen and (max-width: 768px) {
    .radio-tab-group { gap:2px;}
    .radio-tab-group input[type="radio"] + label {padding: 5px 6px; font-size: 12px;}
    .acc-group { font-size: 12px;}
    .table tr td:last-child { white-space: normal !important;}
}